Astra profundo · Capítulo 24 de 31 · 30 min
Construir um painel que ajuda a escolher a próxima oficina
Você sai com uma base organizada, métricas explicadas e um painel conectado à decisão de programação.
Este capítulo faz parte do curso gratuito Astra profundo.
O Estúdio Aurora, caso fictício, precisa escolher a próxima oficina com base nas reservas da temporada. Uma lista de nomes e datas contém a informação, mas exige trabalho para comparar encontros. Você vai organizar uma base didática e construir um painel que responda quais atividades atraem reservas e como a capacidade disponível está sendo utilizada.
Comece pela unidade de cada linha. Uma linha pode representar uma reserva, uma pessoa ou uma sessão; essas escolhas produzem contagens diferentes. No exercício, cada registro representa uma reserva para uma sessão e inclui quantidade de lugares. A métrica de ocupação usa lugares reservados, enquanto a quantidade de pedidos usa reservas. Dar nome às duas evita que o painel compare objetos diferentes.
Duas leituras da programação fictícia
| Oficina | Capacidade | Lugares reservados | Leitura para decidir |
|---|---|---|---|
| Luz | 40 | 30 | Maior público absoluto no exemplo |
| Colagem | 20 | 18 | Maior fração da capacidade ocupada |
Dados didáticos do Estúdio Aurora; não representam resultados de uma organização real.
Calcule ocupação dividindo lugares reservados pela capacidade da sessão. Apresente também os valores de origem, para que a pessoa possa conferir o indicador. No conjunto didático, você pode mostrar 30 de 40 e dezoito de vinte sem esconder a relação atrás de uma porcentagem. Quando a capacidade mudar, o denominador permanece visível.
Aprofunde as decisões desta aula
Como montar uma base com significado consistente?
Monte uma base pequena com campos explícitos: sessão, atividade, data, capacidade, lugares reservados e situação. Use dados fictícios durante a prática. Astra pode conferir a estrutura, propor cálculos e produzir visualizações, mas a pergunta de negócio orienta a transformação. Para escolher a próxima oficina, o painel precisa comparar atividades em condições que você consiga explicar. No exemplo resolvido, a oficina de luz tem capacidade de 40 lugares e 30 reservados; a de colagem tem capacidade de vinte e dezoito reservados. A luz reúne mais pessoas, enquanto a colagem ocupa uma fração maior dos lugares disponíveis. As duas observações são úteis. A decisão depende de buscar maior público absoluto ou melhor aproveitamento de uma sala menor.
Como escolher métricas, gráficos e comportamento dos filtros?
Escolha o gráfico pela comparação. Barras facilitam comparar lugares reservados entre oficinas; uma tabela mostra capacidade e datas ao lado dos valores. Um gráfico de linha serve quando a pergunta acompanha mudança no tempo. Evite adicionar um tipo de gráfico apenas para variar a aparência: cada visual deve facilitar uma leitura que a tabela original tornava trabalhosa. Defina o comportamento dos filtros e do estado vazio. Se a equipe selecionar uma data sem sessões, o painel deve mostrar que não há programação naquele período e oferecer retorno ao conjunto completo. Quando houver dados, o título da área deve indicar o intervalo observado. Isso mantém a interpretação ligada à seleção feita pelo usuário. Peça ao Astra que confira os totais usando uma segunda forma de cálculo e compare uma sessão manualmente. A [orientação da WAI sobre tabelas](https://www.w3.org/WAI/tutorials/tables/) ajuda a estruturar cabeçalhos e relações para leitura acessível. No Aurora, gráfico e tabela podem compartilhar a mesma base: o primeiro acelera a comparação e a segunda permite examinar os valores.
O entregável reúne base de dados, definições das métricas e painel. A recomendação final pode dizer que colagem aproveita melhor a sala pequena, enquanto luz reúne mais participantes, usando o conjunto fictício do exercício. Você sai com uma decisão explicável e um painel que pode receber dados reais depois, preservando o significado das medidas.
Faça agora: produza o painel
Em 30 minutos, trabalhe com duas atividades e uma decisão de programação.
Passo 1: Defina o registro
Escolha uma reserva por linha e registre quantidade de lugares e sessão correspondente.
Deu certo quando: Cada campo possui significado explícito.
Passo 2: Calcule as medidas
Separe pedidos, lugares reservados e ocupação, mantendo os valores de origem visíveis.
Deu certo quando: Uma sessão pode ser conferida manualmente.
Passo 3: Construa a comparação
Use barras para reservas e uma tabela com capacidade e datas.
Deu certo quando: O painel responde à pergunta escolhida.
Passo 4: Escreva a recomendação
Explique qual oficina escolher conforme público absoluto ou aproveitamento da sala.
Deu certo quando: A decisão aponta os valores que a sustentam.
No fim você tem: Base didática, definição de métricas e painel de programação com recomendação.
A unidade do registro determina o significado da métrica. Público absoluto e ocupação respondem a perguntas diferentes. O painel acompanha dados e cálculos verificáveis.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Estude antes
- CursoEscrever bem com IAsugerido pelo grafoAs primeiras aulas do Astra pedem um briefing com referências e dirigem cada iteração por texto. O curso de escrita ensina a decidir o que pedir, dar contexto e conferir a saída, que é a base dessas aulas. Ordem decidida quando o Astra ganhou uma página por aula (Etapa 4, wave 3), para que as 31 aulas mostrem o que estudar antes.
- CursoNode.js: JavaScript no Servidorsugerido pelo grafo4 capítulos de “Astra profundo” usam conceitos apresentados em “Node.js: JavaScript no Servidor”.
O mesmo assunto em outros cursos
- Claude Code CLI: Programação com IATransformar a planilha crua no resumo de uma página da diretoriaExaminar conexões de Transformar a planilha crua no resumo de uma página da diretoria
- Frontends com VibecodingDimensionar tabelas e organizar o cálculo das métricasExaminar conexões de Dimensionar tabelas e organizar o cálculo das métricas
- Gestão de Projetos GEOApresentar os resultados e pedir uma decisãoExaminar conexões de Apresentar os resultados e pedir uma decisão
- Search Console para decisãoMonte o painel que decide em quinze minutosExaminar conexões de Monte o painel que decide em quinze minutos
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.