SlideShare una empresa de Scribd logo
1 de 48
Descargar para leer sin conexión
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 Mobile
browsers
Desenvolver para web significa, principalmente,
desenvolver para navegadores web.
Ambiente Mobile
The 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 Mobile
The 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 usa
ao longo do tempo, ele se adapta às suas preferências
e oferece resultados mais precisos.
Ambiente Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The Gecko and the Fox
Segurança - Identidade do site
http://www.youtube.com/watch?v=lR70ajtGUIA&list=PL0BCE00F7C446461B
Ambiente Mobile
The 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 Mobile
The Gecko and the Fox
Política de Segurança de Conteúdo
http://www.youtube.com/watch?v=AN91VeHdGwI&list=PL0BCE00F7C446461B
Ambiente Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
http://www.youtube.com/watch?v=64TcBiqmVko
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Peixes ao vivo!
http://webglsamples.googlecode.com/hg/aquarium/aquarium.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Blob!
http://webglsamples.googlecode.com/hg/blob/blob.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Collectbles!
http://webglsamples.googlecode.com/hg/collectibles/index.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Colos Ajust!
http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemap
http://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
Dynamic Cubemap
http://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html
Ambiente Mobile
WEB SOCKETS DEMOS
Novas Tecnologias - WebSockets
SuperRocks
http://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html
Ambiente Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The 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 Mobile
The Gecko and the Fox
Web Developer
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
SEOquake
http://www.seoquake.com/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
IE Tab
https://addons.mozilla.org/en-US/firefox/addon/ie-tab/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
FireFTP
http://fireftp.mozdev.org/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
ColorZilla
https://addons.mozilla.org/en-US/firefox/addon/colorzilla/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
Firebug
https://addons.mozilla.org/en-US/firefox/addon/firebug/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
FontFinder
https://addons.mozilla.org/en-US/firefox/addon/font-finder/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
User Agent Switcher
https://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
MeasureIt
https://addons.mozilla.org/en-US/firefox/addon/measureit/
Rich add-ons - Essenciais para
desenvolvimento Web
Ambiente Mobile
The Gecko and the Fox
Firefox Flicks
Você é 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 Mobile
The Gecko and the Fox
Firefox Flicks
http://vimeo.com/57743653
Ambiente Mobile
The 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 Mobile
The Gecko and the Fox
Firefox Flicks - Prêmios
http://firefoxflicks.tumblr.com/

Más contenido relacionado

Destacado

Desenvolvimento de Websites - Planejamento, Produção, Marketing
Desenvolvimento de Websites - Planejamento, Produção, MarketingDesenvolvimento de Websites - Planejamento, Produção, Marketing
Desenvolvimento de Websites - Planejamento, Produção, MarketingAndré Taranto
 
Processo para a Construção de Protótipos
Processo para a Construção de ProtótiposProcesso para a Construção de Protótipos
Processo para a Construção de ProtótiposOtávio Souza
 
Projeto de SEO - Produzindo um website de sucesso
Projeto de SEO - Produzindo um website de sucesso Projeto de SEO - Produzindo um website de sucesso
Projeto de SEO - Produzindo um website de sucesso Fabio Ricotta
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadeErico Fileno
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoKarine Drumond
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosMateada
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacaocarlosremontti
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Sérgio Souza Costa
 

Destacado (11)

Desenvolvimento de Websites - Planejamento, Produção, Marketing
Desenvolvimento de Websites - Planejamento, Produção, MarketingDesenvolvimento de Websites - Planejamento, Produção, Marketing
Desenvolvimento de Websites - Planejamento, Produção, Marketing
 
Processo para a Construção de Protótipos
Processo para a Construção de ProtótiposProcesso para a Construção de Protótipos
Processo para a Construção de Protótipos
 
Projeto de SEO - Produzindo um website de sucesso
Projeto de SEO - Produzindo um website de sucesso Projeto de SEO - Produzindo um website de sucesso
Projeto de SEO - Produzindo um website de sucesso
 
Engenharia de software - Prototipo
Engenharia de software - PrototipoEngenharia de software - Prototipo
Engenharia de software - Prototipo
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos Básicos
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
 

Similar a Browser Mobile - Firefox

Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Clauber Stipkovic
 
TDC2016POA | Trilha Web - Realtime applications com Socket.io
TDC2016POA | Trilha Web - Realtime applications com Socket.ioTDC2016POA | Trilha Web - Realtime applications com Socket.io
TDC2016POA | Trilha Web - Realtime applications com Socket.iotdc-globalcode
 
Comunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHPComunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHPMichael Douglas
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebDiego Pessoa
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaGuilherme Farias
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3Loiane Groner
 
Resenha 20 lições
Resenha 20 liçõesResenha 20 lições
Resenha 20 liçõesZeina Arruda
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicTchelinux
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPElton Minetto
 
ReMobile - Nokia Web Runtime
ReMobile - Nokia Web RuntimeReMobile - Nokia Web Runtime
ReMobile - Nokia Web Runtimefelipebzr
 
Interoperabilidade com .NET em ambiente Mainframe
Interoperabilidade com .NET em ambiente MainframeInteroperabilidade com .NET em ambiente Mainframe
Interoperabilidade com .NET em ambiente MainframeAlessandro Binhara
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B Rguestb9d145
 
WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"Rui Ribeiro
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info
 

Similar a Browser Mobile - Firefox (20)

Browser Mobile - Safari
Browser Mobile - SafariBrowser Mobile - Safari
Browser Mobile - Safari
 
Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008Firefox - Developer's Best Friend // Fisl2008
Firefox - Developer's Best Friend // Fisl2008
 
Browser Mobile - Opera
Browser Mobile - OperaBrowser Mobile - Opera
Browser Mobile - Opera
 
TDC2016POA | Trilha Web - Realtime applications com Socket.io
TDC2016POA | Trilha Web - Realtime applications com Socket.ioTDC2016POA | Trilha Web - Realtime applications com Socket.io
TDC2016POA | Trilha Web - Realtime applications com Socket.io
 
Browsers Mobile
Browsers MobileBrowsers Mobile
Browsers Mobile
 
Comunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHPComunicação em tempo real com WebRTC e PHP
Comunicação em tempo real com WebRTC e PHP
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da Web
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
FirefoxOS - a web como plataforma
FirefoxOS - a web como plataformaFirefoxOS - a web como plataforma
FirefoxOS - a web como plataforma
 
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
JustJava 2013: Aplicações Desktop HTML5, CSS3, Javascript com Servlets 3
 
Resenha 20 lições
Resenha 20 liçõesResenha 20 lições
Resenha 20 lições
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
 
Frameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHPFrameworks de Desenvolvimento Web com PHP
Frameworks de Desenvolvimento Web com PHP
 
ReMobile - Nokia Web Runtime
ReMobile - Nokia Web RuntimeReMobile - Nokia Web Runtime
ReMobile - Nokia Web Runtime
 
Interoperabilidade com .NET em ambiente Mainframe
Interoperabilidade com .NET em ambiente MainframeInteroperabilidade com .NET em ambiente Mainframe
Interoperabilidade com .NET em ambiente Mainframe
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B R
 
Nokia Web 1- 5 SDK para Série 40
Nokia Web 1- 5 SDK para Série 40Nokia Web 1- 5 SDK para Série 40
Nokia Web 1- 5 SDK para Série 40
 
WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"WebRTC, muito mais do que "Talking Heads"
WebRTC, muito mais do que "Talking Heads"
 
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
Rio Info 2010 - Oficina - Oficina Papel Devigner Novidades HTML5 - Ricardo Pa...
 
Html5
Html5Html5
Html5
 

Más de Renato Bongiorno Bonfanti

Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Renato Bongiorno Bonfanti
 
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Renato Bongiorno Bonfanti
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteRenato Bongiorno Bonfanti
 
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Renato Bongiorno Bonfanti
 

Más de Renato Bongiorno Bonfanti (20)

Usuarios Mobile
Usuarios MobileUsuarios Mobile
Usuarios Mobile
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Responsive Web Design - UX/UI
Responsive Web Design - UX/UIResponsive Web Design - UX/UI
Responsive Web Design - UX/UI
 
Responsive Web Design - UX
Responsive Web Design - UXResponsive Web Design - UX
Responsive Web Design - UX
 
Responsive Web Design - AI
Responsive Web Design - AIResponsive Web Design - AI
Responsive Web Design - AI
 
Padrões de Design Mobile
Padrões de Design MobilePadrões de Design Mobile
Padrões de Design Mobile
 
Mobile First
Mobile FirstMobile First
Mobile First
 
Coding Dojo
Coding DojoCoding Dojo
Coding Dojo
 
Browser Mobile - IE
Browser Mobile - IEBrowser Mobile - IE
Browser Mobile - IE
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
 
Aula de Ambiente Mobile
Aula de Ambiente MobileAula de Ambiente Mobile
Aula de Ambiente Mobile
 
Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]
 
SEO - Relatório On Page - Otimização
SEO - Relatório On Page - OtimizaçãoSEO - Relatório On Page - Otimização
SEO - Relatório On Page - Otimização
 
Relatório de performance para Social Media
Relatório de performance para Social MediaRelatório de performance para Social Media
Relatório de performance para Social Media
 
Relatório de performance Web
Relatório de performance WebRelatório de performance Web
Relatório de performance Web
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu site
 
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
Road Show TI SENAC - Redes sociais e web semântica, qual a relação?
 

Browser Mobile - Firefox

  • 1. Ambiente Mobile Tipos e Características de Browsers Mobile Renato Bongiorno
  • 2. 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
  • 3. Ambiente Mobile browsers Desenvolver para web significa, principalmente, desenvolver para navegadores web.
  • 4. Ambiente Mobile The 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.
  • 5. Ambiente Mobile The 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 usa ao longo do tempo, ele se adapta às suas preferências e oferece resultados mais precisos.
  • 6. Ambiente Mobile The 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
  • 7. Ambiente Mobile The 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.
  • 8. Ambiente Mobile The 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
  • 9. Ambiente Mobile The 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.
  • 10. Ambiente Mobile The Gecko and the Fox Segurança - Identidade do site http://www.youtube.com/watch?v=lR70ajtGUIA&list=PL0BCE00F7C446461B
  • 11. Ambiente Mobile The 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.
  • 12. Ambiente Mobile The Gecko and the Fox Política de Segurança de Conteúdo http://www.youtube.com/watch?v=AN91VeHdGwI&list=PL0BCE00F7C446461B
  • 13. Ambiente Mobile The Gecko and the Fox Controle dos Pais O Firefox usa o Controle dos Pais configurados no Windows 7 para bloquear downloads indesejados e mais.
  • 14. Ambiente Mobile The Gecko and the Fox Navegação Privativa Quando esse recurso é ativado, você não deixará um único rastro de navegação para trás.
  • 15. Ambiente Mobile The 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.
  • 16. Ambiente Mobile The 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.
  • 17. Ambiente Mobile The 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.
  • 18. Ambiente Mobile The 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
  • 19. Ambiente Mobile The 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
  • 20. Ambiente Mobile The 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
  • 21. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets http://www.youtube.com/watch?v=64TcBiqmVko
  • 22. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Peixes ao vivo! http://webglsamples.googlecode.com/hg/aquarium/aquarium.html
  • 23. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Blob! http://webglsamples.googlecode.com/hg/blob/blob.html
  • 24. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Collectbles! http://webglsamples.googlecode.com/hg/collectibles/index.html
  • 25. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Colos Ajust! http://webglsamples.googlecode.com/hg/color-adjust/color-adjust.html
  • 26. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Dynamic Cubemap http://webglsamples.googlecode.com/hg/dynamic-cubemap/dynamic-cubemap.html
  • 27. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets Dynamic Cubemap http://webglsamples.googlecode.com/hg/imagesphere/imagesphere.html
  • 28. Ambiente Mobile WEB SOCKETS DEMOS Novas Tecnologias - WebSockets SuperRocks http://webglsamples.googlecode.com/hg/spacerocks/spacerocks.html
  • 29. Ambiente Mobile The 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/
  • 30. Ambiente Mobile The 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
  • 31. Ambiente Mobile The 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.
  • 32. Ambiente Mobile The 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
  • 33. Ambiente Mobile The 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
  • 34. Ambiente Mobile The 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.
  • 35. Ambiente Mobile The 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/
  • 36. Ambiente Mobile The Gecko and the Fox Web Developer https://addons.mozilla.org/en-US/firefox/addon/web-developer/ Rich add-ons - Essenciais para desenvolvimento Web
  • 37. Ambiente Mobile The Gecko and the Fox SEOquake http://www.seoquake.com/ Rich add-ons - Essenciais para desenvolvimento Web
  • 38. Ambiente Mobile The Gecko and the Fox IE Tab https://addons.mozilla.org/en-US/firefox/addon/ie-tab/ Rich add-ons - Essenciais para desenvolvimento Web
  • 39. Ambiente Mobile The Gecko and the Fox FireFTP http://fireftp.mozdev.org/ Rich add-ons - Essenciais para desenvolvimento Web
  • 40. Ambiente Mobile The Gecko and the Fox ColorZilla https://addons.mozilla.org/en-US/firefox/addon/colorzilla/ Rich add-ons - Essenciais para desenvolvimento Web
  • 41. Ambiente Mobile The Gecko and the Fox Firebug https://addons.mozilla.org/en-US/firefox/addon/firebug/ Rich add-ons - Essenciais para desenvolvimento Web
  • 42. Ambiente Mobile The Gecko and the Fox FontFinder https://addons.mozilla.org/en-US/firefox/addon/font-finder/ Rich add-ons - Essenciais para desenvolvimento Web
  • 43. Ambiente Mobile The Gecko and the Fox User Agent Switcher https://addons.mozilla.org/pt-BR/firefox/addon/user-agent-switcher/ Rich add-ons - Essenciais para desenvolvimento Web
  • 44. Ambiente Mobile The Gecko and the Fox MeasureIt https://addons.mozilla.org/en-US/firefox/addon/measureit/ Rich add-ons - Essenciais para desenvolvimento Web
  • 45. Ambiente Mobile The Gecko and the Fox Firefox Flicks Você é 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.
  • 46. Ambiente Mobile The Gecko and the Fox Firefox Flicks http://vimeo.com/57743653
  • 47. Ambiente Mobile The 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
  • 48. Ambiente Mobile The Gecko and the Fox Firefox Flicks - Prêmios http://firefoxflicks.tumblr.com/