Aplicativos Multiplataforma Baseados em Firefox OS
-
Upload
eliezer-bernart -
Category
Technology
-
view
506 -
download
1
Transcript of Aplicativos Multiplataforma Baseados em Firefox OS
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@[email protected]