Firefox OS & the power of HTML5

Soumya Deb

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Hello There!

I am a Designer, Developer,
Red Hatter, Mozillian et al.

More details at: debs.io
Questions: @Debloper

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Why Mozilla is making smartphones?

Hint: Mozilla is NOT.
Mozilla is only making a platform the world needs

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

It's not about the money, it's about sending a message...

Everybody loves the HypnoPhone!

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Not that "everybody" got one...

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Let there be Firefox, to

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

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

The Operating Platform Stack

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Exposing hardware to the Web

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

WebAPIs Wiki • WebAPIs MDN

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Behold the future...

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

The partners

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Firefox OS Simulator

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Apps: teh Interwebz on demand

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

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": "http://your-homepage-here.org"
  }
}

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Installing Apps

var manifestURL = "http://your.app/webapp.manifest",
installer = navigator.mozApps.install(manifestURL);

installer.onsuccess = function(data) {
  // App is installed
};
installer.onerror = function() {
 // App installation failed...
 // Check installapp.error.name for details
};

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Permissions & Levels of Access

The Manifest file also lists permissions.

Hosted apps
Privileged apps
Certified apps

Permission Example

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

App Discovery

Decentralized Marketplaces
Search Engine Indexing
Adaptive Search

Firefox OS Marketplace

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Live Prototyping with JSFiddle

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

JSFiddle!

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

AWESOME!

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

UI Components
Appmaker
App Manager

Mozilla Brick • Building Blocks • Flathead Demo

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

What's in it for me?

As a consumer
As a developer
As a network carrier
As a device vendor

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

I Can Haz Teh Interwebz!

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013

Thank You!

Yet again...

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

... Questions?

Soumya Deb, at Mobile Developer Summit — Bangalore, 2013