Browser Mobile - Safari

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 MobileThe Web Kit

Ao desenvolver sites para mobile em dispositivos Apple tenha em mente um único browser – Safari.


Desenvolvido com base no Webkit Engine

* Webkit Engine - motor de renderização de páginas

* Leve e renderiza páginas de acordo com as recomendações mais recentes do W3C

* Implementa seus próprios projetos através do prefixo –webkit-


Desenvolvido com base no Webkit Engine

http://www.webkit.org/





Webkit Engine - Poster Circle

https://www.webkit.org/blog-files/3d-transforms/poster-circle.html






Morphing Power Cubes

https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html





Campo de Busca Inteligente e UnificadoCampo único para termos de pesquisa e endereços web

Top Hit - assim que você começa a digitar, o Safari sugere resultados o mais próximo do que você deseja através de seus favoritos e histórico e

nos termos mais buscados no Google, Yahoo!, Bing ou Baidu


Organização por Abas. Dividir para conquistar.Mostra em um único lugar todas a páginas que estão abertas.

É só juntar e separar os dedos para ver todas as abas abertas.

Deslize para esquerda ou para direita para passar de uma para outra e dê um toque na aba para ir direto para o site.


Abas do iCloud. Fique preso ao assunto. Não ao dispositivo.As Abas do iCloud deixam os últimos sites que estavam abertos no Mac, disponíveis no Safari do

seu iPad, iPhone e iPod touch e passa de um dispositivo para outro sem ter que procurar de novo as páginas que estava usando.

Sem precisar sincronizar nada. Por questão de privacidade as URLs ficam codificadas


Compartilhamento Integrado. Conte com ele para contar tudo.

Compartilhe tudo o que estiver na web de onde estiver, sem sair do Safari.

No botão Compartilhar é possível escolher como enviar o conteúdo:

E- Mail - formato Leitura / PDF ou só o link | Facebook | Twitter.


Desempenho ainda melhor. Navegar agora é voar.

Mecanismo Nitro JavaScript - aproveita as vantagens dos vários núcleos de processamento do Mac, o que diminui as pausas e a lentidão na

navegação no Safari.

Novo enfoque à CSS que agiliza a apresentação das páginas.

Aceleração aprimorada de hardware e apresentação em 2D dos textos e elementos gráficos - mais rápida e com rolagem mais facilitada.

Ambiente MobileThe Web KitMais recursos novos do Safari

Maior privacidade -Navegação Provada - Do Not Track - envia uma solicitação para que os sites não controlem o seu comportamento online.

Lista de Leitura, mesmo offline - O Safari armazena conteúdo das suas páginas na sua Lista de Leitura para que você possa ler mesmo quando não tem uma conexão com a Internet

Aprimoramentos para usuários chineses- Baidu, o popular mecanismo de busca chinês, já está disponível como opção integrada ao campo de busca. No Mountain Lion, o Sina Weibo, o também popular serviço de microblog chinês, está presente no menu Compartilhar.


Recursos para desenvolvedores

O Safari aceita a edição mais recente do padrão JavaScript, ECMA 262 versão 5.1

A API Web Audio permite que desenvolvedores criem e personalizem efeitos de áudio em aplicativos web interativos com conteúdo rico de

mídia.

Aceita sincronização de mídia HTML5 para as páginas que precisam de integração de tempo entre vários elementos de mídia e texto, como as

legendas, descrições e capítulos.


Recursos para desenvolvedores - Burocracia

Para trabalhar na área de desenvolvimento de aplicativos para produtos Apple - Safari / iOS - É necessário realizar um cadastro exaustivo, ter

conta no iTunes, informar o propósito de desenvolvimento por ser uma arquitetura privada.

No entanto, pela qualidade dos materiais e exemplo, vale a pena

realizar o cadastro!


Safari - Center Developer - Vídeos

Ou tem MAC ou iTunes

https://developer.apple.com/videos/wwdc/2012/




Safari - Center Developer

https://developer.apple.com/devcenter/safari/index.action




Safari - Center Developer - Material Técnico

https://developer.apple.com/library/safari/navigation/index.html




Safari - Center Developer - Downloads de Exemplos





Safari - Center Developer - How Tos - FAQ + Forum

https://developer.apple.com/library/safari/navigation/index.html#section=Resource+Types&topic=Coding+How-Tos





Safari - Center Developer - Demos

https://developer.apple.com/safaridemos/





https://developer.apple.com/safaridemos/typography.php





https://developer.apple.com/safaridemos/showcase/gallery/





https://developer.apple.com/safaridemos/showcase/threesixty/





https://developer.apple.com/safaridemos/Checkers/





https://developer.apple.com/safaridemos/LightTable/





https://developer.apple.com/safaridemos/OfflineCalendar/




A maioria das aplicações web desenvolvidos para browsers Apple provavelmente funcionarão corretamente em outros

dispositivos móveis.