[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:02.11,0:00:11.94,Default,,0000,0000,0000,,(musica) Dialogue: 0,0:00:11.94,0:00:15.40,Default,,0000,0000,0000,,Ciao! Benvenuti all'Ora del Codice di \NApp Inventor Dialogue: 0,0:00:15.40,0:00:18.52,Default,,0000,0000,0000,,Siamo al centro per il mobile learning \Ndel MIT. Io sono Shay. Dialogue: 0,0:00:18.52,0:00:21.93,Default,,0000,0000,0000,,E io Emily. Oggi vi facciamo vedere come \Ncostruire la vostra prima app Android Dialogue: 0,0:00:21.93,0:00:24.100,Default,,0000,0000,0000,,L'app di oggi si chiama "Parlami", \Nperché, beh, parla con te. Dialogue: 0,0:00:25.09,0:00:28.78,Default,,0000,0000,0000,,E' abbastanza semplice: Tu premi un bottone \Ne il telefono dice una frase ad alta voce. Dialogue: 0,0:00:29.68,0:00:31.28,Default,,0000,0000,0000,,>Benvenuti su App Inventor< Dialogue: 0,0:00:31.70,0:00:33.11,Default,,0000,0000,0000,,Puoi fargli dire qualsiasi cosa? Dialogue: 0,0:00:33.11,0:00:34.12,Default,,0000,0000,0000,,Più o meno! Dialogue: 0,0:00:34.14,0:00:36.34,Default,,0000,0000,0000,,Potrei divertirmi con questa! Dialogue: 0,0:00:36.37,0:00:37.92,Default,,0000,0000,0000,,Ok, cominciamo... Dialogue: 0,0:00:37.94,0:00:40.22,Default,,0000,0000,0000,,Parte 1: Creare un nuovo progetto Dialogue: 0,0:00:40.62,0:00:48.50,Default,,0000,0000,0000,,Per cominciare a costruire un'app, \Ncliccate sul pulsante "Create" dall'homepage \Ndi App Inventor "appinventor.mit.edu" Dialogue: 0,0:00:48.68,0:00:56.16,Default,,0000,0000,0000,,Avete bisogno di un account Google \Nper fare il log in. Dialogue: 0,0:00:57.12,0:00:59.04,Default,,0000,0000,0000,,Potete chiudere la finestra per ora. Dialogue: 0,0:00:59.04,0:01:03.50,Default,,0000,0000,0000,,Quando entrate in App Inventor per la \Nprima volta non avete nessun progetto Dialogue: 0,0:01:03.66,0:01:06.35,Default,,0000,0000,0000,,Quindi cliccate su "New Project" \Nin alto a sinistra Dialogue: 0,0:01:06.88,0:01:09.43,Default,,0000,0000,0000,,La nostra prima App si chiama \N"TalkToMe" o "Parlami" Dialogue: 0,0:01:09.43,0:01:14.52,Default,,0000,0000,0000,,I nomi dei progetti su App Inventor \Nnon possono contenere spazi. Dialogue: 0,0:01:15.39,0:01:19.81,Default,,0000,0000,0000,,Ora siete nella finestra "design" \Ndove potete configurare i componenti \Ne l'aspetto della vostra app Dialogue: 0,0:01:19.81,0:01:25.82,Default,,0000,0000,0000,,Per la nostra app serve un componente\N"button" (pulsante). Quindi, cliccate su \N"Button" e trascinatelo sul viewer Dialogue: 0,0:01:26.06,0:01:31.90,Default,,0000,0000,0000,,Una delle cose più carine di App Inventor \Nè che si può vedere l'app sul telefono \Nmentre la si costruisce Dialogue: 0,0:01:32.06,0:01:36.52,Default,,0000,0000,0000,,Connettiamo il telefono, cosi possiamo \Nvedere l'app prendere forma e testarla al volo. Dialogue: 0,0:01:36.52,0:01:41.65,Default,,0000,0000,0000,,Se non avete un telefono o un tablet Android \Npotete lo stesso seguire questo tutorial. Dialogue: 0,0:01:41.69,0:01:47.82,Default,,0000,0000,0000,,Ma dovrete mettere in pausa questo video \Ne andare a leggere le istruzioni per far partire \Nun emulatore Android sul vostro computer. Dialogue: 0,0:01:47.95,0:01:53.77,Default,,0000,0000,0000,,Puoi trovare come si fa e trovare molte \Naltre informazioni utili cliccando su "Guide". Dialogue: 0,0:01:54.25,0:01:56.95,Default,,0000,0000,0000,,Parte 2: Connettere il telefono Dialogue: 0,0:01:57.00,0:02:04.56,Default,,0000,0000,0000,,Per avere il vostro telefono Android \Nconnesso ad App Inventor, andate al menù \N"Connect" (connetti) e scegli "Al Companion". Dialogue: 0,0:02:04.74,0:02:11.26,Default,,0000,0000,0000,,Dovete avere sul telefono o tablet \Nl'app "App Inventor Companion" Dialogue: 0,0:02:11.26,0:02:14.85,Default,,0000,0000,0000,,Se cliccate su \N"Need help finding the companion app?" Dialogue: 0,0:02:14.92,0:02:18.95,Default,,0000,0000,0000,,Potete arrivare al Google Play store \Nper scaricare l'app Dialogue: 0,0:02:18.95,0:02:30.45,Default,,0000,0000,0000,,O scansionate il QR code con uno scanner \Ndel vostro telefono oppure aprite il Play \Nstore e cercate "MIT AI2 Companion". Dialogue: 0,0:02:30.52,0:02:37.83,Default,,0000,0000,0000,,OK, una volta installata l'app la dovete \Navviare sul vostro telefono. Dialogue: 0,0:02:40.35,0:02:47.58,Default,,0000,0000,0000,,Se avete chiuso la finestra per la connessione\Nin App Inventor riapritela dal menù "Connect" Dialogue: 0,0:02:47.58,0:02:52.17,Default,,0000,0000,0000,,La finestra di connessione pop up mostra \Nun codice di sei caratteri e un QR code. Dialogue: 0,0:02:53.09,0:02:58.27,Default,,0000,0000,0000,,Sulla Companion App del telefono cliccate \N"scan QR code". Dialogue: 0,0:03:03.08,0:03:10.28,Default,,0000,0000,0000,,Oppure potete scrivere il codice di sei \Ncaratteri e cliccare su "connect with code" Dialogue: 0,0:03:11.06,0:03:18.24,Default,,0000,0000,0000,,Bene! Ora il telefono è connesso in tempo reale\Ncon App Inventor! Dovreste vedere il pulsante\Nche abbiamo già aggiunto all'app. Dialogue: 0,0:03:18.36,0:03:23.48,Default,,0000,0000,0000,,Da adesso tutte le modifiche che farete \Nalla vostra app si vedranno direttamente \Nanche sul telefono Dialogue: 0,0:03:23.50,0:03:29.78,Default,,0000,0000,0000,,Sembra magia, vero? Se vi disconnettete da\NApp Inventor non vedrete più l'app sul telefono Dialogue: 0,0:03:29.95,0:03:37.64,Default,,0000,0000,0000,,Vedremo dopo come fare per far rimanere \Nl'app sul telefono o passarla agli amici. Dialogue: 0,0:03:39.37,0:03:41.71,Default,,0000,0000,0000,,Part 3: Creare l'app Dialogue: 0,0:03:42.12,0:03:47.29,Default,,0000,0000,0000,,Notate che sul pulsante che abbiamo aggiunto\Nc'è scritto "Text for Button1". Cambiamolo. Dialogue: 0,0:03:47.63,0:03:54.47,Default,,0000,0000,0000,,Sulla destra c'è il pannello delle proprietà (properties). \NQui è dove potete configurare le proprietà \Nper tutti i componenti della vostra app. Dialogue: 0,0:03:54.65,0:04:01.14,Default,,0000,0000,0000,,Per cambiare il testo che si vede sul pulsante, \Ncliccate su "Text" e scrivete "Parlami!" \N(o "Talk to me!") Dialogue: 0,0:04:01.35,0:04:06.84,Default,,0000,0000,0000,,Notate che sul telefono connesso il testo\Nsul pulsante cambia. Forte, vero? Dialogue: 0,0:04:09.27,0:04:14.29,Default,,0000,0000,0000,,Bene. Abbiamo bisogno solo di un altro \Ncomponente prima di cominciare a \Nprogrammare. Dialogue: 0,0:04:14.44,0:04:22.54,Default,,0000,0000,0000,,Andate su "Media" e trascinate nel viewer \Nil componente "TextToSpeech" Dialogue: 0,0:04:22.72,0:04:28.58,Default,,0000,0000,0000,,Noterete che si sposta sotto con i \Ncomponenti non visibili. Abbiamo finito \Ncon i componenti! Dialogue: 0,0:04:28.75,0:04:35.36,Default,,0000,0000,0000,,Ora dobbiamo specificare cosa dovrebbero \Nfare i componenti che abbiamo aggiunto. \NPer fare questo clicchiamo su "Blocks" (blocchi). Dialogue: 0,0:04:37.06,0:04:39.88,Default,,0000,0000,0000,,Parte 4: Programmare i blocchi Dialogue: 0,0:04:40.04,0:04:41.78,Default,,0000,0000,0000,,E adesso siete nell'editor dei blocchi. Dialogue: 0,0:04:41.96,0:04:47.22,Default,,0000,0000,0000,,L'editor dei blocchi è dove si configura\Nil comportamento dell'app Dialogue: 0,0:04:47.37,0:04:50.46,Default,,0000,0000,0000,,Noi vogliamo che la nostra app risponda\Nal click sul pulsante Dialogue: 0,0:04:50.66,0:04:54.73,Default,,0000,0000,0000,,Andate su "Button1" e vedete tutti i \Nblocchi che possono andare con un pulsante Dialogue: 0,0:04:54.88,0:04:58.33,Default,,0000,0000,0000,,Scegliete "When Button1.Click" e \Ntrascinatelo nell'area di lavoro Dialogue: 0,0:04:58.44,0:05:03.14,Default,,0000,0000,0000,,Ora dobbiamo incastrarci dentro i blocchi \Nper dire all'app cosa fare quando il \Npulsante viene cliccato. Dialogue: 0,0:05:03.38,0:05:09.41,Default,,0000,0000,0000,,Andate sul componente TextToSpeech e \Nvedete tutti i blocchi che vanno con \NTextToSpeech. Dialogue: 0,0:05:09.42,0:05:16.38,Default,,0000,0000,0000,,Trascina "call TextToSpeech1.Speak" nel \Nblocco "when Button1.Click" Dialogue: 0,0:05:15.65,0:05:21.08,Default,,0000,0000,0000,,Si incastrerà perfettamente con un click. \NAmo quel suono! Dialogue: 0,0:05:21.23,0:05:24.100,Default,,0000,0000,0000,,Ora aggiungiamo ancora una cosa \Nprima di testare l'app. Dialogue: 0,0:05:25.08,0:05:30.02,Default,,0000,0000,0000,,Osservate che c'è un incastro vuoto. \NDobbiamo decidere cosa far dire al \Nblocco "Speak" Dialogue: 0,0:05:30.03,0:05:41.24,Default,,0000,0000,0000,,Per fare questo scegliete il blocco con il\Ntesto vuoto (" ") dal menù "text" e \Nincastratelo nel TextToSpeach1.Speak Dialogue: 0,0:05:41.38,0:05:43.61,Default,,0000,0000,0000,,Un altro soddisfacente click Dialogue: 0,0:05:43.68,0:05:51.29,Default,,0000,0000,0000,,Ora cliccate sul blocco testo vuoto e \Nscrivete "Congratulazioni! \NAvete realizzato la vostra prima app!" Dialogue: 0,0:05:52.15,0:05:54.22,Default,,0000,0000,0000,,Parte 5: Testare l'app Dialogue: 0,0:05:54.23,0:05:57.89,Default,,0000,0000,0000,,Ok, ora potete testare l'app! Andate sul \Ntelefono e cliccate il pulsante. Dialogue: 0,0:05:58.22,0:06:00.49,Default,,0000,0000,0000,,>Congratulazioni! Avete realizzato \Nla vostra prima app!< Dialogue: 0,0:06:00.81,0:06:04.65,Default,,0000,0000,0000,,Se avete avuto qualche problema con questo\Ntutorial potete vedere anche la versione scritta. Dialogue: 0,0:06:04.76,0:06:07.08,Default,,0000,0000,0000,,E' tutto?\NEhm... sì... Dialogue: 0,0:06:07.08,0:06:08.50,Default,,0000,0000,0000,,Ok! A dopo! Dialogue: 0,0:06:08.65,0:06:09.63,Default,,0000,0000,0000,,Aspetta! Dialogue: 0,0:06:09.90,0:06:13.75,Default,,0000,0000,0000,,Pensavo che l'app fosse un po' più bella... Dialogue: 0,0:06:13.92,0:06:18.95,Default,,0000,0000,0000,,Pazienza, giovane! Ora che sappiamo come \Nusare App Inventor le possibilità \Nsono infinite! Dialogue: 0,0:06:19.11,0:06:21.60,Default,,0000,0000,0000,,Possiamo farlo rispondere alle scosse?\NSì Dialogue: 0,0:06:21.60,0:06:23.76,Default,,0000,0000,0000,,O lasciar inserire all'utente il proprio testo?\NCertamente! Dialogue: 0,0:06:24.20,0:06:27.23,Default,,0000,0000,0000,,Lo faremo proprio nel prossimo video Dialogue: 0,0:06:27.29,0:06:32.65,Default,,0000,0000,0000,,Faremo in modo che il telefono parli \Nquando qualcuno lo scuote e che gli utenti\Npossano scegliere il loro testo. Dialogue: 0,0:06:32.76,0:06:34.33,Default,,0000,0000,0000,,Fantastico! Non vedo l'ora! Dialogue: 0,0:06:34.33,0:06:43.82,Default,,0000,0000,0000,,(musica)