Comercio minorista · Multinacional
Un widget para sitios externos que muestra en gráficos la calidad del aire de la ciudad seleccionada
Resumen del proyecto
- Sector
- Comercio minorista
- Tamaño de la empresa
- Multinacional
- Servicios
- Etapas del proyecto

El problema
Una multinacional del comercio minorista necesitaba un componente que pudiera incorporarse en sitios externos para mostrar la calidad del aire de una ciudad seleccionada. La información tenía que aparecer en gráficos dinámicos, conectados a una API de datos ambientales, el servicio que provee esos datos.
Lo que se acordó
- Alcance priorizado
- Componente en formato de acordeón (un bloque que se abre y se cierra), diseñado para incorporarse en sitios externos. En él, gráficos dinámicos muestran la calidad del aire de la ciudad seleccionada y están conectados a una API de datos ambientales, de donde viene la información.
Lo que se entregó
Los sitios externos pueden incorporar el widget y mostrarles a sus visitantes la calidad del aire de la ciudad seleccionada.
Para quién
Para los sitios externos que incorporan el widget y para quienes los visitan. El componente se desarrolló para una multinacional del comercio minorista.
Cómo funciona
El acordeón se abre y se cierra dentro de la página del sitio que lo incorpora.
Una API es la puerta por la que un sistema le entrega datos a otro: de la API de datos ambientales viene la información que muestran los gráficos.
La tecnología, en palabras simples
- React: biblioteca de JavaScript para armar interfaces a partir de componentes reutilizables. Se empleó para construir el widget.
- 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. También se empleó en el widget.
- Chart.js: biblioteca de JavaScript de código abierto para dibujar gráficos en páginas web. En el widget, es la tecnología de los gráficos de calidad del aire.
Cómo fue
Diagnóstico
Al inicio
Conversación inicial para entender el pedido y el problema del cliente.
Sprint de Descubrimiento
Antes de construir
Se entendió el problema y se definió el alcance.
Desarrollo
Entre 2019 y 2021
Construcción con entregas parciales a lo largo del proyecto, y no una sola entrega al final.
Mantenimiento y evolución
Después del lanzamiento
El widget siguió con mantenimiento.
Ficha técnica
Tecnologías usadas en este proyecto
- React
- JavaScript
- Chart.js
Otros proyectos

Un panel informativo que muestra los índices de calidad del aire en tiempo real
El problemaUna 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.Servicios:Sistemas webIntegraciones y automatizaciónLeer el caso
Selectores de productos y ambientes que ayudan al usuario a encontrar la opción correcta entre más de cien
El problemaCon más de cien opciones disponibles, el usuario necesitaba ayuda para encontrar la que servía para su caso. Una alianza entre dos multinacionales, una de ellas del comercio minorista, requería páginas que guiaran esa elección, con selectores de productos y de ambientes, en varios proyectos.Servicios:Sistemas webLeer el caso