Firefox OS - Einführung

• Michael Kohler
• volonteering for Mozilla since 2008
• Mozilla Representative since 2012
• Banking Software Engineer by day
• Web Developer by night

To that end, we propose a project we’re calling "Boot to Gecko" [..] (B2G) to pursue the goal of building a complete, standalone operating system for the open web.

Andreas Gal, Mozilla, 25.07.2011

Very very exciting!

Tristan Nitot, Mozilla, 25.07.2011

Jobs' original vision - no third party native apps

• Bootstrap
• Grunt
• Ember
• Backbone
• jQuery
• Sencha
• Hammer.js
• Emmett
• Compass
• SASS
• LESS
• Zepto.js
• Angular.js
• Dart
• Livescript
• Jasmine
• Node.js
• npm
• Moustache
• ...

http://fff.cmiscm.com/

• GitHub
• Documentation on MDN (developer.mozilla.org)
• IRC Channels
• Mailing lists

Telefónica and Mozilla are developing this HTML5 operating system on a hardware platform that is based upon a Qualcomm chipset.
- Telefonica Press Release

What makes a great app?

        {
          "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"
          }
        }
      

App manifest

• Hosted apps - stored on your server, easy to upgrade, limited access.
• Privileged apps - reviewed by the App store, packaged and signed
• Certified apps - part of the OS, only by Mozilla and partners

App permissions

        var installapp = navigator.mozApps.install(manifestURL);
        installapp.onsuccess = function(data) {
          // App is installed
        };
        installapp.onerror = function() {
         // App wasn't installed, info is in 
         // installapp.error.name
        };
        

• Vibration API
• Screen Orientation
• Geolocation API
• Mouse Lock API
• Open WebApps
• Network Information API
• Battery Status API
• Alarm API
• Push Notifications API
• WebFM API / FMRadio
• WebPayment
• IndexedDB
• Ambient light sensor
• Proximity sensor
• Notification

Using WebAPIs to make the web layer more capable

          var b = navigator.battery;
          if (b) {
            var level = Math.round(b.level * 100) + "%",
                charging = (b.charging) ? "" : "not ",
                chargeTime = parseInt(b.chargingTime / 60, 10),
                dischargeTime = parseInt(b.dischargingTime/60,10);
            b.addEventListener("levelchange", show);
            b.addEventListener("chargingchange", show);
            b.addEventListener("chargingtimechange", show);
            b.addEventListener("dischargingtimechange", show);
          }
        

• Device Storage API
• Browser API
• TCP Socket API
• Contacts API
• systemXHR

Using WebAPIs to make the web layer more capable

          var contact = new mozContact();
          contact.init({name: "Christian"});
          var request = navigator.mozContacts.save(contact);
          request.onsuccess = function() {
            // contact generated
          };
          request.onerror = function() {
            // contact generation failed
          };
        

• WebTelephony
• WebSMS
• Idle API
• Settings API
• Power Management API
• Mobile Connection API
• WiFi Information API
• WebBluetooth
• Permissions API
• Network Stats API
• Camera API
• Time/Clock API
• Attention screen
• Voicemail

Using WebAPIs to make the web layer more capable

        var getphoto = new MozActivity({
          name: "pick",
          data: {
            type: ["image/png", 
                   "image/jpg", 
                   "image/jpeg"]
          }
        });
      

        getphoto.onsuccess = function () {
          var img = document.createElement("img");
          if (this.result.blob.type.indexOf("image") != -1) {
            img.src = window.URL.createObjectURL(this.result.blob);
          }
        };
        getphoto.onerror = function () { // error
        };
      

Building FirefoxOS

https://marketplace.firefox.com/

• Michael Kohler
• Mozilla Reps
• @KohlerSolutions


• Slides:
  bit.ly/mobilecamp-firefoxos