LEZIONI E FORMAZIONE DAI DOCENTI PER I DOCENTI
Scopri WeTurtle, la community di educatori dove trovare e condividere risorse innovative
TUTORIAL - LA PALLA 8 MAGICA CON APP INVENTOR
In questo tutorial vedremo come realizzare con App Inventor 2, un’applicazione che simuli un semplice gioco, tipo Magic 8 Ball: fai una domanda alla palla, scuoti lo smartphone e ascolta la risposta!
by Luca Balestra
App Inventor 2
Tempo di lettura/visione: 4 min
Introduzione
In questo tutorial vedremo come realizzare con App Inventor 2, un’applicazione che simuli un semplice gioco, tipo Magic 8 Ball: fai una domanda alla palla, scuoti lo smartphone e ascolta la risposta!
Se prima di costruire l'applicazione ti vuoi divertire a fare domande ad una palla 8 magica online, prova quella che trovi a questo link!
Nel tutorial tratteremo questi aspetti:
Se prima di costruire l'applicazione ti vuoi divertire a fare domande ad una palla 8 magica online, prova quella che trovi a questo link!
Nel tutorial tratteremo questi aspetti:
- Step preliminari
- Progettazione dell’interfaccia grafica
- Stesura del codice
- Possibili sviluppi
- Pc
- App Inventor 2
- Smartphone Android con installata l'applicazione MIT AI2 Companion
- Rete Wi-Fi
Step preliminari
Per poter realizzare una nuova applicazione devi seguire questi step preliminari:
- collegati al sito https://appinventor.mit.edu/;
- clicca su Create Apps in alto ed esegui l’accesso tramite un account Gmail;
- clicca su My Projects in alto e poi su Start new project per passare ad una finestra dove inserire il nome del tuo progetto;
- conferma tramite il bottone OK per passare alla schermata della modalità Designer;
- utilizza questa schermata per realizzare la tua interfaccia grafica, trasferendo i componenti dalla Palette alla Viewer.
Registrati a WeTurtle per accedere ai vantaggi, è gratis!
La community di docenti e educatori ti offre:
Il corso gratuito "Collaborare a scuola con il digitale"
Un'area personalizzata con i tuoi contenuti preferiti
Una lezione di prova gratuita per ogni corso online
Dirette ed eventi dedicati agli utenti iscritti
Progettazione dell’interfaccia grafica
Prima di poter passare alla fase di stesura del codice, è indispensabile progettare la GUI (graphical user interface), ovvero l’interfaccia con cui desideri l’utente interagisca durante l’utilizzo dell’applicazione.
Al termine di questa fase, lo Screen1 avrà un aspetto simile a quello di figura 1.
Nella modalità Designer, hai bisogno dei seguenti componenti:
Al termine di questa fase, lo Screen1 avrà un aspetto simile a quello di figura 1.
Nella modalità Designer, hai bisogno dei seguenti componenti:
- un VerticalArrangement, che trovi nella sezione Layout (imposta Center nella proprietà AlighHorizontal, imposta Center nella proprietà AlignVertical, imposta Fill Parent nella proprietà Height, imposta Fill Parent nella proprietà Width);
- un Label, che trovi nella User Interface (trascinalo dentro il VerticalArrangement, rinominalo con Label_ISTRUZIONI, imposta 16 nella proprietà FontSize, imposta Fill Parent nella proprietà Width, scrivi “SCUOTIMI E AVRAI RISPOSTA AD OGNI TUA DOMANDA” nella proprietà Text, imposta Center nella proprietà TextAlignment);
- un Image, che trovi nella sezione User Interface (trascinalo dentro il VerticalArrangement sotto la Label, rinominalo Image_PALLA8, imposta Fill Parent nella proprietà Height, imposta Fill Parent nella proprietà Width, inserisci un’immagine nella proprietà Picture);
- un AccelerometerSensor (componente invisibile), che trovi nella sezione Sensors, e che permette di generare un evento dopo lo scuotimento dello smarthphone (imposta Weak nella proprietà Sensitivity);
- un TextToSpeech (componente invisibile), che trovi nella sezione Media, e che permette di utilizzare la sintesi vocale del sistema Android dello smartphone per pronunciare un testo (imposta ITA nella proprietà Country, imposta "it" nella proprietà Language).
Per inserire un’immagine nella proprietà Picture del componente Image_PALLA8:
- scarica da internet un’immagine della Magic 8 Ball e rinominala PALLA8_FRONTE;
- clicca sul bottone Upload File nella sezione Media, sotto la sezione Components;
- clicca sul bottone Sfoglia per aprire l’immagine e conferma tramite il bottone OK;
- seleziona l’immagine appena caricata nella proprietà Picture del componente Image_PALLA8.
Stesura del codice
Terminata la progettazione dell’interfaccia, non resta che scrivere il codice per definire il comportamento dei componenti inseriti.
Per prima cosa devi creare una variabile che tenga in memoria la risposta della Magic 8 Ball (figura 2):
Per prima cosa devi creare una variabile che tenga in memoria la risposta della Magic 8 Ball (figura 2):
- passa dunque alla modalità Blocks, cliccando sul bottone dedicato che trovi in alto a destra della schermata;
- trascina nella Viewer il blocco "initialize global name to", che trovi nella sezione Variables, e rinominalo “initialize global risposta to";
- inserisci di fianco al to un blocco “text string”, che trovi nella sezione Text.
Per implementare il comportamento dell’applicazione allo scuotimento dello smartphone (figura 3):
- trascina nella Viewer il blocco “when AccelerometerSensor1.Shaking do”, che trovi tra le funzionalità del componente AccelerometerSensor1;
- inserisci di fianco al do il blocco “set global risposta to”, che trovi nella sezione Variables;
- inserisci di fianco al to il blocco “pick a random item list”, che trovi nella sezione Lists;
- inserisci di fianco a list il blocco “make a list”, che trovi nella sezione Lists (per creare una lista di più elementi clicca sull’ingranaggio in alto a sinistra del blocco e trascina gli item che desideri sotto i due già presenti);
- completa il blocco “make a list” con dei blocchi “text string”, che trovi nella sezione Text, scrivendo al loro interno le risposte (per esempio puoi inserire le 20 risposte standard della Magic 8 Ball).
Per implementare la pronuncia della risposta (figura 4):
- inserisci il blocco “call TextTOSpeech1.Speak message”, che trovi tra le funzionalità del componente TextToSpeech1, all’interno dell’evento “when AccelerometerSensor1.Shaking do”;
- inserisci di fianco a message il blocco “get global risposta”, che trovi nella sezione Variables.
Possibili sviluppi
L’applicazione presenta dei possibili sviluppi:
A questo link puoi scaricare il file del gioco creato da noi.
- è possibile modificare il componente Image_PALLA8 inserendo un’altra immagine nella proprietà Picture (PALLA8_RETRO) e implementare in fase di programmazione un cambio di immagine quando la palla pronuncia la risposta;
- è possibile inserire nell’interfaccia grafica il componente Sound della sezione Media, caricare un file mp3 nella proprietà Source, e implementare in fase di programmazione l’esecuzione del file una volta che la palla ha pronunciato la risposta.
- è possibile inventare nuove divertenti risposte da inserire nella lista!
A questo link puoi scaricare il file del gioco creato da noi.
Riferimenti e links
Se vuoi maggiori informazioni o una consulenza o se vuoi far parte della famiglia We Turtle scrivi all'indirizzo email: info@weturtle.org
Per restare sempre aggiornato iscriviti alla piattaforma, segui We Turtle e TALENT su Facebook e iscriviti al nostro canale Youtube!
Per restare sempre aggiornato iscriviti alla piattaforma, segui We Turtle e TALENT su Facebook e iscriviti al nostro canale Youtube!
PROVA LA FORMAZIONE! UNA LEZIONE E' GRATIS
Ti interessa l'argomento Coding?
Fai il login e guarda gratuitamente la lezione di prova del corso
Creare app con App Inventor 2 - ID SOFIA: 48653
Vuoi leggere il tutorial quando vuoi, anche offline?
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 4.0 Italia.
AUTORE
Luca Balestra
Come gli ingranaggi hanno segnato l’infanzia di Seymour Papert, così i mattoncini Lego hanno segnato la mia. Tutto il tempo passato ad attaccarli e smontarli ha fatto nascere in me una grande curiosità...
AUTORE
Luca Balestra
Come gli ingranaggi hanno segnato l’infanzia di Seymour Papert, così i mattoncini Lego hanno segnato la mia. Tutto il tempo passato ad attaccarli e smontarli ha fatto nascere in me una grande curiosità...
Scopri i corsi di formazione di WeTurtle
Scelto
per te
59.00€
Didattica Digitale
Roberto Faloppi
