1
00:00:02,480 --> 00:00:09,080
Vamos a realizar ahora otra app en la que tengamos un botón que al pulsar en él, pues, reproduzca un sonido.

2
00:00:09,699 --> 00:00:19,820
Entramos en App Inventor, le damos a crear apps e introducimos nuestro usuario y contraseña de Google.

3
00:00:25,250 --> 00:00:29,829
Una vez que estamos dentro, aparecen todos nuestros proyectos con los que hemos estado trabajando

4
00:00:29,829 --> 00:00:33,210
y vamos a crear un proyecto nuevo.

5
00:00:34,109 --> 00:00:36,490
Proyecto, comenzar, un proyecto nuevo.

6
00:00:36,490 --> 00:00:52,619
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.

7
00:00:56,729 --> 00:01:07,810
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.

8
00:01:07,810 --> 00:01:24,709
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.

9
00:01:24,709 --> 00:01:33,989
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.

10
00:01:34,250 --> 00:01:44,790
Vamos a ver, pues este me parece que está bien y le doy a descargar el fichero y se me ha descargado.

11
00:01:45,790 --> 00:01:52,230
Ahora voy a hacer lo mismo pero seleccionando imágenes.

12
00:01:52,230 --> 00:01:55,269
Venga, pues me parece que esta está bien

13
00:01:55,269 --> 00:01:56,810
Le doy a esta imagen

14
00:01:56,810 --> 00:02:01,400
Y ahora en cuanto se cargue, veis aquí este botón

15
00:02:01,400 --> 00:02:02,579
Descargo la original

16
00:02:02,579 --> 00:02:05,299
Y se me está descargando

17
00:02:05,299 --> 00:02:07,260
Bueno, pues ya estoy aquí

18
00:02:07,260 --> 00:02:09,280
Entonces, cuando estoy en este botón

19
00:02:09,280 --> 00:02:12,259
Le voy a decir que la imagen que va a tener el botón

20
00:02:12,259 --> 00:02:15,219
Va a ser la del archivo

21
00:02:15,219 --> 00:02:17,539
Subo el archivo que acabo de descargar

22
00:02:17,539 --> 00:02:18,539
Este de aquí

23
00:02:18,539 --> 00:02:27,069
Y acepto

24
00:02:27,069 --> 00:02:28,110
Bueno, pues no se ve

25
00:02:28,110 --> 00:02:29,530
Ahora veremos por qué no se ve

26
00:02:29,530 --> 00:02:41,430
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.

27
00:02:41,770 --> 00:02:48,969
Entonces voy a coger uno que sea otro, este que está sin paréntesis. Vais a ver cómo ese es el problema.

28
00:02:51,319 --> 00:02:58,039
Y ahora aquí en la imagen selecciono la otra. ¿Veis? Ese era el problema. No podemos elegir imágenes.

29
00:02:58,039 --> 00:03:03,439
Entonces los nombres de los archivos en App Inventor no pueden tener paréntesis ni símbolos raros.

30
00:03:03,680 --> 00:03:06,080
Entonces simplemente le podéis cambiar el nombre al archivo.

31
00:03:07,219 --> 00:03:11,419
En este texto le voy a quitar el texto para que no aparezca aquí texto para el botón 1.

32
00:03:12,340 --> 00:03:17,000
Y yo voy a querer que la imagen esté en el medio de la pantalla.

33
00:03:17,000 --> 00:03:26,080
Me vengo a Screen y le digo que esté en el centro y centrado.

34
00:03:26,259 --> 00:03:26,819
Ahí lo tenemos.

35
00:03:26,819 --> 00:03:38,099
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.

36
00:03:38,099 --> 00:03:43,319
Me vengo aquí a etiqueta y lo arrastro, lo pongo allí

37
00:03:43,319 --> 00:03:48,680
Y aquí en el texto le voy a decir, pulsa en la imagen

38
00:03:48,680 --> 00:03:54,430
Como está muy pequeño, pues lo voy a hacer más grande, por ejemplo a 30

39
00:03:54,430 --> 00:03:56,569
Y aquí lo tenemos, ¿de acuerdo?

40
00:03:56,689 --> 00:04:03,090
Lo puedo poner si quiero en negrita, en cursiva, con un color de fondo distinto

41
00:04:03,090 --> 00:04:04,909
Pero me parece que así está bien

42
00:04:04,909 --> 00:04:07,490
Venga, pues ahora le voy a poner el sonido

43
00:04:07,490 --> 00:04:16,790
El sonido lo tenemos en medios. Le doy a sonido y lo arrastro aquí, en la pantalla, en cualquier posición de la pantalla.

44
00:04:17,310 --> 00:04:28,110
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.

45
00:04:29,029 --> 00:04:33,910
El archivo del mojito de la vaca. ¿Ves que aquí lo tengo con paréntesis? Me va a pasar lo mismo.

46
00:04:33,910 --> 00:04:47,310
Entonces, lo que voy a hacer es quitarle los paréntesis y ahora ya lo voy a poder subir a aceptar.

47
00:04:48,509 --> 00:04:58,069
¿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.

48
00:04:58,069 --> 00:05:09,889
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.

49
00:05:10,790 --> 00:05:23,930
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.

50
00:05:23,930 --> 00:05:39,589
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.

51
00:05:39,589 --> 00:05:47,949
o en la misma pantalla ponemos distintas imágenes y dependiendo de la imagen en la que demos nos da un sonido u otro.

52
00:05:48,589 --> 00:05:55,889
Recordad que para generar el archivo APK, que es el que me tenéis que enviar, simplemente le damos a generar APK,

53
00:05:56,490 --> 00:06:03,550
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.

54
00:06:04,170 --> 00:06:05,670
Bueno, pues espero haberos ayudado.