NATIVA: uma plataforma de educação ambiental com dado, texto e IA na mesma superfície

Existe uma versão preguiçosa de “IA aplicada à educação ambiental”: um chat que responde qualquer pergunta sobre clima, com fluência total e zero rastreabilidade. Funciona bem em demonstração e falha exatamente onde educação não pode falhar, que é na verificabilidade.

O NATIVA foi construído contra essa versão. É uma plataforma de educação ambiental que reúne indicadores com procedência, conteúdo editorial próprio, avaliação gerada na hora e uma assistente conversacional, tudo classificado pelo mesmo vocabulário. O projeto recebeu premiação na Semana STEAM do Colégio Rosalvo Félix em 2025, na categoria Ensino Médio.

Este texto descreve como as quatro camadas se encaixam e onde cada uma para.

Quatro camadas, um vocabulário#

A maioria dos projetos escolhe uma coisa: ou é painel de dados, ou é blog, ou é chatbot. O NATIVA junta as quatro porque, isoladas, cada uma tem um buraco.

• Painel de indicadores sem texto é número sem sentido.
• Texto editorial sem número é opinião.
• Avaliação sem as duas coisas é jogo de acerto.
• Assistente conversacional sem nenhuma delas é chute eloquente.

O que amarra tudo são os Objetivos de Desenvolvimento Sustentável. O projeto cobre oito, com o título e a cor oficial de cada um: 4 (educação de qualidade), 6 (água potável e saneamento), 7 (energia limpa e acessível), 11 (cidades e comunidades sustentáveis), 12 (consumo e produção responsáveis), 13 (ação climática), 14 (vida na água) e 15 (vida terrestre).

Todo conteúdo é etiquetado pelos ODS que aborda, e isso serve a três funções concretas. Navegação, porque o usuário filtra por tema sem precisar do vocabulário técnico da área. Cobertura, porque fica visível o que o projeto trata e o que não trata. Consistência, porque um artigo, um indicador e uma prática diária que compartilham o ODS 14 estão falando da mesma coisa em formatos diferentes.

É um esquema de classificação emprestado de fora, estável, público e auditável, o que é bem melhor do que inventar categorias próprias.

A navegação reflete essa divisão em quatro superfícies: Painel, Artigos, Quiz e STEAM. Nenhuma delas depende das outras para funcionar, e é possível chegar direto em qualquer uma por link.

Cada número carrega a fonte#

Os indicadores da página inicial são deliberadamente poucos e explicitamente atribuídos:

Indicador	Valor	Fonte
CO₂ atmosférico em 2024	424,6 ppm	NOAA
Aquecimento sobre 1850 a 1900	+1,55 °C	OMM
Desmatamento na Amazônia em 2024	6.288 km²	INPE

Três números, três instituições nomeadas. A escolha de mostrar poucos indicadores foi consciente: um painel com trinta métricas passa autoridade e não é lido. Três métricas com procedência são lidas e podem ser conferidas.

Por trás deles há séries completas, e não só o valor do ano. A série de CO₂ vai de 2015 a 2024, de 400,8 a 424,6 ppm. A de desmatamento cobre 2021 a 2024, de 13.038 para 6.288 km². Série importa porque o valor isolado não distingue tendência de oscilação, e é justamente a tendência que o projeto quer ensinar a ler.

O mesmo princípio se estende às demais camadas. A recomendação de reduzir plásticos vem com o dado de que menos de 10% de todo o plástico já produzido foi reciclado, creditado ao Global Plastics Outlook da OCDE. Os números de biodiversidade citam a Lista Vermelha da IUCN, com mais de 169 mil espécies avaliadas e mais de 47 mil em alguma categoria de ameaça. Os de floresta citam o Global Forest Resources Assessment da FAO, os de água a ONU-Água, e os de matriz elétrica o Balanço Energético Nacional da EPE.

Do indicador para a ação#

Painel que só informa produz sensação de impotência. O projeto fecha esse laço com três camadas de conteúdo que descem do número para o que dá para fazer.

As práticas diárias são três, e cada uma vem com o dado que a justifica: reduzir plásticos, plantar e proteger árvores, economizar água. A recomendação nunca aparece sozinha, sempre acompanhada da fonte que sustenta a ordem de grandeza, porque conselho ambiental sem número é o gênero de texto que as pessoas já aprenderam a ignorar.

As aplicações mostram onde a tecnologia entra no problema, em três frentes: inteligência artificial, dados abertos e educação. É a seção que explica por que uma plataforma escolar de educação ambiental é um artefato de software, e não um cartaz.

E há a página STEAM, que organiza o projeto pelos cinco pilares, com nome em inglês e em português: Science, Technology, Engineering, Arts e Mathematics. Ela existe porque o projeto nasceu numa Semana STEAM e precisava tornar explícito o que costuma ficar implícito, que é onde exatamente cada pilar aparece no produto.

Onde a IA entra, e onde não entra#

A assistente responde perguntas sobre o tema e ajuda a localizar conteúdo. Ela não é a fonte dos indicadores e não decide o que é fato.

Essa separação é o coração do projeto. Modelo de linguagem é excelente em explicar, reformular e adaptar linguagem ao nível de quem pergunta. É péssimo como registro de verdade. Colocar um número na boca do modelo, sem lastro, transforma uma boa ferramenta pedagógica em uma máquina confiante de errar.

Na prática isso é uma regra de implementação, não uma intenção. A chamada ao provedor acontece numa rota do servidor, com a chave em variável de ambiente que nunca chega ao navegador. O indicador exibido na tela não passa por lá: ele é lido do próprio módulo de conteúdo do projeto, versionado no repositório, com a fonte anexada ao lado do valor.

A consequência operacional é a que interessa. Se o provedor cair, o painel continua correto e só a assistente para de responder. É exatamente a ordem de importância que o projeto assume.

O quiz gerado na hora#

O quiz produz dez perguntas por rodada, sorteadas entre oito temas: biodiversidade brasileira, mudanças climáticas, sistemas agroflorestais, oceanos e carbono azul, energia renovável, resíduos e economia circular, ecologia urbana e os próprios ODS.

A decisão de projeto aqui não foi gerar as perguntas. Foi entregar a explicação junto da resposta, e não no final. Um quiz que só mostra o resultado ao término vira jogo de acerto. Um quiz que explica a cada item vira material de estudo.

Gerar em texto livre e tentar interpretar depois é a receita para a rodada quebrar quando o modelo resolve escrever de outro jeito. A geração pede resposta em JSON pelo protocolo do próprio provedor, com um contrato explícito de pergunta, quatro alternativas, índice da correta e explicação. O que não couber nesse formato é descartado antes de virar tela.

A biblioteca editorial#

São sete artigos próprios cobrindo restauração ecológica, carbono azul, agroflorestas e novos materiais. Cada um tem autor, data, tempo de leitura, etiquetas e os ODS que aborda, e o conteúdo vive no repositório como dado tipado, não em banco.

Isso tem uma consequência prática: o texto entra na revisão de código como qualquer outra mudança, e a página do artigo é estática. Não há consulta a banco para ler um post, o que mantém a leitura rápida e o custo em zero.

Escrever esse conteúdo foi a parte mais lenta do projeto e a que mais ensinou. Explicar por que manguezais guardam mais carbono por hectare que floresta tropical exige entender o assunto de verdade. Não dá para terceirizar a compreensão.

Há ainda uma rota de busca de vídeo apoiada na API de dados do YouTube, com resultado revalidado a cada hora e degradação explícita: sem chave configurada, a rota responde que a busca está indisponível em vez de quebrar a página. É a mesma regra da assistente aplicada a outra dependência externa.

Desempenho, e o que ele custa#

Uma decisão vale ser destacada porque ela é a razão de o site abrir instantaneamente: não há banco de dados.

Indicadores, séries, artigos, práticas, pilares e temas do quiz são um módulo TypeScript versionado no repositório. A consequência é que quase toda página é estática, gerada no build, servida da borda e sem consulta em tempo de execução. Não há latência de banco, não há conexão a gerenciar, não há custo por leitura.

O preço é que atualizar um indicador exige um commit e um deploy. Para um projeto cujo compromisso central é a procedência do dado, isso é um preço barato, e é até uma vantagem: a mudança de um número passa por revisão de código, com autor, data e diff, que é mais rastreabilidade do que a maioria dos painéis oferece.

A pilha#

Camada	Tecnologia	Papel
Aplicação	Next.js 16 e React 19	Renderização no servidor e rotas de API
Tipos	TypeScript 5.9	Contrato do conteúdo e das respostas
Estilo	Tailwind CSS 4 e plugin de tipografia	Interface e leitura longa
Conteúdo	Módulo tipado no repositório	Indicadores, séries, artigos e temas
Inferência	Groq	Chat e geração do quiz, no servidor
Vídeo	YouTube Data API	Busca complementar, com fallback

Chama atenção o que não está aqui: não há banco de dados. Todo o conteúdo é estático e versionado, e as duas únicas dependências externas são chamadas de servidor com caminho de degradação declarado. Para uma plataforma cujo compromisso é a procedência do dado, ter o dado no repositório é a garantia mais forte disponível.

O que o STEAM acrescentou#

A Semana STEAM pede que ciência, tecnologia, engenharia, artes e matemática se encontrem em um problema concreto. O NATIVA usa estatística ambiental, engenharia de software, design editorial e ilustração no mesmo produto.

O “A” de artes é o que mais costuma ser tratado como enfeite, e é o que mais pesou aqui. A diferença entre um painel de dados que é lido e um que é ignorado é quase inteiramente de design.

Próximos passos#

Três frentes, em ordem de valor:

1. Atualização assistida dos indicadores. Hoje a série é atualizada à mão quando a fonte publica. Uma rotina que busque na fonte e abra uma proposta de alteração manteria a procedência e removeria o atrito.
2. Citação recuperável na assistente. A separação entre explicar e afirmar está garantida por arquitetura, mas a resposta ainda não aponta o trecho do conteúdo que a sustenta.
3. Cobertura regional. Os indicadores são globais e nacionais. Alagoas tem séries próprias que tornariam o conteúdo mais concreto para quem usa a plataforma.

Onde está#

O NATIVA está no ar em nativacrf.vercel.app, com painel de indicadores, biblioteca editorial, quiz e assistente, tudo classificado por oito ODS e com a fonte de cada número à vista.

A regra que organiza o projeto cabe em uma frase: o modelo explica, as instituições afirmam, e o leitor consegue verificar qual é qual.