Html5, Native and Platform based Mobile Applications

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)