Fundamentals Bulding Apps For Wereables - 29 - Mar - 2016

FUNDAMENTALS BUILDING APPS FOR WEARABLES
FUNDAMENTALS
BUILDING APPS FOR WEARABLES
CONTENIDOS:
Introduccin.................................................................................................................................................................................................3
Qu son los Wearables?.........3
Evolucin........4
Qu es Android Wear?........5
Desarrollando para Android Wear..........9
Visin Android Wear.......11
Principios de Diseo.......12
Estructura de las Aplicaciones..............15
Recursos para Android Wear.........19
Gestos........21
Estilos......22
Creando y corriendo una aplicacin wearable.............................................................................................................................25
Preeliminares.............................................................................................................................................................................................25
Actualiza el SDK.......................................................................................................................................................................................25
Levantando un dispositivo virtual wearable..................................................................................................................................26
Configuracin de un dispositivo virtual wearable.......................................................................................................................26
Configuracin de un dispositivo Android Wear...........37
Crear un proyecto..........43
Composicin del proyecto Android Wear............49
Layouts.........52
Strings.........53
Gradle........54
Instalar la aplicacin de wearable..........55
Creando notificaciones.........................................................................................................................................................................56
Notificaciones wear........61
REFERENCIAS............................................................................................................................................................................................63
INTRODUCCIN:
QU SON LOS WEARABLES?
Dispositivo ponible, wearable o dispositivo wearable es dentro del sector tecnolgico y ms concretamente
de la electrnica 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 caractersticas son que permiten la funcionalidad multitarea. Osea que requiere dejar de hacer otra cosa para ser usado y puede actuar como extensin del cuerpo o mente del usuario.
A pesar de que en la actualidad se le conoce a esta categora de productos como dispositivos wearable tambin pueden llamarse dispositivos vestibles, llevables o ponibles e incluso complementos inteligentes.
Hoy en da, existe una amplia gama de dispositivos wearables como: relojes inteligentes o smartwatches,
pulseras de actividad, gafas inteligentes o ropa inteligente entre otros.
EVOLUCIN:
Recordando un poco la historia de los wearables podemos mirar atrs
y recordar aqul primer reloj con fecha, diseado y creado para la Reina
de Npoles, o el dispositivo oculto en zapatos que usaron Thorp y Shannon
para hacer trampas en las ruletas de los casinos en las dcadas de los 60s
y 70s.
Pero usando el contexto completo de wearable como aquel dispositivo electrnico capaz de ser programado por el usuario para realizar acciones complejas, el primero lo invent Steve Mann al final de la dcada de los 70s.
En los ltimos cinco aos, con la irrupcin de la tecnologa de masas con
formatos cada vez ms pequeos, es cuando los wearables han comenzado
a surgir como un elemento de cambio para los consumidores y las empresas.
QU ES ANDROID WEAR?
Es el sistema operativo para wearables, basado en Android que Google present a la sociedad el 18 de marzo 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 versin de Android 4.4.2 (KitKat) con una interfaz totalmente tctil y funcionalidades adaptadas a dispositivos
wearables que simplemente nos permitir ver e interactuar con las
notificaciones de nuestros dispositivos Android y ver informacin
til dependiendo del contexto.
Actualmente el Android Wear Preview soporta relojes con pantalla
redonda con una resolucin circular de 320x320 pixeles y relojes
con pantalla cuadra con una resolucin 280x280 pixeles.
Todava no han ofrecido las especificaciones tcnicas de los primeros dispositivos, pero parecen que tendrn un procesador de
doble ncleo, 512 MB de RAM, 4 GB de memoria interna, Bluetooth 4.0 y algunos sensores.
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 informacin til.
Con un desplazamiento vertical iremos viendo todas las notificaciones y tarjetas, y con un desplazamiento
hacia la izquierda veremos ms informacin y acciones de una determinada tarjeta.
Con un desplazamiento hacia la derecha del todo la eliminaremos una notificacin/tarjeta de la lista.
Las notificaciones siempre estarn sincronizadas entre nuestro Android y Android Wear, si la descartamos
en un dispositivo ser descartada en el otro.
Adems de las notificaciones de mensajes y llamadas, Google Now nos mostrar sus tarjetas del tiempo,
resultados deportivos, vuelos, y una aplicacin deportiva podr mostrarnos las caloras que hemos consumido, entre otros ejemplos.
En muchas de las notificaciones nos ofrecern 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 msica
de nuestro Android, u obtener indicaciones para llegar a una direccin.
Para realizar acciones y obtener expresamente informacin ya tenemos que usar sus comandos de voz al pulsar 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 msica, identificar canciones, poner
un temporizador y ms. Al desplazar haca arriba esta vista veremos la lista de comandos soportados.
DESARROLLANDO PARA ANDROID WEAR

El diseo de aplicaciones para Android Wear es sustancialmente diferente que el diseo de los telfonos o
tabletas, existen diferentes fortalezas y debilidades, diferentes casos de uso, ergonomas distintas, etc.
Debes entender la visin general de la experiencia Android Wear en un wearable, para as disear aplicaciones
que se ajusten a las necesidades de los usuarios. Si estamos hablando que esto involucra un nuevo factor de
forma por lo tanto tambin tendremos una nueva interfaz de usuario.
EN ANDROID WEAR TENDREMOS TRES CASOS ESPECFICOS EN LOS QUE PODEMOS

DESARROLLAR:
Notificaciones
(Sugeridas- Contextuales
y Puenteadas por el mvil)
En demanda
Watch Faces
NOTIFICACIONES:
Las notificaciones tienen que estar diseadas para mostrarse en tarjetas que estn presentes en un flujo
vertical y horizontal, cada una mostrndose como pieza til y oportuna. Solo una tarjeta se muestra a la vez
y se pueden utilizar imgenes de fondo para proporcionar informacin como ayuda visual adicional.
Este modelo garantiza que los usuarios no tienen que acceder a muchas aplicaciones diferentes para comprobar sus estados, simplemente echan un vistazo a una breve notificacin.
EN DEMANDA:
Para los casos en donde no se sugiere alguna notificacin los usuarios pueden hablar con Google, usando
el comando de voz OK Google o tocando el cono. Cada comando de voz activa un intent (disparador)
especfico, podras hacer coincidir tus aplicaciones a alguno de estos intent para activarlas.
Muchas aplicaciones podran estar registradas y responder al mismo comando de voz por lo que el usuario
tendr la posibilidad de elegir cul de ellas lanzar.
Adems 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 pueden mostrar la hora y pueden cambiarse dejndose presionado prolongadamente.
10
VISIN ANDROID WEAR

INICIAR AUTOMTICAMENTE:
La mayora de la gente est acostumbrada a lanzar aplicaciones haciendo clic en

un icono. Android Wear, es diferente. Las aplicaciones porttiles son conscientes del
contexto del usuario, como la hora, el lugar, actividad fsica, y as sucesivamente.
INFORMACIN LEGIBLE:
Un reloj de pulsera inteligente, est diseado para que pueda ver el tiempo en una
fraccin de segundo, y seguir adelante con lo que estaba haciendo. Cuanto menos tiempo necesite para utilizar su software, mayor ser el tiempo que el usuario
puede estar presente en lo que estn haciendo. Android Wear es rpido, 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 fcil. Android Wear es til, respetuoso y sensible.
CERO O LA MENOR INTERACCIN POSIBLE:

La mayora 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 rpido.
11
PRINCIPIOS DE DISEO
ALGUNOS PRINCIPIOS PARA EL DISEO SON LOS SIGUIENTES:
Concntrese
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 conversacin. El tiempo requerido para realizar una
accin debe ser de 5 segundos.
12
Diseo
con gestos grandes:
Cuando el usuario usa su Smartphone, est utilizando una gran superficie de la pantalla, o sea que no requiere de tanta precisin. Sin embargo, al utilizar un Smart watch la pantalla es mucho ms pequea y por
consiguiente necesita de una precisin mucho mayor.
Si
tienes que reducir la velocidad al caminar o parar una conversacin para ser precisos, debes considerar
disear gestos ms grandes.
13
La mejor experiencia en un dispositivo porttil es cuando el contenido correcto est ah slo cuando el usuario lo necesita. Haz una lista de todas las situaciones en las que un usuario se podra encontrar para hacer tu
aplicacin til.
Cosas en comn.
La hora del da.
Ciertas actividades fsicas.
Lo ms probable es llegar a visualizar situaciones diferentes, lo cual es bueno, ya que significa que se puede
disear una tarjeta para cada una de esas situaciones. Recuerda que el usuario siempre tiene la opcin de
silenciar por completo las tarjetas (notificaciones) si siente que no son lo suficientemente relevantes.
Por ejemplo:
Una aplicacin que ofrece a los usuarios el registro de entrada podra aparecer
sugiriendo otro lugar ms cercano, despus de estar cierta cantidad de tiempo
en ese lugar.
Hacer
algo, muy rpido:
Si a los usuarios les toma unos segundos interactuar con tu aplicacin ellos la utilizarn muchas veces durante el da. Si ests utilizando una tarjeta recuerda que puedes utilizar varias pginas.
Diseo
de la esquina del ojo:
Si piensas en disear tu aplicacin a solo un vistazo puede ayudar al usuario a obtener todo el valor de tu
aplicacin y rpidamente volver a lo que estaba haciendo.
No
seas un acosador constante:
No utilices demasiado la vibracin. 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 telfono.
14
ESTRUCTURA DE LAS APLICACIONES

En un Smartphone los usuarios tienen que tocar los conos para abrir las aplicaciones. Android Wear es diferente; una aplicacin wearable muestra solo una tarjeta en pantalla solo cuando sucede algo realmente relevante.
Resumiendo lo anterior podemos decir lo siguiente:
La interaccin que tienen los usuarios con los telfonos es distinta a la que tienen con Android Wear.
Se recomienda no utilizar flujos que hagan pensar demasiado al usuario.
FUNCIONALIDAD. NOTIFICACIONES.
NOTIFICACIONES PUENTEADAS:
Esta es la forma ms sencilla de conseguir en Android
Wear. Se pueden aadir caractersticas de wearables
como pginas adicionales y respuestas de voz mediante
el uso de las nuevas API de notificacin.
NOTIFICACIONES CONTEXTUALES:
Esto es lo que hace Android Wear mejor: muestra la
informacin de los usuarios y la funcionalidad solo
cuando lo necesitan.
HE AQU CMO FUNCIONA:
La aplicacin sabe cundo algo es importante para el
usuario. Cuando se produce el evento apropiado, la
aplicacin desencadena una notificacin.
La obtencin de activacin del contexto adecuado es
una de las cosas ms impactantes que se pueden hacer
para elaborar una gran experiencia de usuario.
La forma ms sencilla de hacerlo es utilizar plantillas estndar para las notificaciones de Android. Pero tambin
puedes hacer tu propio diseo desde cero con una
actividad dentro de una tarjeta.
15
INTERFAZ DE USUARIO. MAPA COMPLETO DE LA PANTALLA

2D PICKER:
Normalmente estamos acostumbrados a visualizar listas en una sola fila (dimensin), este tipo de listas se les
llama 1D.
El 2D Picker es un patrn que se utiliza para mostrar opciones de una lista una matriz 2D de opciones, una
forma de presentar opciones categorizadas.
En una vista de cuadrcula (dos dimensiones) el usuario puede desplazarse libremente en ambas dimensiones, como se muestra.
16
LA NAVEGACIN DEBE SER VERTICAL Y LUEGO HORIZONTAL,

NO HORIZONTAL-VERTICAL:
Algunos consejos para la navegacin 2D:
Reducir al mnimo el nmero de tarjetas.
Mostrar la tarjeta ms popular en la parte superior.
Mantn 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 suceda algo similar. En esos casos, podra ser una buena idea disear pantalla completa.
1.
Se muestra una notificacin

contextual en tarjeta.
2.
El usuario hace tap en la

tarjeta.
3.
Se abre un activity en
pantalla completa para
una micro interaccin.
4.
Se quita la actividad y el
usuario regresa al flujo.
17
CUNDO HACER UNA APLICACIN DE PANTALLA COMPLETA?

Se recomienda hacer una aplicacin de pantalla completa solo cuando el trabajo deseado no
se puede realizar en una tarjeta, en esos casos se puede disear un activity a full-screen para
posteriormente salir rpidamente. Esto har sentir al usuario que tu aplicacin funciona como
una parte integrada del sistema. Android Wear utiliza una pantalla completa para sus propias
aplicaciones como la de comandos por voz y cronmetro.
HAZ QUE TUS APLICACIONES DE PANTALLA SEAN COMPLETAMENTE DISTINTAS
Debes procurar que tu diseo de pantalla completa no luzca como una tarjeta ya que podra
confundir a los usuarios, un diseo 2D te puede ayudar mucho para estos casos.
SALIDAS AUTOMTICAS
Muchos dispositivos no tienen botn de home o back, por lo que salir de una aplicacin a
veces ser ms difcil, por esta razn debes procurar las salidas automticas, por ejemplo:
Un mapa que le pida a un usuario colocar un pin, y al ponerlo la aplicacin salga de la aplicacin.
Un juego corto que al terminar salga de la aplicacin automticamente.
Una aplicacin de dibujo que se termine al detectar 5 segundos de inactividad.
SALIDAS MANUALES
An con los puntos de salida automticos pueden existir momentos en los que el usuario
desea salir inmediatamente de la aplicacin.
En todas las aplicaciones se debe tratar el long-press dando a los usuarios la oportunidad de
salir, para esto puedes utilizar DismissOverlayView.
18
RECURSOS PARA ANDROID WEAR

1: KIT DE HERRAMIENTAS PARA INTERFAZ DE USUARIO:
El kit de herramientas contiene las especificaciones y las mediciones
de todos los componentes de interfaz de usuario de Android Wear,
primarios detallados.
Disponible
en formatos PDF e Illustrator.
http://developer.android.com/downloads/design/Android_Wear_Toolkit_20140722.ai
http://developer.android.com/downloads/design/Android_Wear_Toolkit_20140722.pdf
2: PATRONES DE FLUJO MUESTRA:

Ejemplos de cmo 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 actividades de pantalla completa.
Disponible
en formatos PDF e Illustrator.
http://developer.android.com/downloads/design/Android_Wear_Patterns_20140722.ai
http://developer.android.com/downloads/design/Android_Wear_Patterns_20140722.pdf
19
3: DISEO MUESTRA DE MAQUETACIN DE UNA APLICACIN:

Tarjetas y elementos de interfaz de usuario para algunas aplicaciones
de ejemplo en formato PSD completamente editable.
Disponible
en formato PSD.
http://developer.android.com/downloads/design/Android_Wear_Sample_Assets.zip
4: KIT DE HERRAMIENTAS DE INTERFAZ DE USUARIO PARA WATCH FACES:

Especificaciones y medidas detalladas para fondos, tarjetas de notificacin, e indicadores del sistema.
Disponible
en formato PDF.
http://developer.android.com/downloads/design/AndroidWear_DesignSpec_11.13.pdf
20
GESTOS
Solamente los taps estn disponibles. Esta restriccin es importante para mantener las interacciones del sistema claras y coherentes, y para hacer que las interacciones en el watch-face lo ms simple posible.
Como regla general, la interaccin watch-face debe ser sencilla con el usuario de completar su accin deseada dentro de uno o dos toques.
21
ESTILOS
Existe una serie de consideraciones de diseo a tener en cuenta que son particulares de Android Wear, a
continuacin se muestran algunas:
TAMAO DE PANTALLA:
Se consciente de los diferentes tamaos de los dispositivos y formas. Los dispositivos porttiles son una forma de expresin 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 diseo de aplicaciones de pantalla completas.
Utiliza el emulador de Android Wear para probar los dispositivos tanto en cuadrados, 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 ESPECFICOS REQUERIDOS

Un conjunto bsico de recursos estndar, puede ser proporcionado en
funcin del diseo de la tarjeta:
Icono de la aplicacin.
Imagen de fondo o imgenes.
Iconos de accin.
Animaciones de confirmacin de la accin.
Por supuesto, el diseo especfico puede requerir otros activos.
Las imgenes de fondo deben ser proporcionados en formato landscape
al menos 600px de ancho para las notificaciones que incluyen pginas de
tarjetas, ya que el sistema aade automticamente un efecto parallax.
22
LA LEGIBILIDAD DE LA TARJETA:
Pruebe el diseo de la tarjeta para asegurar que la informacin til es visualizada
en la pantalla de inicio. El mensaje principal de la tarjeta debe ser legible y fcilmente de ser visualizada la informacin, sobre todo para las notificaciones
de contexto.
BAJA DENSIDAD DE INFORMACIN:

Las tarjetas deben ser diseadas para ser vistas en una fraccin de segundo, al
igual que la lectura de la hora en un reloj tradicional. En la mayora de los casos,
el par icono y valor, o un ttulo y subttulo debera ser suficiente para transmitir
un mensaje significativo.
Tenga en cuenta que la foto de fondo tambin se debe utilizar para transmitir
informacin; fondos que cambian para reflejar y apoyar el mensaje principal
de la tarjeta.
SEPARA LA INFORMACIN EN TROZOS:

En los casos en que sea absolutamente necesario obtener informacin adicional
no disees una tarjeta en el punto en que se vea afectada la legibilidad de la
informacin, en su lugar aade una o varias pginas adicionales a la derecha de
la tarjeta principal.
23
ANIMACIONES PARA CONFIRMACIONES:

Si tu aplicacin permite al usuario realizar una accin, es necesario proporcionar
retroalimentacin positiva. Mostrar una animacin de confirmacin genrica o
crear una propia.
Una animacin de confirmacin es una oportunidad para expresar el carcter de
tu aplicacin e inserta un momento agradable para tu usuario.
Crea animaciones cortas (menos de 1000 ms) y simples. La animacin del icono
de confirmacin es una forma efectiva para transmitir al usuario un nuevo estado
despus de haber completado una accin.
24
CREANDO Y CORRIENDO UNA APLICACIN WEAREABLE
Las aplicaciones de Wearable se ejecutan directamente en el dispositivo porttil, que le da

acceso al hardware de bajo nivel, tales como sensores, actividades, servicios y ms.
Una aplicacin wearable necesita de la aplicacin 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 actualizacin de sus herramientas de SDK a la versin 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 ms alto.
La versin 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.
25
LEVANTANDO UN DISPOSITIVO VIRTUAL WEAREABLE

CONFIGURAR UN ANDROID WEAR DE DISPOSITIVOS VIRTUALES
Para configurar un dispositivo virtual Android Wear:
Haga
clic en Herramientas> Administrador de Android> AVD.
26
Haga clic en Crear dispositivo virtual
27
Selecciona el tipo de dispositivo
Seleccionar Android Wear cuadrada o redonda
Haga clic en Siguiente.
28
Seleccione un Sistema Operativo (por ejemplo, KitKat Wear).
Haga clic en Siguiente.
29
(Opcional) Cambie sus preferencias para el dispositivo virtual.
Haga clic en Finalizar.
30
Iniciar el emulador.
Seleccione el dispositivo virtual que acaba de crear.
Haga clic en el botn Play.
Espere hasta que el emulador se inicie y muestre la pantalla principal de Android Wear.
31
Enlazar el telfono con el emulador:

1. En el telfono, instalar la aplicacin Android Wear de Google Play.
Link
de descarga:
https://play.google.com/store/apps/details?id=com.google.android.wearable.app&hl=es_419
32
2. Conecta el telfono a la computadora va USB.
3. Verifica en qu ubicacin se encuentra el path de tu Android sdk puedes verlo abriendo tu

SDK Manager.
33
4. Una vez que localizaste el path accede desde la terminal del IDE a ella, con el comando cd
Dirgete a la carpeta platform-tools.
34
5. Corre el siguiente comando para transmitir el puerto de comunicacin entre el AVD al telfono conectado (debes hacerlo cada vez que el telfono est conectado):
adb -d forward tcp:5601 tcp:5601

6. Iniciar la aplicacin Android Wear en tu telfono y conectar con el emulador.
7. Pulse en el men de la esquina superior derecha de la aplicacin Android Wear y seleccione Probar notificaciones del reloj o algo similar.
35
8. Las tarjetas que seleccione aparecen como notificaciones en la pantalla principal del
emulador.
36
CONFIGURACIN DE UN DISPOSITIVO ANDROID WEAR

Para configurar un dispositivo Android Wear:
1. Instalar la aplicacin Android Wear, disponible en Google Play, en la telfono.
Link de descarga:
https://play.google.com/store/apps/details?id=com.google.android.wearable.app&hl=es_419
Siga las instrucciones de la aplicacin para vincular el telfono con su weareable. Esto le permite probar las notificaciones sincronizadas del telfono, si se les est construyendo.
Deja la aplicacin Android Wear abierta en tu telfono.
2. Habilitar la depuracin ADB en el dispositivo Android Wear.
Vaya a Configuracin> Acerca de.
Toque Nmero de Compilacin siete veces.
Deslzate hacia la derecha para volver al men de configuracin.
Ir a Opciones de desarrollador en la parte inferior de la pantalla.
Toque ADB depuracin para permitir adb.
37
3. Conectar el wearable, a su equipo a travs de USB, por lo que puede instalar aplicaciones
directamente a ella a medida que desarrolla. Aparece un mensaje en tanto el wearable, y la
aplicacin Android Wear le pide que permita la depuracin.
4. En la aplicacin 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 mquina a travs de USB, se puede intentar la conexin a travs de Bluetooth.
CONEXIN A TRAVS DE BLUETOOTH
Configuracin del dispositivo:
1. Habilitar la depuracin USB en el telfono:
Abre la aplicacin Ajustes y desplcese hasta la parte inferior.
Si no tiene una configuracin de Opciones de desarrollo, toque Acerca del telfono (o
Acerca de la tableta), vaya a la parte inferior, y pulse el nmero de compilacin 7 veces.
Volver atrs y pulse Opciones de desarrollo.
Habilitar depuracin de USB.
2. Habilitada la depuracin 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 ningn elemento Opciones de desarrollo,
toque Acerca de, y luego toque el nmero de compilacin 7 veces.
4. Pulse el elemento Opciones de desarrollo.
5. Habilitar depuracin a travs de Bluetooth.
38
CONFIGURANDO UNA SESIN DE DEBUGGING:

1. Abra la aplicacin Android Wear en el telfono.
2. En la parte superior derecha seleccione Configuracin.
3. Habilitar la depuracin a travs de Bluetooth.

Deberas ver lo siguiente:
Host: disconnected
Target: connected
4. Conecta el telfono a la computadora por USB.
39
5. Verifica en qu ubicacin 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.
40
Una vez ah dirgete a la carpeta platform-tools.
7. Corre el siguiente comando para establecer un puente de conexin:
adb forward tcp:4444 localabstract:/adb-hub

adb connect localhost:4444
Si estas en sistema Mac OS o Linux, debes anteponer ./ en el comando adb de la siguiente
forma:
./adb forward tcp:4444 localabstract:/adb-hub

./adb connect localhost:4444
Si se rechaza la conexin, verifica todos los pasos anteriores y en vez de colocar localhost
coloca la direccin ip: 127.0.0.1
adb forward tcp:4444 localabstract:/adb-hub

adb connect 127.0.0.1:4444
41
Una vez conectado, te saldr una notificacin en el dispositivo Watch, y en la aplicacin

Android Wear, se debe ver los siguiente:
Host: connected
Target: connected
Corre tu proyecto con normalidad y ahora debe aparecer tu dispositivo Watch disponible para
correr.
42
CREAR UN PROYECTO
Para comenzar el desarrollo, crear un proyecto de aplicacin que contiene los mdulos de
aplicaciones porttiles y de mano. En Android Studio, haga clic en Archivo> Nuevo proyecto y
siga las instrucciones del asistente de proyectos, como se describe en Creacin de un proyecto. A medida que siga el asistente, introduzca la siguiente informacin:
1. En la ventana de su proyecto Configurar, introduzca un nombre para la aplicacin y el nombre del paquete.
43
2. En la ventana de los factores de forma:

Seleccionar telfono y la tableta y seleccione API 9: Android 2.3 (Gingerbread) bajo SDK
mnimo.
Seleccione Wear y seleccione API 20: Android 4.4 (KitKat desgaste) bajo SDK mnimo
44
3. En la primera ventana Aadir una actividad en blanco.
45
4. En la segunda ventana Aadir una actividad en blanco para Wear.
46
47
Cuando se complete el asistente, Android Studio crea un nuevo proyecto con dos mdulos,
mobile y wear.
Ahora tienes un proyecto para la telfono y Android wear para cualquiera de estos crear
actividades, servicios y layouts personalizados.
La aplicacin para telfono hace la mayor parte del trabajo, tales como comunicaciones de red,
procesamiento intensivo o tareas que requieren largos perodos de interaccin con el usuario.
Cuando la aplicacin completa estas operaciones, deber notificar a wearable de los resultados
a travs de notificaciones o mediante la de los datos.
Nota: El mdulo de wear tambin contiene una actividad de Hello World que utiliza un WatchViewStub.
Esta clase infla un diseo en funcin 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 para
weareables proporciona.
48
COMPOSICIN DEL PROYECTO ANDROID WEAR.
Un proyecto Android Wear luce muy similar an proyecto para mobile.
ANDROIDMANIFEST.XML
Existe un archivo AndroidManifest.xml el cual tendr toda la configuracin de la aplicacin

wear, la declaracin de activities, servicios, permisos etc. adems de una feature que se observa en la imagen, el cual significa que esta aplicacin ser utilizada para un hardware de tipo
watch.
49
ARCHIVOS .JAVA
Observaremos que tambin tenemos una carpeta java, en la cual se colocarn 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, adems observamos que
contiene cdigo adicional el cual tendr todo el manejo de los views para un Watch.
Observamos estas lneas de cdigo:
La clase WatchViewStub ser la que controle todos los views contenidos en el layout,
el mtodo setOnLayoutInflatedListener, estar escuchando cuando la vista sea mostrada
en pantalla (inflada), a partir de ese momento se puede proceder a manipular los views.
La manipulacin de los views declarados en el layout, debe darse dentro del mtodo
onLayoutInflated, como se muestra en la figura anterior.
50
ARCHIVOS DE RECURSOS - RES
Dentro de un proyecto wear podemos tener recursos que estn accesibles solo para
la aplicacin wearable como:
IMGENES DRAWABLE
LAYOUTS LAYOUT
ICONOS MIPMAP
STRINGS VALUES
51
LAYOUTS
En Android Wear tendremos que disear 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
El ltimo layout que alcanzamos a ver activity_main.xml se encargar de hacer la coordinacin sobre qu
layout mostrar oportunamente dependiendo del dispositivo en donde abierta la aplicacin en ese momento.
52
STRINGS
Aqu tambin tendremos disponible un archivo strings.xml para concentrar todos los textos
de la aplicacin wear.
53
GRADLE
Cuando creamos una aplicacin Android Wear tendremos disponible dos archivos de configuracin gradle, uno para mobile y otro para wear.
En el archivo gradle mobile ser necesario que est presente la lnea wearApp project(:wear) en la seccin de dependencias, pues est har que la aplicacin wear sea una
extensin de mobile y que dependa de este, sin esta lnea la aplicacin wear sera invisible
y todo lo que est contenido en el proyecto no funcionara.
El archivo gradle wear contendr todas las dependencias y libreras y sern exclusivas para
el proyecto wear. Es muy importante que estas dos estn presentes pues as podremos
disponer de widgets diseados para wear.
compile com.google.android.support:wearable:1.3.0
compile com.google.android.gms:play-services-wearable:8.3.0
Tambin es importante seala que en ambos archivos gradle deber estar incluida la librera
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
54
INSTALAR LA APLICACIN DE WEARABLE
Cuando ests desarrollando tus aplicaciones wear se instalarn directamente en el wearable

como una extensin de tu aplicacin mvil.
Para correr tu aplicacin puedes utilizar el comando:
adb install
O el botn de Play de Android Studio
Cuando tu aplicacin est lista para ser publicada, la aplicacin wear vendr incrustada en la
app mobile. Cuando un usuario instala la aplicacin mobile de Google Play, y tiene un conectado weareable, recibe automticamente la aplicacin weareable,.
Nota: La instalacin automtica de aplicaciones wear, no funciona si firmas tu aplicacin con una llave debug
(debug key), solo funciona con llaves release (release key).
Para instalar la aplicacin Hello World wear, en Android Studio selecciona el men que se
muestra en la figura, elige la opcin wear y posteriormente oprime el botn de Play. La actividad se presenta en el weareable, e imprime Hola mundo!
55
CREANDO NOTIFICACIONES
El uso de notificaciones en Android fue a partir de la versin 3.0 en donde se incluy la clase
Notificaction.Builder.
En este enlace puedes encontrar todos los mtodos asociados:
http://developer.android.com/intl/es/reference/android/app/Notification.Builder.html
NOTIFICACIONES WEAR
Las notificaciones Android Wear utilizan el API estndar de notificaciones pero se han agregado caractersticas propias para Wear atreves de la clase NotificationCompat.WearableExtender.
Los mtodos se muestran en la siguiente tabla:
Para generar una notificacin se deber crear una instancia de WearableExtender como se
muestra en el siguiente cdigo.
NotificationCompat.WearableExtender wearFeatures = new
NotificationCompat.WearableExtender();
Notification notification = new NotificationCompat.Builder(this)
.setContentTitle(Mi primera notificacin)
.setContentText(Mi Notificacin Android Wear!)
.extend(wearFeatures)
.build();
56
CONSTRUYENDO NOTIFICACIONES
No existe una gran diferencia en la visualizacin de notificaciones en Android Mobile y Android Wear. Probablemente la nica diferencia sea la clase.
Se puede utilizar la clase NotificationManagerCompat para levantar una notificacin, en ella se
han incluido las libreras 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 Notificacin Android Wear)
.setContentText(Mi primera notificacin!)
.build();
mNotificationManager.notify(NOTIFICATION_ID, notification);
}
}
57
58
AADIENDO UN ICONO DE APLICACIN.

Las aplicaciones Android Wear pueden tener su propio icono definindolo en el archivo AndroidManifes.xml de ambos mdulos (mobile y wear) como se muestra en la figura.
AndroidManifest.xml (mobile)
59
MainActivity.java (mobile)
AndroidManifest.xml (wear)
60
NOTIFICACIONES WEAR:
NOTIFICACIN CON TEXTO LARGO.

Si quieres construir una notificacin en donde se muestren ms lneas de texto, necesitars
definir un objeto NotificationCompat.BigTextStyle para que tu notificacin tenga un estilo configurado y la habilite para mostrar textos largos.
61
NOTIFICACIN CON IMAGEN DE FONDO.

Al igual que el ejemplo anterior podemos construir una notificacin 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 mtricas de diseo que vimos anteriormente.
La imagen de fondo debe medir al menos 600px.
62
BIBLIOGRAFA:
Professional Android Wearables
Autor: David Cuartielles Ruiz and Andreas Gransson

Editorial Wrox Programmer to Programmer
CIBERGRAFA
http://developer.google.com
63

Fundamentals Bulding Apps For Wereables - 29 - Mar - 2016

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Fundamentals Bulding Apps For Wereables - 29 - Mar - 2016

Cargado por

Copyright:

Formatos disponibles

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

QU SON LOS WEARABLES?

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

DESARROLLANDO PARA ANDROID WEAR

EN ANDROID WEAR TENDREMOS TRES CASOS ESPECFICOS EN LOS QUE PODEMOS

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

VISIN ANDROID WEAR

La mayora de la gente est acostumbrada a lanzar aplicaciones haciendo clic en

TODO SOBRE CUANDO NOTIFICAR ALGO:

CERO O LA MENOR INTERACCIN POSIBLE:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

en no detener el usuario y que el resto siga:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

con gestos grandes:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

algo, muy rpido:

de la esquina del ojo:

seas un acosador constante:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

ESTRUCTURA DE LAS APLICACIONES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

INTERFAZ DE USUARIO. MAPA COMPLETO DE LA PANTALLA

FUNDAMENTALS BUILDING APPS FOR WEARABLES

LA NAVEGACIN DEBE SER VERTICAL Y LUEGO HORIZONTAL,

NO SOLO USES TARJETAS, CREA TUS PROPIOS LAYOUTS.

Se muestra una notificacin

El usuario hace tap en la

FUNDAMENTALS BUILDING APPS FOR WEARABLES

CUNDO HACER UNA APLICACIN DE PANTALLA COMPLETA?

FUNDAMENTALS BUILDING APPS FOR WEARABLES

RECURSOS PARA ANDROID WEAR

en formatos PDF e Illustrator.

2: PATRONES DE FLUJO MUESTRA:

en formatos PDF e Illustrator.

FUNDAMENTALS BUILDING APPS FOR WEARABLES

3: DISEO MUESTRA DE MAQUETACIN DE UNA APLICACIN:

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

FUNDAMENTALS BUILDING APPS FOR WEARABLES

FUNDAMENTALS BUILDING APPS FOR WEARABLES

LOS RECURSOS ESPECFICOS REQUERIDOS

FUNDAMENTALS BUILDING APPS FOR WEARABLES

BAJA DENSIDAD DE INFORMACIN:

SEPARA LA INFORMACIN EN TROZOS:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

ANIMACIONES PARA CONFIRMACIONES:

FUNDAMENTALS BUILDING APPS FOR WEARABLES

CREANDO Y CORRIENDO UNA APLICACIN WEAREABLE

Las aplicaciones de Wearable se ejecutan directamente en el dispositivo porttil, que le da

Tener lista la actualizacin de sus herramientas de SDK a la versin 23.0.0 o superior.

La versin actualizada plataforma ofrece nuevas APIs para aplicaciones weareable.

FUNDAMENTALS BUILDING APPS FOR WEARABLES

LEVANTANDO UN DISPOSITIVO VIRTUAL WEAREABLE

clic en Herramientas> Administrador de Android> AVD.

FUNDAMENTALS BUILDING APPS FOR WEARABLES

Haga clic en Crear dispositivo virtual