Se necesita desarrollar un componente que represente visualmente el Índice de Masa Corporal (IMC) de un usuario. Este componente se mostrará como un rectángulo que incluirá un resumen del IMC actual del usuario. La visualización contendrá información como el nombre del usuario, su estado de IMC, peso, puntuación y un emoji que represente su estado de salud.
Requerimientos
Representación Visual:
[x] El componente debe representarse como un rectángulo.
[x] Debe mostrar el nombre del usuario.
[x] Debe mostrar el estado de IMC del usuario (por ejemplo: "Obeso").
[x] Debe mostrar el peso del usuario.
[x] Debe mostrar la puntuación del IMC del usuario.
[x] Debe incluir un emoji que represente el estado de salud del usuario, utilizando una escala de colores y caritas que varían de feliz a triste según el estado de salud.
Cálculos de IMC:
[x] Los cálculos de IMC deben realizarse localmente en el dispositivo móvil para minimizar las consultas al servidor y mejorar la eficiencia.
Interacción:
[x] Al hacer clic en el rectángulo, se debe abrir una ventana que muestre el verdadero cálculo del IMC del usuario.
Comparación con Competencia:
[x] Se espera que el diseño de la ventana sea similar al de la competencia.
Información Adicional:
[x] La ventana debe mostrar la edad del usuario.
[x] Debe mostrar la altura del usuario en diferentes unidades métricas, según la preferencia del usuario.
[x] Debe incluir una representación visual del estado de salud del usuario, similar a un semicírculo, como lo hace la competencia.
[x] Debe mostrar más información debajo del semicírculo, detallando las distintas categorías de peso correspondientes al IMC del usuario.
Sugerencias:
[x] Se pueden incluir sugerencias en forma de anuncios, representados como rectángulos en la parte inferior de la ventana, que proporcionen consejos de salud personalizados al usuario.
Ejemplo de Sugerencias:
"BEBER 2 LITROS DE AGUA AL DÍA PODRÍA SER BASTANTE BUENO PARA TU SALUD"
"SALTAR LA CUERDA 10 MINUTOS ES EQUIVALENTE A CORRER 30"
Observaciones
Es importante seguir un diseño coherente con la competencia para garantizar la familiaridad del usuario con la interfaz.
La precisión y la claridad en la representación de la información son fundamentales para una buena experiencia de usuario.
Se debe garantizar que la vista sea responsive y se adapte adecuadamente a diferentes tamaños de pantalla.
Crear Vista de Índice de Masa Corporal (IMC)
Descripción
Se necesita desarrollar un componente que represente visualmente el Índice de Masa Corporal (IMC) de un usuario. Este componente se mostrará como un rectángulo que incluirá un resumen del IMC actual del usuario. La visualización contendrá información como el nombre del usuario, su estado de IMC, peso, puntuación y un emoji que represente su estado de salud.
Requerimientos
Representación Visual:
Cálculos de IMC:
Interacción:
Comparación con Competencia:
Información Adicional:
Sugerencias:
Ejemplo de Sugerencias:
Observaciones