browsers mobile
TRANSCRIPT
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 Mobilemobile browsers
Desenvolver para web mobile significa, principalmente, desenvolver para navegadores web mobile.
Ambiente Mobilemobile browsers firefox
Toda grandiosidade do Firefox, embalados em um dispositivo!
Ambiente Mobilemobile browsers firefox
Destaques do fabricante para o browser mobile:
Segurança: Controle de privacidade com Do Not Track no mobile
HTML5: Possibilidades ilimitadas da web móvel com suporte total para HTML5 e Web APIs.
Ambiente Mobilemobile browsers firefox
Destaques do fabricante para o browser mobile:
Integração: Seu histórico do desktop, favoritos e senhas para todos os seus dispositivos
Add-ons: Personalize recursos e funcionalidades com add-ons.
Ambiente Mobilemobile browsers firefox
Fabricantes suportados:
Ambiente Mobilemobile browsers firefox
Fabricantes suportados:
Ambiente Mobilemobile browsers firefox
Fabricantes suportados:
http://www.mozilla.org/en-US/firefox/mobile/platforms/
Ambiente Mobilemobile browsers firefox
Ambiente Mobilemobile browsers firefox
Ambiente Mobilemobile browsers firefox
Ambiente Mobilemobile browsers firefox
https://www.youtube.com/watch?feature=player_embedded&v=dgteUNwOVaU
Ambiente Mobilemobile google chrome
O melhor browser mobile que tem a sua volta!
Ambiente Mobilemobile google chrome
Destaques do fabricante para o browser mobile:
Sincronização: Faça login no Google Chrome para sincronizar guias abertas, favoritos e os dados da omnibox do computador com o telefone ou tablet. Continue exatamente de onde parou.
Ominibox: Pesquise e navegue com rapidez, diretamente na mesma caixa. Escolha entre os resultados que aparecem enquanto digita.
Ambiente Mobilemobile google chrome
Destaques do fabricante para o browser mobile:
Velocidade: Navegue mais rápido com o carregamento de páginas acelerado, rolagem e zoom.
Abas inteligentes: Abra e alterne rapidamente entre um número ilimitado de guias:
No mobile: percorra as guias como você percorreria as cartas de um baralho.
Ambiente Mobilemobile google chrome
Destaques do fabricante para o browser mobile:
Navegação Offline: Envie páginas do Google Chrome do computador para o Google Chrome do celular ou tablet com um clique e leia essas páginas em qualquer lugar, mesmo quando você estiver off-line
Privacidade: Navegue com privacidade com o modo de navegação anônima.
Ambiente Mobilemobile google chrome
Destaques do fabricante para o browser mobile:
Ambiente Mobilemobile google chrome
Ambiente Mobilemobile google chrome
Ambiente Mobilemobile google chrome
https://www.youtube.com/watch?feature=player_embedded&v=lVjw7n_U37A
Ambiente Mobilemobile google chrome
Disponível para:
Ambiente Mobilemobile opera mini e mobile
Navegação móvel mais inteligente!
Ambiente Mobilemobile opera mini e mobile
Navegação móvel mais inteligente!
Velocidade: Navegação mais rápida com menos carregamento de dados
Social Media: Modo de exibição de Painel do que está acontecendo nas redes sociais
Inteligência: A Página inteligente fornecerá as últimas notificações e informações de suas fontes favoritas de notícias, visualizações e diversão.
Ambiente Mobilemobile opera mini e mobile
Navegação móvel mais inteligente!
O Opera Mini também aprende com o tempo aquilo que você mais gosta e fornece conteúdos de acordo com
seu gosto, automaticamente.
Princípios da Web semântica...
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
No que consistem o Opera Mobile e o Opera Mini?
O Opera Mini e o Opera Mobile são navegadores da Internet específicos para celulares.
Qual é a diferença entre o Opera Mobile e o Opera Mini?
A principal diferença está no funcionamento da interface do usuário.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
Opera Mini:
O Opera Mini utiliza a tecnologia avançada de compactação de servidor da Opera para compactar o conteúdo da Internet antes de sua exibição no dispositivo. O mecanismo de renderização encontra-se no servidor da Opera.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
Opera Mobile:
O Opera Mobile é um navegador da Internet completo para celulares. O mecanismo completo de renderização da Internet, o Opera Presto, é executado no celular usando seu respectivo hardware para baixar e exibir páginas da Web.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
Qual é a melhor opção para o meu celular? O Opera Mini ou o Opera Mobile?
Os recursos do Opera Mobile oferecem uma experiência de navegação de maior fidelidade, ideal para conexões via Wi-Fi ou de banda larga sem fio ilimitadas. Com o Opera Mini, os servidores tornam a navegação mais rápida e muito mais barata se você estiver pagando por megabyte. Muitos dos usuários utilizam o Opera Mobile em conexões Wi-Fi e o Opera Mini em conexões sem fio.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
Qual é a melhor opção para o meu celular? O Opera Mini ou o Opera Mobile?
Com o Opera Mini, os servidores tornam a navegação mais rápida e muito mais barata se você estiver pagando por megabyte. Muitos dos usuários utilizam o Opera Mobile em conexões Wi-Fi e o Opera Mini em conexões sem fio.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
Opera Mobile está disponível somente para os smartphones Android e Symbian.
Ambiente Mobilemobile opera mini e mobile
Diferenças entre Opera Mini e Opera Mobile
http://www.opera.com/mobile/specs/
Ambiente Mobilemobile opera mini e mobile
http://www.youtube.com/watch?feature=player_embedded&v=fSVucjnk-a8#!
Ambiente Mobilemobile opera mini emulator
http://www.opera.com/developer/tools/mini
/
Ambiente Mobileopera mobile emulator
Ambiente Mobileopera mobile emulator
http://www.opera.com/developer/tools/mobile/
Ambiente Mobileinternet explorer mobile
http://www.windowsphone.com/pt-br/features
Vende a idéia da navegação integrada com o Windows Phone e não somente do
Internet Explorer 10.
Integra todas funcionalidades touch especificadas do IE 10.
Ambiente Mobileinternet explorer mobile
http://ie.microsoft.com/testdrive/mobile/default.html
Ambiente Mobileinternet explorer mobile
http://ie.microsoft.com/testdrive/mobile/HTML5/Audio/Default.html
Ambiente Mobileinternet explorer mobile
http://ie.microsoft.com/testdrive/mobile/HTML5/Geolocation/Default.html
Ambiente Mobileinternet explorer mobile
http://ie.microsoft.com/testdrive/mobile/HTML5/BorderRadius/Default.html
Ambiente Mobileinternet explorer mobile
http://ie.microsoft.com/testdrive/mobile/HTML5/CSS3MediaQueries/Default.html
Ambiente Mobilesafari mobile
É um navegador web tão inovador que você vai fazer muito mais do que apenas navegar.
Ambiente Mobilesafari mobile
Apple - Integra todas funcionalidades do Safari em uma única vesão de browser para seus dispositivos.
Carrega páginas da web mais rápido do que nunca
É a melhor maneira de ler na web - funciona com o iCloud entre o Mac, iPad, iPhone e iPod touch.
Verifica a ortografia e gramática
Ambiente Mobilesafari mobile
Saiba mais sobre as 250 + inovadoras funcionalidades disponíveis no Safari.
http://www.apple.com/safari/features.
html
Ambiente Mobilehtml5 mobile
http://mobilehtml5.org/
Ambiente MobileHTML5 & CSS3 READINESS
http://html5readiness.com/
Ambiente Mobilefindme by ip
http://www.findmebyip.com/litmus/
Ambiente Mobileiphone 4.0 simulator
http://iphone4simulator.com/
Ambiente MobileA evolução da web
http://evolutionofweb.appspot.com/
Ambiente Mobilewindow resizer
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
Ambiente Mobilemake the web faster
https://developers.google.com/speed/pagespeed/insights
Ambiente Mobilewindow resizer
http://tools.pingdom.com/fpt/
Ambiente Mobilewindow resizer
http://mobitest.akamai.com/m/index.cgi
Ambiente Mobileatividade por agencia
A partir das ferramentas e características dos browsers apresentadas você precisa justificar ao
seu cliente que a navegação de seu site está comprometida em dispositivos móveis.
Crie um relatório especificando os problemas ao navegar na web mobile e mostre exemplos destes
problemas com os diferentes navegadores.
Apresentação - 20/02/2012 - 8h as 10h
Ambiente Mobileatividade por agencia
Sugestão - Analise projetos pessoais e existentes nas agencias para implementação futura!
http://www.crevision.com.br/index.html
http://googlewebmaster.com.br/
http://www.lindabeleza.com/