Ir para o conteúdo

CNPqFinepMinistério da Ciência, Tecnologia e Inovação

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.

FNDCT em Movimento · apresentação da plataforma · protótipo de demonstração1 / 12

Slide 1 de 12: FNDCT em Movimento

Baixar PowerPoint corrigido

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