1
00:00:00,690 --> 00:00:07,809
Bien, buenos días a todos. Bienvenidos a este curso de aprendizaje de servicio a través de la programación de apps.

2
00:00:08,390 --> 00:00:18,230
Y este vídeo está dedicado a la programación MIP App Inventor de la aplicación móvil que vamos a desarrollar como ejemplo de un producto de aprendizaje de servicio.

3
00:00:18,230 --> 00:00:27,949
Bueno, para poder realizar esta programación y ya se ha comentado a lo largo de los bloques anteriores de este curso

4
00:00:27,949 --> 00:00:33,869
es imprescindible contar con una cuenta de Gmail para poder acceder a la plataforma MIP App Inventor

5
00:00:33,869 --> 00:00:37,570
que nos va a permitir la programación del dispositivo móvil

6
00:00:37,570 --> 00:00:45,310
Bueno, yo ya he desarrollado la aplicación y vamos a ir comentando los diferentes elementos en la parte del diseñador

7
00:00:45,310 --> 00:00:50,810
para luego después comentar la parte que afecta a los bloques de cada uno de los elementos

8
00:00:50,810 --> 00:00:52,789
que hemos seleccionado en el diseñador.

9
00:00:53,649 --> 00:00:57,609
Bueno, esta aplicación, como ya hemos visto en el vídeo anterior,

10
00:00:58,049 --> 00:01:03,390
es una aplicación que lo que pretende es seleccionar o poder ofrecer al usuario

11
00:01:03,390 --> 00:01:11,409
diferentes músicas e imágenes relacionadas con un menú que tenemos seleccionado,

12
00:01:11,409 --> 00:01:20,329
En este caso, pues eligiendo cuatro elementos y la música estará relacionada con algunas de estas temáticas que hemos seleccionado.

13
00:01:21,150 --> 00:01:23,310
Tierra, agua, viento y fuego.

14
00:01:23,870 --> 00:01:33,810
Adicionalmente tenemos un botón de ayuda, en este caso que nos pondría en contacto con un servicio gratuito de ayuda para las personas que necesiten hablar

15
00:01:33,810 --> 00:01:44,849
y bueno, de alguna manera necesiten contar su historia para de alguna manera poder paliar los efectos del estado de ánimo,

16
00:01:45,349 --> 00:01:47,269
en este caso de ansiedad, depresión, etc.

17
00:01:48,349 --> 00:01:58,209
Y la aplicación nos va a permitir activar, reproducir o detener los diferentes sonidos y músicas que hemos elegido.

18
00:01:58,209 --> 00:02:04,390
entonces para realizar esta aplicación móvil vamos a utilizar un menú desplegable

19
00:02:04,390 --> 00:02:07,709
en realidad este menú estará siempre aquí, lo que pasa es que estará oculto

20
00:02:07,709 --> 00:02:15,090
y solamente con este botón vamos a poder visualizar el menú lateral que tenemos aquí

21
00:02:15,090 --> 00:02:22,090
el botón superior nos permite activar o desactivar la música que tenemos seleccionada

22
00:02:22,090 --> 00:02:24,990
y por último el botón salir que nos permite cerrar la aplicación

23
00:02:24,990 --> 00:02:45,250
Bueno, ¿cómo conseguimos todo esto? Bueno, pues en primer lugar lo que tenemos que hacer es, en la ventana del diseñador vamos a colocar varias disposiciones, en este caso, como ya sabemos, en esta paleta de componentes aquí tenemos la disposición, puede ser horizontal, tabular, vertical, etc.

24
00:02:45,250 --> 00:02:57,550
Bueno, pues los elementos con los que vamos a contar o la disposición que vamos a contar de los botones va a ser, en primer lugar, una disposición horizontal, la que vemos aquí arriba, en la que vamos a incluir dos botones.

25
00:02:58,490 --> 00:03:05,530
Esos dos botones, que como ya sabemos los elegimos aquí y los vamos a renombrar, pues son el botón menú y el botón inicio.

26
00:03:05,530 --> 00:03:21,729
En los dos casos ya los he renombrado. En el primer caso no he indicado un texto, simplemente en este caso concreto lo que he seleccionado es, dentro del catálogo de caracteres de cualquier editor de texto, he seleccionado el que corresponde con tres rayitas.

27
00:03:21,729 --> 00:03:25,250
se puede poner tres puntos o menú, la palabra menú, da igual

28
00:03:25,250 --> 00:03:29,990
el caso es que yo he seleccionado estos tres rayitas indicando que es algo desplegable

29
00:03:29,990 --> 00:03:36,729
entonces como ya sabemos en el texto renombramos este botón y colocamos el texto en el interior del botón

30
00:03:37,610 --> 00:03:40,449
y como digo este dispositivo horizontal ofrece dos botones

31
00:03:40,449 --> 00:03:46,370
el botón menú y el botón inicio parada o reproducción y detener como queramos llamarlo

32
00:03:46,370 --> 00:03:56,710
Y como digo, este botón también nos permite encender y apagar la reproducción de la música que se está generando.

33
00:03:56,710 --> 00:04:11,789
En los dos casos, hay que ajustar el alto al contenedor, pero en el caso del botón menú, hemos ajustado el ancho al 15%,

34
00:04:11,789 --> 00:04:19,629
el alto es el mismo, pero en el caso del inicio y parada, pues lo hemos ajustado al contenedor de manera que nos queda un botón más pequeñito

35
00:04:19,629 --> 00:04:23,610
y otro que ocupa el resto de esta disposición horizontal.

36
00:04:24,410 --> 00:04:30,290
Después añadimos otra nueva disposición horizontal, que sería la que ocuparía toda esta pantalla de aquí,

37
00:04:30,689 --> 00:04:34,790
y aquí incluimos dentro de esta disposición horizontal una disposición vertical.

38
00:04:34,790 --> 00:04:44,610
Y en esa disposición vertical es donde vamos a incluir todos los botones de acceso en el menú lateral de acceso a todos los elementos con los que vamos a navegar.

39
00:04:45,810 --> 00:05:00,569
Y además, para cada uno de esos botones y que quede de una manera visualmente más atractiva, le añadimos un espacio, en este caso con otra disposición que incluimos también horizontal.

40
00:05:00,569 --> 00:05:05,870
simplemente esto es un espacio, lo que hemos seleccionado aquí es una disposición horizontal

41
00:05:05,870 --> 00:05:13,089
y lo único que hacemos es un ancho del 2% y el ancho automático

42
00:05:13,089 --> 00:05:17,949
lo incluimos en cada uno de los botones, para separar los botones de manera que nos va a quedar mucho más elegante

43
00:05:17,949 --> 00:05:22,149
cuando se visualice esta disposición, este menú lateral

44
00:05:22,149 --> 00:05:26,490
todos estos botones como digo están incluidos dentro de la disposición vertical

45
00:05:26,490 --> 00:05:32,269
pero no se nos olvide que estamos en una disposición horizontal, es decir, que esto se formaría parte de una disposición horizontal

46
00:05:32,269 --> 00:05:36,930
y el resto de elementos de la disposición horizontal serían, en este caso, imágenes.

47
00:05:37,189 --> 00:05:43,870
Vamos a incluir varias imágenes, como vemos aquí, todas alineadas horizontalmente en esta zona de aquí,

48
00:05:43,930 --> 00:05:49,009
en esta parte de la disposición de la pantalla.

49
00:05:49,009 --> 00:05:53,629
estas imágenes, estas no las he renombrado

50
00:05:53,629 --> 00:05:56,449
pero vamos, a partir de aquí se supone que son imágenes

51
00:05:56,449 --> 00:05:58,310
que tienen que ver evidentemente con los diferentes

52
00:05:58,310 --> 00:06:03,649
menos la primera, que es la imagen que te sugiere momentos de silencio

53
00:06:03,649 --> 00:06:06,629
el resto tienen que ver evidentemente con imágenes que tengan que ver

54
00:06:06,629 --> 00:06:08,410
con la tierra, con el agua, con el viento, etc.

55
00:06:09,269 --> 00:06:13,709
¿Qué tipo de propiedades deben tener estas imágenes?

56
00:06:13,870 --> 00:06:15,850
Pues como vemos, se ajusta el contenedor

57
00:06:15,850 --> 00:06:26,930
en tanto el alto como el ancho y en todas las demás, como vemos, cargamos la foto que corresponda, previamente habremos cargado en la parte de medios

58
00:06:26,930 --> 00:06:36,290
que ahora veremos todos estos elementos y como digo, se ajusta en el alto al contenedor y en ancho automático, de manera que va a ocupar siempre que sea posible

59
00:06:36,290 --> 00:06:42,430
toda la parte de la pantalla. Cuando el menú esté oculto, ocupará toda la parte de la pantalla.

60
00:06:42,829 --> 00:06:46,529
Cuando el menú esté desplegado, entonces se ajustará al resto de la pantalla.

61
00:06:48,569 --> 00:06:56,889
Además, dentro de la disposición vertical que hemos incluido, como digo, en todos estos botones,

62
00:06:57,410 --> 00:07:04,810
tenemos también aquí un elemento que en este caso tiene que ver con el botón de la llamada

63
00:07:04,810 --> 00:07:11,730
que está aquí abajo, es un botón en el que vamos a incluir, es un botón grande, se despliega como habremos visto

64
00:07:11,730 --> 00:07:18,029
en las animaciones anteriores del vídeo anterior, se ajusta el contenedor en cuanto al alto y en cuanto al ancho

65
00:07:18,029 --> 00:07:24,310
lo cual significa que cuando este menú está por aquí, el resto de la pantalla, el resto del espacio disponible

66
00:07:24,310 --> 00:07:30,990
va a ocupar un botón de color rojo que además coloca, tenemos el texto incluido en este botón

67
00:07:30,990 --> 00:07:33,569
teléfono de la esperanza, los centramos

68
00:07:33,569 --> 00:07:35,269
los colores y demás, por supuesto

69
00:07:35,269 --> 00:07:36,649
todo lo que tenga que ver con las propiedades

70
00:07:36,649 --> 00:07:38,709
lo dejamos a criterio del programador

71
00:07:38,709 --> 00:07:41,629
para que seleccione los colores que más les guste

72
00:07:41,629 --> 00:07:43,389
en fin, todos estos botones

73
00:07:43,389 --> 00:07:45,069
sí que comentar que están todos

74
00:07:45,069 --> 00:07:47,610
en forma redondeada

75
00:07:47,610 --> 00:07:48,850
para que le quede un aspecto

76
00:07:48,850 --> 00:07:50,829
visualmente mucho más atractivo

77
00:07:50,829 --> 00:07:52,269
y por último

78
00:07:52,269 --> 00:07:55,610
esto en cuanto a los elementos, llegamos a los componentes

79
00:07:55,610 --> 00:07:57,129
que visualmente podemos ver

80
00:07:57,129 --> 00:07:58,930
y por último añadimos también

81
00:07:58,930 --> 00:08:00,430
elementos que no se ven

82
00:08:00,430 --> 00:08:20,430
En este caso concreto tenemos cuatro reproductores y una herramienta de sensores que tiene que ver con la llamada de teléfono.

83
00:08:20,430 --> 00:08:45,850
Entonces, estos componentes no visibles son los reproductores, evidentemente se puede hacer de otra manera, estamos buscando una forma de programar sencilla y rápida, no tiene por qué hacerse cada reproductor para una música concreta, puede hacerse un único reproductor y con una base de datos ir seleccionando los diferentes elementos, las diferentes músicas a reproducir,

84
00:08:45,850 --> 00:08:48,149
pero en este caso me ha parecido más fácil

85
00:08:48,149 --> 00:08:50,409
pues aplicar un reproductor para cada música

86
00:08:50,409 --> 00:08:53,090
y ya está, ya he notado que este es un ejemplo sencillo

87
00:08:53,090 --> 00:08:57,009
para poder ver cómo se puede realizar un producto final

88
00:08:57,009 --> 00:09:00,870
sin complicarlo excesivamente

89
00:09:00,870 --> 00:09:04,570
en la parte de medios hemos ya subido todos los elementos

90
00:09:04,570 --> 00:09:06,649
que vamos a necesitar, en este caso todas las imágenes

91
00:09:06,649 --> 00:09:10,450
y todas las músicas, por supuesto imágenes libres

92
00:09:10,450 --> 00:09:13,490
de derechos de autor y al igual que las músicas y los sonidos

93
00:09:13,490 --> 00:09:18,929
además hemos incluido una etiqueta

94
00:09:18,929 --> 00:09:21,610
después del botón de la llamada

95
00:09:21,610 --> 00:09:23,009
esta etiqueta va a desaparecer después

96
00:09:23,009 --> 00:09:25,889
cuando pulsemos el botón de ayuda

97
00:09:25,889 --> 00:09:27,769
y esta etiqueta contiene en este caso

98
00:09:27,769 --> 00:09:29,509
la web donde está sacado

99
00:09:29,509 --> 00:09:31,009
en este caso se ha extraído la música

100
00:09:31,009 --> 00:09:32,629
se ha extraído la música gratuita

101
00:09:32,629 --> 00:09:35,610
y los sonidos para poder incluirlos en la aplicación

102
00:09:35,610 --> 00:09:39,110
pues con esta visión general que tenemos ya

103
00:09:39,110 --> 00:09:44,070
de la disposición de los elementos

104
00:09:44,070 --> 00:09:47,970
en el diseñador, vamos entonces ahora a ver cómo podemos

105
00:09:47,970 --> 00:09:52,210
programar cada uno de los elementos. A primera vista, los eventos

106
00:09:52,210 --> 00:09:56,070
que forman parte de esta programación, vamos a ir viéndolos

107
00:09:56,070 --> 00:09:59,570
detalladamente. En primer lugar, vamos con esta primera parte de aquí

108
00:09:59,570 --> 00:10:04,090
y aquí tenemos

109
00:10:04,090 --> 00:10:07,629
el evento cuando se abre la pantalla

110
00:10:07,629 --> 00:10:12,690
todo lo que incluye. Lo que incluye fundamentalmente es

111
00:10:12,690 --> 00:10:16,429
los elementos que hemos comentado anteriormente, la paleta

112
00:10:16,429 --> 00:10:20,809
de componentes que hemos ido seleccionando. Lo que hacemos es lo siguiente

113
00:10:20,809 --> 00:10:24,289
cuando se inicializa la primera pantalla

114
00:10:24,289 --> 00:10:28,490
recuerda además que esta aplicación está toda contenida en una única pantalla

115
00:10:28,490 --> 00:10:32,149
para hacerlo más fácil la aplicación

116
00:10:32,149 --> 00:10:36,529
aunque se deja también al alumno, al programador que pueda

117
00:10:36,529 --> 00:10:41,269
realizar diferentes pantallas con diferentes elementos adicionales bueno

118
00:10:41,269 --> 00:10:44,509
pues en la primera pantalla que es la única que tenemos en lugar lo que

119
00:10:44,509 --> 00:10:50,289
hacemos es colocar en este caso todos los elementos que nos interesa que estén

120
00:10:50,289 --> 00:10:57,789
visibles y los que no en este caso concreto la imagen silencio que es la

121
00:10:57,789 --> 00:11:02,710
primera que aparece queremos que se visualice por lo tanto elegimos en este

122
00:11:02,710 --> 00:11:08,149
caso la instrucción poner silencio punto visible como cierto entonces bueno pues

123
00:11:08,149 --> 00:11:13,370
en esta en este caso nada más empezar ya vemos esa imagen sin embargo la

124
00:11:13,370 --> 00:11:17,210
disposición por ejemplo vertical que es la que nos permitía

125
00:11:17,210 --> 00:11:22,830
disponer de los botones del menú lateral está en falso es decir que no vamos a

126
00:11:22,830 --> 00:11:28,909
poder verlos como tampoco podamos a poder ver el botón de la llamada que

127
00:11:28,909 --> 00:11:33,289
aparece en la parte inferior y luego llamamos a un procedimiento llamado

128
00:11:33,289 --> 00:11:38,450
imágenes ocultas que si observamos en qué consiste básicamente es que todas

129
00:11:38,450 --> 00:11:45,350
las imágenes iniciales las tenemos ocultas y para ello utilizamos la

130
00:11:45,350 --> 00:11:49,490
instrucción que hace referencia a cada una de las imágenes y en él colocamos

131
00:11:49,490 --> 00:11:54,409
como falso para ocultar todas estas imágenes incluyendo también el botón de

132
00:11:54,409 --> 00:12:01,309
la llamada bueno pues cuando esto cuando todas hemos inicializado toda la pantalla disponemos

133
00:12:01,309 --> 00:12:06,169
también eso sí del botón salir que está colocado en la parte final y que sencillamente nos permite

134
00:12:06,169 --> 00:12:10,970
cerrar la aplicación y ya está bueno vamos a centrarnos entonces en qué ocurre en los eventos

135
00:12:10,970 --> 00:12:17,129
que ocurren cuando hacemos clic en cada uno de los elementos en primer lugar en el botón menú

136
00:12:17,129 --> 00:12:22,769
lo que hacíamos es desplegar la disposición vertical de los botones y efectivamente si

137
00:12:22,769 --> 00:12:29,289
Y lo que hacemos con una instrucción condicional, si la disposición vertical de esos botones ya está visible,

138
00:12:29,789 --> 00:12:31,470
pues entonces lo que hacemos es ocultarla.

139
00:12:31,649 --> 00:12:33,950
Pero si no está visible, la hacemos visible.

140
00:12:33,950 --> 00:12:39,450
Es decir, que nos va a permitir con esta pequeña instrucción condicional,

141
00:12:39,889 --> 00:12:49,149
el botón menú nos va a permitir visualizar, desplegar o plegar la disposición de los botones verticales.

142
00:12:49,149 --> 00:12:53,370
Es decir, ese menú lateral va a aparecer o desaparecer cada vez que pulsemos una u otra vez.

143
00:12:55,129 --> 00:13:01,210
Todas las demás que vemos aquí, estas que vemos aquí, todas estas seis eventos que tienen que ver con botones,

144
00:13:01,610 --> 00:13:06,129
tierra, agua, viento, fuego, el botón de ayuda y el botón de la llamada,

145
00:13:06,610 --> 00:13:16,389
son instrucciones que nos van a permitir ocultar todo lo que estuviera y solamente dejar visible la imagen correspondiente.

146
00:13:16,389 --> 00:13:23,110
que haga referencia al botón tierra, al botón agua, al botón viento o al botón luz.

147
00:13:23,389 --> 00:13:29,769
Cada una de estas imágenes las hemos cargado previamente, como ya hemos visto en el diseñador,

148
00:13:30,110 --> 00:13:32,129
y las vamos a asociar a cada uno de los botones.

149
00:13:32,590 --> 00:13:34,649
Entonces, ¿qué hacemos en cada uno de esos botones?

150
00:13:34,649 --> 00:13:38,110
Pues lo primero es llamar a un procedimiento llamado Imágenes Ocultar,

151
00:13:38,190 --> 00:13:43,009
es decir, como hemos visto antes, ocultamos todas las imágenes

152
00:13:43,009 --> 00:13:48,210
y llamamos a la instrucción música parar porque no sabemos lo que se está reproduciendo

153
00:13:48,210 --> 00:13:51,350
pero sea lo que sea lo vamos a parar, aquí tenemos la instrucción

154
00:13:51,350 --> 00:13:54,149
que es cada uno de los reproductores los detenemos

155
00:13:54,149 --> 00:13:59,610
entonces con este procedimiento lo que hacemos es al accionar uno de los botones principales

156
00:13:59,610 --> 00:14:01,470
tierra, agua, viento o fuego

157
00:14:01,470 --> 00:14:04,210
ocultamos todas las imágenes

158
00:14:04,210 --> 00:14:09,250
paramos toda la música y ponemos en este caso la imagen visible que corresponda

159
00:14:09,250 --> 00:14:11,509
con el evento correspondiente

160
00:14:11,509 --> 00:14:13,350
con el botón correspondiente

161
00:14:13,350 --> 00:14:14,990
en el caso del botón de ayuda

162
00:14:14,990 --> 00:14:16,309
que es un botón un poquito especial

163
00:14:16,309 --> 00:14:19,190
ocurre lo mismo, pero además ponemos

164
00:14:19,190 --> 00:14:20,929
como visible el botón de la llamada

165
00:14:20,929 --> 00:14:21,909
que está en la parte superior

166
00:14:21,909 --> 00:14:24,269
la etiqueta que hacía referencia

167
00:14:24,269 --> 00:14:26,309
de donde extraíamos los elementos

168
00:14:26,309 --> 00:14:28,330
los componentes, las imágenes

169
00:14:28,330 --> 00:14:30,789
y mejor dicho, los sonidos

170
00:14:30,789 --> 00:14:32,669
también lo ocultamos, porque ya no es importante

171
00:14:32,669 --> 00:14:34,870
y eso sí

172
00:14:34,870 --> 00:14:36,490
visualizamos, perdón

173
00:14:36,490 --> 00:14:38,850
y ocultamos también la imagen del silencio

174
00:14:38,850 --> 00:14:45,230
esto es así porque como se ha visualizado el botón de la llamada que ahora está visible

175
00:14:45,230 --> 00:14:51,350
cuando hagamos clic sobre el botón de la llamada haremos referencia a la instrucción llamar a un número de teléfono

176
00:14:51,350 --> 00:15:01,149
que en el componente no visible que estaba aquí es el que nos permite realizar una llamada directamente a ese número de teléfono

177
00:15:01,149 --> 00:15:06,330
continuamos entonces con cada uno de estos elementos

178
00:15:06,330 --> 00:15:09,210
de botones de tierra, agua, viento y fuego

179
00:15:09,210 --> 00:15:14,889
y vamos a ver cómo se ejecuta el sonido correspondiente

180
00:15:14,889 --> 00:15:16,289
o la música correspondiente

181
00:15:16,289 --> 00:15:19,629
como digo, ocultamos todo y solamente dejamos visible la imagen

182
00:15:19,629 --> 00:15:23,710
y ahora viene esta instrucción

183
00:15:23,710 --> 00:15:27,490
este evento que tiene que ver con el botón que ejecuta

184
00:15:27,490 --> 00:15:31,450
o reproduce la imagen, perdón, la música o la detiene.

185
00:15:31,970 --> 00:15:36,730
Entonces lo que hacemos es, en este caso, ocultar la disposición vertical de los botones

186
00:15:36,730 --> 00:15:41,529
porque aquí están visibles, pero una vez que ya hemos seleccionado uno de ellos

187
00:15:41,529 --> 00:15:47,970
ya no queremos verlo más y a partir de ahí, con cuatro condiciones,

188
00:15:48,450 --> 00:15:51,029
preguntamos qué imagen está visible.

189
00:15:51,029 --> 00:15:53,309
Como aquí hemos habilitado la imagen correspondiente,

190
00:15:53,309 --> 00:15:55,049
pues dependiendo de la imagen que esté visible

191
00:15:55,049 --> 00:15:57,009
ya podemos acceder a su música

192
00:15:57,009 --> 00:15:58,870
correspondiente, si se estaba

193
00:15:58,870 --> 00:16:01,070
reproduciendo el sonido, se va a parar

194
00:16:01,070 --> 00:16:02,669
cada vez que demos

195
00:16:02,669 --> 00:16:05,049
al botón inicio

196
00:16:05,049 --> 00:16:07,090
parada, y si no se estaba reproduciendo

197
00:16:07,090 --> 00:16:09,029
pues se reproducirá, esto también

198
00:16:09,029 --> 00:16:11,129
es interesante porque al igual que en el anterior caso

199
00:16:11,129 --> 00:16:12,990
lo que hacemos es con una pulsación

200
00:16:12,990 --> 00:16:14,909
o una segunda pulsación, iniciamos

201
00:16:14,909 --> 00:16:17,149
o paramos la reproducción

202
00:16:17,149 --> 00:16:18,769
de la música que le corresponda

203
00:16:18,769 --> 00:16:21,210
y para ello nos apoyamos en la imagen que esté visible

204
00:16:21,210 --> 00:16:22,509
¿vale?

205
00:16:22,509 --> 00:16:42,190
Esto lo realizamos constantemente y eso sí, el botón de la etiqueta y del silencio los visualizamos para que se pueda ver la imagen del silencio y la etiqueta famosa que nos indica de dónde están extraídos las fuentes de información de la música.

206
00:16:42,190 --> 00:16:49,289
Dicho esto, lo único que nos quedaría es qué ocurre si la música ha terminado

207
00:16:49,289 --> 00:16:56,690
Pues en este caso, si se ha terminado en cada uno de los reproductores de finalizar su música

208
00:16:56,690 --> 00:17:05,789
Lo que hacemos es poner a disposición vertical otra vez visible para poder ofrecer otra selección para el usuario

209
00:17:05,789 --> 00:17:16,930
Y de esta manera podemos realizar diferentes reproducciones de música y de imágenes en función del menú que hayamos seleccionado.

210
00:17:17,250 --> 00:17:21,150
Aquí hemos colocado una última instrucción que no afecta evidentemente al programa principal,

211
00:17:21,289 --> 00:17:28,630
simplemente podemos añadir además el cambiar los colores del fondo de la pantalla en función de la selección que tengamos.

212
00:17:28,809 --> 00:17:34,190
Bueno, yo no lo he incluido, pero lo dejo a criterio del programador, del alumno, que lo realice si lo desea.

213
00:17:34,190 --> 00:17:45,170
Y esto es básicamente el programa en sí. No es muy complicado, simplemente para cada uno de los elementos tenemos que colocar el evento correspondiente.