Slides da apresentação sobre Android Wear durante o evento Androidos 2015 em João Pessoa - PB.

1. Ok, Google. O que é
+Nelson Glauber
@nglauber
nglauber.blogspot.com
Android Wear?

2. Nelson Glauber
Engenheiro de Sistemas do C.E.S.A.R.
Professor da Unibratec
Google Developer Expert
@nglauber
+NelsonGlauber
www.nglauber.com.br

3. Conhecendo o Android Wear

6. 125 vezes ao dia em média!!!
Vida real
Pega o telefone
Devagando no telefone
Mais tempo para interagir com as pessoas à sua volta
Serve para que?

7. Android Wear estende a
plataforma Android para uma
nova geração de dispositivos,
com uma usabilidade
desenhada especificamente
para os wearables.

8. UI baseada em um
stream de cards

9. Clima Trânsito Lembretes Vôos
Batimentos
Cardíacos
Atender/rejeitar
ligações
Busca por
voz

10. Navegação Música
Navegação
sem mobile
Música sem
mobile
Lembretes
Voice
memos

11. UX para wear
NÃO é UX para
um (mini)
smartphone
http://minuum.com/typing-on-android-wear/

12. Lançadas
automaticamente
Glanceable
Princípios de UI
Sugestão e
demanda
Micro-interações

13. Princípios de UI
Não interrompa o usuário… Crie grandes áreas de toque
Não seja um
“shoulder tapper"

14. Comandos de voz

15. Desenvolvendo para Android Wear

16. Android Wear
Device
O que precisamos?
Android Studio

17. Escolha seu modelo
LG
G Watch R
Motorola
Moto 360
LG Watch
Urban Silver

18. Escolha seu modelo
Asus
ZenWatch
LG G Watch
Samsung
Gear Live
Sony
SmartWatch 3

19. O que precisamos?

20. Android Wear App

21. adb -d forward tcp:5601 tcp:5601

22. Depuração USB ou Bluetooth
adb forward tcp:4444 localabstract:/adb-hub; adb connect localhost:4444

23. Estrutura de um app wear
Notificações simples
Notificações contextuais

24. Estrutura de um app wear
2D Picker

25. Estrutura de um app wear
2D Picker

26. Estrutura de um app wear
1. Exibe um card 2. Clica na ação do
card
3. Exibe activity em
full-screen
4. Quando a
activity terminar,
volta ao fluxo de
cards

27. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

28. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

29. Notificações simples

30. Notificações com ação

31. Notificações com ação
✓ Se quiser a ação no mobile e no wearable,
use a classe NotificationCompat.Action.
✓ Se quiser a ação apenas no wearable use o
método addAction(Action) da classe
NotificationCompat.WearableExtender.

33. Notificações empilhadas

34. Notificações com páginas

35. Detalhes sobre notificações…
✓ Notificações disparadas pelo mobile, são
exibidas no mobile e no wear, mas são
executadas no mobile.
✓ Notificações disparadas pelo wear, só são
exibidas e executadas no wear.
✓ Você pode exibir notificações apenas no
mobile ou apenas no wear.

36. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

37. Respondendo com voz

38. Comandos de voz
Call me a car/taxi Take a note
Set alarm for 8 AM Set timer for 10 minutes
Start/stop bike Start/stop a run
Start/stop workout Show heart rate
Show step count App Name :)
https://developer.android.com/training/wearables/apps/voice.html

39. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

40. Aplicações Wear
MinhaApp
MobileAPK WearAPK

41. Dependências
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
wearApp project(':wear')
compile 'com.android.support:appcompat-v7:21.0.2'
compile 'com.google.android.gms:play-services-wearable:+'
}
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.google.android.support:wearable:1.1.0'
compile 'com.google.android.gms:play-services-wearable:+'
}

42. WatchViewStub
BoxInsetLayout
WearableListView
CircledImageView
GridViewPager
GridPagerAdapter
FragmentGridPagerAdapter
CardFragment
DelayedConfirmationView
ConfirmationActivity
DismissOverlayView
Componentes
android.support.wearable.view

43. Tela Quadrada ou Redonda?

44. Tela Quadrada ou Redonda?

45. BoxInsetLayout

46. <android.support.wearable.view.WatchViewStub
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/watch_view_stub"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:rectLayout="@layout/rect_activity_main_wear"
app:roundLayout="@layout/round_activity_main_wear">
</android.support.wearable.view.WatchViewStub>
res/layout/rect_activity_main_wear.xml
res/layout/round_activity_main_wear.xml

47. WearableListView
WearableListView
WearableListView.ClickListener
WearableListView.Adapter
CircledImageView

48. GridViewPager
GridViewPager
GridPagerAdapter
FragmentGridPagerAdapter
CardFragment
CardFrame

49. DelayedConfirmationView

50. DelayedConfirmationView
<android.support.wearable.view.DelayedConfirmationView
android:id="@+id/delayed_confirm"
android:layout_width="40dp"
android:layout_height="40dp"
android:src="@drawable/cancel_circle"
app:circle_border_color="@color/lightblue"
app:circle_border_width="4dp"
app:circle_radius=“16dp"/>
DelayedConfirmationView mDelayedView =
(DelayedConfirmationView) findViewById(R.id.delayed_confirm);
mDelayedView.setListener(
new DelayedConfirmationView.DelayedConfirmationListener(){
@Override
public void onTimerFinished(View view) {
}
@Override
public void onTimerSelected(View view) {
}
});

51. ConfirmationActivity
Intent intent = new Intent(context, ConfirmationActivity.class);
intent.putExtra(ConfirmationActivity.EXTRA_ANIMATION_TYPE,
ConfirmationActivity.SUCCESS_ANIMATION);
intent.putExtra(ConfirmationActivity.EXTRA_MESSAGE,
getString(R.string.msg_sent));
context.startActivity(intent);

52. DismissOverlayView
<style name="AppTheme" parent="Theme.DeviceDefault">
<item name="android:windowSwipeToDismiss">false</item>
</style>

53. Notificações
Sincronizadas
Comandos
de Voz
Aplicações
Wear
Envio e sincronização
de dados
APIs

54. Comunicação Mobile/Wear
MinhaApp
MobileAPK WearAPK

55. Google Play Services
GoogleApiClient googleApiClient =
new GoogleApiClient.Builder(context)
.addApi(Wearable.API)
.addConnectionCallbacks(cc)
.addOnConnectionFailedListener(cfl)
.build();
compile ‘com.google.android.gms:play-services:7.3.0’
<meta-data
android:name="com.google.android.gms.version"
android:value="@integer/google_play_services_version" />

56. Node API
Message API
Data API
Channel API

57. Wearable.NodeApi.getConnectedNodes(mGoogleApiClient).setResultCallback(
new ResultCallback<NodeApi.GetConnectedNodesResult>() {
@Override
public void onResult(NodeApi.GetConnectedNodesResult result) {
Node node = result.getNodes().get(0);
}
});
Wearable.NodeApi.addListener(
mGoogleApiClient, new NodeApi.NodeListener() {
@Override
public void onPeerConnected(Node node) {
}
@Override
public void onPeerDisconnected(Node node) {
}
});
Node API

58. Wearable.MessageApi.sendMessage(mGoogleApiClient,
node.getId(), "/mensagens", new byte[]{ 1, 2, 3 } );
Message API
Wearable.MessageApi.addListener(mGoogleApiClient,
new MessageApi.MessageListener() {
@Override
public void onMessageReceived(MessageEvent messageEvent) {
String remetente = messageEvent.getSourceNodeId();
String caminho = messageEvent.getPath();
byte[] dados = messageEvent.getData();
}
});

59. PutDataMapRequest putDataMapRequest =
PutDataMapRequest.create("/dados");
DataMap dataMap = putDataMapRequest.getDataMap();
dataMap.putInt("numero", 1);
dataMap.putString("nome", "Glauber");
Wearable.DataApi.putDataItem(
mGoogleApiClient,
putDataMapRequest.asPutDataRequest());
Data API

60. Wearable.DataApi.addListener(mGoogleApiClient,
new DataApi.DataListener() {
@Override
public void onDataChanged(DataEventBuffer dataEvents) {
for (DataEvent dataEvent : dataEvents){
if (dataEvent.getType() == DataEvent.TYPE_CHANGED){
DataMapItem dataMapItem =
DataMapItem.fromDataItem(dataEvent.getDataItem());
Uri uri = dataMapItem.getUri();
if (uri.getPath().equals("/dados")) {
DataMap dataMap = dataMapItem.getDataMap();
int numero = dataMap.getInt("numero");
String nome = dataMap.getString("nome");
}
}
}
}
});
Data API

61. WearableListenerService
extends Service
implements
NodeApi.NodeListener,
MessageApi.MessageListener,
DataApi.DataListener
Node API
Message API
Data API
<service android:name=“br.com.nglauber.nextlevelapps.MeuService”>
<intent-filter>
<action
android:name="com.google.android.gms.wearable.BIND_LISTENER"/>
</intent-filter>
</service>

63. Permite conectar múltiplos devices!!!
Streamming e Envio de arquivos!!!
7.3

64. Channel API

65. WatchFaces

66. Funcionar em telas redondas e quadradas
Pense no modo interativo e ambiente
Use preto e branco para telas
OLED em modo ambiente e
mantenha 95% dos pixels pretos

67. Acomode bem os
elementos do sistema
Adicione configurações ao
aplicativo do Android Wear

68. http://lifehacker.ru/2014/10/29/google-fit-dlya-android-prevrashhaem-smartfon-v-fitness-treker/

69. Informações diárias:
Quantidade de passos.
Quantas calorias
consumidas.
Atividade física.
https://developers.google.com/fit/android/get-started

70. Dúvidas?

71. http://developer.android.com/training/building-wearables.html

73. Nelson Glauber
Engenheiro de Sistemas do C.E.S.A.R.
Professor da Unibratec
Google Developer Expert
@nglauber
+NelsonGlauber
www.nglauber.com.br