Samsung Devcon - State of HTML5 - Chris Heilmann
49 likes32,366 views
Christian Heilmann gave a talk on the state of HTML5. He discussed both the promises and realities of HTML5, including performance issues, fragmentation, security concerns, and limitations in accessing hardware. He explained that while native apps aim to provide the best experience for a single environment, web apps strive for broad reach across many devices and contexts. Firefox OS was highlighted as an open HTML5-based platform targeting emerging markets with low-cost phones. Key HTML5 features like the battery status API, web activities, and application manifests were covered.
![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"
}](https://image.slidesharecdn.com/samsung-devcon-state-of-html5-131029115435-phpapp02/85/Samsung-Devcon-State-of-HTML5-Chris-Heilmann-23-320.jpg)
Ad
More Related Content
What's hot (16)
Similar to Samsung Devcon - State of HTML5 - Chris Heilmann (20)
Ad
More from Christian Heilmann (20)
Ad
Recently uploaded (20)
Samsung Devcon - State of HTML5 - Chris Heilmann
- 1. THE STATE OF HTML5 ? ! Christian Heilmann, Mozilla (@codepo8) Samsung Devcon, San Francisco 2013
- 2. THE STATE OF HTML5 ? ! Christian Heilmann, Mozilla (@codepo8) Samsung Devcon, San Francisco 2013
- 6. HTML5 WORRIES… ★ Performance ★ Fragmentation ★ Security ★ Access to hardware ★ Painless app updates ★ Development environment
- 8. 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
- 9. 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.
- 10. 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…
- 11. WORRYING TRENDS…
- 12. GET OUR APP! We don’t care if you came from an email or entered a URL, this is about us, not you!
- 13. CREATING A FIRST WORLD WEB…
- 14. BENEFITS OF THE WEB…
- 16. INCREDIBLE REACH
- 18. ATOMIC UPDATES
- 21. SOME FACTS… ★ Released in six countries: Spain, Poland, Venezuela and Columbia, Brazil and Mexico (more to come very soon) ★ 18 mobile operator partners, 6 hardware partners ★ Hardware options: Alcatel One Touch Fire, ZTE Open, Geeksphone Keon, Geeksphone Peak… ★ 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
- 22. SECURITY
- 23. 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" }
- 24. 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
- 25. PERMISSIONS "permissions": { "contacts": { "description": "Required for autocompletion in the share screen", "access": "readcreate" }, "alarms": { "description": "Required to schedule notifications" } }
- 26. HARDWARE ACCESS
- 27. WEB APIS (FOR ALL) Vibration API, Screen Orientation, Geolocation API, Mouse Lock API, Open WebApps, Network Information API, Battery Status API, Alarm API, Push Notifications API, WebFM API / FMRadio, WebPayment, IndexedDB, Ambient light sensor, Proximity sensor, Notification, Device Storage API, Browser API, TCP Socket API, Contacts API, systemXHR, WebTelephony, WebSMS, Idle API, Settings API, Power Management API, Mobile Connection API, WiFi Information API, WebBluetooth, Permissions API, Network Stats API, Camera API, Time/Clock API, Attention screen, Voicemail https://wiki.mozilla.org/WebAPI
- 29. BATTERY STATUS API var battery = navigator.battery; if (battery) { var batteryLevel = Math.round(battery.level * 100) + "%", charging = (battery.charging)? "" : "not ", chargingTime = parseInt(battery.chargingTime / 60, 10), dischargingTime = parseInt(battery.dischargingTime / 60, 10); // Set events battery.addEventListener("levelchange", setStatus, false); battery.addEventListener("chargingchange", setStatus, false); battery.addEventListener("chargingtimechange", setStatus, false); battery.addEventListener("dischargingtimechange", setStatus, false); }
- 30. WEB ACTIVITIES
- 31. GET A PHOTO?
- 33. APP DISTRIBUTION
- 35. FXOS, ANDROID, WINDOWS, OSX, LINUX https://hacks.mozilla.org/2013/10/progress-report-on-cross-platform-open-web-apps/
- 36. INSTALL FROM THE WEB…
- 37. TOOLING
- 42. WHAT’S COOKING?
- 49. USING HTML5 NOW
- 50. STAY UP TO DATE
- 51. MOBILE AND OFFLINE FIRST
- 52. FLEXIBILITY IS THE SUPERPOWER
- 54. BE FEARLESS…