SlideShare ist ein Scribd-Unternehmen logo
1 von 41
Downloaden Sie, um offline zu lesen
Android: na sua sala e no seu 
pulso. 
Android Wear e Chromecast
Silas Monteiro Limeira 
● 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;
Ricardo Cavalcante 
● Programador; 
● Entusiasta Open Source; 
● Organizer GDG;
Chromecast
Chromecast 
❏ Dispositivo de Streaming de Mídia; 
❏ Espelhamento de tela; 
❏ Transforma qualquer aparelho com entrada 
HDMI em uma SmartTV e "muito mais";
Sender 
Receiver
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.
Chromecast 
Let's to code!
Chromecast 
Saiba Mais: 
http://www.google.com/cast/ 
Devs: 
https://developers.google.com/cast/
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 or 
via 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 Buttons 
2. Action Countdown / 
Confirmation 
3. Continuing Activities 
on Phone 
4. Actions on Cards 
1 2 
3 4
Design Principles 
Keep 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 !
Android Wear 
Let's to code!
http://gdgjp.org.br/

Weitere ähnliche Inhalte

Ähnlich wie Android na sua sala e no seu pulso.

2017 08-11 - Androidos V - Minicurso - Introdução ao android
2017 08-11 - Androidos V - Minicurso - Introdução ao android2017 08-11 - Androidos V - Minicurso - Introdução ao android
2017 08-11 - Androidos V - Minicurso - Introdução ao androidMessias Batista
 
Curso de android
Curso de androidCurso de android
Curso de androidflaviokreis
 
Desenvolvimento Moderno de Aplicações Android 2023
Desenvolvimento Moderno de Aplicações Android 2023Desenvolvimento Moderno de Aplicações Android 2023
Desenvolvimento Moderno de Aplicações Android 2023Nelson Glauber Leal
 
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...Diogo Rafael da Silva
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidRafael Sakurai
 
Android Wear DevFest Sudeste 2015
Android Wear DevFest Sudeste 2015Android Wear DevFest Sudeste 2015
Android Wear DevFest Sudeste 2015Nelson Glauber Leal
 
Android Lollipop e Android Wear
Android Lollipop e Android WearAndroid Lollipop e Android Wear
Android Lollipop e Android WearSilas Limeira
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIury Lira
 
Novas Funcionalidades do Android 12 para Aplicações Móveis
Novas Funcionalidades do Android 12 para Aplicações MóveisNovas Funcionalidades do Android 12 para Aplicações Móveis
Novas Funcionalidades do Android 12 para Aplicações MóveisRamon Mota
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveisYgor Castro
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para AndroidClaudio Pereira
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android NooclixIury Teixeira
 
Clean Code/Architecture com Android e Flutter
Clean Code/Architecture com Android e FlutterClean Code/Architecture com Android e Flutter
Clean Code/Architecture com Android e FlutterRicardo Ogliari
 
Palestra: Desenvolvendo apps Android
Palestra: Desenvolvendo apps AndroidPalestra: Desenvolvendo apps Android
Palestra: Desenvolvendo apps AndroidJanynne Gomes
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapMayron Cachina
 

Ähnlich wie Android na sua sala e no seu pulso. (20)

Aandroid Wear
Aandroid WearAandroid Wear
Aandroid Wear
 
2017 08-11 - Androidos V - Minicurso - Introdução ao android
2017 08-11 - Androidos V - Minicurso - Introdução ao android2017 08-11 - Androidos V - Minicurso - Introdução ao android
2017 08-11 - Androidos V - Minicurso - Introdução ao android
 
Apresentação android
Apresentação androidApresentação android
Apresentação android
 
Curso de android
Curso de androidCurso de android
Curso de android
 
Desenvolvimento Moderno de Aplicações Android 2023
Desenvolvimento Moderno de Aplicações Android 2023Desenvolvimento Moderno de Aplicações Android 2023
Desenvolvimento Moderno de Aplicações Android 2023
 
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...Programação para dispositivos Móveis - Criação de aplicativos  - Android Aula...
Programação para dispositivos Móveis - Criação de aplicativos - Android Aula...
 
Study jam - dia 1
Study jam  - dia 1Study jam  - dia 1
Study jam - dia 1
 
Phonegap
PhonegapPhonegap
Phonegap
 
Apresentação Google Android
Apresentação Google AndroidApresentação Google Android
Apresentação Google Android
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao Android
 
Android Wear DevFest Sudeste 2015
Android Wear DevFest Sudeste 2015Android Wear DevFest Sudeste 2015
Android Wear DevFest Sudeste 2015
 
Android Lollipop e Android Wear
Android Lollipop e Android WearAndroid Lollipop e Android Wear
Android Lollipop e Android Wear
 
Introdução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento MóvelIntrodução ao Desenvolvimento Móvel
Introdução ao Desenvolvimento Móvel
 
Novas Funcionalidades do Android 12 para Aplicações Móveis
Novas Funcionalidades do Android 12 para Aplicações MóveisNovas Funcionalidades do Android 12 para Aplicações Móveis
Novas Funcionalidades do Android 12 para Aplicações Móveis
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
 
Desenvolvendo para Android
Desenvolvendo para AndroidDesenvolvendo para Android
Desenvolvendo para Android
 
Treinamento Android Nooclix
Treinamento Android NooclixTreinamento Android Nooclix
Treinamento Android Nooclix
 
Clean Code/Architecture com Android e Flutter
Clean Code/Architecture com Android e FlutterClean Code/Architecture com Android e Flutter
Clean Code/Architecture com Android e Flutter
 
Palestra: Desenvolvendo apps Android
Palestra: Desenvolvendo apps AndroidPalestra: Desenvolvendo apps Android
Palestra: Desenvolvendo apps Android
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 

Kürzlich hochgeladen

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuisKitota
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfSamaraLunas
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 

Kürzlich hochgeladen (8)

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 

Android na sua sala e no seu pulso.

  • 1. Android: na sua sala e no seu pulso. Android Wear e Chromecast
  • 2. Silas Monteiro Limeira ● 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;
  • 3. Ricardo Cavalcante ● Programador; ● Entusiasta Open Source; ● Organizer GDG;
  • 5. Chromecast ❏ Dispositivo de Streaming de Mídia; ❏ Espelhamento de tela; ❏ Transforma qualquer aparelho com entrada HDMI em uma SmartTV e "muito mais";
  • 7. 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;
  • 8. 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.
  • 9. 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.
  • 11. Chromecast Saiba Mais: http://www.google.com/cast/ Devs: https://developers.google.com/cast/
  • 12.
  • 14. O Android Wear é o sistema do Google para dispositivos vestíveis, como relógios inteligentes. Confira a seguir algumas imagens do novo sistema.
  • 15. Notificações no pulso: Mensagens do Hangouts poderão ser vistas sem precisar do smartphone.
  • 16. O sistema terá compatibilidade com dispositivos com Android 4.3 Jelly Bean ou superior.
  • 17. O relógio dá alertas da agenda, como um lembrete de viagem.
  • 18. Por meio de um acelerômetro, os relógios com Android Wear podem monitorar passos.
  • 19. Será possível realizar tarefas no seu smartphone dando comandos de voz ao seu relógio.
  • 20. Peça comida a partir do seu relógio.
  • 21. Responda ligações perdidas de forma simples e rápida.
  • 22. 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.
  • 23. Google Now mais perto de você!
  • 24. Lembre-se Android Wear foi feito para micro-interações.
  • 27. 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
  • 28. Wear Apps - Demand Pattern ❏ User can invoke an application ❏ The Cue Cards are invoked by tapping on the Home Screen or via voice “OK Google” ❏ Applications are registered for the intent and they accomplish the task
  • 29. 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)
  • 31. Dismissing CARD ● Swipe Left to Right ● State Synced between Android Wear and Phone/Tablet
  • 32. ACTIONS 1. Action Buttons 2. Action Countdown / Confirmation 3. Continuing Activities on Phone 4. Actions on Cards 1 2 3 4
  • 33. Design Principles Keep 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
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. Developer Tools ● Java + Android Development ● Android Wear SDK ● Android Studio 0.8.1 (Recommended) ● You can use Eclipse + ADT Plugin too !
  • 39. Android Wear Let's to code!
  • 40.