7- Atividades: Desembaralhe as palavras

Olá pessoal, tudo bem com vocês?

Hoje iremos explorar como criar uma rotina que automatize a criação de uma atividade de desembaralhar palavras, simplificando o trabalho realizado.
Vamos unir imagens disponíveis e um modelo de atividade para que o aluno analise a imagem e a palavra embaralhada, escrevendo a palavra na ordem correta.
Vamos lá?


Tópicos:

  • Introdução
  • Embaralhar as Palavras
  • Inclusão de Textos
  • Aplicar as Alterações
  • Fluxo para Download

Introdução

Nesta etapa, nosso foco será criar uma rotina que permita automatizar a criação de uma atividade onde o aluno deve desembaralhar palavras.
A ideia é simplificar o processo, unindo imagens e modelos de atividade para que o aluno possa analisar a imagem e a palavra embaralhada, escrevendo-a corretamente.
Isso facilita o trabalho do educador e torna o aprendizado mais dinâmico.


Embaralhar as Palavras

Para embaralhar as palavras, utilizaremos uma função específica.
Essa função quebra a palavra em letras, realiza um sorteio e, ao final, junta as letras de forma desordenada.
Isso cria o desafio para o aluno reorganizar as letras na ordem correta.

function embaralharPalavra(palavra) {
  return palavra
    .split('')                       // Divide a palavra em letras
    .sort(() => Math.random() - 0.5) // Embaralha usando sort aleatório
    .join('');                       // Junta as letras de volta
}

Com isso a palavra recebida é embaralhada e uma palavra com as ordens incorretas é retornada.


Inclusão de Textos

Com o N8N, é possível incluir textos na imagem. Selecionamos a fonte desejada, a cor, a posição e o tamanho através do componente de modificação de imagem.
Isso permite personalizar a atividade de acordo com as necessidades do educador.


Aplicar as Alterações

Utilizamos um ID único gerado para cada imagem, permitindo carregar e atualizar a imagem a cada etapa.
Isso garante que nossa arte final seja mapeada e atualizada a cada passo, mantendo o controle sobre as alterações realizadas.


Fluxo para Download

Por hoje é só.
Disponibilizamos o fluxo para download. Lembre-se de ajustar para a sua planilha Google Sheets e para o caminho onde estão os mockups criados.

Até a próxima!