Tizen SDK and Web App Development                          Cheng Luo                        LinuxCon Europe 2012Monday, 5 ...
Agenda   • Tizen              2.0 alpha SDK   • Web            app developmentMonday, 5 November 12
Tizen 2.0 alpha SDK   •   IDE - Eclipse based   •   Emulator - qemu based   •   Web based (Chrome) simulator   •   UI Buil...
Installing SDK   • The          SDK supports Windows and Ubuntu   • The          SDK Mac version is coming soon   • Instal...
Monday, 5 November 12
Install JDK on Ubuntu   • Tizen              IDE is based on Oracle Java v7, not OpenJDK   • Oracle              doesn’t a...
Running IDE on Ubuntu   • Install            libwebkitgtk-1.0-0, if you get error such as☞:       Exception in thread "mai...
Tizen 2.0 alpha new featuresr Monday, 5 November 12
Tizen 2.0 alpha new features                          Enhanced HTML5                    WebKit2 WRT           screen orien...
Tizen 2.0 alpha new features                          Enhanced HTML5                       Better IDE & SDK               ...
Tizen 2.0 alpha new features                          Enhanced HTML5                         Better IDE & SDK             ...
Tizen 2.0 alpha new features                          Enhanced HTML5                         Better IDE & SDK             ...
Web apps on TizenMonday, 5 November 12
Web Apps                            Mobile site           Hosted app             Packaged app      UI                web p...
Mobile Web      <?xml&version="1.0"%encoding="UTF18"?>%      <widget&xmlns="http://www.w3.org/ns/widgets"%      xmlns:tize...
Mobile Web                                                                      EA SY      <?xml&version="1.0"%encoding="U...
Other Web Apps                        webOS                       WebWorks                   Tizen                        ...
Other Web Apps                                                                         RITE                               ...
HTML5Monday, 5 November 12
HTML5    CK                               LU                            OD                          GOMonday, 5 November 12
Webkit-efl Rendering Flow                        web view            Javascript                                            ...
HTML5 compatibility testMonday, 5 November 12
HTML5 compatibility test                                    .1                                  NOMonday, 5 November 12
Tizen Device APIMonday, 5 November 12
Tizen Device API                                              System Info                        Alarm                    ...
DemoMonday, 5 November 12
Monday, 5 November 12
Build your UI   • Tizen              web UI framework   • jQuery              Mobile   • CSS3               animationMonda...
Tizen Web UI vs Native                                 vs.Monday, 5 November 12
CSS3 animation - FlipboardMonday, 5 November 12
CSS3 animation - FlipboardMonday, 5 November 12
Porting web appsMonday, 5 November 12
Case study: webOS OnyxMonday, 5 November 12
DemoMonday, 5 November 12
Monday, 5 November 12
Case Study: BlackBerry Aura                        Portrait   LandscapeMonday, 5 November 12
After portingMonday, 5 November 12
Screen Resolution                                             720                        1024                             ...
Device API                   var	  acc	  =	  new	  Vector(0,0);                   acc.x	  =	  event.accelerationIncludingG...
The last mile - PackagingMonday, 5 November 12
thank you                             @chengluo                        c.luo@samsung.comMonday, 5 November 12
Upcoming SlideShare
Loading in …5
×

LinuxCon Europe 2012 - Tizen Mini Summit

1,029 views
893 views

Published on

In this talk, Cheng will walk through version 2.0 of the Tizen SDK, the alpha version of which was released to developers in September; the web app development process, Tizen IDE and latest version of the SDK tools will be explained to give web developers an overview of Tizen platform.

The second half of the talk will take a practical approach, focusing on how to port HTML 5 applications to Tizen. Topics covered will include tips and tricks for porting apps and how to make the most of Tizen’s extensive support for W3C/ HTML5 standards.

Cheng will also discuss how the Tizen device APIs are used to ‘fill in the gaps’ in the functionality offered by the W3C APIs.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,029
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

LinuxCon Europe 2012 - Tizen Mini Summit

  1. 1. Tizen SDK and Web App Development Cheng Luo LinuxCon Europe 2012Monday, 5 November 12
  2. 2. Agenda • Tizen 2.0 alpha SDK • Web app developmentMonday, 5 November 12
  3. 3. Tizen 2.0 alpha SDK • IDE - Eclipse based • Emulator - qemu based • Web based (Chrome) simulator • UI Builder • Event Injector • Remote inspector /Firebug • Documentations & Sample codesMonday, 5 November 12
  4. 4. Installing SDK • The SDK supports Windows and Ubuntu • The SDK Mac version is coming soon • InstallationManager supports the snapshot-based or SDK image-based installation • Pay attention to prerequisites, specially on Ubuntu (JDK, JRE, qemu, VTx support and etc.)Monday, 5 November 12
  5. 5. Monday, 5 November 12
  6. 6. Install JDK on Ubuntu • Tizen IDE is based on Oracle Java v7, not OpenJDK • Oracle doesn’t allow re-distribute Java packages, so... • oab-java6 a good script for installing oracle-jdk, oracle-jre on Ubuntu • still need some tweaks to install the latest JDK-7u9 with oab- java6☞ ☞: https://github.com/flexiondotorg/oab-java6Monday, 5 November 12
  7. 7. Running IDE on Ubuntu • Install libwebkitgtk-1.0-0, if you get error such as☞: Exception in thread "main" org.eclipse.swt.SWTError: No more handles [Unknown Mozilla path (MOZILLA_FIVE_HOME not set)] • Install Ajax Tool Framework (ATF) if Event Injector is not shown☞ ☞: http://tronprog.blogspot.co.uk/2012/05/eclipse-internal-web-browser-in-kubuntu.html http://wiki.eclipse.org/ATF/InstallingMonday, 5 November 12
  8. 8. Tizen 2.0 alpha new featuresr Monday, 5 November 12
  9. 9. Tizen 2.0 alpha new features Enhanced HTML5 WebKit2 WRT screen orientation multi-process APIs video subtitles video caption keygen details battery statusr Monday, 5 November 12
  10. 10. Tizen 2.0 alpha new features Enhanced HTML5 Better IDE & SDK WebKit2 WRT screen orientation smart installer multi-process APIs snapshot-based video subtitles video caption enhanced openGL ES installation keygen details battery status UI Builder WebGL accelerated emulatorr Monday, 5 November 12
  11. 11. Tizen 2.0 alpha new features Enhanced HTML5 Better IDE & SDK WebKit2 WRT screen orientation smart installer multi-process APIs snapshot-based video subtitles video caption enhanced openGL ES installation keygen details battery status UI Builder WebGL accelerated emulator Web UI FW content selection shortcut scroll widget context menu auto-divider expandable list virtual listr Monday, 5 November 12
  12. 12. Tizen 2.0 alpha new features Enhanced HTML5 Better IDE & SDK WebKit2 WRT screen orientation smart installer multi-process APIs snapshot-based video subtitles video caption enhanced openGL ES installation keygen details battery status UI Builder WebGL accelerated emulator Web UI FW More Device APIs content selection shortcut scroll widget download APIs notification APIs context menu auto-divider expandable list power control virtual listr Monday, 5 November 12
  13. 13. Web apps on TizenMonday, 5 November 12
  14. 14. Web Apps Mobile site Hosted app Packaged app UI web page generic UI generic/native Store search engine app stores app stores only add a manifest file no need to install offline launching Pros no memory footage low maintenance/memory access to device s APIs footage security risk Cons limited features require a server maintenanceMonday, 5 November 12
  15. 15. Mobile Web <?xml&version="1.0"%encoding="UTF18"?>% <widget&xmlns="http://www.w3.org/ns/widgets"% xmlns:tizen="http://tizen.org/ns/widgets"%version="2.0%Beta"% viewmodes="fullscreen"%id="http://yourdomain/FacebookApp">%%% <icon&src="icon.png"/>%%% <content&src="http://m.facebook.com"/>%%% <name>FacebookApp</name>& <access&origin&=&"*"/>% </widget>&Monday, 5 November 12
  16. 16. Mobile Web EA SY <?xml&version="1.0"%encoding="UTF18"?>% <widget&xmlns="http://www.w3.org/ns/widgets"% xmlns:tizen="http://tizen.org/ns/widgets"%version="2.0%Beta"% viewmodes="fullscreen"%id="http://yourdomain/FacebookApp">%%% <icon&src="icon.png"/>%%% <content&src="http://m.facebook.com"/>%%% <name>FacebookApp</name>& <access&origin&=&"*"/>% </widget>&Monday, 5 November 12
  17. 17. Other Web Apps webOS WebWorks Tizen tizen, Application, enyo.kind, enyo.Animator, SystemInfo, Core Core API enyo.Signals, Notification, HTML5, CSS3 AJAX enyo.Aync, xhr, json, cookie jQuery.get, XMLHttpRquest jQuery.get Touch Touch, ScrollMath, jQuery touch events, jQuery touch events events ScrollStrategy, Scoller Tizen events jQueryMobile, Tizen UI onyx CSS Web UIMonday, 5 November 12
  18. 18. Other Web Apps RITE REW DE CO webOS WebWorks Tizen tizen, Application, enyo.kind, enyo.Animator, SystemInfo, Core Core API enyo.Signals, Notification, HTML5, CSS3 AJAX enyo.Aync, xhr, json, cookie jQuery.get, XMLHttpRquest jQuery.get Touch Touch, ScrollMath, jQuery touch events, jQuery touch events events ScrollStrategy, Scoller Tizen events jQueryMobile, Tizen UI onyx CSS Web UIMonday, 5 November 12
  19. 19. HTML5Monday, 5 November 12
  20. 20. HTML5 CK LU OD GOMonday, 5 November 12
  21. 21. Webkit-efl Rendering Flow web view Javascript Web core core Evas Object (buffer) UI FW Cairo Evas & Ecore X Server OpenGL ES/GLMonday, 5 November 12
  22. 22. HTML5 compatibility testMonday, 5 November 12
  23. 23. HTML5 compatibility test .1 NOMonday, 5 November 12
  24. 24. Tizen Device APIMonday, 5 November 12
  25. 25. Tizen Device API System Info Alarm LBS Bluetooth Filesystem Application Media Content Call NFC Geocoder Calendar Messaging Contact Power Time Download NotificationMonday, 5 November 12
  26. 26. DemoMonday, 5 November 12
  27. 27. Monday, 5 November 12
  28. 28. Build your UI • Tizen web UI framework • jQuery Mobile • CSS3 animationMonday, 5 November 12
  29. 29. Tizen Web UI vs Native vs.Monday, 5 November 12
  30. 30. CSS3 animation - FlipboardMonday, 5 November 12
  31. 31. CSS3 animation - FlipboardMonday, 5 November 12
  32. 32. Porting web appsMonday, 5 November 12
  33. 33. Case study: webOS OnyxMonday, 5 November 12
  34. 34. DemoMonday, 5 November 12
  35. 35. Monday, 5 November 12
  36. 36. Case Study: BlackBerry Aura Portrait LandscapeMonday, 5 November 12
  37. 37. After portingMonday, 5 November 12
  38. 38. Screen Resolution 720 1024 9:16 1280 17:10 600 Playbook Tizen HDMonday, 5 November 12
  39. 39. Device API var  acc  =  new  Vector(0,0); acc.x  =  event.accelerationIncludingGravity.x; acc.y  =  event.accelerationIncludingGravity.y; var  accAngle  =  Math.atan2(-­‐acc.x,  acc.y);  //angle  between  the  rope  and  x  axis Z Y X Playbook Tizen HDMonday, 5 November 12
  40. 40. The last mile - PackagingMonday, 5 November 12
  41. 41. thank you @chengluo c.luo@samsung.comMonday, 5 November 12

×