Web Application Development Process

1
Web Application Development Process

• www.iprismtech.com

2
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.

3
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.

4
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.

5
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.

6
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).

7
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.

8
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

9

• 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 buildIn the Tizen Studio menu,
  select Project gt 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 buildIn the Tizen Studio menu,
  select Project gt Build Project.
• You can build your project at your convenience.
  If you want to use the manual build, ensure that
  the Project gt Build Automatically option is not
  selected.

10
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.

11
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

12
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 nati
  ve service application.
• To establish a project reference between a UI and
  service application
• In the Web UI application project context menu,
  select Properties gt Tizen Studio gt Package gt
  Multi.
• Select the check box for the service application,
  and click OK.
• In the Project Explorer view, a with ltWeb UI
  applicationgt 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.

13

• 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 gt Properties gt Tizen Studio
  gt Package by selecting the resources to be
  included in the package. For a Web application,
  you can set the properties in Project gt
  Properties gt Tizen Studio gt Package gt 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.

14
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 ltApplication_namegt.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.

15
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.

16
Contact Us