Html5, Native and Platform based Mobile Applications

17,545 views
18,730 views

Published on

This presentation compares between different mobile applications techniques: Native, HTML5 and platform based (Flash, JavaFX, Silverlight) as well as review the level of support each alternative has for video.

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total views
17,545
On SlideShare
0
From Embeds
0
Number of Embeds
12,659
Actions
Shares
0
Downloads
87
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Html5, Native and Platform based Mobile Applications

  1. 1. Native vs. Web vs. Platform Based Applications
  2. 2. Agenda • Native • Platform Based ▫ Flash ▫ JavaFX • Web – HTML5 • Video anyone? • Which one to choose?
  3. 3. Native • Android • iPhone • Symbian • Windows Mobile • Blackberry
  4. 4. HTML5 • Drafts by WHAT WG ▫ Web Hypertext Application Technologies • Merging into W3C specifications • “One of HTML5’s goals is to move the Web away from proprietary technologies such as Flash, Silverlight, and JavaFX, says Ian Hickson, co-editor of the HTML5 specification.” —Paul Krill, reporting for InfoWorld, June 16, 2009 • Browser support
  5. 5. HTML 5 Features ▫ Client-side Database Storage ▫ Application Cache ▫ SQLite in browser ▫ 2D Graphics ▫ Video/Audio ▫ Geo location ▫ Speed ▫ UI tools
  6. 6. Sun JavaFX • JavaFX Script & Java • JavaFX runtime integrated into JRE on first download. • Desktops, Browsers, Mobiles and other machines • JavaFX uses the Applet mechanism • Also can be used with WebStart • Not replacing SWING • For web developers and designers
  7. 7. JavaFX Code Sample
  8. 8. Adobe Flex • Flash Player(FP) 10.1 - 13 years old • ActionScript 3 & MXML • Software Development approach • Running on the Flash Client or on AIR • Open source framework • Cross platform all major browsers and OS (-iPhone) • Now on the desktop with Adobe AIR
  9. 9. Flex Code Sample
  10. 10. Silverlight Code Sample
  11. 11. WHICH DEVELOPMENT METHOD TO SELECT No clear winner, depends on usage
  12. 12. HTML5 Applications • Data Information centric applications • Enterprise & CRM applications • And…. • Bypass the AppStore • Google Voice Sample
  13. 13. Platform Solution • Cross platform => 2+ platforms • PC + Mobile • Heavy video & graphic usage
  14. 14. Native • Single Platform • Use of Device / Platform Specific functions ▫ Sensors • Use of background processing
  15. 15. Video Support
  16. 16. HTML5 Video - Fragmented • Just Support Theora (version of VP3) ▫ Old codec ▫ Low performance (BR/Quality ratio) ▫ Free no royalties ▫ Hardware support? • Hemmm….Also H.264 ▫ Much better quality per bitrate ▫ But it requires royalties…. • Soon Google opens VP8 ▫ Good Quality ▫ No Royalties (?) • So What is HTML5 Video Codec?
  17. 17. HTML5 Video Code • Very Simple • <videosrc="movie.ogg" controls="controls">If you can see this text, your browser does not support the HTML5 video tag.</video> Source W3C School
  18. 18. Browser CODEC Support Browser Ogg Theora H.264/MPEG-4 AVC Internet Explorer NO 9.0 Mozilla Firefox 3.5 No Google Chrome 3.0 3.0 Safari No 3.1 Opera 10.50
  19. 19. Flash Video - Evolving • Sorenson Spark ▫ Old, low performance ▫ Phasing out • On2 VP6 ▫ Mid level ▫ Phasing out • H.264 ▫ Best performance ▫ Mainstream flash video codec
  20. 20. HTML5 vs Flash reasoning • “Most of the debate and discussion over HTML5 vs. Flash vs. Native Apps has little to do with what is the right technical approach, or whether something is open or closed; it has to do with the expressions of power and control that drive the businesses of the Internet’s dominant platform companies—Apple, Adobe, Google and Microsoft.” —Jeremy Allaire, founder and CEO of Brightcove Writing at TechCrunch, Feb. 5, 2010 Italics added
  21. 21. Video Summary • Flash video - over 75% worldwide according to ComScore – Video Metrix Report (August 2009) • You Should support Flash in your video application or site or content will support as first video solution. • It is recommended to include HTML5 for non- flash supporting platform (iPhoners)

×