+ Follow

Using HTML5 to Build Mobile Apps

by Todd Anglin

9,367 views

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 ...

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.

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

File a copyright complaint

2 Embeds 17

http://lanyrd.com	16
http://localhost	1

Statistics

Likes: 4
Downloads: 141
Comments: 0
Embed Views: 17
Views on SlideShare: 9,350
Total Views: 9,367

Using HTML5 to Build Mobile Apps Presentation Transcript

Mobile appsare 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 populationhas 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 nowregularly exceed PC shipments

FACT:82% of time spent with mobile media happens via apps.

Mobile appsare important.

@toddanglin +@burkeholland

The case for HTML5The choices with HTML5 The tools for HTML5 The limits of HTML5

Native “Hybrid” Browser SDKHighly targeted Highly reusablePlatform skills Standards skills

ObjC Java Poly*UIKit XML Poly* Xcode Eclipse* Eclipse*

FACT:On average, CIOs report that they support 3.5 mobile platforms in 2012

JSHTML Any IDE

80% 1bof all mobile apps HTML5 mobilewill use HTML5 by web browsers by 2015 2013

Native Apps HTML AppsMobile AppsMobile Sites 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 resolutions2. Favorite icons & Startup image3. Clipping Masks and Icons4. Add To Homescreen5. Avoid CDNs*

DEMO: TIPS IN ACTION

HTML5 “Native”Looks right. * Feels right. * Available offline. * Installable. * In App Store. X Runs everywhere.  XPremium APIs X 

AccelerometerCompassDevice InfoGeolocationStorageCameraNetworkEventsMediaCaptureContactsFileNotification

HTML/JS/CSS AppNative Shell + SDK Proxy Native App

DEMO: CORDOVA

No Silver Bullet• Not right for every app

Hybrid Experience CostNative Web Performance Agility Middleware [Forrester]

Mobile apps are important. HTML5 is a reach multiplier.Kendo UI is a productivity multiplier.

www.KendoUI.comThat’s it!anglin@telerik.comholland@telerik.com

KendoUI♥HTML5

Appendix Slides(Additional Research Data)