Apresentação
Apresentação da plataforma
Apresentação em slides da plataforma FNDCT em Movimento: objetivo, estratégia, funcionalidades e como navegar no MVP.
Apresentação da plataforma
FNDCT em Movimento
Ciência que chega à vida. Relatório digital interativo sobre o Fundo Nacional de Desenvolvimento Científico e Tecnológico.
Protótipo de demonstração. Casos e histórias são fictícios e o conteúdo aguarda validação. Não é o portal oficial do FNDCT, do MCTI, da Finep ou do CNPq.
Slide 1 de 12: FNDCT em Movimento
Baixar PowerPoint corrigidoUse as setas do teclado para avançar e voltar. No celular, o PowerPoint abre em uma nova aba para você salvar ou compartilhar o arquivo. Para o PDF, escolha “Salvar como PDF” na caixa de impressão. Todo o conteúdo também está listado abaixo, em texto.
Conteúdo dos slides em texto
1. Apresentação da plataforma
FNDCT em Movimento
Ciência que chega à vida. Relatório digital interativo sobre o Fundo Nacional de Desenvolvimento Científico e Tecnológico.
Protótipo de demonstração. Casos e histórias são fictícios e o conteúdo aguarda validação. Não é o portal oficial do FNDCT, do MCTI, da Finep ou do CNPq.
2. Objetivo
Tornar visível o que o fundo constrói
Transformar o relatório institucional em uma experiência digital que torne compreensível, verificável e reconhecível a contribuição do FNDCT para as capacidades científicas e tecnológicas do país.
- Explicar em linguagem simples, conforme o Decreto nº 11.719/2024
- Mostrar resultados concretos sem atribuir mérito exclusivo ao fundo
- Dar rastreabilidade a cada número publicado
3. Objetivos específicos
Seis compromissos do produto
- Compreender
- Explicar o fundo em linguagem simples, para qualquer pessoa.
- Comprovar
- Unidade, período, território, fonte e data de acesso em cada número.
- Reconhecer
- Resultados concretos, com limite de atribuição declarado.
- Dar rosto
- Recortes de gênero, raça/cor, povos indígenas, PCD, idade e região.
- Dar continuidade
- Ligar o balanço 2023-2026 à ENCTI 2026-2030 e às missões da NIB.
- Difundir
- Material pronto para divulgação e enfrentamento da desinformação.
4. Estratégia
Editorial antes de tecnológico
- Relatório que se lê
- Cada página responde a uma pergunta do público, sem virar painel de indicadores.
- Rigor com humildade
- Sem fonte validada, a interface mostra [CONTEÚDO A VALIDAR].
- Limite explícito
- Cada caso declara a etapa apoiada e os fatores externos do resultado.
- Acessibilidade
- WCAG 2.2 AA, linguagem simples, narração em áudio e tabela para todo gráfico.
- Portabilidade
- Conteúdo estático, sem backend obrigatório, exportável para qualquer hospedagem.
- Camadas de leitura
- Capa curta, aprofundamento por grupo e evidência bruta nas fichas.
5. Arquitetura da informação
Cinco grupos temáticos
- Entender o fundo
- O FNDCT, como funciona, investimento e programas.
- Ver resultados
- Casos, histórias, território, áreas e o kit No seu dia.
- Quem faz ciência
- Recortes de quem produz CT&I, pessoas e perfis Lattes.
- Confiar e verificar
- Dados, glossário, método, acessibilidade e imprensa.
- Continuidade e participação
- ENCTI, conexões, unidades do MCTI e ecossistema.
Áreas internas e protótipos ficam fora da navegação pública, com noindex.
6. O que está previsto
Conteúdo da plataforma
- Entender
- Explicação em uma frase, vídeo de animação, três passos interativos, caminho do dinheiro, programas e panorama do investimento.
- Ver resultados
- Casos com ficha completa, histórias de impacto, leitura territorial, áreas temáticas e kit editorial.
- Pessoas
- Recortes de quem produz ciência, protótipo de perfis Lattes e estado vazio intencional em Pessoas.
- Confiar
- Fichas de evidência, glossário ENCTI e NIB, método, acessibilidade, indicadores do produto e imprensa.
- Continuidade
- Linha do tempo da ENCTI, balanço 2023-2026, hub de conexões, rede do MCTI e busca do ecossistema.
- Interno
- Plano de comunicação, matriz ENCTI/NIB, campanha 2027 e roadmap de IA em três fases.
7. Funcionalidades
O que a pessoa usuária pode fazer
- Buscar e filtrar casos, glossário e ecossistema
- Ler gráficos com tabela equivalente e resumo em texto
- Exportar casos, indicadores, plano e fichas em CSV e JSON
- Ouvir a página pela voz do navegador, sem backend
- Compartilhar resumos confiáveis por WhatsApp
- Usar o hub de conexões: perfil, busca em linguagem natural e matching por IA
- Guardar favoritos, comparar registros e exportar dossiê
- Navegar por trilha, menu agrupado e versão para impressão
8. Como navegar no MVP
Um percurso sugerido
- 1. Comece pela capa
- A Home é curta e traz o Mapa do relatório, com um cartão por grupo temático.
- 2. Entenda o fundo
- Vá a O FNDCT e Como funciona para a explicação em linguagem simples e os três passos.
- 3. Veja resultados
- Percorra Casos e Histórias; cada ficha mostra o que mudou e o limite de atribuição.
- 4. Verifique
- Use Dados, Glossário e Sobre para checar fontes, termos e método.
- 5. Explore a continuidade
- Continuidade, Conexões e Ecossistema mostram a ciência como política de Estado.
Atalhos: o botão Ouvir página está no topo; a trilha de navegação indica sempre o grupo atual.
9. Conteúdo demonstrativo
O que é fictício e está declarado
- Casos fictícios canônicos, identificados em tela
- Histórias de impacto fictícias
- Imagens de pessoas geradas por IA, sem retratar pessoas reais
- Ações do plano, respostas do Pergunte e formatos do kit como exemplos de preenchimento
Regra editorial: nenhum campo recebe informação não verificada. Sem fonte, a tela mostra [CONTEÚDO A VALIDAR].
10. Acessibilidade, privacidade e LGPD
Requisitos de aceite
- WCAG 2.2 AA
- Contraste verificado, alternativa em tabela para gráficos e legendas em vídeo.
- Teclado
- Abas seguem o padrão APG: roving tabindex, setas, Home e End.
- Movimento e voz
- Respeito a prefers-reduced-motion e narração pela voz do navegador.
- Sem dados pessoais
- Sem cadastro, CPF, telefone ou conversas; favoritos ficam só no navegador.
- Chaves protegidas
- Chamadas de IA acontecem no servidor; nenhuma credencial no código.
11. Tecnologia e portabilidade
Simples de manter, fácil de levar
- TanStack Start com React e Vite, em TypeScript
- Tailwind CSS com tokens semânticos; DM Serif Display e Fira Sans
- Paleta institucional gov.br: azul, verde e amarelo
- Conteúdo estático em src/data, editável por equipe não técnica
- Funções de servidor apenas para as chamadas de IA
- Projeto exportável para GitHub e hospedável em outro provedor sem mudar código
12. Próximos passos
O que falta para a versão institucional
- Receber relatórios e bases oficiais e definir o período analisado
- Validar casos reais e substituir os demonstrativos
- Obter autorização de uso de imagens, depoimentos e nomes
- Definir instituições creditadas, marca, domínio e hospedagem
- Testar com leitor de tela e fazer avaliação externa de acessibilidade
- Definir a equipe responsável pela operação editorial após a entrega
Documento de referência: docs/README.md, atualizado em 26/08/2026.