View
90
Download
0
Category
Preview:
Citation preview
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.
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
Aceleração de Hardware
Novo sistema gráfico baseado em camadas que aproveita o
Direct2D e Direct3D no Windows e OpenGL no Mac.
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
Segurança - Identidade do site
http://www.youtube.com/watch?v=lR70ajtGUIA&list=PL0BCE00F7C446461B
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
Política de Segurança de Conteúdo
http://www.youtube.com/watch?v=AN91VeHdGwI&list=PL0BCE00F7C446461B
Ambiente MobileThe Gecko and the Fox
Controle dos Pais
O Firefox usa o Controle dos Pais configurados no
Windows 7 para bloquear downloads indesejados e mais.
Ambiente MobileThe Gecko and the Fox
Navegação Privativa
Quando esse recurso é ativado, você não
deixará um único rastro de navegação para trás.
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebSockets
WebSockets permitem aplicações de mensagens em tempo
real e jogos em HTML5 mais responsivos e interativos.
http://www.websocket.org/demos.html
Ambiente MobileThe Gecko and the Fox
Novas Tecnologias - WebSockets
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
Novas Tecnologias - WebSockets
http://www.youtube.com/watch?v=64TcBiqmVko
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Peixes ao vivo!http://webglsamples.googlecode.com/hg/aquarium/aquarium.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Blob!http://webglsamples.googlecode.com/hg/blob/blob.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Collectbles!http://webglsamples.googlecode.com/hg/collectibles/index.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Colos Ajust!http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemaphttp://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html
Ambiente MobileWEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
SuperRockshttp://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html
Ambiente MobileThe Gecko and the Fox
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/
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
Rich add-nos
Ferramentas que facilitam o desenvolvimento e os testes de aplicativos web.
https://addons.mozilla.org/pt-BR/firefox/
Ambiente MobileThe Gecko and the Fox
Web Developerhttps://addons.mozilla.org/en-US/firefox/addon/web-developer/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
SEOquakehttp://www.seoquake.com/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
IE Tabhttps://addons.mozilla.org/en-US/firefox/addon/ie-tab/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
FireFTPhttp://fireftp.mozdev.org/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
ColorZillahttps://addons.mozilla.org/en-US/firefox/addon/colorzilla/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
Firebughttps://addons.mozilla.org/en-US/firefox/addon/firebug/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
FontFinderhttps://addons.mozilla.org/en-US/firefox/addon/font-finder/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
User Agent Switcherhttps://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
MeasureIthttps://addons.mozilla.org/en-US/firefox/addon/measureit/
Rich add-ons - Essenciais para desenvolvimento Web
Ambiente MobileThe Gecko and the Fox
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.
Ambiente MobileThe Gecko and the Fox
Firefox Flicks
http://vimeo.com/57743653
Ambiente MobileThe Gecko and the Fox
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
Ambiente MobileThe Gecko and the Fox
Firefox Flicks - Prêmios
http://firefoxflicks.tumblr.com/
Recommended