Varejo · Multinacional
Um widget para sites externos que mostra, em gráficos, a qualidade do ar da cidade selecionada
Resumo do projeto
- Setor
- Varejo
- Porte
- Multinacional
- Serviços
- Etapas do projeto
O problema
Uma multinacional de varejo precisava de um componente que pudesse ser incorporado em sites externos para mostrar a qualidade do ar de uma cidade selecionada. A informação tinha de aparecer em gráficos dinâmicos, conectados a uma API de dados ambientais, o serviço que fornece esses dados.
O que foi combinado
- Escopo priorizado
- Componente em formato de acordeão (um bloco que abre e fecha), projetado para ser incorporado em sites externos. Nele, gráficos dinâmicos mostram a qualidade do ar da cidade selecionada e ficam conectados a uma API de dados ambientais, de onde vêm as informações.
O que foi entregue
Sites externos podem incorporar o widget e mostrar aos seus visitantes a qualidade do ar da cidade selecionada.
Para quem
Para sites externos que incorporam o widget e para quem os visita. O componente foi desenvolvido para uma multinacional de varejo.
Como funciona
O acordeão abre e fecha dentro da página do site que o incorpora.
API é a porta pela qual um sistema entrega dados a outro: é da API de dados ambientais que vêm as informações que os gráficos mostram.
Tecnologia, em linguagem simples
- React: biblioteca JavaScript para montar interfaces a partir de componentes reutilizáveis. Foi usado na construção do widget.
- JavaScript: linguagem de programação da web, que dá comportamento às páginas no navegador e também roda em servidores. Também foi usado no widget.
- Chart.js: biblioteca JavaScript de código aberto para desenhar gráficos em páginas web. No widget, é a tecnologia dos gráficos de qualidade do ar.
Como foi
Diagnóstico
No início
Conversa inicial para entender o pedido e o problema do cliente.
Sprint de Descoberta
Antes de construir
O problema foi entendido e o escopo, definido.
Desenvolvimento
Entre 2019 e 2021
Construção com entregas parciais ao longo do projeto, e não tudo só no fim.
Sustentação e evolução
Depois de entrar no ar
O widget seguiu em sustentação.
Ficha técnica
Tecnologias usadas neste projeto
- React
- JavaScript
- Chart.js
Outros projetos
Um painel informativo que mostra os índices de qualidade do ar em tempo real
O problemaUma multinacional da indústria queria um painel informativo que mostrasse os índices de qualidade do ar em tempo real. Para os números na tela acompanharem as medições, o painel precisava buscar os dados direto em uma API de monitoramento do ar, o serviço que fornece essas medições.Serviços:Sistemas webIntegrações e automaçãoLer o case
Seletores de produtos e ambientes que ajudam o usuário a achar a opção certa entre mais de cem
O problemaCom mais de cem opções à disposição, o usuário precisava de ajuda para encontrar a que servia para o seu caso. Uma parceria entre duas multinacionais, uma delas do varejo, pedia páginas que guiassem essa escolha, com seletores de produtos e de ambientes, em vários projetos.Serviços:Sistemas webLer o case