1. Introdução
1.

1. Conceitos Básicos
2.

1. Primeiros Passos
3.

1. Templates de Dashboard
4.

1. Trabalhando com Gráficos
5.

1. Entendendo as Métricas
6.

1. Criando Projeções
7.

1. Widgets Fixos
8.

1. Matrizes Customizáveis
9.

1. Galeria de Imagens
10.

1. Gerando Relatórios PDF
11.

1. Fluxos Completos
12.

1. Dicas e Boas Práticas
13.

• 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

• 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

1. Visão Geral - Informações gerais + 5 gráficos
1.

1. Visão por Disciplina - 6 gráficos focados em disciplinas
2.

1. Resumos Qualitativos - Relatório para cliente
3.

1. Visão por Datas - Comparação temporal com matrizes
4.

1. Imagens - Galeria de fotos da obra
5.

• 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

• Linha/Coluna: Gráficos temporais (diário, semanal, mensal)

• Medidor (Gauge): Indicador visual de progresso percentual

• Planejado: O que foi planejado para executar

• Executado: O que realmente foi executado

• Projeção: Estimativa futura baseada em dados reais

• 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)

• Exibe lista de todos os dashboards da obra

• Clique em um dashboard para visualizá-lo

• O dashboard atual fica destacado

• ✏️ Editar: Alterar nome, descrição, datas ou template

• 🗑️ Excluir: Remover dashboard permanentemente

• 📄 Gerar PDF: Criar relatório do dashboard

┌─────────────────────────────────────────────────────┐
│ [Seletor de Dashboards ▼]   [Criar Dashboard] [PDF] │
├─────────────────────────────────────────────────────┤
│                                                     │
│ ┌─────────────────────┐ ┌───────────────────────┐   │
│ │   Widget Fixo 1     │ │    Widget Fixo 2      │   │
│ └─────────────────────┘ └───────────────────────┘   │
│                                                     │
│ ┌───────────────────────────────────────────────┐   │
│ │      Slot 1: [+ Adicionar Gráfico]            │   │
│ └───────────────────────────────────────────────┘   │
│                                                     │
│ ┌─────────────────────┐ ┌───────────────────────┐   |      
│ │        Slot 2:      │ │        Slot 3:        │   |           
│ │       [Gráfico]     │ │    [+ Adicionar]      │   │
│ └─────────────────────┘ └───────────────────────┘   |               
│                                                     │
└─────────────────────────────────────────────────────┘

• Relatórios internos gerenciais

• Acompanhamento global da obra

• Reuniões de status com time interno

┌────────────────────────────────────────────┐
│ 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                  │
└────────────────────────────────────────────┘

• Análise detalhada por disciplina

• Comparação entre áreas técnicas

• Relatórios para coordenadores de disciplina

┌────────────────────────────────────────────┐
│ 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     │
└──────────────────────┴─────────────────────┘

• AdvanceBoard: Painel interativo de seleção de entidade (Macro/Etapa/Atividade) com % de progresso

"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

• Relatórios para clientes

• Apresentações executivas

• Comunicação externa

┌────────────────────────────────────────────┐
│ 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   │
└──────────┴──────────┴──────────┴───────────┘

• 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

"Relatório Cliente - Março 2025"
Foco em narrativas textuais e poucos gráficos essenciais

• Comparação de marcos temporais

• Análise de datas de conclusão

• Planejamento de interfaces entre disciplinas

┌────────────────────────────────────────────┐
│ Matriz Customizável 1:                     │
│ "Datas de conclusão previstas"             │
├────────────────────────────────────────────┤
│ Matriz Customizável 2:                     │
│ "Principais marcos da interface"           │
└────────────────────────────────────────────┘

• CustomBoard (Slot 1): Tabela configurável para datas de conclusão

• CustomBoard (Slot 2): Tabela configurável para marcos de interface

"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

• Registro fotográfico da obra

• Evidências visuais para relatórios

• Acompanhamento visual de progresso

┌────────────────────────────────────────────┐
│ Widget: Galeria de Imagens (DynamicGrid)   │
│                                            │
│ ┌───────┐ ┌───────┐ ┌───────┐ ┌───────┐    │
│ │ Foto1 │ │ Foto2 │ │ Foto3 │ │ Foto4 │    │
│ └───────┘ └───────┘ └───────┘ └───────┘    │
│ ┌───────┐ ┌───────┐ ┌───────┐              │
│ │ Foto5 │ │ Foto6 │ │ Foto7 │              │
│ └───────┘ └───────┘ └───────┘              │
└────────────────────────────────────────────┘

• DynamicGridWidget: Grid configurável de imagens

"Registro Fotográfico - Abril 2025"
Organizar fotos por área da obra ou por data

• Linha/Coluna: Para análises temporais (diário/semanal/mensal)

• Medidor (Gauge): Para indicadores percentuais instantâneos

• Economiza tempo

• Mantém consistência entre dashboards

• Facilita manutenção (edite uma vez, atualiza em todos)

• Título do gráfico

• Tipo (Linha/Coluna ou Gauge)

• Quantidade de métricas

• Em quantos dashboards já está sendo usado

1. Passe o mouse sobre o gráfico
1.

1. Clique no ícone ✏️ Editar
2.

1. Faça as alterações necessárias
3.

1. Clique em Salvar
4.

1. Acesse "Gráficos da Obra" (menu lateral)
1.

1. Encontre o gráfico desejado
2.

1. Clique em ✏️ Editar
3.

• 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

1. Passe o mouse sobre o gráfico
1.

1. Clique no ícone 🗑️ Remover
2.

1. Confirme a ação
3.

1. Acesse "Gráficos da Obra"
1.

1. Encontre o gráfico
2.

1. Clique em 🗑️ Excluir Permanentemente
3.

1. Confirme
4.

• Análises temporais (evolução ao longo do tempo)

• Comparação entre planejado e executado

• Acompanhamento de tendências

• 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

100%│       ╱──── Planejado (linha azul)
    │      ╱
 75%│     ╱  ▓▓▓ Executado (barras verdes)
    │    ▓▓▓▓
 50%│   ▓▓▓▓▓
    │  ▓▓▓▓▓▓
 25%│▓▓▓▓▓▓▓
    └──────────────────────────────
     Jan Fev Mar Abr Mai Jun

• Linha: Curva contínua

• Barra: Colunas verticais

• Cronograma oficial da obra

• Planejamento de atividades

• Curva S planejada

• Linha geralmente crescente e suave

• Define a meta a ser atingida

• Base de comparação para executado

• FVS (Ficha de Verificação de Serviço) preenchidas

• Medições de campo

• Apontamentos de progresso

• Mostra a realidade da obra

• Pode estar acima ou abaixo do planejado

• Atualizado conforme medições

• Criada manualmente pelo usuário

• Baseada em tendências observadas

• Pode usar dados de executado como referência

• Geralmente inicia após o executado

• Pode ter transformações (acumulado, média móvel)

• Ajuda a prever cenários futuros

100%│       ╱──────── Planejado
    │      ╱  ╱───── Executado
 75%│     ╱  ╱
    │    ╱╱
 50%│╱
    └────────────────
     Jan Feb Mar Abr

100%│       ╱──────── Planejado
    │      ╱
 75%│     ╱
    │    ╱  ╱──── Executado
 50%│       ╱
    └────────────────
     Jan Feb Mar Abr

100%│       ╱──────── Executado
    │      ╱  ╱─────── Planejado
 75%│     ╱  ╱
    │╱╱
 50%│
    └────────────────
     Jan Feb Mar Abr

100%│       ╱──────── Planejado
    │      ╱  ╱── Projeção (90%)
 75%│     ╱  ╱─
    │    ╱  ╱
 50%│   ╱───── Executado
    └────────────────
     Jan Feb Mar Abr Mai

• Tendências observadas no executado

• Conhecimento da equipe

• Cenários "e se?"

• Planejamentos revisados

1. Clique em "Gerenciar Projeções"
1.

1. Selecione a projeção desejada
2.

1. Edite os valores na tabela
3.

1. Salve
4.

1. Acesse "Projeções da Obra" (menu lateral)
1.

1. Encontre a projeção
2.

1. Clique em ✏️ Editar
3.

• Valores de cada período

• Nome e descrição

• Cor e label

• Transformações

• Status (Ativo/Arquivado)

1. Acesse a projeção
1.

1. Clique em Arquivar
2.

1. A projeção desaparece dos gráficos mas fica disponível no histórico
3.

• Template: Visão Geral

• Template: Resumos Qualitativos

• 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

1. Acesse "Configurações da Obra"
1.

1. Edite os campos desejados
2.

1. Salve
3.

• Template: Visão Geral

1. Clique no widget
1.

1. Digite o resumo (suporta markdown)
2.

1. Salve
3.

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.

• Template: Resumos Qualitativos

• Template: Visão Geral

• % Física global

• % Financeira

• Status de prazo

• Template: Visão Geral

• Total de HH planejadas

• Total de HH executadas

• % de uso de HH

• Template: Visão Geral

• Dias sem acidente

• Ocorrências registradas

• Não conformidades

1. Registre ocorrências EHS no módulo específico
1.

1. Widget será atualizado automaticamente
2.

• Template: Resumos Qualitativos

• Template: Visão Geral

• Inspeções realizadas

• Conformidades

• Não conformidades

• Taxa de aprovação

• Template: Resumos Qualitativos

1. Clique no widget
1.

1. Clique em "+ Adicionar Notificação"
2.

1. Preencha:
3.

• Título

• Descrição

• Data

• Tipo (Informação, Alerta, Crítico)

1. Salve
4.

• Template: Visão por Disciplina

• Dropdown para escolher a entidade

• % de progresso da entidade selecionada

• Indicador visual (barra ou gauge)

1. Abra o dropdown
1.

1. Selecione Macro, Etapa ou Atividade
2.

1. O widget mostra automaticamente o % de progresso
3.

1. Os gráficos abaixo podem filtrar pela entidade selecionada (se configurados)
4.

• Datas de conclusão por disciplina

• Interfaces entre áreas

• Marcos de projeto

• Checklist de entregas

• Slot 1: "Datas de conclusão previstas"

• Slot 2: "Principais marcos da interface"

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")

1. Clique em "+ Adicionar Linha"
1.

1. Preencha cada célula
2.

1. Salve
3.

1. Clique em ⚙️ Configurar Matriz
1.

1. Adicione/remova/renomeie colunas
2.

1. Salve
3.

1. Ao criar coluna tipo "Seleção"
1.

1. Defina as opções (ex: "Baixo", "Médio", "Alto")
2.

1. Separe com vírgula ou adicione uma por linha
3.

• Paginação: 10 linhas por página (padrão)

• Busca: Campo para filtrar linhas

• Ordenação: Clique no cabeçalho da coluna

• Template: Imagens

1. Clique em "+ Adicionar Imagens"
1.

1. Selecione as fotos do seu computador
2.

1. Aguarde o upload
3.

• Arraste e solte para reordenar

• Clique na imagem para adicionar:

• Título

• Descrição

• Data da foto

• Tags/categorias

• Por área (Fundação, Estrutura, Acabamento)

• Por data (Semana 1, Semana 2, etc.)

• Por tipo (Antes/Depois, Drone, Close-up)

1. Adicione tag à imagem (ex: "Fundação")
1.

1. Use filtro no widget para mostrar apenas aquela categoria
2.

• Grade de miniaturas

• Clique na imagem para ampliar (lightbox)

• Navegue entre imagens com setas

• Imagens são incluídas automaticamente

• Legendas aparecem abaixo de cada foto

1. Visão Geral (obrigatória)
1.

• Template necessário: layout_5_charts

• Conteúdo: Informações gerais + 5 gráficos

1. Visão por Disciplina (obrigatória)
2.

• Template necessário: layout_6_charts

• Conteúdo: 6 gráficos de disciplinas

1. Galeria de Imagens (opcional)
3.

• Template necessário: imagens

• Conteúdo: Fotos da obra

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

• Mostrará barra de progresso

• Abrirá o PDF no navegador quando pronto

• Dará opção de download

• Capa: Logo da empresa, nome da obra, período

• Cabeçalho: Nome da empresa, página

• Rodapé: Data de geração, responsável

1. Acesse "Configurações de Relatórios"
1.

1. Faça upload do logo (formato PNG, máx 500KB)
2.

1. Configure textos de capa
3.

1. Salve
4.

1. Clique em "Compartilhar"
1.

1. Copie o link
2.

1. Defina validade (7, 15, 30 dias)
3.

1. Compartilhe
4.

• 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.

• 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)

• "Projeção Otimista" (com reforço de equipe)

• "Projeção Pessimista" (se houver mais atrasos)

• Gráficos simples (evite muitas métricas)

• Cores consistentes (azul=planejado, verde=executado)

• Medidores para KPIs principais

• Incluir: Progresso visível, áreas importantes, marcos concluídos

• Evitar: Áreas bagunçadas, detalhes técnicos excessivos

• 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)

• Datas corretas

• Gráficos legíveis

• Textos sem erros

• Fotos de qualidade

• Logo correto na capa

• Informações confidenciais removidas (se necessário)

• 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.

• 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.

• 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.

• 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.

• 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.