t2c – training to code · progetto ‘‘informatica’’ primo esempio –gruppo 2 laura...

21
Progetto ‘‘Informatica’’ Primo esempio – Gruppo 2 Laura Tarsitano [email protected]

Upload: others

Post on 25-Sep-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Progetto ‘‘Informatica’’

Primo esempio – Gruppo 2

Laura [email protected]

Page 2: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Come costruire un micromondoQuando si costruisce un micromondo su Snap! bisogna immaginare di costruire uno spettacolo teatrale.

Proprio come in uno spettacolo, in Snap! ci sono:

- Attore: chiamato Sprite

- Scenografia: chiamato Stage

- Copione: chiamato Script

- Regista: chi scrive il copione

- Pubblico: chi utilizza il Micromondo

#2 - PRIMO ESEMPIO 2

Page 3: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Come costruire un micromondoEssendo i registi, dobbiamo scrivere i copioni per gli attori.

In uno spettacolo possono esserci più attori, dobbiamo ricordare che ogni attore ha il

suo copione e legge solo quello che c’è scritto nel suo copione. Bisogna dirgli TUTTO

quello che deve fare.

Per scrivere il copione utilizzeremo i blocchi che abbiamo a disposizione. Li trasciniamo

nell’area dello script e li attacchiamo tra di loro (come se fossero pezzi di un puzzle).

Ogni blocco dà un’istruzione all’attore.

Quando si scrive il copione (lo script) si danno all’attore una serie di istruzioni per

raggiungere uno scopo, questa serie di azioni o di passi è chiamata Algoritmo.

#2 - PRIMO ESEMPIO 3

Page 4: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Algoritmo

Lista di passi ordinati da seguire per risolvere un problema o svolgere un

certo compito

4#2 - PRIMO ESEMPIO

Page 5: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Algoritmo nella vita quotidianaL’algoritmo non è solo un concetto che appartiene al mondo dell’informatica.

Ogni giorno senza saperlo eseguiamo algoritmi nella nostra vita quotidiana:

Es. lavarsi i denti, vestirsi, fare una torta.Nella prossima scheda prova a scrivere i passi

necessari per svolgere i compiti richiesti.

5#2 - PRIMO ESEMPIO

Page 6: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Algoritmo nella vita quotidianaLavarsi i denti

…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

6#2 - PRIMO ESEMPIO

Fare una torta…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

Vestirsi…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

Page 7: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Algoritmo nella vita quotidianaUn mio esempio

…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

7#2 - PRIMO ESEMPIO

Un mio esempio…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

Page 8: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Immaginiamo che il mondo sia una griglia.

Algoritmo - Esempio

La freccia rappresenta l’oggetto che vogliamo far muovere.Il puntino nero rappresenta la direzione verso la quale sta puntando.

#2 - PRIMO ESEMPIO 8

Page 9: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

L’OBIETTIVO è quello di far arrivare l’oggetto al quadretto con la X

Algoritmo - Esempio

Per farlo abbiamo a disposizione solo un insieme di istruzioni:

- ‘’vai avanti di 1’’- ‘’gira a destra’’- ‘’gira a sinistra’’X

#2 - PRIMO ESEMPIO 9

Page 10: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Prova a scrivere l’algoritmo per far arrivare la freccia nel quadretto con la X

Algoritmo - Esempio

Hai a disposizione solo queste istruzioni:- ‘’vai avanti di 1’’- ‘’gira a destra’’- ‘’gira a sinistra’’

X

#2 - PRIMO ESEMPIO 10

…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..…………………………………..

Page 11: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Algoritmo - EsempioUno dei possibili algoritmi potrebbe essere:- ‘’vai avanti di 1’’- ‘’vai avanti di 1’’- ‘’vai avanti di 1’’- ‘’gira a destra’’- ‘’ vai avanti di 1’’

NOTA: Non esiste un solo algoritmo per raggiungere la X. Possono esserci diversi percorsi che portano alla stessa soluzione.

X

#2 - PRIMO ESEMPIO 11

Page 12: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Costruiamo il mondo della griglia su Snap! Il mondo è una griglia, la tartaruga parte da un punto e deve raggiungere l’insalata avendo a disposizione una serie di istruzioni (blocchi).Scriviamo l’algoritmo trovato nella scheda precedente utilizzando i blocchi di Snap!

12#2 - PRIMO ESEMPIO

NOTA: Per provare questo esempio scaricare il Micromondo TartaInsalata. IlMicromondo viene scaricato nella cartella dei Download. Successivamente aprire Snap,cliccare sul fogliettino, poi su Importa.. e selezionare il Micromondo dalla cartellaDownload

Page 13: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Costruiamo il mondo della griglia su Snap!Notiamo come nell’algoritmo ci sono dei blocchi uguali che si ripetono più volte

13#2 - PRIMO ESEMPIO

Ci sono tre istruzioni ugualiche si ripetono una dopol’altra

In questo caso possiamo evitare di scrivere per tre volte la stessa istruzioneutilizzando il blocco RIPETI.

Il blocco RIPETI ci permette di scrivere una sola volta l’istruzione e indicare perquante volte va ripetuta.

Page 14: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Costruiamo il mondo della griglia su Snap! - Ripeti

14#2 - PRIMO ESEMPIO

Il blocco RIPETI ci permette di ripetere un istruzione per un numero di volteindicato da noi.

Esempio del Micromondo TartaInsalata:

Page 15: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 1 - Disegno

15#2 - PRIMO ESEMPIO

Costruiamo un mondo dove il protagonista è un’artista.Quando l’artista si sposta, lascia una linea dietro di sé.

Primo obiettivo: disegnare una lineaPrima di tutto bisogna sapere che il blocco permette al personaggio di«appoggiare» la penna sul foglio. Mentre il blocco la fa «staccare» dalfoglio.

Il primo passo sarà quindi quello di mettere la penna sul foglio:

NOTA: Per provare questo esempio scaricare il Micromondo Disegno – Gruppo 2. IlMicromondo viene scaricato nella cartella dei Download. Successivamente aprire Snap,cliccare sul fogliettino, poi su Importa.. e selezionare il Micromondo dalla cartella Download

Page 16: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 2 – disegnare una linea

16#2 - PRIMO ESEMPIO

Primo obiettivo: disegnare una lineaPer fare in modo che l’artista disegni una linea bisognerà far muovere lo Sprite.Aggiungiamo i blocchi necessari:

RICORDA: ogni volta che aggiungi dei blocchi puoi vedere il loro effetto cliccando sulla bandierina verde. È importante provare a vedere il risultato di quello che abbiamo scritto così da poter capire se abbiamo sbagliato e dove cambiare.

Posiziona lo Sprite alcentro e lo posizionaper iniziare a disegnare

Posiziona lo Sprite alcentro dello Stage

Page 17: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 3 – disegnare un quadrato

17#2 - PRIMO ESEMPIO

Secondo obiettivo: disegnare un quadratoAbbiamo già disegnato una linea, per disegnare un quadrato ora bisogna farruotare lo Sprite di 90°, poi farlo andare avanti, ruotare di altri 90°, andareavanti, ruotare di 90° e farlo andare ancora avanti.

Se proviamo a leggere lo script che abbiamo appena scritto, ci rendiamo conto che ci sono diversi blocchi che si ripetono per tante volte. Quali sono i blocchi? Per quante volte si ripetono?

- I blocchi sono

- Si ripetono per 4 volte. Possiamo usare il blocco RIPETI

Page 18: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 4 – disegnare un fiore

18#2 - PRIMO ESEMPIO

Terzo obiettivo: disegnare un fioreVogliamo un fiore formato da tre petali quadrati. Sappiamo disegnare un quadrato. Come facciamo a dirgli di disegnare tre quadrati?Abbiamo visto che possiamo usare il blocco ripeti quando vogliamo ripetere gli stessi blocchi per un certo numero di volte.Quali sono i blocchi necessari a disegnare un quadrato?

Dobbiamo ripeterli per tre volte perché vogliamo tre quadrati. Possiamo mettere un ripeti dentro un altro ripeti.

Blocchi necessari a disegnare un quadrato

Un

qu

adrato

Rip

eti per 3

volte p

er o

ttenere 3

qu

adrati

Page 19: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 4 – disegnare un fiore 2

19#2 - PRIMO ESEMPIO

Terzo obiettivo: disegnare un fioreIn questo modo l’artista disegna tre quadrati però uno sopra l’altro. Ogni volta che l’artista disegna un quadrato deve ruotare ‘’un pochino’’ e poi disegnare il prossimo.Aggiungiamo il blocco per farlo ruotare.

NOTA: per decidere di quanti gradi far ruotare lo Sprite dobbiamo tenere conto del numero dei petali. Per disegnare un fiore completo dobbiamo fare un intero giro, ovvero un angolo giro: 360°. Se vogliamo 3 petali, lo Sprite dovrà ruotare di 120° ovvero 360°/3.Se vogliamo un fiore con 10 petali bisognerà fare 360°/10.L’operazione che bisogna fare è: - 360°/numero dei petali

Page 20: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Primo esempio – 4 – disegnare un fiore 3

20#2 - PRIMO ESEMPIO

Terzo obiettivo: disegnare un fiore coloratoPossiamo aggiungere un effetto ottico, per fare in modo che ogni petalo del nostro fiore sia di un colore diverso. Vogliamo dire allo Sprite “Dopo aver ruotato cambia il colore della penna”.Per cambiare il colore si usa un blocco della categoria Penna:

Il nostro script completo sarà il seguente:

Page 21: T2C – TRAINING TO CODE · Progetto ‘‘Informatica’’ Primo esempio –Gruppo 2 Laura Tarsitano laura.tarsitano@criadcoding.it. Come costruire un micromondo Quando si costruisce

Esercizio

21#2 - PRIMO ESEMPIO

In autonomia prova a cambiare il numero dei petali e il grado di rotazione per creare

altre figure. Queste figure possono poi essere stampate e colorate.