Firefox Os


Beyond Web Apps


Hi! I'm Francisco Jordano


@mepartoconmigo  
arcturus


... 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": "http://robertnyman.com"
    },
    "installs_allowed_from": ["*"],
    "default_locale": "en",
    "permissions": {
        "desktop-notification": {
            "description" : "To show notifications"
        },
        "geolocation": {
            "description" : "Marking out user location"
        }
    }
}
manifest.webapp

application/x-web-app-manifest+json

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


https://developer.mozilla.org/en-US/docs/WebAPI


Beyond the apps




A white canvas for your imagination


Embrace the open web


From your lockscreen to the Browser


Gaia is our current fronted


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

We build IT everyday


For running in the browser

 $ DEBUG=1 make $ $FIREFOX_PATH --profile $PATH_TO_THE_PROFILE

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
@Kevining

And again enjoy open source



Boilerplate for FirefoxOS homescreens


https://github.com/KevinGrandon/firefoxos-homescreen-boilerplate

Contribute, drive the open web



Read and learn from the code:

Participate



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
@mepartoconmigo


Now it's time for your ...

Made with Slides.com