Introduction to Tizen SDK 2.0.0 Alpha                               Taiho Choi                       Samsung Electronics
Contents •   Web technologies of Tizen •   Components of SDK 2.0.0 Alpha •   Hello world! •   Debugging apps •   Summary
1Web technologies on Tizen
Web technologies on Tizen       • Tizen utilizes web technologies for application compatibility                           ...
Supported web APIs       • Tizen follows many standard W3C APIs and provides a         powerful set of device specific API...
2Component of Tizen SDK 2.0.0 Alpha
Tizen SDK       • Consists of          –   IDE          –   Web Simulator          –   Emulator          –   Event Injecto...
IDE       • Eclipse + additional plug-ins                                                    Outline/           Project ex...
Web Simulator       • Can simulate Tizen Web App.          – Using Configuration Panel, simulates various aspect of device...
Emulator    • Emulator        – Using Emulator Manager, you can configure certain device characteristics        – You can ...
Event Injector    • Artificial events are generated      and transferred to emulator        –   Device        –   Location...
UI Builder    • UI layout code generation    • Easy programming model – Tizen Web UI Builder Project12/39
Documents    • Documentation for development is provided        –   Getting started with Tizen        –   Programming guid...
Sample applications    • Speeds up the learning curve for a new developers        – 15 sample applications are provided to...
3Hello world!
Creating a project    • Create a new project                                File -> New ->Tizen Web Project    • Select pr...
Files in project    • Files created using Blank template                         File            Description              ...
config.xml - Feature    • To use restricted APIs, declare features18/39
config.xml - Access    • Declare the URL to access external network resources19/39
config.xml - Preferences    • Persistently stored name-value pair that is associated with the      application the first t...
config.xml - Tizen    • Setting for Tizen schema extension, like ID or appservice21/39
Creating Emulator    • Using Emulator Manager, you can create an emulator        – Click   button in Connection Explorer22...
Creating Emulator    • Using Emulator Manager, you can create an emulator        – Click   button in Connection Explorer23...
Creating Emulator    • Using Emulator Manager, you can create an emulator        – Click   button in Connection Explorer24...
Running apps on emulator          Run -> Run As ->Tizen Web Application25/39
Localization    • Tizen provides a tool for multi-lingual support               Project -> Localization -> Localization Wi...
Localization wizard    • Select files for localization27/39
Localization wizard    • Select the locales28/39
Localization wizard    • Associate files with specific locales29/39
Localization    • Update the files on locales folder30/39
4Debugging apps
Writing code    • “Contents Assist” suggests available functions and keywords    • “Jlint” automatically shows the syntax ...
Log messages    • Display messages in console view        –   console.log("console.log");        –   console.info("console...
Remote Inspector    • Remote Inspector supports JavaScript debugging with      Emulator                Run ->Debug As -> T...
Breakpoint & Watch Expression    • Opening a JavaScript File    • Adding a breakpoint        – Right Click on Line number ...
5Summary
Summary    • Tizen SDK supports various tools for Web app development37/39
Tizen information & support   Main site : https://www.tizen.org      Developer site : https://developer.tizen.org  Source ...
Thank you!
Upcoming SlideShare
Loading in …5
×

Introduction to the Tizen SDK 2.0.0 Alpha - Taiho Choi (Samsung) - Korea Linux Forum 2012

2,307 views
2,074 views

Published on

Introduction to the Tizen SDK 2.0.0 Alpha - Taiho Choi (Samsung) - Korea Linux Forum 2012

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
2,307
On SlideShare
0
From Embeds
0
Number of Embeds
94
Actions
Shares
0
Downloads
96
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to the Tizen SDK 2.0.0 Alpha - Taiho Choi (Samsung) - Korea Linux Forum 2012

  1. 1. Introduction to Tizen SDK 2.0.0 Alpha Taiho Choi Samsung Electronics
  2. 2. Contents • Web technologies of Tizen • Components of SDK 2.0.0 Alpha • Hello world! • Debugging apps • Summary
  3. 3. 1Web technologies on Tizen
  4. 4. Web technologies on Tizen • Tizen utilizes web technologies for application compatibility Smart Phones Tablet PCs Net Books HTML5 CSS3In-Vehicle-Infotainment JavaScript Smart TVs4/39
  5. 5. Supported web APIs • Tizen follows many standard W3C APIs and provides a powerful set of device specific APIs Tizen specific Device API Web UI framework Alarm Contact FileSystem Call Button Check Box List Bluetooth Application LBS Geocoder Color Context Pop-up Option Header Time Power Calendar Messaging Pop-up Header & Footer Handler Media Content NFC System Information Image Slider Control bar Multimedia View W3C API Supplementary API Serve-Sent Events Canvas Orientation Web Storage Viewport Metatag Video Audio Acceleration Application Cache WebGL Fullscreen WebSocket Web SQL DB Web Worker File API Media Query Typed Array CORS Geolocation 2D Transforms XMLHTTPRequest Animations 3D Transforms5/39
  6. 6. 2Component of Tizen SDK 2.0.0 Alpha
  7. 7. Tizen SDK • Consists of – IDE – Web Simulator – Emulator – Event Injector – UI Builder – Documents – Sample applications – Remote Inspector – Localization Wizard – Project Wizard – …7/39
  8. 8. IDE • Eclipse + additional plug-ins Outline/ Project explorer Event Injector Editor area Property/ Connection HTML/ explorer Problems/ CSS Preview Console/ Pages8/39
  9. 9. Web Simulator • Can simulate Tizen Web App. – Using Configuration Panel, simulates various aspect of device Configuration panel9/39
  10. 10. Emulator • Emulator – Using Emulator Manager, you can configure certain device characteristics – You can test your application before deploying to physical device • Connection Explorer – Shows connected devices and emulators – Can explore the file system of the device10/39
  11. 11. Event Injector • Artificial events are generated and transferred to emulator – Device – Location – NFC – Sensor – Telephony11/39
  12. 12. UI Builder • UI layout code generation • Easy programming model – Tizen Web UI Builder Project12/39
  13. 13. Documents • Documentation for development is provided – Getting started with Tizen – Programming guide & Tutorials – API references – Tizen platform programming Help->Help Contents13/39
  14. 14. Sample applications • Speeds up the learning curve for a new developers – 15 sample applications are provided to demonstrate the Tizen Web API14/39
  15. 15. 3Hello world!
  16. 16. Creating a project • Create a new project File -> New ->Tizen Web Project • Select project template Select project template Write project name16/39
  17. 17. Files in project • Files created using Blank template File Description config.xml General information about icon, license, width, height, and others index.html App starting page icon.png Application icon shown on menu main.js Main JavaScript file style.css CSS file to define consistent look and feel • Files created using Tizen Web UI Builder template File Description page Set of files describes how to construct an individual page app.xml Manages page hierarchy, page transition, event handler binding tizen-ui- Framework files that define page base-class and start- builder-fw up page tizen-web-ui- Tizen Web UI Framework library fw17/39
  18. 18. config.xml - Feature • To use restricted APIs, declare features18/39
  19. 19. config.xml - Access • Declare the URL to access external network resources19/39
  20. 20. config.xml - Preferences • Persistently stored name-value pair that is associated with the application the first time the application is initiated20/39
  21. 21. config.xml - Tizen • Setting for Tizen schema extension, like ID or appservice21/39
  22. 22. Creating Emulator • Using Emulator Manager, you can create an emulator – Click button in Connection Explorer22/39
  23. 23. Creating Emulator • Using Emulator Manager, you can create an emulator – Click button in Connection Explorer23/39
  24. 24. Creating Emulator • Using Emulator Manager, you can create an emulator – Click button in Connection Explorer24/39
  25. 25. Running apps on emulator Run -> Run As ->Tizen Web Application25/39
  26. 26. Localization • Tizen provides a tool for multi-lingual support Project -> Localization -> Localization Wizard26/39
  27. 27. Localization wizard • Select files for localization27/39
  28. 28. Localization wizard • Select the locales28/39
  29. 29. Localization wizard • Associate files with specific locales29/39
  30. 30. Localization • Update the files on locales folder30/39
  31. 31. 4Debugging apps
  32. 32. Writing code • “Contents Assist” suggests available functions and keywords • “Jlint” automatically shows the syntax errors and warnings32/39
  33. 33. Log messages • Display messages in console view – console.log("console.log"); – console.info("console.info"); – console.warn("console.warn"); – console.error("console.error"); – console.debug("console.debug");33/39
  34. 34. Remote Inspector • Remote Inspector supports JavaScript debugging with Emulator Run ->Debug As -> Tizen Web Application34/39
  35. 35. Breakpoint & Watch Expression • Opening a JavaScript File • Adding a breakpoint – Right Click on Line number -> select “Add Breakpoint” • Adding a watch expressions35/39
  36. 36. 5Summary
  37. 37. Summary • Tizen SDK supports various tools for Web app development37/39
  38. 38. Tizen information & support Main site : https://www.tizen.org Developer site : https://developer.tizen.org Source site: https://source.tizen.org Issue-tracking site: https://bugs.tizen.org
  39. 39. Thank you!

×