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
opera
Opera – Disponível para todos sistemas operacionais e seu
time de desenvolvimento prioriza a velocidade de
processamento das páginas.

Ambiente Mobile
opera
Opera – Especificações a serem apresentadas.
http://www.youtube.com/watch?feature=player_embedded&v=yrVvZX2nss8

Ambiente Mobile
opera
Empilhamento de guias
Se você arrastar uma guia sobre a outra poderá criar grupos
de guias - dezenas de páginas da Web abertas, organizadas e
sob controle
http://www.youtube.com/watch?feature=player_embedded&v=cbGDQdpUbz0

Ambiente Mobile
opera
Gestos visuais do mouse
Ações comuns do navegador com um rápido movimento do mouse. Mantenha o
botão direito do mouse pressionado em uma página da Web para exibir um guia
visual que indica como executar os gestos disponíveis.

Ambiente Mobile
opera
Gestos visuais do mouse
Ações comuns do navegador com um rápido movimento do mouse. Mantenha o
botão direito do mouse pressionado em uma página da Web para exibir um guia
visual que indica como executar os gestos disponíveis.

Ambiente Mobile
opera
Opera Turbo
Aumenta a velocidade de navegação em pontos de acesso Wi-Fi saturados,
celulares ou conexões discadas.
http://www.youtube.com/watch?feature=player_embedded&v=CZfFU7R75Wo

Ambiente Mobile
opera
Speed Dial
Sites favoritos sempre ao abrir uma nova guia:
http://www.youtube.com/watch?feature=player_embedded&v=BjYQRru46-I

Ambiente Mobile
opera
Speed Dial
Sites favoritos sempre ao abrir uma nova guia:
http://www.youtube.com/watch?feature=player_embedded&v=LLbsXxQBEj8

Ambiente Mobile
opera
Speed Dial
Sites favoritos sempre ao abrir uma nova guia:
http://www.youtube.com/watch?feature=player_embedded&v=LLbsXxQBEj8

Ambiente Mobile
opera
Tecnologias mais recentes
Mecanismo de JavaScript Carakan aprimorado
para ter uma execução mais rápida.
"Isso faz do Opera o navegador mais rápido de
todos em vários testes de desempenho. Até
mesmo páginas complexas são carregadas e
executadas com alta velocidade."

Ambiente Mobile
opera
Tecnologias mais recentes
Suporte para os padrões da Web mais recentes
Gráficos rápidos e perfeitos
Biblioteca de imagens Vega de alto desempenho
- páginas cheias de imagens carregam
rapidamente e sem dificuldade.

Ambiente Mobile
opera
Tecnologias mais recentes
Suporte para os padrões da Web mais recentes
Gráficos rápidos e perfeitos
Biblioteca de imagens Vega de alto desempenho - páginas
cheias de imagens carregam rapidamente e sem dificuldade.
Suporte à geolocalização
Suporte para geolocalização em sites como Google Maps.

Ambiente Mobile
opera
Tecnologias mais recentes
Suporte para os padrões da Web mais recentes
Gráficos rápidos e perfeitos
Biblioteca de imagens Vega de alto desempenho - páginas
cheias de imagens carregam rapidamente e sem dificuldade.
Suporte à geolocalização
Suporte para geolocalização
em sites como Google Maps.

Ambiente Mobile
opera
Segurança e privacidade
O Opera oferece informações em tempo real de agências de
segurança líderes sobre fraudes, vírus e phishing.
Verifica os dados em tempo real e avisa quando um site é
identificado como perigoso.
O navegador é compatível com certificados de validação
estendida (EV) para oferecer garantia e confiabilidade
adicionais para sites seguros.

Ambiente Mobile
opera
Segurança nos sites
Logotipos coloridos indicam a qualidade
da criptografia utilizada:

Ambiente Mobile
opera
Controle de cookies de sites
O Opera permite que você escolha quais cookies você quer
aceitar ou rejeitar.
Você pode permitir configurações diferentes para servidores
diferentes.

Ambiente Mobile
opera
Desenvolvedores
O Opera Dragonfly é um ambiente de depuração integrado
ao navegador.
Permite inspecionar DOM, CSS e tráfego de rede e dados de
histórico e problemas com o JavaScript.

Ambiente Mobile
opera
Desenvolvedores - Dragonfly

Ambiente Mobile
opera
Opera Dragonfly - seu próprio conjunto de
ferramentas de desenvolvimento
http://www.youtube.com/watch?feature=player_embedded&v=BeTzJ-HGLo4

Ambiente Mobile
opera
Dev. Opera - Distilled knowledge
for web developers
http://dev.opera.com/

Ambiente Mobile
opera
Dev. Opera - Add Ons
http://dev.opera.com/addons

Ambiente Mobile
opera
Dev. Opera - Web
http://dev.opera.com/web

Ambiente Mobile
opera
Dev. Opera - Mobile
http://dev.opera.com/mobile

Ambiente Mobile
opera
Dev. Opera - Mobile
http://dev.opera.com/labs

Ambiente Mobile
opera
Dev. Opera - TV
http://dev.opera.com/tv

Ambiente Mobile
opera
Dev. Opera - TV
http://www.youtube.com/watch?feature=player_embedded&v=_k_k61nX58Q

Ambiente Mobile
opera
Design considerations for Opera TV Store applications
http://dev.opera.com/articles/view/design-considerations-for-opera-tv-store-applications/

Ambiente Mobile
opera
Creating web content for TV
http://dev.opera.com/articles/view/creating-web-content-for-tv/
Standards support on web-enabled TVs
HTML5: <canvas>, <audio> and <video>
CSS3
Adaptive layouts
Fluid layouts
CSS2.1 Media Types
CSS3 Media Queries
Single-window browsing
Scrolling
Use of text
Graphical elements

Ambiente Mobile
opera
Opera tutorials
http://www.opera.com/support/tutorials/
Opera browser Opera Link Opera Mail
Opera Mobile Opera Mini Opera Dragonfly

Ambiente Mobile
opera
Opera Education - Web Standards Curriculum (WSC)
http://www.opera.com/company/education/curriculum/
Curso em parceria com o Yahoo! Developer Network, leva
estudantes a ter uma base sólida em padrões de design baseado
em Web.
Dividido em mais de 50 artigos focados, cada artigo contém
teoria essencial, exemplos práticos, e as questões de exercícios.

Ambiente Mobile
opera
Opera Education - Web Standards Curriculum (WSC)
http://docs.webplatform.org/wiki/Main_Page

Ambiente Mobile
opera
Documentação Opera
http://www.opera.com/docs/
Tudo o que o navegador oferece detalhadamente para
desenvolvedores web preocupados com a melhoria da web...

Ambiente Mobile
opera
Opera Desktop changelogs
http://www.opera.com/docs/changelogs/
O que mudou entre as versões em cada SO

Ambiente Mobile
opera
Blogs - Fique por dentro...
Blog Opera Brasil
http://my.opera.com/operabrasil/blog/
Blog Opera Internacional
http://my.opera.com/chooseopera/blog/

Ambiente Mobile
opera
Fóruns e Grupos de Discussões
Fóruns Opera
http://my.opera.com/community/forums/
Grupos Opera
http://my.opera.com/community/groups/

Ambiente Mobile
opera
Opera para Negócios
http://www.opera.com/business/

Ambiente Mobile
opera
Eventos
http://www.opera.com/company/events/