html5 : the rise of standards-driven multiplatform applications & touch experiences
TRANSCRIPT
![Page 1: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/1.jpg)
HTML5 THE RISE OF STANDARDS-DRIVEN MULTIPLATFORM
APPLICATIONS & TOUCH EXPERIENCES
BEN DAVEY. MOBILENATION
![Page 2: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/2.jpg)
JARGON
NATIVE APP WEB APP
An app designed to run on a single platform
An app designed to run in a web browser
![Page 3: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/3.jpg)
MOBILE INTERNET IS EXPLODING
• 72.5M people in the US have a smartphone • 48% of US customers use mobiles in-store for product research • People are turning back to the browser to get information – mobile
browsing exceeds use of downloaded apps
A MOBILE PRESENCE IS A MUST-HAVE FOR ALL BUSINESS
![Page 4: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/4.jpg)
Native apps began the mobile revolution
The App ExplosionBack
MoreTab 4 Tab 3Tab 2Tab 1
Why?
![Page 5: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/5.jpg)
THE ‘APP’ DILEMMA
APP DEVELOPMENT IS HARD. AND EXPENSIVE.
• Device fragmenta/on (34.7% android, 27.1% RIM, 25.5% iOS)
• $20K+ upfront cost of developing an app for just 1 pla*orm
APPSTORE DISCOVERY?
• 500k apps in App Store, but only top 10 get no/ced
• Consumers need to pro-‐ac/vely ‘pull’ apps • Model doesn’t fit all content. Especially local
![Page 6: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/6.jpg)
HTML5 – rethink your definition of the web
• FORMULATED WITH TOUCH DEVICES IN-MIND
• WORKS ACROSS MULTIPLE PLATFORMS & DEVICES
• SUPPORTS TOUCH GESTURES, HARDWARE-ACCELERATED GRAPHICS, GPS,MORE
• EASIER TO TIE-INTO EXISTING WEB EXPERIENCES
• PARTS OF THE EXPERIENCE CAN BE CACHED TO WORK OFFLINE – GREAT FOR MOBILE NETWORKS
![Page 7: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/7.jpg)
WHO’S USING IT?
FOR TECHNICAL, POLITICAL & ACCESSIBILITY REASONS…
![Page 8: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/8.jpg)
HTML5 vs
NATIVE
![Page 9: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/9.jpg)
NATIVE • Faster & closer to the hardware • More “bleeding-‐edge” APIs • Fits pla[orm look-‐and-‐feel • De-‐facto choices for mone/za/on • Push no/fica/ons
![Page 10: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/10.jpg)
HTML5 • Closer to the hardware
Web is catching up! • More “bleeding-‐edge” APIs
Devices maturing HTML5 gebng hardware access
• Fits pla[orm look-‐and-‐feel HTML5 can mimic pla[orm look and feel, has own
unique look • De-‐facto choices for mone/za/on
Choose Subscrip/on based, SaaS • Push no/fica/ons
???
![Page 11: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/11.jpg)
The ‘app’ experience in HTML5
![Page 12: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/12.jpg)
FRAMEWORKS
JO (JoApp.com) jQMobile
jQuery Mobile
![Page 13: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/13.jpg)
PHONEGAP – THE BEST OF 2 WORLDS?
![Page 14: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/14.jpg)
MOBILENATION
Build and deploy mobile content in minutes – no developers or IT needed
Develop apps in hours
Deploy far beyond
conven/onal app-‐stores
Leverage exis/ng content &
infrastructure
Update in minutes
![Page 15: HTML5 : The rise of standards-driven multiplatform applications & touch experiences](https://reader034.vdocuments.mx/reader034/viewer/2022042714/555e2508d8b42a384f8b4e54/html5/thumbnails/15.jpg)
HTML5 Things to remember
• Simplify, cut to the chase • Mobile Devices still have lower hardware
specs than desktops • Know your target