Firefox Os

Beyond Web Apps

Hi! I'm Francisco Jordano


... and I work for

The Web is the platform you drive

Firefox os

here to boost the Open Web

A trip that started 2 years ago

And now we are seeing the results

Are you new to Firefox OS?

This tech is famiiliar to me ...

seriously, nothing else ;)

Describe your web app with a manifest

    "version": "1",
    "name": "Firefox OS Boilerplate App",
    "launch_path": "/Firefox-OS-Boilerplate-App/index.html",
    "description": "Boilerplate Firefox OS app with example use cases to get started",
    "icons": {
        "64": "/Firefox-OS-Boilerplate-App/images/logo64.png",
        "128": "/Firefox-OS-Boilerplate-App/images/logo128.png"
    "developer": {
        "name": "Robert Nyman",
        "url": ""
    "installs_allowed_from": ["*"],
    "default_locale": "en",
    "permissions": {
        "desktop-notification": {
            "description" : "To show notifications"
        "geolocation": {
            "description" : "Marking out user location"


A whole new world of awesomeness

Dialing via Javascript \o/

var call = navigator.mozTelephony.dial('555-333-222-666');
call.onconnected = function onConnected(evt) {
	console.log('Better start to speak now');
call.ondisconnected = function onDisconnected(evt) {
	console.log('Call too long, dude, your bill is getting a bit crazy');
call.onerror = function onError(evt) {
	console.log('This is embarrassing');

Lots of new apis!

Sending SMS (yes they still exist) with JS

var sms = navigator.mozMobileMessage.send('555-333-222-666', 
	"Mum I'm OK, I finished all the vegies");
sms.onsucces = function onSuccess(evt) {
	console.log('Now your mum can go to sleep happy');
sms.onerror = function onError(evt) {
	console.log('Problems ahead');

Seriously, a lot of new apis

Talk to the SDCARD of your phone

var deviceStorage = navigator.getDeviceStorage('/books');
var request = deviceStorage.get('Gone With The Wind.ebook');
request.onsuccess = function onSuccess(evt) {
	//request.result is an File object ...

var request = deviceStorage.delete('horrible_profile_photo.jpg');
request.onerror = function onError(evt) {
	console.log('Deal with it dude');

Even Push notifications

FTW! And trying not to drain your battery!

window.navigator.setMessageHandler('push', function onPushNotification(evt) {  var endpoint = evt.pushEndpoint;  var version = evt.version;
.... do your magic ....});

All this work is driven for and by you

Beyond the apps

A white canvas for your imagination

Embrace the open web

From your lockscreen to the Browser

Gaia is our current fronted

We build IT everyday

For running in the browser


or running in a device

 $ make reset-gaia

We have powerful tools

Lots of them!

We have those tools for the devices!

Live demo ... or not ;P

It's time to take over your phone!

alternative homescreen by Kevin Grandon

And again enjoy open source

Boilerplate for FirefoxOS homescreens

Contribute, drive the open web

Read and learn from the code:


Fill bugs, find a peer, start contributing

Join the mailing lists

Announcements, discussions, questions, etc.

Enjoy ota13 and try firefoxos

Find me and I'll lend you one for your hack!

Thank you very much!

Contact me

Now it's time for your ...

Firefox OS: Beyond webapps

By Francisco Jordano

Firefox OS: Beyond webapps

Firefox OS brings the power of the Open Web to your phone ... which means the power of freedom and creativity. Check it out how you can embrace this new movement!

  • 7,034