Return to Video

Talk To Me (part 1), MIT App Inventor Tutorial #1

  • 0:02 - 0:12
    (Música)
  • 0:12 - 0:15
    ¡Hola!, Bienvenidos a la "Hora de Programar" de App Inventor
  • 0:15 - 0:19
    Nosotras estamos en el Centro para el aprendizaje con dispositivos móviles del MIT. Yo soy Shay
  • 0:19 - 0:22
    Y yo soy Emily. Hoy te mostraremos lo que necesitas saber para construir tu primera aplicación para Android
  • 0:22 - 0:25
    La aplicación de hoy se llama "Talk To Me", bueno, pues porque en verdad te habla.
  • 0:25 - 0:29
    Es una aplicación sencilla: Tú presionas un botón y el teléfono te responde una frase.
  • 0:30 - 0:31
    Bienvenidos a App Inventor
  • 0:32 - 0:33
    ¿Puedes hacer que diga algo?
  • 0:33 - 0:34
    ¡algo así!
  • 0:34 - 0:36
    Creo que puedo entretenerme un buen rato con esto
  • 0:36 - 0:38
    Muy bien, vamos a empezar
  • 0:38 - 0:40
    Parte 1: Crear un Nuevo Proyecto
  • 0:41 - 0:49
    Para empezar a construir tu aplicación, presiona el botón "Create" desde la página principal.
  • 0:49 - 0:56
    Necesitarás una cuenta de Gmail o de tu escuela si es que esta utiliza Google Apps para educación
  • 0:57 - 0:59
    Puedes ignorar la pantalla de inicio por ahora
  • 0:59 - 1:03
    Cuando se abra la página por primera vez no verás ningún proyecto
  • 1:04 - 1:06
    Entonces presiona "New Project" en la esquina superior izquierda.
  • 1:07 - 1:09
    Nuestra primera aplicación se llamará "TalkToMe"
  • 1:09 - 1:15
    Las aplicaciones de AppInventor no pueden tener espacios
  • 1:15 - 1:20
    Ahora estas en la ventana de diseño donde puedes configurar los componentes y su distribución.
  • 1:20 - 1:26
    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
  • 1:26 - 1:32
    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.
  • 1:32 - 1:37
    Vamos a conseguir su teléfono conectado de manera que se puede ver la aplicación tomar forma y probarlo a medida que avanza.
  • 1:37 - 1:42
    Ahora, si usted no tiene un teléfono o tableta Android, todavía se puede hacer este tutorial.
  • 1:42 - 1:48
    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.
  • 1:48 - 1:54
    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".
  • 1:54 - 1:57
    Parte 2: Conecte a Teléfono
  • 1:57 - 2:05
    Ahora bien, para conseguir su teléfono Android conectado con App Inventor, vaya al menú "Conectar" y selecciona "Compañero AI".
  • 2:05 - 2:11
    Usted necesita tener Companion App Inventor aplicación en su teléfono o tableta. Es muy fácil de hacer esto:
  • 2:11 - 2:15
    Simplemente haga clic en "¿Necesitas ayuda para encontrar companion app?".
  • 2:15 - 2:20
    Esto le llevará a la tienda de Google Play para descargar la aplicación.
  • 2:25 - 2:29
    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".
  • 2:34 - 2:38
    Una vez que ya tenemos MIT AI2 Companion app instalado, ábralo en su teléfono.
  • 2:40 - 2:48
    Si ha cerrado la ventana de conexión en App Inventor, haga clic de nuevo en el menú "Conectar" y selecciona "AI Companion".
  • 2:48 - 2:52
    La ventana de conexión que aparece muestra un código de seis caracteres y un código QR.
  • 2:53 - 2:58
    En la "Companion app" en su teléfono, haga clic en el botón "escanear el código QR".
  • 3:03 - 3:10
    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".
  • 3:11 - 3:18
    ¡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.
  • 3:18 - 3:23
    A partir de ahora, todos los cambios realizados en su aplicación se mostrará en el teléfono de inmediato.
  • 3:24 - 3:30
    Parece magia, ¿verdad? Bueno, si lo desconecta de la aplicación Inventor ya no vería la aplicación en el teléfono.
  • 3:30 - 3:38
    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.
  • 3:39 - 3:42
    Parte 3: Diseñe su App
  • 3:42 - 3:47
    Observe que el botón que hemos añadido dice "Text for Button1" en él. Vamos a cambiar eso.
  • 3:48 - 3:54
    Aquí está el panel de propiedades. Aquí es donde usted puede establecer las propiedades de todos los componentes en su aplicación.
  • 3:55 - 4:01
    Para cambiar el texto que aparece en el botón, haga clic en "Texto" y escriba "Talk To Me".
  • 4:01 - 4:07
    Observa, en tu teléfono conectado el texto del botón cambia. muy bueno, cierto?
  • 4:09 - 4:14
    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.
  • 4:14 - 4:23
    Ir a "Media" y arrastre un componente "TextToSpeech": Haga clic en él, se arrastra sobre la vista y, suéltalo ahí.
  • 4:23 - 4:29
    Usted notará que esta en el fondo, bajo "componentes no visibles". Eso es todo en los componentes!
  • 4:29 - 4:35
    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".
  • 4:37 - 4:40
    Parte 4: Programa de los Bloques
  • 4:40 - 4:42
    Y ahora estás en el editor de bloques.
  • 4:42 - 4:47
    El editor de bloques es donde se establecen los comportamientos de los componentes de la aplicación.
  • 4:47 - 4:50
    Queremos que nuestra aplicación para responder a un clic de botón.
  • 4:51 - 4:55
    Así que, vaya a "Button1" y observa todos los bloques que van con un botón.
  • 4:55 - 4:58
    Elija "Button1.Click" y suéltala en el área de trabajo.
  • 4:58 - 5:03
    Ahora tenemos que poner en los bloques lo que hay que hacer cuando se hace clic en el botón.
  • 5:03 - 5:09
    Ir al componente TextToSpeech, haga clic en él y ver todos los bloques que van con TextToSpeech.
  • 5:09 - 5:16
    Elija llamar "TextToSpeech1.Speak" y arrastrarlo hacia el bloque "cuando Button1.Click".
  • 5:16 - 5:21
    Se encaja justo dentro y se escuchará un clic cuando los bloques se conectan. Me encanta ese sonido!
  • 5:21 - 5:25
    Ahora, tenemos una cosa más que añadir antes de probar la aplicación fuera.
  • 5:25 - 5:30
    Tenga en cuenta que tenemos una toma en blanco aquí. Tenemos que decirle al bloque "Speak" qué decir.
  • 5:30 - 5:41
    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
  • 5:41 - 5:44
    Otro clic satisfactorio.
  • 5:44 - 5:51
    Ahora clic en ese bloque de texto vacío y escribe "¡Felicitaciones! Usted ha hecho su primera aplicación!"
  • 5:52 - 5:54
    Parte 5: Evalúe su App
  • 5:54 - 5:58
    Está bien, puede probar la aplicación ahora! Ir a su teléfono y haga clic en el botón.
  • 5:58 - 6:00
    ¡Enhorabuena! Usted ha hecho su primera aplicación! <
  • 6:01 - 6:05
    Si tuviera algún problema con este tutorial se puede ver la versión escrita en nuestro sitio web.
  • 6:05 - 6:07
    Eso es todo?
    Si...
  • 6:07 - 6:09
    Bueno, hasta luego!
  • 6:09 - 6:10
    Espera, vuelve aquí!
  • 6:10 - 6:14
    Bueno, yo pensé que la aplicación sería un poco más fria - Puedo hablar conmigo mismo ...
  • 6:14 - 6:19
    Paciencia, joven! Ahora que sabemos cómo utilizar App Inventor, las posibilidades son infinitas.
  • 6:19 - 6:22
    - ¿Podemos hacer que responda si agitamos el teléfono?
    - Si
  • 6:22 - 6:24
    O dejar que el usuario escriba su propio texto?
    - ¡Por supuesto!
  • 6:24 - 6:27
    De hecho, en nuestro próximo video, eso es precisamente lo que vamos a hacer.
  • 6:27 - 6:33
    Vamos a hacerlo de modo que cuando alguien sacude el teléfono, este hable y que el usuario pueda poner en su propio texto.
  • 6:33 - 6:34
    ¡Impresionante! No puedo esperar!
  • 6:34 - 6:44
    (Música)
Title:
Talk To Me (part 1), MIT App Inventor Tutorial #1
Description:

more » « less
Video Language:
English
Duration:
06:47

Spanish subtitles

Revisions Compare revisions