Presentación

Temas

Consideraciones y diferencias entre dispositivos

• Capacidades de Hardware
  • Memoria y Almacenamiento
  • Sensores
  • Procesador
• Sistemas Operativos y Plataformas
  • Android vs iOS
  • Dispositivos Especializados
• Conectividad
  • Tipos de Conexión
  • Interoperabilidad

Temas

Consideraciones y diferencias entre dispositivos

• Dispositivos IoT (Internet de las Cosas)
  • Especialización
  • Interfaz Limitada o Inexistente
  • Conectividad Permanente
• Asistentes Virtuales (e.g., Amazon Echo, Google Home)
  • Interfaz Basada en Voz
    • Uso Generalizado
    • Conectividad e Integración
• Dispositivos de Realidad Aumentada/Virtual (AR/VR)
  • Interacción Inmersiva
  • Alta Demanda de Recursos

# Concideraciones

Consideraciones y diferencias entre dispositivos

Desarrollar para dispositivos inteligentes requiere tener en cuenta varias consideraciones, ya que estos dispositivos varían ampliamente en cuanto a capacidades, restricciones y contextos de uso.

# Concideraciones

Consideraciones y diferencias entre dispositivos

# Concideraciones

Consideraciones y diferencias entre dispositivos

# Concideraciones

Actividad de aprendizaje

De los siguientes dispositivos ¿cuales serían sus diferencias?

# Concideraciones

Actividad de aprendizaje

• Google Frexus
• Selecciona la opción Generando valor agregado
• Pulsa en el menú academía.
• Haz clic sobre el enlace de la materia.
• Lee el recurso: techplus
• Después de leer Responde las preguntas.

# Concideraciones

Proyecto

# Herramientas

Herramientas de Desarrollo para Interfaces en Wearables

Android Studio (Wear OS)

• Es el entorno oficial para desarrollar aplicaciones para el ecosistema Android, incluyendo Wear OS (el sistema operativo de Google para relojes inteligentes). 
• Utiliza el sistema XML y Jetpack Compose para crear interfaces gráficas. Los desarrolladores pueden diseñar pantallas optimizadas para pequeños factores de forma, como los relojes inteligentes.
• Ofrece un emulador de Wear OS, que permite probar la interfaz y las interacciones, simulando diferentes tamaños de pantalla, resoluciones y hasta sensores como GPS o acelerómetros.
• Incluye el editor de diseño visual que permite arrastrar y soltar componentes para generar interfaces rápidamente.

# Herramientas

Herramientas de Desarrollo para Interfaces en Wearables

Xcode (watchOS)

• Es la plataforma de desarrollo oficial de Apple, utilizada para crear aplicaciones para dispositivos como el Apple Watch, que utiliza watchOS.
• Soporta el diseño de interfaces usando SwiftUI, una herramienta declarativa para crear interfaces que pueden adaptarse a las pantallas pequeñas de los wearables. También soporta Storyboard para interfaces gráficas.
• permite probar aplicaciones en diversos modelos de Apple Watch con diferentes tamaños de pantalla y capacidades.
• Gran integración con el ecosistema Apple, y facilidad para aprovechar funcionalidades avanzadas como las notificaciones personalizadas y la integración con Siri.

# Herramientas

Herramientas de Desarrollo para Interfaces en Wearables

Flutter

• Es un SDK de desarrollo multiplataforma que permite crear aplicaciones tanto para Android (Wear OS) como para iOS (watchOS), utilizando un solo código base. Flutter es conocido por permitir la creación de interfaces atractivas y nativas en diferentes plataformas.
• Utiliza Dart como lenguaje de programación y permite crear interfaces personalizadas con un alto nivel de diseño responsivo. Es útil para diseñar interfaces que se adapten a diferentes tamaños de pantalla y resoluciones de wearables.
• Puede ejecutarse en el emulador de Android Studio para Wear OS o en el emulador de Xcode para watchOS.
• Unifica el desarrollo de interfaces entre diferentes plataformas, acelerando el proceso de diseño y manteniendo consistencia.

# Herramientas

Herramientas de Desarrollo para Interfaces en Wearables

Tizen Studio (Samsung Wearables)

• Es un entorno de desarrollo especializado para dispositivos que usan Tizen OS, un sistema operativo que emplean algunos wearables de Samsung, como los relojes inteligentes Galaxy.
•  Permite crear interfaces usando HTML5, JavaScript, y CSS, lo que facilita la adaptación de desarrolladores web al ecosistema de wearables. Además, permite diseñar interfaces nativas con C y C++.
• El emulador de Tizen Studio simula el comportamiento de dispositivos Galaxy Wearables, probando interfaces y funciones del sistema operativo Tizen.
• Proporciona herramientas para optimizar la interfaz según la interacción con la pantalla táctil, sensores y conectividad.

# Herramientas

Herramientas de Desarrollo para Interfaces en Wearables

Visual Studio con Xamarin

• Integrado en Visual Studio, permite desarrollar aplicaciones para múltiples plataformas, incluyendo Android Wear y watchOS.
• Usa XAML para el diseño de interfaces en Android y iOS. Facilita la creación de pantallas adaptadas para relojes inteligentes mediante la reutilización de código entre plataformas.
• Permite la integración de emuladores de Android Studio y Xcode para probar las aplicaciones en los dispositivos deseados.
• Desarrollo multiplataforma que reduce los costos de tiempo y permite pruebas exhaustivas en emuladores integrados.

# Herramientas

Actividad de aprendizaje

1.  Genera una investigación a profundidad sobre el tema sobre las ventajas y desventajas de las herramientas de desarrollo y emuladores aplicable a la creación de interfaces en wearables.
2. Después crea una tabla donde se muestre las ventajas, desventajas, sistema operativo en el que se encuentra disponible, es opensources.
3. Como grupo elijamos uno

# Desarrollo para Dispositivos Inteligentes

¿Wearable app?

Se conceptualiza como una aplicación portatil, donde pueden existir para distintos formatos (ropa, pulseras, reloj, en tre otros)

# Desarrollo para Dispositivos Inteligentes

¿Tecnología portatil?

• Es típicamente una categoría de dispositivos tecnológicos que un usuario utiliza, ya sea directamente como accesorio o como parte de otros materiales como la ropa.
• Estos dispositivos se conectan a Internet directamente a través de un teléfono inteligente para realizar una serie de funciones intercambiando datos entre la red y el dispositivo.

# Desarrollo para Dispositivos Inteligentes

¿Tecnología portatil?

• Es típicamente una categoría de dispositivos tecnológicos que un usuario utiliza, ya sea directamente como accesorio o como parte de otros materiales como la ropa.
• Estos dispositivos se conectan a Internet directamente a través de un teléfono inteligente para realizar una serie de funciones intercambiando datos entre la red y el dispositivo.

# Desarrollo para Dispositivos Inteligentes

Elementos para crear una wearable app

Selección de lenguaje

Fashion over function (minimalista)

UX/UI

Limitaciones de Hardware

# Desarrollo para Dispositivos Inteligentes

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Wear OS

Diseño de tareas escenciales

# Desarrollo para Dispositivos Inteligentes

• Enfócate en una o dos necesidades de tus usuarios objetivo en lugar de en una experiencia de app completa.
• No migres una base de código para dispositivos móviles y la adaptes con una interfaz de usuario de Wear OS. En su lugar, encuentra tareas esenciales que funcionan bien en la muñeca y optimiza la experiencia en Wear OS.

Basado en Android. Las buenas prácticas de Android se aplica en las wearable app. Wear OS está optimizado para relojes, por lo que hay algunas diferencias.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Optimización para la muñeca

Respeto a la privacidad del usuario

# Desarrollo para Dispositivos Inteligentes

• Tu app debe ganarse la confianza del usuario antes de que este le otorgue permiso y haga lo siguiente:
  • accedan a información potencialmente sensible sobre ellos.
  • El sistema proporciona varias maneras de ayudar a los usuarios a mantener su privacidad.

• Ayuda a las personas a realizar tareas en el reloj en cuestión de segundos para evitar molestias ergonómicas o fatiga en el brazo.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Panel de privacidad

# Desarrollo para Dispositivos Inteligentes

• Vista centralizada del uso de datos de cada app, lo que incluye detalles:
  • Los tipos de datos a los que se accede, como la ubicación y el micrófono.
  • La fecha en la que se accedió a esos tipos de datos
• Con esta información, los usuarios pueden tomar decisiones, sobre qué apps deberían seguir teniendo acceso a sus datos personales.
• Para mantener las cuentas confiar en los datos, usar los datos de forma responsable y ser transparente al recopilar y utilizar los de datos no estructurados.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Detección de captura de pantalla

# Desarrollo para Dispositivos Inteligentes

•  Wear OS 5 o versiones posteriores, las apps pueden usar un API de detección de capturas de pantalla.

Plataforma adecuada

•  Wear OS tiene muchas plataformas (dispositivos), más que los móviles para atraer a los usuarios.
• Las apps deben adaptar el contenido para estás.
• Cada plataforma tiene su propio caso de uso.
• Si se requiere más acción, dirige al usuario a un a experiencia de app más completa.
• Escala tu contenido, según las necesidades del usuario.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Agrega notificaciones a plataformas adicionales

# Desarrollo para Dispositivos Inteligentes

• Sincroniza cualquier notificación en curso con un elemento OngoingActivity para agregar esa notificación, dentro de la interfaz de usuario de Wear OS para aumentar la participación con actividades de larga duración.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Brinda compatibilidad para casos sin conexión

# Desarrollo para Dispositivos Inteligentes

• Si bien un dispositivo Wear OS generalmente admite Bluetooth y Wi-Fi, es posible que no sea compatible con LTE.
• Diseña para conexiones inestables y casos de uso sin conexión, como hacer ejercicio o viajar ida y vuelta al trabajo, cuando un usuario puede dejar su dispositivo móvil en casa.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Proporciona contenido relevante

# Desarrollo para Dispositivos Inteligentes

• El reloj casi siempre está con el usuario.
• Mantén el contenido de la app actualizado según el contexto del usuario, como la hora, el lugar y la actividad.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Ayuda a los usuarios a completar una tarea desde otro dispositivo

# Desarrollo para Dispositivos Inteligentes

• Las personas tienen cada vez más dispositivos.
• El reloj puede ayudarlas a completar una tarea en un ecosistema distribuido de dispositivos.
• Revisa los casos de uso en los que esto tenga sentido para tu app.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Mejora la experiencia del usuario durante el inicio en frío de la app

# Desarrollo para Dispositivos Inteligentes

• Crea una actividad de presentación con un tema independiente y establece su windowBackground en el elemento de diseño de presentación personalizado en el archivo de manifiesto.
• La pantalla de presentación está formada por una lista de capas con dos elementos: el color de fondo y el elemento de diseño personalizado que suele ser el ícono de la app.
• El elemento de diseño debe tener 48 x 48 dp.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Usa la función "siempre activa" con moderación

# Desarrollo para Dispositivos Inteligentes

• Si un usuario deja de usar el reloj durante una sesión con tu app, el dispositivo pasará al modo ambiente del sistema para ahorrar batería.

• Wear OS hará que esa app vuelva a su estado activo si el usuario interactúa con el dispositivo nuevamente dentro de un período específico.

• En la mayoría de los casos de uso, esto debería ser suficiente para que el usuario tenga una buena experiencia y ahorre batería.

• Si la app es visible durante más tiempo, por ejemplo, durante una sesión completa de entrenamiento. De ser así, deberás usar AmbientLifecycleObserver. 

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

No mantengas un bloqueo de activación

# Desarrollo para Dispositivos Inteligentes

• Usa APIs como Health Services para obtener datos de sensores y permitir que la CPU se suspenda entre lecturas o entregas.

Usa la tecnología táctil para confirmar acciones

• Usa respuestas táctiles para confirmar acciones, como iniciar, detener, pausar automáticamente o dar vuelta automáticamente.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Optimiza la administración de ubicaciones y sensores

# Desarrollo para Dispositivos Inteligentes

• La admin. de sensores es muy importante y puede afectar la duración de la batería de forma negativa si no se realiza correctamente.

• Seguir estas recomendaciones cuando uses sensores:

  • Usa sensores en modo por lotes siempre que sea posible.

  • Vacía los sensores cuando la pantalla o la app se vuelvan a activar.

  • Cambia la duración del procesamiento por lotes cuando se apague la pantalla para conservar batería.

  • Cancela el registro de los objetos de escucha de sensores cuando ya no sean necesarios.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Usa el bloqueo táctil

# Desarrollo para Dispositivos Inteligentes

• Inhabilitar la experiencia táctil mejora la experiencia de la app. Por ejemplo, tiene sentido inhabilitar el tacto cuando se realiza el seguimiento de un entrenamiento, ya que es muy probable que, en este caso, ocurra un tacto accidental.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Para las notificaciones

# Desarrollo para Dispositivos Inteligentes

• Usa MessagingStyle para mejorar la experiencia del usuario en la app.

  Compatibilidad con la entrada de voz
  Asegúrate de que la función de voz a texto sea compatible, ya que es mucho más rápida en un reloj. También te recomendamos que admitas la función de audio grabado.

Compatibilidad con la entrada de voz

• Asegúrate de que la función de voz a texto sea compatible, ya que es mucho más rápida en un reloj. También te recomendamos que admitas la función de audio grabado.

# Desarrollo para Dispositivos Inteligentes

Principios para el desarrollo en wear os

Actividad de aprendizaje

# Desarrollo para Dispositivos Inteligentes

• Googlea: Frexus
• Selecciona la opción: Generando valor agregado
• Pulsa en el menú: academía.
• Haz clic sobre el enlace de la materia.
• Lee el recurso: Principios de WearOs
• Después de leer Responde las preguntas.

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Wear OS permite que los usuarios interactúen fácilmente con apps optimizadas para relojes.
• Las plataformas de apps en Wear OS se diseñaron teniendo en cuenta los trabajos. Por ejemplo, si tienes una sola unidad de información que los usuarios podrían querer mirar varias veces al día, procura ofrecer una complicación. Si tu contenido es de alto valor y altamente contextual, mejor usa una notificación.

• Considera la prioridad de la información en los dispositvos.

• Muestra el contenido con mayor prioridad en complicaciones y notificaciones, luego usa el espacio más grande en tarjetas y la app para mostrar más contenido de manera adecuada.

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Vista enfocada que puede entregar una tarea compleja o menos común, o bien un clúster de tareas.
• Es envolvente y es similar a la interfaz de usuario (IU) principal de una app para dispositivos móviles, aunque existen algunas diferencias.

App

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Proporcionan acceso rápido y predecible a información y acciones para resolver las necesidades de los usuarios.

• Se cargan con rapidez y se enfocan en las necesidades inmediatas del usuario.

• Se pueden presionar, para abrir una app en el reloj.

Tarjetas

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Es una acción única que se repite a menudo o una unidad de información muy visible en la cara de reloj.

• Los usuarios pueden presionar complicaciones para abrir una app en el reloj y obtener una experiencia más profunda.

Complicaciones

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Le proporciona al usuario información y acciones urgentes de un vistazo.

• En Wear OS son similares a las notificaciones en dispositivos móviles.

Notificaciones

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Ayudan a los usuarios a iniciar y reanudar las experiencias en su reloj. Cuando se presiona un acceso directo, se inicia una app.Admiten al menos una de las siguientes experiencias de selector de aplicaciones:
  • Vista de cuadrícula: Los íconos aparecen uno al lado del otro, tanto de forma vertical como horizontalmente,
  • Vista de lista: los íconos aparecen uno al lado del otro de forma vertical, 

Entradas del selector de aplicaciones

# Desarrollo para Dispositivos Inteligentes

Interfaces de Usuario en Wear Os

# Desarrollo para Dispositivos Inteligentes

• Son lienzos digitales dinámicos en los que los usuarios pueden expresar su estilo.
• La mayoría de las apps no necesitan crear un fondo de pantalla personalizado.
• Sin embargo, si crear una cara de reloj es relevante para tu app, Wear OS te permite personalizar la plataforma todo lo que quieras.

Caras de reloj

# Desarrollo para Dispositivos Inteligentes

Principios UX

# Desarrollo para Dispositivos Inteligentes

• Evita las jerarquías de más de dos niveles. Muestra navegación integrada.
  

Superficial y lineal

• Las vistas pueden desplazarse. Este es un gesto natural para que los usuarios vean más contenido en el reloj.

Desplazamiento

• Debido al tamaño de pantalla limitado, el diseño debe ser simple y sin complicaciones. Cada elemento en la pantalla debe tener un propósito claro.

Minimalismo

# Desarrollo para Dispositivos Inteligentes

Principios UX

# Desarrollo para Dispositivos Inteligentes

• Evita las jerarquías de más de dos niveles. Muestra navegación integrada.

Contexto

• La interacción con dispositivos portátiles es diferente a la de los teléfonos inteligentes o las computadoras. Los diseñadores deben considerar cómo interactuarán los usuarios con el dispositivo, ya sea mediante toques, gestos o comandos de voz.

Interacción

• los usuarios a menudo miran los dispositivos portátiles rápidamente para obtener información. Por lo tanto, la información más importante debe ser fácilmente visible y comprensible de un vistazo.

Capacidad de visualización

# Desarrollo para Dispositivos Inteligentes

Desafíos de UX/UI para wearables

# Desarrollo para Dispositivos Inteligentes

• El pequeño tamaño de los dispositivos portátiles limita la cantidad de información que se puede mostrar a la vez. 

Restricciones de tamaño

Variedad de dispositivos

• La tecnología de los wearables aún es relativamente nueva, los usuarios pueden tener diferentes expectativas sobre el rendimiento de sus dispositivos.

Expectativas de los usuarios

• La amplia variedad de dispositivos, cada uno con sus propias capacidades y limitaciones. Se debe asegurar de que sus interfaces funcionen bien en todos los dispositivos.

# Desarrollo para Dispositivos Inteligentes

Pasos para crearla con Android Estudio

# Desarrollo para Dispositivos Inteligentes

1. Abre Android Estudio y ve a Archivo > Nuevo > Nuevo proyecto. Aparecerá la ventana de Nuevo proyecto
2. En el panel Templates, selecciona Wear OS. Luego, en el panel principal, Selecciona app portatil vacía(Empty Wear App).
3. Coloca un nombre al proyecto y haz clic en Finalizar. Se descargará las dependencias necesarias.
4. Ahora ve a Herramientas > SDK Manager y, luego, instala los siguientes paquetes:
   1. Android 14.0 ("UpsideDownCake) (nivel de API 34), que incluye lo siguiente: Imagen del sistema para Wear OS 5: ARM 64 v8a y la Imagen del sistema para Wear OS 5: Intel x86 Atom_64.
   2. Android 13.0 ("Tiramisu") (nivel de API 33), que incluye lo siguiente: Imagen del sistema de Wear OS 4 ARM 64 v8a y Wear OS 4 Intel x86 Atom_64 Imagen del sistema.

# Desarrollo para Dispositivos Inteligentes

Configurar emulador en Android Estudio

# Desarrollo para Dispositivos Inteligentes

1. En SDK Manager, pestaña SDK Tools. Confirmar que tenes la versión más reciente de las Herramientas de la plataforma del SDK de Android.
2. En Tools > Device Manager. Selecciona Create (+). Aparecerá el asistente Virtual Device Configuration.
3. En el panel Category, selecciona Wear OS y perfil de hardware, Wear OS Small Round. Clic en siguiente.
4. iImágenes que se usan fuera de China, elegir UpsideDownCake. Versión orientada: Android 14.0 (Wear OS 5). 

5. Puedes mantener el valor predeterminado para todos los parámetros de configuración en esta pantalla, a menos que quieras personalizar el emulador. Haz clic en Finish.