0:00:02.110,0:00:11.945
(musica)

0:00:11.945,0:00:15.395
Ciao! Benvenuti all'Ora del Codice di [br]App Inventor

0:00:15.395,0:00:18.525
Siamo al centro per il mobile learning [br]del MIT. Io sono Shay.

0:00:18.525,0:00:21.930
E io Emily. Oggi vi facciamo vedere come [br]costruire la vostra prima app Android

0:00:21.930,0:00:24.996
L'app di oggi si chiama "Parlami", [br]perché, beh, parla con te.

0:00:25.090,0:00:28.783
E' abbastanza semplice: Tu premi un bottone [br]e il telefono dice una frase ad alta voce.

0:00:29.683,0:00:31.280
>Benvenuti su App Inventor<

0:00:31.704,0:00:33.110
Puoi fargli dire qualsiasi cosa?

0:00:33.110,0:00:34.120
Più o meno!

0:00:34.140,0:00:36.340
Potrei divertirmi con questa!

0:00:36.370,0:00:37.920
Ok, cominciamo...

0:00:37.938,0:00:40.218
Parte 1: Creare un nuovo progetto

0:00:40.618,0:00:48.503
Per cominciare a costruire un'app, [br]cliccate sul pulsante "Create" dall'homepage [br]di App Inventor "appinventor.mit.edu"

0:00:48.682,0:00:56.162
Avete bisogno di un account Google [br]per fare il log in.

0:00:57.122,0:00:59.042
Potete chiudere la finestra per ora.

0:00:59.043,0:01:03.497
Quando entrate in App Inventor per la [br]prima volta non avete nessun progetto

0:01:03.663,0:01:06.351
Quindi cliccate su "New Project" [br]in alto a sinistra

0:01:06.875,0:01:09.432
La nostra prima App si chiama [br]"TalkToMe" o "Parlami"

0:01:09.432,0:01:14.518
I nomi dei progetti su App Inventor [br]non possono contenere spazi.

0:01:15.388,0:01:19.813
Ora siete nella finestra "design" [br]dove potete configurare i componenti [br]e l'aspetto della vostra app

0:01:19.813,0:01:25.819
Per la nostra app serve un componente[br]"button" (pulsante). Quindi, cliccate su [br]"Button" e trascinatelo sul viewer

0:01:26.065,0:01:31.896
Una delle cose più carine di App Inventor [br]è che si può vedere l'app sul telefono [br]mentre la si costruisce

0:01:32.059,0:01:36.515
Connettiamo il telefono, cosi possiamo [br]vedere l'app prendere forma e testarla al volo.

0:01:36.515,0:01:41.654
Se non avete un telefono o un tablet Android [br]potete lo stesso seguire questo tutorial.

0:01:41.687,0:01:47.819
Ma dovrete mettere in pausa questo video [br]e andare a leggere le istruzioni per far partire [br]un emulatore Android sul vostro computer.

0:01:47.948,0:01:53.766
Puoi trovare come si fa e trovare molte [br]altre informazioni utili cliccando su "Guide".

0:01:54.247,0:01:56.954
Parte 2: Connettere il telefono

0:01:57.003,0:02:04.565
Per avere il vostro telefono Android [br]connesso ad App Inventor, andate al menù [br]"Connect" (connetti) e scegli "Al Companion".

0:02:04.735,0:02:11.257
Dovete avere sul telefono o tablet [br]l'app "App Inventor Companion"

0:02:11.257,0:02:14.854
Se cliccate su [br]"Need help finding the companion app?"

0:02:14.924,0:02:18.954
Potete arrivare al Google Play store [br]per scaricare l'app

0:02:18.954,0:02:30.450
O scansionate il QR code con uno scanner [br]del vostro telefono oppure aprite il Play [br]store e cercate "MIT AI2 Companion".

0:02:30.515,0:02:37.832
OK, una volta installata l'app la dovete [br]avviare sul vostro telefono.

0:02:40.348,0:02:47.582
Se avete chiuso la finestra per la connessione[br]in App Inventor riapritela dal menù "Connect"

0:02:47.582,0:02:52.170
La finestra di connessione pop up mostra [br]un codice di sei caratteri e un QR code.

0:02:53.089,0:02:58.268
Sulla Companion App del telefono cliccate [br]"scan QR code".

0:03:03.078,0:03:10.276
Oppure potete scrivere il codice di sei [br]caratteri e cliccare su "connect with code"

0:03:11.056,0:03:18.244
Bene! Ora il telefono è connesso in tempo reale[br]con App Inventor! Dovreste vedere il pulsante[br]che abbiamo già aggiunto all'app.

0:03:18.359,0:03:23.479
Da adesso tutte le modifiche che farete [br]alla vostra app si vedranno direttamente [br]anche sul telefono

0:03:23.504,0:03:29.776
Sembra magia, vero? Se vi disconnettete da[br]App Inventor non vedrete più l'app sul telefono

0:03:29.951,0:03:37.636
Vedremo dopo come fare per far rimanere [br]l'app sul telefono o passarla agli amici.

0:03:39.370,0:03:41.710
Part 3: Creare l'app

0:03:42.119,0:03:47.289
Notate che sul pulsante che abbiamo aggiunto[br]c'è scritto "Text for Button1". Cambiamolo.

0:03:47.628,0:03:54.468
Sulla destra c'è il pannello delle proprietà (properties). [br]Qui è dove potete configurare le proprietà [br]per tutti i componenti della vostra app.

0:03:54.651,0:04:01.144
Per cambiare il testo che si vede sul pulsante, [br]cliccate su "Text" e scrivete "Parlami!" [br](o "Talk to me!")

0:04:01.354,0:04:06.837
Notate che sul telefono connesso il testo[br]sul pulsante cambia. Forte, vero?

0:04:09.273,0:04:14.293
Bene. Abbiamo bisogno solo di un altro [br]componente prima di cominciare a [br]programmare.

0:04:14.442,0:04:22.539
Andate su "Media" e trascinate nel viewer [br]il componente "TextToSpeech"

0:04:22.715,0:04:28.578
Noterete che si sposta sotto con i [br]componenti non visibili. Abbiamo finito [br]con i componenti!

0:04:28.748,0:04:35.356
Ora dobbiamo specificare cosa dovrebbero [br]fare i componenti che abbiamo aggiunto. [br]Per fare questo clicchiamo su "Blocks" (blocchi).

0:04:37.058,0:04:39.879
Parte 4: Programmare i blocchi

0:04:40.039,0:04:41.782
E adesso siete nell'editor dei blocchi.

0:04:41.958,0:04:47.220
L'editor dei blocchi è dove si configura[br]il comportamento dell'app

0:04:47.371,0:04:50.461
Noi vogliamo che la nostra app risponda[br]al click sul pulsante

0:04:50.657,0:04:54.728
Andate su "Button1" e vedete tutti i [br]blocchi che possono andare con un pulsante

0:04:54.880,0:04:58.331
Scegliete "When Button1.Click" e [br]trascinatelo nell'area di lavoro

0:04:58.439,0:05:03.136
Ora dobbiamo incastrarci dentro i blocchi [br]per dire all'app cosa fare quando il [br]pulsante viene cliccato.

0:05:03.378,0:05:09.409
Andate sul componente TextToSpeech e [br]vedete tutti i blocchi che vanno con [br]TextToSpeech.

0:05:09.418,0:05:16.381
Trascina "call TextToSpeech1.Speak" nel [br]blocco "when Button1.Click"

0:05:15.653,0:05:21.075
Si incastrerà perfettamente con un click. [br]Amo quel suono!

0:05:21.230,0:05:24.997
Ora aggiungiamo ancora una cosa [br]prima di testare l'app.

0:05:25.085,0:05:30.021
Osservate che c'è un incastro vuoto. [br]Dobbiamo decidere cosa far dire al [br]blocco "Speak"

0:05:30.028,0:05:41.236
Per fare questo scegliete il blocco con il[br]testo vuoto (" ") dal menù "text" e [br]incastratelo nel TextToSpeach1.Speak

0:05:41.376,0:05:43.610
Un altro soddisfacente click

0:05:43.683,0:05:51.291
Ora cliccate sul blocco testo vuoto e [br]scrivete "Congratulazioni! [br]Avete realizzato la vostra prima app!"

0:05:52.153,0:05:54.216
Parte 5: Testare l'app

0:05:54.226,0:05:57.894
Ok, ora potete testare l'app! Andate sul [br]telefono e cliccate il pulsante.

0:05:58.225,0:06:00.493
>Congratulazioni! Avete realizzato [br]la vostra prima app!<

0:06:00.807,0:06:04.651
Se avete avuto qualche problema con questo[br]tutorial potete vedere anche la versione scritta.

0:06:04.762,0:06:07.084
E' tutto?[br]Ehm... sì...

0:06:07.084,0:06:08.502
Ok! A dopo!

0:06:08.646,0:06:09.630
Aspetta!

0:06:09.903,0:06:13.751
Pensavo che l'app fosse un po' più bella...

0:06:13.924,0:06:18.954
Pazienza, giovane! Ora che sappiamo come [br]usare App Inventor le possibilità [br]sono infinite!

0:06:19.112,0:06:21.597
Possiamo farlo rispondere alle scosse?[br]Sì

0:06:21.597,0:06:23.756
O lasciar inserire all'utente il proprio testo?[br]Certamente!

0:06:24.204,0:06:27.227
Lo faremo proprio nel prossimo video

0:06:27.287,0:06:32.652
Faremo in modo che il telefono parli [br]quando qualcuno lo scuote e che gli utenti[br]possano scegliere il loro testo.

0:06:32.757,0:06:34.327
Fantastico! Non vedo l'ora!

0:06:34.333,0:06:43.820
(musica)