Como ensinar as crianças a codificar com o MIT Scratch Language

Crianças aprenda de maneira diferente do que os adultos, portanto, se queremos ensiná-los a codificar, precisamos usar uma abordagem adequado às suas necessidades. Os cursos de codificação de adultos geralmente começam com a explicação de blocos de construção, como tipos de dados, variáveis ​​e funções, no entanto, esse método de ensino não se encaixa bem com a maioria das crianças.

Linguagens visuais de bloqueio oferecer uma solução para este problema, introduzindo os alunos à codificação com a ajuda de blocos de construção visuais. Bloquear idiomas (às vezes também chamados de idiomas de bolha) focar na lógica e não na sintaxe, e ensinar codificação através de projetos criativos.

Um punhado de ótimos aplicativos que ensinam linguagens de bloqueio, como Scratch, Code.org e Tynker, estão disponíveis na Internet (o Scratch e o Code.org são gratuitos e o Tynker tem um preço amigável).

Uma das melhores coisas sobre eles é que você não precisa necessariamente ser um programador para ajudar seus filhos a começar com eles. Neste artigo, vamos dar uma olhada no Scratch, uma linguagem visual de blocos desenvolvida por Google e a MIT Laboratório de Mídia.

iniciar

coçar, arranhão é uma linguagem de programação criada para fins educacionais, na qual você precisa encaixar os blocos juntos a fim de criar projetos diferentes, como animações, jogos e histórias interativas.

Scratch é criado principalmente para crianças e adolescentes entre as idades de 8 e 16 anos, mas, em alguns casos, pode funcionar também para crianças menores e aprendizes adultos.

Scratch está disponível em mais de 40 idiomas, sua versão mais recente é Arranhão 2 que é executado em navegadores da Web mais recentes em computadores Windows, Mac e Linux. Se você tiver problemas com os requisitos do sistema, você pode usar sua versão anterior, Scratch 1.4, bem.

Você pode usar o Scratch de 3 maneiras diferentes:

1. Crie uma conta online, e use o editor online. Se você escolher isso, poderá salvar seus projetos on-line e compartilhá-los com a comunidade Scratch.
2. Use o editor online anonimamente. Se você escolher isso, poderá salvar seus projetos apenas no seu computador.
3. Faça o download do Editor de rascunho off-line e trabalhar localmente.

Para começar, clique no menu Criar na barra de menu superior, e o editor de rascunho aparecerá em sua tela.

Crie o design

Primeiro vamos adicione os elementos de design para o nosso programa. O fluxo de trabalho da programação da vida real é basicamente o mesmo, primeiro precisamos crie os elementos de design, como fundos, botões e navegação (essa parte geralmente é feita por um designer), então precisamos adicionar funcionalidade a eles com código (esta parte é feita por um programador).

Sprites e cenários

O Scratch oferece dois tipos diferentes de elementos de design: cenários e Sprites.

O termo “pano de fundo” representa o fundo e o termo “Sprite” representa os caracteres (o caractere padrão é o gato que você pode ver na imagem acima). Suas configurações relacionadas estão no canto inferior esquerdo, abaixo do palco.

Existem quatro maneiras de adicionar um novo cenário ou Sprite para o palco, você pode escolher um de uma biblioteca predefinida, pintar um, fazer o upload de um a partir do seu computador ou tirar uma foto com sua webcam.

Agora vamos usar a solução mais rápida e escolher um pano de fundo a partir do Biblioteca do pano de fundo.

Também vamos escolher um ou mais Sprites do Biblioteca de Sprites clicando no pequeno ícone do sprite ao lado do “Novo sprite” etiqueta no canto inferior esquerdo da tela.

Se você quiser, você pode editar o pano de fundo e os Sprites com a ajuda de um prático editor de imagem que aparece automaticamente depois que você adiciona um novo elemento de design ao palco.

Abaixo, você pode ver minha tela logo após adicionar o “Cidade da noite” pano de fundo para o meu palco - se eu quisesse eu poderia mudar a aparência do pano de fundo com as ferramentas de desenho do editor de imagens.

Neste artigo, vou criar um animação simples sobre uma garota que está assustada por um fantasma em uma cidade noturna (eu sei ...). Eu já tenho o pano de fundo da cidade da noite, e agora eu preciso de dois Sprites: uma garota e um fantasma.

Não preciso do gato padrão, portanto, clico nele com o botão direito e removo-o. Eu adiciono a garota e o fantasma da biblioteca Sprite. Como o fantasma é maior que a garota, e eles parecem desajeitados um ao lado do outro, eu redimensiono o fantasma usando o editor de imagens.

Agora eu tenho todos os elementos de design que eu preciso. Abaixo você pode ver como meu palco se parece agora. Na próxima seção, vamos adicionar funcionalidade para os dois Sprites (a garota e o fantasma) por usando blocos Scratch.

Adicionar funcionalidade

o Blocos de risco que pode ser encontrado sob o “Scripts” aba. Atrás de cada bloco há um fragmento de código subjacente.

Os blocos são agrupados em 10 categorias (Motion, Looks, Som, Caneta, Dados, Eventos, Controle, Sensores, Operadores, Mais blocos), cada um deles usa um cor diferente, Desta forma, os grupos de blocos são facilmente distinguível.

Vamos adicionar funcionalidade a cada Sprite (especificamente vamos animar eles), o que significa que cada Sprite terá seu próprio script (sequência de blocos Scratch).

Note que podemos adicionar um script separado ao pano de fundo também, por exemplo, alterar suas cores do dia para a noite, no entanto, por uma questão de simplicidade, não vamos mudar o pano de fundo neste exemplo.

Crie um algoritmo legível

Pode ser útil planejar em papel o que seus Sprites farão. Aqui está o algoritmo do nosso exemplo de programa fantasma de menina.

O algoritmo da garota:

1. O usuário começa o roteiro.
2. A menina acha sobre o quanto ela tem medo.
3. A garota é esperando até o fantasma a ataca.
4. A menina gritos.
5. A menina fugir.

O algoritmo do fantasma:

1. O usuário começa o roteiro.
2. O fantasma é esperando enquanto a garota está pensando.
3. O fantasma aproximações a garota.

Você pode ver que o algoritmo da garota está escrito da perspectiva da garota, e o algoritmo do fantasma é escrito da perspectiva do fantasma. Enquanto um personagem age, o outro precisa esperar, como precisamos sincronizar as ações dos dois personagens.

Roteiro do fantasma

Vamos começar com o script do fantasma, já que são apenas 3 passos. Clique no Ghost no canto inferior esquerdo e você pode começar arrastando os blocos para a área de Script. Primeiro precisamos fazer o usuário iniciar o programa. Podemos facilmente fazer isso adicionando o “quando a bandeira verde clicou” bloco do “Eventos” categoria.

Em seguida, o fantasma espera 2 segundos enquanto a garota está pensando. Nós programamos esta ação com o “espere 2 segundos” bloco que pode ser encontrado no “Ao controle” categoria.

Finalmente, o fantasma precisa se aproximar da garota, o que podemos conseguir com o “vá para Abby” bloco do “Movimento” categoria. “Abby” é o nome da menina, o Scratch adiciona automaticamente os nomes dos outros Sprites ao menu suspenso deste bloco.

É assim que o script do fantasma se parece. Até agora, você certamente percebeu que o Scratch funciona semelhante a LEGO, você precisa junte-se aos blocos juntos.

Roteiro da menina

O roteiro da garota é um pouco mais complicado. Clique no Sprite da garota no canto inferior esquerdo, e você pode começar a adicionar os blocos relacionados ao comportamento da garota.

O roteiro da menina também começa com o “quando a bandeira verde clicou” quadra. Eu mostro agora como o roteiro da garota vai finalmente parecer, para que você possa seguir a explicação mais facilmente.

Depois que a bandeira verde é clicada, a garota está pensando por 2 segundos (o programa mostrará uma bolha de pensamento para este período), isto é os mesmos 2 segundos enquanto o fantasma está esperando no canto - programado com o bloco de espera no fantasma roteiro.

Então, a garota precisa esperar até que o fantasma a toque. Isso é feito por um bloco de espera composto. Você pode ver na imagem acima que este bloco inclui um bloco interno em forma de diamante você precisa se juntar separadamente. Você pode adicionar apenas blocos em forma de diamante a este bloco de espera.

Lembre-se, o Scratch é semelhante ao LEGO, você precisa preste atenção nas formas dos blocos também. Esse recurso evita que você adicione blocos que não deveriam estar lá para evitar uma lógica errada de codificação.

A essa altura, o fantasma tocou a garota e o roteiro do fantasma terminou. Agora precisamos fazê-la gritar com um “tocar música” Bloco de som (Eu adicionei o som de grito feminino da biblioteca de som integrada) e, finalmente, faço com que ela se afaste do fantasma usando o “mova 200 passos” Bloco de movimento.

Você pode dar uma olhada no projeto final em sua página do Scratch. Se você quiser dar uma olhada nos blocos de construção, clique no botão Ver dentro no canto superior direito.

Próximos passos

Nosso “Fantasma na cidade” exemplo é um projeto muito simples. Quando seus filhos podem criar histórias e animações lineares com segurança, você pode estruturas de codificação mais complicadas, tal como se então blocos (declarações condicionais) e repetir blocos (loops), ambos podem ser encontrados no “Ao controle” categoria.

Se você quiser um exemplo mais complicado para uma animação linear (ainda sem declarações condicionais e loops) você pode conferir minha outra demonstração que apresenta um diálogo simples, e usa 3 Sprites (dois amigos e um bolo de aniversário), cada um com seu próprio script.

Você também pode inspirar seus filhos imprimindo Raspadinhas para eles, que eles podem mantenha em suas mãos enquanto programando. Raspadinhas também têm grandes ideias de projetos neles. Também vale a pena aprender com os outros por explorando projetos existentes, ou participando de fóruns de discussão.

Se você quiser entender melhor o Scratch, há um curso grátis de Coursera pela Universidade de Edimburgo, que introduz os iniciantes na programação do Scratch de uma forma muito acessível e agradável.

Você também pode aproveitar o Wiki do Scratch, e o departamento de Computação Criativa da Universidade de Harvard também tem alguns ótimos recursos para aprendizes do zero.