Esta página também está disponível em português. Ver em português

This page is also available in English. View in English

Industria · Multinacional

Un panel informativo que muestra los índices de calidad del aire en tiempo real

Resumen del proyecto

Sector
Industria
Tamaño de la empresa
Multinacional
Ilustración de un panel con índices de calidad del aire e indicadores de colores

El problema

Una multinacional de la industria quería un panel informativo que mostrara los índices de calidad del aire en tiempo real. Para que los números en pantalla siguieran las mediciones, el panel tenía que tomar los datos directamente de una API de monitoreo del aire, el servicio que provee esas mediciones.

Lo que se acordó

Alcance priorizado
Desarrollo de la interfaz front-end del panel informativo, la parte que aparece en pantalla, e integración directa de esa interfaz con una API de monitoreo del aire.

Lo que se entregó

Quien consulta el panel ve los índices de calidad del aire en tiempo real.

Para quién

El panel se creó para una multinacional de la industria y es para quien quiere saber cómo está la calidad del aire.

Cómo funciona

Una API es la puerta por la que un sistema le entrega datos a otro; aquí, la API de monitoreo provee las mediciones. Como la interfaz se conecta directamente a ella, lo que aparece en pantalla sigue esos datos.

La tecnología, en palabras simples

  • HTML: lenguaje que organiza el contenido de una página web, como textos, imágenes y botones. Se empleó en la interfaz del panel.
  • SCSS: forma de escribir CSS, el lenguaje que define el aspecto de las páginas, con funciones extra como variables; se convierte en CSS común antes de llegar al navegador. Se empleó en la interfaz del panel.
  • JavaScript: el lenguaje de programación de la web, que le da comportamiento a las páginas en el navegador y también corre en servidores. De las tres tecnologías del proyecto, es la que conecta el panel con la API de monitoreo del aire.

Cómo fue

  1. Diagnóstico

    Al inicio

    Conversación inicial para entender el pedido y el problema del cliente.

  2. Sprint de Descubrimiento

    Antes de construir

    Se entendió el problema y se definió el alcance.

  3. Desarrollo

    Entre 2019 y 2021

    Construcción con entregas parciales a lo largo del proyecto, y no una sola entrega al final.

  4. Mantenimiento y evolución

    Después del lanzamiento

    El panel siguió con mantenimiento.

Ficha técnica

Tecnologías usadas en este proyecto

  • HTML
  • SCSS
  • JavaScript

Otros proyectos

¿Quieres algo parecido?

Cuéntanos tu caso en un diagnóstico gratuito de 45 minutos y recibe nuestras conclusiones por escrito.

Gratuito y sin compromiso de contratar

São Paulo, Brasil