Indústria · Multinacional
Um painel informativo que mostra os índices de qualidade do ar em tempo real
Resumo do projeto
- Setor
- Indústria
- Porte
- Multinacional
- Serviços
- Etapas do projeto
O problema
Uma 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.
O que foi combinado
- Escopo priorizado
- Desenvolvimento da interface front-end do painel informativo, a parte que aparece na tela, e integração direta dessa interface com uma API de monitoramento do ar.
O que foi entregue
Quem consulta o painel vê os índices de qualidade do ar em tempo real.
Para quem
O painel foi criado para uma multinacional da indústria e é para quem quer saber como está a qualidade do ar.
Como funciona
API é a porta pela qual um sistema entrega dados a outro; aqui, é a API de monitoramento que fornece as medições. Como a interface se conecta direto a ela, o que aparece na tela acompanha esses dados.
Tecnologia, em linguagem simples
- HTML: linguagem que organiza o conteúdo de uma página web, como textos, imagens e botões. Foi usado na interface do painel.
- SCSS: forma de escrever CSS, a linguagem que define a aparência das páginas, com recursos extras como variáveis; vira CSS comum antes de ir para o navegador. Foi usado na interface do painel.
- JavaScript: linguagem de programação da web, que dá comportamento às páginas no navegador e também roda em servidores. Entre as três tecnologias do projeto, é a que liga o painel à API de monitoramento 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 painel seguiu em sustentação.
Ficha técnica
Tecnologias usadas neste projeto
- HTML
- SCSS
- JavaScript
Outros projetos
Um widget para sites externos que mostra, em gráficos, a qualidade do ar da cidade selecionada
O problemaUma 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.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