tizen web application tizen v2 · tizen web application default contents name description css...

Tizen Web Application

Tizen v2.3

2015. 11


Web APIs

Standard W3C/HTML5 features

HTML5 + CSS + Javascript

Tizen UI framework

Tizen Web Device APIs

Based on JavaScript

Provides access to Platform Device

Web Runtime

Lifecycle Management of web applications.

Execution of web application

2


How to install uninstall, and update packages in Tizen?

Source: https://developer.tizen.org/development/api-references/

3


Default contents

Name Description

css folder CSS files directory

images folder Image files ( icon, background etc)

js folder javaScript files directory

config.xml file Application configuration file

index.html file Default HTML file

.wgt Web Application Package

Web application Package ( *.wgt)

Package format and file extension (ZIP archive file format)

Application ID

Package content

4

Tizen Web application hierarchy

The Web application package directory structure after installation on

device.

/opt/usr/apps/<Package ID>

/bin

/data

/res/wgt

/<Application ID>

/config.xml

/index.html

/js

/css

5

Hello Tizen Your First Tizen Application

6

Tizen IDE

Project Explorer view

Connection Explorer view

Code Editor

Log/console view

Outline and Event Injector

7

Security Profile

1. In the Tizen IDE, go to [ Window ] > [ Preferences ] > [ Tizen SDK ] >

[ Security Profiles ] .

2. To add a signed profile, click Add in the Profiles panel.

To executing the project is required own ‘Security Profile’

8

Security Profile

3. To add Author Certificate, click Generate button.

Author Certificate : signing an author signature for integrity and trustworthy.

Distributor Certificate : being generated by an application publisher (Tizen

Store) for confirming and proving its integrity.

9

Hello Tizen! (Web application)

1. Create a Web Application Project

Go to [ File ] > [ New ] > [ Tizen Web Project ]

Enter “HelloTizen” in Project Name

10


2. Modify the HelloTizen project

Open “index.html” and then change “Application Name” into “HelloTizen”

11


* Before Building and Running the project, must have own “Security

Profile”

3. Building and Packaging the “HelloTizen” project

Select “HelloTizen” and then go to [ Project ] > [ Build Project ]

4. Running the Application using one of the following method.

Simulator

Emulator

Real Device

12

Execution Simulator, Emulator, Real Device

13

Simulator

1. Go to [ Run ] > [ Run as ] > [ Web simulator Application ]

Tizen Simulator is required Google Chrome installed.

14

Emulator

1. Execute emulator manager in Connection Explorer.

2. Create a emulator and start.

Execution button

15

Emulator

3. Running the project

16

Real Device

1. Install Samsung Device Driver.

Download : http://developer.samsung.com/technical-doc/view.do?v=T000000117

2. Connect the target device to your computer.

17

Real Device

3. In the Project Explorer view, right-click the project and select Run As >

Run Configurations.

4. Running the project.

18

For Real Device Tizen samsung Z1

19

How to Enable Developer Mode

on Tizen Samsung Z1

1. Go into Menu and select Settings.

Developer options menu

doesn’t show.

2. Select Call in homescreen.

20


on Tizen Samsung Z1

3. Press *#84936# 4. Enable Developer Option

21


on Tizen Samsung Z1

5. Close Settings. 6. Go settings, again.

22

How to Enable Debugging Mode

on Tizen Samsung Z1

Settings > Developer Options > USB debugging

23

Security Profile for Real Device

Author certificate

1. Create certificate signing request .

2. Request the certificate.

- Using the generated CSR file.

Device Profile certificate

1. Request a device profile

- To be able to install application on test devices

24


(Author certificate)

1. Click the register certificate( ) button.

25



2. Click the Generate a certificate signing request(CRS file)

26



3. Enter the your information and Check the CSR Path of author.csr.

Mandatory information

You must input the password at least 16 characters long.

27



4. Click the Request the certificate.

You must have samsung account.

28



5. Upload a CSR file and summit to samsung developer center.

author.csr

29



6. Download author.crt file in your email.

author.crt

30



7. Enter the downloaded author.crt and your password.

31


(Device profile certificate)

8. Click the Request a device profile.

Sign in your account.

32



9. Select Public at Privilege Level, Individual at Developer Type. And

Copy DUID at Device ID.

Ctr + V

33



10. Enter the file path and password using downloaded device-

prfile.xml and received password from samsung.

Download

Copy the password

34


11. Check the created Security Profile.

35


12. Select Permit to install applications

Now, you can run your applications on real device.

36

Trouble shooting

Emulator : No accelerator found

Solution

1. Edit the emulator option. 2. Change CPU VT on to off.

37

Reference

https://developer.tizen.org/development/api-references/

http://www.tizenexperts.com/

38

tizen web application tizen v2 · tizen web application default contents name description css...

Documents