Activa JavaScript para disfrutar de los vídeos de la Mediateca.
App Inventor Tutorial 1 Talk to me - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Hola, vamos a aprender cómo funciona App Inventor para crear nuestra primera aplicación.
00:00:11
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,
00:00:19
con el problema que queráis resolver, pero nos va a servir para aprender a utilizar App Inventor.
00:00:26
Lo primero que hacemos es irnos a la web de App Inventor, que es esta que vemos aquí,
00:00:33
y ahora yo le voy a dar al botón de Create Apps.
00:00:38
Para acceder os van a pedir una cuenta de Google,
00:00:43
así que tendréis que preguntarle a quien sea vuestro mentor o mentora
00:00:47
con qué cuenta podéis acceder.
00:00:51
Una idea sería crear una cuenta de Google a nombre del equipo
00:00:54
y que se use únicamente para App Inventor.
00:00:58
Yo ya estoy registrada, entonces esta sería la pantalla principal.
00:01:02
Me voy a ir a mis proyectos y le daríamos a comenzar un nuevo proyecto.
00:01:07
Pero antes voy a cambiar el idioma.
00:01:13
Ya tengo la pantalla en español y le voy a dar a comenzar un proyecto nuevo.
00:01:18
El nombre del proyecto va a ser Talk to me, que significa háblame.
00:01:25
Esto es porque vamos a crear una aplicación que contenga un botón
00:01:34
y al apretar el botón la aplicación va a hablar
00:01:38
lo que estáis viendo a la izquierda aquí es mi teléfono móvil
00:01:43
entonces yo lo que he hecho ha sido descargarme la aplicación de App Inventor
00:01:48
que nos va a servir de simulador para probar nuestra aplicación en tiempo real
00:01:54
en mi aplicación lo que voy a hacer es hacer clic en Scan QR Code
00:01:59
Escanear código QR y en App Inventor lo que voy a hacer es darle a conectar a iCompanion.
00:02:08
Entonces voy a escanear el código QR y ahora mismo la pantalla blanca que aparece es mi aplicación.
00:02:17
Ya puedo empezar a crearla y voy a ir viendo los cambios en la pantalla de la izquierda.
00:02:26
En este caso lo que vamos a añadir es un botón.
00:02:32
Ya tengo mi botón
00:02:34
Ahora mismo estamos en la pantalla de diseño
00:02:40
Donde podemos ir añadiendo las cosas que necesitemos
00:02:43
En este caso vamos a añadirle un botón
00:02:46
Y podemos cambiar el texto aquí a la derecha
00:02:49
Podemos añadir la palabra
00:02:52
Púlsame
00:02:54
Y a la izquierda, en medios
00:02:57
Vamos a añadir texto a voz
00:03:01
Repito, medios
00:03:05
texto a voz y lo arrastro hacia mi pantalla. En este caso es invisible, es un componente
00:03:07
no visible y por eso se nos pone aquí abajo. Si os fijáis a la izquierda ya nos aparece
00:03:15
nuestro botón, puede tardar un poquito en actualizarse. Ahora ya aparece, púlsame.
00:03:21
Si le doy al botón en mi móvil todavía no ocurre nada. Para ello necesitamos programar
00:03:29
nuestra aplicación, así que le damos a los bloques, ahora mismo estamos en la pantalla
00:03:35
de diseñador y aquí tendríamos los bloques, repito, diseñador es donde añadimos los
00:03:40
componentes, donde podríamos por ejemplo cambiar el tamaño del botón, podríamos
00:03:46
hacer un botón gigante, lo voy a poner en este caso automático y el ancho lo voy a
00:03:55
ajustar al contenedor para que se nos ponga así en ocasiones si llevamos mucho tiempo sin conectar
00:04:02
se nos puede desconectar el botón en el simulador pero bueno vamos a pasar ya a programarlo entonces
00:04:09
le damos a bloques y como lo que quiero programar es mi botón voy a hacer que cuando haga clic en el
00:04:17
botón le daríamos al texto a voz y vamos a poner llamar texto a voz es decir que al hacer clic se
00:04:25
nos va a activar esta opción de texto a voz y va a decir un mensaje en este momento no tenemos ningún
00:04:47
mensaje así que vamos a poner un texto aquí en el rosa que pone el texto y cogemos un texto vacío
00:04:53
En este caso voy a poner felicidades, has creado tu primera aplicación.
00:05:03
Voy a volver a conectarlo porque se nos había desconectado.
00:05:17
Va a volver a cargarse nuestra aplicación y ahora subo el volumen para que escuchemos lo que ocurre.
00:05:32
Voy a darle al botón púlsame en mi móvil.
00:05:38
Has creado tu primera aplicación.
00:05:41
Has creado tu primera aplicación.
00:05:47
Has creado tu primera aplicación.
00:05:51
- Subido por:
- Maria Del Mar A.
- Licencia:
- Todos los derechos reservados
- Visualizaciones:
- 194
- Fecha:
- 22 de enero de 2022 - 12:53
- Visibilidad:
- Público
- Centro:
- CP INF-PRI CARMEN HERNÁNDEZ GUARCH
- Duración:
- 06′
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 254.65 MBytes