21
Native vs. Web vs. Platform Based Applications

Html5, Native and Platform based Mobile Applications

Embed Size (px)

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.

Citation preview

Page 1: Html5, Native and Platform based Mobile Applications

Nativevs.

WebWebvs.

Platform Based

Applications

Page 2: Html5, Native and Platform based Mobile Applications

Agenda

• Native

• Platform Based

▫ Flash

▫ JavaFX

• Web – HTML5

• Video anyone?• Video anyone?

• Which one to choose?

Page 3: Html5, Native and Platform based Mobile Applications

Native

• Android

• iPhone

• Symbian

• Windows Mobile

• Blackberry

Page 4: Html5, Native and Platform based Mobile Applications

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

Page 5: Html5, Native and Platform based Mobile Applications

HTML 5 Features

▫ Client-side Database Storage

▫ Application Cache

▫ SQLite in browser

▫ 2D Graphics

▫ Video/Audio

▫ Geo location▫ Geo location

▫ Speed

▫ UI tools

Page 6: Html5, Native and Platform based Mobile Applications

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

Page 7: Html5, Native and Platform based Mobile Applications

JavaFX Code Sample

Page 8: Html5, Native and Platform based Mobile Applications

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

Page 9: Html5, Native and Platform based Mobile Applications

Flex Code Sample

Page 10: Html5, Native and Platform based Mobile Applications

Silverlight Code Sample

Page 11: Html5, Native and Platform based Mobile Applications

WHICH DEVELOPMENT METHOD

TO SELECT

No clear winner, depends on usage

Page 12: Html5, Native and Platform based Mobile Applications

HTML5 Applications

• Data Information centric applications

• Enterprise & CRM applications

• And….

• Bypass the AppStore• Bypass the AppStore

• Google Voice Sample

Page 13: Html5, Native and Platform based Mobile Applications

Platform Solution

• Cross platform => 2+ platforms

• PC + Mobile

• Heavy video & graphic usage

Page 14: Html5, Native and Platform based Mobile Applications

Native

• Single Platform

• Use of Device / Platform Specific functions

▫ Sensors

• Use of background processing

Page 15: Html5, Native and Platform based Mobile Applications

Video Support

Page 16: Html5, Native and Platform based Mobile Applications

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?

Page 17: Html5, Native and Platform based Mobile Applications

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

Page 18: Html5, Native and Platform based Mobile Applications

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

Page 19: Html5, Native and Platform based Mobile Applications

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

Page 20: Html5, Native and Platform based Mobile Applications

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

Page 21: Html5, Native and Platform based Mobile Applications

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)