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.

1. Christian Heilmann (@codepo8)
MobileTechCon
03/09/14 Berlin, Germany
!
SO WHAT'S THE DEAL WITH
FIREFOX OS

4. FORM FACTORS CHANGE…

5. THE PLATFORM WASN’T READY…

6. FROM DOCUMENTS TO APPS…

7. LOCKOUT

8. NO FUN FOR YOU!

9. 03:12, 29 March 2012

10. https://github.com/mozilla-b2g

11. FIREFOX OS

12. ARCHITECTURE
Third Party HTML5 Apps
GAIA
Web APIs / Web Actitivies
Gecko rendering engine
Linux/Gonk (ADB enabled)

13. - + =

14. PREDICTABLE HTML5 SUPPORT

15. A QUICK LOOK BACK…

16. I DIDN’T SEE MUCH FUTURE IN MY TOWN

17. HELLO WORLD…

18. HELLO WEB…

19. HELLO MONEY…
+

20. HELLO, WORLD!

21. 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

22. 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.

23. HINDI, TAMIL AND BANGLA…

24. FIXING HTML ISSUES

26. WEB APIS

27. 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

28. BATTERY STATUS
API

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. SECURITY

31. AVOIDING USER OVERLOAD…
http://smus.com/installable-webapps/

32. 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"
}

33. PERMISSIONS
"permissions": {
"contacts": {
"description": "Required for autocompletion in the share screen",
"access": "readcreate"
},
"alarms": {
"description": "Required to schedule notifications"
}
}

34. WHAT MAKES A GREAT HTML5 APP?

35. DOES ONE THING AND ONE
THING WELL!

36. WORKS OFFLINE

37. CROSS-PLATFORM

38. 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/

39. WHAT ABOUT FIREFOX-UNFRIENDLY PLATFORMS?

40. ENTER CORDOVA
• Camera
• Contacts
• Device
• Device-motion
• Geolocation
• Orientation
• Vibration

41. GOOD THINGS TO COME…

42. EASY DISTRIBUTION

43. FIREFOX OS MARKETPLACE
https://marketplace.firefox.com/

44. INSTALL FROM THE WEB…

45. USE WHATEVER EDITOR AND
ENVIRONMENT YOU ARE
HAPPY WITH!

46. OR…

47. JUST USE FIREFOX!
OR…
https://www.youtube.com/watch?v=n8c34wk4OnY

48. IN 2014 THE BROWSER IS THE
OUTPUT AND INPUT OF THE
WEB.

49. THERE IS NO BARRIER
BETWEEN CONSUMPTION
AND CREATION.

50. https://www.youtube.com/watch?v=LemdYmcRrb0

51. HOW CAN YOU SAY
HELLO WORLD?

52. GO LOW!
https://developer.mozilla.org/en-US/Apps/Build/Performance/
Apps_for_low-memory_Firefox_OS_devices

53. 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

54. TWEAK, RESET, UPGRADE…
https://hacks.mozilla.org/2014/08/videos-getting-started-with-your-flame-device/

55. THE WEB IS YOURS!

56. THANKS!
CHRIS HEILMANN
@CODEPO8