Developing for Android Wear

Brief look at the Android Wear Development

Transcript

1. Developing for Android Wear Can Elmas
2. @can_elmas Software Development Manager at Monitise MEA (formerly Pozitron) Backend and front-end roles in mobile projects since 2007 Currently leading Monitise MEA Android team
3. 2014 - 2015, exciting years for wearable tech Android Wear, Apple Watch, Nike FuelBand, Pebble, Jawbone, Fitbit and more Over 720,000 Android Wear devices shipped in 2014 957,000 Apple Watches on the first day of pre-sales More than 1 million Pebble sold since 2013 Big players; Motorola, LG, Samsung, Sony, Asus, Tag Heuer 1201 android-wear tagged questions on StackOverflow; 517 for apple-watch* * data gathered on May the 9th Numbers
4. The market is still young
6. 4GB storage, 512 MB RAM Heart-rate monitor, Accelerometer built-in GPS Sensor only on Sony SmartWach 3 Gyroscope and Barometer on LG Watch Urbane below 60 grams between 199$ - 350$ Battery Life vary between 1 day to 1.5 day Specs
7. What You Can Do Get / Set reminders Track fitness Voice Search Start navigation See weather Control remote media Stay connected!
8. Call a car/taxi Take a note Set alarm Set timer Start stopwatch Start/Stop a bike ride Show heart rate Show step count Voice Commands
9. Voice Commands Declare your own app-provided voice actions to start activities “OK Google, start Lovely App” 
 <activity
 android:name=".MainActivity"
 android:label="Lovely App" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>

10. ≠
11. Do not port a small version of your handheld app
12. The Vision Suggest Demand Context Stream Cue Card
13. The Vision Launched Automatically
14. The Vision Glanceable
15. The Vision Suggest and Demand
16. The Vision Zero or low interaction
17. Design Principles Do not stop user from cooking, eating, walking, running Design for big gestures Think about stream cards first i.e. notifications-instead-of-apps model Do one thing, really fast
18. Google Play Services
19. No Play Store
23. Contextual Notifications Custom App Developing for Android Wear
24. Notifications
25. Notifications No additional effort required
26. Notifications No additional effort required however..
27. Extending Notifications with Wearable Functionality For a better user experience Wearable Only Actions Voice Capabilities Extra Pages
28. Android 4.3 (API Level 18) or higher Android v4 support library (or v13, which includes v4) 400x400 for non-scrolling and 640x400 for parallax scrolling background images in res/drawable-nodpi Other non-bitmap resources in res/drawable-hdpi 
 import android.support.v4.app.NotificationCompat;
 import android.support.v4.app.NotificationManagerCompat;
 import android.support.v4.app.NotificationCompat.WearableExtender;

29. Notifications final int notificationId = 1;
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text");
 NotificationManagerCompat.from(context).notify(notificationId, builder.build());

30. Notifications final int notificationId = 1;
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text");
 NotificationManagerCompat.from(context).notify(notificationId, builder.build());

31. Notifications final int notificationId = 1;
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text");
 NotificationManagerCompat.from(context).notify(notificationId, builder.build());

32. Notifications final int notificationId = 1;
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text");
 NotificationManagerCompat.from(context).notify(notificationId, builder.build());

33. final int notificationId = 1;
 
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text")
 .setContentIntent(browserPendingIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.ic_notif_large
 ));
 
 NotificationManagerCompat.from(context).notify(notificationId, builder.build()); Notifications
34. final int notificationId = 1;
 
 final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Hello Wearable!")
 .setContentText("Sample text")
 .setContentIntent(browserPendingIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.ic_notif_large
 ));
 
 NotificationManagerCompat.from(context).notify(notificationId, builder.build()); Notifications
35. Extending Notifications : Actions final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("HoverBoard is on sale!")
 .setContentText("Check it out!")
 .setContentIntent(itemDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_hoverboard2
 ));
 
 // Handheld only actions
 builder.addAction(R.drawable.ic_add_to_cart, "Add to Cart", addToCartIntent(context));
 
 // Wearable-only actions
 final NotificationCompat.WearableExtender wearableExtender = new NotificationCompat.WearableExtender();
 
 wearableExtender.addAction(
 new NotificationCompat.Action(
 R.drawable.ic_navigation, 
 "Start Navigation", 
 navigationIntent(context))
 );
 
 builder.extend(wearableExtender);
36. Extending Notifications : Actions final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("HoverBoard is on sale!")
 .setContentText("Check it out!")
 .setContentIntent(itemDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_hoverboard2
 ));
 
 // Handheld only actions
 builder.addAction(R.drawable.ic_add_to_cart, "Add to Cart", addToCartIntent(context));
 
 // Wearable-only actions
 final NotificationCompat.WearableExtender wearableExtender = new NotificationCompat.WearableExtender();
 
 wearableExtender.addAction(
 new NotificationCompat.Action(
 R.drawable.ic_navigation, 
 "Start Navigation", 
 navigationIntent(context))
 );
 
 builder.extend(wearableExtender);
37. Extending Notifications : Actions final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("HoverBoard is on sale!")
 .setContentText("Check it out!")
 .setContentIntent(itemDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_hoverboard2
 ));
 
 // Handheld only actions
 builder.addAction(R.drawable.ic_add_to_cart, "Add to Cart", addToCartIntent(context));
 
 // Wearable-only actions
 final NotificationCompat.WearableExtender wearableExtender = new NotificationCompat.WearableExtender();
 
 wearableExtender.addAction(
 new NotificationCompat.Action(
 R.drawable.ic_navigation,
 “Nearest Shop",
 navigationIntent(context))
 );
 
 builder.extend(wearableExtender);
38. Extending Notifications : Actions final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("HoverBoard is on sale!")
 .setContentText("Check it out!")
 .setContentIntent(itemDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_hoverboard2
 ));
 
 // Handheld only actions
 builder.addAction(R.drawable.ic_add_to_cart, "Add to Cart", addToCartIntent(context));
 
 // Wearable-only actions
 final NotificationCompat.WearableExtender wearableExtender = new NotificationCompat.WearableExtender();
 
 wearableExtender.addAction(
 new NotificationCompat.Action(
 R.drawable.ic_navigation,
 "Start Navigation",
 navigationIntent(context))
 );
 
 builder.extend(wearableExtender);
39. Extending Notifications : Voice Capabilities public static final String EXTRA_VOICE_REPLY = "extra_voice_reply";
 
 final RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY)
 .setLabel("Rate the session")
 .build();
40. public static final String EXTRA_VOICE_REPLY = "extra_voice_reply";
 
 final RemoteInput remoteInput = new RemoteInput.Builder(EXTRA_VOICE_REPLY)
 .setLabel("Rate the session")
 .setChoices(context.getResources().getStringArray(R.array.reply_choices))
 .build(); <string-array name="reply_choices">
 <item>It was alright</item>
 <item>Not so useful</item>
 </string-array> Extending Notifications : Voice Capabilities
41. ... final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Was the session helpful?")
 .setContentIntent(openSessionDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_gdg
 ));
 
 builder.extend(
 new NotificationCompat.WearableExtender()
 .addAction(
 new NotificationCompat.Action.Builder(
 R.drawable.abc_ic_voice_search_api_mtrl_alpha,
 "Reply",
 openSessionDetailsIntent(context)
 ).addRemoteInput(remoteInput).build()
 ) ); ... Extending Notifications : Voice Capabilities
42. ... final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Was the session helpful?")
 .setContentIntent(openSessionDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_gdg
 ));
 
 builder.extend(
 new NotificationCompat.WearableExtender()
 .addAction(
 new NotificationCompat.Action.Builder(
 R.drawable.abc_ic_voice_search_api_mtrl_alpha,
 "Reply",
 openSessionDetailsIntent(context)
 ).addRemoteInput(remoteInput).build()
 ) ); ... Extending Notifications : Voice Capabilities
43. ... final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Was the session helpful?")
 .setContentIntent(openSessionDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_gdg
 ));
 
 builder.extend(
 new NotificationCompat.WearableExtender()
 .addAction(
 new NotificationCompat.Action.Builder(
 R.drawable.abc_ic_voice_search_api_mtrl_alpha,
 "Reply",
 openSessionDetailsIntent(context)
 ).addRemoteInput(remoteInput).build()
 ) ); ... Extending Notifications : Voice Capabilities
44. … final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("Was the session helpful?")
 .setContentIntent(openSessionDetailsIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_gdg
 ));
 
 builder.extend(
 new NotificationCompat.WearableExtender()
 .addAction(
 new NotificationCompat.Action.Builder(
 R.drawable.abc_ic_voice_search_api_mtrl_alpha,
 "Reply",
 openSessionDetailsIntent(context)
 ).addRemoteInput(remoteInput).build()
 )
 ); …. Extending Notifications : Voice Capabilities
45. Extending Notifications : Pages More information without requiring user to open the app on the handheld final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("New Pancake Recipe!")
 .setContentText("Start making now!")
 .setContentIntent(openRecipeIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes1
 ));
46. Extending Notifications : Pages final Notification secondPage = new NotificationCompat.Builder(context)
 .setContentTitle("Step 1")
 .setContentText(RECIPE_STEP_1)
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes2
 )).build();
 
 final Notification thirdPage = new NotificationCompat.Builder(context)
 .setContentTitle("Step 2")
 .setContentText(RECIPE_STEP_2)
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes3
 )).build(); builder.extend(
 new NotificationCompat.WearableExtender()
 .addPage(secondPage)
 .addPage(thirdPage)
 ).build();
47. Extending Notifications : Pages final Notification secondPage = new NotificationCompat.Builder(context)
 .setContentTitle("Step 1")
 .setContentText(RECIPE_STEP_1)
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes2
 )).build();
 
 final Notification thirdPage = new NotificationCompat.Builder(context)
 .setContentTitle("Step 2")
 .setContentText(RECIPE_STEP_2)
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes3
 )).build();
 
 builder.extend(
 new NotificationCompat.WearableExtender()
 .addPage(secondPage)
 .addPage(thirdPage)
 ).build();
48. Extending Notifications : Pages builder.extend(
 new NotificationCompat.WearableExtender()
 .addPage(secondPage)
 .addPage(thirdPage)
 ).build(); final NotificationCompat.Builder builder = new NotificationCompat.Builder(context)
 .setSmallIcon(R.drawable.ic_notif)
 .setContentTitle("New Pancake Recipe!")
 .setContentText("Start making now!")
 .setContentIntent(openRecipeIntent(context))
 .setLargeIcon(BitmapFactory.decodeResource(
 context.getResources(),
 R.drawable.bg_pancakes1
 )); . // second page ... ... . // third page ...
49. Sometimes notifications are not enough
50. not possible with notifications
51. Custom Wearable Apps Run directly on the device Fundamentally same as apps built for handheld but differ greatly in design and usability Basically activities with custom layouts Access to sensors and GPU Small in size and functionality
52. Custom Wearable Apps Different code base, no shared resources, different applications Custom notifications issued on the wearable are not synced with handheld When the device goes to sleep, activity gets destroyed No back or home button to exit the app Swiping from the left edge or Long press on the app
53. Custom Wearable Apps : Unsupported APIs android.webkit android.print android.app.backup android.appwidget android.hardware.usb
54. 
 dependencies {
 ...
 compile 'com.google.android.support:wearable:1.1.0'
 compile 'com.google.android.gms:play-services-wearable:7.3.0'
 }
 SDK tools 23.0.0 or higher API 20 or higher Enable Debug over Bluetooth on both Wearable and Handheld (Android Wear companion app) adb forward tcp:4444 localabstract:/adb-hub adb connect localhost:4444
55. Custom Wearable Apps : Wearable UI Library BoxInsetLayout CardFragment CircledImageView CrossFadeDrawable DelayedConfirmationView DismissOverlayView DotsPageIndicator GridViewPager GridPagerAdapter FragmentGridPagerAdapter WatchViewStub WearableListView
56. Custom Wearable Apps : Wearable UI Library CardFragment BoxInsetLayout
57. Custom Wearable Apps : Wearable UI Library GridViewPager WearableListView
58. Sending and Syncing Data Message API Data API Node API to sync data across all Wear devices great for one way communication “fire&forget” to learn about local or connected Nodes
59. Sending and Syncing Data Channel API send large data or stream data between two or more devices
60. Sending and Syncing Data Channel API send large data or stream data between two or more devices
61. Sending and Syncing Data Capability API to learn about capabilities provided by nodes on the Wear network
62. Sending and Syncing Data : Handheld googleApiClient = new GoogleApiClient.Builder(this)
 .addConnectionCallbacks(this)
 .addOnConnectionFailedListener(this)
 .addApi(Wearable.API)
 .build();
63. @Override
 public void onConnected(Bundle bundle) { sendFlightInfo();
 }
 
 @Override
 public void onConnectionSuspended(int cause) {
 ...
 }
 
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 ...
 } @Override
 protected void onStart() {
 super.onStart();
 googleApiClient.connect();
 }
 
 @Override
 protected void onStop() {
 googleApiClient.disconnect();
 super.onStop();
 } Sending and Syncing Data : Handheld
64. @Override
 public void onConnected(Bundle bundle) { sendFlightInfo();
 }
 
 @Override
 public void onConnectionSuspended(int cause) {
 ...
 }
 
 @Override
 public void onConnectionFailed(ConnectionResult connectionResult) {
 ...
 } @Override
 protected void onStart() {
 super.onStart();
 googleApiClient.connect();
 }
 
 @Override
 protected void onStop() {
 googleApiClient.disconnect();
 super.onStop();
 } Sending and Syncing Data : Handheld
65. private void sendFlightInfo() {
 
 final PutDataMapRequest request = PutDataMapRequest.create("/add-airlines/flight");
 
 request.getDataMap().putString("from", "SAW");
 request.getDataMap().putString("to", "ESB");
 request.getDataMap().putString("gate", "G22");
 request.getDataMap().putString("barcode", barcodeData);
 
 Wearable.DataApi.putDataItem(googleApiClient, request.asPutDataRequest())
 .setResultCallback(new ResultCallback<DataApi.DataItemResult>() {
 @Override
 public void onResult(DataApi.DataItemResult dataItemResult) {
 
 if (!dataItemResult.getStatus().isSuccess()) {
 // handle error
 }
 }
 });
 
 } Sending and Syncing Data : Handheld
66. private void sendFlightInfo() {
 
 final PutDataMapRequest request = PutDataMapRequest.create("/add-airlines/flight");
 
 request.getDataMap().putString("from", "SAW");
 request.getDataMap().putString("to", "ESB");
 request.getDataMap().putString("gate", "G22");
 request.getDataMap().putString("barcode", barcodeData);
 
 Wearable.DataApi.putDataItem(googleApiClient, request.asPutDataRequest())
 .setResultCallback(new ResultCallback<DataApi.DataItemResult>() {
 @Override
 public void onResult(DataApi.DataItemResult dataItemResult) {
 
 if (!dataItemResult.getStatus().isSuccess()) {
 // handle error
 }
 }
 });
 
 } Sending and Syncing Data : Handheld
67. private void sendFlightInfo() {
 
 final PutDataMapRequest request = PutDataMapRequest.create("/add-airlines/flight");
 
 request.getDataMap().putString("from", "SAW");
 request.getDataMap().putString("to", "ESB");
 request.getDataMap().putString("gate", "G22");
 request.getDataMap().putString("barcode", barcodeData);
 
 Wearable.DataApi.putDataItem(googleApiClient, request.asPutDataRequest())
 .setResultCallback(new ResultCallback<DataApi.DataItemResult>() {
 @Override
 public void onResult(DataApi.DataItemResult dataItemResult) {
 
 if (!dataItemResult.getStatus().isSuccess()) {
 // handle error
 }
 }
 });
 
 } Sending and Syncing Data : Handheld
68. private void sendFlightInfo() {
 
 final PutDataMapRequest request = PutDataMapRequest.create("/add-airlines/flight");
 
 request.getDataMap().putString("from", "SAW");
 request.getDataMap().putString("to", "ESB");
 request.getDataMap().putString("gate", "G22");
 request.getDataMap().putString("barcode", barcodeData);
 
 Wearable.DataApi.putDataItem(googleApiClient, request.asPutDataRequest())
 .setResultCallback(new ResultCallback<DataApi.DataItemResult>() {
 @Override
 public void onResult(DataApi.DataItemResult dataItemResult) {
 
 if (!dataItemResult.getStatus().isSuccess()) {
 // handle error
 }
 }
 });
 
 } Sending and Syncing Data : Handheld
69. Sending and Syncing Data : Wearable <service android:name=".datalayerapi.DataLayerListenerService">
 <intent-filter>
 <action android:name="com.google.android.gms.wearable.BIND_LISTENER" />
 </intent-filter>
 </service> public class DataLayerListenerService extends WearableListenerService {
 
 @Override
 public void onDataChanged(DataEventBuffer dataEvents) {
 
 for (DataEvent event : dataEvents) {
 
 final DataItem item = event.getDataItem();
 
 if (item.getUri().getPath().compareTo("/add-airlines/flight") == 0) {
 
 DataMap dataMap = DataMapItem.fromDataItem(item).getDataMap();
 
 //raiseLocalBoardingPassNotification(dataMap);
 startBoardingPassActivity(dataMap);
 
 }
 }
 } ...
 
 }

70. Sending and Syncing Data : Wearable <service android:name=".datalayerapi.DataLayerListenerService">
 <intent-filter>
 <action android:name="com.google.android.gms.wearable.BIND_LISTENER" />
 </intent-filter>
 </service> public class DataLayerListenerService extends WearableListenerService {
 
 @Override
 public void onDataChanged(DataEventBuffer dataEvents) {
 
 for (DataEvent event : dataEvents) {
 
 final DataItem item = event.getDataItem();
 
 if (item.getUri().getPath().compareTo("/add-airlines/flight") == 0) {
 
 DataMap dataMap = DataMapItem.fromDataItem(item).getDataMap();
 
 //raiseLocalBoardingPassNotification(dataMap);
 startBoardingPassActivity(dataMap);
 
 }
 }
 } ...
 
 }

71. Sending and Syncing Data : Wearable <service android:name=".datalayerapi.DataLayerListenerService">
 <intent-filter>
 <action android:name="com.google.android.gms.wearable.BIND_LISTENER" />
 </intent-filter>
 </service> public class DataLayerListenerService extends WearableListenerService {
 
 @Override
 public void onDataChanged(DataEventBuffer dataEvents) {
 
 for (DataEvent event : dataEvents) {
 
 final DataItem item = event.getDataItem();
 
 if (item.getUri().getPath().compareTo("/add-airlines/flight") == 0) {
 
 DataMap dataMap = DataMapItem.fromDataItem(item).getDataMap();
 
 //raiseLocalBoardingPassNotification(dataMap);
 startBoardingPassActivity(dataMap);
 
 }
 }
 } ...
 
 }

72. What’s Next and What to Expect? New Google Play Services 7.3 features; Channel API and Capability API WatchFace API More to check on Data Layer APIs and UI library Android Wear 5.1 Update; Wi-Fi support, always-on screen, emojis, gesture controls, new app picker and rapid contacts Google IO 15 Sessions Smarter and personalized device authentication with Smart Lock Simplifying app development using the wearable support library Android Wear: Your app and the always-on screen
73. Resources https://developer.android.com/training/building-wearables.html https://www.youtube.com/playlist?list=PLWz5rJ2EKKc-kIrPiq098QH9dOle-fLef Building Apps for Wearables DevBytes: Android Wear
74. Thank You! @can_elmas speakerdeck.com/canelmas github.com/canelmas