1
00:00:01,780 --> 00:00:03,779
Muy buenas, queridos alumnos y alumnas.

2
00:00:04,459 --> 00:00:11,500
En este vídeo vamos a intentar explicar cómo funciona la práctica 2 de App Inventor, la del Teorema de Pitágoras.

3
00:00:12,060 --> 00:00:17,660
He elegido esta práctica porque es la más completa y en la que más aspectos tiene para configurar

4
00:00:17,660 --> 00:00:21,199
y creo que si entendéis esta, todo lo demás va a ir a roda.

5
00:00:22,300 --> 00:00:25,320
Lo primero, los ingredientes necesarios para la receta.

6
00:00:25,460 --> 00:00:28,140
Pues necesitamos tener abierta la página de App Inventor.

7
00:00:28,140 --> 00:00:39,640
Por otro lado, en nuestro móvil tenemos que tener instalada la aplicación Emit AI2 Companion para ver que todo lo que programamos en el ordenador se ve reflejado en nuestro móvil

8
00:00:39,640 --> 00:00:42,240
Al fin y al cabo estamos diseñando una aplicación para móvil

9
00:00:42,240 --> 00:00:51,640
Y por otro lado, tengo que tener claro primero cómo se va a llamar nuestra práctica, que nos lo dice aquí, P2 y nuestro nombre, todos seguidos sin espacios

10
00:00:51,640 --> 00:00:58,719
y tener también claro que en el caso de que necesite algún archivo estará en el apartado archivo de prácticas del tema 5 de la aula virtual.

11
00:00:59,280 --> 00:01:08,049
Entonces ya me voy aquí, sé que los archivos que voy a necesitar es el de Pitágoras y el de Teorema de Pitágoras

12
00:01:08,049 --> 00:01:13,700
y ahora sí tengo todos los ingredientes para comenzar.

13
00:01:13,700 --> 00:01:19,760
Bien, una vez que en la página de App Inventor vamos aquí, nos lleva a esto.

14
00:01:20,019 --> 00:01:23,180
Entonces yo le daría a proyectos, comenzar un nuevo proyecto.

15
00:01:23,180 --> 00:01:26,000
Nombre del proyecto, P2

16
00:01:26,000 --> 00:01:27,840
Y en mi caso, Carlos, porque mi nombre es Carlos

17
00:01:27,840 --> 00:01:30,659
Lo voy a aceptar

18
00:01:30,659 --> 00:01:35,719
Y se me crea un proyecto en blanco

19
00:01:35,719 --> 00:01:37,920
Bien, yo lo primero que voy a hacer

20
00:01:37,920 --> 00:01:41,400
Para ir comprobando que todo me va quedando bien

21
00:01:41,400 --> 00:01:45,760
Es conectar el móvil

22
00:01:45,760 --> 00:01:48,959
O sea, perdón, el ordenador a mi móvil

23
00:01:48,959 --> 00:01:50,859
Para que todo lo que yo vaya poniendo aquí

24
00:01:50,859 --> 00:01:51,780
Me vaya apareciendo en el móvil

25
00:01:51,780 --> 00:01:53,079
Y así compruebo que tal me va quedando

26
00:01:53,079 --> 00:01:54,840
Entonces yo le doy a companion

27
00:01:54,840 --> 00:02:12,069
Ahora ya estoy en mi móvil y en mi móvil he abierto la aplicación y le doy a conectar escaneando el código QR y actualmente están comunicándose para transferir ese informe.

28
00:02:12,409 --> 00:02:15,689
Y obviamente en mi móvil me aparece una pantalla en blanco porque no tengo nada.

29
00:02:16,349 --> 00:02:25,250
Bien, pues lo que voy a hacer, creo que la mejor manera de entenderlo, vamos aquí en vuestro libro, la página 211, en la parte de la derecha.

30
00:02:25,250 --> 00:02:29,250
vemos que esta es la estructura final de aplicación que sugiere el libro

31
00:02:29,250 --> 00:02:34,169
y esto es en app inventor que los elementos que se corresponden

32
00:02:34,169 --> 00:02:36,189
vamos a ver la correspondencia que hay

33
00:02:36,189 --> 00:02:39,750
esto de teorema de pitágoras se corresponde con la etiqueta 1

34
00:02:39,750 --> 00:02:45,569
etiqueta 1 al final pues es un trozo de que yo puedo poner ahí texto por ejemplo

35
00:02:45,569 --> 00:02:50,889
cada una de estas disposiciones son paquetitos horizontales

36
00:02:50,889 --> 00:02:53,689
vale o sea que la va a ir hacia allá

37
00:02:53,689 --> 00:03:00,330
que engloba cosas. Disposición horizontal 4 es todo este recuadro de aquí y dentro, ¿qué pasa?

38
00:03:00,409 --> 00:03:06,270
Que han decidido meter una imagen y al final esta disposición horizontal 4 se ajusta al tamaño de la imagen.

39
00:03:06,949 --> 00:03:14,449
Disposición horizontal 1 es todo esto de aquí, todo esto. Y vemos que dentro hay una etiqueta 2, que es el cateto A,

40
00:03:14,449 --> 00:03:21,689
y un campo de texto 1, que es todo esto que está en blanco. Exactamente igual pasa para disposición horizontal 2,

41
00:03:21,689 --> 00:03:28,449
que es todo esto, disposición horizontal 3, que tiene un botón, que es esto, y un campo de texto, que es esto.

42
00:03:29,069 --> 00:03:34,349
Y luego hay una imagen suelta, pero que también pueden haber puesto perfectamente dentro de otra disposición horizontal.

43
00:03:34,849 --> 00:03:41,449
Y que esta se llame 4, 1, 2 y 3 me influye en poco. Puedo cambiarle el nombre, pero me da exactamente igual.

44
00:03:41,909 --> 00:03:46,430
Entonces, hasta ahí, identificado qué es lo que queremos. O sea, la estructura que queremos.

45
00:03:47,330 --> 00:03:54,830
El objetivo al final, que no se nos olvide, que es una aplicación que aplique el teorema de Pitágoras y que nos diga cuánto vale la hipotenusa en triángulo.

46
00:03:55,229 --> 00:04:03,389
Es decir, que yo en mi móvil, cuando me aparezca esto, voy a tener que escribir aquí un valor para el cateto A y aquí un valor para el cateto B.

47
00:04:04,009 --> 00:04:11,629
Y cuando yo le dé al botón de hipotenusa, aquí me va a tener que aparecer un valor de manera autónoma, sin que yo haga nada.

48
00:04:11,629 --> 00:04:21,610
Yo aquí no debería poder escribir, pero esto me sale automáticamente cuando yo le doy a este botón. ¿De acuerdo? Entonces, insisto, lo primero que vamos a hacer es montar esta estructura,

49
00:04:21,730 --> 00:04:33,649
porque así ya luego configuramos todo y vais a ver lo rápido que es. Bien, pues vamos a ello. Lo primero que vamos a hacer, por lo tanto, es añadir, bueno, previamente,

50
00:04:33,649 --> 00:04:53,250
Otra cosa que vamos a hacer previo por tener ya todo a mano a mano a mano. Esas dos imágenes que se han descargado en el ordenador yo aquí no las tengo. Las dos imágenes que quiero utilizar pues nada, le doy a medios y le doy a subir archivo, seleccionar archivo y voy a seleccionar de en el escritorio las dos imágenes.

51
00:04:53,250 --> 00:04:54,850
La de Pitágoras

52
00:04:54,850 --> 00:04:58,470
Era la primera de las imágenes

53
00:04:58,470 --> 00:04:59,389
Ya la tengo ahí preparada

54
00:04:59,389 --> 00:05:01,129
Para cuando la tenga que utilizar

55
00:05:01,129 --> 00:05:03,930
Y la otra imagen

56
00:05:03,930 --> 00:05:06,730
Que era Teorema Pitágoras

57
00:05:06,730 --> 00:05:08,750
Perfecto

58
00:05:08,750 --> 00:05:10,569
Yo ya las tengo aquí las dos preparadas

59
00:05:10,569 --> 00:05:11,490
Para cuando las necesite

60
00:05:11,490 --> 00:05:13,110
Ahora ya sí, vamos a ir montando

61
00:05:13,110 --> 00:05:14,850
Aquí la estructura

62
00:05:14,850 --> 00:05:16,629
Que se me va a ir reflejando aquí

63
00:05:16,629 --> 00:05:18,689
Entonces, lo primero que veo

64
00:05:18,689 --> 00:05:19,629
Es una etiqueta

65
00:05:19,629 --> 00:05:20,550
Pues nada, la etiqueta

66
00:05:20,550 --> 00:05:21,990
Yo la arrastro aquí

67
00:05:21,990 --> 00:05:23,470
Y veis que ya aparece

68
00:05:23,470 --> 00:05:37,689
Lo siguiente que veo es una disposición horizontal. Entonces bajo a disposición, pincho en disposición horizontal y arrastrándolo, es decir, con el botón izquierdo del ratón mantenido pulsado, lo suelto donde yo quiero que vaya.

69
00:05:37,689 --> 00:05:50,439
Quiero que vaya ahí. Vale, lo siguiente es una imagen, pero la imagen vemos que va dentro de disposición horizontal 4. Os explico. A ver, perdón, aquí.

70
00:05:51,240 --> 00:06:01,660
Si yo la imagen directamente la pongo aquí, vemos que me aparece, pero a que no se me ha quedado dentro de disposición horizontal 4. Pues yo es que creo que quiero que aquí me aparezca.

71
00:06:01,660 --> 00:06:23,279
Por lo tanto, lo borro, voy a hacerlo bien y esa imagen la añado directamente ahí dentro. Y veis que ya automáticamente se me crea. Voy a por otra disposición horizontal. Que bueno, previamente, si queréis esta cambiarle de nombre para que os aparezca exactamente igual que en el libro, pues se lo cambiáis, pero insisto que no tiene ninguna influencia ni relevancia.

72
00:06:23,279 --> 00:06:29,480
Perfecto. Vamos con otra disposición horizontal, por lo tanto vamos a disposición, disposición horizontal y arrastro.

73
00:06:30,399 --> 00:06:35,860
Y dentro de esa disposición horizontal, ¿qué es lo que quiero? Etiqueta 2 y campo de texto.

74
00:06:36,480 --> 00:06:52,110
Vale, pues quiero una etiqueta y un campo de texto. Perfecto.

75
00:06:53,290 --> 00:07:00,930
Quiero exactamente lo mismo, repetirlo, por lo tanto vamos otra vez a disposición, disposición horizontal,

76
00:07:00,930 --> 00:07:12,509
lo pongo abajo, y quiero otra etiqueta y otro campo de texto, que también irán ahí dentro.

77
00:07:13,610 --> 00:07:19,910
Y la última de las disposiciones horizontales, quiero otra disposición horizontal,

78
00:07:21,170 --> 00:07:26,860
que en esta ocasión lo que va a tener es un botón y un campo de texto.

79
00:07:26,860 --> 00:07:37,779
Y por último, añade una imagen, que insisto, podría ir también dentro de otra disposición horizontal.

80
00:07:38,000 --> 00:07:40,980
¿La han puesto suelta? Pues nada, nosotros la ponemos suelta.

81
00:07:41,519 --> 00:07:45,819
Como veis, ya tengo perfectamente el esqueleto creado, coincide con el que aparece en el libro,

82
00:07:46,160 --> 00:07:50,180
a excepción de los nombres de las disposiciones horizontales, que no me importan.

83
00:07:51,120 --> 00:07:52,540
Perfecto, pues vamos a ir dando forma.

84
00:07:53,040 --> 00:07:55,079
¿Vale? Entonces ahora ya voy mirando aquí.

85
00:07:55,480 --> 00:07:59,899
En esta primera imagen, yo lo que quiero que ponga es que el fondo sea gris y que ponga teorema de Pitágoras,

86
00:07:59,959 --> 00:08:01,939
y además que sea un poquito alto, etc.

87
00:08:01,939 --> 00:08:13,879
Vale, pues nada, eso, voy aquí, me aparece de hecho en la página de 210 del libro la configuración, ¿vale?

88
00:08:14,439 --> 00:08:31,819
Ahora mismo se me acaba de desconectar el móvil, ¿vale? Entonces lo que voy a hacer es salirme y volver a conectarlo, porque insisto que esto no tendría por qué hacerlo, pero es bastante útil a la hora de ir viendo si me va quedando bien o si tengo que modificar tamaños, colores o lo que sea.

89
00:08:31,939 --> 00:08:46,039
y ahora mismo ya sí que en mi móvil, ahora se está conectando, observo que todo esto ya me aparece en el móvil, ¿vale?

90
00:08:46,059 --> 00:08:53,779
Lo que pasa es que tengo que darle forma. Insisto, etiqueta 1, que es esta etiqueta, quiero que el fondo sea gris,

91
00:08:53,779 --> 00:08:59,399
que ponga teorema y teorema y teorema se mayúscula, etc. Pues nada, me voy a etiqueta 1 y aquí están todos los parámetros

92
00:08:59,399 --> 00:09:03,460
que puedo configurar. El color de fondo. Aquí no me aparece ninguno. Pues no, yo quiero

93
00:09:03,460 --> 00:09:06,919
que sea gris. Además quiero que vaya en negrita.

94
00:09:07,419 --> 00:09:11,460
En cursiva, pues no. En tamaño de letra, según el libro, pues aquí pone

95
00:09:11,460 --> 00:09:15,460
24. Pues nada, voy a ponerla también en 24. Tipo de letra, puedo

96
00:09:15,460 --> 00:09:19,580
cambiarlo como yo quiera. ¿Vale? En el alto

97
00:09:19,580 --> 00:09:23,259
como quiero que sea un poquito más alta, pues nada, voy a ponerlo en

98
00:09:23,259 --> 00:09:29,769
que ocupe el 10%. Perfecto. Y ahora en texto

99
00:09:29,769 --> 00:09:31,769
aquí quiero que ponga Teorema de Pitágoras.

100
00:09:36,789 --> 00:09:38,370
¿Y ese texto dónde me va a aparecer?

101
00:09:38,970 --> 00:09:41,210
Si yo miro aquí en la imagen, yo quiero que me aparezca centrado.

102
00:09:41,490 --> 00:09:44,409
Pues nada, yo en el centro.

103
00:09:45,570 --> 00:09:50,049
El color del texto veo y digo, pues mira, está en negro, pues en negro lo mantengo.

104
00:09:51,629 --> 00:09:52,070
Perfecto.

105
00:09:52,450 --> 00:09:58,629
Y ya, si ahora mismo miro en mi móvil, pues ya veo que eso efectivamente me aparece así.

106
00:10:00,090 --> 00:10:02,490
Ah, importante, se me había saltado el ancho.

107
00:10:02,490 --> 00:10:15,909
El ancho ajustar al contenedor. ¿Qué significa el contenedor? Que se va a ajustar a todo el ancho posible. Es decir, en nuestro caso, al ancho de la pantalla de nuestro móvil. ¿Veis? Entonces, así queda bastante bien.

108
00:10:16,509 --> 00:10:29,570
Perfecto. Está ya configurado. Seguimos para bingo. Lo siguiente que vamos a configurar es esta imagen, que se corresponde con esta. ¿Verdad? Pues nada, vamos con ello.

109
00:10:29,570 --> 00:10:44,990
Si pincho en imagen, yo no quiero que tenga texto la imagen. En alto le doy a ajustar al contenedor para que se cuadre. En ancho ajustar al contenedor también para que se cuadre. Estas opciones son bastante útiles.

110
00:10:45,529 --> 00:10:47,370
¿Qué foto quiero? ¿Veis que ya las tengo aquí cargadas?

111
00:10:47,990 --> 00:10:50,090
Pues nada, yo quiero a la foto de Pitágoras.

112
00:10:53,320 --> 00:10:55,320
Y ya está.

113
00:10:56,039 --> 00:10:59,139
Y ahora mismo mi móvil ya está, el señor Pitágoras, puesto ahí.

114
00:11:00,159 --> 00:11:02,840
Perfecto, aunque aquí no lo veo, ¿veis? Esto es lo útil.

115
00:11:03,279 --> 00:11:05,379
En mi móvil sí que aparece.

116
00:11:06,559 --> 00:11:12,019
Si quisiera verlo aquí, bastaría con darle a tamaño de la tabla.

117
00:11:12,159 --> 00:11:13,519
Y veis que ahí ya me empieza a aparecer.

118
00:11:14,340 --> 00:11:16,179
Pero yo quiero en tamaño de teléfono.

119
00:11:16,899 --> 00:11:19,779
Perfecto, seguimos. ¿Qué más cosas quiero?

120
00:11:20,379 --> 00:11:22,460
Ya he puesto esta imagen y ahora vamos con esto, insisto.

121
00:11:22,779 --> 00:11:28,960
Esto es una etiqueta para que sepa que ponga cateto A, que veo que está en verde de fondo,

122
00:11:29,480 --> 00:11:31,679
y aquí voy a tener que escribir yo, ¿vale?

123
00:11:32,419 --> 00:11:34,340
Pues nada, vamos con ello.

124
00:11:34,879 --> 00:11:38,580
La etiqueta 2, el color de fondo, quería que estuviese en verde.

125
00:11:40,440 --> 00:11:43,440
Venga, voy a ponerla también en negrita para que resalte más.

126
00:11:43,440 --> 00:11:45,120
tamaño de la letra

127
00:11:45,120 --> 00:11:48,259
aquí me aparece en el libro

128
00:11:48,259 --> 00:11:50,220
en la página de la izquierda

129
00:11:50,220 --> 00:11:51,440
campo de texto

130
00:11:51,440 --> 00:11:54,460
me aparece tamaño de la letra 16

131
00:11:54,460 --> 00:11:56,320
pues nada, lo ponemos en 16

132
00:11:56,320 --> 00:11:58,440
tipo de letra por defecto

133
00:11:58,440 --> 00:12:00,820
el alto lo ajustamos

134
00:12:00,820 --> 00:12:01,799
al contenedor

135
00:12:01,799 --> 00:12:04,559
el ancho lo ajustamos al contenedor

136
00:12:04,559 --> 00:12:07,980
¿y qué texto quiero?

137
00:12:08,100 --> 00:12:09,659
pues quiero que ponga cateto

138
00:12:09,659 --> 00:12:14,139
cateto

139
00:12:14,139 --> 00:12:30,110
vale posición del texto lo quiero a la izquierda y observo en mi móvil que efectivamente me ocupa

140
00:12:30,110 --> 00:12:41,149
la mitad o sea me ocupa lo que ocupa el texto de cateto si quiero fijarlo y que justo cateto

141
00:12:41,149 --> 00:12:48,210
a me ocupe más pues podría también eso sería aquí dándole en ancho y digo venga pues quiero

142
00:12:48,210 --> 00:12:57,610
que ocupe el 50% de la pantalla. Pues aquí pondría el 50%, ¿vale? Pero en este caso, nada, la etiqueta de cateto A solo ocupa lo que pone de cateto A.

143
00:12:58,389 --> 00:13:03,809
Perfecto, pues igual que he hecho esta, ya que estoy, voy con esta otra etiqueta y así las dejo las dos hechas.

144
00:13:04,289 --> 00:13:14,470
Color de fondo también verde, quiero que esté en negrita, tamaño 16, el tipo de letra el mismo, ancho, perdón, alto ajustado al contenedor,

145
00:13:14,470 --> 00:13:28,610
ancho, ajustado al contenedor, texto, cateto, B y ya está. Perfecto, ya tengo las dos de catetos, es decir, ya tendría esta y esta,

146
00:13:28,710 --> 00:13:37,750
ahora voy a configurar esta. Esas en realidad quedan libres porque ahí es donde yo quiero escribir, ¿vale?

147
00:13:37,750 --> 00:13:43,570
pero vamos a ver qué configuramos color de fondo por defecto me va a

148
00:13:43,570 --> 00:13:49,659
aparecer en blanco no lo quiero en negrita tamaño de la

149
00:13:49,659 --> 00:13:52,700
letra ya que está hemos puesto los catetos en 16 pues voy a poner esto

150
00:13:52,700 --> 00:13:57,220
también en 16 lo voy a ajustar al contenedor lo voy a ajustar el

151
00:13:57,220 --> 00:13:59,759
contenedor

152
00:14:01,580 --> 00:14:12,860
aquí no pongo nada o puedo poner introduce el valor del cateto pincha

153
00:14:12,860 --> 00:14:19,899
introduce el valor del cateto, aunque esto tampoco tiene relevancia, ¿vale?

154
00:14:20,399 --> 00:14:26,059
Voy a fijar que solo pueda meter números el usuario, y así ya me aseguro,

155
00:14:26,059 --> 00:14:37,019
y si no saldrá un mensaje diciendo que quiero que pongas un número, ¿vale?

156
00:14:37,340 --> 00:14:44,740
Y ya está, comprobamos en nuestro móvil, y efectivamente veo que aparece el texto de pincha,

157
00:14:44,740 --> 00:14:50,620
e introduce el valor del primer cateto.

158
00:14:51,440 --> 00:14:52,179
¿Vale?

159
00:14:53,080 --> 00:14:55,440
Pues nada, vamos con el siguiente,

160
00:14:56,159 --> 00:14:58,440
que lo voy a configurar exactamente igual.

161
00:14:59,860 --> 00:15:03,200
Este otro cateto era para que yo pueda escribir el cateto B.

162
00:15:04,120 --> 00:15:06,679
Entonces, alto al contenedor,

163
00:15:07,700 --> 00:15:09,100
ancho al contenedor,

164
00:15:10,460 --> 00:15:12,080
pista, pincha,

165
00:15:12,080 --> 00:15:24,919
e introduce el valor del cateto B, también que solo sean números, y ya está.

166
00:15:27,000 --> 00:15:34,019
Perfecto. Vale. Bueno, esto lo voy a poner a la derecha, pero da exactamente igual.

167
00:15:34,740 --> 00:15:39,320
Genial. Actualmente ya mi móvil me aparece hasta aquí perfecto.

168
00:15:39,740 --> 00:15:43,019
Ahora quiero poner esto, que esto es un botón, que es el que yo voy a tener que pulsar

169
00:15:43,019 --> 00:15:55,779
para que automáticamente me dé la hipotenusa, entonces, yo aquí le voy a poner hipotenusa, pues nada, este botón, el color de fondo, a ver qué color tiene, pues en gris,

170
00:15:55,779 --> 00:15:57,919
un color de fondo gris

171
00:15:57,919 --> 00:16:02,299
negrita

172
00:16:02,299 --> 00:16:07,379
este

173
00:16:07,379 --> 00:16:10,019
va a tener

174
00:16:10,019 --> 00:16:10,940
de tamaño 16

175
00:16:10,940 --> 00:16:14,659
ajustar al contenedor

176
00:16:14,659 --> 00:16:16,980
ajustar al contenedor

177
00:16:16,980 --> 00:16:18,659
imagen ninguna

178
00:16:18,659 --> 00:16:21,620
pero en texto si que va a poner aquí

179
00:16:21,620 --> 00:16:22,980
hipotenusa

180
00:16:22,980 --> 00:16:29,919
perfecto

181
00:16:29,919 --> 00:16:31,840
vamos a ver

182
00:16:31,840 --> 00:16:33,000
como va quedando en el móvil

183
00:16:33,000 --> 00:16:36,090
veo que

184
00:16:36,090 --> 00:16:38,409
efectivamente aparece ahí bien

185
00:16:38,409 --> 00:16:39,690
y ya solo me falta

186
00:16:39,690 --> 00:16:42,690
este azul

187
00:16:42,690 --> 00:16:44,129
que ahí es donde me va a aparecer la respuesta

188
00:16:44,129 --> 00:16:46,490
pincho, se correspondería con el campo de texto 3

189
00:16:46,490 --> 00:16:51,049
color de fondo en turquesa

190
00:16:51,049 --> 00:16:54,730
en tamaño en 16

191
00:16:54,730 --> 00:16:57,129
tipo de letra por defecto

192
00:16:57,129 --> 00:16:58,590
alto al contenedor

193
00:16:58,590 --> 00:17:02,129
ancho al contenedor

194
00:17:02,129 --> 00:17:11,430
la pista que voy a poner aquí

195
00:17:11,430 --> 00:17:12,630
te muestro

196
00:17:12,630 --> 00:17:14,009
esto no es necesario, insisto

197
00:17:14,009 --> 00:17:16,269
el resultado

198
00:17:16,269 --> 00:17:19,970
clica

199
00:17:19,970 --> 00:17:23,339
en

200
00:17:23,339 --> 00:17:26,279
hipotenusa

201
00:17:26,279 --> 00:17:28,380
y te doy el resultado

202
00:17:28,380 --> 00:17:35,339
vale

203
00:17:35,339 --> 00:17:37,160
ya está

204
00:17:37,160 --> 00:17:39,099
actualmente

205
00:17:39,099 --> 00:17:44,880
nada, perfecto

206
00:17:44,880 --> 00:17:46,420
veo que me aparece todo

207
00:17:46,420 --> 00:17:48,279
ya lo único que me falta

208
00:17:48,279 --> 00:17:49,539
es la imagen

209
00:17:49,539 --> 00:17:52,079
entonces esta imagen

210
00:17:52,079 --> 00:18:00,299
quiero ajustarla al contenedor tanto el alto como el ancho lo que estoy haciendo insisto es que

211
00:18:00,299 --> 00:18:06,059
quepa aquí y qué foto quiero pues aquí quiero la foto del teorema de pitágoras que ya tenía

212
00:18:06,059 --> 00:18:12,480
que previamente cargar y efectivamente ya en mi móvil me aparece todo eso genial esto significa

213
00:18:12,480 --> 00:18:17,740
que ya está hecha la práctica no porque de momento lo único que he hecho es el diseño pero yo en

214
00:18:17,740 --> 00:18:22,480
ningún momento he metido las funciones que quiero que haga vale entonces eso

215
00:18:22,480 --> 00:18:28,839
para hacer eso tengo que ir a la página 211 del libro el punto 11 vale y copiar

216
00:18:28,839 --> 00:18:32,819
ese código selecciona bloques en la parte superior y realiza el siguiente

217
00:18:32,819 --> 00:18:37,019
punto entonces yo aquí me voy a bloques

218
00:18:38,640 --> 00:18:49,940
vamos a inicializar variables ahora se se me ha desconectado otra vez el móvil

219
00:18:49,940 --> 00:19:11,920
Ahora después lo quiero inicializar tres variables, que va a ser A, B, que es el cateto B, y C, que es la hipotenusa.

220
00:19:13,160 --> 00:19:15,160
Podría poner la hipotenusa perfectamente.

221
00:19:18,440 --> 00:19:20,380
Con el valor 0, todas ellas.

222
00:19:20,759 --> 00:19:28,339
Lo que estoy haciendo es que de inicio el programa valga, o sea, cada una de esas variables,

223
00:19:28,339 --> 00:19:30,960
tanto el cateto A como el cateto B como el cateto C, valgan 0.

224
00:19:31,220 --> 00:19:31,599
Y ya está.

225
00:19:31,660 --> 00:19:33,559
así lo estoy forzando

226
00:19:33,559 --> 00:19:35,440
vale, y ahora ya le voy

227
00:19:35,440 --> 00:19:37,599
a configurar para

228
00:19:37,599 --> 00:19:39,259
meter toda la fórmula del

229
00:19:39,259 --> 00:19:41,599
TMI Pitagoras y demás, y ahí me dice

230
00:19:41,599 --> 00:19:42,859
cuando botón 1

231
00:19:42,859 --> 00:19:45,559
clic, claro, ¿qué pasa?

232
00:19:46,099 --> 00:19:47,640
que yo, si me voy

233
00:19:47,640 --> 00:19:49,200
ahí, aquí no aparece

234
00:19:49,200 --> 00:19:51,579
en ningún sitio aparece, claro, pero

235
00:19:51,579 --> 00:19:53,599
es que estoy intentando programar el botón

236
00:19:53,599 --> 00:19:55,740
1, ¿verdad? pues me tendré que ir a botón

237
00:19:55,740 --> 00:19:57,519
1, me voy a botón 1

238
00:19:57,519 --> 00:19:59,380
y ya veo que efectivamente

239
00:19:59,380 --> 00:20:01,099
aquí están las opciones de botón

240
00:20:02,099 --> 00:20:09,039
Entonces, cuando botón 1 ejecuto, es decir, cuando haga clic en el botón 1, ¿y quién es el botón 1?

241
00:20:09,319 --> 00:20:15,579
El botón 1 es el que está dentro de disposición horizontal 4, en mi caso.

242
00:20:16,000 --> 00:20:20,200
¿Y quién es el que está dentro de disposición horizontal 4? Este. Ese es el botón 1.

243
00:20:20,200 --> 00:20:24,500
Es decir, realmente lo que estoy programando es que cuando haga clic aquí, ¿qué va a pasar?

244
00:20:24,940 --> 00:20:29,099
Que obviamente es que me calcule el resultado y me lo muestre aquí. Vamos a ver eso cómo se hace.

245
00:20:29,099 --> 00:20:34,980
Entonces lo que vamos a hacer es

246
00:20:34,980 --> 00:20:41,170
Va a poner la variable a

247
00:20:41,170 --> 00:20:42,630
¿A qué valor?

248
00:20:42,630 --> 00:20:47,769
Al valor que haya introducido en el campo de texto 1

249
00:20:47,769 --> 00:20:48,690
¿Vale?

250
00:20:49,230 --> 00:20:52,009
Entonces, campo de texto 1

251
00:20:52,009 --> 00:21:00,259
Como texto lo tengo

252
00:21:00,259 --> 00:21:02,299
Vale

253
00:21:02,299 --> 00:21:03,819
Pues nada

254
00:21:03,819 --> 00:21:07,279
simplemente pongo esta

255
00:21:07,279 --> 00:21:08,599
campo de texto 1

256
00:21:08,599 --> 00:21:11,039
y en vez de su color de fondo

257
00:21:11,039 --> 00:21:12,940
lo que me interesa es su

258
00:21:12,940 --> 00:21:20,799
aquí no lo tengo

259
00:21:20,799 --> 00:21:43,839
texto 1

260
00:21:43,839 --> 00:21:51,220
a ver si lo encuentro

261
00:21:51,220 --> 00:21:52,539
campo de texto

262
00:21:52,539 --> 00:22:02,490
bueno, ahí está

263
00:22:02,490 --> 00:22:03,769
texto, vale

264
00:22:03,769 --> 00:22:05,609
pues exactamente igual

265
00:22:05,609 --> 00:22:08,450
voy a duplicarlo

266
00:22:08,450 --> 00:22:09,789
para

267
00:22:09,789 --> 00:22:25,569
el tamaño para la variable b. ¿Qué es lo que estoy haciendo ahora? Insisto, campo de texto 1 era esto. Aquí yo he escrito cuánto vale el cateto a.

268
00:22:25,890 --> 00:22:33,269
Pues lo que está haciendo es guardar lo que yo haya metido aquí, guardarlo dentro de su cajoncito de memoria del ordenador que lo reserva el cateto a.

269
00:22:33,269 --> 00:22:39,470
Pues exactamente lo mismo vamos a hacer con la variable b y el campo de texto 2, que es donde hemos introducido el valor de la variable b.

270
00:22:39,470 --> 00:22:41,349
¿verdad? pues entonces aquí

271
00:22:41,349 --> 00:22:43,930
no es el campo de texto 1 sino el campo de texto 2

272
00:22:43,930 --> 00:22:46,250
y así estoy asignando

273
00:22:46,250 --> 00:22:48,069
los valores que yo he metido a la variable

274
00:22:48,069 --> 00:22:49,990
a y a la variable b y ahora lo que voy a hacer

275
00:22:49,990 --> 00:22:51,829
es calcular el valor

276
00:22:51,829 --> 00:22:54,190
de la variable c

277
00:22:54,190 --> 00:22:55,430
pues nada

278
00:22:55,430 --> 00:22:56,950
vamos a

279
00:22:56,950 --> 00:23:00,309
poner global

280
00:23:00,309 --> 00:23:04,049
la variable c

281
00:23:04,049 --> 00:23:07,200
la ponemos a

282
00:23:07,200 --> 00:23:09,920
los siguientes valores

283
00:23:09,920 --> 00:23:12,299
lo primero que tengo que hacer

284
00:23:12,299 --> 00:23:17,380
es una raíz cuadrada

285
00:23:17,380 --> 00:23:20,549
¿de qué?

286
00:23:20,950 --> 00:23:23,109
ahora lo que estoy haciendo simplemente es meter

287
00:23:23,109 --> 00:23:24,690
la fórmula del teorema de Pitágoras

288
00:23:24,690 --> 00:23:26,430
que para saber la hipotenusa, la hipotenusa

289
00:23:26,430 --> 00:23:29,349
al cuadrado es igual a cateto A cuadrado

290
00:23:29,349 --> 00:23:31,029
más cateto B al cuadrado, pues la hipotenusa

291
00:23:31,029 --> 00:23:33,029
sola es la raíz cuadrada del cateto

292
00:23:33,029 --> 00:23:35,089
A cuadrado más B cuadrado

293
00:23:35,089 --> 00:23:36,069
¿verdad?

294
00:23:37,170 --> 00:23:38,750
pues eso es lo que vamos a hacer

295
00:23:38,750 --> 00:23:43,910
entonces, ahora metemos

296
00:23:43,910 --> 00:23:48,529
esta, ¿qué valores

297
00:23:48,529 --> 00:24:11,660
voy a meter aquí? Pues tengo que meter a elevado a 2 y aquí b elevado a 2. Pues nada, vamos a meterlo primero. El elevado a, ¿vale? Ahí y otro elevado a. Este símbolo significa el elevado, ¿vale? Ahí.

298
00:24:11,660 --> 00:24:30,490
Vale, aquí tengo que meter la variable a, toma el valor que tenga la variable a, que previamente ya lo habíamos adjudicado al valor que haya metido, y eso elevalo al cuadrado.

299
00:24:31,210 --> 00:24:38,970
Pues nada, lo elevo al cuadrado, selecciono y en vez de que no lo quiera que esté elevado a cero, pongo el 2 con el teclado y ya está.

300
00:24:39,509 --> 00:24:41,369
Exactamente lo mismo hago con la variable b.

301
00:24:53,759 --> 00:25:05,369
Perdón, tomar el valor de la variable b y lo quiero elevar a 2.

302
00:25:06,210 --> 00:25:08,990
Muy bien, internamente el ordenador ya lo ha calculado.

303
00:25:09,589 --> 00:25:14,190
Y entonces lo que ha hecho el ordenador es, en su cajoncito donde está guardada la variable c,

304
00:25:14,750 --> 00:25:19,589
a esta variable c le ha dado el valor de la raíz cuadrada de a cuadrado más b cuadrado.

305
00:25:20,490 --> 00:25:22,130
Pero yo ahora quiero que me lo muestre.

306
00:25:22,130 --> 00:25:46,400
¿Y dónde quería que me lo mostrase? Quiero que me lo muestre aquí. ¿Y esto quién era? El campo de texto 3. Pues eso es lo que voy a hacer ahora. Voy a... perdón, me voy a mi campo de texto 3, que es lo que yo quiero configurar, y le doy a poner campo de texto...

307
00:25:46,400 --> 00:25:53,059
ahora, texto

308
00:25:53,059 --> 00:25:57,160
del campo de texto 3, su función texto

309
00:25:57,160 --> 00:26:01,480
como el valor que tenga la variable c, como tomar

310
00:26:01,480 --> 00:26:07,759
global c, ¿vale?

311
00:26:08,359 --> 00:26:12,259
y ahora ya sí, está todo hecho, ¿vale?

312
00:26:12,259 --> 00:26:15,839
estos dos bloques no le hagáis caso, pero fijaros que lo que

313
00:26:15,839 --> 00:26:20,180
he hecho, los elimino y más fácil, así que queda

314
00:26:20,180 --> 00:26:29,680
todo perfecto. Vamos a ver qué es lo que hace. Aquí, insisto, lo que he hecho es, de inicio, que la variable cateto A, cateto B, cateto C,

315
00:26:30,440 --> 00:26:39,680
perdón, hipotenusa, valgan cero, y entonces ya cuando le doy, hago clic en el botón, en el botón que pone hipotenusa, en este botón mío que pone

316
00:26:39,680 --> 00:26:47,880
hipotenusa, entonces hace todo esto. ¿Qué es lo que hace? A la variable A le da el valor que yo haya metido aquí. A la variable B le da el valor que yo

317
00:26:47,880 --> 00:26:49,859
haya metido aquí, y a la variable c, que es la

318
00:26:49,859 --> 00:26:50,359
hipotenusa

319
00:26:50,359 --> 00:26:53,660
hace esta fórmula, la de la raíz cuadrada

320
00:26:53,660 --> 00:26:55,740
la del teorema de Pitágoras

321
00:26:55,740 --> 00:26:57,799
y con esta última instrucción lo que

322
00:26:57,799 --> 00:26:59,740
hace es, ese valor que ahora mismo está dentro

323
00:26:59,740 --> 00:27:01,519
del ordenador y que no me lo muestra de ninguna manera

324
00:27:01,519 --> 00:27:03,200
que lo muestre aquí

325
00:27:03,200 --> 00:27:05,740
¿veis? el campo de texto 3

326
00:27:05,740 --> 00:27:08,019
en texto lo muestro

327
00:27:08,019 --> 00:27:09,980
ahí muestro el valor de la

328
00:27:09,980 --> 00:27:11,579
variable, y si ahora

329
00:27:11,579 --> 00:27:13,940
voy y conecto

330
00:27:13,940 --> 00:27:14,880
porque se me había

331
00:27:14,880 --> 00:27:17,180
soltado

332
00:27:17,180 --> 00:27:29,559
la aplicación, puedo comprobar su funcionamiento, los valores que os recomiendo para comprobar que funciona bien,

333
00:27:29,640 --> 00:27:34,000
porque muchas veces hacéis esto y dices, ah, ya está, funciona. Tienes que comprobar que funciona bien.

334
00:27:34,000 --> 00:27:41,000
Yo quiero que me haga la hipotenusa bien. Al cateto A le doy el valor 3, al cateto B le doy el valor 4,

335
00:27:41,579 --> 00:27:45,619
y al clicar en hipotenusa me debería decir que el valor de la hipotenusa es 5.

336
00:27:45,619 --> 00:27:54,539
Lo compruebo, lo estoy haciendo ahora mismo en mi móvil, veo que es verdad, le doy a proyecto, guardar el proyecto y ya estaría.

337
00:28:03,869 --> 00:28:14,710
Realmente cuando quiera agregar esta práctica a la tarea del aula virtual, como os lo pido, es así, ahora con el formato .aia.

338
00:28:14,710 --> 00:28:40,829
Esto es lo que me tenéis que adjuntar. Entonces, esta práctica ya la tengo hecha entera. Me daría aquí. Lo guardo donde quiera de mi ordenador. Y este es el archivo que luego voy a poder, a tener que adjuntar a la tarea. ¿De acuerdo? Espero que os haya sido útil. Creo que con esta práctica queda bastante claro cómo funciona todo. ¿Vale? Entonces, hacerlo, seguir el vídeo y hacerlo bien. ¿De acuerdo? Un saludo.