1
00:00:00,340 --> 00:00:06,360
Bueno, hola de nuevo. Ya estamos en el tema 5, que lo abrí hace dos días, ¿verdad?

2
00:00:06,660 --> 00:00:10,960
Si os habéis dado cuenta de lenguajes de marcas y sistemas de gestión de la información.

3
00:00:11,859 --> 00:00:17,640
Entonces, vamos a ver cómo vamos a proceder con este tema, porque va a ser un poco diferente.

4
00:00:20,059 --> 00:00:26,140
Os he puesto aquí un código de ejemplo de XSLT,

5
00:00:26,140 --> 00:00:39,759
que es la tecnología que vamos a utilizar para transformar lo que son XML en formato HTML extrayendo la información que nos interesa.

6
00:00:40,840 --> 00:00:50,000
Esto tenemos que pensar que, por ejemplo, tenemos una base de datos cuyos datos los exportamos en formato XML.

7
00:00:50,000 --> 00:01:00,560
Y entonces tenemos un XSLT que lo que hace es capturar los datos que nos interesan de ese XML y mostrarlo en un formato HTML en una página web.

8
00:01:01,159 --> 00:01:10,140
Con lo cual, esta página web va a ser dinámica porque, yo qué sé, tenemos hoy dos empleados, pero mañana tenemos 500.

9
00:01:11,019 --> 00:01:21,920
Entonces, cada vez que le generemos una exportación a la base de datos de XML, cogeremos los datos y dará igual que tengamos 2 o 500.

10
00:01:22,500 --> 00:01:26,739
Esos datos los cogeremos y los expondremos en la página web.

11
00:01:27,180 --> 00:01:37,299
Así que es muy interesante porque te permite hacer páginas web con datos dinámicos que extraemos precisamente de ese XML.

12
00:01:40,140 --> 00:02:06,000
Entonces, cogemos el XML a través de XSLT, lo podemos transformar en un HTML según lo programemos, ¿vale? Con el formato que programemos ahí podemos utilizar pues lo que hemos visto, ¿no? HTML y hojas de estilo CSS para mostrarlo con una plantilla o con un estilo que no sea plano, ¿no?

13
00:02:06,000 --> 00:02:22,000
Y luego lo que vamos a utilizar va a ser la tecnología XPath para navegar entre los nodos. Ya lo veremos más adelante en el vídeo, pero sabéis que en un XML lo que tenemos son etiquetas jerarquizadas.

14
00:02:22,000 --> 00:02:28,840
jerarquizadas. Tenemos un nodo raíz, luego ese nodo raíz tendrá a su vez un hijo, luego ese puede

15
00:02:28,840 --> 00:02:36,120
tener varios hijos. Entonces, esto lo vamos a ver como nodos en una jerarquía de padres e hijos.

16
00:02:36,960 --> 00:02:48,560
Entonces, el XPath dentro de un XSLT te permite adquirir los datos en concreto de cada nodo.

17
00:02:48,560 --> 00:03:02,460
Y no solo eso, también te permite filtrarlos. Tienes los 500 empleados y lo que quieres es sacar los empleados menores de 40 años.

18
00:03:02,460 --> 00:03:05,259
Entonces eso con XPath lo puedes hacer

19
00:03:05,259 --> 00:03:09,419
Es lo que vamos a hacer en la unidad 5

20
00:03:09,419 --> 00:03:14,080
Y también más o menos lo que se va a pedir en la tarea

21
00:03:14,080 --> 00:03:19,199
Que cojamos un XML y lo transformemos en un HTML

22
00:03:19,199 --> 00:03:22,919
Adquiriendo los datos o extrayendo los datos de ese XML

23
00:03:22,919 --> 00:03:26,099
Entonces, ¿qué es lo que pasa?

24
00:03:26,659 --> 00:03:30,240
Hasta ahora hemos estado utilizando Visual Studio Code

25
00:03:30,240 --> 00:03:36,919
Y bueno, pues ya veis que es una herramienta muy versátil, que tiene un montón de expansiones

26
00:03:36,919 --> 00:03:41,879
¿Podremos hacer transformaciones XSLT con Visual Studio Code?

27
00:03:42,520 --> 00:03:45,860
Pues sí, sí podríamos hacerlo, pero se nos complica, ¿vale?

28
00:03:46,599 --> 00:03:52,740
Y bueno, si os metéis en el tema, veréis que se habla de OxygenXML

29
00:03:52,740 --> 00:04:15,080
¿Qué vale? OxygenXML es un IDE, una herramienta de desarrollo especializada en XML, con lo cual os proporciona muchas herramientas, muchas facilidades para trabajar con XML y con todas las tecnologías que hay asociadas a este XML.

30
00:04:15,080 --> 00:04:22,519
Incluso os genera código, por ejemplo los DTDs y lo que hemos visto en el tema anterior, ¿verdad?

31
00:04:22,779 --> 00:04:25,819
Los AXSD te los puedes generar, ¿vale?

32
00:04:26,860 --> 00:04:29,079
Entonces el problema es que es de pago

33
00:04:29,079 --> 00:04:34,319
¿Qué es lo que vamos a hacer? Pues vamos a obtener una versión de prueba

34
00:04:34,319 --> 00:04:39,120
En la cual no tenéis que meter la tarjeta de crédito ni nada, que va a durar un mes

35
00:04:39,120 --> 00:04:47,819
Entonces va a durar un mes, que más o menos es lo que dura esta unidad

36
00:04:47,819 --> 00:04:51,420
Así que os sugiero que eso

37
00:04:51,420 --> 00:04:56,139
Ahora os voy a enseñar cómo obtener una versión de prueba

38
00:04:56,139 --> 00:05:00,600
Y tenéis esos 30 días para hacer la tarea

39
00:05:00,600 --> 00:05:07,600
Y para cacharrear un poco con el OxygenXML y hacer vuestros proyectitos o practicar lo que necesitéis

40
00:05:07,600 --> 00:05:26,620
¿De acuerdo? Pues eso. También os he puesto, como siempre, unos códigos de ejemplo que son los que vamos a ver en esta clase, pero primero vamos a instalar OxygenXML.

41
00:05:26,620 --> 00:05:31,939
entonces lo voy a hacer con vosotros

42
00:05:31,939 --> 00:05:33,980
porque tiene

43
00:05:33,980 --> 00:05:35,980
a ver, es muy fácil

44
00:05:35,980 --> 00:05:38,560
pero tiene cierta dificultad

45
00:05:38,560 --> 00:05:43,620
para que os sea sencillo

46
00:05:43,620 --> 00:05:44,680
y tengáis un tutorial

47
00:05:44,680 --> 00:05:48,519
porque tenéis que pedir como una clave

48
00:05:48,519 --> 00:05:50,240
y esa clave no es

49
00:05:50,240 --> 00:05:50,819
simplemente

50
00:05:50,819 --> 00:05:54,199
una clave que ponéis ahí

51
00:05:54,199 --> 00:05:55,579
os devuelve un

52
00:05:55,579 --> 00:05:58,220
texto y ese texto hay que incrustarlo

53
00:05:58,220 --> 00:05:59,980
así que lo voy a hacer con vosotros

54
00:05:59,980 --> 00:06:01,939
para que no tengáis problema, porque quiero

55
00:06:01,939 --> 00:06:03,939
que todos podáis descargar

56
00:06:03,939 --> 00:06:05,180
el OxygenXML

57
00:06:05,180 --> 00:06:07,579
y poder practicar con él

58
00:06:07,579 --> 00:06:08,860
¿vale? entonces pues eso

59
00:06:08,860 --> 00:06:12,240
me he metido en OxygenXML.com

60
00:06:12,240 --> 00:06:13,399
¿vale? que es la página oficial

61
00:06:13,399 --> 00:06:15,899
entonces

62
00:06:15,899 --> 00:06:18,120
lo que queremos es el editor

63
00:06:18,120 --> 00:06:20,980
vale

64
00:06:20,980 --> 00:06:23,540
cuando lo metemos en el editor

65
00:06:23,540 --> 00:06:26,000
xml editor

66
00:06:26,000 --> 00:06:27,339
pone get a trial

67
00:06:27,339 --> 00:06:30,399
le damos ahí porque es lo que queremos hacer

68
00:06:30,399 --> 00:06:32,620
y aquí pues ponemos

69
00:06:32,620 --> 00:06:34,500
nuestro correo electrónico

70
00:06:34,500 --> 00:06:40,579
yo voy a poner el mío de Ducamadrid

71
00:06:40,579 --> 00:06:42,060
os sugiero que

72
00:06:42,060 --> 00:06:44,439
vosotros también podéis ponerlo

73
00:06:44,439 --> 00:06:46,420
¿verdad? o el que queráis

74
00:06:46,420 --> 00:06:47,860
aquí es pain

75
00:06:47,860 --> 00:06:52,000
y bueno esto no es necesario

76
00:06:52,000 --> 00:07:07,399
Vale, aquí me dice, an email that contains your 30 days trial license will be sent to

77
00:07:07,399 --> 00:07:25,779
esta dirección. Entonces, nos descargamos el Oxygen y eso, pues si tenéis Linux, si tenéis Mac,

78
00:07:25,779 --> 00:07:32,300
yo aquí tengo Windows, así que me instalo este. Ahí está.

79
00:07:37,399 --> 00:07:45,839
Se está descargando. Mientras tanto, voy a ver si ya me ha llegado el correo.

80
00:08:03,600 --> 00:08:06,180
A ver si se va descargando. Bien.

81
00:08:06,180 --> 00:08:11,519
Bueno, cuando se descargue

82
00:08:11,519 --> 00:08:15,100
Un minutillo

83
00:08:15,100 --> 00:08:16,199
Bueno, mientras tanto

84
00:08:16,199 --> 00:08:19,240
A ver

85
00:08:19,240 --> 00:08:22,060
Vale

86
00:08:22,060 --> 00:08:24,720
Este es el correo que os va a llegar

87
00:08:24,720 --> 00:08:25,920
¿De acuerdo?

88
00:08:26,519 --> 00:08:28,060
Entonces, como veis

89
00:08:28,060 --> 00:08:31,000
La clave

90
00:08:31,000 --> 00:08:34,080
No es una

91
00:08:34,080 --> 00:08:36,019
Contraseña y ya está

92
00:08:36,019 --> 00:08:37,200
Es todo esto, ¿vale?

93
00:08:37,820 --> 00:08:39,460
Ya veréis que cuando ya lo tenga instalado

94
00:08:39,460 --> 00:08:45,620
y le dé, cuando meta la licencia me va a decir que tengo que meter una clave con nueve líneas.

95
00:08:45,759 --> 00:08:49,620
Una, dos, tres, cuatro, cinco, seis, siete, ocho y nueve.

96
00:08:49,980 --> 00:08:52,700
Entonces, todo esto es lo que tengo que copiar.

97
00:08:53,240 --> 00:08:53,720
Todo esto.

98
00:08:55,299 --> 00:09:00,019
¿De acuerdo? Estas nueve líneas, que son las que me han llegado al correo electrónico.

99
00:09:02,529 --> 00:09:04,850
A ver si ya está esto descargado.

100
00:09:05,970 --> 00:09:06,509
Casi, casi.

101
00:09:11,149 --> 00:09:12,149
Vamos a quitar esto de aquí.

102
00:09:16,529 --> 00:09:19,509
Los últimos momentos son los más críticos.

103
00:09:21,370 --> 00:09:30,970
Antiguamente cuando teníamos internet ahí por el teléfono que tardaba 18 horas en descargar el videojuego y se quedaba en el 99% y luego te daba error.

104
00:09:34,190 --> 00:09:35,409
Qué momentos, eh.

105
00:09:35,950 --> 00:09:39,169
Vale, vamos a instalarlo.

106
00:09:43,009 --> 00:09:45,409
La instalación ya veis que es con un wizard, bastante sencilla.

107
00:09:51,070 --> 00:10:11,169
Vale, nos da opción de idioma español

108
00:10:11,169 --> 00:10:15,230
Así que elegimos el más cercano a nosotros

109
00:10:15,230 --> 00:10:16,250
Que tendría que ser el francés

110
00:10:16,250 --> 00:10:18,850
Pero no, como el inglés es el idioma universal

111
00:10:18,850 --> 00:10:22,269
Pues es el que más o menos entendemos todos

112
00:10:22,269 --> 00:10:23,750
O por lo menos lo básico

113
00:10:23,750 --> 00:10:27,690
Y ya está, siguiente, siguiente, siguiente

114
00:10:27,690 --> 00:10:37,200
Aquí le decimos que nos lea los documentos XML también

115
00:10:37,200 --> 00:10:40,799
Crear un icono en el escritorio

116
00:10:40,799 --> 00:10:45,200
Y ahora se instalará

117
00:10:45,200 --> 00:10:49,480
Le meteremos la clave esta que os he dicho de nueve líneas

118
00:10:49,480 --> 00:11:03,960
Y ahora cuando ya se instale

119
00:11:03,960 --> 00:11:11,990
Os termino el vídeo y os dejo ahí como vídeo de instalación de OxygenXML

120
00:11:11,990 --> 00:11:13,830
Así lo tenéis por separado

121
00:11:13,830 --> 00:11:28,629
Y para el siguiente vídeo ya empezamos las clases y os empiezo a enseñar lo que es XSLT, XPath, cómo podemos recoger la información.

122
00:11:29,490 --> 00:11:37,509
Pero bueno, tenéis los contenidos, así que ya con el OxygenXML instalado podéis ir practicando vosotros mientras.

123
00:11:38,769 --> 00:11:42,110
Pero no os preocupéis que lo vamos a ver todo en detalle.

124
00:11:42,110 --> 00:12:01,350
A ver si esto va rulando. Aquí le podéis poner por dos para que vaya más deprisa o tirar por delante. No recordaba que tardara tanto, la verdad. Pero bueno, es un momentillo.

125
00:12:01,350 --> 00:12:19,980
Ya veréis que con OxygenXML como está adaptado a todo lo que es el entorno de XML es como mucho más sencillo

126
00:12:19,980 --> 00:12:32,720
Y podemos configurar para que el resultado de la transformación del XSLT se muestre por consola o se muestre directamente en un archivo

127
00:12:32,720 --> 00:12:43,860
que podemos llamar normalmente index.html, que es el que vamos a ir ejecutando para ver los resultados.

128
00:12:45,340 --> 00:12:54,720
Y os da pistas como en Java, que le das a control espacio y os salen todas las funciones disponibles, os subraya los fallos...

129
00:12:55,500 --> 00:12:57,279
La verdad es que es una herramienta muy potente.

130
00:12:57,279 --> 00:13:02,460
os hace las transformaciones sin tener que poner etiquetas intermedias

131
00:13:02,460 --> 00:13:04,960
porque si esto lo quisiéramos hacer en Visual Studio Code

132
00:13:04,960 --> 00:13:07,019
sería bastante más complicado

133
00:13:07,019 --> 00:13:10,820
también está el XML Code Editor

134
00:13:10,820 --> 00:13:13,039
pero es mucho más rudimentario

135
00:13:13,039 --> 00:13:16,039
así que por eso pienso que es interesante

136
00:13:16,039 --> 00:13:18,220
descargarse el OxygenXML

137
00:13:18,220 --> 00:13:21,139
aunque sea una versión de prueba de 30 días

138
00:13:21,139 --> 00:13:24,460
que nos da tiempo de sobra para practicarlo

139
00:13:24,460 --> 00:13:27,720
ya casi está

140
00:13:28,840 --> 00:14:23,789
Vale, perfecto. Pues nada, le decimos que lo ejecute. Esto tarda porque es la primera vez. Las siguientes veces va mucho más rápido.

141
00:14:24,710 --> 00:14:34,950
Perfecto. Entonces, aquí pone, after you receive the license key, either trial or permanent, paste it below.

142
00:14:34,950 --> 00:14:44,309
¿Vale? Después de recibir la licencia, nosotros tenemos The Trial, dice que lo copiamos aquí.

143
00:14:44,309 --> 00:15:06,370
Bien, nota que la License Key normalmente la recibes en el email de registro y está compuesta por nueve líneas de texto. Estas son las nueve líneas que os he indicado antes, ¿vale? Entonces es lo que hay que pegar aquí, las nueve líneas.

144
00:15:06,370 --> 00:15:09,330
No se trata de decir, bueno, pues es esta de aquí

145
00:15:09,330 --> 00:15:11,529
No, hay que pegar las nueve líneas

146
00:15:11,529 --> 00:15:13,009
Que es lo que os pone aquí

147
00:15:13,009 --> 00:15:15,870
Is composed of nine lines of this

148
00:15:15,870 --> 00:15:18,470
Entonces le damos

149
00:15:18,470 --> 00:15:38,769
Y ya lo tenemos

150
00:15:38,769 --> 00:15:45,629
Pues ya con esto tenéis el Oxygen

151
00:15:45,629 --> 00:15:47,889
xml

152
00:15:47,889 --> 00:15:49,409
en formato de

153
00:15:49,409 --> 00:15:51,009
evaluation use only

154
00:15:51,009 --> 00:15:53,710
de trial, es una prueba

155
00:15:53,710 --> 00:15:55,610
entonces tenemos 30 días

156
00:15:55,610 --> 00:15:57,429
para jugar con esto

157
00:15:57,429 --> 00:15:59,049
y

158
00:15:59,049 --> 00:16:00,730
pues eso

159
00:16:00,730 --> 00:16:03,090
en los próximos vídeos

160
00:16:03,090 --> 00:16:05,909
os meteré, iré explicando

161
00:16:05,909 --> 00:16:07,649
lo que, como se utiliza

162
00:16:07,649 --> 00:16:09,649
el xslt y como

163
00:16:09,649 --> 00:16:11,809
se utiliza el xpath para extraer los datos

164
00:16:11,809 --> 00:16:13,649
y como

165
00:16:13,649 --> 00:16:14,750
configurarlo para

166
00:16:14,750 --> 00:16:17,950
que genere un tercer archivo

167
00:16:17,950 --> 00:16:19,350
y ejecutarlo en el navegador

168
00:16:19,350 --> 00:16:21,610
pero por el momento

169
00:16:21,610 --> 00:16:23,389
instalaros el OxygenXML

170
00:16:23,389 --> 00:16:25,769
y leeros

171
00:16:25,769 --> 00:16:27,250
el contenido de la

172
00:16:27,250 --> 00:16:28,789
de la unidad

173
00:16:28,789 --> 00:16:31,429
hay algunos ejemplos que ya están hechos

174
00:16:31,429 --> 00:16:33,210
para que los ejecutéis

175
00:16:33,210 --> 00:16:36,490
o que podéis copiarlos aquí en OxygenXML

176
00:16:36,490 --> 00:16:38,429
y podéis ir jugando

177
00:16:38,429 --> 00:16:39,909
ya en breve

178
00:16:39,909 --> 00:16:41,330
os subiré más vídeos

179
00:16:41,330 --> 00:16:43,529
explicando ya más

180
00:16:43,529 --> 00:16:44,549
el contenido del tema

181
00:16:44,549 --> 00:16:47,669
¿Vale? Pues venga, nos vemos, adiós