Introducing HTML5 IMA Mobile Hybrid Challenge

Arya MirInternet and Web Development

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

837 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