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