Upload
renato-bongiorno-bonfanti
View
87
Download
0
Embed Size (px)
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 MobileInternet explorer
Navegador com maior índice de “bugs” em aplicações web
No entanto, já foi um dos browser considerado “avançado” entre suas versões 3 e 5 sendo o primeiro browser a
implementar suporte a CSS e a recursos em Ajax.
No entanto, em suas versões 7 e 8 seu suporte de recursos as recomendaçõesW3C e para propriedades em CSS nãotiveram o mesmo sucesso... obtendo pontuação 20/100 no Acid 3
Ambiente MobileInternet explorer
ACID 3 - Teste de performance de navegador
Acid3 teste é uma página de teste na web a partir do Web Standards Project que verifica se o navegador cumpre com elementos de vários padrões web - principalmente
Document Object Model (DOM) e JavaScript .
http://acid3.acidtests.org/
Ambiente MobileInternet explorer
ACID 3 - Teste de performance de navegador
Acid3 teste é uma página de teste na web a partir do Web Standards Project que verifica se o navegador cumpre com elementos de vários padrões web - principalmente
Document Object Model (DOM) e JavaScript .
http://acid3.acidtests.org/
Ambiente MobileInternet explorer
Texto, vídeo e elementos gráficos acelerados por hardware
O Internet Explorer 9 possibilitam experiências ricas e intensas.
Com gráficos acelerados por hardwaros sites têm um desempenho semelhante ao dos programas instalados no
computador.
Vídeos de alta definição perfeitos, elementos gráficos nítidos e respondem positivamente, as cores são fieis e os
sites são interativos como jamais foram
Ambiente MobileInternet explorer
Texto, vídeo e elementos gráficos acelerados por hardware
O Internet Explorer 9 possibilitam experiências ricas e intensas.
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/fast
Ambiente MobileInternet explorer
Página Nova Guia
A página Nova Guia o ajuda a começar a navegar rapidamente, fornecendo sugestões e informações relevantes para que você decida qual será o seu
próximo passo na navegação.
Um indicador mostra se o site é um dos que você visita com frequência.
Barra de Notificação
As notificações no Internet Explorer 9 permitem uma navegação mais rápida e fluida.
As notificações não interromperão sua navegação forçando você a executar uma ação para que possa continuar.
As mensagens, as notificações de erros e os avisos mostrados na Barra de Notificação mais informativos, inteligíveis e, o mais importante, mais fáceis
de resolver.
Ambiente MobileInternet explorer
One Box
Preenchimento Automático antecipa o que você está procurando para que possa acessar seus sites rapidamente
A funcionalidade de pesquisa está integrada ao One Box - digite termos comuns, como “notícia” ou “música”, e o One Box acessará os sites que de
sua preferência.
É possível adicionar provedores de pesquisa ou alterar o provedor que deseja usar diretamente na parte inferior da lista suspensa.
Ambiente MobileInternet explorer
One Box
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/one-box
Ambiente MobileInternet explorer
Sites Fixos
Permite acesso aos sites diretamente na barra de tarefas do Windows 7 — sem precisar abrir o Internet Explorer primeiro.
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/pinned-sites
Ambiente MobileInternet explorer
Guias avançadas
As guias são mostradas à direita da Barra de endereços
Guias destacáveis
É possível reorganizar as guias no Internet Explorer 9 ou abrir qualquer guia em uma nova janela do navegador arrastando a guia para a área de trabalho.
Guias codificadas por cores
Com o Internet Explorer 9, as guias relacionadas são codificadas por cores, o que facilita a
organização ao navegar por várias páginas da Web.
Ambiente MobileInternet explorer
Guias avançadas
As guias são mostradas à direita da Barra de endereços
Guias destacáveis
É possível reorganizar as guias no Internet Explorer 9 ou abrir qualquer guia em uma nova janela do navegador arrastando a guia para a área de trabalho.
Guias codificadas por cores
Com o Internet Explorer 9, as guias relacionadas são codificadas por cores, o que facilita a
organização ao navegar por várias páginas da Web.
Ambiente MobileInternet explorer
Voltado para seus sites
A nova moldura do navegador faz qualquer site da web brilhar, os controles de navegação no Internet Explorer 9 são mais ágeis e simples.
A interface de usuário, simplificada, mas avançada, realça mais os sites.
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/focused-on-your-websites
Ambiente MobileInternet explorer
Filtragem ActiveX
ActiveX é uma tecnologia inserida em muitos dos principais sites para aprimorar sua experiência de navegação - realizam uma função particular de
um modo que é independente da linguagem de programação que as implementa.
Pode ser usado para ações como reproduzir vídeos, exibir animações e visualizar determinados tipos de arquivos.
Porém, pode representar riscos à segurança e tornar seu computador lento.
Ambiente MobileInternet explorer
Filtragem ActiveX
A Filtragem ActiveX no Internet Explorer pode ajudar a tomar uma decisão mais consciente sobre cada controle ActiveX
executado, pois oferece a possibilidade de bloquear controles ActiveX para todos os sites e, em seguida, ativá-los somente para
os sites confiáveis
Ambiente MobileInternet explorer
Supervisor de Desempenho de Complementos
O Supervisor de Desempenho de Complementos foi desenvolvido para assegurar que o Internet Explorer 9 seja iniciado e permaneça rápido, ajudando você a controlar os
complementos que instala.
Identifica os complementos que possam estar tornando o seu navegador lento e, na área de notificação, fornece as informações
necessárias para desabilitar o complemento ou corrigir o problema.
Ambiente MobileInternet explorer
Supervisor de Desempenho de ComplementosOs tempos de carregamento de cada complemento são mostrados, para que você
possa ver como cada um afeta sua experiência de navegação
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/add-on-performance-advisor
Ambiente MobileInternet explorer
Modo de Exibição de CompatibilidadeHá ocasiões em que o site que você está visitando não tem a aparência correta. Ele
é mostrado como um emaranhado de menus, imagens e caixas de texto fora de ordem.
Por que isso acontece?
Ambiente MobileInternet explorer
Modo de Exibição de Compatibilidade
O site pode ter sido desenvolvido para uma versão anterior do Internet Explorer
No Modo de Exibição de Compatibilidade, os sites aparecerão como se fossem exibidos em uma versão anterior do Internet Explorer, o que geralmente corrige os problemas de exibição.
Ambiente MobileInternet explorer
Filtro de scripts entre sites
O Internet Explorer 9 inclui um filtro Cross-Site Scripting (XSS), que pode detectar ataques de script entre sites que representam
uma dominante ameaça online.
Se forem encontradas vulnerabilidades, o Internet Explorer desabilitará os scripts perigosos.
Ambiente MobileInternet explorer
Realce de domínio & Filtro SmartScreen
No Realce de Domínio o Internet Explorer 9 permite que se veja instantaneamente o verdadeiro endereço Web realçando o nome do
domínio na Barra de endereços, o que torna mais fácil identificar os sites visitados.
Isso ajuda a alertá-lo para sites que tentam phishing com endereços falsos.http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/domain-highlighting
Ambiente MobileInternet explorer
Realce de domínio & Filtro SmartScreen
Filtro do SmartScreen ajuda a combater ameaças como:
•Proteção antiphishing - para filtrar ameaças de sites impostores destinados a adquirir informações pessoais, como nomes de usuários, senhas e dados de cobrança.
•Reputação de aplicativo - para remover todos os avisos desnecessários de arquivos conhecidos e mostrar avisos importantes para downloads de alto risco.
•Proteção antimalware - para ajudar a impedir que softwares potencialmente perigosos se infiltrem no seu computador.
Se um site mal-intencionado for detectado, o Internet Explorer 9 bloqueará o site inteiro!
Ambiente MobileInternet explorer
Gerenciador de Download
Um programa que permite ver o status dos downloads, fornece informações sobre eles serem possivelmente perigosos ou não e
oferece uma ampla gama de verificações de segurança nos arquivos baixados.
Se estiver baixando um arquivo ou vários arquivos, você poderá ainda navegar sem interrupção. Se um download for
interrompido, você poderá rapidamente retomá-lo na próxima vez que iniciar o Internet Explorer 9, ou seja, se você encontrar
um problema de conexão de rede ou precisar desligar o computador, poderá continuar o download de onde parou.
Ambiente MobileInternet explorer
Gerenciador de Download
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/download-manager
Ambiente MobileInternet explorer
Navegação InPrivate
Há ocasiões em que você não quer deixar rastros de sua atividade de navegação no computador.
A Navegação InPrivate ajuda a impedir que seu histórico de navegação, os arquivos de Internet temporários, dados de formulários, cookies,
nomes de usuários e senhas sejam retidos pelo navegador.
Ambiente MobileInternet explorer
Navegue sem interrupções
As falhas de sites são isoladas em guias individuais, não em janelas inteiras do navegador
Se um site falhar em uma guia, o restante da sessão de navegação não será interrompida.
Você mantém a navegação, inalterada.
Depois que o problema é identificado, o Internet Explorer 9 automaticamente recupera a guia
Ambiente MobileInternet explorer
Navegue sem interrupçõeshttp://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/tab-isolation-and-recovery
Ambiente MobileInternet explorer
Proteção contra Rastreamento
A Proteção contra Rastreamento fornece a você um nível extra de controle e opções em relação às informações que os sites de terceiros
podem usar para rastrear sua atividade de navegação.
Com as Listas de Proteção contra Rastreamento, é possível escolher quais sites de terceiros podem receber as informações e rastreá-lo online.
Ao adicionar uma lista, você pode bloquear o conteúdo de sites que possam ter um impacto na sua privacidade
Ambiente MobileInternet explorer
Proteção contra Rastreamento
Quando você adicionar uma Lista de Proteção contra Rastreamento, o Internet Explorer evitará que suas informações sejam enviadas, limitando
as solicitações de dados aos sites incluídos na lista.
http://windows.microsoft.com/pt-BR/internet-explorer/products/ie-9/features/tracking-protection
Ambiente MobileInternet explorer
Ambiente MobileInternet explorer
Ambiente MobileInternet explorer
De acordo com os especialistas do W3C...
O IE9 da Microsoft teve desempenho de 100% de compatibilidade em 5 dos 7 testes realizados e obteve nota
9,6/10 nos outros dois testes.
“Interoperabilidade é muito importante para nós. E o IE9 demonstrou ser bem sucedido ao abrir diferentes sites criados sob os padrões de HTML 5”, diz nota da associação responsável pela análise.
Ambiente MobileInternet explorer
De acordo com os especialistas do W3C...
Em segundo lugar, apareceu o Firefox (89,5% de compatibilidade na média dos 7
testes) seguido por Chrome (88%) e Safari 71%.
Ambiente MobileInternet explorer
De acordo com os especialistas do W3C...
Porém, ao finalizar o relatório os responsáveis pelos testes afirmaram que:
“aparentemente os responsáveis pelo IE9 estão fazendo um trabalho
muito bom”.
Ambiente MobileInternet explorer
aparentemente ...
Ambiente MobileInternet explorer
Os testes ainda comprovam...
De acordo com testes realizados pela HTML5 Test - http://html5test.com/
Site que analisa a performance dos sites em relação as especificações do HTML5, obtem-se as seguintes
estatísticas:
Ambiente MobileInternet explorer
HTML5 no IE:
Ambiente MobileInternet explorer
HTML5 no Safari – 5.1:
Ambiente MobileInternet explorer
HTML5 no Firefox – 18.0.1:
Ambiente MobileInternet explorer
HTML5 no Chrome - Versão 24.0.1312.56 m:
Ambiente MobileInternet explorer
HTML5 no Opera 12.12:
Ambiente MobileInternet explorer
O que roda atualmente na versão do IE 9.0 Guia Desenvolvedores Internet Explorer (sim, existe!)
http://msdn.microsoft.com/pt-BR/ie/ff468705
Ambiente MobileInternet explorer
O que roda na versão do IE 10 Guia Desenvolvedores Internet Explorer (sim, ele também existe!)
http://msdn.microsoft.com/library/ie/hh673549.aspx
Ambiente MobileInternet explorer
O que roda na versão do IE 10 Guia Desenvolvedores Internet Explorer (sim, ele também existe!)
http://msdn.microsoft.com/library/ie/hh673549.aspx
Ambiente MobileInternet explorer
Todos os guias de desenvolvimento web para IE
http://msdn.microsoft.com/library/ie/
Ambiente MobileInternet explorer
Exemplos de aplicações web para download IE
http://code.msdn.microsoft.com/ie/
Ambiente MobileInternet explorer
Blog Microsoft IE Brasil para Desenvolvedores
http://blogs.msdn.com/b/ie_br/
Ambiente MobileInternet explorer
Blog Microsoft IE Internacional para Desenvolvedores
http://blogs.windows.com/ie/b/ie/
Ambiente MobileInternet explorer
<HTML5 LABS> - A Microsoft se preocupando com recomendações W3C
http://www.html5labs.com/
Ambiente MobileInternet explorer
Modern.IE - Teste sua aplicação
http://www.modern.ie/
Ambiente MobileInternet explorer
Modern.IE - Teste sua aplicação
http://www.modern.ie/report
Ambiente MobileInternet explorer
Code with Standards - IE e as melhores práticas
http://www.modern.ie/cross-browser-best-practices
Ambiente MobileInternet explorer
Windows 8 + IE 10 - O que vem por ai...
http://www.buildmypinnedsite.com/
Ambiente MobileInternet explorer
Windows 8 + IE 10 - O que vem por ai...
http://ie.microsoft.com/testdrive/Browser/Windows8Share/
Ambiente MobileInternet explorer
Mas, o IE pode mudar!
http://www.beautyoftheweb.com/
The browser perfect for touch.
ou em português...
http://www.internetexplorerbrasil.com/
O navegador perfeito para touch
Ambiente MobileInternet explorer
IE 10 - A mudança!
http://www.internetexplorerbrasil.com/
Ambiente MobileInternet explorer
Glimpse - Uma nova formar de E-commerce por IE
http://glimpse-ie.thefind.com
Ambiente MobileInternet explorer
Pulse.me - Uma nova forma de ler seus artigos/revistas - por IE
http://www.pulse.me/
Ambiente MobileInternet explorer
PenguinMark - Teste seu navegador com os recursos avançados de JS / HTML5 / CSS3 e veja a pontuação por browser
http://ie.microsoft.com/testdrive/Performance/PenguinMark/
Ambiente MobileInternet explorer
AudioExplosion - O som a máxima potência com HTML5
http://ie.microsoft.com/testdrive/Browser/AudioExplosion/
Ambiente MobileInternet explorer
Bubbles
http://ie.microsoft.com/testdrive/Performance/Bubbles/
Ambiente MobileInternet explorer
Bricks
http://ie.microsoft.com/testdrive/Performance/BrickBreaker/
Ambiente MobileInternet explorer
Touch Events
http://ie.microsoft.com/testdrive/Graphics/TouchEffects/
Ambiente MobileInternet explorer
Contre Jours
http://www.contrejour.ie/
Ambiente MobileInternet explorer
Aston Martin
http://ie.microsoft.com/testdrive/Performance/AstonMartin/
Ambiente MobileInternet explorer
The Browser You LoveD to Hate
http://browseryoulovedtohate.com
Ambiente MobileInternet explorer
The Browser You LoveD to Hate - 90's
http://www.youtube.com/watch?v=qii34pPG8JM
Ambiente MobileInternet explorer
The Browser You LoveD to Hate - Remoção IE
http://www.youtube.com/watch?v=p4_ksJMzb3M
Ambiente MobileInternet explorer
The Browser You LoveD to Hate - Do you know this guy?
http://www.youtube.com/watch?v=lD9FAOPBiDk
Ambiente MobileInternet explorer
The Internet Explorer 6 Countdown
http://www.ie6countdown.com/
Ambiente MobileInternet explorer
The Internet Explorer IE 6 Death
http://www.ie6death.com/