Browsers Mobile

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!


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.



Integração: Seu histórico do desktop, favoritos e senhas para todos os seus dispositivos

Add-ons: Personalize recursos e funcionalidades com add-ons.


Fabricantes suportados:





http://www.mozilla.org/en-US/firefox/mobile/platforms/








https://www.youtube.com/watch?feature=player_embedded&v=dgteUNwOVaU




Ambiente Mobilemobile google chrome

O melhor browser mobile que tem a sua volta!



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.



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.



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.






https://www.youtube.com/watch?feature=player_embedded&v=lVjw7n_U37A




Disponível para:

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.



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...


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.



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.



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.



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.



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.



Opera Mobile está disponível somente para os smartphones Android e Symbian.



http://www.opera.com/mobile/specs/




http://www.youtube.com/watch?feature=player_embedded&v=fSVucjnk-a8#!




Ambiente Mobilemobile opera mini emulator

http://www.opera.com/developer/tools/mini

/

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.





http://ie.microsoft.com/testdrive/mobile/default.html




http://ie.microsoft.com/testdrive/mobile/HTML5/Audio/Default.html





http://ie.microsoft.com/testdrive/mobile/HTML5/Geolocation/Default.html




http://ie.microsoft.com/testdrive/mobile/HTML5/BorderRadius/Default.html




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.


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


Saiba mais sobre as 250 + inovadoras funcionalidades disponíveis no Safari.

http://www.apple.com/safari/features.

html

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 Mobileipad peek.com

http://ipadpeek.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




http://tools.pingdom.com/fpt/




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/