Brasão de Alagoinhas

Sistema de Informação de Custos de Alagoinhas

Apostila de navegação, estrutura técnica e fontes de dados do Portal

HTML + CSS + JavaScript (site estático)
Baixar PDF Voltar ao Portal

Sumário

  1. O que é um site estático
  2. Como o Portal funciona
  3. Estrutura de pastas e o que cada parte representa
  4. Telas reais do Portal (prints)
  5. Fontes de dados e fluxo de atualização
  6. Limitações do SIAFIC atual (Contabilis) e impactos
  7. Checklist de publicação no Cloudflare Pages

1) O que é um site estático (HTML+CSS+JS)

Um site estático é um portal que roda diretamente no navegador, composto por arquivos como .html (estrutura), .css (visual) e .js (interação). Ele não precisa de servidor com banco de dados para exibir as páginas — basta hospedar os arquivos.

No seu Portal, o navegador carrega os arquivos do Cloudflare Pages e o JavaScript lê os dados (CSV) e monta tabelas e gráficos na tela.

Exemplo real no Portal: o parâmetro ?ano=2025 define o ano exibido e é lido pelo JavaScript para atualizar links e textos.

2) Como o Portal funciona (visão didática)

3) Estrutura do projeto (o que cada parte representa)

/index.html

Página inicial (Visão Geral). Apresenta o resumo anual e aponta para páginas de secretarias.

/*.html (páginas)

Cada arquivo é uma página: SEDUC, SESAU, SEFAZ, SEOP, etc. O menu lateral é repetido para manter navegação simples.

/assets/css

Folhas de estilo. style.css define o padrão visual (cards, menu, cabeçalho, botões).

/assets/js

Scripts de interatividade (ex.: timeline). No site estático, o JS é quem “dá vida” à página.

/assets/img

Imagens (brasão e outras artes). Carregadas direto pelo navegador.

/data

Arquivos CSV (resumos, itens, servidores por secretaria). São a base para tabelas e gráficos.

/timeline_2017_2024.html

Página histórica consolidada (2017–2024) mostrando a evolução do custo total pela VPD (regime de competência).

/apostila

Esta apostila em HTML + PDF, pronta para ficar dentro do próprio Portal.

4) Telas reais do Portal (prints)

Os prints abaixo documentam a estrutura real do Portal em funcionamento.

Página inicial (Visão Geral) do Portal de Custos
Página inicial (Visão Geral) do Portal de Custos
Página Educação (SEDUC): resumo e indicadores iniciais
Página Educação (SEDUC): resumo e indicadores iniciais
Página Educação (SEDUC): tabela de categorias e botões de download
Página Educação (SEDUC): tabela de categorias e botões de download
Página Saúde (SESAU): indicadores e gráfico de categorias
Página Saúde (SESAU): indicadores e gráfico de categorias
Página Saúde (SESAU): tabela detalhada e explicação de limitações por unidade
Página Saúde (SESAU): tabela detalhada e explicação de limitações por unidade
Página 'Como calculamos?': base patrimonial (VPD) e lógica de custo
Página 'Como calculamos?': base patrimonial (VPD) e lógica de custo
Linha do tempo (2017–2024): gráfico da evolução do custo total (VPD)
Linha do tempo (2017–2024): gráfico da evolução do custo total (VPD)
Linha do tempo (2017–2024): leitura em linguagem simples e limitações
Linha do tempo (2017–2024): leitura em linguagem simples e limitações
Rodapé padrão do Portal (fonte, metodologia e contatos)
Rodapé padrão do Portal (fonte, metodologia e contatos)
Acesso ao SIAFIC Contabilis: login (CPF) e empresa contábil (ECONTAP)
Acesso ao SIAFIC Contabilis: login (CPF) e empresa contábil (ECONTAP)
Contabilis: seleção de Unidade Gestora (PMA e Fundos) e ano (2025/2026)
Contabilis: seleção de Unidade Gestora (PMA e Fundos) e ano (2025/2026)
Contabilis: caminho de relatórios (Relatório/Gráfico → Relatório Contábil)
Contabilis: caminho de relatórios (Relatório/Gráfico → Relatório Contábil)
Contabilis: lista de relatórios contábeis disponíveis (Livro Razão, Balancetes etc.)
Contabilis: lista de relatórios contábeis disponíveis (Livro Razão, Balancetes etc.)
Contabilis: filtro de órgão/secretaria para gerar um relatório por vez
Contabilis: filtro de órgão/secretaria para gerar um relatório por vez
Portal da Transparência: áreas (Servidores, RGF/RREO, Planejamento etc.)
Portal da Transparência: áreas (Servidores, RGF/RREO, Planejamento etc.)
Portal da Transparência (Folha de Pagamento): filtros por ano/mês e listagem
Portal da Transparência (Folha de Pagamento): filtros por ano/mês e listagem
Portal da Transparência: seção Obras e Prestação de Contas
Portal da Transparência: seção Obras e Prestação de Contas

5) Fontes de dados e fluxo de atualização (como os números chegam no Portal)

  1. Contabilis (SIAFIC atual): extração de relatórios (Livro Razão e Balancete de Verificação) por secretaria, com filtro e geração de um relatório por vez.
  2. Portal da Transparência: extração de dados de folha de pagamento (mês a mês), além de cadastros e listas (escolas/creches, unidades de saúde, frota, obras etc.).
  3. Consolidação: transformação para CSV padronizado (por secretaria, categorias cidadãs e planilha técnica PCASP).
  4. Publicação: atualização dos CSV em /data e re-publicação no Cloudflare Pages.

Observação importante (2025): até o momento você conseguiu dados completos de folha até novembro/2025; dezembro foi publicado apenas como folha geral e sem o 13º.

6) Limitações do SIAFIC atual (Contabilis) e impactos na transparência de custos

Hoje o Município possui contrato com um sistema contábil que, na prática, não entrega a integração necessária para um SIAFIC plenamente aderente. Na sua rotina, isso aparece assim:

Impacto direto: como não há integração de módulos estruturantes e não há módulo de custos ativo, o Portal precisa fazer consolidação externa (CSV) para mostrar o consumo de recursos em linguagem cidadã.

Fluxo prático de extração (resumo)

  1. Entrar no Contabilis → escolher UG/ano (2025/2026).
  2. Menu Contabilidade → Relatório/Gráfico/Análise → Relatório Contábil.
  3. Gerar Livro Razão / Balancete de Verificação filtrando o órgão/secretaria.
  4. Para folha de pagamento: Portal da Transparência → Servidores → baixar/filtrar mês a mês.

7) Checklist de publicação (Cloudflare Pages)