Upload
icaro-ramires
View
535
Download
0
Embed Size (px)
Citation preview
FirefoxBy: Icaro Ramires - @_icaroramiires
Desenvolvendo Minha Primeira Aplicação Para FirefoxOS
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
Indicação
FirefoxOSDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● Desenvolvendo para FirefoxOS - Guia Para Iniciantes -● Autor: André Garzia
https://leanpub.com/guiarapidofirefoxos/
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
About:FirefoxOSSistema 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
About:OpenWebDe 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
Arquitetura Operacional
Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
GONK
GAIA
GECKO
Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gonk
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
Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gaia
Arquitetura Operacional - GAIA
● A Interface do usuário, totalmente
construida por APIs de HTML5 e a
OpenWeb
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Arquitetura Operacional
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Gecko
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
Web Apis
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
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
Afinal, como desenvolver minha primeira
aplicação?
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
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
Instalando FirefoxOS Simulator
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
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
Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O Manifesto
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
Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O HTML
Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O CSS
Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
● O JavaScript
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
Publicando / Instalando Aplicação
●
FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS
Add Directory > manifest.webapp
● 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/icaroramiresTwitter.com/[email protected]