Slides da minha apresentação sobre Android Wear realizada no DevFest Sudeste 2015.

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

4. UI baseada em um
stream de cards

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

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

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

8. Lançadas
automaticamente Glanceable
Princípios de UI
Micro-interações

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

10. Desenvolvendo para Android Wear

11. Android Wear
Device
O que precisamos?
Android Studio

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

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

15. Android Wear App

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

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

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

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

20. Notificações simples

21. Notificações com ação

22. 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.

23. Notificações empilhadas

24. Notificações com páginas

25. 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.

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

27. Respondendo com voz

28. 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

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

30. Aplicações Wear
MinhaApp
MobileAPK WearAPK

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

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

33. Tela Quadrada ou Redonda?

34. Tela Quadrada ou Redonda?

35. BoxInsetLayout

36. <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

37. WearableListView
WearableListView
WearableListView.ClickListener
WearableListView.Adapter
CircledImageView

38. GridViewPager
GridViewPager
GridPagerAdapter
FragmentGridPagerAdapter
CardFragment
CardFrame

39. 2D Picker

40. Estrutura de um app wear
2D Picker

41. DelayedConfirmationView

42. <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) {
}
});

43. 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);

44. My app always-on!!!

45. public class MainWearActivity extends WearableActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_wear);
setAmbientEnabled();
...
}
@Override
public void onEnterAmbient(Bundle ambientDetails) {
super.onEnterAmbient(ambientDetails);
}
@Override
public void onExitAmbient() {
super.onExitAmbient();
@Override
public void onUpdateAmbient() {
super.onUpdateAmbient();
}
}

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

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

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

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

50. Node API
Message API
Data API
Channel API

51. 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

52. 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();
}
});

53. 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

54. 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");
}
}
}
}
});

55. 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>

57. Channel API

58. Maps!!!

59. WatchFaces

60. 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

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

62. • Android Wear for iOS is
available for iPhone 5
and later.
• Watches that support
iOS include:
✓ ASUS ZenWatch 2
✓ Huawei Watch
✓ LG Watch Urbane
✓ Moto 360 (2nd Gen)
✓ Moto 360 for Women
✓ Moto 360 Sport.

63. Dúvidas?

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

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