Un ambiente visuale per la pseudocodifica: Scratch e BYOB In questa lezione impareremo... cosa sono i nuovi ambienti didattici visuali a scrivere i primi programmi in BYOB LEZIONE 7 Cos è Scratch Scratch è un nuovo linguaggio di programmazione visuale che, mediante un approccio orientato agli oggetti (denominati Sprites), rende semplice la creazione di storie interattive, di giochi e di animazioni e permette di condividere sul web le creazioni con altri programmatori. Scratch è stato progettato in maniera specifica per la fascia di età 8-16 anni ma è didatticamente utilizzato da persone di ogni età come linguaggio di progetto nei corsi iniziali di informatica dato che permette di tradurre i diagrammi di flusso in «programmi eseguibili». Noi non descriveremo dettagliatamente tutte le possibilità di Scratch ma solamente quelle opzioni che ci permetteranno di codificare e collaudare gli algoritmi che descriveremo nelle lezioni successive. Scratch è sviluppato dal Lifelong Kindergarten Group dei Media Lab dell MIT, ed è supportato da contributi finanziari della National Science Foundation, di Microsoft, di Intel Foundation, di Nokia e del consorzio di ricerca dei Media Lab dell MIT ed è reso disponibile in maniera completamente gratuita. Si presenta con una semplice interfaccia grafica molto intuitiva e permette all utente di scrivere veri e propri programmi senza scrivere il codice. P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 1
UdA 6 Dal problema al programma Essendo stato progettato soprattutto per i più piccoli, è stato arricchito con strumenti grafici che permettono di utilizzare disegni ed immagini per realizzare le proprie storie (oppure di crearne di nuovi) e di integrarli con suoni ed effetti speciali. Sul sito web di Scratch, alla pagina http://info.scratch.mit.edu/support/, sono disponibili molte altre risorse che aiutano a conoscere Scratch, tra cui le guide Video, le schede di Scratch e le Domande Frequenti (FAQs). BYOB e Snap! Build Your Own Blocks (costruisci i tuoi blocchi, più spesso indicato con il suo acronimo BYOB), è una versione aggiornata di Scratch che include molte caratteristiche aggiuntive. Come dice lo stesso nome del programma, BYOB consente all utente di creare propri blocchi personalizzabili secondo le diverse esigenze ed aggiungerli ai blocchi standard: inoltre sono stati aggiunti i tipi di dati complessi, come liste ed alberi, e possibilità computazionali più potenti (come ad esempio le funzioni ricorsive). L interfaccia di BYOB è praticamente identica a Scratch: Attualmente l ultima versione di BYOB è la 3.1.1, rilasciata il 19 maggio 2011, ed è anche l ultima eseguibile su macchina locale: la nuova versione, la 4.0 ha cambiato il nome e si chiama Snap! e può essere utilizzata solamente eseguendo i programmi nel browser. La grafica di Snap! risulta notevolmente differente: è molto più seria, tanto che il nuovo sprite è una freccia e non più Gobo, il simbolo di BYOB. 2 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 Noi abbiamo scelto di descrivere in questa lezione BYOB piuttosto che Snap! per il fatto di poter lavorare in locale, quindi senza l obbligo di avere una connessione Internet disponibile, e descriveremo solo i comandi comuni a Scratch, con il quale è perfettamente compatibile. Perché usare Scratch o Byob Scratch è un linguaggio estremamente semplice che offre possibilità limitate, viene usato per insegnare in tutti i livelli scolastici ed è rivolto ai più giovani come primo approccio all informatica, senza alcuna conoscenza dei linguaggi di programmazione. Le scelte dei progettisti del linguaggio sono state quelle di non introdurre strumenti più avanzati e raffinati di programmazione a un utente che non li avrebbe comunque utilizzati, come si può vedere navigando nel sito di Scratch e osservando i progetti caricati dagli utenti che nella maggioranza dei casi sono semplici animazioni o qualche gioco estremamente rudimentale senza sfruttare neppure tutte le potenzialità che il linguaggio offre. In Scratch si è posta molta attenzione a una grafica piacevole e alla interfaccia visuale in modo che l utente medio che non sa nulla di linguaggi di programmazione testuale può semplicemente realizzare le proprie applicazioni. Per gli utenti più esigenti o che comunque hanno già familiarità con la programmazione c è invece BYOB, che permette la realizzazione di blocchi personalizzati e consente una reale programmazione orientata agli oggetti e l utilizzo di strutture di dati complesse (quali liste e alberi) o tecniche di programmazione avanzata (funzioni ricorsive). Comunque la potenzialità di BYOB che viene maggiormente utilizzata dagli utenti è quella di realizzare dei blocchi personalizzati. Sia Scratch che BYOB sono strumenti con grandissime potenzialità nonché un ottimo modo per avvicinare i giovani alla programmazione: utilizzando un linguaggio visivo si unisce il vantaggio e la soddisfazione di vedere il proprio programma funzionare senza però utilizzare costrutti complicati, che quindi possono risultare poco chiari, soprattutto all inizio della carriera di programmatore. Noi, nel seguito, introdurremo BYOB per offrire tutte le potenzialità di questa famiglia di linguaggi nonché la piattaforma di sviluppo più completa e aggiornata: consigliamo comunque di non fermarsi a questi strumenti ma, una volta apprese le basi e fatto un po di pratica, è doveroso passare a un linguaggio di tipo testuale, come C o Pascal, che rimangono gli unici strumenti validi per diventare programmatori professionisti. Installazione di BYOB Mentre stiamo scrivendo queste lezioni è ancora disponibile la versione 3.1.1, scaricabile dall indirizzo http://byob.berkeley.edu/ (in fondo alla pagina, indicata come old version, dato che la nuova versione è divenuta Snap!) oppure dalla cartella materiali della sezione del sito www.hoepliscuola.it riservata a questo volume. P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 3
UdA 6 Dal problema al programma Scelto il sistema operativo, si avvia il download del programma di installazione (ad esempio BYOB 3.1.1 Setup.exe per tutte le versioni del sistema operativo windows) e lo si manda in esecuzione. Basta confermare quanto proposto nelle successive videate e l installazione avviene automaticamente: al suo termine il programma viene mandato in esecuzione e si presenta all utente la schermata prima anticipata, che verrà descritta in seguito. La prima operazione che consigliamo di effettuare è quella di selezionare l italiano come lingua di comunicazione, scegliendola dall elenco che viene proposto cliccando sull icona sotto evidenziata che rappresenta il mondo. Viene anche posizionata sul desktop l icona per l avviamento diretto: L icona rappresenta il padrone di casa di BYOB, l animaletto Gobo, che ha sostituito come mascotte il gatto precedente usato da Scratch: 4 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 L ambiente di lavoro All avvio la finestra di BYOB risulta essere composta da tre sezioni: a) b) c) a) la sezione di sinistra è suddivisa in due parti: nella parte superiore sono elencati i gruppi di istruzioni e controlli, individuabili per il loro colore; selezionando un gruppo dalla sezione superiore vengono presentati tutti i comandi disponili nella parte inferiore. b) la sezione di centrale è quella di lavoro ed è organizzata in tre tabelle: nella prima tabella si definiscono i programmi, che prendono il nome di Script; nella seconda si definiscono gli aspetti grafici, cioè si possono disegnare gli oggetti che verranno animati (Sprite), i diversi costumi che questi indosseranno durante le loro azioni oppure gli sfondi delle ambientazioni dello Stage dove gli Sprite prenderanno vita ; nella terza si possono creare o importare i suoni che si potranno associare agli Sprite (sono riconosciuti molti formati di immagini: JPG, BMP, PNG, GIF, incluse le GIF animate). Sopra le tabelle c è un area che contiene le informazioni sullo Sprite corrente, cioè quello che è stato selezionato e per il quale si stanno scrivendo gli Script. Area Informazioni Sprite L Area Informazioni Sprite mostra il nome dello Sprite selezionato, la sua posizione x-y, la sua direzione e il suo stato di blocco: se il lucchetto è sbloccato si può digitare all interno della casella per modificarne il nome. La direzione indica in quale direzione lo Sprite si muoverà quando eseguirà un blocco di movimento (0=su, 90=destra, 180=giù, -90=sinistra). La linea blu sull anteprima dello Sprite mostrata nell Area Informazioni indica graficamente la direzione corrente dello Sprite: è sufficiente trascinarla per modificarne la direzione ed un doppio click sullo Sprite la riporta nella direzione di partenza (direzione=90). Gli Sprite e gli Script a loro associati possono essere esportati per essere successivamente importati in un altro progetto. P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 5
UdA 6 Dal problema al programma Stile di rotazione Per definire lo Stile di Rotazione e controllare il modo in cui l immagine dello Sprite (in gergo chiamato costume, dato che uno Sprite può assumere diverse forme durante la sua esecuzione e quindi può cambiare costume ) si comporta quando lo Sprite cambia la propria direzione; si utilizzano i tre pulsanti laterali presenti nell Area Informazioni Sprite: ruota: il costume ruota quando lo Sprite cambia direzione; voltati a sinistra-destra: il costume si gira soltanto verso destra o verso sinistra; non ruotare: il costume non ruota mai. c) la sezione di destra è anch essa suddivisa in due parti: nella parte superiore avviene l esecuzione dello Script, cioè viene avviato e terminato il programma e si visualizzano i risultati dell elaborazione, mentre nella parte inferiore sono presentati tutti gli oggetti che ne fanno parte, dallo Stage agli Sprite. Menu La prima icona del menu superiore, come già abbiamo visto, è l icona della Lingua mentre la seconda icona (Salva ) permette di salvare il progetto per poi riprenderlo in seguito. Anche attraverso la tendina che viene visualizzata selezionando File è possibile salvare il progetto corrente ed anche assegnargli un nuovo nome: sono inoltre disponibili le opzioni per creare un nuovo progetto, aprire un progetto esistente o salvare i progetti nella cartella di BYOB o in altre posizioni. Completano il menu le opzioni Importa Progetto ed Esporta Sprite che vengono utilizzate per combinare insieme gli Sprite di progetti diversi. Il menu Modifica rende disponibili diverse possibilità per modificare il progetto corrente oltre ad alle opzioni che permettono di comprimere le immagini ed i suoni e di aggiungere blocchi personalizzati o per azionare il motore del Lego. Il menu Condividi permette di caricare il progetto sul sito web di BYOB. Il menu Aiuto permette di accedere al manuale di riferimento di oltre 35 pagine disponibile in formato pdf con la guida passo passo dalla realizzazione dei primi Script alle strutture più complesse. Nei menù sono presenti i link ai siti ufficiali di BYOB e Scratch dove è possibile recuperare altri tutorial, le risposte alle domande più frequenti e le schermate di aiuto che illustrano il funzionamento dei singoli blocchi. 6 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 Barra degli strumenti Sulla Barra degli Strumenti sono disponibili quattro icone che permettono di selezionare uno strumento che esegue una operazione su un oggetto del nostro progetto: duplica: duplica sprite, costumi, suoni, blocchi e script; cancella: cancella sprite, costumi, suoni, blocchi e script; espandi sprite: ingrandisce lo sprite; riduci sprite: riduce lo sprite. Cliccando su un qualunque punto vuoto dello schermo il cursore ritorna allo stato originario. Gli elementi di un programma Un programma BYOB può essere così descritto: è un insieme di Script che vengono associati ai singoli Sprite che si muovono all interno di uno Stage. Gli elementi fondamentali quindi sono: lo stage: è il palcoscenico dove si evolve il programma: ha dimensione 480 per 360 pixel e può essere semplicemente una fotografia che svolge un azione passiva di abbellimento oppure un disegno che interagisce con gli Sprite (ad esempio il percorso di un labirinto, i bordi di una pista per le biglie ecc.); gli sprite: sono i soggetti che eseguono le azioni, elencate negli Script; man mano che vengono selezionati tra quelli disponibili (oppure disegnati dall utente) sono collocati automaticamente nello Stage, pronti ad eseguire il programma a loro assegnato; P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 7
UdA 6 Dal problema al programma gli script: sono i veri e propri programmi, composti da una sequenza di azioni scelta dai menù dalla prima sezione, e possono essere di Movimento, di Controllo, di Suono, alcuni dei quali sono riportati nella successiva tabella a titolo di esempio. Per realizzare uno Script basta trascinare un comando dall area dei blocchi (tecnica drag and drop) alla sezione centrale e disporlo in colonna con gli altri, seguendo gli incastri, come si dispongono i mattoni delle costruzioni, partendo da due blocchi di controllo e cioè dal blocco di avvio e dal blocco di terminazione, come indicato nella successiva figura: Ad uno Sprite possono essere associati anche diversi Script, ciascuno dei quali può essere attivato da un particolare evento (ad esempio la digitazione di un particolare tasto) e che quindi ne può far modificare il comportamento. ESEMPIO Ad uno Sprite automobile ad esempio possiamo associare due Script: il primo che la fa muovere continuamente avanti ed indietro nello Stage; il secondo che alla pressione della barra spaziatrice gli fa suonare il clacson. 8 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 La figura seguente mostra un semplice programma completo dei tre componenti sopra indicati, cioè uno Sprite (ball) che continua a rimbalzare all interno dello Stage (muretto) con velocità indicata in 4 passi alla volta dal programma (Script): P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 9
UdA 6 Dal problema al programma nel dettaglio è evidenziato il semplice Script (il codice è nel file palla.ypr). Questo Script viene mandato in esecuzione cliccando la bandiera di avvio, o sul bordo superiore della videata oppure direttamente sul blocco dello Script. BYOB fornisce una ricca biblioteca di Stage, Sprite e Suoni ed inoltre offre la possibilità di aggiungere qualsiasi oggetto definito dall utente, garantendo in questo modo la massima flessibilità e permettendo di realizzare applicazioni anche di notevole complessità. Primo programma in BYOB Realizziamo una invasione di fantasmi sulla spiaggia di Malibù : cliccando sull icona che riportata una cartella nella sezione degli Sprite carichiamo tre fantasmi, come indicato in figura: recuperandoli dalla cartella Fantasy: Ci verranno posizionati nell area dello stage Selezioniamo ora Stage per definire lo sfondo della nostra applicazione: 10 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 Nella sezione centrale clicchiamo ora il bottone dalla tabella centrale e selezioniamo rispettivamente prima Background, quindi Nature ed infine il file beachmalibu che ci viene collocato come sfondo del nostro programma, come si può osservare in figura: Selezioniamo ora lo Sprite1 nella sezione degli Stage e clicchiamo il tasto nella prima sezione, quella dei comandi, in modo da visualizzare i controlli disponibili: trasciniamo nella sezione centrale il blocco che ci permette di avviare il programma (blocco di inizio) quello finale che ferma tutte le esecuzioni (blocco di terminazione) e un blocco che permette di effettuare in ripetizione un insieme di istruzioni (in questo caso 100 volte): Clicchiamo sempre dalla parte superiore della sezione di sinistra il menu dei blocchi di Movimento: e ne selezioniamo due, come indicato nella figura a lato, inserendoli nel blocco di ripetizione dopo aver modificato il valore proposto di default: P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 11
UdA 6 Dal problema al programma Avviamo l esecuzione dello Sprite cliccando sulla bandiera verde in alto a destra nella finestra della terza sezione ed il fantasma inizia a muoversi ma quando raggiunge il bordo della finestra si capovolge prima di ritornare indietro (il costume si ribalta ): si ovvia a questo contrattempo selezionando tra gli Stili di rotazione l icona sotto evidenziata, in modo da far tornare indietro il fantasma con lo stesso orientamento. Prova adesso! Scrittura di uno Script Esecuzione di uno Script Ripeti la stessa procedura per animare anche gli altri due Sprite, ad esempio con le istruzioni sotto riportate: per lo Sprite2: per lo Sprite3: Quindi avvia l esecuzione del programma facendo muovere uno ad uno i singoli Sprite. (Il codice completo è riportato nel file fantasmi.ypr). Arricchiamo lo Script Aggiungiamo degli effetti al nostro programma: per prima cosa un po di musica selezionando il bottone dal pannello dei controlli 12 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 e aggiungiamo allo Sprite3 il blocco che gli fa emettere un suono: il file musicale lo selezioniamo dalla cartella Suoni, cliccando sul pulsante Importa dove è possibile visionare la biblioteca di suoni disponibili, organizzati per tipologia: Dopo averne importato uno a piacere, ad esempio SpaceRipple, questo viene automaticamente inserito nei blocchi di riproduzione, come possiamo vedere nella colonna laterale, e a questo punto lo possiamo aggiungere nel nostro Script, ottenendo: Ora facciamo parlare lo Sprite2: dal pannello selezioniamo il blocco che visualizza un fumetto contenente una frase, ad esempio il classico verso dei fantasmi Haauuughh! e lo inseriamo all interno dello Script associato allo Sprite2: mandandolo in esecuzione, produce il seguente risultato: P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 13
UdA 6 Dal problema al programma Conclusioni La spiegazione completa di tutte le opzioni e le possibilità di BYOB o Scracth esulano dagli scopi di questo corso e, data la loro immediatezza e semplicità di utilizzo, la loro scoperta viene lasciata come approfondimento per il lettore, al quale proponiamo un insieme di esercizi suddivisi per tipologia e per complessità, riportando per ciascuno il codice completo in modo che possa confrontare il suo operato con la nostra soluzione. Nella lezione 2 abbiamo visto come scrivere semplici algoritmi e rappresentarli mediante i diagrammi di flusso: BYOB può essere un semplice (e comodo) strumento per implementarli così da permettere di verificarne la loro correttezza. Codifica in BYOB degli esercizi della lezione 2 Codifica esercizio di pagina 302 Linguaggio di progetto dell algoritmo inizio leggi la distanza in km leggi il consumo per km leggi il costo del carburante al litro esegui il calcolo del numero di litri consumati esegui il calcolo del costo giornaliero esegui il calcolo del costo settimanale comunica i risultati fine Codifica in BYOB 14 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 Per realizzare questo Script definiamo alcune Variabili che devono essere create nella apposita area prima della scrittura del codice: le operazioni matematiche vengono realizzate con i blocchi Operatori e la comunicazione attraverso la composizione di un blocco Aspetto con il blocco Operatori che consente l unione di due entità, che in questo caso sono una frase digitata direttamente nel blocco ed una variabile. Codifica esercizio di pagina 303 Linguaggio di progetto dell algoritmo inizio leggi il numero di telefono esegui accendi il telefono in modalità sms esegui scrivi il messaggio esegui componi il numero del destinatario esegui la trasmissione del messaggio mediante il tasto invio leggi l esito dell avvenuta trasmissione fine Codifica in BYOB Per realizzare questo Script definiamo due Variabili col nome di numerotelefono e messagio che devono essere create nella apposita area prima della scrittura del codice. Non sono state utilizzati blocchi che necessitano particolari osservazioni. Codifica alternativa P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 15
UdA 6 Dal problema al programma In questa variante abbiamo la comunicazione attraverso la composizione di un blocco Aspetto con il blocco Operatori che consente l unione di due entità, che in questo caso sono una digitata direttamente nel blocco e una variabile. Codifica esercizio di pagina 304 Linguaggio di progetto dell algoritmo inizio esegui il riempimento del primo secchio4 esegui il travaso nel secchio3: rimane 1 litro nel secchio4 esegui lo svuotamento del secchio3 esegui il travaso del litro presente nel secchio4 nel secchio3 esegui il riempimento del secchio4 esegui il travaso dal secchio4 al secchio3 fino al suo riempimento comunica che nel secchio4 litri rimangono i 2 litri richiesti fine Codifica in BYOB Per realizzare questo Script definiamo due Variabili col nome di secchio3 e secchio4 che devono essere create nella apposita area prima della scrittura del codice. Non sono state utilizzati blocchi che necessitano particolari osservazioni. 16 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 ABBIAMO IMPARATO CHE... Scratch e BYOB sono nuovi linguaggi di programmazione visuale per la didattica dell informatica, come completamento (o alternativa) alla codifica in pseudocodice degli algoritmi. Un programma BYOB può essere così descritto: un insieme di Script che vengono associati ai singoli Sprite che si muovono all interno di uno Stage. Gli Script sono i veri e propri programmi, composti da una sequenza di azioni distinte per tipologia all interno di otto menu, come ad esempio operazioni di Movimento, di Controllo, di Suono, Operatori ecc. BYOB permette di creare blocchi personalizzati che possono essere aggiunti a quelli standard partendo proprio da essi, offrendo quindi alcune caratteristiche della programmazione orientata agli oggetti. P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 17
UdA 6 Dal problema al programma Verifichiamo le competenze 1. Esercizi Acquisiamo le azioni di movimento 1 Moto rettilineo: predisponi quattro semplici script che rispettivamente: a) muovono lo Sprite in orizzontale avviandolo con lo start; b) posizionano al centro il gatto e gli fa emettere un miagolio alla pressione del tasto [a]; c) fanno ripetere avanzare di 30 pixel il gatto alla pressione del tasto [b], facendolo rimbalzare se tocca il bordo; d) Riposizionano al centro lo Sprite e fa ripetere per sempre il movimento di 10 passi con rimbalzo sul bordo; (Soluzione nel file 01_movimento_rettilineo.ypr ) 2 Controllo con le frecce: predisponi sei semplici script che rispettivamente: a) muovono lo Sprite in orizzontale verso destra di 10 pixel alla pressione del tasto[freccia destra]; b) muovono lo Sprite in orizzontale verso sinistra di 10 pixel alla pressione del tasto[freccia sinistra]; c) muovono lo Sprite in verticale verso l alto di 10 pixel alla pressione del tasto[freccia su]; d) muovono lo Sprite in verticale verso il basso di 10 pixel alla pressione del tasto [freccia giù]; e) riposizionano lo Sprite in posizione 0,0 alla pressione della barra spaziatrice facendolo scivolare e gli fanno emettere un miagolio quando ha raggiunto la posizione finale; f) cliccando sulla bandiera posizionano lo Sprite in base alla posizione del mouse sullo Stage. (Soluzione nel file 02_frecce.ypr ) 3 Rotazione: scrivi uno script che pulisce lo schermo e fa eseguire una capriola al gatto Scretch facendolo ruotare di 4 gradi per 90 volte. Alla fine fargli emettere un suono. (Soluzione nel file 03_rotazione.ypr ) 4 Disegna_cerchio: scrivi uno script che pulisce lo schermo e disegna un cerchio rosso alternando uno spostamento orizzontale di 2 pixel ed una rotazione di 1 grado (Soluzione nel file 04_disegna_cerchio.ypr ) 5 Controllo con le frecce: scrivi uno script che muove un drago a destra ed a sinistra rimbalzando sui bordi: altri due script lo fanno muovere in verticale a seconda del tasto premuto (freccia su o freccia giù); un ultimo script gli fa emettere del fuoco per un secondo se si preme la barra spaziatrice. (Soluzione nel file 05_drago_sputafuoco.ypr ) 6 Movimento condizionato: scrivi quattro script che muovono un pipistrello dentro una gabbia di lato 200 pixel seguendo la direzione indicata dalla pressione dei tasti con le frecce. Quando l animale raggiunge il bordo della gabbia viene posizionato sul bordo opposto in modo che possa nuovamente ripercorrere tutta la gabbia. (Soluzione nel file 06_dentro_la_gabbia.ypr ) Acquisiamo le azioni per modificare l aspetto 1 Animazione: realizza uno script che muova lo Sprite in orizzontale simulando l animazione (con due costumi) avviandolo con lo start. (Soluzione nel file 11_animazione.ypr ) 2 Animazione su sfondo: modifica lo Script precedente cambiando l ordine delle istruzioni ed inserendo uno Stage come sfondo. Inoltre visualizza sullo Stage i tre oggetti della tipologia movimento che visualizzano le coordinate dello Sprite mentre è in movimento. (Soluzione nel file 12_animazione.ypr ) 18 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014
Un ambiente visuale per la pseudocodifica: Scratch e BYOB Lezione 7 3 Animazione con click del mouse: realizza un programma composto da due Script, dove il primo Script fa muovere uno squalo nel fondo del mare all inseguimento del puntatore del mouse, mentre il secondo Script fa cambiare il costume (ad esempio facendo chiudere la bocca alla squalo) quando viene cliccato su di esso. (Soluzione nel file 13_squalo.ypr ) 4 Animazione con fumetto: realizza un programma composto da tre Script, dove il primo Script fa parlare un cane visualizzando un fumetto che dice come si comporterà cliccando il tasto [s] oppure il tasto [d]; quindi realizza due Script, rispettivamente azionati dalla pressione del tasto [s] e del tasto[d], che cambiamo il costume al cane e lo muovono di alcuni passi o a destra oppure a sinistra, modificando anche il contenuto del fumetto. (Soluzione nel file 14_fumetti_e_tasti.ypr ) 5 Modifica dimensione Script: realizza uno Script dove una automobile percorre una strada e man mano che si avvicina al bordo inferiore dello Stage aumenta la sua dimensione, creando appunto l effetto di animazione in avvicinamento. (Soluzione nel file 15_auto_in_corsa.ypr ) Impariamo a utilizzare i sensori 1 Controllo dei bordi: realizza uno script che muova uno Sprite (ad esempio una palla da tennis) nelle quattro direzioni in base alla pressione dei tasti [freccia su], [freccia giù], [freccia destra], [freccia sinistra] di alcuni passi e quando raggiunge il bordo dello Stage emette un suono, ad esempio uno suona una campana e si indica nel fumetto il nome del bordo che è stato raggiunto. (Soluzione nel file 21_sensori_bordo_Stage.ypr) 2 Controllo posizione del mouse: realizza uno script dove è presente uno Sprite che sente il puntatore del mouse, cioè non appena questo gli si posiziona sopra, gli fa cambiare di aspetto (ad esempio il solito drago che sputa fuoco quando gli si passa sopra ). (Soluzione nel file 22_sensori_mouse.ypr) 3 Controllo posizione dello sprite: realizza uno script dove sono presenti due Sprite, il primo che si muove casualmente nello Stage, il secondo che è fermo e quando viene toccato dal primo emette un messaggio e ferma l applicazione. (Soluzione nel file 23_sensori_sprite.ypr) 4 Controllo sui colori: realizza un disegno di un labirinto dove si colorano, ad esempio, i muri di verde e la strada di bianco, indicando in una estremità un traguardo con un diverso colore, ad esempio giallo. Muovi uno Sprite colorato di rosso all interno del labirinto utilizzando i tasti [freccia] facendo in modo che non possa attraversare i muri ed una volta raggiunto il traguardo emetta un messaggio di vittoria. (Soluzione nel file 24_labirinto.ypr) 5 Controllo sui colori e bordi: realizza un disegno di un autodromo dove una macchina rossa si muove autonomamente alla velocità di 2 passi e deve percorrere la pista bianca senza uscire sul prato, e se lo raggiunge si ferma: la direzione viene modificata con la pressione dei tasti [d] ed [s] e con lo spazio si fa avanzare di 2 passi nel caso di fuori pista. (Soluzione nel file 25_corsa_in_pista.ypr) P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014 19
UdA 6 Dal problema al programma 6 Input e output: realizza un semplice Script che indica al l utente di inserire un numero minore di 33, aspetta la risposta e nel caso che il numero inserito soddisfi le richieste segnala la correttezza altrimenti indica all utente che ha sbagliato l inserimento. (Soluzione nel file 26_input_e_output.ypr) Proponiamo un insieme di esercizi di difficoltà crescente 1 Disegnare un quadrato. 2 Disegnare un triangolo equilatero. 3 Disegnare un pentagono. 4 Disegnare un cerchio. 5 Disegnare un triangolo inscritto in una circonferenza. 6 Disegnare un ottagono inscritto in una circonferenza. 7 Esegui una canzone, come ad esempio l inno alla gioia, oppure Fra Martino, cambiando per ogni esecuzione lo strumento musicale. 8 Realizza una semplice lavagna dove la pressione del mouse fa scrivere una penna che ne segue anche il movimento: aggiungi un pulsante che quando viene premuto pulisce la lavagna. 9 Alla lavagna dell esercizio precedente aggiungi 4 pulsanti che permettono di cambiare il colore della penna che sta scrivendo. 10 Scrivi una programma che simula la corsa di due auto che si muovono in modo random fino a raggiungere il traguardo: quindi il vincitore indicando che ha vinto. 11 Alla corsa di automobili è possibile anche effettuare una scommessa: fai scegliere al giocatore su che colore scommettere e dopo la fine della gara comunicagli se ha vinto oppure a perso. 12 Scrivi un programma che pianta fiori in un prato : a ogni click del mouse, in quella posizione viene aggiunto un fiore in uno stage. Aggiungi un contatore che indica quanti fiori sono presenti nel prato. 13 Scrivi un programma che genera un numero nascoso compreso tra 1 e 100 e invita il giocatore ad indovinarlo: ad ogni tentativo gli fornisce un suggerimento, cioè se il numero inserito è troppo basso o troppo alto, fino a che il numero viene indovinato e visualizzando quanti tentativi sono stati effettuati. 14 Realizza il gioco del Pong, dove una pallina rimbalza sui muri e non deve cadere per terra: il giocatore ha disposizione un paddle gestito dal mouse per farla rimbalzare ed evitare che tocchi il pavimento. 15 Scrivi un programma che simula una nevicata: i fiocchi di neve scendono fluttuando nell aria fino a che raggiungono il suolo e si accumulano. 16 Disegna un labirinto dove una palina viene mossa dalle quattro frecce e deve raggiungere un buco posto in posizione opposta all inizio: quindi ad ogni successo si passa di livello con scenari sempre più difficili. Se all interno di un livello viene toccato per tre volte il bordo il gioco termina. 20 P. Camagni, R. Nikolassy TIC Office 2003 e Windows XP, Nuova Edizione OPENSCHOOL, Ulrico Hoepli Editore S.p.A. 2014