(musica)
Ciao! Benvenuti all'Ora del Codice di
App Inventor
Siamo al centro per il mobile learning
del MIT. Io sono Shay.
E io Emily. Oggi vi facciamo vedere come
costruire la vostra prima app Android
L'app di oggi si chiama "Parlami",
perché, beh, parla con te.
E' abbastanza semplice: Tu premi un bottone
e il telefono dice una frase ad alta voce.
>Benvenuti su App Inventor<
Puoi fargli dire qualsiasi cosa?
Più o meno!
Potrei divertirmi con questa!
Ok, cominciamo...
Parte 1: Creare un nuovo progetto
Per cominciare a costruire un'app,
cliccate sul pulsante "Create" dall'homepage
di App Inventor "appinventor.mit.edu"
Avete bisogno di un account Google
per fare il log in.
Potete chiudere la finestra per ora.
Quando entrate in App Inventor per la
prima volta non avete nessun progetto
Quindi cliccate su "New Project"
in alto a sinistra
La nostra prima App si chiama
"TalkToMe" o "Parlami"
I nomi dei progetti su App Inventor
non possono contenere spazi.
Ora siete nella finestra "design"
dove potete configurare i componenti
e l'aspetto della vostra app
Per la nostra app serve un componente
"button" (pulsante). Quindi, cliccate su
"Button" e trascinatelo sul viewer
Una delle cose più carine di App Inventor
è che si può vedere l'app sul telefono
mentre la si costruisce
Connettiamo il telefono, cosi possiamo
vedere l'app prendere forma e testarla al volo.
Se non avete un telefono o un tablet Android
potete lo stesso seguire questo tutorial.
Ma dovrete mettere in pausa questo video
e andare a leggere le istruzioni per far partire
un emulatore Android sul vostro computer.
Puoi trovare come si fa e trovare molte
altre informazioni utili cliccando su "Guide".
Parte 2: Connettere il telefono
Per avere il vostro telefono Android
connesso ad App Inventor, andate al menù
"Connect" (connetti) e scegli "Al Companion".
Dovete avere sul telefono o tablet
l'app "App Inventor Companion"
Se cliccate su
"Need help finding the companion app?"
Potete arrivare al Google Play store
per scaricare l'app
O scansionate il QR code con uno scanner
del vostro telefono oppure aprite il Play
store e cercate "MIT AI2 Companion".
OK, una volta installata l'app la dovete
avviare sul vostro telefono.
Se avete chiuso la finestra per la connessione
in App Inventor riapritela dal menù "Connect"
La finestra di connessione pop up mostra
un codice di sei caratteri e un QR code.
Sulla Companion App del telefono cliccate
"scan QR code".
Oppure potete scrivere il codice di sei
caratteri e cliccare su "connect with code"
Bene! Ora il telefono è connesso in tempo reale
con App Inventor! Dovreste vedere il pulsante
che abbiamo già aggiunto all'app.
Da adesso tutte le modifiche che farete
alla vostra app si vedranno direttamente
anche sul telefono
Sembra magia, vero? Se vi disconnettete da
App Inventor non vedrete più l'app sul telefono
Vedremo dopo come fare per far rimanere
l'app sul telefono o passarla agli amici.
Part 3: Creare l'app
Notate che sul pulsante che abbiamo aggiunto
c'è scritto "Text for Button1". Cambiamolo.
Sulla destra c'è il pannello delle proprietà (properties).
Qui è dove potete configurare le proprietà
per tutti i componenti della vostra app.
Per cambiare il testo che si vede sul pulsante,
cliccate su "Text" e scrivete "Parlami!"
(o "Talk to me!")
Notate che sul telefono connesso il testo
sul pulsante cambia. Forte, vero?
Bene. Abbiamo bisogno solo di un altro
componente prima di cominciare a
programmare.
Andate su "Media" e trascinate nel viewer
il componente "TextToSpeech"
Noterete che si sposta sotto con i
componenti non visibili. Abbiamo finito
con i componenti!
Ora dobbiamo specificare cosa dovrebbero
fare i componenti che abbiamo aggiunto.
Per fare questo clicchiamo su "Blocks" (blocchi).
Parte 4: Programmare i blocchi
E adesso siete nell'editor dei blocchi.
L'editor dei blocchi è dove si configura
il comportamento dell'app
Noi vogliamo che la nostra app risponda
al click sul pulsante
Andate su "Button1" e vedete tutti i
blocchi che possono andare con un pulsante
Scegliete "When Button1.Click" e
trascinatelo nell'area di lavoro
Ora dobbiamo incastrarci dentro i blocchi
per dire all'app cosa fare quando il
pulsante viene cliccato.
Andate sul componente TextToSpeech e
vedete tutti i blocchi che vanno con
TextToSpeech.
Trascina "call TextToSpeech1.Speak" nel
blocco "when Button1.Click"
Si incastrerà perfettamente con un click.
Amo quel suono!
Ora aggiungiamo ancora una cosa
prima di testare l'app.
Osservate che c'è un incastro vuoto.
Dobbiamo decidere cosa far dire al
blocco "Speak"
Per fare questo scegliete il blocco con il
testo vuoto (" ") dal menù "text" e
incastratelo nel TextToSpeach1.Speak
Un altro soddisfacente click
Ora cliccate sul blocco testo vuoto e
scrivete "Congratulazioni!
Avete realizzato la vostra prima app!"
Parte 5: Testare l'app
Ok, ora potete testare l'app! Andate sul
telefono e cliccate il pulsante.
>Congratulazioni! Avete realizzato
la vostra prima app!<
Se avete avuto qualche problema con questo
tutorial potete vedere anche la versione scritta.
E' tutto?
Ehm... sì...
Ok! A dopo!
Aspetta!
Pensavo che l'app fosse un po' più bella...
Pazienza, giovane! Ora che sappiamo come
usare App Inventor le possibilità
sono infinite!
Possiamo farlo rispondere alle scosse?
Sì
O lasciar inserire all'utente il proprio testo?
Certamente!
Lo faremo proprio nel prossimo video
Faremo in modo che il telefono parli
quando qualcuno lo scuote e che gli utenti
possano scegliere il loro testo.
Fantastico! Non vedo l'ora!
(musica)