Diseño de Pantalla en Selficam con Huawei ML Kit

Curso de Desarrollo de Aplicaciones con Huawei

Contenido del curso

Introducción a HMS Core

Autenticación con HMS Account Kit

Construyendo nuestra cámara de selfies con HMS ML Kit

Aplicando notificaciones push con HMS Push kit

Conclusiones y consejos

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0010:05

Diseño de Pantalla en Selficam con Huawei ML Kit

Curso de Desarrollo de Aplicaciones con Huawei

Clase 14 de 31

Clase 14 / 31

Recursos

¿Cuál es la funcionalidad del Huawei Machine Learning Kit?

Huawei Machine Learning Kit es una herramienta poderosa que ofrece dos grandes funcionalidades: Huawei Machine Learning Vision y el traductor de idiomas. Estas funcionalidades permiten a los desarrolladores integrar la inteligencia artificial de Huawei en sus aplicaciones móviles, mejorando así la experiencia del usuario.

Huawei Machine Learning Vision: Incluye características como la detección de objetos, imágenes en tiempo real, emociones y rostros.
Traductor de idiomas: Ofrece servicios de detección de idiomas en tiempo real y procesamiento de imágenes de texto.

Esto facilita la creación de aplicaciones interactivas y atractivas que pueden interpretar y responder a las emociones humanas, así como interactuar en múltiples idiomas.

¿Cómo se implementa Huawei Machine Learning Vision en Selficam?

En la aplicación Selficam, se utiliza principalmente la funcionalidad de detección de rostros y emociones de Huawei Machine Learning Vision. Estas características se implementan para capturar selfies automáticamente basadas en:

Detección de sonrisas colectivas: La cámara toma una selfie si detecta que hay varias personas sonrientes.
Sonrisa individual destacada: La selfie se captura si una persona cercana a la cámara sonríe.

Este enfoque hace que la experiencia de tomar selfies sea más personal e interactiva, permitiendo a los usuarios concentrarse en el momento en lugar de preocuparse por capturar la fotografía perfecta.

¿Cómo se diseña la interfaz principal de Selficam?

Para completar el diseño de la pantalla principal de Selficam, se sigue un proceso específico de diseño de interfaz de usuario que se detalla a continuación:

Creación del layout básico

Inicio del layout: La pantalla se estructura sobre un layout vertical bajo el botón de cierre de sesión.
Espaciado y restricciones: Se añaden restricciones y márgenes para asegurar un diseño equilibrado, con espacios de:
- Dieciséis dps en la parte superior e inferior.
- Ocho niveles lateralmente.

Incorporación de elementos visuales

ImageView para ícono: Se añade un ImageView centrado que contiene el logo de Huawei. Las dimensiones se configuran en 100x100 dps.
Título y descripción: Se agregan elementos de texto para el título de la aplicación y su descripción:
- Título centrado con tamaño de 20 SP.
- Descripción más detallada, explicando las opciones de fotografía disponibles, también centrada.

Añadido de botones interactivos

Botones para capturar selfies:
- Botón "La mayoría sonríen": Configurado para sonar una alerta o capturar cuando varias personas sonríen.
- Botón "La persona más cercana sonríe": Para capturar cuando la persona más cercana a la cámara sonríe.

Ambos botones cuentan con un diseño enriquecido que emplea un 'shape drawable' que otorga un aspecto de botón con bordes redondeados y colores pertinentes a la marca Huawei.

Configuración de ID y estilo

Los botones se asignan con IDs específicos para facilitar la programación y funcionalidad dentro de la aplicación:

most_people: Para gestionar la funcionalidad ligada a múltiples sonrisas.
nearest_people: Para gestionar la captura en base a la sonrisa de la persona cercana.

Este diseño UX/UI se asegura de que la aplicación sea intuitiva y visualmente agradable, permitiendo una navegación fluida y un uso eficiente de las funcionalidades integradas de Huawei Machine Learning Kit.

Introducción a HMS Core

Creación de Cámara Selfie con Kits de Huawei

Depuración de Aplicaciones en la Nube con Huawei Cloud Debugging

Desarrollo de Aplicaciones con Huawei Mobile Services Core

Creación de Proyecto Android Studio con Huawei Kits

Creación de Aplicaciones en AppGallery Connect de Huawei

Generación de Huella Digital SHA-256 para Android Studio

Configuración de APIs Huawei para Proyecto de Selfies en Android Studio

Configuración de Gradle para Huawei en Android Studio

Sincronización de aplicaciones con dependencias Huawei en Gradle

Autenticación con HMS Account Kit

Diseño de Pantalla de Login con Huawei Account Kit

Autenticación con Huawei Account Kit en Aplicaciones Android

Autenticación con Huawei ID en Aplicaciones Android

Implementación de Logout con Huawei AccountKit y Refactorización en Android

Construyendo nuestra cámara de selfies con HMS ML Kit

Diseño de Pantalla en Selficam con Huawei ML Kit

Permisos de Cámara en Aplicaciones Android

Configuración y Personalización de Cámaras en Android

Personalización de Interfaz Gráfica para Cámara en Android

Reconocimiento Facial con Machine Learning en Android

Creación del Motor de Lente para Selfie Cam en Android

Implementación de Layout para Actividad de Cámara en Android

Integración de Cámara y Botones en Aplicación de Selfies

Implementación de Verificación Facial en App Android

Detección de Sonrisa y Rostro en Cámaras Huawei

Detección de Rostros y Cambio de Cámara en Android Studio

Implementación de Funcionalidad de Toma y Retoma de Fotos en Android

Guardar fotos en la galería con Android y Huawei Machine Learning

Aplicando notificaciones push con HMS Push kit

Implementación de Huawei Push Notifications en Android

Implementación de Push Notifications en AppGallery Connect

Configuración y Envío de Notificaciones Push en AppGallery Connect

Conclusiones y consejos

Solución de Problemas Comunes en Desarrollo con Huawei HMS Core

Eventos de Huawei para Desarrolladores y Servicios Ofrecidos

Diseño de Pantalla en Selficam con Huawei ML Kit