2. 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
4. Ambiente Mobile
The Web Kit
Ao desenvolver sites para mobile em dispositivos Apple
tenha em mente um único browser – Safari.
5. Ambiente Mobile
The Web Kit
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-
7. Ambiente Mobile
The Web Kit
Webkit Engine - Poster Circle
https://www.webkit.org/blog-files/3d-transforms/poster-circle.html
8. Ambiente Mobile
The Web Kit
Morphing Power Cubes
https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html
9. Ambiente Mobile
The Web Kit
Campo de Busca Inteligente e Unificado
Campo ú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
10. Ambiente Mobile
The Web Kit
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.
11. Ambiente Mobile
The Web Kit
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
12. Ambiente Mobile
The Web Kit
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.
13. Ambiente Mobile
The Web Kit
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.
14. Ambiente Mobile
The Web Kit
Mais 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.
15. Ambiente Mobile
The Web Kit
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.
16. Ambiente Mobile
The Web Kit
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!
17. Ambiente Mobile
The Web Kit
Safari - Center Developer - Vídeos
Ou tem MAC ou iTunes
https://developer.apple.com/videos/wwdc/2012/
18. Ambiente Mobile
The Web Kit
Safari - Center Developer
https://developer.apple.com/devcenter/safari/index.action
19. Ambiente Mobile
The Web Kit
Safari - Center Developer - Material Técnico
https://developer.apple.com/library/safari/navigation/index.html
20. Ambiente Mobile
The Web Kit
Safari - Center Developer - Downloads de Exemplos
https://developer.apple.com/library/safari/navigation/index.html
21. Ambiente Mobile
The Web Kit
Safari - Center Developer - How Tos - FAQ + Forum
https://developer.apple.com/library/safari/navigation/index.
html#section=Resource+Types&topic=Coding+How-Tos
22. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/
23. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/typography.php
24. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/showcase/gallery/
25. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/showcase/threesixty/
26. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/Checkers/
27. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/LightTable/
28. Ambiente Mobile
The Web Kit
Safari - Center Developer - Demos
https://developer.apple.com/safaridemos/OfflineCalendar/
29. Ambiente Mobile
The Web Kit
A maioria das aplicações web desenvolvidos
para browsers Apple provavelmente
funcionarão corretamente em outros
dispositivos móveis.