using html5 to build mobile apps

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.

That’s it!

anglin@telerik.com holland@telerik.com

www.KendoUI.com

KendoUI♥HTML5

Appendix Slides (Additional Research Data)