Upload
silas-limeira
View
170
Download
1
Embed Size (px)
DESCRIPTION
Apresentação minha e do Ricardo Cavalcante representando o GDG João Pessoa no DevFest Nordeste sobre Chromecast e Android Wear.
Citation preview
Android: na sua sala e no seu pulso.
Android Wear e Chromecast
● Engenharia da Computação;● Entusiasta Tecnológico;● Organizer GDG;● Prêmios:
○ Space Apps Challenge NASA 2013;○ Chrome Apps Challenge GDG-SP;○ Startup Jam World 2013;
Silas Monteiro Limeira
● Programador;● Entusiasta Open Source;● Organizer GDG;
Ricardo Cavalcante
Chromecast
❏ Dispositivo de Streaming de Mídia;❏ Espelhamento de tela;❏ Transforma qualquer aparelho com entrada
HDMI em uma SmartTV e "muito mais";
Chromecast
SenderReceiver
Sender Interface❏ O remetente interage com ações e as informações de estado do
receptor displays;❏ Portrait (retrato) é a orientação preferencial quando Moldagem
de um aplicativo móvel remetente;❏ Pense em velocidade. Os usuários precisam ser capazes de
localizar rapidamente o Cast Control;
Receiver Interface❏ O receptor não deve ter quaisquer elementos interativos;❏ Lembre-se que a ação está acontecendo no meio da tela da TV,
e os seus elementos de interface do usuário não deve interferir com a apresentação;
❏ A interface do usuário deve usar a transparência. A experiência não deve se sentir como uma interface de computador;
❏ Quando possível, as transições de estado uma tela para outra deve ser suave e sentir cinematográfica.
Setup❏ Instalar o aplicativo do Chromecast no seu smartphone ou no seu PC:
❏ Play Store: goo.gl/gtx70j;❏ PC: https://cast.google.com/chromecast/setup/
❏ Configurar o Chromecast Device pelos aplicativos;❏ Reveja os princípios de Design;❏ Baixar as bibliotecas: developers.google.com/cast/docs/downloads ;❏ Registre sua Aplicação:
❏ https://developers.google.com/cast/docs/registration ❏ Desenvolva.
Let's to code!
Chromecast
Chromecast
https://developers.google.com/cast/
http://www.google.com/cast/
Saiba Mais:
Devs:
Android Wear
O Android Wear é o sistema do Google para dispositivos vestíveis, como relógios inteligentes. Confira a seguir algumas imagens do novo sistema.
Notificações no pulso: Mensagens do Hangouts poderão ser vistas sem precisar do smartphone.
O sistema terá compatibilidade com dispositivos com Android 4.3 Jelly Bean ou superior.
O relógio dá alertas da agenda, como um lembrete de
viagem.
Por meio de um acelerômetro, os relógios com Android Wear podem monitorar passos.
Será possível realizar tarefas no seu smartphone
dando comandos de voz ao seu relógio.
Peça comida a partir do seu relógio.
Responda ligações perdidas de forma simples e rápida.
Na hora de cozinha, o Android Wear dá uma mão: ele exibe a receita para que você não precise ficar com o smartphone ou tablet em cima da pia ou do fogão.
Google Now mais perto de você!
Lembre-se
Android Wear foi feito para micro-
interações.
Ideias?
http://developer.android.com/design/downloads
Wear Apps - Suggest Pattern
❏ Useful and Timely Information is pushed to the Wear Device
❏ Vertical List of Cards❏ Your application pushes this information e.g. Flight
Status, Stock Price, Chat, SMS, etc❏ User glances at them, reads the information and then
dismisses the cards or takes some action
Wear Apps - Demand Pattern
❏ User can invoke an application❏ The Cue Cards are invoked by
tapping on the Home Screen orvia voice “OK Google”
❏ Applications are registered for the intent and they accomplish the task
CARD
❏ Key Building Block is called a Card❏ Card = Useful + Timely Content❏ One Card Displayed at a Time❏ An Application can push a Card to your Watch (Suggest)❏ User can Demand information via Voice or Cues❏ Cards can be dismissed (Swipe)❏ Cards can be stacked (Tap)❏ Cards can lead to Actions (More Cards)
CARD Layout
Dismissing CARD
● Swipe Left to Right● State Synced between Android Wear and Phone/Tablet
ACTIONS
1. Action Buttons2. Action Countdown /
Confirmation3. Continuing Activities
on Phone4. Actions on Cards
1 2
3 4
Design PrinciplesKeep in the mind the following:● Focus on not stopping the user● Think about stream first● Design for big gestures● Do one thing really fast● Design for corner of the eye● Don’t be a constant shoulder tapper
Developer Tools
● Java + Android Development● Android Wear SDK
● Android Studio 0.8.1 (Recommended)● You can use Eclipse + ADT Plugin too !
Let's to code!
Android Wear
http://gdgjp.org.br/