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.
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.
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:
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.
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;