Web application development process

Tools required to manage your Web
application life-cycle
 Plan and design the application.
 Create the application project.
 Set properties.
 Design the UI.
 Code the application.
 Build the application.
 Run and debug the application.
 Package the application.
 Develop multi-projects (multiple applications within the same package).
 Certify and publish the application.
 Upgrade the application.

Planning and designing the
application
 The first step in creating a Web application is planning and designing it
using the design tools of your choice.
 For information on planning and designing your applications,
see Tizen Web Guides and Tizen Web API References.
 Once you have finished the application plan and design, you are ready
to create the application project.

Creating the Application Project
 After you have planned and designed your application, you are ready
to create the application project .
 The Studio provides various project templates that make it easier for
you to start coding your application. When you create a new project,
you can select a specific template or sample. Based on the selection, the
Web Project Wizard automatically creates basic functionalities that the
application has to implement to be able to run. The default project files
and folders are also created.

Setting Project Properties
 After creating the application project, you can configure the properties
of the project and the Web application to achieve the required
functionality and features for your application.

Designing the Application UI
 You can design the application UI using the UI components defined in
the Advanced UI Framework (in mobile and wearable applications).

Coding the Application
 Code your application in the Studio using the APIs defined in the
Web API References.
 Once you have finished coding your application, you are ready to build
your application.

Building the Application
 When the Studio builds an application, the following process is
executed:
 Validation check for:
 JavaScript
 CSS
 Privilege
 Compile for:
 Coffee script
 Less

 If the project has errors, they are shown in
the Problems and Project Explorer views after the build.
 You can build a Web application automatically or
manually:
 Automatic build:In the Tizen Studio menu, select Project >
Build Automatically.
 If you select this option, whenever the source or a resource
is changed and saved, the Tizen Studio automatically
recognizes any saved changes and rebuilds the project
source.
 Manual build:In the Tizen Studio menu, select Project >
Build Project.
 You can build your project at your convenience. If you want
to use the manual build, ensure that the Project > Build
Automatically option is not selected.

Running and Debugging the Application
 When the Tizen Studio runs or debugs the application, the following process is
executed:
 Build automatically if no build has been created yet.
 Package. The optimization process is only executed when you execute the
packaging process.
 Execute the application to the Emulator or target device.
 You can run your application in one of the following environments:
 Emulator The device Emulator, provided with the Tizen Studio, imitates the
target environment running Tizen Web applications. Using this replicated
environment, you can test your application before deploying it to the real target
device.
 Target Device Running your application on a target device allows you to debug
and test your application in a real-time environment.
 Simulator The Tizen Web simulator allows you to run application that use the
Tizen Web APIs.
 You can run the application smartly:
 You can use the Rapid Development Support (RDS) mode to run or test faster.
 You can use the live editing mode to test faster (debug mode does not support
it).
 For more information about the debugging process and tools, see Debugging
Web Applications.

Packaging the Application
 When the Tizen Studio packages the application, the following process
is executed:
 Build automatically if no build has been created yet
 Optimize resources:
 Obfuscation (for JavaScript)
 Minification (for HTML, JavaScript, CSS, and PNG)
 Create the frame structure (for hybrid core applications).
 Make up resources (for hybrid core, font, and UI framework
applications).
 Handle signing.
 Web application packaging process is based on the W3C packaging and
configuration.
 You can package a Web application using the web-packaging command
in the Command Line Interface (CLI), which is a functional tool in the
Tizen Studio:

Developing Multiple Projects as a Combined Package
 Packaging Hybrid Applications
 A hybrid application package combines a Web application and 1 or more
native service applications.
 To create and run a hybrid application:
 Create a project for a Web UI application and native service application.
 To establish a project reference between a UI and service application:
 In the Web UI application project context menu, select Properties >
Tizen Studio > Package > Multi.
 Select the check box for the service application, and click OK.
 In the Project Explorer view, a with <Web UI application> message
appears next to the service application project name for each
application you have added to the package.
 Build and run the Web UI application. The service application is built
and executed automatically at the same time, and you can find a WGT
file (hybrid application package) under the Web UI application project
in the Project Explorer view.To modify the build configuration of the
service application, see Building the Application.

 The Tizen Studio provides the functionality to package a Web application
quickly in the required format and to set the package properties.
 In the Tizen Studio menu, you can set the package properties in Project >
Properties > Tizen Studio > Package by selecting the resources to be
included in the package. For a Web application, you can set the properties
in Project > Properties > Tizen Studio > Package > Web:
 Set excluding optimization resources You can minify your JavaScript, CSS,
HTML, and PNG resources and put in an exclude file pattern that you do
not want to optimize.
 Set hybrid application's main service application
 By default, the Web application package is created once. You can view the
package content at any point of the application development process by
double-clicking the project .wgt file in the Project Explorer view. All the
files present in the application project are displayed in a list.
 Any changes made to the files in the package content list, such as deleting
files or dragging and dropping files, are not reflected in the actual project
files.

Certifying and Publishing the Application
 After you have packaged your application, you are ready to certify and publish
your application.
 To certify and publish your application:
 Upload your mobile Web application to the Tizen Store or your wearable Web
application to the Samsung Galaxy Apps Store for registration. After the
application is uploaded, the application is signed as a certified application
installer package and the <Application_name>.wgt archive format, which
contains the distributor signature, is added by the Tizen Store or Samsung
Galaxy Apps Store.
 Submit your application to the Tizen Store or Samsung Galaxy Apps Store for
validation and selling.The Tizen Store or Samsung Galaxy Apps Store checks
whether your application functions properly before publishing it.
 For detailed instructions on how to register your application and submit it for
validation and publication in the Tizen Store, see Tizen Store Overview and
other subtopics within the Distribution section of the Tizen Developers site.
 You can also upgrade your application after certification. If you want to
withdraw your application from distribution and operation, you need to request
for application retirement from the Tizen Store or Samsung Galaxy Apps Store.

Upgrading the Application
 You can upgrade your application even after you have certified and made it
available for sale at the Tizen Store or Samsung Galaxy Apps Store.
 To upgrade your application:
 Update your application version, and if needed the privileges, in
the config.xml configuration file in the Tizen Studio.
 Update the application code as needed.
 If needed, update the privileges in the config.xml configuration file in the
Tizen Studio.
 Build, test, and repackage the application.
 Register the upgraded application on the Tizen Store or Samsung Galaxy Apps
Store.
 When a previously installed application is upgraded on a device, you can
decide which data files from the old version are retained and which are deleted.
The common Tizen upgrade policy is to overwrite all the application package
files, while keeping the user-created files and directories unchanged.
 Once your application has reached the end of its life-cycle, you can remove it
from the Tizen Store or Samsung Galaxy Apps Store.

Web application development process

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Web application development process (20)

Recently uploaded (20)

Web application development process