Native
      vs.
    Web
      vs.
Platform Based
 Applications
Agenda
• Native
• Platform Based
 ▫ Flash
 ▫ JavaFX
• Web – HTML5
• Video anyone?
• Which one to choose?
Native
•   Android
•   iPhone
•   Symbian
•   Windows Mobile
•   Blackberry
HTML5
• Drafts by WHAT WG
  ▫ Web Hypertext Application Technologies
• Merging into W3C specifications
• “One of HTML5’s g...
HTML 5 Features
 ▫   Client-side Database Storage
 ▫   Application Cache
 ▫   SQLite in browser
 ▫   2D Graphics
 ▫   Vide...
Sun JavaFX
• JavaFX Script & Java
• JavaFX runtime integrated into JRE on first
  download.
• Desktops, Browsers, Mobiles ...
JavaFX Code Sample
Adobe Flex
•   Flash Player(FP) 10.1 - 13 years old
•   ActionScript 3 & MXML
•   Software Development approach
•   Runnin...
Flex Code Sample
Silverlight Code Sample
WHICH DEVELOPMENT METHOD
TO SELECT


No clear winner, depends on usage
HTML5 Applications
• Data Information centric applications
• Enterprise & CRM applications

• And….

• Bypass the AppStore...
Platform Solution
• Cross platform => 2+ platforms
• PC + Mobile
• Heavy video & graphic usage
Native
• Single Platform
• Use of Device / Platform Specific functions
 ▫ Sensors
• Use of background processing
Video Support
HTML5 Video - Fragmented
• Just Support Theora (version of VP3)
 ▫   Old codec
 ▫   Low performance (BR/Quality ratio)
 ▫ ...
HTML5 Video Code
• Very Simple

• <videosrc="movie.ogg" controls="controls">If
  you can see this text, your browser does ...
Browser CODEC Support
 Browser             Ogg Theora   H.264/MPEG-4 AVC

 Internet Explorer      NO              9.0

 Mo...
Flash Video - Evolving
• Sorenson Spark
 ▫ Old, low performance
 ▫ Phasing out
• On2 VP6
 ▫ Mid level
 ▫ Phasing out
• H.2...
HTML5 vs Flash reasoning
• “Most of the debate and discussion over HTML5
  vs. Flash vs. Native Apps has little to do with...
Video Summary
• Flash video - over 75% worldwide according to
  ComScore – Video Metrix Report (August 2009)
• You Should ...
Upcoming SlideShare
Loading in...5
×

Html5, Native and Platform based Mobile Applications

14,446

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
14,446
On Slideshare
0
From Embeds
0
Number of Embeds
27
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)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×