Create a web app project

A Tizen wearable Web app project contains all the resources for your application.

To create a new wearable Web app project:

  1. Launch the Tizen Studio.

  2. Select File > New > Tizen Project..

    Alternatively, you can select File > New > Other... > Tizen > Tizen Project from Template

    certificate_guide

There are 2 types of projects you can choose from:

  • Template provides a list of templates with basic structure where developers can start their Web application project from.

  • Sample provides a list of sample apps demonstrating the usage of various APIs and UI design which developers can refer to.

  1. Select Template tab.

    certificate_guide
  2. Select Wearable and version.

    certificate_guide
  3. Select Web Application.

    certificate_guide
  4. Select Basic UI template.

    certificate_guide
  5. Click Finish.

    certificate_guide

For detailed information about the Project Wizard, see Project Wizard.

The Web project source files already contain the basic application functionality.

You can view the files by double-clicking on the title of the project in the Project Explorer:

  • css folder: contains .css files for styling the contents of the application.

  • js folder: contains .js files for handling the functionalities of the application.

  • config.xml file: contains configuration information for the platform to install and launch the application.

  • index.html file: contains the layout of the application screen.

certificate_guide

Configuring the Application and Creating Code

You have various options to set the application configuration using the config.xml file and design the application UI.

The Tizen IDE provides a configuration editor for configuring the Web application.

To edit the config.xml file, open it by double-clicking the file in the Project Explorer.

Note

The config.xml must conform not only to the XML file format but also to the W3C specification requirements. Editing the configuration file in XML format is intended for advanced users only.

certificate_guide
  • In the Overview tab, you can define and edit general information, such as the name and the icon of the Web application.

  • In the Widget tab, you can define license information and UI preferences, such as the view modes of the Web application.

  • In the Features tab, you can declare required software and hardware features of the Web application. The declared information can be used for application filter in the Tizen market place.

  • In the Privileges tab, you can specify an API or API groups, accessed and used by the Web application.

  • In the Policy tab, you can request network resource permissions for the Web application when required to access external network resources.

  • In the Localization tab, you can provide localization support for name, description and license elements of the config.xml file.

  • In the Preferences tab, you can declare name-value pairs which can be set or retrieved through the Web application.

  • In the Tizen tab, you can edit the Tizen schema extension properties of the Web application.

  • In the Source tab, you can view and edit the code of the config.xml file. You can see how changes made on the other tabs are reflected in the XML code.