using html5 to build mobile apps
DESCRIPTION
Native apps are great, but if you want your app to reach as many people as possible, HTML5 is your ticket. In this session, we'll explore the different ways HTML5 can be used to build and deploy mobile apps, as well as the tools that can make the job easier.TRANSCRIPT
Mobile apps are important.
FACT:
Facebook paid $1,000,000,000 for a simple photo sharing iOS app
FACT:
Mobile app revenues will double this year to $12 billion.
FACT:
17% of the world’s population has an active mobile broadband
subscription.
FACT:
Tablet sales will increase nearly 100% this year.
FACT:
Lightweight OSs will surpass traditional OSs in 2014.
FACT:
Smartphone shipments now regularly exceed PC shipments
FACT:
82% of time spent with mobile media happens via apps.
Mobile apps are important.
@toddanglin +
@burkeholland
The case for HTML5 The choices with HTML5
The tools for HTML5 The limits of HTML5
Native SDK
Browser “Hybrid”
Highly targeted Platform skills
Highly reusable Standards skills
Xcode
UIKit ObjC
Eclipse*
XML Java
Eclipse*
Poly* Poly*
FACT:
On average, CIOs report that they support 3.5 mobile
platforms in 2012
Any IDE
HTML JS
80% of all mobile apps will use HTML5 by
2015
1b HTML5 mobile
web browsers by 2013
Mobile Apps Mobile Sites
Native Apps HTML Apps
Custom Sites Responsive Sites
Fundamental HTML App Challenge:
Making things look “right”
One Size fits all vs. native
• Fat guy, little jacket
• Fine tailored suit
• Wrong suit, wrong job
Do you want your app to be a snuggie or a suit?
Web DataViz Mobile
Mobile
DEMO: BUILD AN APP
1. Media Queries for resolutions
2. Favorite icons & Startup image
3. Clipping Masks and Icons
4. Add To Homescreen
5. Avoid CDNs*
DEMO: TIPS IN ACTION
HTML5 “Native” Looks right.
* Feels right.
* Available offline.
* Installable.
* In App Store. X Runs everywhere.
X
Premium APIs X
Accelerometer Compass Device Info Geolocation Storage Camera Network Events Media Capture Contacts File Notification
Native Shell + SDK Proxy
Native App
HTML/JS/CSS App
DEMO: CORDOVA
No Silver Bullet
• Not right for every app
Hybrid
Middleware
Native Web
Experience Cost
Agility Performance
[Forrester]
Mobile apps are important. HTML5 is a reach multiplier.
Kendo UI is a productivity multiplier.
KendoUI♥HTML5
Appendix Slides (Additional Research Data)