Manual do Usuário
Sistema de Dashboards 16A
Documentação completa de usabilidade
| Data: 17/11/2025
Introdução
O que é o Sistema de Dashboards 16A?
O Dashboard 16A é a nova plataforma de visualização e análise de dados de obras da Stant. Ele substitui o dashboard legado e oferece uma experiência moderna, flexível e poderosa para acompanhamento de projetos.
Para que serve?
O sistema permite:
  • Criar painéis personalizados com informações gerais da obra
  • Visualizar dados através de gráficos interativos
  • Acompanhar planejado vs executado vs projeções
  • Gerar relatórios em PDF automaticamente
  • Organizar informações por disciplinas, etapas e macros
  • Compartilhar análises com equipes e clientes
Benefícios principais
Flexibilidade
5 templates diferentes para diversos cenários
Reutilização
Crie gráficos uma vez e use em múltiplos dashboards
Análise Avançada
Compare planejado, executado e projeções
Relatórios Automáticos
Gere PDFs profissionais em segundos
Personalização
Widgets configuráveis para cada necessidade
Conceitos Básicos
O que é um Dashboard?
Um dashboard é um painel que reúne informações sobre sua obra em um único lugar. Cada dashboard:
  • Pertence a uma obra específica
  • Usa um template pré-definido
  • Pode conter múltiplos gráficos e widgets
  • Tem período de início e fim configurável
O que são Templates?
Templates são modelos prontos que definem como as informações serão organizadas no dashboard. Pense neles como "layouts" com espaços reservados (slots) para diferentes tipos de conteúdo.
Existem 5 templates disponíveis:
  1. Visão Geral - Informações gerais + 5 gráficos
  1. Visão por Disciplina - 6 gráficos focados em disciplinas
  1. Resumos Qualitativos - Relatório para cliente
  1. Visão por Datas - Comparação temporal com matrizes
  1. Imagens - Galeria de fotos da obra
O que são Gráficos?
Gráficos (Charts) são visualizações de dados que você cria e insere nos dashboards. Características importantes:
  • Reutilizáveis: Um mesmo gráfico pode aparecer em vários dashboards
  • Independentes: Cada gráfico tem suas próprias configurações
  • Flexíveis: Podem mostrar dados de obra, macro, etapa ou atividade
Tipos disponíveis:
  • Linha/Coluna: Gráficos temporais (diário, semanal, mensal)
  • Medidor (Gauge): Indicador visual de progresso percentual
O que são Widgets?
Widgets são componentes fixos que aparecem automaticamente em determinados templates. Eles exibem informações específicas e não podem ser movidos, mas podem ser configurados.
Exemplos: Informações Gerais, Resumo de Projeto, Métricas EHS, etc.
O que são Métricas?
Métricas são as linhas ou barras que aparecem dentro de um gráfico. Cada métrica representa um tipo de dado:
  • Planejado: O que foi planejado para executar
  • Executado: O que realmente foi executado
  • Projeção: Estimativa futura baseada em dados reais
Glossário Simplificado
Primeiros Passos
Como acessar
01
Faça login na plataforma Stant
02
Selecione a obra desejada
03
Acesse o menu Dashboard (ícone 📊)
04
O sistema redirecionará automaticamente para o Dashboard 16A

💡 Dica: Se a obra ainda não tem dashboards, você verá uma tela vazia com opção de criar o primeiro.
Criando seu primeiro dashboard
Passo 1: Clique em "Criar Dashboard"
Na tela inicial, você verá um botão para criar novo dashboard.
Passo 2: Preencha as informações básicas
Uma janela será aberta solicitando:
Passo 3: Escolha o template adequado
Veja a seção Templates de Dashboard para entender qual escolher.
Elementos da interface:
  • Widgets Fixos: Aparecem automaticamente conforme o template
  • Slots vazios: Mostram botão "+ Adicionar Gráfico"
  • Slots preenchidos: Exibem o gráfico com opções de editar/remover
  • Breadcrumb: Caminho de navegação (Dashboard > Obras > Nome da Obra)
Passo 4: Clique em "Salvar"
O dashboard será criado e você será redirecionado para ele. Inicialmente estará vazio (sem gráficos).
Navegando entre dashboards
Seletor de Dashboards (topo da página):
  • Exibe lista de todos os dashboards da obra
  • Clique em um dashboard para visualizá-lo
  • O dashboard atual fica destacado
Ações disponíveis:
  • ✏️ Editar: Alterar nome, descrição, datas ou template
  • 🗑️ Excluir: Remover dashboard permanentemente
  • 📄 Gerar PDF: Criar relatório do dashboard
Entendendo o layout
┌─────────────────────────────────────────────────────┐
│ [Seletor de Dashboards ▼]   [Criar Dashboard] [PDF] │
├─────────────────────────────────────────────────────┤
│                                                     │
│ ┌─────────────────────┐ ┌───────────────────────┐   │
│ │   Widget Fixo 1     │ │    Widget Fixo 2      │   │
│ └─────────────────────┘ └───────────────────────┘   │
│                                                     │
│ ┌───────────────────────────────────────────────┐   │
│ │      Slot 1: [+ Adicionar Gráfico]            │   │
│ └───────────────────────────────────────────────┘   │
│                                                     │
│ ┌─────────────────────┐ ┌───────────────────────┐   |      
│ │        Slot 2:      │ │        Slot 3:        │   |           
│ │       [Gráfico]     │ │    [+ Adicionar]      │   │
│ └─────────────────────┘ └───────────────────────┘   |               
│                                                     │
└─────────────────────────────────────────────────────┘
1. Visão Geral
Quando usar:
  • Relatórios internos gerenciais
  • Acompanhamento global da obra
  • Reuniões de status com time interno
Estrutura:
┌────────────────────────────────────────────┐
│ Informações Gerais │ Info. Gerais Simpl.   │
├────────────────────────────────────────────┤
│ SLOT 1: Gráfico principal (largura total)  │
├──────────────────────┬─────────────────────┤
│ Resumo Interno       │ Progresso Geral     │
├────────────────────────────────────────────┤
│ SLOT 2: Gráfico secundário                 │
├──────────┬──────────┬──────────┬───────────┤
│ SLOT 3   │ SLOT 4   │ SLOT 5   │ SLOT 6    │
│ Gráfico  │ Gráfico  │ Gráfico  │ Gráfico   │
├──────────────────────┬─────────────────────┤
│ Resumo de Horas      │ SLOT 11: Gráfico    │
├──────────┬──────────┬──────────┬───────────┤
│ SLOT 7   │ SLOT 8   │ SLOT 9   │ SLOT 10   │
│ Gráfico  │ Gráfico  │ Gráfico  │ Gráfico   │
├──────────────────────┴─────────────────────┤
│ Métricas EHS │ Widget CAQ                  │
└────────────────────────────────────────────┘
Widgets Fixos:
  • Informações Gerais: Dados principais da obra
  • Informações Gerais Simplificadas: Versão compacta
  • Resumo Interno do Projeto: Status resumido
  • Progresso Geral: Indicadores de avanço
  • Resumo de Horas: Controle de tempo trabalhado
  • Métricas EHS: Segurança, saúde e meio ambiente
  • CAQ Widget: Controle de qualidade
Slots para Gráficos: 11 slots (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11)
Exemplo de uso:
"Dashboard Executivo Mensal - Maio 2025"
Slot 1: Curva S da obra completa
Slots 3-6: Progresso por disciplina (Mecânica, Elétrica, Hidráulica, Comissionamento)
Slots 7-10: HH por disciplina
2. Visão por Disciplina
Quando usar:
  • Análise detalhada por disciplina
  • Comparação entre áreas técnicas
  • Relatórios para coordenadores de disciplina
Estrutura:
┌────────────────────────────────────────────┐
│ Widget: Painel de Avanço (AdvanceBoard)    │
├──────────────────────┬─────────────────────┤
│ SLOT 1: Gráfico      │ SLOT 2: Gráfico     │
├──────────────────────┼─────────────────────┤
│ SLOT 3: Gráfico      │ SLOT 4: Gráfico     │
├──────────────────────┼─────────────────────┤
│ SLOT 5: Gráfico      │ SLOT 6: Gráfico     │
└──────────────────────┴─────────────────────┘
Widgets Fixos:
  • AdvanceBoard: Painel interativo de seleção de entidade (Macro/Etapa/Atividade) com % de progresso
Slots para Gráficos: 6 slots dispostos em 3 linhas × 2 colunas
Exemplo de uso:
"Dashboard Disciplinas - Semana 20"
Slot 1: Mecânica - Planejado vs Executado
Slot 2: Elétrica - Planejado vs Executado
Slot 3: Hidráulica - Planejado vs Executado
Slot 4: Comissionamento - Planejado vs Executado
Slot 5: Mecânica - HH Trabalhadas
Slot 6: Elétrica - HH Trabalhadas
3. Resumos Qualitativos
Quando usar:
  • Relatórios para clientes
  • Apresentações executivas
  • Comunicação externa
Estrutura:
┌────────────────────────────────────────────┐
│ Informações Gerais │ Notificações Oficiais │
├────────────────────┴───────────────────────┤
│ Resumo do Projeto │ Resumo EHS             │
├──────────┬──────────┬──────────┬───────────┤
│ SLOT 1   │ SLOT 2   │ SLOT 3   │ SLOT 4    │
│ Gráfico  │ Gráfico  │ Gráfico  │ Gráfico   │
└──────────┴──────────┴──────────┴───────────┘
Widgets Fixos:
  • Informações Gerais: Dados principais da obra
  • Notificações Oficiais: Comunicados importantes
  • Resumo do Projeto: Narrativa qualitativa do status
  • Resumo EHS: Indicadores de segurança resumidos
Slots para Gráficos: 4 slots
Exemplo de uso:
"Relatório Cliente - Março 2025"
Foco em narrativas textuais e poucos gráficos essenciais
4. Visão por Datas
Quando usar:
  • Comparação de marcos temporais
  • Análise de datas de conclusão
  • Planejamento de interfaces entre disciplinas
Estrutura:
┌────────────────────────────────────────────┐
│ Matriz Customizável 1:                     │
│ "Datas de conclusão previstas"             │
├────────────────────────────────────────────┤
│ Matriz Customizável 2:                     │
│ "Principais marcos da interface"           │
└────────────────────────────────────────────┘
Widgets Fixos:
  • CustomBoard (Slot 1): Tabela configurável para datas de conclusão
  • CustomBoard (Slot 2): Tabela configurável para marcos de interface
Slots para Gráficos: Nenhum (apenas matrizes)
Exemplo de uso:
"Dashboard Marcos - Q2 2025"
Matriz 1: Datas previstas vs reais de conclusão por disciplina
Matriz 2: Interfaces críticas entre Mecânica e Elétrica
5. Imagens
Quando usar:
  • Registro fotográfico da obra
  • Evidências visuais para relatórios
  • Acompanhamento visual de progresso
Estrutura:
┌────────────────────────────────────────────┐
│ Widget: Galeria de Imagens (DynamicGrid)   │
│                                            │
│ ┌───────┐ ┌───────┐ ┌───────┐ ┌───────┐    │
│ │ Foto1 │ │ Foto2 │ │ Foto3 │ │ Foto4 │    │
│ └───────┘ └───────┘ └───────┘ └───────┘    │
│ ┌───────┐ ┌───────┐ ┌───────┐              │
│ │ Foto5 │ │ Foto6 │ │ Foto7 │              │
│ └───────┘ └───────┘ └───────┘              │
└────────────────────────────────────────────┘
Widgets Fixos:
  • DynamicGridWidget: Grid configurável de imagens
Slots para Gráficos: Nenhum
Exemplo de uso:
"Registro Fotográfico - Abril 2025"
Organizar fotos por área da obra ou por data
Trabalhando com Gráficos
Criando um gráfico novo
Passo a passo:
1. Clique em "+ Adicionar Gráfico" em um slot vazio
O sistema abrirá a página de criação de gráfico.
2. Escolha o tipo de gráfico
  • Linha/Coluna: Para análises temporais (diário/semanal/mensal)
  • Medidor (Gauge): Para indicadores percentuais instantâneos
3. Configure o gráfico (varia conforme o tipo)
Para gráficos Linha/Coluna:

💡 Dica: Se não usar datas customizadas, o gráfico usará as datas do dashboard.
Para gráficos Medidor (Gauge):
4. Adicione métricas ao gráfico
Clique em "+ Adicionar Métrica" e preencha:

⚠️ Atenção:
  • Gráficos tipo Gauge aceitam apenas 1 métrica
  • Gráficos Linha/Coluna aceitam múltiplas métricas
5. Visualize a pré-visualização
Enquanto preenche, o gráfico é atualizado em tempo real na área de preview.
6. Clique em "Salvar"
O gráfico será criado e automaticamente inserido no slot escolhido.
Reutilizando gráficos existentes
Por que reutilizar?
  • Economiza tempo
  • Mantém consistência entre dashboards
  • Facilita manutenção (edite uma vez, atualiza em todos)
Como fazer:
1. Clique em "+ Adicionar Gráfico" em um slot vazio
2. Na janela que abrir, escolha a aba "Gráficos Existentes"
Você verá uma lista de todos os gráficos já criados na obra.
3. Filtre ou busque o gráfico desejado
A lista mostra:
  • Título do gráfico
  • Tipo (Linha/Coluna ou Gauge)
  • Quantidade de métricas
  • Em quantos dashboards já está sendo usado
4. Clique em "Usar este gráfico"
O gráfico será inserido no slot imediatamente, sem necessidade de configuração adicional.

💡 Dica: Gráficos reutilizados compartilham as mesmas configurações. Se você editar, a mudança aparecerá em todos os lugares onde ele está inserido.
Editando gráficos
Opção 1: Editar direto no dashboard
  1. Passe o mouse sobre o gráfico
  1. Clique no ícone ✏️ Editar
  1. Faça as alterações necessárias
  1. Clique em Salvar
Opção 2: Editar pela lista de gráficos
  1. Acesse "Gráficos da Obra" (menu lateral)
  1. Encontre o gráfico desejado
  1. Clique em ✏️ Editar
O que você pode editar:
  • Título
  • Período (diário/semanal/mensal)
  • Datas (se customizadas)
  • Adicionar/remover métricas
  • Alterar cores, labels e agregações
  • Configurações específicas do tipo de gráfico

⚠️ Atenção: Alterações em gráficos reutilizados afetam todos os dashboards onde ele aparece.
Removendo gráficos
Remover ≠ Excluir
Quando você remove um gráfico de um slot, você está apenas desvinculando ele daquele dashboard. O gráfico continua existindo e pode ser reutilizado.
Como remover:
  1. Passe o mouse sobre o gráfico
  1. Clique no ícone 🗑️ Remover
  1. Confirme a ação
O slot ficará vazio novamente.
Excluir permanentemente:
Se você realmente quer deletar o gráfico da obra:
  1. Acesse "Gráficos da Obra"
  1. Encontre o gráfico
  1. Clique em 🗑️ Excluir Permanentemente
  1. Confirme

⚠️ Atenção: Excluir permanentemente remove o gráfico de todos os dashboards onde ele aparece.
Tipos de Visualização
Gráfico Linha/Coluna
Quando usar:
  • Análises temporais (evolução ao longo do tempo)
  • Comparação entre planejado e executado
  • Acompanhamento de tendências
Características:
  • Eixo X: Datas (diário, semanal ou mensal)
  • Eixo Y: Valores (percentual, quantidade, etc.)
  • Múltiplas métricas: Sim
  • Exibição: Linhas e/ou Barras
Exemplo visual:
100%│       ╱──── Planejado (linha azul)
    │      ╱
 75%│     ╱  ▓▓▓ Executado (barras verdes)
    │    ▓▓▓▓
 50%│   ▓▓▓▓▓
    │  ▓▓▓▓▓▓
 25%│▓▓▓▓▓▓▓
    └──────────────────────────────
     Jan Fev Mar Abr Mai Jun
Opções de exibição por métrica:
  • Linha: Curva contínua
  • Barra: Colunas verticais

💡 Dica: Combine linhas (para planejado/projeções) com barras (para executado) para melhor visualização.
Gráfico Medidor (Gauge)
Quando usar:
  • Indicador instantâneo de progresso
  • Visualização rápida de status
  • KPIs simples
Características:
  • Mostra valor percentual atual
  • Apenas 1 métrica por gráfico
  • Visual tipo "velocímetro"
  • Configurações de legenda e valores
Exemplo visual:
┌────────────────┐
│   Progresso    │
│                │
│    ╱─────╲     │
│   ╱  75%  ╲    │
│  │         │   │
│   ╲       ╱    │
│    ╲─────╱     │
│                │
│  Plan: 80%     │
│  Exec: 75%     │
└────────────────┘
Configurações disponíveis:
Entendendo as Métricas
O que é Planejado?
Planejado representa o que foi programado para ser executado no planejamento da obra.
Origem dos dados:
  • Cronograma oficial da obra
  • Planejamento de atividades
  • Curva S planejada
Como interpretar:
  • Linha geralmente crescente e suave
  • Define a meta a ser atingida
  • Base de comparação para executado
Exemplo prático:
Se o planejamento indica que 50% da fundação deveria estar pronta em março, a métrica "Planejado" mostrará 50% naquele período.
Cor padrão sugerida: Azul
O que é Executado?
Executado representa o que foi realmente realizado na obra.
Origem dos dados:
  • FVS (Ficha de Verificação de Serviço) preenchidas
  • Medições de campo
  • Apontamentos de progresso
Como interpretar:
  • Mostra a realidade da obra
  • Pode estar acima ou abaixo do planejado
  • Atualizado conforme medições
Exemplo prático:
Se foram concretados 35% da fundação até março, a métrica "Executado" mostrará 35%, mesmo que o planejado fosse 50%.
Cor padrão sugerida: Verde
O que é Projeção?
Projeção representa uma estimativa futura do que será executado, baseada em dados e premissas.
Origem dos dados:
  • Criada manualmente pelo usuário
  • Baseada em tendências observadas
  • Pode usar dados de executado como referência
Como interpretar:
  • Geralmente inicia após o executado
  • Pode ter transformações (acumulado, média móvel)
  • Ajuda a prever cenários futuros
Exemplo prático:
Se o ritmo atual indica que chegaremos a 90% em junho (e não 100% como planejado), a projeção mostrará essa tendência.
Cor padrão sugerida: Laranja
Como interpretar curvas
Cenário 1: Obra dentro do planejado
100%│       ╱──────── Planejado
    │      ╱  ╱───── Executado
 75%│     ╱  ╱
    │    ╱╱
 50%│╱
    └────────────────
     Jan Feb Mar Abr
✅ Interpretação: Executado acompanha planejado de perto. Obra no prazo.
Cenário 2: Obra atrasada
100%│       ╱──────── Planejado
    │      ╱
 75%│     ╱
    │    ╱  ╱──── Executado
 50%│       ╱
    └────────────────
     Jan Feb Mar Abr
⚠️ Interpretação: Executado abaixo do planejado. Obra atrasada. Ação necessária.
Cenário 3: Obra adiantada
100%│       ╱──────── Executado
    │      ╱  ╱─────── Planejado
 75%│     ╱  ╱
    │╱╱
 50%│
    └────────────────
     Jan Feb Mar Abr
✅ Interpretação: Executado acima do planejado. Obra adiantada.
Cenário 4: Com projeção de atraso
100%│       ╱──────── Planejado
    │      ╱  ╱── Projeção (90%)
 75%│     ╱  ╱─
    │    ╱  ╱
 50%│   ╱───── Executado
    └────────────────
     Jan Feb Mar Abr Mai
⚠️ Interpretação: Projeção indica que obra chegará a 90%, não 100%. Replanejar.
Agregações disponíveis
Ao criar uma métrica, você escolhe como os dados serão agregados:
Padrão: Soma (mais comum em gráficos de obra)
Criando Projeções
O que são projeções?
Projeções são estimativas futuras que você cria manualmente, baseadas em:
  • Tendências observadas no executado
  • Conhecimento da equipe
  • Cenários "e se?"
  • Planejamentos revisados

💡 Diferença importante: Projeções são criadas por você, não calculadas automaticamente pelo sistema.
Quando usar projeções?
Casos de uso:
Replanejamento
Quando o planejado original não será atingido
Cenários Alternativos
Testar "e se contratarmos mais equipe?"
Comunicação
Mostrar para cliente o que realmente será entregue
Análise de Riscos
Projetar cenários pessimistas/otimistas
Passo a passo de criação
1
Acesse um gráfico tipo Linha/Coluna
Projeções só funcionam em gráficos temporais (não em Gauge).
2
Clique em "Adicionar Projeção"
Aparecerá uma janela com:
  • Períodos do gráfico (colunas)
  • Entidades do gráfico (linhas)
  • Tabela para preencher valores
3
Preencha os valores futuros
4
Configure opções avançadas
5
Clique em "Criar Projeção"
O sistema criará:
  • Um registro de Projeção (cabeçalho)
  • Múltiplos dados de projeção (valores por período)
  • Uma métrica no gráfico apontando para a projeção
Exemplo de tabela:

💡 Dica: Deixe em branco os períodos passados (onde já há executado).
Avançadas:
Transformações disponíveis
Acumulado (Cumulative)
Cada valor é somado ao anterior.
Quando usar: Para curvas S, progresso acumulado.
Exemplo:
Média Móvel (Moving Average)
Calcula a média dos últimos N períodos.
Quando usar: Suavizar flutuações, identificar tendências.
Exemplo (janela de 3 períodos):
Livre
Valores sem transformação, exatamente como inseridos.
Quando usar: Quando os valores já representam o que deve ser exibido.
Editando projeções existentes
Opção 1: Direto no gráfico
  1. Clique em "Gerenciar Projeções"
  1. Selecione a projeção desejada
  1. Edite os valores na tabela
  1. Salve
Opção 2: Menu de Projeções
  1. Acesse "Projeções da Obra" (menu lateral)
  1. Encontre a projeção
  1. Clique em ✏️ Editar
O que você pode editar:
  • Valores de cada período
  • Nome e descrição
  • Cor e label
  • Transformações
  • Status (Ativo/Arquivado)
Arquivando projeções
Quando uma projeção fica desatualizada, você pode arquivá-la ao invés de excluir.
Como arquivar:
  1. Acesse a projeção
  1. Clique em Arquivar
  1. A projeção desaparece dos gráficos mas fica disponível no histórico
Benefício: Mantém o histórico de projeções anteriores para referência futura.
Widgets Fixos
Widgets fixos são componentes que aparecem automaticamente em determinados templates. Eles não podem ser movidos, mas podem ser configurados.
GeneralInfoBoard (Informações Gerais)
Onde aparece:
  • Template: Visão Geral
  • Template: Resumos Qualitativos
O que mostra:
  • Nome da obra
  • Código de referência
  • Entidade/cliente
  • Engenheiro responsável
  • Localização (cidade, estado, país)
  • Data de início
  • Data de previsão de término
Como preencher:
Os dados vêm automaticamente do cadastro da obra. Para atualizar:
  1. Acesse "Configurações da Obra"
  1. Edite os campos desejados
  1. Salve
O widget será atualizado automaticamente.
Widgets Fixos
Resumo Interno do Projeto
Onde aparece:
  • Template: Visão Geral
O que mostra:
Campo de texto livre para resumir o status do projeto.
Como preencher:
  1. Clique no widget
  1. Digite o resumo (suporta markdown)
  1. Salve
Exemplo de conteúdo:
Status Geral: Obra dentro do prazo.
Destaques: Fundação concluída em 95%.
Pendências: Aguardando liberação de área norte.
Próximos Passos: Início da estrutura metálica.
Resumo do Projeto
Onde aparece:
  • Template: Resumos Qualitativos
O que mostra:
Versão mais detalhada do resumo, voltada para clientes externos.
Como preencher:
Similar ao InternalProjectSummary, mas com tom mais formal e orientado a resultado.
Progresso Geral
Onde aparece:
  • Template: Visão Geral
O que mostra:
Indicadores gerais de progresso:
  • % Física global
  • % Financeira
  • Status de prazo
Configuração: Automática (calculado pelo sistema)
Resumo de Horas
Onde aparece:
  • Template: Visão Geral
O que mostra:
Resumo de controle de tempo:
  • Total de HH planejadas
  • Total de HH executadas
  • % de uso de HH
Como funciona:
Dados vêm do módulo Controle de Tempo (Timetrack).
Pré-requisito: Timetrack deve estar ativo e com dados.
Métricas EHS
Onde aparece:
  • Template: Visão Geral
O que mostra:
Indicadores de Segurança, Saúde e Meio Ambiente:
  • Dias sem acidente
  • Ocorrências registradas
  • Não conformidades
Como preencher:
Dados vêm do módulo de Ocorrências. Para atualizar:
  1. Registre ocorrências EHS no módulo específico
  1. Widget será atualizado automaticamente
Resumo EHS
Onde aparece:
  • Template: Resumos Qualitativos
O que mostra:
Versão resumida e qualitativa das métricas EHS, adequada para clientes.
Controle de Qualidade
Onde aparece:
  • Template: Visão Geral
O que mostra:
Indicadores de Controle de Qualidade:
  • Inspeções realizadas
  • Conformidades
  • Não conformidades
  • Taxa de aprovação
Como funciona:
Dados vêm do módulo de Inspeções (FVS - Fichas de Verificação de Serviço).
Notificações Oficiais
Onde aparece:
  • Template: Resumos Qualitativos
O que mostra:
Lista de comunicados oficiais relevantes para o período do dashboard.
Como adicionar notificações:
  1. Clique no widget
  1. Clique em "+ Adicionar Notificação"
  1. Preencha:
  • Título
  • Descrição
  • Data
  • Tipo (Informação, Alerta, Crítico)
  1. Salve
Painel de Avanço
Onde aparece:
  • Template: Visão por Disciplina
O que mostra:
Seletor interativo de entidade (Macro, Etapa, Atividade) com:
  • Dropdown para escolher a entidade
  • % de progresso da entidade selecionada
  • Indicador visual (barra ou gauge)
Como usar:
  1. Abra o dropdown
  1. Selecione Macro, Etapa ou Atividade
  1. O widget mostra automaticamente o % de progresso
  1. Os gráficos abaixo podem filtrar pela entidade selecionada (se configurados)

💡 Dica: Use o AdvanceBoard para análises drill-down (Macro → Etapa → Atividade).
Matrizes Customizáveis
O que são CustomBoards?
CustomBoards (ou Matrizes) são tabelas configuráveis que você cria para organizar informações que não cabem em gráficos.
Exemplos de uso:
  • Datas de conclusão por disciplina
  • Interfaces entre áreas
  • Marcos de projeto
  • Checklist de entregas
Onde usar?
Template: Visão por Datas
Este template tem 2 slots para matrizes:
  • Slot 1: "Datas de conclusão previstas"
  • Slot 2: "Principais marcos da interface"
Criando uma matriz
Passo 1: Configure as colunas
Ao criar a matriz, defina:
Exemplo de configuração:
Nome: Datas de Conclusão por Disciplina
Colunas:
1. Disciplina (Texto)
2. Data Planejada (Texto)
3. Data Real (Texto)
4. Status (Seleção: "No Prazo", "Atrasado", "Concluído")
Passo 2: Adicione linhas
Após criar a estrutura, adicione dados:
  1. Clique em "+ Adicionar Linha"
  1. Preencha cada célula
  1. Salve
Exemplo de dados:
Editando matrizes
Editar estrutura (colunas):
  1. Clique em ⚙️ Configurar Matriz
  1. Adicione/remova/renomeie colunas
  1. Salve

⚠️ Atenção: Remover colunas apaga os dados dessas colunas permanentemente.
Editar dados (linhas):
  1. Clique na linha desejada
  1. Edite as células
  1. Salve
Remover linha:
  1. Clique no ícone 🗑️ na linha
  1. Confirme
Tipos de coluna
Texto
  • Campo livre de texto
  • Aceita qualquer caractere
  • Ideal para: nomes, datas, descrições
Seleção
  • Lista dropdown com opções pré-definidas
  • Usuário escolhe uma opção
  • Ideal para: status, categorias, classificações
Como configurar opções:
  1. Ao criar coluna tipo "Seleção"
  1. Defina as opções (ex: "Baixo", "Médio", "Alto")
  1. Separe com vírgula ou adicione uma por linha
Paginação e busca
Matrizes com muitas linhas têm:
  • Paginação: 10 linhas por página (padrão)
  • Busca: Campo para filtrar linhas
  • Ordenação: Clique no cabeçalho da coluna
Galeria de Imagens
O que é?
A Galeria de Imagens (DynamicGridWidget) é um widget para organizar fotos da obra em um grid visual.
Onde usar:
  • Template: Imagens
Adicionando imagens
Passo 1: Acesse o widget de galeria
No dashboard com template "Imagens", clique em "Configurar Galeria".
Passo 2: Faça upload das fotos
  1. Clique em "+ Adicionar Imagens"
  1. Selecione as fotos do seu computador
  1. Aguarde o upload
Formatos aceitos: JPG, PNG, GIF
Tamanho máximo: 5MB por imagem (verificar configuração real)
Passo 3: Organize as imagens
  • Arraste e solte para reordenar
  • Clique na imagem para adicionar:
  • Título
  • Descrição
  • Data da foto
  • Tags/categorias
Passo 4: Configure o layout do grid
Organizando por categorias
Crie categorias para facilitar navegação:
Exemplos de categorias:
  • Por área (Fundação, Estrutura, Acabamento)
  • Por data (Semana 1, Semana 2, etc.)
  • Por tipo (Antes/Depois, Drone, Close-up)
Como usar:
  1. Adicione tag à imagem (ex: "Fundação")
  1. Use filtro no widget para mostrar apenas aquela categoria
Visualizando imagens
No dashboard:
  • Grade de miniaturas
  • Clique na imagem para ampliar (lightbox)
  • Navegue entre imagens com setas
No PDF:
  • Imagens são incluídas automaticamente
  • Legendas aparecem abaixo de cada foto
Gerando Relatórios PDF
Tipos de relatórios disponíveis
O sistema oferece 3 tipos de relatórios PDF:
Estrutura dos relatórios
Cada relatório é composto por seções, e cada seção exige um dashboard específico.
Relatório Interno (internal_report)
Seções:
  1. Visão Geral (obrigatória)
  • Template necessário: layout_5_charts
  • Conteúdo: Informações gerais + 5 gráficos
  1. Visão por Disciplina (obrigatória)
  • Template necessário: layout_6_charts
  • Conteúdo: 6 gráficos de disciplinas
  1. Galeria de Imagens (opcional)
  • Template necessário: imagens
  • Conteúdo: Fotos da obra
Relatório Cliente: Estrutura e Geração de PDF
Estrutura do Relatório Cliente
O Relatório Cliente é composto por seções essenciais para uma apresentação eficaz ao cliente. Cada seção tem um propósito específico e requer um template correspondente:
1
Resumos Qualitativos
  • Conteúdo: Informações gerais + resumos narrativos
2
Visão por Datas
  • Conteúdo: Matrizes de datas e marcos
3
Visão por Disciplina
  • Conteúdo: 6 gráficos de disciplinas
Passo a Passo para Gerar o Relatório PDF
Siga estes passos para criar e exportar seu relatório PDF:
01
Prepare os Dashboards Necessários
Certifique-se de que todos os dashboards que comporão o relatório foram criados e estão associados aos templates corretos. A preparação cuidadosa garante a integridade do seu relatório final.
Exemplo para Relatório Interno:
  • Dashboard A: "Visão Geral - Maio 2025"
  • Dashboard B: "Disciplinas - Maio 2025"
  • Dashboard C: "Fotos - Maio 2025" (Galeria)
02
Acesse o Gerador de Relatórios
Dentro do dashboard, localize e clique na opção "Gerar Relatório PDF". Em seguida, escolha o tipo de relatório que você deseja criar, como "Relatório Cliente", para iniciar o processo.
03
Mapeie os Dashboards
O sistema apresentará as seções do relatório. Para cada seção exibida:
  1. Escolha o dashboard apropriado no menu suspenso.
  1. Visualize o preview (se disponível) para garantir que o conteúdo está correto antes de finalizar.
Exemplo de mapeamento:
Relatório Interno

Seção 1: Visão Geral *
 └─ [Selecione dashboard ▼]
    ├─ Dashboard "Visão Geral - Maio 2025" ← SELECIONAR
    ├─ Dashboard "Visão Geral - Abril 2025"
    └─ Dashboard "Executivo Q1 2025"

Seção 2: Visão por Disciplina *
 └─ [Selecione dashboard ▼]
    ├─ Dashboard "Disciplinas - Maio 2025" ← SELECIONAR
    └─ Dashboard "Disciplinas - Abril 2025"

Seção 3: Galeria de Imagens (opcional)
 └─ [Selecione dashboard ▼]
    ├─ Nenhum
    └─ Dashboard "Fotos - Maio 2025" ← SELECIONAR
Passo 4: Configure opções do PDF
Passo 5: Clique em "Gerar PDF"
O sistema processará e:
  • Mostrará barra de progresso
  • Abrirá o PDF no navegador quando pronto
  • Dará opção de download
⏱️ Tempo estimado: 10-30 segundos (depende da quantidade de gráficos)
Personalizando relatórios
Elementos personalizáveis:
  • Capa: Logo da empresa, nome da obra, período
  • Cabeçalho: Nome da empresa, página
  • Rodapé: Data de geração, responsável
Como personalizar:
  1. Acesse "Configurações de Relatórios"
  1. Faça upload do logo (formato PNG, máx 500KB)
  1. Configure textos de capa
  1. Salve
Compartilhando relatórios
Opção 1: Download direto
Após gerar, clique em Download e envie o arquivo por e-mail ou compartilhe via drive.
Opção 2: Link compartilhável (se disponível)
Alguns relatórios podem ter link público temporário:
  1. Clique em "Compartilhar"
  1. Copie o link
  1. Defina validade (7, 15, 30 dias)
  1. Compartilhe

⚠️ Atenção: Links públicos permitem visualização sem login. Use com cautela.
Fluxos Completos
Tutorial 1: Criando Dashboard Mensal de Acompanhamento
Objetivo:
Dashboard executivo para reunião mensal
Passo a passo:
4. Crie gráficos de disciplina (Slots 3-6)
Para complementar a visão geral do progresso, é essencial detalhar o desempenho por disciplina. Nos slots 3 a 6, configure gráficos que comparem o progresso planejado com o executado para cada área crítica do projeto. Isso permite identificar rapidamente gargalos e áreas de excelência, facilitando a tomada de decisões específicas.
  • Verifique a consistência das cores e legendas em todos os gráficos, garantindo fácil compreensão.
  • Teste a visualização em diferentes tamanhos de tela para assegurar a responsividade do layout.
  • Gere um PDF de teste para verificar a formatação e a apresentação das informações antes da distribuição final.

✅ Resultado: Com estes passos, você terá um Dashboard completo e pronto para ser utilizado em sua reunião executiva mensal, fornecendo uma visão abrangente e detalhada do progresso do projeto.
Tutorial 2: Comparando Planejado vs Executado vs Projeção
Objetivo: Análise preditiva para replaneamento
Fluxo de Trabalho de Análise Preditiva
Este tutorial guiará você por um fluxo de trabalho passo a passo para criar e analisar um dashboard preditivo.
1
Crie o Dashboard de Análise
Inicie a configuração do seu dashboard com as seguintes especificações:
  • Nome: "Análise Preditiva - Q2 2025"
  • Template: Visão Geral
  • Data Início: 01/04/2025
  • Data Fim: 30/06/2025
2
Crie o Gráfico com Histórico
Adicione um gráfico para visualizar o desempenho passado:
  • Título: "Mecânica - Histórico e Projeção"
  • Tipo: Linha/Coluna
  • Período: Semanal
  • Métricas:
  • Macro Mecânica - Planejado (linha azul)
  • Macro Mecânica - Executado (barra verde)
3
Analise a Tendência Atual
Interprete o gráfico para identificar pontos-chave:
  • Executado está abaixo/acima do planejado?
  • Qual a taxa de execução atual?
  • Em que data chegará a 100%?
4
Crie a Projeção
Adicione a projeção para o futuro com base na tendência observada:
  • Clique em "Adicionar Projeção"
  • Preencha valores futuros baseado na tendência
  • Configure:
  • Nome: "Projeção Revisada - Maio"
  • Cor: Laranja
  • Transformação: Acumulado
Exemplo de valores:
5. Analise os cenários
Compare as 3 linhas:
  • Azul (Planejado): Meta original (100% na Sem 18)
  • Verde (Executado): Realidade até agora (52% na Sem 15)
  • Laranja (Projeção): Estimativa (92% na Sem 20)
Conclusão: Atraso de 2 semanas detectado.
6. Teste cenários alternativos
Crie projeções diferentes:
  • "Projeção Otimista" (com reforço de equipe)
  • "Projeção Pessimista" (se houver mais atrasos)
7. Compartilhe com stakeholders
Gere PDF e apresente para decisão de ações corretivas.

✅ Resultado: Análise preditiva com base em dados reais.
Tutorial 3: Preparando Relatório para Cliente
Objetivo: Relatório profissional para apresentação mensal
Passo a passo:
1. Crie os dashboards necessários
2. Escolha gráficos apropriados
Para clientes, prefira:
  • Gráficos simples (evite muitas métricas)
  • Cores consistentes (azul=planejado, verde=executado)
  • Medidores para KPIs principais
3. Escreva narrativas claras
No Resumo do Projeto, use linguagem objetiva:
✅ Bom:
"A obra está 85% concluída, dentro do prazo previsto. Neste mês, concluímos a instalação elétrica do 3º andar e iniciamos o comissionamento. Próxima entrega: Testes finais em 15/06."
❌ Evite:
"Executamos FVS 1234, 1235 e 1236. Atividade 45 foi apontada. Pendente liberação de área."
4. Selecione fotos adequadas
  • Incluir: Progresso visível, áreas importantes, marcos concluídos
  • Evitar: Áreas bagunçadas, detalhes técnicos excessivos
5. Gere o relatório PDF
  • Tipo: Relatório Cliente ou Relatório Cliente UX
  • Mapeamento:
  • Seção 1: Dashboard "Cliente - Resumos Maio 2025"
  • Seção 2: Dashboard "Cliente - Disciplinas Maio 2025"
  • Seção 3: Dashboard "Cliente - Fotos Maio 2025"
  • Configure capa com logo do cliente (se aplicável)
6. Revise antes de enviar
Checklist:
  • Datas corretas
  • Gráficos legíveis
  • Textos sem erros
  • Fotos de qualidade
  • Logo correto na capa
  • Informações confidenciais removidas (se necessário)

✅ Resultado: Relatório profissional pronto para envio ao cliente.
Tutorial 4: Acompanhamento de Segurança (EHS)
Este tutorial detalha a configuração de um dashboard específico para o monitoramento contínuo de indicadores de Saúde, Segurança e Meio Ambiente (EHS). O objetivo principal é proporcionar uma visão clara e em tempo real sobre o desempenho da segurança no projeto, facilitando a identificação proativa de riscos e a implementação de medidas preventivas eficazes.
Objetivo:
Criar um painel de controle dedicado à segurança, capaz de exibir métricas cruciais como ocorrências, dias sem acidentes e não conformidades, para apoiar a análise e a gestão proativa de EHS.
Passo a passo:
1. Crie o dashboard EHS
Inicie a criação de um novo dashboard com as seguintes configurações básicas:
  • Nome: "Dashboard EHS - Maio 2025"
  • Template: Selecione o template "Visão Geral", que já inclui um widget dedicado para informações EHS.
  • Período: Defina a Data de Início e Data de Fim para o mês atual de acompanhamento, por exemplo, de 01/05/2025 a 31/05/2025.
2. Configure o widget de Métricas EHS
Após selecionar o template "Visão Geral", o sistema irá preencher automaticamente o widget de Métricas EHS com os seguintes indicadores, desde que as informações tenham sido previamente registradas no módulo específico:
  • Dias sem acidente: Contagem de dias consecutivos sem incidentes.
  • Ocorrências do mês: Número total de ocorrências registradas no período.
  • Não conformidades: Detalhamento de desvios e não conformidades.

✅ Pré-requisito: Garanta que todas as ocorrências de EHS e não conformidades sejam registradas diligentemente no módulo de gestão de segurança do sistema para que os dados apareçam corretamente no dashboard.
3. Crie gráficos de acompanhamento
Adicione gráficos que permitam uma análise aprofundada das ocorrências de segurança:
  • Gráfico 1: Evolução de Ocorrências
  • Slot: 1 (Posicione no primeiro espaço disponível para gráficos).
  • Título: "Ocorrências EHS por Semana"
  • Tipo: Selecione Linha/Coluna para visualizar a tendência.
  • Período: Configure para Semanal.
  • Métrica: Utilize a Contagem de ocorrências.
  • Gráfico 2: Ocorrências por Disciplina
  • Slot: 2 (Posicione no segundo espaço disponível para gráficos).
  • Título: "Distribuição de Ocorrências por Disciplina"
  • Tipo: Opte por Linha/Coluna.
  • Período: Configure para Mensal.
  • Métricas: Inclua a contagem de ocorrências por disciplina, como Mecânica - Contagem, Elétrica - Contagem, e Hidráulica - Contagem, para entender a distribuição.
4. Adicione metas de segurança
Para uma análise comparativa, crie uma projeção que represente a "meta zero" de acidentes. Esta projeção servirá como um benchmark visual:
  • Projeção: Nomeie-a como "Meta Zero Acidentes".
  • Valores: Defina todos os valores para 0 (zero) em todos os períodos.
  • Cor: Escolha a cor Verde para representar o ideal de segurança.
  • Compare: Vincule esta projeção às ocorrências reais para visualizar o desvio em relação à meta.
5. Revise semanalmente
Estabeleça uma rotina de revisão semanal para garantir a atualização e a eficácia do dashboard EHS:
  • Toda segunda-feira: Atualize o registro de ocorrências EHS para manter os dados do dashboard em dia.
  • Revise os gráficos: Analise as tendências e os novos dados apresentados.
  • Identifique tendências: Observe padrões e picos que possam indicar áreas de atenção.
  • Planeje ações preventivas: Com base nas análises, defina e implemente ações corretivas ou preventivas.

✅ Resultado: Ao seguir estes passos, você terá um Dashboard de Segurança (EHS) robusto e funcional, essencial para uma gestão proativa da segurança no projeto, contribuindo significativamente para um ambiente de trabalho mais seguro.
Dicas e Boas Práticas para Dashboards
Para garantir a eficácia e a clareza dos seus dashboards no sistema, é fundamental seguir algumas diretrizes e boas práticas. Estas dicas abrangem desde a organização e nomenclatura até a otimização de performance e validação de dados, assegurando que seus relatórios sejam profissionais e facilmente compreensíveis, economizando tempo e evitando erros comuns.
Organização de Dashboards
Nomenclatura Clara
Adote um padrão de nomenclatura consistente para seus dashboards. Isso facilita a localização e a compreensão do propósito de cada painel, especialmente em ambientes com muitos dashboards.
  • Utilize o padrão: "Dashboard [Tipo] - [Período]"
  • Exemplos:
  • "Dashboard Executivo - Maio 2025"
  • "Dashboard Disciplinas - Semana 20"
  • "Dashboard Cliente - Q2 2025"
Separação por Público
Crie dashboards específicos para cada tipo de audiência. Isso permite personalizar o conteúdo e o nível de detalhe conforme as necessidades de cada grupo, evitando sobrecarga de informação.
  • Internos: Todos os detalhes técnicos e operacionais.
  • Executivos: Visão geral e KPIs estratégicos.
  • Clientes: Resumos de progresso e marcos principais.
Períodos Consistentes
Mantenha a mesma granularidade temporal dentro de um único dashboard. A mistura de diferentes periodicidades pode confundir a análise e a interpretação dos dados apresentados.
  • Se usar "Mensal" no gráfico principal, aplique a todos os demais.
  • Evite misturar dados diários, semanais e mensais no mesmo painel.
Reutilização Inteligente
Crie Biblioteca de Gráficos
Desenvolva gráficos "master" que podem ser salvos e reutilizados em múltiplos dashboards. Esta abordagem centraliza a criação e garante consistência visual e de dados entre os relatórios.
  • "Curva S Obra" → Usar em todos os dashboards executivos.
  • "Progresso Mecânica" → Usar em dashboards de disciplina.
Atualize em Um Lugar
A vantagem da reutilização é que qualquer edição feita no gráfico original se reflete automaticamente em todos os dashboards onde ele foi utilizado. Isso otimiza a manutenção e garante dados atualizados.
Evite Duplicação
Evite a criação de gráficos idênticos com nomes diferentes. Priorize sempre a reutilização de componentes existentes para manter a base de dados limpa e eficiente.
Cores e Legendas
A padronização de cores e o uso de legendas descritivas são cruciais para a clareza visual e a interpretação rápida dos gráficos. Um sistema de cores consistente reduz a curva de aprendizado para o usuário e minimiza ambiguidades.
01
Padrão de Cores
Mantenha um padrão de cores fixo e intuitivo para representar diferentes estados ou tipos de dados nos gráficos. Esta consistência reforça a mensagem visual.
  • Azul: Planejado
  • Verde: Executado
  • Laranja/Vermelho: Projeções ou alertas
  • Cinza: Dados históricos ou neutros
02
Labels Descritivos
Utilize rótulos claros e concisos nas legendas dos gráficos. Evite termos genéricos que podem levar a interpretações errôneas ou que exigem conhecimento prévio para serem compreendidos.
❌ Evite: "Métrica 1", "Linha A"
✅ Use: "Mecânica - Planejado", "Curva S - Executado"
03
Limite de Métricas
Para evitar gráficos poluídos e de difícil leitura, limite o número de métricas apresentadas em um mesmo visual. Gráficos com muitas linhas tendem a ser ineficazes.
  • Ideal: 2-3 métricas para fácil comparação.
  • Máximo aceitável: 5 métricas, exigindo atenção extra.
  • Acima de 5: Dificulta leitura; considere criar gráficos separados.
Periodicidade Recomendada
A frequência de atualização dos dashboards deve ser alinhada com as necessidades informacionais e o ritmo do projeto. A tabela abaixo sugere uma periodicidade ideal para os principais tipos de dashboards, otimizando o esforço de atualização e a relevância da informação.
Performance e Velocidade
A usabilidade de um dashboard está diretamente ligada à sua performance. Para garantir que seus dashboards carreguem rapidamente e ofereçam uma experiência fluida, é importante seguir práticas de otimização de dados e recursos.
Use Datas Customizadas com Sabedoria
  • Períodos muito longos (ex: 2 anos diários) podem sobrecarregar o gráfico e torná-lo lento.
  • Prefira agregações de dados adequadas: diário para 1 mês, semanal para até 3 meses, mensal para 1 ano ou mais.
Limite de Gráficos no Dashboard
  • Os templates pré-definidos já consideram a quantidade ideal de slots para gráficos, equilibrando informação e performance.
  • Evite forçar a adição de mais gráficos do que o template suporta, pois isso pode comprometer a velocidade de carregamento e a clareza visual.
Otimize Imagens
  • Sempre redimensione fotos e imagens antes de fazer o upload para o sistema.
  • Utilize uma qualidade adequada para web, não sendo necessário arquivos RAW ou de altíssima resolução, que consomem mais banda e tempo de carregamento.
Validação de Dados
A confiança nos dados é primordial. Antes de compartilhar qualquer dashboard, seja internamente ou com clientes, uma revisão meticulosa é indispensável para garantir a precisão e a integridade das informações.
01
Revise Antes de Compartilhar
Utilize um checklist detalhado para validar todos os aspectos do dashboard, desde a consistência dos dados até a legibilidade dos elementos visuais.
  • Datas do dashboard estão corretas.
  • Gráficos mostram os dados esperados, sem anomalias.
  • Não há valores negativos inesperados onde não deveriam.
  • Legendas e rótulos estão legíveis e claros.
  • Cores são distinguíveis e seguem o padrão estabelecido.
  • Totais e percentuais fazem sentido (ex: executado não pode ser > 100%).
02
Teste PDF Antes de Enviar
Sempre gere uma versão de teste do relatório em PDF e revise-a cuidadosamente antes do envio final. O formato de apresentação pode impactar a visualização dos dados.
  • Verifique se todas as seções e gráficos estão presentes e completos.
  • Confirme que os gráficos renderizaram corretamente, sem cortes ou distorções.
  • Revise textos e narrativas para garantir clareza e ausência de erros.
  • Assegure-se de que o logo do cliente (se aplicável) esteja correto na capa.