1. FirefoxBy: Icaro Ramires - @_icaroramiires
Desenvolvendo Minha Primeira
Aplicação Para FirefoxOS

2. About:Ministrante
●
Ícaro Ramires - @_icaroramiires;
●
Graduando em Sistemas de
Informação at IFBA;
●
UX Design Amador;
●
Mozillian (inativo);
FirefoxOSDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

3. Indicação
FirefoxOSDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● Desenvolvendo para FirefoxOS
- Guia Para Iniciantes -
● Autor: André Garzia
https://leanpub.com/guiarapidofirefoxos/

4. About:Mozilla
É uma comunidade mundial de pensadores
e apaixonados por tecnologia trabalhando
para uma internet ativa e de livre acesso.
“Internet de todos para todos”
FirefoxOSDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

5. About:FirefoxOS
Sistema Operacional mobile desenvolvido
pela Mozilla com o conceito de Open WEB
para os dispositivos moveis baseado nas
novas tecnologias do HTML5
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

6. About:OpenWeb
De forma didática nada mais é que uma
máquina virtual que roda web em cima das
plataformas, assim como o JVM.
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

7. Arquitetura
Operacional

8. Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
GONK
GAI
A
GECKO

9. Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gonk

10. Arquitetura Operacional -
GONK
●
Sistema Operacional de nivel inferior, que
consiste em um kernel Linux e HAL
(Hardware Abstraction Layer)
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

11. Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gaia

12. Arquitetura Operacional -
GAIA
●
A Interface do usuário, totalmente
construida por APIs de HTML5 e a
OpenWeb
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

13. Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gecko

14. Arquitetura Operacional -
GECKO
●
O Tempo de execução do aplicativo. O
mecanismo de renderização no firefox,
para HTML5, CSS e JavaScript.
Implementa uma série de APIs.
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

15. Web Apis

16. Web Apis - B2G
●
Padrões abertos;
●
Código fonte aberto;
●
O que não for aberto, está sendo;
trabalhado para que seja de padrão
aberto;
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

17. Web Apis - B2G
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gerenciamento de EnergiaGerenciamento de Energia
Bloqueio de RecursosBloqueio de Recursos
Orientação de TelaOrientação de Tela
API de VibraçãoAPI de Vibração
WebTelephonyWebTelephony
WebSMSWebSMS

18. Afinal, como desenvolver
minha primeira
aplicação?

19. Afinal, como desenvolver
minha primeira aplicação?
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
1.Baixar o FirefoxOS Simulator
2.Criar um arquivo de manifesto do aplicativo
3.
Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
4.Publicar / Instalar Aplicação

20. Instalando FirefoxOS
Simulator
●
ADD-ONS MOZILLA > Search >
“FirefoxOS Simulator” > + Add to Firefox;
●
Aguarde fazer o download do
complemento;
●
Execute FirefoxOS Simulator
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

21. Instalando FirefoxOS
Simulator
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

22. Afinal, como desenvolver
minha primeira aplicação?
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
1.Baixar o FirefoxOS Simulator
2.Criar um arquivo de manifesto do aplicativo
3.
Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
4.Publicar / Instalar Aplicação

23. Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O Manifesto

24. Afinal, como desenvolver
minha primeira aplicação?
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
1.Baixar o FirefoxOS Simulator
2.Criar um arquivo de manifesto do aplicativo
3.
Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
4.Publicar / Instalar Aplicação

25. Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O HTML

26. Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O CSS

27. Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O JavaScript

28. Afinal, como desenvolver
minha primeira aplicação?
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
1.Baixar o FirefoxOS Simulator
2.Criar um arquivo de manifesto do aplicativo
3.
Desenvolver aplicativo Web utilizando
HTML5, CSS e JavaScript
4.Publicar / Instalar Aplicação

29. Publicando / Instalando
Aplicação
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Add Directory > manifest.webapp

30. ●
https://www.mozilla.org/pt-BR/firefox/partners/https://www.mozilla.org/pt-BR/firefox/partners/
https://developer.mozilla.org/pt-https://developer.mozilla.org/pt-
BR/Firefox_OSBR/Firefox_OS
Facebook.com.br/icaroramires
Twitter.com/_icaroramires
Icaroramirespy.wordpress.com
icarobsi@hotmail.com