1 00:00:11,310 --> 00:00:18,789 Hola, vamos a aprender cómo funciona App Inventor para crear nuestra primera aplicación. 2 00:00:19,429 --> 00:00:26,870 Es una aplicación que nos va a servir de práctica, no tiene nada que ver con la aplicación que finalmente vais a desarrollar, 3 00:00:26,989 --> 00:00:33,090 con el problema que queráis resolver, pero nos va a servir para aprender a utilizar App Inventor. 4 00:00:33,609 --> 00:00:38,969 Lo primero que hacemos es irnos a la web de App Inventor, que es esta que vemos aquí, 5 00:00:38,969 --> 00:00:42,770 y ahora yo le voy a dar al botón de Create Apps. 6 00:00:43,229 --> 00:00:47,009 Para acceder os van a pedir una cuenta de Google, 7 00:00:47,229 --> 00:00:51,969 así que tendréis que preguntarle a quien sea vuestro mentor o mentora 8 00:00:51,969 --> 00:00:54,130 con qué cuenta podéis acceder. 9 00:00:54,350 --> 00:00:58,450 Una idea sería crear una cuenta de Google a nombre del equipo 10 00:00:58,450 --> 00:01:01,570 y que se use únicamente para App Inventor. 11 00:01:02,450 --> 00:01:07,370 Yo ya estoy registrada, entonces esta sería la pantalla principal. 12 00:01:07,370 --> 00:01:13,049 Me voy a ir a mis proyectos y le daríamos a comenzar un nuevo proyecto. 13 00:01:13,390 --> 00:01:15,189 Pero antes voy a cambiar el idioma. 14 00:01:18,469 --> 00:01:25,069 Ya tengo la pantalla en español y le voy a dar a comenzar un proyecto nuevo. 15 00:01:25,790 --> 00:01:33,810 El nombre del proyecto va a ser Talk to me, que significa háblame. 16 00:01:34,370 --> 00:01:38,390 Esto es porque vamos a crear una aplicación que contenga un botón 17 00:01:38,390 --> 00:01:43,310 y al apretar el botón la aplicación va a hablar 18 00:01:43,310 --> 00:01:48,069 lo que estáis viendo a la izquierda aquí es mi teléfono móvil 19 00:01:48,069 --> 00:01:54,390 entonces yo lo que he hecho ha sido descargarme la aplicación de App Inventor 20 00:01:54,390 --> 00:01:59,769 que nos va a servir de simulador para probar nuestra aplicación en tiempo real 21 00:01:59,769 --> 00:02:08,009 en mi aplicación lo que voy a hacer es hacer clic en Scan QR Code 22 00:02:08,009 --> 00:02:16,909 Escanear código QR y en App Inventor lo que voy a hacer es darle a conectar a iCompanion. 23 00:02:17,449 --> 00:02:26,360 Entonces voy a escanear el código QR y ahora mismo la pantalla blanca que aparece es mi aplicación. 24 00:02:26,939 --> 00:02:31,740 Ya puedo empezar a crearla y voy a ir viendo los cambios en la pantalla de la izquierda. 25 00:02:32,460 --> 00:02:34,900 En este caso lo que vamos a añadir es un botón. 26 00:02:34,900 --> 00:02:40,210 Ya tengo mi botón 27 00:02:40,210 --> 00:02:43,050 Ahora mismo estamos en la pantalla de diseño 28 00:02:43,050 --> 00:02:46,189 Donde podemos ir añadiendo las cosas que necesitemos 29 00:02:46,189 --> 00:02:49,289 En este caso vamos a añadirle un botón 30 00:02:49,289 --> 00:02:52,090 Y podemos cambiar el texto aquí a la derecha 31 00:02:52,090 --> 00:02:54,330 Podemos añadir la palabra 32 00:02:54,330 --> 00:02:57,650 Púlsame 33 00:02:57,650 --> 00:03:01,710 Y a la izquierda, en medios 34 00:03:01,710 --> 00:03:05,550 Vamos a añadir texto a voz 35 00:03:05,550 --> 00:03:07,810 Repito, medios 36 00:03:07,810 --> 00:03:15,110 texto a voz y lo arrastro hacia mi pantalla. En este caso es invisible, es un componente 37 00:03:15,110 --> 00:03:21,289 no visible y por eso se nos pone aquí abajo. Si os fijáis a la izquierda ya nos aparece 38 00:03:21,289 --> 00:03:29,009 nuestro botón, puede tardar un poquito en actualizarse. Ahora ya aparece, púlsame. 39 00:03:29,009 --> 00:03:35,289 Si le doy al botón en mi móvil todavía no ocurre nada. Para ello necesitamos programar 40 00:03:35,289 --> 00:03:40,289 nuestra aplicación, así que le damos a los bloques, ahora mismo estamos en la pantalla 41 00:03:40,289 --> 00:03:46,509 de diseñador y aquí tendríamos los bloques, repito, diseñador es donde añadimos los 42 00:03:46,509 --> 00:03:55,990 componentes, donde podríamos por ejemplo cambiar el tamaño del botón, podríamos 43 00:03:55,990 --> 00:04:02,610 hacer un botón gigante, lo voy a poner en este caso automático y el ancho lo voy a 44 00:04:02,610 --> 00:04:09,430 ajustar al contenedor para que se nos ponga así en ocasiones si llevamos mucho tiempo sin conectar 45 00:04:09,430 --> 00:04:17,550 se nos puede desconectar el botón en el simulador pero bueno vamos a pasar ya a programarlo entonces 46 00:04:17,550 --> 00:04:25,930 le damos a bloques y como lo que quiero programar es mi botón voy a hacer que cuando haga clic en el 47 00:04:25,930 --> 00:04:47,060 botón le daríamos al texto a voz y vamos a poner llamar texto a voz es decir que al hacer clic se 48 00:04:47,060 --> 00:04:53,060 nos va a activar esta opción de texto a voz y va a decir un mensaje en este momento no tenemos ningún 49 00:04:53,060 --> 00:05:03,079 mensaje así que vamos a poner un texto aquí en el rosa que pone el texto y cogemos un texto vacío 50 00:05:03,079 --> 00:05:13,240 En este caso voy a poner felicidades, has creado tu primera aplicación. 51 00:05:17,490 --> 00:05:27,730 Voy a volver a conectarlo porque se nos había desconectado. 52 00:05:32,579 --> 00:05:38,399 Va a volver a cargarse nuestra aplicación y ahora subo el volumen para que escuchemos lo que ocurre. 53 00:05:38,800 --> 00:05:41,120 Voy a darle al botón púlsame en mi móvil. 54 00:05:41,620 --> 00:05:46,800 Has creado tu primera aplicación. 55 00:05:47,540 --> 00:05:49,920 Has creado tu primera aplicación. 56 00:05:51,160 --> 00:05:53,519 Has creado tu primera aplicación.