Internet IO Primeiro App FireFox OS

Prof. Manoel Afonso

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.

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.

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.

Primeiro Código - HTML

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:

Primeiro Código - Manifest

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

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.

Dúvidas?

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;