0

Personalizando um quebra-cabeça digital

Barbara Lichtenegger, Marina Menna Barreto, Diego Lieban, May 15, 2020

Este material faz parte do curso Desenvolvimento de Aplicativos e Jogos Lógico-digitais com GeoGebra https://www.geogebra.org/m/fcjvam4w e está baseado em uma atividade realizada inicialmente na Renert School (Calgary/Canada), em 2017, com alunos de ~10 anos e posteriormente replicado com adultos (em sua maioria, professores) em um workshop, que foi resultado do trabalho reportado abaixo. Creating Painting Puzzles: Math, Art, Games and Technology http://bridgesmathart.org/bridges-2018/ Bridges Conference, 25–29 July 2018, Stockholm

Introdução
1. Apresentação
Atividade (passo a passo)
1. Criando a foto e aplicando o filtro artístico
2. Dividindo a foto em partes iguais
3. Trabalhando no GeoGebra
4. Organizando as peças
5. Programando - parte A
6. Programando - parte B
7. Programando - parte C
8. Retoque final
Dicas
1. Criando filtros artísticos
2. Dividindo a imagem em partes iguais
3. Inserindo imagem, texto e botão
4. Evitando pontos em excesso
5. Códigos para copiar e colar (em inglês)
Exemplos já realizados
1. Woody and Jessie Puzzle (final)
2. Renert Puzzle Jibola final
3. Renert Puzzle Seraij final
4. Cindy sliding block puzzle
5. 8-puzzle & 24-puzzle
6. Ceci Puzzle
7. Thank you, Stefan
Materiais relacionados
1. 15 puzzle trick
2. Leituras complementares
3. Numberphile video
4. Coiled 15 puzzle

Information

1.

Introdução

1. Apresentação

1.1.

Apresentação

O objetivo desta atividade é poder apresentar, de forma guiada, algumas alternativas de recursos para o desenvolvimento de jogos lógicos-digitais e ao mesmo tempo revelar algumas das belezas matemáticas escondidas por trás do desenvolvimento do jogo. Assim, esperamos ilustrar como este tipo de atividade pode alinhar-se a conteúdos curriculares, além de atender recomendações da BNCC – Base Nacional Comum Curricular, como a introdução das tecnologias, o incentivo ao exercício criativo nas práticas escolares, além da exploração do pensamento computacional. Através da REPRODUÇÃO de um quebra-cabeça digital "deslizante", os participantes terão a oportunidade de refletir e discutir sobre as possibilidades em se trabalhar com este tipo de atividade em sala de aula, considerando as particularidades de cada etapa do processo. A parte de programação apresentada aqui será discutida oportunamente, assim que não se preocupe se algum detalhe não ficar muito claro. O mais importante, neste primeiro momento, é que você consiga obter seu quebra-cabeça final em um modo executável (ou "jogável"). Bom trabalho.

2.

Atividade (passo a passo)

1. Criando a foto e aplicando o filtro artístico
2. Dividindo a foto em partes iguais
3. Trabalhando no GeoGebra
4. Organizando as peças
5. Programando - parte A
6. Programando - parte B
7. Programando - parte C
8. Retoque final

2.1.

Criando a foto e aplicando o filtro artístico

1) Registre a foto com a câmera do celular, de preferência no formato QUADRADO (se houver). Caso não haja, você deverá recortar digitalmente para garantir um QUADRADO perfeito. 2) Aplique o app PRISMA a fim de editar a foto escolhida com algum dos diferentes filtros artísticos disponíveis (https://prisma-ai.com/ ou faça o download diretamente no Google Play/App Store).

3) Você pode conseguir resultados alternativos também explorando o aplicativo online Befunky (https://www.befunky.com/features/photo-effects/).

2.2.

2.3.

2.4.

2.5.

2.6.

2.7.

2.8.

3.

Dicas

1. Criando filtros artísticos
2. Dividindo a imagem em partes iguais
3. Inserindo imagem, texto e botão
4. Evitando pontos em excesso
5. Códigos para copiar e colar (em inglês)

3.1.

Criando filtros artísticos

Os participantes tirarão fotos com suas câmeras de smartphone, de preferência no modo QUADRADO, se houver o recurso na câmera. Alternativamente, podem selecionar qualquer imagem de sua preferência na web, mas é importante que certifiquem-se de que seja, de fato, no formato QUADRADO (do contrário, devem ajustar para a atividade). A ideia é, então, aplicar um filtro artístico à imagem, que no caso das fotos com o celular, podem ser ajustadas com aplicativos. Sugerimos o PRISMA (vide link abaixo), mas pode ser outro equivalente. Abaixo, apresentamos alguns modelos possíveis obtidos a partir da foto acima. O uso de filtros irá adicionar um toque pessoal e artístico ao produto final, que busca integrar diferentes tecnologias à atividade.