FUNDAMENTALS BUILDING APPS FOR WEARABLES€¦ · FUNDAMENTALS BUILDING APPS FOR WEARABLES EVOLUCIÓN: Recordando un poco la historia de los wearables podemos mirar atrás y recordar

1

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALSBUILDING APPS FOR WEARABLES

2


CONTENIDOS:Introducción.................................................................................................................................................................................................3¿Qué son los “Wearables?”……………………………………………………………………………………………………………………………......…...…3Evolución………………………………………………………………………………………………………………………………………………………………........4¿Qué es Android Wear?………………………………………………………………………………………………………………………………….....…...…5Desarrollando para Android Wear………………………………………………………………………………………………………………….....….....9Visión Android Wear……………………………………………………………………………………………………………………………..……………….....11Principios de Diseño………………………………………………………………………………………………………………………………………..…....….12Estructura de las Aplicaciones………………………………………………………………………………………………………………………..............15Recursos para Android Wear……………………………………………………………………………………………………………………..……….......19Gestos…………………………………………………………………………………………………………………………………………………………………........21Estilos……………………………………………………………………………………………………………………………………………………………………......22Creando y corriendo una aplicación wearable.............................................................................................................................25Preeliminares.............................................................................................................................................................................................25Actualiza el SDK.......................................................................................................................................................................................25Levantando un dispositivo virtual wearable..................................................................................................................................26Configuración de un dispositivo virtual wearable.......................................................................................................................26Configuración de un dispositivo Android Wear……………………………………………………………………………………………...........37Crear un proyecto……………………………………………………………………………………………………………………………………………..........43Composición del proyecto Android Wear……………………………………………………………………………………………………............49Layouts……………………………………………………………………………………………………………………………………………………………….........52Strings………………………………………………………………………………………………………………………………………………………………….........53Gradle……………………………………………………………………………………………………………………………………………………………........……54Instalar la aplicación de wearable………………………………………………………………………………………………………………..........……55Creando notificaciones.........................................................................................................................................................................56Notificaciones wear………………………………………………………………………………………………………………………………………........……61REFERENCIAS............................................................................................................................................................................................63

3


INTRODUCCIÓN:¿QUÉ SON LOS “WEARABLES”?Dispositivo ponible, wearable o dispositivo wearable es dentro del sector tecnológico y más concretamente de la electrónica de consumo es aquel dispositivo que se lleva sobre, debajo o incluido en la ropa y que está siempre encendido, no necesita encenderse y apagarse.

Algunas de sus sorprendentes características son que permiten la funcionalidad multitarea. Osea que requie-re dejar de hacer otra cosa para ser usado y puede actuar como extensión del cuerpo o mente del usuario.A pesar de que en la actualidad se le conoce a esta categoría de productos como dispositivos wearable tam-bién pueden llamarse dispositivos vestibles, llevables o ponibles e incluso complementos inteligentes.

Hoy en día, existe una amplia gama de dispositivos wearables como: relojes inteligentes o smartwatches, pulseras de actividad, gafas inteligentes o ropa inteligente entre otros.

4


EVOLUCIÓN:

Recordando un poco la historia de los wearables podemos mirar atrásy recordar aquél primer reloj con fecha, diseñado y creado para la Reinade Nápoles, o el dispositivo oculto en zapatos que usaron Thorp y Shannon para hacer trampas en las ruletas de los casinos en las décadas de los 60´sy 70´s.Pero usando el contexto completo de wearable como aquel dispositivo elec-trónico capaz de ser programado por el usuario para realizar acciones com-plejas, el primero lo inventó Steve Mann al final de la década de los 70´s.En los últimos cinco años, con la irrupción de la tecnología de masas con formatos cada vez más pequeños, es cuando los wearables han comenzado a surgir como un elemento de cambio para los consumidores y las empresas.

5


¿QUÉ ES ANDROID WEAR?Es el sistema operativo para wearables, basado en Android que Google presentó a la sociedad el 18 de mar-zo de 2014. El sistema en sí está pensado para ser utilizado en relojes inteligentes (smartwatches), pulseras inteligentes (smartbands), y cualquier otro wearable que pueda surgir en el futuro.

Android Wear es una versión de Android 4.4.2 (KitKat) con una in-terfaz totalmente táctil y funcionalidades adaptadas a dispositivos wearables que simplemente nos permitirá ver e interactuar con las notificaciones de nuestros dispositivos Android y ver información útil dependiendo del contexto. Actualmente el Android Wear Preview soporta relojes con pantalla redonda con una resolución circular de 320x320 pixeles y relojes con pantalla cuadra con una resolución 280x280 pixeles. Todavía no han ofrecido las especificaciones técnicas de los pri-meros dispositivos, pero parecen que tendrán un procesador de doble núcleo, 512 MB de RAM, 4 GB de memoria interna, Bluetoo-th 4.0 y algunos sensores.

6


En la vista principal de Android Wear veremos la hora, un acceso para realizar comandos de voz y nuestra lista de notificaciones y tarjetas contextuales con información útil. Con un desplazamiento vertical iremos viendo todas las notificaciones y tarjetas, y con un desplazamiento hacia la izquierda veremos más información y acciones de una determinada tarjeta.Con un desplazamiento hacia la derecha del todo la eliminaremos una notificación/tarjeta de la lista.

7


Las notificaciones siempre estarán sincronizadas entre nuestro Android y Android Wear, si la descartamosen un dispositivo será descartada en el otro.Además de las notificaciones de mensajes y llamadas, Google Now nos mostrará sus tarjetas del tiempo,resultados deportivos, vuelos, y una aplicación deportiva podrá mostrarnos las calorías que hemos consumi-do, entre otros ejemplos.En muchas de las notificaciones nos ofrecerán una serie de acciones para interactuar con ellas, como por ejemplo contestar con voz o con mensajes predefinidos a un mensaje, controlar el reproductor de músicade nuestro Android, u obtener indicaciones para llegar a una dirección.

8


Para realizar acciones y obtener expresamente información ya tenemos que usar sus comandos de voz al pul-sar el icono de la “G” de Google.Al pulsar sobre la “G” o al decir “Ok Google” ya podremos pedir solicitar expresamente acciones para crear notas, poner alarmas, mandar mensajes, obtener indicaciones, reproducir música, identificar canciones, poner un temporizador y más. Al desplazar hacía arriba esta vista veremos la lista de comandos soportados.

9


DESARROLLANDO PARA ANDROID WEAREl diseño de aplicaciones para Android Wear es sustancialmente diferente que el diseño de los teléfonos o tabletas, existen diferentes fortalezas y debilidades, diferentes casos de uso, ergonomías distintas, etc. Debes entender la visión general de la experiencia Android Wear en un wearable, para así diseñar aplicaciones que se ajusten a las necesidades de los usuarios. Si estamos hablando que esto involucra un nuevo factor de forma por lo tanto también tendremos una nueva interfaz de usuario.

EN ANDROID WEAR TENDREMOS TRES CASOS ESPECÍFICOS EN LOS QUE PODEMOS DESARROLLAR:

Notificaciones (Sugeridas- Contextuales

y Puenteadas por el móvil)

En demanda Watch Faces

10


NOTIFICACIONES:Las notificaciones tienen que estar diseñadas para mostrarse en tarjetas que estén presentes en un flujo vertical y horizontal, cada una mostrándose como pieza útil y oportuna. Solo una tarjeta se muestra a la vez y se pueden utilizar imágenes de fondo para proporcionar información como ayuda visual adicional.Este modelo garantiza que los usuarios no tienen que acceder a muchas aplicaciones diferentes para com-probar sus estados, simplemente echan un vistazo a una breve notificación.

EN DEMANDA:Para los casos en donde no se sugiere alguna notificación los usuarios pueden hablar con Google, usandoel comando de voz “OK Google” o tocando el ícono. Cada comando de voz activa un “intent” (disparador) específico, podrías hacer coincidir tus aplicaciones a alguno de estos intent para activarlas. Muchas aplicaciones podrían estar registradas y responder al mismo comando de voz por lo que el usuario tendrá la posibilidad de elegir cuál de ellas lanzar.Además de los comandos por voz las aplicaciones pueden responder a un toque en el menú haciendo que sean lanzadas a pantalla completa.

WATCH FACES:Estos pueden ser elegidos por el usuario para mostrarse en la pantalla de inicio, los fondos de pantalla pue-den mostrar la hora y pueden cambiarse dejándose presionado prolongadamente.

11


VISIÓN ANDROID WEAR

INICIAR AUTOMÁTICAMENTE:La mayoría de la gente está acostumbrada a lanzar aplicaciones haciendo clic en un icono. Android Wear, es diferente. Las aplicaciones portátiles son conscientes del contexto del usuario, como la hora, el lugar, actividad física, y así sucesivamente.

INFORMACIÓN LEGIBLE:Un reloj de pulsera inteligente, está diseñado para que pueda ver el tiempo en una fracción de segundo, y seguir adelante con lo que estaba haciendo. Cuanto me-nos tiempo necesite para utilizar su software, mayor será el tiempo que el usuario puede estar presente en lo que están haciendo. Android Wear es rápido, preciso, e inmediato.

TODO SOBRE CUANDO NOTIFICAR ALGO:Android Wear es como un asistente personal que sabe tus preferencias, y que solo deben ser interrumpidas cuando sea absolutamente necesario, y siempre a la mano para dar una respuesta fácil. Android Wear es útil, respetuoso y sensible.

CERO O LA MENOR INTERACCIÓN POSIBLE:La mayoría de las entradas deben basarse en toques o comandos por voz, y entradas que requieran movimientos de dedos deben evitarse. Android Wear es gestual, sencillo y rápido.

12


PRINCIPIOS DE DISEÑOALGUNOS PRINCIPIOS PARA EL DISEÑO SON LOS SIGUIENTES:

• Concéntrese en no detener el usuario y que el resto siga: Un reloj es un factor de forma perfecta para un dispositivo que se puede utilizar mientras se hace otra cosa, como cocinar, comer, caminar, correr, o incluso tener una conversación. El tiempo requerido para realizar una acción debe ser de 5 segundos.

13


• Diseño con gestos grandes: Cuando el usuario usa su Smartphone, está utilizando una gran superficie de la pantalla, o sea que no re-quiere de tanta precisión. Sin embargo, al utilizar un Smart watch la pantalla es mucho más pequeña y por consiguiente necesita de una precisión mucho mayor.

• Si tienes que reducir la velocidad al caminar o parar una conversación para ser precisos, debes considerar diseñar gestos más grandes.

14


t La mejor experiencia en un dispositivo portátil es cuando el contenido correcto está ahí sólo cuando el usua-rio lo necesita. Haz una lista de todas las situaciones en las que un usuario se podría encontrar para hacer tu aplicación útil. • Cosas en común. • La hora del día. • Ciertas actividades físicas.Lo más probable es llegar a visualizar situaciones diferentes, lo cual es bueno, ya que significa que se puede diseñar una tarjeta para cada una de esas situaciones. Recuerda que el usuario siempre tiene la opción de silenciar por completo las tarjetas (notificaciones) si siente que no son lo suficientemente relevantes.

• Hacer algo, muy rápido: Si a los usuarios les toma unos segundos interactuar con tu aplicación ellos la utilizarán muchas veces duran-te el día. Si estás utilizando una tarjeta recuerda que puedes utilizar varias páginas.

• Diseño de la esquina del ojo: Si piensas en diseñar tu aplicación a solo un vistazo puede ayudar al usuario a obtener todo el valor de tu aplicación y rápidamente volver a lo que estaba haciendo.

• No seas un acosador constante: No utilices demasiado la vibración. Un reloj toca constantemente la piel del usuario. Siendo esto íntimo, se desea hacer vibrar el reloj lo menos posible que como normalmente lo haces con tu teléfono.

Por ejemplo: Una aplicación que ofrece a los usuarios el registro de entrada podría aparecer sugiriendo otro lugar más cercano, después de estar cierta cantidad de tiempoen ese lugar.

15


ESTRUCTURA DE LAS APLICACIONESEn un Smartphone los usuarios tienen que tocar los íconos para abrir las aplicaciones. Android Wear es diferen-te; una aplicación wearable muestra solo una tarjeta en pantalla solo cuando sucede algo realmente relevante.Resumiendo lo anterior podemos decir lo siguiente: • La interacción que tienen los usuarios con los teléfonos es distinta a la que tienen con Android Wear. • Se recomienda no utilizar flujos que hagan pensar demasiado al usuario.

FUNCIONALIDAD. NOTIFICACIONES.

NOTIFICACIONES CONTEXTUALES:Esto es lo que hace Android Wear mejor: muestra la información de los usuarios y la funcionalidad solo cuando lo necesitan. HE AQUÍ CÓMO FUNCIONA: La aplicación sabe cuándo algo es importante para el usuario. Cuando se produce el evento apropiado, la aplicación desencadena una notificación.La obtención de activación del contexto adecuado es una de las cosas más impactantes que se pueden hacer para elaborar una gran experiencia de usuario.La forma más sencilla de hacerlo es utilizar plantillas es-tándar para las notificaciones de Android. Pero también puedes hacer tu propio diseño desde cero con una actividad dentro de una tarjeta.

NOTIFICACIONES PUENTEADAS:Esta es la forma más sencilla de conseguir en Android Wear. Se pueden añadir características de wearables como páginas adicionales y respuestas de voz mediante el uso de las nuevas API de notificación.

16


INTERFAZ DE USUARIO. MAPA COMPLETO DE LA PANTALLA2D PICKER:Normalmente estamos acostumbrados a visualizar listas en una sola fila (dimensión), este tipo de listas se les llama 1D. El 2D Picker es un patrón que se utiliza para mostrar opciones de una lista una matriz 2D de opciones, una forma de presentar opciones categorizadas.En una vista de cuadrícula (dos dimensiones) el usuario puede desplazarse libremente en ambas dimensio-nes, como se muestra.

17


LA NAVEGACIÓN DEBE SER VERTICAL Y LUEGO HORIZONTAL, NO HORIZONTAL-VERTICAL:Algunos consejos para la navegación 2D: • Reducir al mínimo el número de tarjetas. • Mostrar la tarjeta más popular en la parte superior. • Mantén las tarjetas extremadamente simples.

LAYOUTS PERSONALIZADOS. NO SOLO USES TARJETAS, CREA TUS PROPIOS LAYOUTS. Hay algunas cosas que no se puede hacer en una tarjeta. En un mapa por ejemplo, surge la necesidad de deslizarse en muchas direcciones, si estamos en un juego, probablemente suce-da algo similar. En esos casos, podría ser una buena idea diseñar pantalla completa.

1.Se muestra una notificación

contextual en tarjeta.

2.El usuario hace tap en la

tarjeta.

3.Se abre un activity enpantalla completa parauna micro interacción.

4.Se quita la actividad y el usuario regresa al flujo.

18


¿CUÁNDO HACER UNA APLICACIÓN DE PANTALLA COMPLETA?Se recomienda hacer una aplicación de pantalla completa solo cuando el trabajo deseado no se puede realizar en una tarjeta, en esos casos se puede diseñar un activity a full-screen para posteriormente salir rápidamente. Esto hará sentir al usuario que tu aplicación funciona como una parte integrada del sistema. Android Wear utiliza una pantalla completa para sus propias aplicaciones como la de comandos por voz y cronómetro.

HAZ QUE TUS APLICACIONES DE PANTALLA SEAN COMPLETAMENTE DISTINTASDebes procurar que tu diseño de pantalla completa no luzca como una tarjeta ya que podría confundir a los usuarios, un diseño 2D te puede ayudar mucho para estos casos.

SALIDAS AUTOMÁTICASMuchos dispositivos no tienen botón de “home” o “back”, por lo que salir de una aplicación a veces será más difícil, por esta razón debes procurar las salidas automáticas, por ejemplo: • Un mapa que le pida a un usuario colocar un pin, y al ponerlo la aplicación salga de la aplicación. • Un juego corto que al terminar salga de la aplicación automáticamente. • Una aplicación de dibujo que se termine al detectar 5 segundos de inactividad.

SALIDAS MANUALESAún con los puntos de salida automáticos pueden existir momentos en los que el usuario desea salir inmediatamente de la aplicación. En todas las aplicaciones se debe tratar el long-press dando a los usuarios la oportunidad de salir, para esto puedes utilizar DismissOverlayView.

19


RECURSOS PARA ANDROID WEAR

1: KIT DE HERRAMIENTAS PARA INTERFAZ DE USUARIO:

2: PATRONES DE FLUJO MUESTRA:

El kit de herramientas contiene las especificaciones y las mediciones de todos los componentes de interfaz de usuario de Android Wear, primarios detallados.

Ejemplos de cómo se encadenan los componentes en los patrones de flujo en la interfaz de usuario de Android Wear, desde simples notificaciones hasta las interacciones complejas que implican acti-vidades de pantalla completa.

• Disponible en formatos PDF e Illustrator. http://developer.android.com/downloads/design/Android_Wear_Toolkit_20140722.aihttp://developer.android.com/downloads/design/Android_Wear_Toolkit_20140722.pdf

• Disponible en formatos PDF e Illustrator. http://developer.android.com/downloads/design/Android_Wear_Patterns_20140722.aihttp://developer.android.com/downloads/design/Android_Wear_Patterns_20140722.pdf

20


3: DISEÑO MUESTRA DE MAQUETACIÓN DE UNA APLICACIÓN:

4: KIT DE HERRAMIENTAS DE INTERFAZ DE USUARIO PARA WATCH FACES:

Tarjetas y elementos de interfaz de usuario para algunas aplicaciones de ejemplo en formato PSD completamente editable.

Especificaciones y medidas detalladas para fondos, tarjetas de no-tificación, e indicadores del sistema.

• Disponible en formato PSD. http://developer.android.com/downloads/design/Android_Wear_Sample_Assets.zip

• Disponible en formato PDF.http://developer.android.com/downloads/design/AndroidWear_DesignSpec_11.13.pdf

21


GESTOSSolamente los taps están disponibles. Esta restricción es importante para mantener las interacciones del siste-ma claras y coherentes, y para hacer que las interacciones en el watch-face lo más simple posible.Como regla general, la interacción watch-face debe ser sencilla con el usuario de completar su acción desea-da dentro de uno o dos toques.

22


ESTILOSExiste una serie de consideraciones de diseño a tener en cuenta que son particulares de Android Wear, a continuación se muestran algunas:

TAMAÑO DE PANTALLA:Se consciente de los diferentes tamaños de los dispositivos y formas. Los disposi-tivos portátiles son una forma de expresión de sus propietarios, y de la moda.La mayor parte de las complejidades de apoyo a estos dispositivos diferentes es atendiendo a nivel de sistema, pero hay que tener en cuenta diferentes tipos de pantalla en el diseño de aplicaciones de pantalla completas.Utiliza el emulador de Android Wear para probar los dispositivos tanto en cua-drados, como redondos, y tenga en cuenta que WatchViewStub está disponible para las actividades para detectar si se está utilizando un dispositivo cuadrado o redondo.

LOS RECURSOS ESPECÍFICOS REQUERIDOSUn conjunto básico de recursos estándar, puede ser proporcionado en función del diseño de la tarjeta: • Icono de la aplicación. • Imagen de fondo o imágenes. • Iconos de acción. • Animaciones de confirmación de la acción. Por supuesto, el diseño específico puede requerir otros activos.Las imágenes de fondo deben ser proporcionados en formato landscape al menos 600px de ancho para las notificaciones que incluyen páginas de tarjetas, ya que el sistema añade automáticamente un efecto “parallax”.

23


LA LEGIBILIDAD DE LA TARJETA:Pruebe el diseño de la tarjeta para asegurar que la información útil es visualizada en la pantalla de inicio. El mensaje principal de la tarjeta debe ser legible y fácil-mente de ser visualizada la información, sobre todo para las notificacionesde contexto.

BAJA DENSIDAD DE INFORMACIÓN:Las tarjetas deben ser diseñadas para ser vistas en una fracción de segundo, al igual que la lectura de la hora en un reloj tradicional. En la mayoría de los casos, el par icono y valor, o un título y subtítulo debería ser suficiente para transmitir un mensaje significativo. Tenga en cuenta que la foto de fondo también se debe utilizar para transmitir información; fondos que cambian para reflejar y apoyar el mensaje principalde la tarjeta.

SEPARA LA INFORMACIÓN EN TROZOS:En los casos en que sea absolutamente necesario obtener información adicional no diseñes una tarjeta en el punto en que se vea afectada la legibilidad de la información, en su lugar añade una o varias páginas adicionales a la derecha de la tarjeta principal.

24


ANIMACIONES PARA CONFIRMACIONES:Si tu aplicación permite al usuario realizar una acción, es necesario proporcionar retroalimentación positiva. Mostrar una animación de confirmación genérica o crear una propia.Una animación de confirmación es una oportunidad para expresar el carácter de tu aplicación e inserta un momento agradable para tu usuario.Crea animaciones cortas (menos de 1000 ms) y simples. La animación del icono de confirmación es una forma efectiva para transmitir al usuario un nuevo estado después de haber completado una acción.

25


CREANDO Y CORRIENDO UNA APLICACIÓN WEAREABLELas aplicaciones de Wearable se ejecutan directamente en el dispositivo portátil, que le da acceso al hardware de bajo nivel, tales como sensores, actividades, servicios y más.Una aplicación wearable necesita de la aplicación principal si se quiere publicar en la tienda de Google Play. Esto debido a que los wearables no son compatibles con la tienda de Google Play.

PRELIMINARES ACTUALIZA EL SDK:Antes de empezar a crear aplicaciones para weareable, debes: • Tener lista la actualización de sus herramientas de SDK a la versión 23.0.0 o superior. • Las herramientas de SDK actualizadas le permiten crear y probar aplicaciones weareable. • Actualiza tu SDK de Android con 4.4W.2 (API 20) o más alto.

La versión actualizada plataforma ofrece nuevas APIs para aplicaciones weareable.Verifica que tengas instalada una imagen de Android Wear, ya sea ARM EABI o Intel en tu SDK Manager.

Recomendamos que pruebes en el hardware real para que puedas evaluar mejor la experiencia del usuario. Sin embargo, el emulador te permite probar diferentes tipos de formas de pantalla, lo cual es sumamente útil.

26


LEVANTANDO UN DISPOSITIVO VIRTUAL WEAREABLECONFIGURAR UN ANDROID WEAR DE DISPOSITIVOS VIRTUALESPara configurar un dispositivo virtual Android Wear:

• Haga clic en Herramientas> Administrador de Android> AVD.

27


• Haga clic en Crear dispositivo virtual

28


• Selecciona el tipo de dispositivo

• Seleccionar Android Wear cuadrada o redonda

• Haga clic en Siguiente.

29


• Seleccione un Sistema Operativo (por ejemplo, KitKat Wear).

• Haga clic en Siguiente.

30


• (Opcional) Cambie sus preferencias para el dispositivo virtual.

• Haga clic en Finalizar.

31


• Iniciar el emulador.

• Seleccione el dispositivo virtual que acaba de crear.

• Haga clic en el botón Play.

• Espere hasta que el emulador se inicie y muestre la pantalla principal de Android Wear.

32


Enlazar el teléfono con el emulador:1. En el teléfono, instalar la aplicación Android Wear de Google Play.

• Link de descarga:https://play.google.com/store/apps/details?id=com.google.android.wearable.app&hl=es_419

33


2. Conecta el teléfono a la computadora vía USB.

3. Verifica en qué ubicación se encuentra el path de tu Android sdk puedes verlo abriendo tu SDK Manager.

34


4. Una vez que localizaste el path accede desde la terminal del IDE a ella, con el comando cd

Dirígete a la carpeta platform-tools.

35


5. Corre el siguiente comando para transmitir el puerto de comunicación entre el AVD al telé-fono conectado (debes hacerlo cada vez que el teléfono esté conectado):

6. Iniciar la aplicación Android Wear en tu teléfono y conectar con el emulador.

7. Pulse en el menú de la esquina superior derecha de la aplicación Android Wear y seleccio-ne Probar notificaciones del reloj o algo similar.

adb -d forward tcp:5601 tcp:5601

36


8. Las tarjetas que seleccione aparecen como notificaciones en la pantalla principal delemulador.

37


CONFIGURACIÓN DE UN DISPOSITIVO ANDROID WEARPara configurar un dispositivo Android Wear:

1. Instalar la aplicación Android Wear, disponible en Google Play, en la teléfono.• Link de descarga:https://play.google.com/store/apps/details?id=com.google.android.wearable.app&hl=es_419

Siga las instrucciones de la aplicación para vincular el teléfono con su weareable. Esto le permi-te probar las notificaciones sincronizadas del teléfono, si se les está construyendo.Deja la aplicación Android Wear abierta en tu teléfono.

2. Habilitar la depuración ADB en el dispositivo Android Wear. • Vaya a Configuración> Acerca de. • Toque Número de Compilación siete veces. • Deslízate hacia la derecha para volver al menú de configuración. • Ir a Opciones de desarrollador en la parte inferior de la pantalla. • Toque ADB depuración para permitir adb.

38


3. Conectar el wearable, a su equipo a través de USB, por lo que puede instalar aplicaciones directamente a ella a medida que desarrolla. Aparece un mensaje en tanto el wearable, y la aplicación Android Wear le pide que permita la depuración.

4. En la aplicación Android Wear, compruebe Permitir siempre desde este equipo y pulse OK.El wearable, deberá aparecer cuando se ejecute el comando adb devices.Si no puede conectar su wearable, a la máquina a través de USB, se puede intentar la cone-xión a través de Bluetooth.

CONEXIÓN A TRAVÉS DE BLUETOOTHConfiguración del dispositivo:

1. Habilitar la depuración USB en el teléfono: • Abre la aplicación Ajustes y desplácese hasta la parte inferior. • Si no tiene una configuración de Opciones de desarrollo, toque Acerca del teléfono (o Acerca de la tableta), vaya a la parte inferior, y pulse el número de compilación 7 veces. • Volver atrás y pulse Opciones de desarrollo. • Habilitar depuración de USB.

2. Habilitada la depuración de Bluetooth en el weareable: 1. Toque en la pantalla de inicio dos veces para que aparezca el menú 2. Seleccionar los ajustes de fondo y toque. 3. Desplazarse hasta la parte inferior. Si no hay ningún elemento Opciones de desarrollo, toque Acerca de, y luego toque el número de compilación 7 veces. 4. Pulse el elemento Opciones de desarrollo. 5. Habilitar depuración a través de Bluetooth.

39


CONFIGURANDO UNA SESIÓN DE DEBUGGING:

1. Abra la aplicación Android Wear en el teléfono.

2. En la parte superior derecha seleccione Configuración.

3. Habilitar la depuración a través de Bluetooth.

Deberías ver lo siguiente:

4. Conecta el teléfono a la computadora por USB.

Host: disconnectedTarget: connected

40


5. Verifica en qué ubicación se encuentra el path de tu Android sdk puedes verlo abriendo tu SDK Manager.

6. Una vez que localizaste el path accede desde la terminal del IDE a ella, con el comando cd.

41


Una vez ahí dirígete a la carpeta platform-tools.

7. Corre el siguiente comando para establecer un puente de conexión:

Si estas en sistema Mac OS o Linux, debes anteponer ./ en el comando adb de la siguiente forma:

Si se rechaza la conexión, verifica todos los pasos anteriores y en vez de colocar localhost coloca la dirección ip: 127.0.0.1

adb forward tcp:4444 localabstract:/adb-hub adb connect localhost:4444

./adb forward tcp:4444 localabstract:/adb-hub ./adb connect localhost:4444

adb forward tcp:4444 localabstract:/adb-hub adb connect 127.0.0.1:4444

42


Una vez conectado, te saldrá una notificación en el dispositivo Watch, y en la aplicaciónAndroid Wear, se debe ver los siguiente:

Corre tu proyecto con normalidad y ahora debe aparecer tu dispositivo Watch disponible para correr.

Host: connectedTarget: connected

43


CREAR UN PROYECTOPara comenzar el desarrollo, crear un proyecto de aplicación que contiene los módulos de aplicaciones portátiles y de mano. En Android Studio, haga clic en Archivo> Nuevo proyecto y siga las instrucciones del asistente de proyectos, como se describe en Creación de un proyec-to. A medida que siga el asistente, introduzca la siguiente información:

1. En la ventana de su proyecto Configurar, introduzca un nombre para la aplicación y el nom-bre del paquete.

44


2. En la ventana de los factores de forma: • Seleccionar teléfono y la tableta y seleccione API 9: Android 2.3 (Gingerbread) bajo SDK mínimo. • Seleccione Wear y seleccione API 20: Android 4.4 (KitKat desgaste) bajo SDK mínimo

45


3. En la primera ventana Añadir una actividad en blanco.

46


4. En la segunda ventana Añadir una actividad en blanco para Wear.

47


48


Cuando se complete el asistente, Android Studio crea un nuevo proyecto con dos módulos, mobile y wear.

Ahora tienes un proyecto para la teléfono y Android wear para cualquiera de estos crearactividades, servicios y layouts personalizados. La aplicación para teléfono hace la mayor parte del trabajo, tales como comunicaciones de red, procesamiento intensivo o tareas que requieren largos períodos de interacción con el usuario. Cuando la aplicación completa estas operaciones, deberá notificar a wearable de los resultados a través de notificaciones o mediante la de los datos.

Nota: El módulo de wear también contiene una actividad de “Hello World” que utiliza un WatchViewStub. Esta clase infla un diseño en función de si la pantalla del dispositivo es redonda o cuadrada.La clase WatchViewStub es uno de los widgets de interfaz de usuario que la biblioteca de soporte paraweareables proporciona.

49


COMPOSICIÓN DEL PROYECTO ANDROID WEAR.Un proyecto Android Wear luce muy similar aún proyecto para mobile.

ANDROIDMANIFEST.XMLExiste un archivo AndroidManifest.xml el cual tendrá toda la configuración de la aplicación wear, la declaración de activities, servicios, permisos etc. además de una feature que se obser-va en la imagen, el cual significa que esta aplicación será utilizada para un hardware de tipo watch.

50


ARCHIVOS .JAVAObservaremos que también tenemos una carpeta java, en la cual se colocarán todas nuestras clases. En particular el IDE nos crea el archivo MainActivity.java este archivo contiene todo lo necesario para tener un completo control del layout activity_mail.xml, además observamos que contiene código adicional el cual tendrá todo el manejo de los views para un Watch.Observamos estas líneas de código:

La clase WatchViewStub será la que controle todos los views contenidos en el layout,el método setOnLayoutInflatedListener, estará escuchando cuando la vista sea mostradaen pantalla (inflada), a partir de ese momento se puede proceder a manipular los views.La manipulación de los views declarados en el layout, debe darse dentro del métodoonLayoutInflated, como se muestra en la figura anterior.

51


• IMÁGENES – DRAWABLE

• LAYOUTS – LAYOUT

• ICONOS – MIPMAP

• STRINGS – VALUES

ARCHIVOS DE RECURSOS - RESDentro de un proyecto wear podemos tener recursos que estén accesibles solo parala aplicación wearable como:

52


El último layout que alcanzamos a ver activity_main.xml se encargará de hacer la coordinación sobre qué layout mostrar oportunamente dependiendo del dispositivo en donde abierta la aplicación en ese momento.

LAYOUTSEn Android Wear tendremos que diseñar layouts siempre tomando en cuenta los dos estilos de SmartWatch que tenemos.

Para esto necesitaremos crear dos layouts, uno para cada estilo de dispositivo.

• rect_activity_layout.xml • round_activity_layout.xml

53


STRINGSAquí también tendremos disponible un archivo strings.xml para concentrar todos los textos de la aplicación wear.

54


GRADLECuando creamos una aplicación Android Wear tendremos disponible dos archivos de confi-guración gradle, uno para mobile y otro para wear.

En el archivo gradle mobile será necesario que esté presente la línea wearApp projec-t(‘:wear’) en la sección de dependencias, pues esté hará que la aplicación wear sea unaextensión de mobile y que dependa de este, sin esta línea la aplicación wear sería invisibley todo lo que esté contenido en el proyecto no funcionaría.

El archivo gradle wear contendrá todas las dependencias y librerías y serán exclusivas parael proyecto wear. Es muy importante que estas dos estén presentes pues así podremosdisponer de widgets diseñados para wear.compile ‘com.google.android.support:wearable:1.3.0’compile ‘com.google.android.gms:play-services-wearable:8.3.0’También es importante señala que en ambos archivos gradle deberá estar incluida la librería correspondiente a play services.Mobile: compile ‘com.google.android.gms:play-services:8.3.0’Wear: compile ‘com.google.android.gms:play-services:8.3.0’

55


INSTALAR LA APLICACIÓN DE WEARABLECuando estés desarrollando tus aplicaciones wear se instalarán directamente en el wearable como una extensión de tu aplicación móvil.Para correr tu aplicación puedes utilizar el comando:

Cuando tu aplicación esté lista para ser publicada, la aplicación wear vendrá incrustada en la app mobile. Cuando un usuario instala la aplicación mobile de Google Play, y tiene un conec-tado weareable, recibe automáticamente la aplicación weareable,.

Para instalar la aplicación “Hello World” wear, en Android Studio selecciona el menú que se muestra en la figura, elige la opción wear y posteriormente oprime el botón de Play. La acti-vidad se presenta en el weareable, e imprime “¡Hola mundo!”

O el botón de Play de Android Studio

adb install

Nota: La instalación automática de aplicaciones wear, no funciona si firmas tu aplicación con una llave debug (debug key), solo funciona con llaves release (release key).

56


CREANDO NOTIFICACIONESEl uso de notificaciones en Android fue a partir de la versión 3.0 en donde se incluyó la clase Notificaction.Builder.En este enlace puedes encontrar todos los métodos asociados:http://developer.android.com/intl/es/reference/android/app/Notification.Builder.html

NOTIFICACIONES WEARLas notificaciones Android Wear utilizan el API estándar de notificaciones pero se han agrega-do características propias para Wear atreves de la clase NotificationCompat.WearableExtender. Los métodos se muestran en la siguiente tabla:

Para generar una notificación se deberá crear una instancia de WearableExtender como se muestra en el siguiente código.

NotificationCompat.WearableExtender wearFeatures = new NotificationCompat.WearableExtender();

Notification notification = new NotificationCompat.Builder(this) .setContentTitle(“Mi primera notificación”) .setContentText(“Mi Notificación Android Wear!”) .extend(wearFeatures) .build();

57


CONSTRUYENDO NOTIFICACIONESNo existe una gran diferencia en la visualización de notificaciones en Android Mobile y An-droid Wear. Probablemente la única diferencia sea la clase.Se puede utilizar la clase NotificationManagerCompat para levantar una notificación, en ella se han incluido las librerías de soporte necesarias para wear desde que salieron a la luz.Puedes descargar el ejemplo del siguiente repositorio:http://github.com/anncode1/AndroidWear/tree/master/MiAppWeareable

public class MainActivity extends Activity {

int NOTIFICATION_ID = 1; NotificationManagerCompat mNotificationManager;

@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

mNotificationManager = NotificationManagerCompat.from(this);

Notification notification = new NotificationCompat.Builder(this) .setSmallIcon(R.mipmap.ic_launcher) .setContentTitle(“Mi Notificación Android Wear”) .setContentText(“Mi primera notificación!”) .build();

mNotificationManager.notify(NOTIFICATION_ID, notification);

} }

58


59


AÑADIENDO UN ICONO DE APLICACIÓN.Las aplicaciones Android Wear pueden tener su propio icono definiéndolo en el archivo An-droidManifes.xml de ambos módulos (mobile y wear) como se muestra en la figura.

AndroidManifest.xml (mobile)

60


MainActivity.java (mobile)

AndroidManifest.xml (wear)

61


NOTIFICACIONES WEAR:NOTIFICACIÓN CON TEXTO LARGO.Si quieres construir una notificación en donde se muestren más líneas de texto, necesitarás definir un objeto NotificationCompat.BigTextStyle para que tu notificación tenga un estilo con-figurado y la habilite para mostrar textos largos.

62


NOTIFICACIÓN CON IMAGEN DE FONDO.Al igual que el ejemplo anterior podemos construir una notificación que utilice una imagen de fondo utilizando la clase NotificacionCompat.BigPictureStyle.Cuando incluyamos una imagen de fondo es muy importante que la imagen cumpla con las medidas adecuadas definidas en las métricas de diseño que vimos anteriormente. La imagen de fondo debe medir al menos 600px.

63


“Professional Android Wearables”Autor: David Cuartielles Ruiz and Andreas GöranssonEditorial Wrox Programmer to Programmer

http://developer.google.comCIBERGRAFÍA

BIBLIOGRAFÍA:

Documents

FUNDAMENTALS BUILDING APPS FOR WEARABLES€¦ · FUNDAMENTALS BUILDING APPS FOR WEARABLES EVOLUCIÓN: Recordando un poco la historia de los wearables podemos mirar atrás y recordar