Firefox (OS/For Android) and the Open Web App

Sauron: One Web App to rule them all and the Web's power to bind them.

Daniele "Mte90" Scasciafratte

It's me, Mario ehm Daniele!

Co-Founder Codeat
Open Source
Developer/Translator/Evangelist
WordPress (Developer) Italia
Community Member/Translator
Industria Italiana del Software Libero
Debian (sid) user since 2009
Writer for Italian sites: AndMore's
network, ChimeraRevo and TechEconomy
Mozillian & Mozilla Reps

Firefox OS!

Firefox OS

Mobile OS really Open Source
Gonk: the Linux Kernel with few Android libraries
Gecko: Graphic server that renders the interface
Gaia: interface built on HTML, CSS and JavaScript
Agile (minimum requirements 128MB RAM and 1GHz CPU)
ADB support & Remote Debug
The coolest mascot

Firefox OS 2.0

Firefox for Android

Extension support
Custom panels
Custom Search engine
Sharetabs with other devices
Chromecast support
Firefox Sync Support
Remote Debug
Avalaible in Stable, Beta and Nightly

B2GDroid

Firefox (Desktop)

Do we really have to talk about it?

What they have in common?

Gecko

The layout engine that render HTML, CSS, XUL (User Interface) and JavaScript.
Firefox, Firefox for Android and Firefox OS share the same engine with the same API and same version!
Yes! No difference about the Gecko version of Firefox for Android or Firefox (the only difference is the hardware support like the vibration ).

https://developer.mozilla.org/en-US/docs/Mozilla/Gecko

Open Web App

Open Web App for the users/consumers

For the user experience is better:

To download an app on their smartphone (probably multi-platform)?
From a single marketplace (that is free and open source)?
From a website?
Also on your computer?
Install it like a native app?
We could make us also our marketplace!
We do install the app from our website!
The icon launcher in the start menu or drawer of the smartphone
On Android is generated a Apk package, like a real app

Open Web App or OWA for friends

Open because they are Web: HTML5, CSS and JavaScript
Web because they run in the browser
- Hosted (online) version
- Packaged (static) version
App because they run fullscreen
- Without the address bar
- Run in a Sandbox
- Ask the permissions (privileged or certified) for the APIs:
  - Microphone, Webcam/VideoCamera, Bluetooth, Battery
  - Ambient Light Sensor, Proximity Sensor, Push notification
  - Etc, https://wiki.mozilla.org/WebAPI

OWA For the developer

manifest.webapp - ID Card of the App

                var checkIfInstalled = navigator.mozApps.getSelf();
                checkIfInstalled.onsuccess = function() {
                  if (!checkIfInstalled.result) {
                    var m_app = navigator.mozApps.install('http://' + document.location.hostname + '/manifest.webapp');
                    m_app.onsuccess = function(data) {
                       console.log("Install successful");
                    };
                    m_app.onerror = function() {
                       console.log("Install error");
                    };
                  }
                };
                checkIfInstalled.onerror = function() {
                  console.log("Check install failed\n\n:" + checkIfInstalled.error.name);
                };