O documento descreve como criar o primeiro aplicativo para o sistema operacional Firefox OS usando HTML5, CSS e JavaScript. Ele explica o que é o Firefox OS, como desenvolver aplicativos para ele usando tecnologias web abertas, e como testar o aplicativo no simulador do Firefox OS.

1. Internet I
O Primeiro App FireFox OS
Prof. Manoel Afonso

2. O que é o FireFox OS?
 O Firefox OS (FFOS) é um sistema operacional livre desenvolvido pela Mozilla.
 Este sistema operacional tem como alvo dispositivos móveis, em especial,
modelos mais simples e de baixo custo, já que prioriza o baixo consumo de
recursos, como processamento e memória RAM.
 No Brasil, os aparelhos comercializados são o Alcatel One Touch Fire e o LG
Fireweb.

3. E como vamos fazer apps?
 Os aplicativos são construídos a partir de padrões abertos da Web em
HTML5, CSS e JavaScript.
 HTML e CSS já foram vistos em aula.
 JavaScript é uma linguagem de programação interpretada. É
atualmente a principal linguagem para programação client-side em
navegadores web.

4. Mas ele é pra web... Tenho que ter
conexão 24 horas?
 Apesar de utilizar tecnologias da Web para a criação de seus aplicativos, o
Firefox OS não exige acesso à Internet para usá-los.
 Os aplicativos, como jogos, são salvos na memória interna do aparelho e
podem ser executados como em um smartphone convencional.
 O Firefox OS possui três tipos de Apps:
 Host App: São apps localizados na internet, é necessário conexão para executa-los.
 Packaged App: São apps localizados no aparelho, não é necessário conexão*
 Hybrid App: São uma mistura dos dois citados acima.

5. Primeiro Código - HTML

6. Primeiro Código - CSS
 Como podemos ver temos um item novo no
nosso CSS, o “html”;
 Podemos editar o tamanho do nosso arquivo
HTML definindo os atributos “width” e “height”
no arquivo CSS como na imagem ao lado:

7. Primeiro Código - Manifest

8. Meus Icones
 É necessário criar alguns ícones para o seu app, geralmente são
redondos como os mostrados abaixo:
 Nossos ícones serão quadrados, para
evitar dar muito trabalho no primeiro
momento. Precisamos de 2 tamanhos
diferentes:
 60x60
 128x128

9. Como vamos testar o aplicativo?
 No navegador FireFox há uma ferramenta
chamada “FireFox OS Simulator” é com ela que
vamos testar nosso primeiro aplicativo FFOS.
 Essa ferramenta pode ser baixada na
central de complementos do FireFox.

10. Dúvidas?

11. Exercício
 Crie um aplicativo para uma série de TV que você gosta, esse aplicativo deve
mostrar informações sobre a série, como:
 Personagens Principais;
 Quantas Temporadas;
 Qual o Enredo;
 Onde se Passa;
 Etc.
 Use tudo que aprendeu até agora em HTML, CSS, e o Mainfest do FFOS;