1
00:00:00,620 --> 00:00:10,199
Bueno, vamos a hacer otro tutorial, esta vez de App Inventor, esta vez para primero donar eso.

2
00:00:11,080 --> 00:00:19,219
Entonces, como siempre, tendremos primero que meternos en App Inventor, crear un nuevo proyecto,

3
00:00:19,219 --> 00:00:23,219
si queréis poder poner Beginner, le vamos a llamar...

4
00:00:23,219 --> 00:00:41,740
Tenemos nuestra pantalla

5
00:00:41,740 --> 00:00:43,000
Lo primero que hay que poner

6
00:00:43,000 --> 00:00:44,780
Son las propiedades de esta pantalla

7
00:00:44,780 --> 00:00:46,799
Aquí tenemos todos los componentes

8
00:00:46,799 --> 00:00:51,990
Alineación de la pantalla

9
00:00:51,990 --> 00:00:53,109
Centrada

10
00:00:53,109 --> 00:00:56,240
Horizontal y vertical

11
00:00:56,240 --> 00:00:57,700
Color

12
00:00:57,700 --> 00:01:00,079
O todos estos

13
00:01:00,079 --> 00:01:02,439
O si queréis vamos a color de consumidor

14
00:01:02,439 --> 00:01:11,060
Dejemos uno demasiado clarito

15
00:01:11,060 --> 00:01:11,799
Este

16
00:01:11,799 --> 00:01:15,230
Animación

17
00:01:15,230 --> 00:01:16,750
No suele funcionar

18
00:01:16,750 --> 00:01:18,290
pero bueno si queréis alguna

19
00:01:18,290 --> 00:01:24,090
alto contraste

20
00:01:24,090 --> 00:01:31,090
bueno, podemos poner

21
00:01:31,090 --> 00:01:35,030
que la queremos en horizontal

22
00:01:35,030 --> 00:01:48,840
esto si queremos que se pueda

23
00:01:48,840 --> 00:01:50,439
mover sobre la propia pantalla

24
00:01:50,439 --> 00:01:52,959
y título

25
00:01:52,959 --> 00:01:54,700
el juego de las errores

26
00:01:54,700 --> 00:02:07,010
vamos con los elementos

27
00:02:07,010 --> 00:02:09,919
tenemos

28
00:02:09,919 --> 00:02:12,680
una etiqueta

29
00:02:12,680 --> 00:02:17,259
un cuadro de texto

30
00:02:17,259 --> 00:02:20,099
otra etiqueta

31
00:02:20,099 --> 00:02:23,639
Otro cuadro de texto

32
00:02:23,639 --> 00:02:27,000
Y un botón

33
00:02:27,000 --> 00:02:31,560
Primera etiqueta

34
00:02:31,560 --> 00:02:35,080
Vamos a llamar

35
00:02:35,080 --> 00:02:37,259
Edad

36
00:02:37,259 --> 00:02:40,439
Mejor siempre con minúsculas, ¿vale?

37
00:02:45,229 --> 00:02:46,689
Propiedades de esta etiqueta

38
00:02:46,689 --> 00:02:49,150
Pues

39
00:02:49,150 --> 00:02:51,909
Yo no pondría color de fondo

40
00:02:51,909 --> 00:02:53,930
Si alguien lo quiere poner, que lo ponga

41
00:02:53,930 --> 00:02:55,949
Lo que sí pondría sería negrita

42
00:02:55,949 --> 00:02:58,629
El tamaño

43
00:02:58,629 --> 00:03:01,750
Bueno, podemos ponerlo un poquito más grande

44
00:03:01,750 --> 00:03:11,569
La fuente, pues también podemos cambiar de fuente

45
00:03:11,569 --> 00:03:20,240
Tiene margen, el ancho y el alto automáticos

46
00:03:20,240 --> 00:03:24,000
Textos de la etiqueta, vamos a decir, introduce tu edad

47
00:03:24,000 --> 00:03:34,620
Alineación en el centro

48
00:03:34,620 --> 00:03:38,219
Color, por ejemplo, por rojo

49
00:03:38,219 --> 00:03:46,080
Vamos con el cuadro de texto

50
00:03:46,080 --> 00:03:53,219
A mí me gusta, sinceramente me gusta más que el color del cuadro de texto sea blanco

51
00:03:53,219 --> 00:03:58,379
Negrita, italic

52
00:03:58,379 --> 00:04:01,500
Tipo de fuente por defecto

53
00:04:01,500 --> 00:04:03,080
Tamaño por defecto

54
00:04:03,740 --> 00:04:06,159
Esto es conveniente quitarlo

55
00:04:06,159 --> 00:04:12,719
Texto en el centro

56
00:04:12,719 --> 00:04:17,680
Color de texto, pues como lo tenemos fondo blanco, mejor negro

57
00:04:17,680 --> 00:04:19,000
Color de texto negro

58
00:04:19,000 --> 00:04:45,379
Vamos con la etiqueta 2, pues la etiqueta 2 la vamos a llamar, este cuadro de texto le vamos a llamar edad, vamos con la segunda etiqueta, la vamos a llamar adulto,

59
00:04:45,379 --> 00:04:56,310
color de fondo no

60
00:04:56,310 --> 00:04:58,689
la vamos a poner negrita

61
00:04:58,689 --> 00:05:00,250
un poquito más grande

62
00:05:00,250 --> 00:05:09,639
la fuente es serif

63
00:05:09,639 --> 00:05:15,259
texto

64
00:05:15,259 --> 00:05:16,480
hemos dicho que

65
00:05:16,480 --> 00:05:20,279
eres un adulto

66
00:05:20,279 --> 00:05:32,269
centro

67
00:05:32,269 --> 00:05:34,490
color del texto

68
00:05:34,490 --> 00:05:34,949
negro

69
00:05:34,949 --> 00:05:39,149
el color de fondo

70
00:05:39,149 --> 00:05:42,069
el color de texto

71
00:05:42,069 --> 00:05:44,350
de esta etiqueta rojo

72
00:05:44,350 --> 00:05:51,509
¿vale?

73
00:05:51,910 --> 00:05:54,550
color de fondo hemos dicho que mejor blanco

74
00:05:54,550 --> 00:05:58,899
todo lo demás

75
00:05:58,899 --> 00:06:01,699
esto hay que quitarlo

76
00:06:01,699 --> 00:06:04,199
la alineación de texto

77
00:06:04,199 --> 00:06:05,819
y el color de texto

78
00:06:05,819 --> 00:06:11,310
para que tenga buen contraste

79
00:06:11,310 --> 00:06:12,189
botón

80
00:06:12,189 --> 00:06:13,889
vamos a llamar resultado

81
00:06:13,889 --> 00:06:21,160
ya está

82
00:06:21,160 --> 00:06:24,500
a este cuadro de texto le vamos a llamar

83
00:06:24,500 --> 00:06:39,850
bueno, que ponemos en el botón

84
00:06:39,850 --> 00:06:40,949
pues en el botón

85
00:06:40,949 --> 00:06:43,649
a mi me gusta más rojito

86
00:06:43,649 --> 00:06:45,050
vale

87
00:06:45,050 --> 00:06:51,980
Si queréis poner italic en este caso

88
00:06:51,980 --> 00:06:56,810
El tipo de fuente

89
00:06:56,810 --> 00:06:58,930
La misma, el tamaño, lo mismo

90
00:06:58,930 --> 00:07:00,949
La forma, a mí es que me gustan mucho

91
00:07:00,949 --> 00:07:01,949
Los ovalados, pero

92
00:07:01,949 --> 00:07:05,839
Y el texto, vamos a poner

93
00:07:05,839 --> 00:07:07,459
Vamos a poner preguntas

94
00:07:07,459 --> 00:07:19,600
¿Vale? Pues esto sería

95
00:07:19,600 --> 00:07:22,019
Un poco la inicialización

96
00:07:22,019 --> 00:07:23,019
Del juego

97
00:07:23,019 --> 00:07:25,720
¿Vale? Que si tuviésemos que hacer

98
00:07:25,720 --> 00:07:27,379
Un diagrama de equilibrio, pues esto sería

99
00:07:27,379 --> 00:07:29,560
Lo que sería definición

100
00:07:29,560 --> 00:07:30,620
De variables

101
00:07:30,620 --> 00:07:32,240
y un poco

102
00:07:32,240 --> 00:07:34,560
tipología de las variables

103
00:07:34,560 --> 00:07:36,100
¿vale? lo equivalente

104
00:07:36,100 --> 00:07:38,399
en cualquier caso sí que es cierto

105
00:07:38,399 --> 00:07:40,620
que vamos a tener una variable

106
00:07:40,620 --> 00:07:41,920
que es

107
00:07:41,920 --> 00:07:43,300
edad

108
00:07:43,300 --> 00:07:49,160
y que bueno, pues lo bueno

109
00:07:49,160 --> 00:07:50,860
es bueno inicializar

110
00:07:50,860 --> 00:07:54,060
y antes de empezar a hacer nada

111
00:07:54,060 --> 00:07:55,459
pues sería conveniente que

112
00:07:55,459 --> 00:07:57,740
hicieseis un diagrama de flujo

113
00:07:57,740 --> 00:07:58,000
¿vale?

114
00:07:59,220 --> 00:08:00,259
¿qué vamos a tener?

115
00:08:00,259 --> 00:08:01,980
bueno pues cuando el botón

116
00:08:01,980 --> 00:08:03,699
cuando hagamos clic en el botón

117
00:08:03,699 --> 00:08:18,709
vamos a hacer vamos a hacer que lo que hayamos introducido aquí sea el valor de

118
00:08:18,709 --> 00:08:37,240
la variable vamos a hacer que la edad se guarde cuadrito de texto

119
00:08:37,240 --> 00:08:45,159
bueno ahora vamos con lo que realmente interesa

120
00:08:45,159 --> 00:08:52,159
que esto ya sabemos de scratch y una condición si se cumple la condición

121
00:08:52,159 --> 00:08:57,919
se hace una cosa y caso contrario se hace otra este es el rombito

122
00:08:57,919 --> 00:09:12,019
si nuestra variable es mayor o igual

123
00:09:12,019 --> 00:09:22,409
que 18 que hacemos pues ponemos este cuadrito de texto

124
00:09:22,409 --> 00:09:27,789
Este cuadrito de esto va a tener un valor

125
00:09:27,789 --> 00:09:29,129
Y si no va a tener otro

126
00:09:29,129 --> 00:09:32,370
¿Qué valor va a tener?

127
00:09:32,850 --> 00:09:33,490
Vamos a poner

128
00:09:33,490 --> 00:09:35,450
Aquí

129
00:09:35,450 --> 00:09:42,350
¿Qué no se cumple esa condición?

130
00:09:44,870 --> 00:09:45,750
Pues entonces

131
00:09:45,750 --> 00:09:50,139
No es hint, es test

132
00:09:50,139 --> 00:09:54,549
Entonces nos va a decir

133
00:09:54,549 --> 00:09:55,289
Que no

134
00:09:55,289 --> 00:10:02,090
Bueno pues ya tenemos

135
00:10:02,090 --> 00:10:03,950
Es así de fácil

136
00:10:03,950 --> 00:10:06,210
No tiene mayores

137
00:10:06,210 --> 00:10:07,470
Dificultades

138
00:10:07,470 --> 00:10:09,570
es así, así de facilito

139
00:10:09,570 --> 00:10:11,570
entonces lo que vamos a hacer

140
00:10:11,570 --> 00:10:13,230
ahora es

141
00:10:13,230 --> 00:10:14,549
comprobar que funciona

142
00:10:14,549 --> 00:10:18,139
con el teléfono móvil

143
00:10:18,139 --> 00:10:36,580
cargamos la aplicación en el

144
00:10:36,580 --> 00:10:49,470
teléfono móvil, bueno ya la

145
00:10:49,470 --> 00:10:50,710
tenemos aquí

146
00:10:50,710 --> 00:10:53,210
ahora os la enseño

147
00:10:53,210 --> 00:11:14,879
creo que

148
00:11:14,879 --> 00:11:17,240
se ven las dos etiquetas

149
00:11:17,240 --> 00:11:19,320
los dos cuadritos

150
00:11:19,320 --> 00:11:21,419
vale, no todo lo

151
00:11:21,419 --> 00:11:23,279
nítido que se puede ver porque tenemos un problema

152
00:11:23,279 --> 00:11:28,750
aquí con la luz, vale

153
00:11:29,049 --> 00:11:32,009
se ven los elementos

154
00:11:32,009 --> 00:11:39,940
si yo le pincho ahí

155
00:11:39,940 --> 00:11:44,580
y vamos a meter por ejemplo

156
00:11:44,580 --> 00:11:48,919
20

157
00:11:48,919 --> 00:11:55,440
20

158
00:11:55,440 --> 00:12:00,240
al pulsar el botón

159
00:12:00,240 --> 00:12:01,419
nos dice

160
00:12:01,419 --> 00:12:08,019
que si eres un

161
00:12:08,019 --> 00:12:13,850
adulto

162
00:12:13,850 --> 00:12:16,370
ahora si se ve bien

163
00:12:16,370 --> 00:12:22,309
si yo ahora en lugar de 20

164
00:12:22,309 --> 00:12:25,809
introduzco otro valor

165
00:12:25,809 --> 00:12:32,950
como puede ser 15

166
00:12:32,950 --> 00:12:37,259
bueno, todavía queda el sí de antes

167
00:12:37,259 --> 00:12:38,519
porque no le he dado al botón

168
00:12:38,519 --> 00:12:40,580
pero en cuanto le he dado al botón

169
00:12:40,580 --> 00:12:42,399
me parece que no

170
00:12:42,399 --> 00:12:44,570
¿vale?

171
00:12:44,889 --> 00:12:47,309
y así podríamos estar

172
00:12:47,309 --> 00:12:49,309
pues utilizando la aplicación

173
00:12:49,309 --> 00:12:52,049
con todas las edades que nos apeteciese

174
00:12:52,049 --> 00:12:53,350
¿de acuerdo?

175
00:12:54,909 --> 00:12:55,509
bueno

176
00:12:55,509 --> 00:12:56,970
cosas

177
00:12:56,970 --> 00:12:59,529
que a partir de aquí

178
00:12:59,529 --> 00:13:01,970
podemos hacer en la aplicación

179
00:13:01,970 --> 00:13:14,830
bueno

180
00:13:14,830 --> 00:13:17,730
podemos meter una

181
00:13:17,730 --> 00:13:20,470
podemos hacer una tercera categoría

182
00:13:20,470 --> 00:13:21,490
o sea, de momento tenemos

183
00:13:21,490 --> 00:13:23,750
adulto sí, adulto no

184
00:13:23,750 --> 00:13:26,129
pero si

185
00:13:26,129 --> 00:13:27,750
en este den

186
00:13:27,750 --> 00:13:30,110
incluimos otro sí

187
00:13:30,110 --> 00:13:30,990
ese

188
00:13:30,990 --> 00:13:33,929
pues podríamos poner

189
00:13:33,929 --> 00:13:35,309
otra condición

190
00:13:35,309 --> 00:13:39,190
que nos dice que no

191
00:13:39,190 --> 00:13:40,110
es

192
00:13:40,110 --> 00:13:44,049
a partir de la cual

193
00:13:44,049 --> 00:13:46,389
podríamos ir

194
00:13:46,389 --> 00:13:48,389
haciendo esas tres categorías

195
00:13:48,389 --> 00:13:49,750
también

196
00:13:49,750 --> 00:13:52,250
aquí tenemos la funcional

197
00:13:52,250 --> 00:13:54,570
entonces

198
00:13:54,570 --> 00:13:56,029
esa funcional

199
00:13:56,029 --> 00:13:58,669
por ejemplo nos permitiría

200
00:13:58,669 --> 00:14:00,070
asociar

201
00:14:00,070 --> 00:14:02,309
si get

202
00:14:02,309 --> 00:14:04,809
globaledad es mayor que 18

203
00:14:04,809 --> 00:14:05,490
por ejemplo

204
00:14:05,490 --> 00:14:08,190
bueno

205
00:14:08,190 --> 00:14:12,629
En el que es mayor de 18 no hay más historias, es adulto y punto, ¿vale?

206
00:14:13,309 --> 00:14:17,950
Entonces el problema sería cuando no se cumpliese ese de que fuese mayor de 18,

207
00:14:18,149 --> 00:14:19,190
que habría que meter aquí.

208
00:14:19,850 --> 00:14:24,149
Pero eso también lo podemos meter mediante AND, mediante la función AND.

209
00:14:24,149 --> 00:14:28,289
Si se cumple, por ejemplo, solamente para los adolescentes.

210
00:14:28,629 --> 00:14:34,490
Si es menor de 18 pero mayor de 12, entonces eres un adolescente.

211
00:14:35,070 --> 00:14:37,070
Y ahí podríamos utilizar ese AND.

212
00:14:37,070 --> 00:14:40,389
O podríamos añadir aquí un if

213
00:14:40,389 --> 00:14:43,669
Es crear esas tres categorías

214
00:14:43,669 --> 00:14:45,049
Esa es otra opción

215
00:14:45,049 --> 00:14:51,809
Y luego, evidentemente, mejorar la estética de esta aplicación

216
00:14:51,809 --> 00:14:55,149
Esta aplicación realmente solamente tiene color de fondo

217
00:14:55,149 --> 00:14:57,529
Podríamos poner imágenes

218
00:14:57,529 --> 00:15:00,649
Podríamos poner elementos multimedia

219
00:15:00,649 --> 00:15:05,149
Yo los elementos multimedia enriquecen muchísimo las aplicaciones

220
00:15:05,149 --> 00:15:06,730
Un sonido de fondo

221
00:15:06,730 --> 00:15:10,129
Por ejemplo, pues mejoraría muchísimo la aplicación

222
00:15:10,129 --> 00:15:12,529
Un sonido cuando se toque el botón

223
00:15:12,529 --> 00:15:14,070
Cada clic o lo que sea

224
00:15:14,070 --> 00:15:15,769
Mejora la aplicación

225
00:15:15,769 --> 00:15:18,549
Por ejemplo, si hacemos esas tres categorías

226
00:15:18,549 --> 00:15:19,809
Elegir tres sonidos

227
00:15:19,809 --> 00:15:21,889
Uno para cada categoría

228
00:15:21,889 --> 00:15:24,490
Estos elementos multimedia de sonido

229
00:15:24,490 --> 00:15:25,090
Sobre todo

230
00:15:25,090 --> 00:15:27,429
Mejoran muchísimo

231
00:15:27,429 --> 00:15:30,309
Hacen que la aplicación sea mucho más vistosa

232
00:15:30,309 --> 00:15:31,450
Y más llamativa

233
00:15:31,450 --> 00:15:33,850
De cara a un mercado es mucho más comercial

234
00:15:33,850 --> 00:15:35,629
Entonces, bueno

235
00:15:35,629 --> 00:15:46,230
Yo os animo a que a partir de ahora, pues, cojáis esta aplicación tan sencillota y hagáis las modificaciones que vosotros queráis para mejorarla.

236
00:15:47,110 --> 00:15:48,149
Y esta sería la tarea.

237
00:15:49,629 --> 00:15:54,389
Espero que os haya gustado y que, bueno, pues, que hayáis aprendido mucho.