Una tarde con ...




                           FIREFOX OS
Thursday, 20 December 12
GRACIAS!




Thursday, 20 December 12
Hola! Soy Francisco Jordano




Thursday, 20 December 12
Thursday, 20 December 12
La Web es la Plataforma




Thursday, 20 December 12
El proyecto Boot to Gecko (B2G)
                           fue concebido para llevar la
                           Web como plataforma a
                           dispositivos mobiles.




Thursday, 20 December 12
Vamos a cocinar nuestro SO


Thursday, 20 December 12
Gaia
                               UI based on open web
                                    technologies


                           Gecko
                             Magic engine + new APIs



                           Gonk
                            Solid linux kernel + drivers ...




Thursday, 20 December 12
GONK




Thursday, 20 December 12
GECKO




Thursday, 20 December 12
Web APIS ...




                Web APIS everywhere
Thursday, 20 December 12
Web APIS
            Extending the capabilities of the web.

         Mobi
             le Co
                  nnect
                       ion
                                                Contacts
                                            y
                                    Telephon
             Settings
                                                    s
                                             Payment
                                Browser
                           We
                             bS
                               MS          Pow
            ns                                  er M
   Permissio                                         ana
                                                        gem
         FM                                                ent
             Ra                                    s
               dio                    Web Activitie



Thursday, 20 December 12
https://wiki.mozilla.org/WebAPI




Thursday, 20 December 12
WEBTELEPHONY




Thursday, 20 December 12
// Telephony object
                           var tel = navigator.mozTelephony;

                           // Check if the phone is muted (read/write property)
                           console.log(tel.muted);

                           // Check if the speaker is enabled (read/write property)
                           console.log(tel.speakerEnabled);




Thursday, 20 December 12
// Place a call
                           var cal = tel.dial(“123456789”);




Thursday, 20 December 12
WEBSMS




Thursday, 20 December 12
// SMS object
                           var sms = navigator.mozSMS;

                           // Send a message
                           sms.send("123456789", "Hello world!");




Thursday, 20 December 12
// Recieve a message
                           sms.onreceived = function (event) {
                              // Read message
                              console.log(event.message);
                           };




Thursday, 20 December 12
BATTERY
                           STATUS API




Thursday, 20 December 12
var battery = navigator.mozBattery
                           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);
                           }




Thursday, 20 December 12
CONTACTS API




Thursday, 20 December 12
var contact = new mozContact();
                           contact.init({name: "Tom"});

                           var request = navigator.mozContacts.save(contact);
                           request.onsuccess = function() {
                              console.log("Success");
                           };

                           request.onerror = function() {
                              console.log("Error")
                           };




Thursday, 20 December 12
NETWORK
                           INFORMATION
                           API




Thursday, 20 December 12
var connection =
                           window.navigator.mozConnection,
                             online = connection.bandwidth > 0,
                             metered = connectrion.metered;




Thursday, 20 December 12
GAIA




Thursday, 20 December 12
Thursday, 20 December 12
Hora de aventuras!




Thursday, 20 December 12
Aplicaciones para Firefox OS



        ... perdón ... aplicaciones para la Web!




Thursday, 20 December 12
Open Web Apps API
                           {
                               "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/"
                                   }
                                 },
                                 "it": {
                                   "description": "Azione aperta emozionante di sviluppo di fotoricettore!",
                                   "developer": {
                                     "url": "http://it.mozillalabs.com/"
                                   }
                                 }
                               },
                               "default_locale": "en"
                           }


Thursday, 20 December 12
Con las manos en la masa




                           Nightly   B2G   R2D2B2G



Thursday, 20 December 12
A colaborar se ha dicho!



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



                            irc.mozilla.org #b2g, #gaia, #webapi


                           https://lists.mozilla.org/listinfo/dev-gaia




Thursday, 20 December 12
Muchas gracias!




                twitter://mepartoconmigo   github://arcturus
Thursday, 20 December 12

Sevillajs: Una tarde con Firefox OS

  • 1.
    Una tarde con... FIREFOX OS Thursday, 20 December 12
  • 2.
  • 3.
    Hola! Soy FranciscoJordano Thursday, 20 December 12
  • 4.
  • 5.
    La Web esla Plataforma Thursday, 20 December 12
  • 6.
    El proyecto Bootto Gecko (B2G) fue concebido para llevar la Web como plataforma a dispositivos mobiles. Thursday, 20 December 12
  • 7.
    Vamos a cocinarnuestro SO Thursday, 20 December 12
  • 8.
    Gaia UI based on open web technologies Gecko Magic engine + new APIs Gonk Solid linux kernel + drivers ... Thursday, 20 December 12
  • 9.
  • 10.
  • 11.
    Web APIS ... Web APIS everywhere Thursday, 20 December 12
  • 12.
    Web APIS Extending the capabilities of the web. Mobi le Co nnect ion Contacts y Telephon Settings s Payment Browser We bS MS Pow ns er M Permissio ana gem FM ent Ra s dio Web Activitie Thursday, 20 December 12
  • 13.
  • 14.
  • 15.
    // Telephony object var tel = navigator.mozTelephony; // Check if the phone is muted (read/write property) console.log(tel.muted); // Check if the speaker is enabled (read/write property) console.log(tel.speakerEnabled); Thursday, 20 December 12
  • 16.
    // Place acall var cal = tel.dial(“123456789”); Thursday, 20 December 12
  • 17.
  • 18.
    // SMS object var sms = navigator.mozSMS; // Send a message sms.send("123456789", "Hello world!"); Thursday, 20 December 12
  • 19.
    // Recieve amessage sms.onreceived = function (event) { // Read message console.log(event.message); }; Thursday, 20 December 12
  • 20.
    BATTERY STATUS API Thursday, 20 December 12
  • 21.
    var battery =navigator.mozBattery 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); } Thursday, 20 December 12
  • 22.
  • 23.
    var contact =new mozContact(); contact.init({name: "Tom"}); var request = navigator.mozContacts.save(contact); request.onsuccess = function() { console.log("Success"); }; request.onerror = function() { console.log("Error") }; Thursday, 20 December 12
  • 24.
    NETWORK INFORMATION API Thursday, 20 December 12
  • 25.
    var connection = window.navigator.mozConnection, online = connection.bandwidth > 0, metered = connectrion.metered; Thursday, 20 December 12
  • 26.
  • 27.
  • 28.
  • 29.
    Aplicaciones para FirefoxOS ... perdón ... aplicaciones para la Web! Thursday, 20 December 12
  • 30.
    Open Web AppsAPI { "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/" } }, "it": { "description": "Azione aperta emozionante di sviluppo di fotoricettore!", "developer": { "url": "http://it.mozillalabs.com/" } } }, "default_locale": "en" } Thursday, 20 December 12
  • 31.
    Con las manosen la masa Nightly B2G R2D2B2G Thursday, 20 December 12
  • 32.
    A colaborar seha dicho! https://github.com/mozilla-b2g/gaia irc.mozilla.org #b2g, #gaia, #webapi https://lists.mozilla.org/listinfo/dev-gaia Thursday, 20 December 12
  • 33.
    Muchas gracias! twitter://mepartoconmigo github://arcturus Thursday, 20 December 12