introdução ao apple watch
TRANSCRIPT
![Page 1: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/1.jpg)
Apple Watch
![Page 2: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/2.jpg)
![Page 3: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/3.jpg)
A história secreta
Kevyn Linch Vice-presidente de tecnologia Apple
• Em 2013, a Apple contrata Kevyn Linch para participar do desenvolvimento de um projeto secreto da Apple, como vice presidente;
• Kevyn, era diretor de tecnologia da Adobe e conhecido por lutar a favor do uso do “Adobe Flash” no iPhone;
• O conceito do Apple Watch foi concebido durante o redesign do iOS, do iOS 6 para o iOS 7;
• O produto foi considerado a obsessão dentro da Apple;
![Page 4: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/4.jpg)
A tirania das notificações
• Todos nós estamos sujeitos a interação contínua e desnecessária, algumas vezes, com o smartphones por conta de notificações constantes;
• As pessoas necessitam de um engajamento mais humano com seus devices;
• Apesar da Apple criar o problema, mas ele será corrigido com um device que irá filtrar qualquer tipo de comunicação e deixará a interação mais real e saudável.
![Page 5: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/5.jpg)
Conhecendo o Apple Watch
![Page 6: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/6.jpg)
Modelos disponíveis
*Dados referentes a maio de 2015
![Page 7: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/7.jpg)
“ Apple Watch represents a new chapter in the way people relate to technology. It’s the most personal device Apple has ever designed, and it enables new ways to receive information and to interact with apps. ”
Princípios de UX
![Page 8: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/8.jpg)
Interações leves
Interações rápidas baseadas com uso eficiente do tamanho da tela, importância do texto e imagens exibidas para o usuário
![Page 9: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/9.jpg)
Design holísticoPossibilitar uma interface limpa, simples e que estimule o uso das funções do hardware com o software, de forma que eles
não tenham distinções durante o seu funcionamento
![Page 10: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/10.jpg)
Comunicação pessoalO Apple Watch deve ser considerado com um dos objetos mais
pessoais. Sendo assim, utilizar animações e imagens que representem ações e emoções extremamente conectadas ao usuário
![Page 11: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/11.jpg)
Componentes da interface
![Page 12: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/12.jpg)
Notificações
Disponibiliza conteúdo de grande importância ao usuário, em tempo real
• Possibilidade de escolher cores e ícones customizados;
• Suporte a interfaces com conteúdo dinâmico e estático;
• Permite o uso de imagens previamente armazenadas dentro do seu aplicativo.
Notificação curta Notificação longa
![Page 13: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/13.jpg)
GlancesColeções de conteúdos, estáticos e dinâmicos, onde usuário pode
“caminhar” entre o que foi exibido
“Página 1” “Página 2” “Página 3”
![Page 14: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/14.jpg)
ModalExibido em full-screen, pode possibilitar ao usuário uma resposta a
uma determinada ação. O modal pode ser animado.
![Page 15: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/15.jpg)
Outros componentes
Labels Imagens Grupos
![Page 16: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/16.jpg)
Outros componentes
Tabelas Botões Switches
![Page 17: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/17.jpg)
Outros componentes
Sliders Mapas Data/hora
![Page 18: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/18.jpg)
Outros componentes
Menu de 1 ação Menu de 3 açõesMenu de 2 ações
![Page 19: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/19.jpg)
Introdução ao WatchKit
![Page 20: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/20.jpg)
WatchKit
• Pacote de recursos para desenvolvimento de WatchKit app’s;
• Prover a conexão entre o Apple Watch e o iPhone;
• O WatchKit app é uma extensão de um aplicativo com conexão ao Apple Watch, onde fica armazenado dentro do app instalado no dispositivo;
![Page 21: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/21.jpg)
WatchKit
• O “Watchkit app” é apenas um receptor e visualizador de dados do seu app. Ele é o “rosto” do seu app;
• O “WatchKit extension” funciona dentro do app no seu iPhone;
• O “WatchKit extension” coordena a execução de tarefas, junto ao seu app, para transmitir informações ao seu Apple Watch
![Page 22: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/22.jpg)
Criando seu primeiro WatchKit app
![Page 23: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/23.jpg)
Configurando seu projeto
1. Crie um novo projeto;
2. Clique em File > Target > Selecione WatchKit Extension;
3. Marque as opções:
• “Include notifications scene”
• “Include Glance Scene”
![Page 24: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/24.jpg)
Estrutura do projeto
App iOS
WatchKit Extension
WatchKit App
![Page 25: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/25.jpg)
Storyboard WatchKit App
![Page 26: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/26.jpg)
Criando uma tabela
![Page 27: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/27.jpg)
Célula customizada1. Insira uma nova interface controller, em
seu storyboard, apenas arrastando e soltando;
2. Arraste e solte o componente “table” dentro do interface controller criado, após isso coloque outros componentes;
3. Referencie seu controlador criado a uma classe WKInterfaceController, acessando o “Utilities”;
4. Faça o mesmo para a “custom row”, onde a nova classe terá uma extensão como NSObject;
5. Instancie os “IBoutlet’s” a sua classe NSObject criada;
![Page 28: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/28.jpg)
Utilizando a navegação “push”
• Podem ser utilizada a navegação “push” para a passagem de referências entre “WKInterfaceController’s “;
• O “context” destina-se a referência que você queira utilizar;
![Page 29: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/29.jpg)
“Populando” a tabela
Populando a tabela
![Page 30: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/30.jpg)
“Populando” a tabela
Populando a tabela
![Page 31: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/31.jpg)
Enviando notificações
![Page 32: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/32.jpg)
Recebendo notificações
Payload do Push notification
![Page 33: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/33.jpg)
Selecionando esquema
O esquema “notification” deve estar selecionado
![Page 34: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/34.jpg)
Exibindo a notificação
A ação da notificação é executada com o InterfaceController
![Page 35: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/35.jpg)
Exibindo a notificação
![Page 36: Introdução ao apple watch](https://reader031.vdocuments.mx/reader031/viewer/2022032620/55c73575bb61eb9c3f8b463d/html5/thumbnails/36.jpg)
Até a próxima : -)