![HTML5 The road to more devices… Kui Huang April, 2011 [email_address]](https://image.slidesharecdn.com/html5invest-111024032018-phpapp01/85/html5-investigation-1-320.jpg)
![Topics ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (7)
Similaire à Html5 investigation
Similaire à Html5 investigation (20)
Dernier
Dernier (20)
Html5 investigation
- 1. HTML5 The road to more devices… Kui Huang April, 2011 [email_address]
- 3. Mobile OS Smartphone Operating System Market Share Percentage No single operating system has more than 50 percent market share. The future promises more operating system fragmentation, not less… Native 2006 2007 2008 2009 2010 2011 2012 2015 Symbian 67 63.5 52.4 46.9 37.6 19.2 5.2 0.1 RIM Java 7 9.6 16.6 19.9 16.0 13.4 12.6 11.1 Windows Mobile C++/C# 14 12.0 11.8 8.7 4.2 5.6 10.8 19.5 iOS Objective-C 0 2.7 8.2 14.4 15.7 19.4 18.9 17.2 Linux 6 9.6 7.6 4.7 Palm OS 5 1.4 1.8 Android Java 0.5 3.9 22.7 38.5 49.2 48.8 WebOS HTML5/C++ 0.7 Others 1 1.2 1.1 0.8 3.8 3.9 3.4 3.3
- 4. Tablet Tablet Operating System Market Share Percentage Source: Gartner (April 2011) 2010 2011 2012 2015 iOS 83.9 68.7 63.5 47.1 Android 14.2 19.9 24.4 38.6 MeeGo 0.6 1.1 1.2 1.0 WebOS 0.0 4.0 3.9 3.0 QNX 0.0 5.6 6.6 10.0 Others 1.3 0.7 0.4 0.3 Total market ( Thousands of Units ) 17,610 69,780 108,211 294,093
- 7. Mobile browsers Mobile browser Engine HTML5 Mobile Safari WebKit Yes Android Chrome WebKit Yes Blackberry 6 Browser WebKit Yes Opera Mobile 11 Opera Presto 2.8 Yes Opera Mini 11 Opera Presto 2.8 Yes Windows Phone 7 browser (IE) IE 7 No (support soon at the end of 2011) Symbian^4 WebKit Yes MeeGo WebKit (Chromium) Yes WebOS Browser WebKit Yes Bada OS 2.0 Browser (Samsung) WebKit Yes Fennec Firefox Yes
- 14. JavaScript Framework Framework Type Concepts Mobile? Charting? License Prototype infra HTML, CSS No No MIT jQuery Infra HTML, CSS. plugins, UI Yes ( jQuery Mobile 1.0, other plugins) No (plugins) MIT, GPL Dojo 1.6 App HTML, CSS, extend attributes on elements. (dijit, dojox) Yes (dojox.mobile) Yes (dojox.charting) AFL, BSD YUI 3.3.0 App HTML, CSS. Yes (no standalone package) Yes (HTML/CSS, beta) BSD GWT 2.2.0 App Java Yes (standalone, gwt-mobile-webkit , but little UI widget) Yes (gwt-google-apis: Visualization API ; standalone: GFlot, clientsidegchart ) Apache Ext JS 4 App CSS, Component API (enterprise RIA) Yes (Sencha Touch, jQTouch ) Yes (SVG, Canvas, VML) GPL, commercial Qooxdoo 1.3 App No HTML, CSS nor DOM knowledge. Pure object-oriented, 360 classes Yes (but doesn ’ t work well in iOS) Yes (Flash Player) LGPL, EPL SproutCore App desktop-class, Cocoa for the Web. heavy use of Ruby and Ruby Gems for code generation. minimal HTML and CSS Yes, but no standalone package. 1 2 Ki MIT OAT App Yes (support pivot table, charts) GPL MooTools App AmpleSDK App Cappuccino App SmartClient App Yes (support pivot table, charts) LGPL, commercial
- 18. Dojox Mobile
- 21. jQuery Mobile
- 29. Architecture Mobile browser (iOS, Android, BlackBerry 6, webOS…) Presentation Server OSGi Storage (code, config) PC browser Flex User Manager Model Repository Query component Data Collection More… Json/xml DWR Json/xml amf Other clients (for integration, native app, custom workflow, etc.) Json/xml HTML5 Mobile SDK (touch, orientation, rich components, data, theme …) Comp (chart, table, etc.) Services ( security, repository, runtime data ) Widget FW (opbook special) App framework
- 30. Data Explorer Mobile Edition HTML5 Mobile SDK (touch, orientation, rich components, data, theme …) Comp (chart, table, etc.) Services ( security, repository, runtime data ) Widget FW (opbook special) App framework Nav widget, detail widget, etc. Pivot table, charts, etc. User Workbench Applet
- 32. Original Flex UI
- 33. Prototype 1
- 34. Prototype 2
- 38. Appendix Canvas/SVG/CSS Safari 5.0.4, OS X 10.6.7, 500 Particles, 2011 2010 FPS CPU Canvas 52 97 HTML + CSS 32 70 SVG 29 70 Flash 10.2 36 60
- 39. Appendix Canvas/SVG/CSS FPS on 500 Particles OS Canvas SVG HTML iPad 3.69 3.40 3.0 iPod Touch 4 4.8 (2H45M 80%) 3.24 2.14 iPhone 4 5.3 2.7 2.3 Android 2.2 (HTC, 1GHz) 9.6 - (not supported) 7.5 Android 2.3 Android 3.0 Honeycomb (for tablet) webOS 3.0 enyo (simulator) 12 - (not supported) ? (crash)
- 41. Appendix HTML5 performance in tablets
- 43. Appendix Make a Widget
- 44. Appendix Make an App
Notes de l'éditeur
- Sources: Canalys, 2006 . Gartner: 2007 , 2008 , 2009 . http://www.engadget.com/2011/04/07/gartner-android-grabbing-over-38-percent-of-smartphone-market-i/
- http://www.gartner.com/it/page.jsp?id=1626414 Tabnet replace laptop in meeting.
- http://en.wikipedia.org/wiki/Mobile_application_development
- The only major browser that definitely will not support HTML5 is Internet Explorer, but Internet Explorer 9 for desktop is going to support HTML5. Eventually the mobile browser will as well. Saying a browser supports HTML5 does not mean it supports full HTML5 spec right now. It simply means that it supports a portion of the spec and is on track to support it fully.
- SVG: scalable Vector Graphics. http://html5vsflash.tumblr.com/
- http://www.theopensourcery.com/jsactscript.htm
- http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks Google Visualization API: https://chart.googleapis.com/chart?chs=750x300&chd=t:60,40&cht=p3&chl=Hello|Vitria Qooxdoo [‘ku:ksdu:]
- http://www.appleinsider.com/articles/08/06/16/apples_open_secret_sproutcore_is_cocoa_for_the_web.html http://www.slideshare.net/david.saitta/cloud-web-applications-the-new-perspective-of-sproutcore http://frozencanuck.wordpress.com/2010/09/07/announcing-ki-a-statechart-framework-for-sproutcore/ http://designingwebinterfaces.com/tag/sproutcore
- http://www.slideshare.net/dylanks/dojo-mobile
- And more… MVC History support Device detection Orientation events Layouts Animations
- JSONP or &quot;JSON with padding&quot; is a complement to the base JSON data format, a pattern of usage that allows a page to request data from a server in a different domain. As a solution to this problem, JSONP is an alternative to a more recent method called Cross-Origin Resource Sharing . Under the same origin policy , a web page served from server1.example.com cannot normally connect to or communicate with a server other than server1.example.com. An exception is the HTML <script> element. Taking advantage of the open policy for <script> elements, some pages use them to retrieve Javascript code that operates on dynamically-generated JSON-formatted data from other origins. This usage pattern is known as JSONP. Requests for JSONP retrieve not JSON, but arbitrary JavaScript code. They are evaluated by the JavaScript interpreter, not parsed by a JSON parser.
- Not much document online for jQTouch: http://www.pixeldust.net/2010/01/get-in-touch-with-jqtouch/ http://ofps.oreilly.com/titles/9780596805784/ The original leader of jQTouch is moved on Sencha Touch!!!
- Memory leak tuning: http://blogs.msdn.com/b/gpde/archive/2009/08/03/javascript-memory-leak-detector-v2.aspx http://www.blogjava.net/tim-wu/archive/2006/05/29/48729.html https://github.com/amix/JavaScript-memory-leak-checker
- http://www.slideshare.net/chrisjoha/javascript-unit-testing-3912063 http://kissyui.com/blog/2010/10/understanding-javascript-testing/ http://stackoverflow.com/questions/300855/looking-for-a-better-javascript-unit-test-tool http://www.opensourcetesting.org/unit_javascript.php http://visionmedia.github.com/jspec/ http://dromaeo.com/
- http://www.themaninblue.com/writing/perspective/2010/03/22/
- http://www.quirksmode.org/webkit_mobile.html
- http://www.sencha.com/blog/blackberry-playbook-the-html5-developer-scorecard/