Activa JavaScript para disfrutar de los vídeos de la Mediateca.
App Inventor tutorial 2 Piano - 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 chicas, hoy vamos a aprender a crear un piano en App Inventor para seguir aprendiendo cómo funciona la aplicación.
00:00:09
Entonces, creamos un nuevo proyecto, le damos nombre y en este caso tendríamos que subir en archivos, en medios,
00:00:18
subir distintos sonidos, uno para cada nota que quisiésemos utilizar.
00:00:28
Para ahorrarme eso voy a importar un proyecto desde mi ordenador que va a hacer que carguen ya todos los sonidos
00:00:32
Vais a ver como quedaría, os lo voy a dejar también en el Padlet por si queréis hacerlo de esa manera
00:00:45
Ahora mismo tengo un proyecto totalmente en blanco pero ya tengo en medios las notas musicales que voy a necesitar
00:00:51
Voy a empezar a trabajar con la pantalla 1, Screen 1
00:00:58
Y yo creo que para este proyecto la orientación de la pantalla se puede cambiar a horizontal, que nos va a quedar mejor.
00:01:04
Ahora vamos a colocar en disposición una disposición horizontal.
00:01:14
Esto es una cajita que hará que las teclas de nuestro piano estén una al lado de otras en lugar de una encima de la otra.
00:01:20
Como me ha quedado muy pequeñita, pues voy a poner el alto de la cajita que se ajuste al contenedor
00:01:29
Y el ancho también que se ajuste al contenedor
00:01:36
Así ahora nos ocupa toda la pantalla
00:01:39
Y aquí vamos a empezar a meter las teclas de nuestro piano
00:01:41
Nos iríamos a interfaz de usuario, en nuestros elementos
00:01:45
Y vamos a ir añadiendo botones
00:01:50
Entonces el primer botón, fijaros que puedo cambiarle el color de fondo, en este caso le voy a poner naranja
00:01:52
Puedo cambiar el alto, voy a ajustarlo al contenedor para que quede alargado
00:02:02
Y el ancho voy a poner que ocupe un 10%, así me queda más estrechito
00:02:08
Por último voy a cambiar el texto y voy a poner do, porque va a ser la nota do.
00:02:18
Ahora tendría que repetir lo mismo varias veces, entonces añado el siguiente, cambio el color, alto ajustar al contenedor, ancho 10% y cambio el texto a re.
00:02:25
Perdón, he repetido el color así que lo cambio.
00:02:44
Así seguiría de nuevo, este va a ser amarillo, alto, ajustar al contenedor, ancho, 10%, y texto, torre, mí.
00:02:48
Bueno, no voy a seguir repitiendo para no alargar mucho el vídeo, pero seguiríamos haciendo lo mismo con todas las teclas de nuestro piano.
00:03:08
Una vez que ya tuviésemos nuestras teclas, antes de irnos a los bloques de programación
00:03:16
Vamos a añadir en medios un reproductor
00:03:22
Lo ponemos aquí en la pantalla y soltamos
00:03:26
Y ahora nos aparece como componente no visible el reproductor
00:03:29
Que va a hacer que puedan sonar nuestras teclas
00:03:34
Entonces ahora sí que estamos listos, nos vamos a bloques
00:03:38
y vamos a empezar a programar
00:03:42
para empezar lo que vamos a hacer es tocar el botón 1
00:03:45
cuando botón 1 clic, que será DO
00:03:49
vamos a irnos al reproductor
00:03:55
y vamos a buscar poner reproductor origen como
00:03:58
poner reproductor origen como
00:04:03
ahora veis que aquí falta enganchar algo, falta una pieza
00:04:07
Entonces nos vamos a ir a texto y en el texto lo que vamos a poner es el nombre del archivo de música de Do.
00:04:12
Entonces ese archivo se llama Do.guau y ya tendríamos el primer botón que es el botón Do.
00:04:20
Ahora lo que haríamos sería añadir una última cosita y luego ya podremos funcionar simplemente duplicando.
00:04:35
De nuevo en reproductor encontraremos llamar reproductor 1, iniciar.
00:04:42
Entonces tenemos tres bloques, cuando le demos al botón 1, el reproductor va a coger el sonido do y va a iniciar el sonido en el reproductor.
00:04:49
Esto, en lugar de hacerlo todas las veces, lo que podemos hacer es botón derecho, duplicar y ahora el botón do va a ser re, pues cambia el nombre.
00:04:59
Y por último, el botón 3, va a ser, no recuerdo si habíamos puesto mi, creo que sí, vamos a verlo por si acaso, eso es, do, re, mi.
00:05:10
Entonces tenemos do, re, mi, botón 1, botón 2, botón 3.
00:05:25
Ya tendríamos la programación hecha, entonces ahora conectaríamos, le daríamos a conectar, ahí compañen y nos saldría el código QR.
00:05:32
Entonces corto el vídeo y os enseño cómo ha quedado.
00:05:39
- Subido por:
- Maria Del Mar A.
- Licencia:
- Todos los derechos reservados
- Visualizaciones:
- 272
- Fecha:
- 15 de febrero de 2022 - 20:33
- Visibilidad:
- Público
- Centro:
- CP INF-PRI CARMEN HERNÁNDEZ GUARCH
- Duración:
- 05′ 55″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 175.36 MBytes
