Come insegnare ai bambini a codificare con MIT Scratch Language

Bambini imparare diversamente rispetto agli adulti, quindi se vogliamo insegnare loro a codificare, dobbiamo usare un approccio adatto alle loro esigenze. I corsi di codifica degli adulti di solito iniziano con la spiegazione di blocchi, come tipi di dati, variabili e funzioni, tuttavia questo metodo di insegnamento non si adatta bene alla maggior parte dei bambini.

Linguaggi di blocco visuali offrire una soluzione a questo problema introducendo gli studenti alla codifica con l'aiuto di blocchi visivi. Blocca le lingue (a volte chiamate anche linguaggi a bolle) concentrarsi sulla logica piuttosto che sulla sintassi, e insegnare la codifica tramite progetti creativi.

Una manciata di grandi app che insegnano lingue di blocco, come Scratch, Code.org e Tynker, sono disponibili in rete (Scratch e Code.org sono gratuiti, e Tynker ha un prezzo amichevole).

Una delle cose migliori di loro è che non devi necessariamente essere un programmatore per aiutare i tuoi figli ad iniziare con loro. In questo articolo, daremo un'occhiata a Scratch, un linguaggio a blocchi visivi sviluppato da Google e il MIT Media Lab.

Iniziare

Graffiare è un linguaggio di programmazione creato per scopi didattici, in cui è necessario Bloccare i blocchi insieme per creare diversi progetti, come animazioni, giochi e storie interattive.

Scratch è stato creato principalmente per bambini e ragazzi di età compresa tra 8 e 16 anni, ma in alcuni casi può funzionare anche per i bambini più piccoli e per gli studenti adulti.

Scratch è disponibile in più di 40 lingue, la sua versione più recente è Scratch 2 che viene eseguito in browser Web più recenti su macchine Windows, Mac e Linux. Se hai problemi con i requisiti di sistema, puoi usare anche la versione precedente, Scratch 1.4.

Puoi usare Scratch in 3 modi diversi:

1. Crea un account online, e usa l'editor online. Se lo scegli, puoi salvare i tuoi progetti online e condividerli con la community di Scratch.
2. Usa l'editor online anonimo. Se lo scegli, puoi salvare i tuoi progetti solo sul tuo computer.
3. Scarica l'editor offline di Scratch e lavoro a livello locale.

Per iniziare, fai clic sul menu Crea nella barra dei menu in alto, e l'editor Scratch apparirà sullo schermo.

Crea il design

Per prima cosa, facciamolo aggiungi gli elementi di design al nostro programma. Il flusso di lavoro della programmazione in tempo reale è fondamentalmente lo stesso, prima dobbiamo farlo creare gli elementi di design, come sfondi, pulsanti e navigazione (questa parte viene solitamente eseguita da un designer), quindi è necessario aggiungere funzionalità a loro con codice (questa parte è fatta da un programmatore).

Sprite e fondali

Scratch offre due diversi tipi di elementi di design: fondali e sprites.

Il termine “fondale” sta per lo sfondo e il termine “folletto” sta per i personaggi (il personaggio predefinito è il gatto che puoi vedere sullo screenshot qui sopra). Le loro impostazioni correlate sono nell'angolo in basso a sinistra, sotto il palco.

Ci sono quattro modi per aggiungi un nuovo fondale o Sprite sul palco, puoi sceglierne uno da una libreria predefinita, dipingerne uno, caricarne uno dal computer o scattare una foto con la tua webcam.

Ora usiamo la soluzione più veloce e scegliamo uno sfondo dal Libreria sullo sfondo.

Scegliamo anche uno o più sprite dal Libreria Sprite facendo clic sulla piccola icona dello sprite accanto al “Nuovo sprite” etichetta nell'angolo in basso a sinistra dello schermo.

Se vuoi, puoi modificare sia lo sfondo che gli sprite con l'aiuto di un pratico Editor di immagini che appare automaticamente dopo aver aggiunto un nuovo elemento di design allo stage.

Sotto, puoi vedere il mio schermo subito dopo aver aggiunto il “Città notturno” sullo sfondo del mio palcoscenico - se volessi potrei cambiare l'aspetto dello sfondo con gli strumenti di disegno dell'editor di immagini.

In questo articolo, creerò un animazione semplice su una ragazza che è spaventata da un fantasma in una città notturna (lo so ...). Ho già lo sfondo della città notturna, e ora ho bisogno di due folletti: una ragazza e un fantasma.

Non ho bisogno del gatto di default, quindi faccio clic destro su di esso e rimuoverlo. Aggiungo la ragazza e il fantasma dalla libreria Sprite. Dato che il fantasma è più grande della ragazza, e sembrano goffi uno accanto all'altro, ridimensiono il fantasma usando l'editor di immagini.

Ora ho tutti gli elementi di design di cui ho bisogno. Qui sotto puoi vedere come appare il mio palco adesso. Nella prossima sezione, lo faremo aggiungere funzionalità ai due Sprites (la ragazza e il fantasma) di usando i blocchi Scratch.

Aggiungi funzionalità

Il Blocchi di graffio che può essere trovato sotto il “Script” scheda. Dietro ogni blocco c'è un snippet di codice sottostante.

I blocchi sono raggruppati in 10 categorie (Movimento, Sguardi, Suono, Penna, Dati, Eventi, Controllo, Rilevamento, Operatori, Altri blocchi), ognuno di essi usa un Colore diverso, in questo modo sono i gruppi di blocchi facilmente distinguibile.

Aggiungeremo funzionalità a ciascun Sprite (in particolare, le animeremo), il che significa che ogni Sprite avrà il suo script (sequenza di blocchi Scratch).

Si noti che potremmo aggiungere anche uno script separato allo sfondo, ad esempio cambiarne i colori dal giorno alla notte, tuttavia per semplicità non cambieremo lo sfondo in questo esempio.

Creare un algoritmo leggibile dall'uomo

Può essere utile pianificare su carta cosa faranno i tuoi Sprites. Ecco l'algoritmo del nostro programma di esempio girl-ghost.

L'algoritmo della ragazza:

1. L'utente inizia il copione.
2. La ragazza pensa di quanto lei abbia paura.
3. La ragazza è aspettando fino il fantasma la attacca.
4. La ragazza urla.
5. La ragazza scappa.

L'algoritmo del fantasma:

1. L'utente inizia il copione.
2. Il fantasma è aspettando mentre la ragazza sta pensando.
3. Il fantasma approcci la ragazza.

Puoi vedere che l'algoritmo della ragazza è scritto dalla prospettiva della ragazza, e l'algoritmo del ghost è scritto dalla prospettiva del fantasma. Mentre un personaggio agisce, l'altro ha bisogno di aspettare, come è necessario sincronizzare le azioni dei due personaggi.

La sceneggiatura del fantasma

Iniziamo con lo script del fantasma, dato che sono solo 3 passaggi. Fai clic sul fantasma nell'angolo in basso a sinistra e puoi iniziare trascinando i blocchi nell'area dello script. Per prima cosa dobbiamo fare in modo che l'utente inizi il programma. Possiamo facilmente farlo aggiungendo il “quando la bandiera verde ha cliccato” blocco dal “eventi” categoria.

Successivamente, il fantasma aspetta 2 secondi mentre la ragazza sta pensando. Programmiamo questa azione con il “attendere 2 secondi” blocco che può essere trovato nel “Controllo” categoria.

Infine, il fantasma deve avvicinarsi alla ragazza, che possiamo raggiungere con il “vai ad Abby” blocco dal “Movimento” categoria. “Abby” è il nome della ragazza, Scratch aggiunge automaticamente i nomi degli altri Sprites al menu a discesa di questo blocco.

Ecco come appare la sceneggiatura del fantasma. Ormai, hai sicuramente realizzato che Scratch funziona allo stesso modo di LEGO, devi unisciti ai blocchi insieme.

La sceneggiatura della ragazza

La sceneggiatura della ragazza è un po 'più complicata. Fai clic sullo Sprite della ragazza nell'angolo in basso a sinistra e puoi iniziare ad aggiungere i blocchi relativi al comportamento della ragazza.

La sceneggiatura della ragazza inizia anche con “quando la bandiera verde ha cliccato” bloccare. Ti mostro ora come apparirà la sceneggiatura della ragazza, in modo che tu possa seguire la spiegazione più facilmente.

Dopo aver fatto clic sulla bandiera verde, la ragazza sta pensando per 2 secondi (il programma mostrerà una bolla di pensiero per questo periodo), questo è lo stesso 2 secondi mentre il fantasma è in attesa nell'angolo - programmato con il blocco di attesa nel fantasma copione.

Quindi, la ragazza deve aspettare che il fantasma la tocchi. Questo è fatto da a composto blocco di attesa. Puoi vedere nello screenshot sopra che questo blocco include un blocco a forma di diamante interno devi unirti separatamente. È possibile aggiungere solo blocchi a forma di diamante a questo blocco di attesa.

Ricorda, Scratch è simile a LEGO, è necessario prestare attenzione alle forme anche dei blocchi. Questa funzione ti impedisce di aggiungere blocchi che non dovrebbero esserci per evitare una logica di codifica errata.

Ormai, il fantasma ha toccato la ragazza, e la sceneggiatura del fantasma è finita. Ora dobbiamo farla urlare con a “riprodurre l'audio” Blocco del suono (Ho aggiunto il suono di urlo femminile dalla Sound Library integrata) e infine l'ho fatta allontanare dal fantasma usando il “muovi 200 passi” Blocco di movimento.

Puoi dare un'occhiata al progetto finale nella sua pagina Scratch. Se vuoi dare un'occhiata ai blocchi di costruzione, fai clic sul pulsante Vedi interno nell'angolo in alto a destra.

Prossimi passi

Nostro “Fantasma in città” esempio è un progetto molto semplice. Quando i tuoi bambini possono creare storie e animazioni lineari in modo sicuro, puoi muoverti verso strutture di codifica più complicate, ad esempio se poi blocchi (dichiarazioni condizionali) e ripetere blocchi (loop), entrambi possono essere trovati nel “Controllo” categoria.

Se vuoi un esempio più complicato per un'animazione lineare (ancora senza istruzioni condizionali e loop) è possibile controllare la mia altra demo che presenta un semplice dialogo e utilizza 3 folletti (due amici e una torta di compleanno), ognuno dei quali ha il proprio script.

Puoi anche ispirare i tuoi bambini stampando Gratta e vinci a loro, che possono tenere nelle loro mani durante la programmazione. Anche i gratta e vinci hanno grandi idee di progetto su di essi. Vale anche la pena di imparare dagli altri esplorare progetti esistenti, o prendere parte ai forum di discussione.

Se vuoi capire meglio Scratch, c'è un Corso gratuito di Coursera di The University of Edinburgh, che introduce i principianti alla programmazione di Scratch in un modo molto accessibile, anche divertente.

Puoi anche prendere la leva del Scratch Wiki, e anche il dipartimento di Creative Computing dell'Università di Harvard alcune grandi risorse per gli studenti di Scratch.