THINC, motor web de gráficas con un volumen de datos muy alto

THINC cuenta con un producto para el control automático y la monitorización de piscifactorías cuyo motor de gráficas empleaba la obsoleta tecnología flash. La actualización de este motor empleando tecnologías actuales era una necesidad.

Datos del proyecto

CLIENTE

THINC

SECTOR

Desarrollo de software

GEOGRAFÍA

Nacional

AÑO

2019

El concepto

THINC cuenta con una solución digital para el control automático y la monitorización de piscifactorías implantada en numerosas ubicaciones. Su motor de gráficas de datos estaba programado a medida usando tecnologías flash cuyo soporte en navegadores dejó de estar disponible el 31 de diciembre de 2020.

Secmotic ha sido la empresa escogida para rehacer desde cero ese componente de su producto empleando tecnologías más modernas pero manteniendo las mismas funcionalidades de las que disponía el motor anterior. Se ha empleado ReactJS como framework de desarrollo base para la aplicación y se ha integrado con su web actual de manera transparente.

¿Para qué sirve el motor de gráficas?

La principal función del motor de gráficas es la de mostrar datos históricos recogidos por los distintos sistemas instalados en las piscifactorías. El reto tecnológico consiste en manejar una gran cantidad de datos en la aplicación web ya que el servidor no hacía un filtrado y limpiado de los mismos.

Los gestores de las piscifactorías trabajan con estas gráficas para detectar patrones o problemas y tomar decisiones relevantes por lo que en muchas ocasiones necesitan ver los datos de varios años en pantalla.

¿Cómo funciona?

Como hemos comentado anteriormente, hemos hecho uso del frameowrk ReactJS como base del proyecto para simplificar después la integración de la solución con la aplicación existente haciendo uso de los micro-frontends.

La librería empleada para la gestión del gráfico ha sido dygraphs mientras que se ha usado como librería de componentes ant design.

El tratamiento de los datos se ha realizado haciendo uso de los web workers para mejorar la experiencia de usuario y permitir a la aplicación seguir funcionando a pesar de estar realizando pesadas tareas de procesamiento en segundo plano.

¿Cuáles son sus objetivos?

  • Gestión de gran cantidad de datos de forma efectiva mediante el uso de los web workers y la librería dygraphs.
  • Mantener las funcionalidades previas del motor de gráficas a través de la personalización de la librería dygraphs y del desarrollo de módulos a medida.
  • Integrar la solución en una aplicación web ya existente haciendo uso de ReactJS y los micro-frontends.

¿Qué problemas resuelve esta solución?

Desarrollamos una solución a medida para el proyecto y desde que la han implementado se ha observado mejora en sus resultados:

  • Compatibilidad del motor de gráficas con los navegadores actuales.
  • Trabajo en el navegador de procesamiento de los datos de manera fluida.
  • Mantenimiento de la botonera y usabilidad a la que estaban acostumbrados los usuarios.
  • Integración del motor en cualquiera de las aplicaciones web del cliente.

Descarga en pdf este proyecto

En el siguiente botón de descarga:

Otros proyectos de interés

DTN y su proceso de transformación digital

Smart Trucks, gestión de flota de bomberos

Inteligencia Artificial

Secmotic participa en el proyecto AgrarIA

Calle Factores 2, 41015 Seville

Phone: +34 618 72 13 58

Email: info@secmotic.com

MENU

We are

We do

Blog

Contact