Emojis com p5.js: Criatividade e Emoções em Código

Voltar site inicial

Objetivo Geral

Proporcionar aos estudantes do 8º e 9º ano a vivência da programação criativa por meio da plataforma p5.js, explorando comandos básicos da linguagem JavaScript para a criação de emojis que expressem emoções e ideias, promovendo a autoria digital, o pensamento computacional e o desenvolvimento de competências socioemocionais como empatia, criatividade, colaboração e expressão emocional.

Etapas

Apresentação da proposta
Introdução ao tema “Emojis com p5.js”, destacando como os emojis representam emoções na comunicação digital e como podem ser criados por meio de código.

Exploração da plataforma p5.js
Demonstração dos principais comandos de desenho, como ellipse(), circle(), rect(), line() e fill(), e compreensão de sua função na construção de formas gráficas. Além da exploração técnica dos comandos, os alunos foram incentivados a experimentar, errar e aprender com o erro, desenvolvendo autoconfiança e perseverança.

Criação dos emojis personalizados
Cada educando elaborou um emoji utilizando código, escolhendo cores, formas e expressões para representar uma emoção específica. Durante a criação, exercitaram autoconhecimento e expressão emocional, escolhendo cores e formas que representassem seus sentimentos.

Compartilhamento e socialização
Os estudantes enviaram os links de seus projetos por meio de um formulário do Google fixado em um botão denominado como "enviar link" no site oficial da escola "meufrontin.com", e os trabalhos foram organizados em uma planilha acessível à turma com outro botão fixado chamado de "acessar trabalhos da turma".
Todos puderam visualizar e comentar as produções dos colegas, fortalecendo a colaboração e o aprendizado coletivo. O momento de troca de links e apreciação dos trabalhos favoreceu o desenvolvimento da empatia, da escuta ativa e do respeito às produções dos colegas.

Print da página onde os alunos desenvolvem os projetos

Print dos modelos de formulário

Rubricas de avaliação (cores da planilha)

Na planilha onde estão os links dos projetos, as cores indicam o nível de desempenho do trabalho:

🔵 Azul – Ótimo: o emoji apresenta boa estrutura de código, uso criativo das formas e clareza na expressão da emoção.
🟢 Verde – Bom: o emoji está bem construído, com código funcional e coerente com a emoção proposta.
🟠 Laranja – Regular: o emoji está em desenvolvimento, com potencial para ajustes ou aprimoramento na clareza da emoção representada.

Essas cores ajudam os alunos a identificarem seu progresso e compreenderem como melhorar o próprio trabalho, promovendo autogestão e reflexão socioemocional.

Print do modelo de planilha com rubricas

Reflexão e encerramento
Diálogo sobre como o código pode expressar emoções e como a programação pode ser utilizada de forma criativa e artística. Além de reconhecer que programar também é comunicar e expressar emoções, integrando tecnologia e sensibilidade humana.

Produto Final

Os produtos finais do projeto foram os emojis desenvolvidos pelos alunos na plataforma p5.js, representando diferentes emoções humanas por meio de código. Além do domínio técnico, os trabalhos revelam expressividade, empatia e criatividade, demonstrando como a programação pode ser usada como linguagem de comunicação emocional e artística.

Imagens dos emojis criados (prints renderizados no p5.js) e os Prints dos códigos utilizados para gerar cada imagem.

JULIA LIMA ALVES - 9ºano A

YAGO RODRIGUES SANTANA - 9ºano B

MAYARA SILVEIRA DA SILVA- 8ºano C

SOFIA DE FREITAS - 9ºano B

IBRAHIN MAXIMILLIAN ILITICH ZAYAS- 8ºano B

TIPHANY DA SILVA NEVES- 8ºano A

Objetivos de desenvolvimento e aprendizagens alcançadas

O projeto “Emojis com p5.js” promoveu aprendizagens que dialogam diretamente com o Eixo de Programação do Currículo de Tecnologias para Aprendizagem da Prefeitura de São Paulo, especialmente nas dimensões capacidade analítica, linguagem de programação e narrativas digitais.

Durante o desenvolvimento das atividades, os alunos dos 8º e 9º anos alcançaram os seguintes objetivos:

Competências Socioemocionais Desenvolvidas

Durante o projeto, os alunos exercitaram diversas competências socioemocionais previstas nas diretrizes da Educação Integral, entre elas:

Autoconhecimento e autorregulação: reconhecer e expressar emoções por meio da criação dos emojis.
Empatia: compreender e representar sentimentos universais de forma respeitosa e criativa.
Colaboração: aprender com os pares, trocar experiências e construir coletivamente.
Responsabilidade e cidadania digital: utilizar a programação de maneira ética e consciente, promovendo o respeito e a valorização das produções alheias.
Criatividade e pensamento crítico: propor soluções estéticas e técnicas para representar emoções de maneira inovadora.

Depoimentos Estudantes

Conteúdo

Page updated

Google Sites

Report abuse