browser mobile - opera

40
Ambiente Mobile Tipos e Características de Browsers Mobile Renato Bongiorno

Upload: renato-bongiorno-bonfanti

Post on 18-Jul-2015

86 views

Category:

Internet


1 download

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 Mobilebrowsers

Desenvolver para web significa, principalmente, desenvolver para navegadores web.

Ambiente Mobileopera

Opera – Disponível para todos sistemas operacionais e seu time de desenvolvimento prioriza a velocidade de

processamento das páginas.

Ambiente Mobileopera

Opera – Especificações a serem apresentadas.

http://www.youtube.com/watch?feature=player_embedded&v=yrVvZX2nss8

Ambiente Mobileopera

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 Mobileopera

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 Mobileopera

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 Mobileopera

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 MobileoperaSpeed Dial

Sites favoritos sempre ao abrir uma nova guia:

http://www.youtube.com/watch?feature=player_embedded&v=BjYQRru46-I

Ambiente MobileoperaSpeed Dial

Sites favoritos sempre ao abrir uma nova guia:

http://www.youtube.com/watch?feature=player_embedded&v=LLbsXxQBEj8

Ambiente MobileoperaSpeed Dial

Sites favoritos sempre ao abrir uma nova guia:

http://www.youtube.com/watch?feature=player_embedded&v=LLbsXxQBEj8

Ambiente Mobileopera

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 Mobileopera

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 Mobileopera

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 Mobileopera

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 Mobileopera

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 Mobileopera

Segurança nos sites

Logotipos coloridos indicam a qualidade da criptografia utilizada:

Ambiente Mobileopera

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 Mobileopera

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 Mobileopera

Desenvolvedores - Dragonfly

Ambiente Mobileopera

Opera Dragonfly - seu próprio conjunto de ferramentas de desenvolvimento

http://www.youtube.com/watch?feature=player_embedded&v=BeTzJ-HGLo4

Ambiente Mobileopera

Dev. Opera - Distilled knowledge for web developers

http://dev.opera.com/

Ambiente Mobileopera

Dev. Opera - Add Ons

http://dev.opera.com/addons

Ambiente Mobileopera

Dev. Opera - Web

http://dev.opera.com/web

Ambiente Mobileopera

Dev. Opera - Mobile

http://dev.opera.com/mobile

Ambiente Mobileopera

Dev. Opera - Mobile

http://dev.opera.com/labs

Ambiente Mobileopera

Dev. Opera - TV

http://dev.opera.com/tv

Ambiente Mobileopera

Dev. Opera - TV

http://www.youtube.com/watch?feature=player_embedded&v=_k_k61nX58Q

Ambiente Mobileopera

Design considerations for Opera TV Store applications

http://dev.opera.com/articles/view/design-considerations-for-opera-tv-store-applications/

Ambiente Mobileopera

Creating web content for TVhttp://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 Mobileopera

Opera tutorialshttp://www.opera.com/support/tutorials/

Opera browser Opera Link Opera Mail

Opera Mobile Opera Mini Opera Dragonfly

Ambiente Mobileopera

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 Mobileopera

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

Ambiente Mobileopera

Documentação Operahttp://www.opera.com/docs/

Tudo o que o navegador oferece detalhadamente para desenvolvedores web preocupados com a melhoria da web...

Ambiente Mobileopera

Opera Desktop changelogshttp://www.opera.com/docs/changelogs/

O que mudou entre as versões em cada SO

Ambiente Mobileopera

Blogs - Fique por dentro...

Blog Opera Brasilhttp://my.opera.com/operabrasil/blog/

Blog Opera Internacionalhttp://my.opera.com/chooseopera/blog/

Ambiente Mobileopera

Fóruns e Grupos de Discussões

Fóruns Opera http://my.opera.com/community/forums/

Grupos Operahttp://my.opera.com/community/groups/

Ambiente Mobileopera

Opera para Negócioshttp://www.opera.com/business/

Ambiente Mobileopera

Eventoshttp://www.opera.com/company/events/