ABC del CODING
Una guida di base per docenti e genitori che desiderano
entrare nell’affascinante mondo della programmazione
A cura dell’ins. Carolina Di Matteo
Istituto Comprensivo “A. Moscati”
Anno Scolastico 2015/2016
Pagina | 2
INDICE
INTRODUZIONE ........................................................................................ 3
COS’E’ SCRATCH ....................................................................................... 4
COME SCARICARE ED INSTALLARE SCRATCH ............................................. 4
PRIMI PASSI CON SCRATCH ...................................................................... 5
Iniziamo a muoverci .................................................................................................................................... 6
Aggiungiamo un suono .............................................................................................................................. 8
Iniziamo a “ballare”..................................................................................................................................... 9
Usiamo i blocchi controllo ........................................................................................................................ 9
La bandiera verde ....................................................................................................................................... 11
Cambiamo colore allo sprite ................................................................................................................. 12
Aggiungiamo uno sprite .......................................................................................................................... 13
Pulsanti “Nuovo sprite” .............................................................................................................................. 14
Facciamo “parlare” uno sprite ............................................................................................................. 15
Come scegliere o registrare un suono............................................................................................... 16
Pulsanti “Nuovo suono” ............................................................................................................................. 16
Pagina | 3
INTRODUZIONE
Nella nostra società i computer sono dovunque e costituiscono un potente strumento per la
comunicazione. Per essere culturalmente preparato a qualunque lavoro uno studente vorrà fare da
grande, è indispensabile una comprensione dei concetti base dell’informatica.
Il lato scientifico-culturale dell’informatica, definito appunto “pensiero computazionale”, aiuta a
sviluppare competenze logiche e capacità di risolvere problemi in modo creativo ed efficiente, qualità
che sono importanti per tutti i futuri cittadini.
Come previsto anche nel PNSD (Piano Nazionale Scuola Digitale), un’appropriata educazione al
“pensiero computazionale” è essenziale affinché le nuove generazioni possano affrontare la società del
futuro non da consumatori passivi ed ignari di tecnologie e servizi, ma da soggetti consapevoli, come
attori attivamente partecipi del loro sviluppo.
Il modo più semplice e divertente di sviluppare il “pensiero computazionale” è attraverso la
programmazione (CODING) in un contesto di gioco, ovvero guidando gli allievi in un percorso ludico-
educativo nel quale poter sperimentare innovative strategie di problem-solving.
Grazie all’utilizzo del software di programmazione visuale denominato SCRATCH, gli alunni hanno la
possibilità di realizzare originali prodotti multimediali (storie, giochi e animazioni) e, attraverso
metodologie attive quali il learning by doing e il cooperative learning, utilizzare in maniera naturale le
proprie capacità creative e collaborative, facilitando l’acquisizione di competenze e il rinforzo per le
discipline curriculari.
Pagina | 4
COS’E’ SCRATCH
Scratch è il più diffuso strumento di programmazione
visuale sviluppato dal gruppo di ricerca del Massachusetts
Institute of Technology (MIT) di Boston. L’utilizzo di questo
linguaggio rende semplice e divertente programmare storie
interattive, animazioni, arte, musica e giochi. Scratch è
anche un social network protetto, dove poter condividere i propri progetti, collaborare, apprezzare e
remixare i progetti degli altri utenti.
In questo ambiente di programmazione il codice non deve essere digitato ma si programma grazie a
blocchi grafici di costruzione creati per adattarsi l'un l'altro solo se inseriti correttamente, al fine di
evitare inesattezze di sintassi.
L’esempio potrebbe essere quello dei mattoncini Lego che, se incastrati tra loro in maniera corretta,
consentono la realizzazione di costruzioni originali e creative.
Informazioni aggiuntive su Scratch sono disponibili al sito ufficiale https://scratch.mit.edu/
COME SCARICARE ED INSTALLARE SCRATCH
È possibile utilizzare lo strumento di programmazione Scratch installando Scratch Editor 2.0, utile per
lavorare su progetti senza una connessione Internet. Questa versione funziona su Mac, Windows e
alcune versioni di Linux (32 bit). Il pacchetto di installazione è disponibile gratuitamente sul sito
https://scratch.mit.edu/scratch2download/.
Una volta scaricati i file dalla pagina riportata nella figura in basso, basterà eseguire le procedure di
installazione guidata, al termine delle quali comparirà sul desktop un’icona di collegamento al
programma. Cliccando su questa icona si avvierà Scratch e sarà possibile entrare nel vivo del coding.
Pagina | 5
PRIMI PASSI CON SCRATCH
I progetti di Scratch si compongono di oggetti grafici chiamati SPRITE. Lo sprite è una figura
bidimensionale (immagine) che può avere l’aspetto di una persona, di un treno, di una farfalla o di
qualunque altra cosa, e che può essere spostata rispetto allo sfondo. Gli sprite permetto di creare
personaggi che si muovono e interagiscono su un palcoscenico (Stage).
E’ possibile anche modificare l’aspetto di uno sprite dandogli un diverso costume, oppure realizzare uno
sprite disegnando un’immagine, importandolo dall’hard disk oppure trascinandolo dalla pagina di un sito
web.
In basso alcuni esempi di sprite:
Pagina | 6
Iniziamo a muoverci
Quando si inizia a lavorare con Scratch, il progetto parte mostrando un singolo sprite che raffigura un
gatto. Il primo semplice programma che realizzeremo permetterà al gatto di muoversi avanti e indietro
sul palcoscenico (Area di visualizzazione o Stage).
1 Clicca sulla categoria MOVIMENTO.
2 Trascina un blocco FAI 10 PASSI nell'area di visualizzazione (Area degli script).
Barra dei menu
Area di programmazione
o degli script
Area di visualizzazione
Area degli sprite
1
2
Pagina | 7
3 Clicca sul blocco per far muovere il gatto nell’area di visualizzazione.
4 È possibile variare il numero di passi cliccando nel riquadro bianco e modificando il
numero.
3
4
Pagina | 8
Aggiungiamo un suono
Ogni sprite può essere programmato per emettere suoni che possono essere predefiniti (per esempio il
miagolio del gatto) o suoni caricabili dalla libreria di Scratch. Inoltre esiste la possibilità di registrare
suoni ed associarli ad uno sprite. Nell’esempio seguente vedremo come far emettere un verso al gatto.
1 Clicca sulla categoria SUONO.
2 Trascina un blocco PRODUCI SUONO MIAO e
attaccalo al blocco FAI 10 PASSI come riportato anche
nella figura di dettaglio a lato.
3 Clicca su uno qualsiasi dei blocchi e ascolta il verso del
gatto.
Se non senti alcun suono, controlla che il volume del tuo computer sia attivo.
Nota
1
2 3
Pagina | 9
Iniziamo a “ballare”
1 Aggiungiamo un altro blocco FAI 10 PASSI.
2 Clicchiamo all'interno del riquadro bianco nel
blocco e inseriamo un segno meno.
Clicchiamo su uno qualunque dei blocchi per eseguire lo script.
Noteremo che il “ballo” del gatto non viene eseguito ma sarà udibile solo il suo verso.
In realtà, prima e dopo la riproduzione del verso, avvengono entrambi i movimenti
associati ai blocchi FAI PASSI (fai 10 passi, fai -10 passi) ma in maniera così immediata da
non essere percepibili.
Usiamo i blocchi controllo
Per risolvere la problematica evidenziata al punto precedente è opportuno introdurre un tempo di
attesa tra i due blocchi che realizzano il movimento del “ballo”.
1
2
Nota
2
1
Pagina | 10
1 Scegliamo dalla categoria CONTROLLO il blocco
ATTENDI 1 SECONDI e trasciniamolo nell’area
degli script.
2 Nel nostro caso possiamo modificare il numero
di secondi a 2 attaccando il blocco ATTENDI 2
SECONDI tra i blocchi PRODUCI SUONO e FAI –
10 PASSI.
Cliccando su un blocco qualsiasi notiamo che il gatto compie un primo movimento in avanti, attende 2
secondi e poi compie il secondo movimento nel verso contrario al precedente, ritornando al punto di
partenza.
Nella figura in basso, vediamo ora come programmare una esecuzione continua del movimento per
realizzare il “balletto” :
3 Sempre dalla categoria CONTROLLO, trasciniamo un blocco PER SEMPRE in cima allo
script e lasciamolo sui blocchi già inseriti, assicurandoci che la “bocca” del blocco PER
SEMPRE avvolga gli altri blocchi.
3
Pagina | 11
Per trascinare uno script composto da diversi blocchi
collegati, afferralo dal primo blocco in alto.
Per fermare uno script è necessario cliccare sul pulsante Ferma Tutto in alto
a destra nella finestra di visualizzazione.
La bandiera verde
Finora abbiamo visto che per avviare uno script è stato necessario cliccare su uno dei suoi blocchi.
Tuttavia il modo più frequente per eseguire gli script è l’utilizzo della BANDIERA VERDE [3] situata in alto
a destra nella finestra di visualizzazione, accanto al pulsante FERMA TUTTO [4].
Nota
Nota
1
2
3
Pagina | 12
1 Dalla categoria SITUAZIONI scegliamo il blocco QUANDO SI CLICCA SU e trasciniamolo in
cima allo script.
2 Quando si clicca sulla BANDIERA VERDE lo script partirà.
3 Per fermarlo, occorre cliccare Il pulsante FERMA TUTTO.
Cambiamo colore allo sprite
1 Dalla categoria ASPETTO trasciniamo un blocco CAMBIA EFFETTO COLORE
2 Cliccando sul blocco noteremo che il colore del nostro gatto cambierà.
1
2
Pagina | 13
3 Attacchiamo ora il nostro blocco CAMBIA EFFETTO COLORE agli altri script. Noteremo che
dopo il secondo movimento (fai -10 passi) il gatto cambierà colore.
Aggiungiamo uno sprite
Per aggiungere un nuovo sprite sarà necessario cliccare su uno dei pulsanti evidenziati nella seguente
figura. In particolare vedremo come aggiungere lo sprite “farfalla”
1
3
Pagina | 14
1 Cliccare il pulsante “Scegli uno sprite dalla libreria”
2 Selezionare la “farfalla” dalla Libreria Sprite.
Pulsanti “Nuovo sprite”
Gli sprite potranno essere aggiunti con diverse modalità applicabili grazie ai pulsanti riportati in basso:
Scegli uno sprite dalla libreria
Disegna il tuo sprite
Carica uno sprite da un file
Nuovo sprite dalla webcam
2
Pagina | 15
Facciamo “parlare” uno sprite
Ora vedremo come Scratch riesce a comunicare informazioni testuali all'utente. Mediante l’utilizzo del
blocco DIRE potrà essere mostrato il fumetto "parlante" di uno sprite per il tempo specificato.
1 Selezioniamo lo sprite.
2 Clicchiamo sulla categoria ASPETTO.
3 Prendiamo un blocco DIRE Hello! PER 2 SECONDI e trasciniamolo sull’area degli script.
Cliccando sulla BANDIERA VERDE lo script partirà visualizzando per 2 secondi il fumetto sullo sprite come
riportato in figura.
Modificando il testo nel riquadro bianco del blocco DIRE sarà possibile personalizzare il
testo del messaggio da visualizzare, inoltre sarà possibile modificare la durata della
visualizzazione agendo sul numero di secondi.
1
Nota
1
2
3
Pagina | 16
Come scegliere o registrare un suono
Per creare un programma che combini sprite interattivi con suoni originali è possibile cliccare sulla
scheda SUONI e sfruttare gli strumenti che Scratch mette a disposizione per la gestione del sonoro.
Pulsanti “Nuovo suono”
Come già visto in precedenza, ogni sprite può essere programmato per emettere suoni, i quali potranno
essere aggiunti con le modalità descritte dai pulsanti riportati in basso:
Scegli un suono dalla libreria
Registra un nuovo suono
Carica un suono da un file
Top Related