WDE offers a number of templates you can use to create Xpress web apps easily. These templates range from the Basic web app template, which contains the core web app files with no functionality, through a selection of templates offering basic UI constructions to fully functional web apps, among these the Videos browsing project template offers a working web app to browse videos. You can work with web app examples or a web app project you have already created as well. For more details on importing web apps, see Importing a web app or web app project in the Xpress Web App Developer's Library.
Create and code your project:
1. On the File menu point to New and click Series 40 web app (wgt), select the Videos browsing feed project template and provide the web app details requested
Step-by-step — Create and code your project
Step 1 — Create your web app
For this guide the fully working Videos browsing project template will be used to create your first web app.
To create the Xpress web app project, on the File menu point to New and click Xpress web app (wgt) (Figure 1).
Figure 1. Selecting the Xpress web app (wgt) option on the File menu
The New Xpress web app dialogue displays (Figure 2). In the Xpress web apps folder, click Videos browsing project and then Next.
Figure 2. Selecting a template for a new Xpress web app
The first page of the New Videos browsing project dialogue displays (Figure 3).
Figure 3. The New Videos browsing project dialogue, where details of the web app project are defined
Enter the project name,
MyVideos, in Project Name. When you leave Project Name, the wizard automatically populates Display Name (the name that will be displayed in the phone’s UI), Unique Identifier and Short Name. You can change these fields as desired.
Now set Version # to 1.0.
Click Next and the Videos browsing project settings page displays (Figure 4). This page of the dialogue enables the setting of the main HTML file name that will be used in the project (note that a web app cancontain one HTML file only), the number of videos to be listed, and information about the web app and you, its author. Update the default information if you wish and add your email address in Author Email. Apart from entering your email address, these details can be left unchanged.
Figure 4. The Videos browsing project settings page that enables the setting of web app variables
The Save author details dialogue displays (Figure 5). To save the values you entered in Author and Author Email, so they are automatically added to new web app projects, click Yes.
Figure 5. The Save author details dialogue
The Create Project dialogue displays (Figure 6), showing the progress of the project's creation.
Figure 6. The Create Project dialogue, displaying the progress of project creation
For more information on the new project dialogues, see Creating a web app project in the Xpress Web App Developer's Library.
Once the project has been created, it's opened in Project Explorer.
Step 2 — Code your web app