We're past the honeymoon period of HTML5 by now. The excitement of inflated promises is over and we start wondering what to do – use HTML5 or just build an iOS app instead? In this talk Chris Heilmann of Mozilla will show what HTML5 is really good for, what its problems are, what causes a lot of these problems and how new operating systems like Firefox OS work and conversion tools like PhoneGap work around these issues. You'll see the now of HTML5 and what is cooking in the kitchens of browser makers and standards bodies that will developing and deploying apps cross-platform much easier than it is now. We have a lot of tools at our disposal, we simply need to dare to use them.
5. "CAN HTML5 COMPETE WITH NATIVE?"
developereconomics.com/downloads/can-html5-compete-native/
6. LACK OF APIS
!
!
“63% of HTML5 mobile developers go direct
to browser when developing a mobile
website or app. The browser is the most
popular route to the mobile market. Yet
61% of Android apps (US) cannot be
implemented via the mobile browser due to
lack of APIs.”
developereconomics.com/downloads/can-html5-compete-native/
7. NO FIRST CLASS CITIZEN STATE
“37% of Android apps could be
implemented using HTML5 via the
Mobile browser, 49% via Phonegap,
63% via Appcelerator and 98% via
Firefox OS.”
developereconomics.com/downloads/can-html5-compete-native/
9. DIFFERENT GOALS…
NATIVE APPS
WEB APPS / SITES
Provide the best experience in a
defined environment.
Reach the largest amount of
users, regardless of location,
technical environment or ability.
FIXED IN A CURRENT STATE.
FIERCELY FLEXIBLE AND
ADAPTING
10. DIFFERENT APPROACHES…
NATIVE ENVIRONMENTS THE WEB
Innovate with closed, patented
technology and secret features
to gain advantage over
competitors.
Use browser maker innovation
to agree on standards, stay
backwards compatible and
vendor independent.
QUICK RESULTS, NO VISIBILITY,
CONSTANT REPLACEMENT
HIGH VISIBILITY, CONSENSUS
AND MAINTAINABILITY.
11. For an HTML5 solution to be as
good as a native implementation, it
would only have to work on one
browser, on one operating
system, on one defined piece of
hardware in a fixed specification.
!
!
This is against everything the web
stands for and not what HTML was
invented for…
15. RE-INVENTING FLASH
“There comes a time in every URL’s
life where it needs to decide
whether it wants to be a
powerpoint, a movie, or an actual
website.”
"Scroll Hijacking" by Trent Walton
http://trentwalton.com/2013/10/23/scroll-hijacking/
23. SOME FACTS…
★
Released in eight countries: Spain, Poland, Venezuela,
Peru, Colombia, Brazil, Mexico, Germany
★
18 mobile operator partners, 7 hardware partners
★
Hardware options: Alcatel One Touch Fire, ZTE Open,
Geeksphone Keon, Geeksphone Peak, LG Fireweb
★
Aimed at emerging markets/low end market
★
Aimed to be an alternative to feature phones and
unavailable closed environments.
★
Open source - it is all on GitHub
25. APPLICATION MANIFEST
{
"version": "1.0",
"name": "MozillaBall",
"description": "Exciting Open Web development action!",
"icons": {
"16": "/img/icon-16.png",
"48": "/img/icon-48.png",
"128": "/img/icon-128.png"
},
"developer": {
"name": "Mozilla Labs",
"url": "http://mozillalabs.com"
},
"installs_allowed_from": ["*"],
"appcache_path": "/cache.manifest",
"locales": {
"es": {
"description": "¡Acción abierta emocionante del desarrollo del Web!",
"developer": {
"url": "http://es.mozillalabs.com/"
}
}
},
"default_locale": "en"
}
26. APPLICATIONS
Web Content
Privileged Web App
Regular web content
More access, more
responsibility
Installed Web App
Certified Web App
A regular web app
Device-critical
applications
33. VIBRATION API
// Vibrate for one second
navigator.vibrate(1000);
// Vibration pattern [vibrationTime, pause,…]
navigator.vibrate([200, 100, 200, 100]);
// Vibrate for 5 seconds
navigator.vibrate(5000);
// Turn off vibration
navigator.vibrate(0);
63. FIREFOX OS APP WORKSHOP!
Saturday, November 23rd
Budapest, Hungary.
Port your app with our experts
• Get a phone to deploy and test your
app on!
• Food + Drinks is sorted - you need to
sort out travel and hotel
• Talk to the local Mozillians outside!
•
https://mozhacks.wufoo.com/forms/r81kw881ft7mgd/