html5, native and platform based mobile applications
DESCRIPTION
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.TRANSCRIPT
Nativevs.
WebWebvs.
Platform Based
Applications
Agenda
• Native
• Platform Based
▫ Flash
▫ JavaFX
• Web – HTML5
• Video anyone?• 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 goals is to move the Web away from
proprietary technologies such as Flash, Silverlight, and JavaFX, says Ian Hickson, co-editor of the HTML5 JavaFX, says Ian Hickson, co-editor of the HTML5 specification.”—Paul Krill, reporting for InfoWorld, June 16, 2009
• Browser support
HTML 5 Features
▫ Client-side Database Storage
▫ Application Cache
▫ SQLite in browser
▫ 2D Graphics
▫ Video/Audio
▫ Geo location▫ Geo location
▫ Speed
▫ UI tools
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• Not replacing SWING• For web developers and designers
JavaFX Code Sample
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)• Cross platform all major browsers and OS (-iPhone)
• Now on the desktop with Adobe AIR
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• Bypass the AppStore
• Google Voice Sample
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)
▫ 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?
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
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
Flash Video - Evolving
• Sorenson Spark
▫ Old, low performance
▫ Phasing out
• On2 VP6
▫ Mid level
▫ Phasing out▫ Phasing out
• H.264
▫ Best performance
▫ Mainstream flash video codec
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 businesses of the Internet’s dominant platform companies—Apple, Adobe, Google and Microsoft.”—Jeremy Allaire, founder and CEO of BrightcoveWriting at TechCrunch, Feb. 5, 2010Italics added
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-• It is recommended to include HTML5 for non-flash supporting platform (iPhoners)