-
(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)