Introducing HTML5 IMA Mobile Hybrid Challenge

Arya MirInternet and Web Development

Dec 15, 2011 (5 years and 7 months ago)

824 views

Emerging next generation of HTML Collection of drafts by WHAT WG Web Hypertext Application Technologies Merging into W3C specifications Main areas Off-line storage 2D Graphics Video/Audio Geo location Speed UI tools

Introducing HTML5
IMA Mobile Hybrid Challenge
Michael Vakulenko
michaelv@WaveCompass.com
IMA Mobile Hybrid Challenge -April 2010
3
Mobile HTML5
Future
IMA Mobile Hybrid Challenge -April 2010
4
The Smartphone Market (2009)
￿
Global Sales 2009
Over 166M units sold
Over 30% growth in Q4
-
84% had Wi-Fi in Q4
-
83% had GPS in Q4
￿
Growth Leaders:
Android
Apple
WW Sales of Smartphones
by Platform 2009
(Source Canalys, Feb 2010)
RIM BlackBerry(20.8%)
Symbian
(47.2%)
Apple iPhone (15.1%)
Windows Mobile
(8.8%)
Google Android
(4.7%)
IMA Mobile Hybrid Challenge -April 2010
5
Usage Patterns
Data from tracking ads for more than 15,000 mobile Web sites andapplications around the world
AdmobMetrics Report, Feb 2010
Smartphone Platform Web Requests Share
IMA Mobile Hybrid Challenge -April 2010
6
IMA Mobile Hybrid Challenge -April 2010
8
Application Development
Symbian C++,
J2ME
Objective C
Android Java
J2ME with
Extensions
C++, C# with
.NET Compact
IMA Mobile Hybrid Challenge -April 2010
9
IMA Mobile Hybrid Challenge -April 2010
11
Smartphones vs. PC
￿
Smaller screen
iPhone: HVGA
Android: WVGA, HVGA, QVGA
￿
Touch-based UI
￿
Finger navigation
￿
Small keyboard
￿
Varying orientation
IMA Mobile Hybrid Challenge -April 2010
12
Can HTML5 Solve The Challenge?
￿
NO sensor support in HTML5
￿
May use, e.g. PhoneGap
HTML, CSS, JavaScript access to native API
iPhone, Android, Blackberry, Symbian
Vibration, accelerometer, sound
￿
…But HTML5 can do other things….
IMA Mobile Hybrid Challenge -April 2010
13
Off-line Storage Example
IMA Mobile Hybrid Challenge -April 2010
14
Geo-location Example
IMA Mobile Hybrid Challenge -April 2010
15
Geo-location Example
IMA Mobile Hybrid Challenge -April 2010
16
Game Example
(Does not work well on Android)
http://tetris.alexkessinger.net/
http://sixrevisions.com/web-development/html5-iphone-app/
IMA Mobile Hybrid Challenge -April 2010
17
Native vs. Web Apps
￿
Native Apps
Intense user interaction
3D graphics
Multimedia
Sensors
Background operation
￿
HTML5 Apps
Consider for all the rest…
iPhone + Android
Consider different software life-cycle
IMA Mobile Hybrid Challenge -April 2010
18
AppStoreBypass
IMA Mobile Hybrid Challenge -April 2010
19
Summary
￿
Smartphones entered mainstream
￿
WebKit and HTML5 are widespread
￿
Great potential for mobile HTML5 apps