0:00:02.110,0:00:11.945 (Música) 0:00:11.945,0:00:15.395 ¡Hola!, Bienvenidos a la "Hora de Programar" de App Inventor 0:00:15.395,0:00:18.525 Nosotras estamos en el Centro para el aprendizaje con dispositivos móviles del MIT. Yo soy Shay 0:00:18.525,0:00:21.930 Y yo soy Emily. Hoy te mostraremos lo que necesitas saber para construir tu primera aplicación para Android 0:00:21.930,0:00:24.996 La aplicación de hoy se llama "Talk To Me", bueno, pues porque en verdad te habla. 0:00:25.090,0:00:28.783 Es una aplicación sencilla: Tú presionas un botón y el teléfono te responde una frase. 0:00:29.683,0:00:31.280 Bienvenidos a App Inventor 0:00:31.704,0:00:33.110 ¿Puedes hacer que diga algo? 0:00:33.110,0:00:34.120 ¡algo así! 0:00:34.140,0:00:36.340 Creo que puedo entretenerme un buen rato con esto 0:00:36.370,0:00:37.920 Muy bien, vamos a empezar 0:00:37.938,0:00:40.218 Parte 1: Crear un Nuevo Proyecto 0:00:40.618,0:00:48.503 Para empezar a construir tu aplicación, presiona el botón "Create" desde la página principal. 0:00:48.682,0:00:56.162 Necesitarás una cuenta de Gmail o de tu escuela si es que esta utiliza Google Apps para educación 0:00:57.112,0:00:59.032 Puedes ignorar la pantalla de inicio por ahora 0:00:59.043,0:01:03.497 Cuando se abra la página por primera vez no verás ningún proyecto 0:01:03.663,0:01:06.351 Entonces presiona "New Project" en la esquina superior izquierda. 0:01:06.875,0:01:09.432 Nuestra primera aplicación se llamará "TalkToMe" 0:01:09.432,0:01:14.518 Las aplicaciones de AppInventor no pueden tener espacios 0:01:15.388,0:01:19.813 Ahora estas en la ventana de diseño donde puedes configurar los componentes y su distribución. 0:01:19.813,0:01:25.819 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 0:01:26.065,0:01:31.896 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. 0:01:32.059,0:01:36.515 Vamos a conseguir su teléfono conectado de manera que se puede ver la aplicación tomar forma y probarlo a medida que avanza. 0:01:36.515,0:01:41.654 Ahora, si usted no tiene un teléfono o tableta Android, todavía se puede hacer este tutorial. 0:01:41.687,0:01:47.819 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. 0:01:47.948,0:01:53.766 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". 0:01:54.247,0:01:56.954 Parte 2: Conecte a Teléfono 0:01:57.003,0:02:04.565 Ahora bien, para conseguir su teléfono Android conectado con App Inventor, vaya al menú "Conectar" y selecciona "Compañero AI". 0:02:04.735,0:02:11.257 Usted necesita tener Companion App Inventor aplicación en su teléfono o tableta. Es muy fácil de hacer esto: 0:02:11.257,0:02:14.854 Simplemente haga clic en "¿Necesitas ayuda para encontrar companion app?". 0:02:14.924,0:02:20.099 Esto le llevará a la tienda de Google Play para descargar la aplicación. 0:02:25.274,0:02:29.460 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". 0:02:33.646,0:02:37.832 Una vez que ya tenemos MIT AI2 Companion app instalado, ábralo en su teléfono. 0:02:40.348,0:02:47.582 Si ha cerrado la ventana de conexión en App Inventor, haga clic de nuevo en el menú "Conectar" y selecciona "AI Companion". 0:02:47.582,0:02:52.170 La ventana de conexión que aparece muestra un código de seis caracteres y un código QR. 0:02:53.089,0:02:58.268 En la "Companion app" en su teléfono, haga clic en el botón "escanear el código QR". 0:03:03.078,0:03:10.276 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". 0:03:11.056,0:03:18.244 ¡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. 0:03:18.359,0:03:23.479 A partir de ahora, todos los cambios realizados en su aplicación se mostrará en el teléfono de inmediato. 0:03:23.504,0:03:29.776 Parece magia, ¿verdad? Bueno, si lo desconecta de la aplicación Inventor ya no vería la aplicación en el teléfono. 0:03:29.951,0:03:37.636 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. 0:03:39.370,0:03:41.710 Parte 3: Diseñe su App 0:03:42.119,0:03:47.289 Observe que el botón que hemos añadido dice "Text for Button1" en él. Vamos a cambiar eso. 0:03:47.628,0:03:54.468 Aquí está el panel de propiedades. Aquí es donde usted puede establecer las propiedades de todos los componentes en su aplicación. 0:03:54.651,0:04:01.144 Para cambiar el texto que aparece en el botón, haga clic en "Texto" y escriba "Talk To Me". 0:04:01.354,0:04:06.837 Observa, en tu teléfono conectado el texto del botón cambia. muy bueno, cierto? 0:04:09.273,0:04:14.293 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. 0:04:14.442,0:04:22.539 Ir a "Media" y arrastre un componente "TextToSpeech": Haga clic en él, se arrastra sobre la vista y, suéltalo ahí. 0:04:22.715,0:04:28.578 Usted notará que esta en el fondo, bajo "componentes no visibles". Eso es todo en los componentes! 0:04:28.748,0:04:35.356 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". 0:04:37.058,0:04:39.879 Parte 4: Programa de los Bloques 0:04:40.039,0:04:41.782 Y ahora estás en el editor de bloques. 0:04:41.958,0:04:47.220 El editor de bloques es donde se establecen los comportamientos de los componentes de la aplicación. 0:04:47.371,0:04:50.461 Queremos que nuestra aplicación para responder a un clic de botón. 0:04:50.657,0:04:54.728 Así que, vaya a "Button1" y observa todos los bloques que van con un botón. 0:04:54.880,0:04:58.331 Elija "Button1.Click" y suéltala en el área de trabajo. 0:04:58.439,0:05:03.136 Ahora tenemos que poner en los bloques lo que hay que hacer cuando se hace clic en el botón. 0:05:03.378,0:05:09.409 Ir al componente TextToSpeech, haga clic en él y ver todos los bloques que van con TextToSpeech. 0:05:09.418,0:05:16.381 Elija llamar "TextToSpeech1.Speak" y arrastrarlo hacia el bloque "cuando Button1.Click". 0:05:15.653,0:05:21.075 Se encaja justo dentro y se escuchará un clic cuando los bloques se conectan. Me encanta ese sonido! 0:05:21.230,0:05:24.997 Ahora, tenemos una cosa más que añadir antes de probar la aplicación fuera. 0:05:25.085,0:05:30.021 Tenga en cuenta que tenemos una toma en blanco aquí. Tenemos que decirle al bloque "Speak" qué decir. 0:05:30.028,0:05:41.236 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 0:05:41.376,0:05:43.610 Otro clic satisfactorio. 0:05:43.683,0:05:51.291 Ahora clic en ese bloque de texto vacío y escribe "¡Felicitaciones! Usted ha hecho su primera aplicación!" 0:05:52.153,0:05:54.216 Parte 5: Evalúe su App 0:05:54.226,0:05:57.894 Está bien, puede probar la aplicación ahora! Ir a su teléfono y haga clic en el botón. 0:05:58.225,0:06:00.493 ¡Enhorabuena! Usted ha hecho su primera aplicación! < 0:06:00.807,0:06:04.651 Si tuviera algún problema con este tutorial se puede ver la versión escrita en nuestro sitio web. 0:06:04.762,0:06:07.084 Eso es todo?[br]Si... 0:06:07.084,0:06:08.502 Bueno, hasta luego! 0:06:08.646,0:06:09.630 Espera, vuelve aquí! 0:06:09.903,0:06:13.751 Bueno, yo pensé que la aplicación sería un poco más fria - Puedo hablar conmigo mismo ... 0:06:13.924,0:06:18.954 Paciencia, joven! Ahora que sabemos cómo utilizar App Inventor, las posibilidades son infinitas. 0:06:19.112,0:06:21.597 - ¿Podemos hacer que responda si agitamos el teléfono?[br]- Si 0:06:21.597,0:06:23.756 O dejar que el usuario escriba su propio texto?[br]- ¡Por supuesto! 0:06:24.204,0:06:27.227 De hecho, en nuestro próximo video, eso es precisamente lo que vamos a hacer. 0:06:27.287,0:06:32.652 Vamos a hacerlo de modo que cuando alguien sacude el teléfono, este hable y que el usuario pueda poner en su propio texto. 0:06:32.757,0:06:34.327 ¡Impresionante! No puedo esperar! 0:06:34.333,0:06:43.820 (Música)