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

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
Ilustración de un widget en acordeón abierto, con elección de ciudad y gráficos de calidad del aire

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

  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 widget siguió con mantenimiento.

Ficha técnica

Tecnologías usadas en este proyecto

  • React
  • JavaScript
  • Chart.js

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