Apresentação firefox os

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/_icaroramiresIcaroramirespy.wordpress.comicarobsi@hotmail.com