So what's the Deal with Firefox OS - MobileTechCon Berlin 2014

2,640 views

Published on

This is a short talk about the current state of Firefox OS in the market and an explanation of the ideas behind the mobile operating system and its release.

Published in: Engineering
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,640
On SlideShare
0
From Embeds
0
Number of Embeds
974
Actions
Shares
0
Downloads
5
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

So what's the Deal with Firefox OS - MobileTechCon Berlin 2014

  1. 1. Christian Heilmann (@codepo8) MobileTechCon 03/09/14 Berlin, Germany ! SO WHAT'S THE DEAL WITH FIREFOX OS
  2. 2. FORM FACTORS CHANGE…
  3. 3. THE PLATFORM WASN’T READY…
  4. 4. FROM DOCUMENTS TO APPS…
  5. 5. LOCKOUT
  6. 6. NO FUN FOR YOU!
  7. 7. 03:12, 29 March 2012
  8. 8. https://github.com/mozilla-b2g
  9. 9. FIREFOX OS
  10. 10. ARCHITECTURE Third Party HTML5 Apps GAIA Web APIs / Web Actitivies Gecko rendering engine Linux/Gonk (ADB enabled)
  11. 11. - + =
  12. 12. PREDICTABLE HTML5 SUPPORT
  13. 13. A QUICK LOOK BACK…
  14. 14. I DIDN’T SEE MUCH FUTURE IN MY TOWN
  15. 15. HELLO WORLD…
  16. 16. HELLO WEB…
  17. 17. HELLO MONEY… +
  18. 18. HELLO, WORLD!
  19. 19. HELLO SMARTPHONE! 1,999 Rupees ~ 25 Euro Intex Cloud FX: Firefox OS 1.0 GHz processor 128 MB RAM expandable memory of up to 4GB. Dual-SIM Bluetooth Wi-Fi
  20. 20. HELLO SMARTPHONE! 2,299 Rupees ~ 29 Euro The Spice Fire One Mi – FX 1 1 GHz processor, 2.5 G connectivity, 8.89 cm HVGA capacitive touch screen and 1.3MP primary camera + 0.3 MP front camera.
  21. 21. HINDI, TAMIL AND BANGLA…
  22. 22. FIXING HTML ISSUES
  23. 23. WEB APIS
  24. 24. WEB APIS (FOR ALL) Vibration API (W3C) Screen Orientation Geolocation API Mouse Lock API (W3C) Open WebApps Network Information API (W3C) Battery Status API (W3C) Alarm API Web Activities Push Notifications API WebFM API WebPayment IndexedDB (W3C) Ambient light sensor Proximity sensor Notification
  25. 25. BATTERY STATUS API
  26. 26. 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); }
  27. 27. SECURITY
  28. 28. AVOIDING USER OVERLOAD… http://smus.com/installable-webapps/
  29. 29. 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" }
  30. 30. PERMISSIONS "permissions": { "contacts": { "description": "Required for autocompletion in the share screen", "access": "readcreate" }, "alarms": { "description": "Required to schedule notifications" } }
  31. 31. WHAT MAKES A GREAT HTML5 APP?
  32. 32. DOES ONE THING AND ONE THING WELL!
  33. 33. WORKS OFFLINE
  34. 34. CROSS-PLATFORM
  35. 35. INTEGRATED https://hacks.mozilla.org/2014/03/better-integration-for-open-web-apps-on-android/ https://hacks.mozilla.org/2013/10/progress-report-on-cross-platform-open-web-apps/
  36. 36. WHAT ABOUT FIREFOX-UNFRIENDLY PLATFORMS?
  37. 37. ENTER CORDOVA • Camera • Contacts • Device • Device-motion • Geolocation • Orientation • Vibration
  38. 38. GOOD THINGS TO COME…
  39. 39. EASY DISTRIBUTION
  40. 40. FIREFOX OS MARKETPLACE https://marketplace.firefox.com/
  41. 41. INSTALL FROM THE WEB…
  42. 42. USE WHATEVER EDITOR AND ENVIRONMENT YOU ARE HAPPY WITH!
  43. 43. OR…
  44. 44. JUST USE FIREFOX! OR… https://www.youtube.com/watch?v=n8c34wk4OnY
  45. 45. IN 2014 THE BROWSER IS THE OUTPUT AND INPUT OF THE WEB.
  46. 46. THERE IS NO BARRIER BETWEEN CONSUMPTION AND CREATION.
  47. 47. https://www.youtube.com/watch?v=LemdYmcRrb0
  48. 48. HOW CAN YOU SAY HELLO WORLD?
  49. 49. GO LOW! https://developer.mozilla.org/en-US/Apps/Build/Performance/ Apps_for_low-memory_Firefox_OS_devices
  50. 50. HELLO DEVELOPER PHONE! adjustable RAM 256MB to 1GB, Qualcomm Snapdragon 1.2GHZ dual-core processor 4.5-inch 854x480 pixel screen 5MP rear camera (autofocus,flash) 2MP front camera The dual-SIM 3G 8GB to 32GB SD RAM 170 USD - world-wide shipping http://www.everbuying.com/product549652.html
  51. 51. TWEAK, RESET, UPGRADE… https://hacks.mozilla.org/2014/08/videos-getting-started-with-your-flame-device/
  52. 52. THE WEB IS YOURS!
  53. 53. THANKS! CHRIS HEILMANN @CODEPO8

×