Acousea es la interfaz frontend desarrollada con Angular para la gestión y monitoreo del derivador oceánico. Esta plataforma proporciona herramientas para la configuración y supervisión de los dispositivos Localizer y Drifter, y el correspondiente módulo PAM.
Antes de comenzar, asegúrate de tener instalados los siguientes requisitos:
- Node.js (v14 o superior)
- Angular CLI (v12 o superior)
- NPM (v6 o superior)
Clona el repositorio a tu máquina local:
git clone [URL_DEL_REPOSITORIO]
cd DIRECTORIO_DEL_PROYECTOInstala las dependencias necesarias:
npm installPara ejecutar el proyecto en modo desarrollo, utiliza el siguiente comando:
ng serveEsto iniciará el servidor de desarrollo y podrás acceder a la aplicación en http://localhost:4200/.
El proyecto está estructurado en varias secciones, cada una correspondiente a una funcionalidad específica del sistema:
- Dashboard
- Mapa
- Notificaciones
- Pop-Ups para Configuración
- Ajustes
- Historial de Operaciones
- Información del Sistema
En el Panel Principal o Dashboard, se puede observar un resumen de las detecciones realizadas, el número de reportes recibidos, minutos de grabación y el número de archivos generados. Además, se proporciona una representación gráfica de estos datos a lo largo del tiempo.
El apartado de Mapa muestra la última ubicación conocida tanto del dispositivo Localizer como del Drifter. Esta visualización es fundamental para tener una vista clara y precisa de la posición de ambos dispositivos.
La página web notifica aquellos eventos de interés mediante notificaciones que se muestran en la esquina superior derecha de la pantalla. Existen cuatro tipos de notificaciones:
- Información (azul): Proporciona información general o confirmaciones de acciones no críticas.
- Éxito (verde): Indica que una acción se ha completado correctamente.
- Aviso (naranja): Avisa al usuario de situaciones que requieren atención, pero que no son críticas.
- Error (rojo): Informa al usuario de errores o problemas que requieren una acción inmediata.
La página de Mapa cuenta con Pop-Ups que permiten la configuración detallada de los dispositivos Localizer y Drifter. Estos pop-ups ofrecen opciones para la gestión del modo de operación y la activación o desactivación de la comunicación directa.
Esta sección permite modificar la configuración del módulo de streaming de datos acústicos de la API. Existen dos aspectos principales configurables: audio (WAV) y la Transformada Rápida de Fourier (FFT).
Esta subsección permite modificar la configuración de recolección de datos del sistema PAM, incluyendo parámetros como la frecuencia de muestreo, la duración de los archivos y otros aspectos relevantes para la grabación y procesamiento de datos acústicos.
En la sección de Configuración, los usuarios pueden ajustar los períodos de reporte para los tres modos operativos del Drifter: Launching, Working y Recovering.
La sección de Historial proporciona un registro de las operaciones realizadas, permitiendo llevar un seguimiento de los cambios solicitados y eventos que han ocurrido en el sistema a lo largo del tiempo.
El apartado de Información del Sistema proporciona una visión detallada del estado tanto del Drifter como del sistema PAM, permitiendo a los usuarios tomar decisiones informadas basadas en datos precisos y actualizados.
Para construir la aplicación para producción, ejecuta:
ng build --prodEsto generará los archivos necesarios en el directorio dist/.
Para cualquier duda o consulta, por favor contacta a antonio.aparicio101@alu.ulpgc.es.