browser mobile - firefox

Ambiente Mobile

Tipos e Características de Browsers Mobile

Renato Bongiorno

Ambiente Mobile

Atividades e conceitos da aula:

- Características gerais dos browsers

- Características gerais dos mobile browsers

- Gerar relatório das experiências de navegação nos

dispositivos móveis

Ambiente Mobilebrowsers

Desenvolver para web significa, principalmente, desenvolver para navegadores web.

Ambiente MobileThe Gecko and the Fox

Firefox – projeto open source baseado no engine Gecko

* Conta com uma conformidade muito boa com as normas do W3C

* Tem uma forte vantagem – Sua comunidade de desenvolvimento.


Navegação Facilitada

Obtenha seus sites favoritos rapidamente – mesmo que você não se lembre dos endereços. Digite o termo no campo de endereços e a função autocompletar incluirá sites correspondentes do seu histórico de navegação, favoritos e abas abertas.

O Campo de Endereços Inteligente aprende à medida em que você o usaao longo do tempo, ele se adapta às suas preferências e oferece resultados mais precisos.


Alto Desempenho

Abertura, carga de páginas e renderização de gráficos mais rápidos através do

gerenciamento mais eficiente de objetos JavaScript:

* Suporte a ECMAScript5

* Construção do novo motor de JavaScript JägerMonkey


Aceleração de Hardware

Novo sistema gráfico baseado em camadas que aproveita o

Direct2D e Direct3D no Windows e OpenGL no Mac.


3D na Web

O padrão WebGL traz gráficos 3D ao Firefox, permitindo a criação de jogos

vívidos e novas visualizações e experiências para a Web.

https://developer.mozilla.org/en-US/demos/detail/remixing-reality/launch




Segurança - Identidade do site

Ícone permite ter uma visão geral da sua identidade.

Permite a verificação de sites suspeitos e ter a certeza de

que o site é realmente aquilo que diz ser.


Segurança - Identidade do site

http://www.youtube.com/watch?v=lR70ajtGUIA&list=PL0BCE00F7C446461B




Política de Segurança de Conteúdo

A Política de Segurança de Conteúdo (CSP) do Firefox foi projetada para parar

ataques de script cross-site fornecendo um mecanismo para os sites informarem

ao navegador que seu conteúdo é legítimo.

O navegador poderá então desconsiderar qualquer

conteúdo não legitimado pelo site,

mantendo você protegido no processo.


Política de Segurança de Conteúdo

http://www.youtube.com/watch?v=AN91VeHdGwI&list=PL0BCE00F7C446461B




Controle dos Pais

O Firefox usa o Controle dos Pais configurados no

Windows 7 para bloquear downloads indesejados e mais.


Navegação Privativa

Quando esse recurso é ativado, você não

deixará um único rastro de navegação para trás.


Integração com Antivírus

O Firefox integra com o antivírus do Windows.

Ao baixar um arquivo, seu programa antivírus o verificará automaticamente para

protegê-lo de vírus e outros tipos de programas maliciosos

que podem atacar o seu computador.


Proteção Antiphishing

Firefox recebe uma atualização

de sites falsos 48 vezes por dia.

Se você tentar visitar um site fraudulento

que finge ser um site em que você confia

(como o seu banco), uma janela do navegador

irá alertá-lo.


Proteção Antiataques

O Firefox protege o PC contra diversos tipos de vírus,

cavalos de troia e programas espiões.

Se por acidente você acessar um site

foco de ataques, o Firefox exibirá uma

mensagem de aviso informando por que

o site não é seguro.


Novas Tecnologias - WebSockets

WebSockets abre uma porta de comunicação instantânea

de duas vias entre o Firefox e servidores da web

É uma tecnologia que permite a comunicação

bidirecional por canais full-duplex sobre um único

soquete Transmission Control Protocol (TCP).

Projetado para ser executado em browsers e

servidores web que suportem o HTML5



WebSockets permitem aplicações de mensagens em tempo

real e jogos em HTML5 mais responsivos e interativos.

http://www.websocket.org/demos.html




Ambiente MobileWEB SOCKETS DEMOS


http://www.youtube.com/watch?v=64TcBiqmVko





Peixes ao vivo!http://webglsamples.googlecode.com/hg/aquarium/aquarium.html

http://webglsamples.googlecode.com/hg/aquarium/aquarium.html

http://webglsamples.googlecode.com/hg/aquarium/aquarium.html



Blob!http://webglsamples.googlecode.com/hg/blob/blob.html

http://webglsamples.googlecode.com/hg/blob/blob.html

http://webglsamples.googlecode.com/hg/blob/blob.html



Collectbles!http://webglsamples.googlecode.com/hg/collectibles/index.html

http://webglsamples.googlecode.com/hg/collectibles/index.html

http://webglsamples.googlecode.com/hg/collectibles/index.html



Colos Ajust!http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html

http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html

http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html



Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html

http://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html

http://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html



Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html

http://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html

http://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html



SuperRockshttp://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html

http://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html

http://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html


Novas Tecnologias - WebM e Vídeo HD

O Firefox suporta o formato WebM para que

vídeos de alta definição.

http://www.webmfiles.org/demo-files/




Novas Tecnologias - WebM e Vídeo HD

O Firefox suporta o formato WebM para que

vídeos de alta definição.

http://video.webmfiles.org/elephants-dream.webm




Novas Tecnologias - IndexedDB

O Firefox inclui uma versão preliminar do IndexedDB para

oferecer aos desenvolvedores uma primeira experiência

com armazenagem local de dados no navegador.

IndexedDB é uma forma de você armazenar persistentemente dados

dentro do navegador do usuário. Permite criar aplicações web com

capacidades de rich queries, trabalhando com dados online e offline.


Novas Tecnologias - Gráficos de Nova Geração

Firefox corrige automaticamente as cores de imagens

(como suas fotos digitais) para certificar-se de que as cores

são exibidas exatamente como pretendidas, através de

renderização SVG e Canvas


Novas Tecnologias - Scratchpad

Scratchpad permite construir e testar trechos de código

JavaScript / HTML / CSS diretamente no navegador,

economizando tempo e digitação extra.

http://scratchpad.io




Novas Tecnologias - Fontes Fabulosas

O Firefox suporta formatos abertos de fontes como WOFF,

TrueType e OpenType, o que significa que o Firefox se

certifica em mostrar e renderizar tipos corretamente,

mesmo se você não tiver a fonte instalada em seu

computador.


Rich add-nos

Ferramentas que facilitam o desenvolvimento e os testes de aplicativos web.

https://addons.mozilla.org/pt-BR/firefox/





Web Developerhttps://addons.mozilla.org/en-US/firefox/addon/web-developer/

Rich add-ons - Essenciais para desenvolvimento Web

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

https://addons.mozilla.org/en-US/firefox/addon/web-developer/


SEOquakehttp://www.seoquake.com/


http://www.seoquake.com/




IE Tabhttps://addons.mozilla.org/en-US/firefox/addon/ie-tab/


https://addons.mozilla.org/en-US/firefox/addon/ie-tab/

https://addons.mozilla.org/en-US/firefox/addon/ie-tab/


FireFTPhttp://fireftp.mozdev.org/


http://fireftp.mozdev.org/

http://fireftp.mozdev.org/


ColorZillahttps://addons.mozilla.org/en-US/firefox/addon/colorzilla/


https://addons.mozilla.org/en-US/firefox/addon/colorzilla/

https://addons.mozilla.org/en-US/firefox/addon/colorzilla/


Firebughttps://addons.mozilla.org/en-US/firefox/addon/firebug/


https://addons.mozilla.org/en-US/firefox/addon/firebug/

https://addons.mozilla.org/en-US/firefox/addon/firebug/


FontFinderhttps://addons.mozilla.org/en-US/firefox/addon/font-finder/


https://addons.mozilla.org/en-US/firefox/addon/font-finder/

https://addons.mozilla.org/en-US/firefox/addon/font-finder/


User Agent Switcherhttps://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/


https://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/

https://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/


MeasureIthttps://addons.mozilla.org/en-US/firefox/addon/measureit/


https://addons.mozilla.org/en-US/firefox/addon/measureit/

https://addons.mozilla.org/en-US/firefox/addon/measureit/


Firefox FlicksVocê é o diretor. A mobilidade é a estrela.

Os dispositivos móveis conectam as pessoas. Facilitam nosso progresso e crescimento, tanto nos quesitos pessoas

quanto na vida coletiva.

Firefox Flicks, um concurso mundial que vai expôr videos sobre a força dos dispositivos móveis, e inspirar muitas

pessoas a se conectarem.


Firefox Flicks

http://vimeo.com/57743653




Firefox Flicks - Prêmios

Um prêmio principal de US$ 5,000 para o campeão e US$ 2,500 para o vice-campeão de cada região.

Os três que tiverem mais votos em Agosto ganharão um kit de brindes do Firefox Flicks e serão exibidos em nossos

canais de divulgação, para milhões de pessoas.

Chances de ganhar US$ 1,000 enviando seu video com antecedência


Firefox Flicks - Prêmios

http://firefoxflicks.tumblr.com/



browser mobile - firefox

Internet