Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Christian Heilmann (@codepo8) 
MobileTechCon 
03/09/14 Berlin, Germany 
! 
SO WHAT'S THE DEAL WITH 
FIREFOX OS
FORM FACTORS CHANGE…
THE PLATFORM WASN’T READY…
FROM DOCUMENTS TO APPS…
LOCKOUT
NO FUN FOR YOU!
03:12, 29 March 2012
https://github.com/mozilla-b2g
FIREFOX OS
ARCHITECTURE 
Third Party HTML5 Apps 
GAIA 
Web APIs / Web Actitivies 
Gecko rendering engine 
Linux/Gonk (ADB enabled)
- + =
PREDICTABLE HTML5 SUPPORT
A QUICK LOOK BACK…
I DIDN’T SEE MUCH FUTURE IN MY TOWN
HELLO WORLD…
HELLO WEB…
HELLO MONEY… 
+
HELLO, WORLD!
HELLO SMARTPHONE! 
1,999 Rupees ~ 25 Euro 
Intex Cloud FX: 
Firefox OS 
1.0 GHz processor 
128 MB RAM 
expandable memory o...
HELLO SMARTPHONE! 
2,299 Rupees ~ 29 Euro 
The Spice Fire One Mi – FX 1 
1 GHz processor, 2.5 G 
connectivity, 8.89 cm HVG...
HINDI, TAMIL AND BANGLA…
FIXING HTML ISSUES
WEB APIS
WEB APIS (FOR ALL) 
Vibration API (W3C) 
Screen Orientation 
Geolocation API 
Mouse Lock API (W3C) 
Open WebApps 
Network ...
BATTERY STATUS 
API
BATTERY STATUS API 
var battery = navigator.battery; 
if (battery) { 
var batteryLevel = Math.round(battery.level * 100) +...
SECURITY
AVOIDING USER OVERLOAD… 
http://smus.com/installable-webapps/
APPLICATION MANIFEST 
{ 
"version": "1.0", 
"name": "MozillaBall", 
"description": "Exciting Open Web development action!"...
PERMISSIONS 
"permissions": { 
"contacts": { 
"description": "Required for autocompletion in the share screen", 
"access":...
WHAT MAKES A GREAT HTML5 APP?
DOES ONE THING AND ONE 
THING WELL!
WORKS OFFLINE
CROSS-PLATFORM
INTEGRATED 
https://hacks.mozilla.org/2014/03/better-integration-for-open-web-apps-on-android/ 
https://hacks.mozilla.org/...
WHAT ABOUT FIREFOX-UNFRIENDLY PLATFORMS?
ENTER CORDOVA 
• Camera 
• Contacts 
• Device 
• Device-motion 
• Geolocation 
• Orientation 
• Vibration
GOOD THINGS TO COME…
EASY DISTRIBUTION
FIREFOX OS MARKETPLACE 
https://marketplace.firefox.com/
INSTALL FROM THE WEB…
USE WHATEVER EDITOR AND 
ENVIRONMENT YOU ARE 
HAPPY WITH!
OR…
JUST USE FIREFOX! 
OR… 
https://www.youtube.com/watch?v=n8c34wk4OnY
IN 2014 THE BROWSER IS THE 
OUTPUT AND INPUT OF THE 
WEB.
THERE IS NO BARRIER 
BETWEEN CONSUMPTION 
AND CREATION.
https://www.youtube.com/watch?v=LemdYmcRrb0
HOW CAN YOU SAY 
HELLO WORLD?
GO LOW! 
https://developer.mozilla.org/en-US/Apps/Build/Performance/ 
Apps_for_low-memory_Firefox_OS_devices
HELLO DEVELOPER PHONE! 
adjustable RAM 256MB to 1GB, 
Qualcomm Snapdragon 1.2GHZ dual-core 
processor 
4.5-inch 854x480 pi...
TWEAK, RESET, UPGRADE… 
https://hacks.mozilla.org/2014/08/videos-getting-started-with-your-flame-device/
THE WEB IS YOURS!
THANKS! 
CHRIS HEILMANN 
@CODEPO8
So what's the Deal with Firefox OS - MobileTechCon Berlin 2014
So what's the Deal with Firefox OS - MobileTechCon Berlin 2014
So what's the Deal with Firefox OS - MobileTechCon Berlin 2014
Upcoming SlideShare
Loading in …5
×

of

So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 1 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 2 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 3 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 4 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 5 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 6 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 7 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 8 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 9 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 10 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 11 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 12 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 13 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 14 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 15 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 16 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 17 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 18 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 19 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 20 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 21 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 22 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 23 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 24 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 25 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 26 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 27 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 28 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 29 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 30 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 31 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 32 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 33 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 34 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 35 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 36 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 37 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 38 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 39 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 40 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 41 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 42 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 43 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 44 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 45 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 46 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 47 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 48 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 49 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 50 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 51 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 52 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 53 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 54 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 55 So what's the Deal with Firefox OS - MobileTechCon Berlin 2014 Slide 56
Upcoming SlideShare
Webinar - Crea tu web móvil de la forma más sencilla y rápida
Next
Download to read offline and view in fullscreen.

3 Likes

Share

Download to read offline

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

Download to read offline

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.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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
  • wirelessinternet

    Dec. 1, 2014
  • asternux

    Sep. 22, 2014
  • gowthamsadasivam

    Sep. 5, 2014

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.

Views

Total views

3,008

On Slideshare

0

From embeds

0

Number of embeds

1,027

Actions

Downloads

6

Shares

0

Comments

0

Likes

3

×