1 00:00:09,199 --> 00:00:18,120 Hola chicas, hoy vamos a aprender a crear un piano en App Inventor para seguir aprendiendo cómo funciona la aplicación. 2 00:00:18,820 --> 00:00:27,379 Entonces, creamos un nuevo proyecto, le damos nombre y en este caso tendríamos que subir en archivos, en medios, 3 00:00:28,199 --> 00:00:32,920 subir distintos sonidos, uno para cada nota que quisiésemos utilizar. 4 00:00:32,920 --> 00:00:45,640 Para ahorrarme eso voy a importar un proyecto desde mi ordenador que va a hacer que carguen ya todos los sonidos 5 00:00:45,640 --> 00:00:51,659 Vais a ver como quedaría, os lo voy a dejar también en el Padlet por si queréis hacerlo de esa manera 6 00:00:51,659 --> 00:00:58,880 Ahora mismo tengo un proyecto totalmente en blanco pero ya tengo en medios las notas musicales que voy a necesitar 7 00:00:58,880 --> 00:01:04,480 Voy a empezar a trabajar con la pantalla 1, Screen 1 8 00:01:04,480 --> 00:01:13,719 Y yo creo que para este proyecto la orientación de la pantalla se puede cambiar a horizontal, que nos va a quedar mejor. 9 00:01:14,439 --> 00:01:20,140 Ahora vamos a colocar en disposición una disposición horizontal. 10 00:01:20,379 --> 00:01:29,219 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. 11 00:01:29,219 --> 00:01:36,180 Como me ha quedado muy pequeñita, pues voy a poner el alto de la cajita que se ajuste al contenedor 12 00:01:36,180 --> 00:01:39,379 Y el ancho también que se ajuste al contenedor 13 00:01:39,379 --> 00:01:41,659 Así ahora nos ocupa toda la pantalla 14 00:01:41,659 --> 00:01:45,579 Y aquí vamos a empezar a meter las teclas de nuestro piano 15 00:01:45,579 --> 00:01:50,120 Nos iríamos a interfaz de usuario, en nuestros elementos 16 00:01:50,120 --> 00:01:52,739 Y vamos a ir añadiendo botones 17 00:01:52,739 --> 00:02:02,239 Entonces el primer botón, fijaros que puedo cambiarle el color de fondo, en este caso le voy a poner naranja 18 00:02:02,239 --> 00:02:08,360 Puedo cambiar el alto, voy a ajustarlo al contenedor para que quede alargado 19 00:02:08,360 --> 00:02:18,319 Y el ancho voy a poner que ocupe un 10%, así me queda más estrechito 20 00:02:18,319 --> 00:02:24,780 Por último voy a cambiar el texto y voy a poner do, porque va a ser la nota do. 21 00:02:25,819 --> 00:02:43,159 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. 22 00:02:44,419 --> 00:02:46,680 Perdón, he repetido el color así que lo cambio. 23 00:02:48,319 --> 00:03:06,710 Así seguiría de nuevo, este va a ser amarillo, alto, ajustar al contenedor, ancho, 10%, y texto, torre, mí. 24 00:03:08,330 --> 00:03:16,389 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. 25 00:03:16,389 --> 00:03:22,469 Una vez que ya tuviésemos nuestras teclas, antes de irnos a los bloques de programación 26 00:03:22,469 --> 00:03:26,129 Vamos a añadir en medios un reproductor 27 00:03:26,129 --> 00:03:29,889 Lo ponemos aquí en la pantalla y soltamos 28 00:03:29,889 --> 00:03:34,250 Y ahora nos aparece como componente no visible el reproductor 29 00:03:34,250 --> 00:03:38,550 Que va a hacer que puedan sonar nuestras teclas 30 00:03:38,550 --> 00:03:42,210 Entonces ahora sí que estamos listos, nos vamos a bloques 31 00:03:42,210 --> 00:03:45,810 y vamos a empezar a programar 32 00:03:45,810 --> 00:03:49,669 para empezar lo que vamos a hacer es tocar el botón 1 33 00:03:49,669 --> 00:03:55,650 cuando botón 1 clic, que será DO 34 00:03:55,650 --> 00:03:58,949 vamos a irnos al reproductor 35 00:03:58,949 --> 00:04:03,990 y vamos a buscar poner reproductor origen como 36 00:04:03,990 --> 00:04:07,110 poner reproductor origen como 37 00:04:07,110 --> 00:04:12,539 ahora veis que aquí falta enganchar algo, falta una pieza 38 00:04:12,539 --> 00:04:20,480 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. 39 00:04:20,800 --> 00:04:32,540 Entonces ese archivo se llama Do.guau y ya tendríamos el primer botón que es el botón Do. 40 00:04:35,420 --> 00:04:42,060 Ahora lo que haríamos sería añadir una última cosita y luego ya podremos funcionar simplemente duplicando. 41 00:04:42,060 --> 00:04:47,899 De nuevo en reproductor encontraremos llamar reproductor 1, iniciar. 42 00:04:49,000 --> 00:04:59,019 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. 43 00:04:59,980 --> 00:05:10,339 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. 44 00:05:10,339 --> 00:05:25,000 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. 45 00:05:25,660 --> 00:05:31,040 Entonces tenemos do, re, mi, botón 1, botón 2, botón 3. 46 00:05:32,160 --> 00:05:39,779 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. 47 00:05:39,779 --> 00:05:42,300 Entonces corto el vídeo y os enseño cómo ha quedado.