Firefox os campusparty

FIREFOX OSIntroduçã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


GONKTuesday, January 29, 13

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.


GECKOTuesday, January 29, 13

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


GAIATuesday, January 29, 13

Conceito Gaia UX para Firefox OS


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


FIREFOX OSAmbiente de desenvolvimento


TESTANDO O FIREFOX OS


FIREFOX NIGHTLY


http://nightly.mozilla.org/











































































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/






Obter o Gaia

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


Text

FIREFOX OSFazendo Apps e Mozilla Marketplace


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


APLICATIVOS DA WEB ABERTOS



https://developer.mozilla.org/docs/Apps/Getting_Started

https://developer.mozilla.org/docs/Apps/Getting_Started


https://developer.mozilla.org/docs/Apps/For_Web_developers

https://developer.mozilla.org/docs/Apps/For_Web_developers

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 Web usando HTML5, CSS e JavaScript1.

Criar um arquivo de manifesto de aplicativo2.

Publicar/instalar o aplicativo3.


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 offline, 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://mozillalabs.com

http://mozillalabs.com

http://es.mozillalabs.com

http://es.mozillalabs.com

http://it.mozillalabs.com

http://it.mozillalabs.com

VERIFICADOR DE MANIFESTO

http://appmanifest.org/


3. Publicar/instalar o aplicativo


Firefox Marketplace


https://marketplace.firefox.com/Tuesday, January 29, 13

https://marketplace.firefox.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! Notification, launch page etc}

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


http://mozillalabs.com/MozillaBall.webapp

http://mozillalabs.com/MozillaBall.webapp

Obrigado!

#firefoxbrasil

@fabiomagnoni

http://mzl.la/mobilizersbrasil

[email protected]






mailto:[email protected]

mailto:[email protected]

Documents

Firefox os campusparty