30
Firefox By: Icaro Ramires - @_icaroramiires Desenvolvendo Minha Primeira Aplicação Para FirefoxOS

Apresentação firefox os

Embed Size (px)

Citation preview

Page 1: Apresentação firefox os

FirefoxBy: Icaro Ramires - @_icaroramiires

Desenvolvendo Minha Primeira Aplicação Para FirefoxOS

Page 2: Apresentação firefox os

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

Page 3: Apresentação firefox os

Indicação

FirefoxOSDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

● Desenvolvendo para FirefoxOS - Guia Para Iniciantes -● Autor: André Garzia

https://leanpub.com/guiarapidofirefoxos/

Page 4: Apresentação firefox os

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

Page 5: Apresentação firefox os

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

Page 6: Apresentação firefox os

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

Page 7: Apresentação firefox os

Arquitetura Operacional

Page 8: Apresentação firefox os

Arquitetura Operacional

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

GONK

GAIA

GECKO

Page 9: Apresentação firefox os

Arquitetura Operacional

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Gonk

Page 10: Apresentação firefox os

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

Page 11: Apresentação firefox os

Arquitetura Operacional

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Gaia

Page 12: Apresentação firefox os

Arquitetura Operacional - GAIA

● A Interface do usuário, totalmente

construida por APIs de HTML5 e a

OpenWeb

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Page 13: Apresentação firefox os

Arquitetura Operacional

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Gecko

Page 14: Apresentação firefox os

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

Page 15: Apresentação firefox os

Web Apis

Page 16: Apresentação firefox os

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

Page 17: Apresentação firefox os

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

Page 18: Apresentação firefox os

Afinal, como desenvolver minha primeira

aplicação?

Page 19: Apresentação firefox os

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

Page 20: Apresentação firefox os

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

Page 21: Apresentação firefox os

Instalando FirefoxOS Simulator

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Page 22: Apresentação firefox os

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

Page 23: Apresentação firefox os

Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

● O Manifesto

Page 24: Apresentação firefox os

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

Page 25: Apresentação firefox os

Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

● O HTML

Page 26: Apresentação firefox os

Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

● O CSS

Page 27: Apresentação firefox os

Desenvolver aplicativo Web utilizando HTML5, CSS e JavaScript

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

● O JavaScript

Page 28: Apresentação firefox os

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

Page 29: Apresentação firefox os

Publicando / Instalando Aplicação

FirefoxDesenvolvendo Minha Primeira Aplicação Para FirefoxOS

Add Directory > manifest.webapp

Page 30: Apresentação firefox os

● 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]