Mockups y Diagramas

Esta sección contiene los mockups y diagramas del proyecto.

Diagrama de Flujo del Manual de Usuario

Diagrama de flujo que muestra el proceso de uso de la aplicación, desde el registro inicial hasta la consulta de estadísticas.

Diagrama de Flujo del Manual de Usuario

Descripción

El diagrama muestra el flujo completo de la aplicación:

  1. Inicio: Al acceder por primera vez, se requiere registro de datos

  2. Registro de Datos: Nombre, apellidos, fecha de nacimiento y talla

  3. Almacenamiento: Los datos se guardan en localStorage del navegador

  4. Pantalla Principal: Una vez registrados, se accede a la pantalla principal

  5. Registro de Peso: Permite registrar peso (una vez al día)

  6. Cálculo del IMC: Se calcula automáticamente el Índice de Masa Corporal

  7. Guardar Registro: Se guarda el registro con fecha y hora

  8. Actualizar Histórico: Se actualiza el histórico de registros

  9. Consultar Estadísticas: Se pueden ver estadísticas como número total de pesajes, peso máximo y mínimo

Archivos Relacionados

  • Imagen PNG: user-manual.png

  • Código Mermaid: user-manual.mmd