Firefox OS & the power of HTML5

Firefox OS & the power of HTML5

Soumya Deb

Firefox OS - be the future

Hello There!

Firefox OS
I am a Designer, Developer,
Red Hatter, Mozillian et al.
vCard QR Code

More details at:
Questions: @Debloper

Why Mozilla is making smartphones?

Firefox OS
  • Hint: Mozilla is NOT.
  • Mozilla is only making a platform the world needs
It's not about the money, it's about sending a message...
Hobbes hugging the world

Everybody loves the HypnoPhone!


Not that "everybody" got one...


Let there be Firefox, to

Firefox OS
  • reach the emerging markets
  • leverage Web as the Platform
  • fight software lock in
  • fight hardware lockout
  • take back the web on mobiles

The Operating Platform Stack

Platform Stack

Exposing hardware to the Web

Firefox OS
  • WebTelephony API
  • Geolocation API
  • Device Storage API
  • Contacts API
  • Vibration API
  • Alarm API
  • ...and more!


Behold the future...

Firefox OS Firefox OS Screenshot

The partners

Firefox OS Partners

iPhone noSDK

Firefox OS Simulator

Firefox OS Simulator

Apps: teh Interwebz on demand

Firefox OS App Grid

The Manifest file

{ "name": "My App", "description": "My elevator pitch goes here", "launch_path": "/", "icons": { "128": "/img/icon-128.png" }, "developer": { "name": "Your name or organization", "url": "" } }

Installing Apps

var manifestURL = "", installer = navigator.mozApps.install(manifestURL); installer.onsuccess = function(data) { // App is installed }; installer.onerror = function() { // App installation failed... // Check for details };

Permissions & Levels of Access

Firefox OS

The Manifest file also lists permissions.

  • Hosted apps
  • Privileged apps
  • Certified apps

Permission Example

App Discovery

Firefox OS
  • Decentralized Marketplaces
  • Search Engine Indexing
  • Adaptive Search

Firefox OS Marketplace

Live Prototyping with JSFiddle

Firefox OS
  • Append  /webapp.manifest  to your fiddle link
  • Or, append  /fxos.html  to your fiddle link




That's just the tip of the iceberg...

Firefox OS
  • UI Components
  • Appmaker
  • App Manager

Mozilla BrickBuilding BlocksFlathead Demo

What's in it for me?

Firefox OS
  • As a consumer
  • As a developer
  • As a network carrier
  • As a device vendor

I Can Haz Teh Interwebz!

Worldwide Internet Usage Infographics

Thank You!

Contact Details

Yet again...

I am Soumya Deb
I tweet from @Debloper
DebS.IO is my website.

... Questions?