Aplicativos multiplataforma Aplicativos multiplataforma baseados em Firefox OSbaseados em Firefox OS

Eliezer BernartMozilla Brasil

#FirefoxOSFW

- + =

Desenvolvendo AplicativosDesenvolvendo Aplicativos

O que eu preciso conhecer para criar aplicativos para

Firefos OS?

Como eu posso distribuir meu aplicativo?

HospeadoHospeado

vs.vs.

EmpacotadoEmpacotado

E o que eu posso acessar?

Níveis de Acesso

NormalPrivilegiadoCertificado

Row 1 Row 2 Row 3 Row 40

2

4

6

8

10

12

Column 1

Column 2

Column 3FerramentasFerramentas

Navegador atualizado

Editor de texto favorito

Firefox Web IDE

Hora da Ação!

{ "name": "Meu aplicativo", "description": "Um simples aplicativo", "launch_path": "/index.html", "icons": { "128": "/images/icon-128.png" }, "developer": { "name": "Seu nome", "url": "Seu website" }, "permissions": { "geolocation": { "description": "Por quê você quer usar essa API?" } }, "default_locale": "pt-br"}

Arquivo de ManifestoArquivo de Manifesto

navigator.battery.level;

navigator.battery.charging;

navigator.battery.chargingTime;

navigator.battery.dischargingTime;

navigator.battery.addEventListener('levelchange', function () {

// Seu código

});●

navigator.battery.addEventListener('chargingchange', function () { });

navigator.battery.addEventListener('chargingtimechange', function () { });

navigator.battery.addEventListener('dischargingtimechange', function () { });

Battery Status APIBattery Status API

Demo!

Notification.requestPermission ( function (permission) { console.log(permission); // 'default', 'granted', 'denied'});

var notification = new Notification('Olá Mundo!', { dir: 'rtl', lang: 'pt-BR', body: 'Seja bem vindo!', icon: '/images/mensagem.png', onclick: function (event) { console.log('click!'); } // onshow, onerror, onclose});

Web Notifications APIWeb Notifications API

Demo!

navigator.geolocation.getCurrentPosition ( function (position) { console.log(Date(position.timestamp)); console.log(position.coords.latitude); console.log(position.coords.longitude); console.log(position.coords.altitude + ' metros'); console.log(position.coords.accuracy + ' metros'); console.log(position.coords.altitudeAccuracy + ' metros'); console.log(position.coords.heading + ' graus'); console.log(position.coords.speed + ' m/s'); }, function (positionError) { // PERMISSION_DENIED, POSITION_UNAVAILABLE, TIMEOUT console.log(positionError.code + ', ' + positionError.message); }, { enableHighAccuracy: true });

Geolocation APIGeolocation API

Demo!

var atividade = new MozActivity({

name:'dial',

data: {

number: '9999-9999'}

});

MozActivitiesMozActivities

https://developer.mozilla.org/en-US/docs/Web/API/Web_Activities

Guia Rápido de Desenvolvimento para Firefox OS – André Garzia

https://leanpub.com/guiarapidofirefoxos

Mozilla Developers Network – Firefox OS

https://developer.mozilla.org/pt-BR/Firefox_OS

Mozilla Hacks

https://hacks.mozilla.org/

Can I Use

http://caniuse.com

W3C Specs

http://www.w3.org/TR/

Power Rangers e todas as demais imagens relacionadas são uma marca registrada e todos os direitos pertencem aos seus criadores.

ReferênciasReferências

Obrigado!Obrigado!

Eliezer BernartEliezer Bernart@eliezerbernart@eliezerbernart

eliezerb.com.breliezerb.com.breliezerbernart@gmail.comeliezerbernart@gmail.com