Internet I
O 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 opera...
E como vamos fazer apps?
 Os aplicativos são construídos a partir de padrões abertos da Web em
HTML5, CSS e JavaScript.
...
Mas ele é pra web... Tenho que ter
conexão 24 horas?
 Apesar de utilizar tecnologias da Web para a criação de seus aplica...
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 ar...
Primeiro Código - Manifest
Meus Icones
 É necessário criar alguns ícones para o seu app, geralmente são
redondos como os mostrados abaixo:
 Nossos ...
Como vamos testar o aplicativo?
 No navegador FireFox há uma ferramenta
chamada “FireFox OS Simulator” é com ela que
vamo...
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...
Próximos SlideShares
Carregando em…5
×

Internet I - Aula 05 - Primeiro App FireFox OS!

285 visualizações

Publicada em

Ensinando a fazer o primeiro aplicativo para FireFox OS usando apenas HTML e CSS.

Publicada em: Celular
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
285
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Internet I - Aula 05 - Primeiro App FireFox OS!

  1. 1. Internet I O Primeiro App FireFox OS Prof. Manoel Afonso
  2. 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. 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. 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. 5. Primeiro Código - HTML
  6. 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. 7. Primeiro Código - Manifest
  8. 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. 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. 10. Dúvidas?
  11. 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;

×