Tizen Web Application Tizen v2 · Tizen Web Application Default contents Name Description css...
Transcript of 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