Raphael Stary

@RaphaelStary

fb.me/RaphaelStary

github.com/RaphaelStary

linkedin.com/pub/raphael-stary/65/b70/115

raphael@letsplay.io


founder of letsplay.io

Open Web Game Studio

means I'm doin platform agnostic games

with just JS & HTML5 & CSS ;)

what's this firefox OS?


Firefox OS is a new mobile operating system. 


it's what WE've wanted for years:

an OPEN & FREE

mobile environment

to create apps with just

HTML, CSS, and JavaScript.

open web apps


JS, HTML, CSS web site

+

App Manifest file

=

OPEN WEB APP

DEMO


using mortar ex. with volo-js

with navigator.vibrate(1000)


https://github.com/mozilla/mortar/

firefox os architecture


Gaia
Gecko
Gonk



https://github.com/mozilla-b2g

WEB APIs


refer to a suite of device compatibility and access APIs that allow Web apps and content to access device hardware


By adding these APIs, Mozilla hopes to expand what the Web can do today and only proprietary platforms were able to do in the past.


http://arewemobileyet.com/

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

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

how to do a phone call with js


// First, obtain a telephony object.
var telephony = navigator.mozTelephony;

// Check if the speaker is enabled.
concole.log(telephony.speakerEnabled);
// Then, we dial out.
var outgoing = telephony.dial(phoneNumber);
// Event handlers for the call.
outgoing.onconnected = function onconnected(event) {
  /* Do something when the callee picks up the call. */
};

outgoing.ondisconnected = function ondisconnected(event) {
  /* Do something when the call finishes. */
};

// Hang up the call.
outgoing.hangUp();

web activities


Register your app for handling certain types of actions, or specify in your app what kind of support you are looking for, for the thing you are trying to do.



https://hacks.mozilla.org/2013/01/introducing-web-activities/

https://github.com/robnyman/Firefox-OS-Boilerplate-App

DEMO


showing Web Activities with

http://robnyman.github.io/Firefox-OS-Boilerplate-App/

packaged apps
vs
hosted apps


Packed apps (privileged & certified apps)

are essentially a zip file containing all of of an apps assets: HTML, CSS, JavaScript, images, manifest, etc. 


Hosted apps

are run from a server at a given domain, just like a standard website.

when do I really need certified apps?


https://developer.mozilla.org/en-US/docs/Web/Apps/App_permissions

building blocks


http://buildingfirefoxos.com/


https://marketplace.firefox.com/developers/


not only for Firefox OS with WebRT:
Firefox BETA for Android
Firefox Aurora for Desktop

links


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


https://hacks.mozilla.org/2013/03/how-to-install-packaged-apps-in-firefox-os-options-and-tools/


https://hacks.mozilla.org/2013/01/writing-web-apps-quickly-with-mortar/


I support the open web <3

questions!?! PLS!!

Firefox OS introduction

By Raphael Stary

Firefox OS introduction

A pragmatic short introduction into Firefox OS and building Apps for it.

  • 3,192