Nesta seção, exploramos a criação de artefatos educacionais digitais: recursos produzidos por professores e estudantes com apoio de ferramentas de inteligência artificial generativa, como o ChatGPT, Claude AI e Gemini.
Esses artefatos — como vídeos interativos, jogos, simuladores, quizzes e projetos multimídia — são mais do que produtos digitais: são expressões criativas do processo de aprendizagem, capazes de estimular autoria, pensamento crítico e experimentação.
Inspirada em abordagens como o construcionismo (Papert) e a aprendizagem criativa (Resnick), esta proposta valoriza a integração entre tecnologia, projeto e intencionalidade pedagógica. Com o avanço das IAs, ficou muito mais acessível transformar ideias em objetos digitais, mesmo sem experiência em programação.
Cada plataforma adota um nome diferente para os espaços criativos que permitem desenvolver esses recursos:
No Claude, são chamados de artefatos;
No ChatGPT e no Gemini, são chamados de canvas.
Algumas referências para seu aprofundamento:
BASGEN, Brian. AI as a thought partner in higher education. EDUCAUSE Review, 9 abr. 2025. [S.l.]: EDUCAUSE. Disponível em: https://www.educause.edu. Acesso em: 12 jun. 2025.
BEGHETTO, Ronald A. There is no creativity without uncertainty: Dubito Ergo Creo. Journal of Creativity, v. 31, e100005, 2021. Disponível em: https://www.sciencedirect.com/science/article/pii/S2713374521000054. Acesso em: 10 nov. 2023.
CHI, Michelene T. H. Active constructive interactive: A conceptual framework for differentiating learning activities. Topics in Cognitive Science, v. 1, p. 73–105, 2009.
CHI, Michelene T. H.; WYLIE, Ruth. The ICAP framework: linking cognitive engagement to active learning outcomes. Educational Psychologist, v. 49, n. 4, p. 219–243, 2014. Disponível em: https://doi.org/10.1080/00461520.2014.965823. Acesso em: 13 jun. 2025.
CIEB – CENTRO DE INOVAÇÃO PARA A EDUCAÇÃO BRASILEIRA. Jornada de recursos educacionais digitais. São Paulo: CIEB, 2022. Disponível em: https://cieb.net.br/publicacoes/jornada-de-red/. Acesso em: 13 jun. 2025.
FULLAN, Michael; LANGWORTHY, Maria. A rich seam: how new pedagogies find deep learning. Londres: Pearson, 2014.
GOOGLE DEEPMIND. LearnLM: improving Gemini for learning. 2024. Disponível em: https://deepmind.google/discover/blog/learnlm-improving-gemini-for-learning. Acesso em: 12 jun. 2025.
HASSOUN, A. et al. The influencer next door: how misinformation creators use GenAI. ArXiv, maio 2024. Disponível em: https://arxiv.org/abs/2405.13554. Acesso em: 12 jun. 2025.
IEEE LTSC. Draft Standard for Learning Object Metadata. IEEE Learning Technology Standards Committee, 2002.
KEARSLEY, Greg; SHNEIDERMAN, Ben. Engagement Theory: a framework for technology-based teaching and learning. Educational Technology, v. 38, n. 5, p. 20‑23, 1998.
LAURILLARD, Diana et al. The learning designer: supporting teachers in developing effective learning designs. British Journal of Educational Technology, v. 49, n. 6, p. 998–1012, 2018.
LAURILLARD, Diana. Teaching as a design science: building pedagogical patterns for learning and technology. Londres: Routledge, 2012.
MARIOTTI, Maria Alessandra. Artifacts and signs after a Vygotskian perspective: the role of the teacher. ZDM - International Journal on Mathematics Education, v. 41, p. 427–440, 1 ago. 2009. DOI: https://doi.org/10.1007/s11858-009-0199-z. Acesso em: 12 jun. 2025.
MAYER, Richard E. Multimedia Learning. Cambridge University Press, 2009.
PAPERT, Seymour. A máquina das crianças: repensando a escola na era da informática. Tradução de Sandra Costa. Porto Alegre: Artmed, 2008.
RESNICK, Mitchel et al. Scratch: programming for all. Communications of the ACM, New York, v. 52, n. 11, p. 60–67, nov. 2009.
RESNICK, Mitchel. Lifelong kindergarten: cultivating creativity through projects, passion, peers, and play. Cambridge: MIT Press, 2017.
RESNICK, Mitchel. Projects, peers, passion, play. In: Creative learning: the four P’s. [S.l.]: MIT Media Lab, 2014. p. 1–17. Disponível em: https://www.media.mit.edu. Acesso em: 12 jun. 2025.
RIGOPOULI, Kalliopi; KOTSIFAKOS, Dimitrios; PSAROMILIGKOS, Yannis. Vygotsky’s creativity options and ideas in 21st-century technology-enhanced learning design. Education Sciences, [S.l.], v. 15, p. 257, 19 fev. 2025. DOI: https://doi.org/10.3390/educsci15020257. Acesso em: 12 jun. 2025.
SOOMRO, S. A.; CASAKIN, H.; GEORGIEV, G. V. A systematic review on FabLab environments and creativity: implications for design. Buildings, v. 12, n. 6, p. 804, 2022. Disponível em: https://www.mdpi.com/2075-5309/12/6/804. Acesso em: 12 jun. 2025.
WILEY, David A. Connecting learning objects to instructional design theory: A definition, a metaphor, and a taxonomy. In: WILEY, D. A. (Ed.). The instructional use of learning objects. Utah: Association for Educational Communications and Technology, 2000.
WING, Jeannette M. Computational thinking is thinking at multiple levels of abstraction. Communications of the ACM, v. 49, n. 3, p. 33–35, 2006. Disponível em: https://www.cs.cmu.edu. Acesso em: 12 jun. 2025.
Claude, Gemini, ChatGPT e diversas outras, já listadas.
Como criar no Claude, como criar no ChatGPT, como criar como incorporado e com o Google AI Studio.
App Glauber para gerar paletas de cores. Facilita deixar a paleta de cores dos artefatos personalizada e bonita.
1-Faça uma aplicação web rica em interações, com animações suaves, múltiplas seções navegáveis e feedback visual para cada ação do usuário sobre [indicar um tema].
2-Crie um aplicativo web em um como um único arquivo HTML, autossuficiente. Utilize a biblioteca Leaflet.JS para exibir um mapa interativo sobre [indicar algum tema pertinente ao uso de mapas].
3-Desenvolva uma interface moderna com transições animadas, elementos que se expandem ao clicar, sliders, modais e máxima interatividade possível sobre [indicar um tema].
4-Crie uma timeline interativa com eventos clicáveis que expandem detalhes, animações de scroll suave, marcadores temporais com hover effects, filtros por categoria e navegação por décadas sobre [indicar um tema].
5-Desenvolva uma linha do tempo histórica com pontos interativos, modais de informações detalhadas, zoom in/out animado, mini-mapas de contexto e transições cinematográficas entre períodos sobre [indicar um tema].
6-Faça um cronograma de projeto com tarefas drag-and-drop, barras de progresso animadas, dependências visuais conectadas por linhas, alertas de prazo e calendário interativo integrado sobre [indicar um tema].
7-Construa um mapa interativo com marcadores clicáveis, zoom suave, layers ativáveis, tooltips informativos, rotas animadas e filtros geográficos dinâmicos sobre [indicar um tema].
8-Construa um painel de controle futurista com pelo menos 20 botões interativos, animações de loading, barras de progresso animadas, tooltips em cada elemento e efeitos de hover únicos sobre [indicar um tema].
9-Desenvolva uma aplicação de produtividade com drag and drop, múltiplos modais pop-up, tabs dinâmicas, formulários com validação em tempo real e notificações animadas sobre [indicar um tema].
10-Crie uma interface de jogos com botões que mudam de cor ao clicar, sons visuais (animações que simulam som), scoreboards dinâmicos, timers animados e pelo menos 15 elementos interativos diferentes sobre [indicar um tema].
11-Faça um simulador interativo com sliders que afetam gráficos em tempo real, botões de reset animados, múltiplas visualizações que alternam, e feedback visual instantâneo para cada mudança sobre [indicar um tema].
12-Desenvolva uma aplicação educacional com carrinho animado, filtros interativos, cards de produtos com hover 3D, modal de detalhes, botões de favoritar com animação de coração sobre [indicar um tema].
13-Construa um editor visual com paleta de cores clicável, ferramentas que se destacam ao selecionar, canvas interativo, histórico de ações navegável e preview em tempo real sobre [indicar um tema].
14-Desenvolva um organograma com cards expansíveis, conexões hierárquicas animadas, busca em tempo real, modo de visualização em árvore e detalhes pop-up sobre [indicar um tema].
15-Desenvolva um sistema de monitoramento com gauges animados, alertas que piscam, gráficos que se atualizam automaticamente, botões de ação rápida e indicadores de status coloridos sobre [indicar um tema].
16-Faça uma aplicação com cards expansíveis, botões de like animados, comentários que aparecem suavemente, filtros de conteúdo interativos e pelo menos 25 micro-interações diferentes sobre [indicar um tema].
17-Crie um fluxograma de processos com nós interativos, caminhos que se iluminam ao passar o mouse, decisões clicáveis, simulação de fluxo animada e editor visual integrado sobre [indicar um tema].
18-Crie uma representação em 3D na qual a visualização seja controlada pelas setas e barra de espaço do teclado (ou pelo mouse), com textos explicativos e com a seguinte paleta de cores: #FF6F61, #D83F87, #4A4E69, #F9A828, #F2E9E4, #22223B, para simular/ilustrar... [indicar um tema].
19-Crie uma aplicação web com fundo preto e uma grelha 3D verde, em wireframe, que ondula. A perspectiva da grelha deve ser interativa com o movimento do mouse. Sobreponha textos que percorrem a tela aleatoriamente que se com uma fonte retro de tamanho grande, de cor contrastante com o verde, com palavras-chave sobre: [indicar um texto ou tema].
20-Crie uma aplicação web interativa utilizando a seguinte tecnologia visual: [escolha uma destas: Ondas Senoidais Sobrepostas, ou, Matriz de Rotação e Escala, ou Sistema de Partículas com Física, ou Desenho Paramétrico (Caleidoscópio), ou Distorção de Vértices (Warp Grid)] para ilustrar o seguinte tema: [indicar um tema].
21-Crie um dashboard interativo com MUITOS elementos clicáveis, hover effects, gráficos que respondem ao mouse e pelo menos 10 botões diferentes sobre [indicar um tema].
22-Crie uma aplicação web interativa [ou um jogo, ou um modelo em 3D] baseada nesta figura. [Anexe uma figura com algum rabisco ou imagem para servir de base].
23-Crie um modelo interativo em 3D baseado nesta planta para eu poder experimentar o layout. [Anexe uma figura com algum rabisco de uma planta baixa para servir de base].
24-Crie uma página da web em um único arquivo HTML com uma estética moderna e animações. A página deve ser visualmente atraente, responsiva e usar carrosséis interativos (sliders) com a biblioteca Swiper.js para destacar os pontos principais. Inclua cards com imagens mascaradas em diferentes formatos (círculos, formas abstratas, etc.), botões com animações ao passar o mouse, uma paleta de cores vibrantes em diurna. Não utilize links para imagens ou sites externos. Deve abordar o seguinte tema: [indicar um tema].
Termos que funcionam bem para indicar mais interatividade: dinâmico, responsivo ao usuário, engajante, com múltiplas camadas de interação, interface imersiva, experiência rica.
Dica: No lugar do tema, anexe (ou copie e cole, ou envie indique por link) o conteúdo que você deseja explorar.
Estilos Fotográficos / Técnicas Visuais
Add an indoor setting to the image (Interior)
Place the subject in an outdoor environment (Exterior)
Add a bokeh effect in the background (Bokeh)
Render the image in black and white (Preto e branco)
Make a close-up shot of the subject (Close-up)
Style the image like a testimonial advertisement (Publicidade - testemunho)
Use a cyberpunk aesthetic with neon lights and futuristic city (Cyberpunk)
Use a fisheye lens effect for distortion (Olho de peixe)
Create a studio-style photo with lighting and backdrop (Foto de estúdio)
Apply a wet collodion vintage effect (Colódio úmido)
Add a sense of motion blur to suggest movement (Desfoque de movimento)
Style it like an instant camera photo (Foto instantânea)
Use a moody portrait style with dramatic lighting (Retrato mal-humorado)
Use a bold portrait style with confident expressions and strong light (Retrato ousado)
Show the subject in water action, splashing or moving (Ação na água)
Set the background during a sunset (Pôr do sol)
Design a product using a brutalist aesthetic (Produto brutalista)
Highlight the product in a summer-themed setting (Produto de verão)
Present the product in a stylized advertisement (Publicidade - produto)
Place the product in a nautical setting (Produto náutico)
Position the product on a podium for advertising (Publicidade - pódio)
Show the image as if it's framed on a wall (Emoldurado)
Include hieroglyphic elements or symbols in the design (Hieróglifo)
Estilos de Arte
Render the image in watercolor painting style (Aquarela)
Use soft pastel colors and drawing textures (Desenho em tons pastéis)
Style the scene like a cartoon illustration (Desenho animado)
Paint the image in a classic oil painting style (Pintura em óleo)
Draw the image as a pencil sketch (Esboço a lápis)
Create a paper collage look with layered cutouts (Colagem de papel)
Add street art or graffiti-style elements (Arte de rua)
Use psychedelic colors and patterns (Psicodélico)
Render the scene in Ukiyo-e Japanese woodblock print style (Ukiyo-e (arte japonesa))
Add baroque artistic elements and rich detailing (Barroco)
Make the image look like a coloring book page (Livro de colorir)
Use a pop art style with bold colors and comic effects (Pop art)
Add Art Nouveau-style curves and florals (Art nouveau)
Render the characters in anime style (Anime)
Style the image like a manga comic panel (Mangá)
Draw anthropomorphic characters (Antropomórfico)
Use boho vintage decor and fashion elements (Boho vintage)
Add floral patterns or backgrounds (Floral)
Use cubist shapes and fragmentation (Cubismo)
Style it like ceramic tile artwork (Arte em azulejo)
Use medieval art elements or costumes (Medieval)
Add surreal imagery and dreamlike settings (Surreal)
Style it like a rock album cover (Álbum de rock)
Make it look like a children’s book illustration (Ilustração infantil)
Design a steampunk-style portrait (Retrato steampunk)
Apply expressionist art techniques (Expressionista)
Use a sinister and dark aesthetic (Sinistro)
Draw a fantasy-themed scene (Desenho fantasioso)
Style the image as a mosaic artwork (Mosaico)
Estilos Digitais
Render the image in pixel art style (Pixel art)
Create a blog-style illustration (Ilustração de blog)
Design it as an app icon (Ícone de aplicativo)
Make it look like a cute sticker (Adesivo fofo)
Use a clean and simple design (Design simples)
Add a vector vignette illustration (Vinheta vetorial)
Style the character like a line-drawn sticker (Figurinha em linhas)
Make it look like a papercraft model (Papercraft)
Use a futuristic look and feel (Futurista)
Add ink splash effects around the subject (Tinta espalhada)
Draw with minimalist line art (Arte com linhas mínimas)
Include emoji-style characters or expressions (Emoji)
Use Tiki-inspired art and decoration (Tiki)
Style the scene like a stained glass window (Vitral)
Add tropical themes and colors (Tropical)
Use a punk-inspired aesthetic (Punk)
Design a neon-style avatar (Avatar de neon)
Create a sports team logo design (Logotipo de esportes)
Estilos 3D
Render in a cute isometric 3D style (Isométrico fofo)
Use neon lighting and glowing elements (Neon)
Make it look like a lowpoly 3D model (Lowpoly)
Add a metallic texture or material (Metálico)
Design a cute 3D character (Personagem fofo)
Render a cute 3D avatar (Avatar fofo)
Create the image using origami paper folds (Origami)
Design a mecha robot character (Mecha (robôs futuristas))
Draw an animated character in 3D style (Personagem animado)
Sculpt it like a clay model (Modelo em argila)
Make it look like a wood carving or sculpture (Escultura em madeira)
Design it as a small balloon figure (Balão pequeno)
Sculpt it as if made of stone (Escultura em pedra)
Use plastic building blocks (like LEGO) (Tijolos de plástico)
Outros Estilos e Técnicas Comuns em IA
Create a fantasy realism scene (Realismo fantástico)
Use a risograph print effect (Risógrafo)
Style it as digital pop art (Arte pop digital)
Draw in chibi anime style (Arte de anime chibi)
Use a minimalist art approach (Arte minimalista)
Add a retro aesthetic or color palette (Arte retro)
Draw as vector illustration (Arte vetorial)
Make a 3D digital illustration (Ilustração 3D)
Render a photorealistic illustration (Ilustração fotorrealista)
Apply a cyberpunk neon color palette (Estilo cyberpunk neon)
Include graffiti art elements (Arte de graffiti)
Style the image like a high-end product photoshoot (Fotografia de produto estilizada)
Render as a digital painting (Pintura digital)
Use abstract art elements (Arte abstrata)
Create a fantasy illustration (Ilustração de fantasia)
Mix multiple styles for a hybrid composition (Mix de estilos para composições híbridas)
Restore this old damaged photograph. Remove scratches, stains, tears, and fading while preserving as much detail as possible. Apply realistic and natural colorization: vibrant and natural skin tones, authentic hair texture, subtle clothing colors faithful to the era, and a harmonious background without oversaturation. Preserve facial sharpness and original details, but smooth imperfections without altering the person’s identity. The final result should look like a naturally taken color photo from that time, elegant and historical.