Case · SENAI Bahia

FLOW — Sistema de Autoria e Gestão de Conteúdo

Sistema web que acompanha uma aula EAD do plano de aula à entrega final, passando por conteúdo, revisão, design educacional, ilustração, diagramação, audiovisual e desenvolvimento — e exporta o resultado em SCORM, PDF, DOCX ou IDML.

Tela Minhas Aulas do FLOW: fila de aulas do usuário em formato de cards, com indicadores de vídeos e ilustrações pendentes
Minhas Aulas — a fila do usuário. Cada aula é um card que caminha entre os perfis de produção. Ambiente de demonstração.

O contexto

Produzir uma aula EAD envolve muita gente e muitas mãos no mesmo material: quem escreve o conteúdo técnico, quem revisa tecnicamente, quem desenha a experiência de aprendizagem, quem revisa a ortografia, quem ilustra, quem diagrama, quem grava, quem desenvolve. Sem uma ferramenta que concentre esse trabalho, cada etapa acontece em um lugar diferente — arquivos soltos, versões paralelas, revisões por e-mail — e ninguém consegue responder com segurança qual é a versão boa de uma aula, nem em que etapa ela está parada.

O FLOW resolve isso no SENAI Bahia: ele acompanha uma aula do plano de aula até a entrega final, passando por todas as etapas de produção, e entrega o resultado empacotado para o ambiente onde o aluno vai estudar.

O fluxo

Cada aula é um card que caminha entre perfis de usuário. A cada envio, quem manda escolhe a função de destino, o responsável e deixa um comentário — e tudo isso fica registrado. O card ativo é sempre um só; os anteriores formam o histórico da aula.

Especialista Técnico Revisor Técnico Designer Educacional Revisor Ortográfico Ilustração Diagramação Audiovisual Desenvolvimento Finalizado
Lista de aulas de uma Unidade Curricular no FLOW, mostrando tipo e o perfil responsável por cada aula no momento
As aulas de uma Unidade Curricular, com o perfil que está com cada uma no momento. Ambiente de demonstração.

O editor de aulas

A aula é montada por seções, dentro dos blocos da estrutura definida pelo template do projeto. São 28 tipos de seção — de texto corrido a recursos que só existem no digital.

  • Texto e estrutura — texto, título, citação direta, código.
  • Mídia — imagem, áudio, vídeo, GIF, imagem+texto, texto+imagem.
  • Caixas didáticas — Você Sabia?, Fique de Olho, Problematizando, Historiando, Pensando Fora da Caixa, Realidade Aumentada.
  • Interação — acordeon, abas, flipcard, carrossel, timeline, comparação de imagem, recurso interativo.
  • Avaliação — múltipla escolha, múltipla seleção e associação, com feedback por alternativa.

Cada seção é versionada individualmente, e quem produz mídia não anexa o arquivo final: escreve o roteiro — o pedido de produção — junto com o texto de acessibilidade. A ilustração, o vídeo e o áudio são produzidos pelas equipes seguintes a partir desse roteiro.

Editor de aulas do FLOW com os blocos Contexto, Estrutura da Aula e Conhecimento em Pauta, e o painel lateral com os tipos de seção disponíveis
O editor, com os blocos da aula e o catálogo de seções. Ambiente de demonstração.

Além do editor

  • Comentários por seção — a revisão colaborativa acontece ao lado do conteúdo, não em outro canal.
  • Repositório — busca e reaproveitamento de conteúdo já produzido em outros cursos.
  • Relatórios — diário, resumo, etapas por Unidade Curricular, finalizados e um quadro Kanban com a visão completa da produção.
  • Checklists e prazos — o que precisa estar pronto em cada etapa, com data de início e fim.
  • Trilha de auditoria — quem criou, editou, excluiu, importou ou enviou o quê.
  • Resumo semanal por e-mail — disparado por cron nas segundas-feiras.
  • Segmentação por setor — cada usuário enxerga apenas os cursos do seu setor.

Assistente de IA

O FLOW tem um chat contextual sobre a aula em edição, construído sobre a API da OpenAI. Duas decisões de projeto merecem nota:

  • As respostas chegam por Server-Sent Events, token a token — quem está escrevendo vê a resposta se formar em vez de esperar o bloco inteiro.
  • O conteúdo da aula não trafega a cada mensagem. Ele é gravado previamente como contexto com um hash e injetado só quando uma cadeia nova precisa ser aberta. Se a aula muda, o hash muda e uma cadeia nova começa sozinha, já com o conteúdo atualizado.

O módulo tem limite de contexto, limite por pergunta e rate limit por usuário, configuráveis.

Exportação

No fim do fluxo, a aula sai do FLOW no formato que o destino exige:

SCORM 1.2
pacote .zip montado sobre o template do curso, para publicar no LMS
PDF
aula avulsa ou UC completa, com QR Code (mPDF)
DOCX
livro em Word (PhpWord)
IDML
arquivo para diagramação no InDesign

Os templates SCORM são variações por área — química, alimentos, biotecnologia, energias renováveis, fabricação mecânica, IA industrial, instrumentação, refrigeração — cada uma com o seu visual e os seus exercícios. A versão gerada fica registrada na Unidade Curricular, então dá para saber exatamente qual pacote foi entregue e quando.

O ganho central do FLOW é tornar a produção de conteúdo mais ágil, organizada e rastreável — três coisas que, num processo espalhado por e-mails e pastas compartilhadas, se perdem primeiro.

Meu papel

Desenvolvo a plataforma como Analista de Sistemas no SENAI CETIND: a modelagem do fluxo de produção e do banco, o editor de seções e o versionamento, os exportadores SCORM, PDF, DOCX e IDML, os relatórios, e a integração com a API da OpenAI — incluindo o desenho do contexto com hash e do streaming por SSE.

Stack

Backend
PHP 8.2, sem framework
Banco
MySQL / MariaDB
Frontend
Bootstrap 4, jQuery, Froala Editor
IA
OpenAI API via Guzzle, streaming SSE
Documentos
mPDF, PhpWord
Padrão EAD
SCORM 1.2

Relacionado

Os pacotes SCORM que saem do FLOW são publicados em ambientes Moodle. O trabalho com Moodle — administração, plugins, temas, integrações, relatórios e migração de versão — está detalhado em uma página própria.

Ver o trabalho com Moodle