Firefox OS Introdução e Componentes

FIREFOX OS
Introdução e componentes

Tuesday, January 29, 13

Levando a Open Web para os
dispositivos Móveis


O projeto Firefox OS foi lançado
para permitir que a Open Web seja
a plataforma para os dispositivos
móveis. Estamos tornando a
inovação possível ao conduzir o
desenvolvimento de novos padrões
da Web.


Liberdade das plataformas
móveis proprietárias


Os operadores e desenvolvedores
escrevem aplicativos e serviços para uma
plataforma e depois os reescrevem para
outras.

Os usuários que querem comprar telefones,
e-readers e consoles de jogos de diferentes
fabricantes muitas vezes precisam
recomprar os aplicativos para cada
dispositivo.


Oportunidades para desenvolvedores


Usando o HTML5 e as novas APIs padrão
propostas pela Mozilla, os desenvolvedores
de todos os lugares vão conseguir criar
experiências e aplicativos incríveis.

Os desenvolvedores não precisarão mais
aprender e desenvolver em relação às APIs
nativas específicas à plataforma.


Personalização para OEMS e operadores


Os OEMs e operadores conseguirão fornecer
conteúdo e serviços em todo o seu portfólio
de dispositivo, independentemente do SO.

E vão conseguir personalizar as experiências
de usuário, gerenciar a distribuição de
aplicativo e manter as relações de atenção,
lealdade e faturamento.


Liberdade do cliente


Os clientes que utilizam dispositivos baseados na
plataforma Open Web vão conseguir acessar e baixar
facilmente seu próprio conteúdo, independentemente
de qual sistema operacional utilizem.


Novos padrões da Web


O Firefox OS promove uma implementação desses
novos padrões da Web para liberar as plataformas
móveis dos estorvos das regras e das restrições das
plataformas proprietárias existentes.


Componentes


GONK GECKO

GAIA


GONK

Sistema operacional de nível inferior, que consiste em
um kernel Linux e HAL (Hardware Abstraction Layer).

Possibilidade de expor alguma coisa do hardware para
o Gecko.


GECKO

O runtime do aplicativo. O mecanismo de
renderização no Firefox para HTML5, CSS e JavaScript.
Implementa uma série de APIs.


GAIA

Conceito Gaia UX para
Firefox OS


A interface de usuário, totalmente construída por
APIs de HTML5 e Open Web.


FIREFOX OS
Ambiente de desenvolvimento


TESTANDO O FIREFOX OS


FIREFOX NIGHTLY


VERSÕES PARA DESKTOP


Simulador
https://addons.mozilla.org/en-US/firefox/addon/
firefox-os-simulator/


Simulador 1.1 preview
mais atualizado
https://ftp.mozilla.org/pub/mozilla.org/labs/
r2d2b2g/


git clone git://github.com/mozilla-b2g/gaia

Obter o Gaia

Text

FIREFOX OS
Fazendo Apps e Mozilla Marketplace


Usando HTML5, CSS e JavaScript
para construir aplicativos da Web.


APLICATIVOS DA WEB ABERTOS


Os aplicativos da Web são construídos usando-se tecnologias da Web
padrão. Funcionam em qualquer navegador da Web moderno e podem
ser desenvolvidos com suas ferramentas favoritas.

O projeto de aplicativos Open Web propõe algumas implementações
pequenas nos sites existentes para transformá-los em aplicativos que
rodam em um ambiente computacional divertido, rico e poderoso.

Esses aplicativos rodam em navegadores desktop e dispositivos móveis,
e os usuários têm mais facilidade para descobri-los e abri-los do que os
sites da Web.


MEDIDAS A TOMAR


Desenvolver aplicativos da
1. Web usando HTML5, CSS e JavaScript

2. Criar um arquivo de manifesto de aplicativo

3. Publicar/instalar o aplicativo


1.
Desenvolver aplicativos da Web
usando HTML5, CSS e JavaScript

Reutilize qualquer site da Web/aplicativo existente ou desenvolva
do zero com os padrões da Web abertos.

Utilize os recursos do HTML5, como manifesto, manifesto oﬄine,
IndexedDB e APIs da Web de acesso para ter mais opções.

Design da Web sensível para se adaptar a várias resoluções e
orientação de tela.


2.
Criar um arquivo de
manifesto de aplicativo

Crie um arquivo com a extensão.webapp


{
"version": "1.0",
"name": "MozillaBall",
"description": "Exciting Open Web development action!",
"icons": {
"16": "/img/icon-16.png",
"48": "/img/icon-48.png",
"128": "/img/icon-128.png"
},
"developer": {
"name": "Mozilla Labs",
"url": "http://mozillalabs.com"
},
"installs_allowed_from": ["*"],
"appcache_path": "/cache.manifest",
“permissions”: [“sms”],
"locales": {
"es": {
"description": "¡Acción abierta emocionante del desarrollo del Web!",
"developer": {
"url": "http://es.mozillalabs.com/"
}
},
"it": {
"description": "Azione aperta emozionante di sviluppo di fotoricettore!",
"developer": {
"url": "http://it.mozillalabs.com/"
}
}
},
"default_locale": "en"
}


http://appmanifest.org/

VERIFICADOR DE
MANIFESTO

3.
Publicar/instalar o aplicativo

Firefox Marketplace


https://marketplace.ﬁrefox.com/

https://marketplace.ﬁrefox.com/developers/


Instalação/hospedagem do aplicativo


var request = navigator.mozApps.install(
"http://mozillalabs.com/MozillaBall.webapp",
{
user_id: "some_user"
}
);

request.onsuccess = function() {
// Success! Notiﬁcation, launch page etc
}

request.onerror = function() {
// Failed. this.error.name has details
}


Obrigado!

#firefoxbrasil

@fabiomagnoni

http://mzl.la/mobilizersbrasil

fabio@mozilla.com


Firefox OS Introdução e Componentes

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (6)

Semelhante a Firefox OS Introdução e Componentes

Semelhante a Firefox OS Introdução e Componentes (20)

Firefox OS Introdução e Componentes