(Música)
¡Hola!, Bienvenidos a la "Hora de Programar" de App Inventor
Nosotras estamos en el Centro para el aprendizaje con dispositivos móviles del MIT. Yo soy Shay
Y yo soy Emily. Hoy te mostraremos lo que necesitas saber para construir tu primera aplicación para Android
La aplicación de hoy se llama "Talk To Me", bueno, pues porque en verdad te habla.
Es una aplicación sencilla: Tú presionas un botón y el teléfono te responde una frase.
Bienvenidos a App Inventor
¿Puedes hacer que diga algo?
¡algo así!
Creo que puedo entretenerme un buen rato con esto
Muy bien, vamos a empezar
Parte 1: Crear un Nuevo Proyecto
Para empezar a construir tu aplicación, presiona el botón "Create" desde la página principal.
Necesitarás una cuenta de Gmail o de tu escuela si es que esta utiliza Google Apps para educación
Puedes ignorar la pantalla de inicio por ahora
Cuando se abra la página por primera vez no verás ningún proyecto
Entonces presiona "New Project" en la esquina superior izquierda.
Nuestra primera aplicación se llamará "TalkToMe"
Las aplicaciones de AppInventor no pueden tener espacios
Ahora estas en la ventana de diseño donde puedes configurar los componentes y su distribución.
Nuestra aplicación necesita un componente de botón. Por lo tanto, haga clic en "Botón" y la arrastra sobre el visor y luego soltarlo
Una de las cosas más cuidadas sobre App Inventor es que usted puede ver su aplicación en su teléfono mientras que usted está construyendo él.
Vamos a conseguir su teléfono conectado de manera que se puede ver la aplicación tomar forma y probarlo a medida que avanza.
Ahora, si usted no tiene un teléfono o tableta Android, todavía se puede hacer este tutorial.
Pero, usted tendrá que hacer una pausa en este video y ve a leer las instrucciones para el inicio de un emulador de Android en tu computadora.
Usted puede encontrar la manera de hacer eso y también obtener una gran cantidad de otra información útil haciendo clic en "Guía".
Parte 2: Conecte a Teléfono
Ahora bien, para conseguir su teléfono Android conectado con App Inventor, vaya al menú "Conectar" y selecciona "Compañero AI".
Usted necesita tener Companion App Inventor aplicación en su teléfono o tableta. Es muy fácil de hacer esto:
Simplemente haga clic en "¿Necesitas ayuda para encontrar companion app?".
Esto le llevará a la tienda de Google Play para descargar la aplicación.
Lo mas sencillo es abrir un lector de códigos QR en su teléfono y escanear el código QR. También puede ir a la tienda Play y buscar "Compañero MIT AI2".
Una vez que ya tenemos MIT AI2 Companion app instalado, ábralo en su teléfono.
Si ha cerrado la ventana de conexión en App Inventor, haga clic de nuevo en el menú "Conectar" y selecciona "AI Companion".
La ventana de conexión que aparece muestra un código de seis caracteres y un código QR.
En la "Companion app" en su teléfono, haga clic en el botón "escanear el código QR".
Si usted no tiene una cámara en el teléfono puede escribir el código de seis caracteres y haga clic en "conectar con código".
¡Genial! Ahora el teléfono está conectado en tiempo real a App Inventor! Usted debe ver el botón que ya hemos añadido a la aplicación.
A partir de ahora, todos los cambios realizados en su aplicación se mostrará en el teléfono de inmediato.
Parece magia, ¿verdad? Bueno, si lo desconecta de la aplicación Inventor ya no vería la aplicación en el teléfono.
Para instalar en el teléfono de otro usuario necesitarás "emapacar" la aplicación. Pero ya hablaremos de cómo hacerlo más tarde.
Parte 3: Diseñe su App
Observe que el botón que hemos añadido dice "Text for Button1" en él. Vamos a cambiar eso.
Aquí está el panel de propiedades. Aquí es donde usted puede establecer las propiedades de todos los componentes en su aplicación.
Para cambiar el texto que aparece en el botón, haga clic en "Texto" y escriba "Talk To Me".
Observa, en tu teléfono conectado el texto del botón cambia. muy bueno, cierto?
Bien. Así que sólo tenemos un componente más para esta aplicación antes de entrar en los bloques para iniciar la programación.
Ir a "Media" y arrastre un componente "TextToSpeech": Haga clic en él, se arrastra sobre la vista y, suéltalo ahí.
Usted notará que esta en el fondo, bajo "componentes no visibles". Eso es todo en los componentes!
Ahora que hemos establecido los componentes de nuestra aplicación, tenemos que especificar cuáles son los componentes deben hacer. Para eso hacemos clic en "Bloques".
Parte 4: Programa de los Bloques
Y ahora estás en el editor de bloques.
El editor de bloques es donde se establecen los comportamientos de los componentes de la aplicación.
Queremos que nuestra aplicación para responder a un clic de botón.
Así que, vaya a "Button1" y observa todos los bloques que van con un botón.
Elija "Button1.Click" y suéltala en el área de trabajo.
Ahora tenemos que poner en los bloques lo que hay que hacer cuando se hace clic en el botón.
Ir al componente TextToSpeech, haga clic en él y ver todos los bloques que van con TextToSpeech.
Elija llamar "TextToSpeech1.Speak" y arrastrarlo hacia el bloque "cuando Button1.Click".
Se encaja justo dentro y se escuchará un clic cuando los bloques se conectan. Me encanta ese sonido!
Ahora, tenemos una cosa más que añadir antes de probar la aplicación fuera.
Tenga en cuenta que tenemos una toma en blanco aquí. Tenemos que decirle al bloque "Speak" qué decir.
Vaya al cajón texto bajo bloques "built-in". Tome un bloque de texto en blanco y llevar que más. Haga clic derecho en TextToSpeach1.Speak
Otro clic satisfactorio.
Ahora clic en ese bloque de texto vacío y escribe "¡Felicitaciones! Usted ha hecho su primera aplicación!"
Parte 5: Evalúe su App
Está bien, puede probar la aplicación ahora! Ir a su teléfono y haga clic en el botón.
¡Enhorabuena! Usted ha hecho su primera aplicación! <
Si tuviera algún problema con este tutorial se puede ver la versión escrita en nuestro sitio web.
Eso es todo? Si...
Bueno, hasta luego!
Espera, vuelve aquí!
Bueno, yo pensé que la aplicación sería un poco más fria - Puedo hablar conmigo mismo ...
Paciencia, joven! Ahora que sabemos cómo utilizar App Inventor, las posibilidades son infinitas.
- ¿Podemos hacer que responda si agitamos el teléfono? - Si
O dejar que el usuario escriba su propio texto? - ¡Por supuesto!
De hecho, en nuestro próximo video, eso es precisamente lo que vamos a hacer.
Vamos a hacerlo de modo que cuando alguien sacude el teléfono, este hable y que el usuario pueda poner en su propio texto.
¡Impresionante! No puedo esperar!
(Música)