Material do Participante • I Jornada GEPTEMAF
Acessos Rápidos
Weboficina: Produção de Jogos Educativos em HTML com Inteligência Artificial
Mantenha esta página aberta durante a weboficina. Os acessos abaixo serão utilizados ao longo da produção do jogo educativo.
Ferramentas e Materiais
1. Prompt Mestre — comando1.txt
Contém o comando que orientará a Inteligência Artificial na geração do jogo educativo em HTML.
Abrir e copiar o comando1.txt →
Na weboficina: abra o arquivo → copie todo o comando → cole na ferramenta de Inteligência Artificial.
2. ChatGPT
Pode ser utilizado para inserir o Prompt Mestre, gerar o código HTML e solicitar correções e refinamentos.
Acessar o ChatGPT →
Na weboficina: cole o comando1.txt → acompanhe a geração → solicite os ajustes necessários.
3. Google Gemini
Alternativa de Inteligência Artificial Generativa para geração e refinamento do código do jogo.
Acessar o Google Gemini →
Na weboficina: utilize caso essa seja a ferramenta indicada pelos facilitadores ou como alternativa para a produção.
4. Postimages
Serviço para hospedar as imagens que serão utilizadas no jogo e obter um endereço de acesso para inseri-las no projeto.
Acessar o Postimages →
Na weboficina: envie a imagem → obtenha o link correspondente → utilize-o conforme as orientações para inserção da imagem no jogo.
5. Remove.bg
Ferramenta para remover automaticamente o fundo de imagens, especialmente personagens, objetos e elementos gráficos.
Acessar o Remove.bg →
Na weboficina: envie a imagem → remova o fundo → salve a nova versão para utilização no jogo.
6. Pixelied — Conversor para WebP
Utilizado para converter imagens PNG para o formato WebP antes de sua utilização no projeto, quando necessário.
Acessar o conversor PNG para WebP →
Na weboficina: envie a imagem → converta para WebP → utilize a versão convertida no projeto.
Fluxo Rápido durante a Weboficina
1
1. Planeje
Defina público, conteúdo e objetivo de aprendizagem.
2
2. Acesse o comando1.txt
Copie integralmente o Prompt Mestre.
3
3. Abra a IA
Utilize ChatGPT ou Gemini e cole o comando.
4
4. Gere o jogo
Acompanhe a geração do código HTML.
5
5. Prepare as imagens, se necessário
Use Remove.bg → Pixelied → Postimages.
6
6. Teste
Abra o jogo e verifique funcionamento, conteúdo, respostas e feedbacks.
7
7. Refine
Retorne à IA e solicite as correções e melhorias necessárias.
A IA pode apoiar a geração do código, mas as decisões sobre público, conteúdo, objetivo de aprendizagem e qualidade pedagógica permanecem sob responsabilidade do educador.
GEPTEMAF •
Grupo de Estudos e Pesquisas em Tecnologias Educacionais e Metodologias Ativas na Formação Docente
Curso de Pedagogia — Universidade Estadual Vale do Acaráu (UVA) • Campus Acaraú