Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Botón sonoro. APPINVENTOR - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 9 de enero de 2022 por M. Ángeles P.

157 visualizaciones

Más información Transcripción

Descargar la transcripción

Vamos a realizar ahora otra app en la que tengamos un botón que al pulsar en él, pues, reproduzca un sonido. 00:00:02
Entramos en App Inventor, le damos a crear apps e introducimos nuestro usuario y contraseña de Google. 00:00:09
Una vez que estamos dentro, aparecen todos nuestros proyectos con los que hemos estado trabajando 00:00:25
y vamos a crear un proyecto nuevo. 00:00:29
Proyecto, comenzar, un proyecto nuevo. 00:00:34
Le voy a llamar vaca, porque lo que voy a hacer es un botón vaca. No me deja poner la tilde, botón sonido. 00:00:36
Venga, pues entonces ahora simplemente lo que voy a hacer es ponerle un botón. Quiero que el botón vaya a ocupar luego toda la pantalla y que va a tener un sonido. 00:00:56
Para eso me voy a ir a la Mediateca de Duca Madrid. En la Mediateca de Duca Madrid voy a poder encontrar imágenes y sonidos que están libres de derechos y puedo utilizar libremente. 00:01:07
Voy a poner vaca y aquí en contenidos voy a seleccionar que lo que quiero es un audio de la vaca, pues este, un mugido de vaca. 00:01:24
Vamos a ver, pues este me parece que está bien y le doy a descargar el fichero y se me ha descargado. 00:01:34
Ahora voy a hacer lo mismo pero seleccionando imágenes. 00:01:45
Venga, pues me parece que esta está bien 00:01:52
Le doy a esta imagen 00:01:55
Y ahora en cuanto se cargue, veis aquí este botón 00:01:56
Descargo la original 00:02:01
Y se me está descargando 00:02:02
Bueno, pues ya estoy aquí 00:02:05
Entonces, cuando estoy en este botón 00:02:07
Le voy a decir que la imagen que va a tener el botón 00:02:09
Va a ser la del archivo 00:02:12
Subo el archivo que acabo de descargar 00:02:15
Este de aquí 00:02:17
Y acepto 00:02:18
Bueno, pues no se ve 00:02:27
Ahora veremos por qué no se ve 00:02:28
Le voy a dar en automático y en automático. No se ve por el tipo de... porque en el nombre aparece en paréntesis. 00:02:29
Entonces voy a coger uno que sea otro, este que está sin paréntesis. Vais a ver cómo ese es el problema. 00:02:41
Y ahora aquí en la imagen selecciono la otra. ¿Veis? Ese era el problema. No podemos elegir imágenes. 00:02:51
Entonces los nombres de los archivos en App Inventor no pueden tener paréntesis ni símbolos raros. 00:02:58
Entonces simplemente le podéis cambiar el nombre al archivo. 00:03:03
En este texto le voy a quitar el texto para que no aparezca aquí texto para el botón 1. 00:03:07
Y yo voy a querer que la imagen esté en el medio de la pantalla. 00:03:12
Me vengo a Screen y le digo que esté en el centro y centrado. 00:03:17
Ahí lo tenemos. 00:03:26
Si quiero que tenga un color de fondo naranja, por ejemplo, aquí lo tenemos. Voy a ponerle aquí arriba un mensaje diciendo pulsa en la imagen. Esto se llama etiqueta. 00:03:26
Me vengo aquí a etiqueta y lo arrastro, lo pongo allí 00:03:38
Y aquí en el texto le voy a decir, pulsa en la imagen 00:03:43
Como está muy pequeño, pues lo voy a hacer más grande, por ejemplo a 30 00:03:48
Y aquí lo tenemos, ¿de acuerdo? 00:03:54
Lo puedo poner si quiero en negrita, en cursiva, con un color de fondo distinto 00:03:56
Pero me parece que así está bien 00:04:03
Venga, pues ahora le voy a poner el sonido 00:04:04
El sonido lo tenemos en medios. Le doy a sonido y lo arrastro aquí, en la pantalla, en cualquier posición de la pantalla. 00:04:07
Si me ha quedado aquí abajo, es un componente no visible. Dentro del sonido en origen, selecciono y voy a subir el archivo que me he descargado. 00:04:17
El archivo del mojito de la vaca. ¿Ves que aquí lo tengo con paréntesis? Me va a pasar lo mismo. 00:04:29
Entonces, lo que voy a hacer es quitarle los paréntesis y ahora ya lo voy a poder subir a aceptar. 00:04:33
¿De acuerdo? Venga, pues yo tengo una imagen, una etiqueta y un botón que es la imagen, una etiqueta que es el texto y un sonido. 00:04:48
Me voy a ir a programar, me vengo a bloques y cuando estoy en bloques le doy a botón y le digo que cuando hago clic en el botón y en sonido quiero que me reproduzca el sonido. 00:04:58
Bueno, pues con eso tan sencillo ya tendría una app en la que tengo un botón que tiene una imagen y al pulsar sobre ella va a reproducir un sonido, va a sonar el sonido, el mugido de la vaca. 00:05:10
Esto lo podéis hacer con distintas pantallas y que cuando estemos en la siguiente pantalla nos pase a otra pantalla distinta con otra imagen. Y así podemos hacer una especie de juego para que los niños sepan el sonido de los animales. 00:05:23
o en la misma pantalla ponemos distintas imágenes y dependiendo de la imagen en la que demos nos da un sonido u otro. 00:05:39
Recordad que para generar el archivo APK, que es el que me tenéis que enviar, simplemente le damos a generar APK, 00:05:48
que es el que yo subiría luego al subir y salir a lo virtual, yo me descargaría, lo instalaría en mi teléfono móvil y comprobaría que funciona correctamente. 00:05:56
Bueno, pues espero haberos ayudado. 00:06:04
Autor/es:
Ángeles Puertas
Subido por:
M. Ángeles P.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
157
Fecha:
9 de enero de 2022 - 12:40
Visibilidad:
Público
Centro:
IES MIGUEL DELIBES
Duración:
06′ 07″
Relación de aspecto:
1.86:1
Resolución:
1600x860 píxeles
Tamaño:
307.29 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid