Tizen Web Application Tizen v

Transcription

1 Tizen Web Application Tizen v

2 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

3 Tizen Web Application How to install uninstall, and update packages in Tizen? 3 Source:

4 Tizen Web Application Default contents Name Description css folder images folder js folder config.xml file index.html file.wgt CSS files directory Image files ( icon, background etc) javascript files directory Application configuration file Default HTML file Web Application Package Web application Package ( *.wgt) Package format and file extension (ZIP archive file format) Application ID Package content 4

5 Tizen Web application hierarchy The Web application package directory structure after installation on device. /bin /<Application ID> /opt/usr/apps/<package ID> /data /res/wgt /css /js /config.xml /index.html 5

6 6 Hello Tizen Your First Tizen Application

7 Tizen IDE Project Explorer view Code Editor Outline and Event Injector Connection Explorer view Log/console view 7

8 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. 8 To executing the project is required own Security Profile

9 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

10 Hello Tizen! (Web application) 1. Create a Web Application Project Go to [ File ] > [ New ] > [ Tizen Web Project ] Enter HelloTizen in Project Name 10

11 Hello Tizen! (Web application) 2. Modify the HelloTizen project Open index.html and then change Application Name into HelloTizen 11

12 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

13 13 Execution Simulator, Emulator, Real Device

14 Simulator 1. Go to [ Run ] > [ Run as ] > [ Web simulator Application ] Tizen Simulator is required Google Chrome installed. 14

15 Emulator 1. Execute emulator manager in Connection Explorer. 2. Create a emulator and start. Execution button 15

16 Emulator 3. Running the project 16

17 Real Device 1. Install Samsung Device Driver. Download : 2. Connect the target device to your computer. 17

18 Real Device 3. In the Project Explorer view, right-click the project and select Run As > Run Configurations. 4. Running the project. 18

19 19 For Real Device Tizen samsung Z1

20 How to Enable Developer Mode on Tizen Samsung Z1 1. Go into Menu and select Settings. 2. Select Call in homescreen. 20 Developer options menu doesn t show.

21 How to Enable Developer Mode on Tizen Samsung Z1 3. Press *#84936# 4. Enable Developer Option 21

22 How to Enable Developer Mode on Tizen Samsung Z1 5. Close Settings. 6. Go settings, again. 22

23 How to Enable Debugging Mode on Tizen Samsung Z1 Settings > Developer Options > USB debugging 23

24 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

25 Security Profile for Real Device (Author certificate) 1. Click the register certificate( ) button. 25

26 Security Profile for Real Device (Author certificate) 2. Click the Generate a certificate signing request(crs file) 26

27 Security Profile for Real Device (Author certificate) 3. Enter the your information and Check the CSR Path of author.csr. Mandatory information 27 You must input the password at least 16 characters long.

28 Security Profile for Real Device (Author certificate) 4. Click the Request the certificate. 28 You must have samsung account.

29 Security Profile for Real Device (Author certificate) 5. Upload a CSR file and summit to samsung developer center. author.csr 29

30 Security Profile for Real Device (Author certificate) 6. Download author.crt file in your . author.crt 30

31 Security Profile for Real Device (Author certificate) 7. Enter the downloaded author.crt and your password. 31

32 Security Profile for Real Device (Device profile certificate) 8. Click the Request a device profile. Sign in your account. 32

33 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

34 Security Profile for Real Device (Device profile certificate) 10. Enter the file path and password using downloaded deviceprfile.xml and received password from samsung. Copy the password Download 34

35 Security Profile for Real Device 11. Check the created Security Profile. 35

36 Security Profile for Real Device 12. Select Permit to install applications 36 Now, you can run your applications on real device.

37 Trouble shooting Emulator : No accelerator found Solution 1. Edit the emulator option. 2. Change CPU VT on to off. 37

38 Reference