Tizen Web Application Tizen v2 · Tizen Web Application Default contents Name Description css...

Tizen Web Application

Tizen v2.3

2015. 11

Tizen Web Application

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

Tizen Web Application

How to install uninstall, and update packages in Tizen?

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

3

Tizen Web Application

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

Hello Tizen! (Web application)

2. Modify the HelloTizen project

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

11

Hello Tizen! (Web application)

* 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

How to Enable Developer Mode

on Tizen Samsung Z1

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

21

How to Enable Developer Mode

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

Security Profile for Real Device

(Author certificate)

1. Click the register certificate( ) button.

25

Security Profile for Real Device

(Author certificate)

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

26

Security Profile for Real Device

(Author certificate)

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

Security Profile for Real Device

(Author certificate)

4. Click the Request the certificate.

You must have samsung account.

28

Security Profile for Real Device

(Author certificate)

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

author.csr

29

Security Profile for Real Device

(Author certificate)

6. Download author.crt file in your email.

author.crt

30

Security Profile for Real Device

(Author certificate)

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

31

Security Profile for Real Device

(Device profile certificate)

8. Click the Request a device profile.

Sign in your account.

32

Security Profile for Real Device

(Device profile certificate)

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

Copy DUID at Device ID.

Ctr + V

33

Security Profile for Real Device

(Device profile certificate)

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

prfile.xml and received password from samsung.

Download

Copy the password

34

Security Profile for Real Device

11. Check the created Security Profile.

35

Security Profile for Real Device

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