
Italian: 
(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.

Spanish: 
Hola: ¡bienvenidos a la "Hora de Código de App Inventor!
Estamos aquí, en el centro de aprendizaje de móviles del MIT
Me llamo Shay y yo soy Emily.
Hoy vamos a aprender a crear nuestra primera app para Android
La primera App se llamará "Talk to me" porque ... ¡va a hablar contigo!
Es bastante simple: pulsas un botón y el móvil te dice una frase en voz alta.
"Welcome to App Ïnventor !"
¿Puedes hacer que diga lo que tú quieras?
Así es. ¡Me parece que va a ser divertido!
Está bien, vamos a empezar
Para construir tu primera App, haz clic en el botón "Crear" de la página de inicio de App Inventor
http://appinventor.mit.edu
Necesitarás una cuenta de Google para loguearte:
Puede ser una cuenta de correo de Gmail
Puedes ignorar por el momento la ventana con el popup de momento

English: 
Hi, welcome to App Inventor's Hour of Code.
We're here at the MIT Center for Mobile Learning. I'm Shay.
And I'm Emily. Today
we're going to show you how to build
your first Android app.
Today's app is called "Talk To Me" because well, it talks
to you. It's quite simple. You press a
button and the phone speaks a phrase out loud.
Welcome to App Inventor
Can you
make it say anything?
Pretty much.
I could have fun with this one.
Okay, let's get
started.
To get started building an app, click the
"Create" button from the App Inventor home
page; http://appinventor.mit.edu/. You'll need a
Google account to log in. This can be a
Gmail account or a school account if
your school uses Google Apps for

Spanish: 
Cuando entres a App Inventor la primera vez, no tendrás ningún proyecto
Tendrás que hacer click en "New Project" en el menú de la parte superior
Nuestra primera App se llama "Talk to me"
Los nombres de proyecto en App inventor NO pueden tener espacios, así que escrite "TalkToMe" sin espacios
Entrarás en la ventana de diseño en la que puedes añadir los componentes que determinan el aspecto de tu App
Nuestra App va a necesitar un botón, así que busca uno en la columna de la izquierda y arrástralo al  visor.
Una de las cosas más sorprendentes de App Inventor es que puedes ver la aplicación en el móvil a la vez que la diseñas
Vamos a conectar el móvil para que puedas ver la forma que va tomando tu App
y probar su funcionamiento a la vez.
Si no tienes un dispositivo con Android, también puedes seguir este tutorial,
pero tendrás que darle al pause y buscar las instrucciones para ejecutar un emulador de Android.
Podrás aprender eso y muchas otras cosas de interés haciendo clic en "Guía".

English: 
Education. You can dismiss this splash
screen for now. When you go into App
Inventor for the first time, you won't
have any projects, so click "New Project"
in the upper left. Our first app is
called "Talk To Me." App Inventor project
names can't have spaces so type in "TalkToMe" with no spaces. Now you're in the
design window where you can set up the
components and the layout of your app.
Our app needs a button component so
click on "Button" and then drag it over to
the viewer and then drop it. One of the
neatest things about App Inventor is
that you can see your app on your phone
while you're building it. Let's get your
phone connected so that you can see the
app take shape and test it out as you go.
Now, if you don't have an Android phone
or tablet you can still do this tutorial
but you'll need to pause this video and go read the instructions for starting an Android emulator on your computer.
You can find out how to do that and also get lots of other helpful information by clicking on "Guide."
Now to get your

Italian: 
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

Italian: 
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".

English: 
Android phone connected to App Inventor,
go up to the Connect menu and choose "AI
Companion". You'll need to have the App
Inventor Companion app on your phone or
tablet. It's very easy to do this. Just
click on "Need help finding the Companion
App?" This takes you to the Google Play
Store to download the app. The easiest
thing to do is to open a QR code reader
on your phone and scan the QR code. You
could also go to the Play Store and
search for "MIT AI2 Companion".
Okay. So once
you've gotten the MIT AI2 Companion app
installed, you'll need to start it up on your phone.
If you've closed the
connection window in App Inventor click
once again on the Connect menu and
choose "AI Companion". The connection
window that pops up shows you a six
character code and a QR code.
On the Companion app on your phone, click
the button "scan QR code".

Spanish: 
Para conectar tu móvil Android con App Inventor,
Vete a "Conectar" en el menú de arriba y elige "AI Companion"
Necesitarás instalar previamente la app "MIT AI2 Companion" en tu móvil o tablet.
Es muy sencillo: haz clic en el enlace "Need help finding the companion app?"
Te llevará a la tienda de "Google Play" para que instales la App para Android.
Aunque lo más sencillo sería leer el código QR con un scanner de códigos QR en tu móvil
También puedes instalarlo directamente desde la tienda de Android buscando "MIT AI2 Companion".
¡Bien! Una vez que ya tengas la app "MIT AI2 Companion" instalada en tu móvil,
tendrás que ejecutarla en tu móvil.
Si se nos cierra la ventana de conexión en App Inventor,
puedes abrirla de nuevo desde el menú "Conectar" y  la opción "AI Companion".
Aparecerá una ventana con un código de 6 caracteres y un código QR.
Ahora, desde tu móvil, presiona el botón "Scan QR code"

Italian: 
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.

Spanish: 
Si tu móvil no tiene cámara, puedes teclear el código de 6 caracteres y pulsar el botón "connect with code".
¡Estupendo! Ahora tu móvil está conectado en tiempo real con App Inventor.
Deberías ver en tu móvil el botón que habíamos añadido a nuestra App.
A partir de ahora, todos los cambios que realices en tu app se podrán ver simultáneamente en tu móvil.
¿Parece cosa de magia, verdad?
Pero ten en cuenta que si nos desconectáramos de App Inventor, ya no podríamos ver la App en el móvil.
Para que la App esté permanentemente en el móvil
o para pasársela al móvil de un amigo,
tendrás que "empaquetarla" primero.
Pero eso ya lo veremos más adelante ...
Observa que en el botón que hemos añadido pone "Texto para Botón1"
Vamos a ver cómo cambiarlo desde el panel de propiedades, a la derecha.
Desde aquí puedes cambiar las propiedades de todos los componentes de tu App.
Para cambiar el texto que aparece en el botón, haz clic en "Texto"

English: 
If you don't have a camera on your phone you can just
type in the six character code and then
click "Connect with code". Great! Now your
phone is connected in real time to App
Inventor. You should see the button that
we've already added to the app. From now
on, all of the changes you make to your
app will show up on the phone right away.
Seems like magic, right?  Well, if you
disconnected from App Inventor you would
no longer see the app on the phone.
To get the app to stay on your phone, or
to pass it along to a friend's phone,
you'll have to package it up. But we'll
talk about how to do that later.
Notice that the button we've added says "Text for Button1" on it. Let's change
that. Over here on the right is the
Properties pane. This is where you can
set the properties for all of the
components in your app.
To change the

Italian: 
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

English: 
text that shows up on the button, click
on "Text" and type in "Talk To Me." Notice on
your connected phone that the button's
text changes there. Cool, right?
Great. So
we only need one more component for this
app before we go into the blocks to
start programming.
Go to "Media" and drag
out a TextToSpeech component.
Click on it, drag it over to the view, and drop it.
 You'll notice that it drops down to the
bottom under "Non-visible components".
That's all for components.
Now that we've set the components for our app, we
need to specify what the components
should do. For that we click on "Blocks".
And now you're in the Blocks editor. The
Blocks editor is where you click blocks
together to set the behavior of your app.
We want our app to respond to a button
click so go to "Button1" and see all of
the blocks that go with a button. Choose

Spanish: 
y escribe: "Talk to me" ("háblame").
Si tienes el móvil conectado, observarás que el texto del botón ha cambiado
¡Muy bien!
Sólo nos falta un componente más para esta App antes de ir al editor de bloques para empezar a programar.
Vamos a "Medios" en la paleta y arrastramos un componente "Texto A Voz".
Lo arrastramos a la ventana de diseño y lo soltamos ...
Observarás que se coloca automáticamente en la parte inferior en "Componentes no visibles".
Y eso es todo en cuanto a los componentes de nuestra App. Sólo nos queda especificar qué tienen que hacer.
Para ello, haremos clic en "Bloques" ...
Ahora estás en el "editor de bloques".
Aquí es donde vas a enlazar los distintos bloques de código que determinan el comportamiento de tu App.
Queremos que nuestra App "hable" al pulsar un botón.
Así que iremos a "Botón1" para ver todos los bloques que pueden asociarse a ese botón
Elige el bloque "Botón1.Clic" y arrástralo al área de trabajo.

English: 
"Button1.Click" and drop it in the
work area. Now we have to put in the
blocks to tell the app what to do when
the button is clicked. Go to the
TextToSpeech component. Click on it and
see all of the blocks that go with
TextToSpeech. Choose "call TextToSpeech.Speak" and drag it over to the
"when Button1.Click" block. It will fit
right inside and you will hear a click
when the blocks connect. I love that
sound.
Now we have one more thing to add before
testing the app out. Notice that we have
a blank socket here. We have to tell the
"Speak" block what to say.
To do that, go to the "Text" drawer under
"Built-In Blocks". Take a "blank text" block
and bring that over. Click it right into
the "TextToSpeech.Speak" block. Another
satisfying click. Now click on that empty
text block and type "Congratulations!
You've made your first app."
Okay, you can
test the app now. Go to your phone and
click the button.

Italian: 
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.

Spanish: 
Ahora tendremos que incluir los bloques que le indican a la App lo que decir cuando se pulsa el botón.
Haz clic en la paleta en el componente "Texto A Voz",
y observa todos los bloques asociados a "Texto A Voz"
Selecciona el bloque "Texto A Voz. HablarMensaje" y arrástralo dentro del bloque anterior "Botón1.Clic".
Encaja perfectamente y oirás un clic cuando se unan los dos bloques.
¡Me encanta ese ruidito!
Sólo nos queda añadir una cosa más antes de probar nuestra App:
Fíjate que tenemos un hueco vacío aquí para conectar otro bloque ...
¡Todavía tenemos que indicarle al bloque de "Hablar mensaje" qué es lo que tiene que decir!
Para ello, iremos a la paleta y seleccionaremos "Texto" en los bloques "Integrados",
seleccionaremos un bloque de texto vacío, lo arrastramos ...
y lo encajamos junto al bloque "Texto A Voz. Hablar mensaje".
¡Qué bien suena ese clic!
Ahora haz click dentro del bloque de texto vacío y escribe en él "¡Enhorabuena, has creado tu primera App!".
Perfecto: ahora vamos a probar la App. Desde nuestro móvil.
presionamos el botón ...

Spanish: 
Si tienes algún problema para seguir el tutorial, puedes descargarte la versión en PDF de nuestra web.
¿Eso es todo?
Ehh .. ¡sí!
Vale ... ¡hasta luego!
¡Espera! ¡No te vayas!
Es que .. pensaba que la App sería más divertida
Ten paciencia, jovencita ...
Ahora que ya sabemos cómo funciona App Inventor ... verás que tiene un potencial enorme
¿Podemos hacer que hable cuando lo agitas?
¡Sí!
¿Y hacer que el usuario pueda introducir sus propias frases?
¡Por supuesto!
De hecho, es lo que vamos a hacer en nuestro próximo vídeo.
Haremos que hable cuando alguien consulte su móvil
y además que el usuario pueda elegir la frase que él quiera.
¡Genial! ¡Ya tengo ganas de verlo!

Italian: 
>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)

English: 
Congratulations! You've
made your first app.
If you had any
trouble with this tutorial you can view
the written version on our website.
That's it?
Uh, yeah.
Ok. See you later.
Wait, get back here!
Well, I thought the
app would be a little cooler.
I can talk to myself.
Patience, young one. Now that we know how to use App Inventor, the possibilities are endless.
Can we make it respond to shaking?
Yeah.
Or let the user input their own text?
Absolutely! In fact, in our next video that's just what we're going to do. We'll make it so that when
someone shakes the phone, it talks and
also so that the user can put in their own text.
Awesome, I can't wait!
