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
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
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,197