/
dh-intro.html
executable file
·494 lines (339 loc) · 18.9 KB
/
dh-intro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Digital humanities · Introduction</title>
<meta name="description" content="Digital humanities · Introduction">
<meta name="author" content="José Luis Losada">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="apple-touch-icon" type="image/png" href="../manual/imagen/edigital.png">
<link rel="shortcut icon" type="image/x-icon" href="../manual/imagen/favicon.ico">
<!-- Hojas de estilo-->
<link rel="stylesheet" href="reveal/css/reveal.css">
<link rel="stylesheet" href="reveal/css/theme/simple.css">
<link rel="stylesheet" href="css/mychanges.css">
<!-- <link rel="stylesheet" href="reveal/css/theme/black.css"> -->
<!-- code syntax highlighting -->
<link rel="stylesheet" href="css/github.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'reveal/css/print/pdf.css' : 'reveal/ss/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<!--PORTADA-->
<section id="portada">
<h2 class="portada">
<p>Humanidades digitales</p><h3>Breve introdución</h3>
</h2><h1><span id="filete">☷</span></h1>
</section> <!--FIN PORTADA-->
<!--INDICE-->
<section id="indice"> <!--ID de las secciones para hacer enlaces-->
<h3>Contenido</h3>
<div class="izquierda">
<ul>
<li><a href="#/portada">Portada</a><span class="weiter">↡(1-2)</span></li>
<li><a href="#/studia"><i>Studia humanitatis</i></a><span class="weiter">↡(3-6)</span></li>
<li><a href="#/historia">Primeros pasos: Busa</a><span class="weiter">↡(7-12)</span></li>
<li><a href="#/tei"><i>Text encoding</i></a><span class="weiter">↡(13-15)</span></li>
</ul>
</div>
<div class="derecha">
<ul>
<li><a href="#/internet">Internet & WWW</a><span class="weiter">↡(16-17)</span></li>
<li><a href="#/datos">HH.DD. y datos</a><span class="weiter">↡(18-20)</span></li>
<li><a href="#/ciencia">HH.DD. como disciplina</a><span class="weiter">↡(21-24)</span></li>
<li><a href="#/biblio">Referencias</a><span class="weiter">↡(25)</span></li>
</ul>
</div>
</section> <!--FIN INDICE-->
</section> <!--FIN PORTADA E INDICE-->
<section> <!--STUDIA-->
<section id="studia">
<h3><em>Studia humanitatis</em></h3>
<ul>
<li><p>Cultivo y enseñanza de las lenguas clásicas, literatura, arte; recuperación e interpretación de los clásicos.</p></li>
<li><p><em>Ratio Studiorum</em>: matemáticas, lógica, gramática, retórica, humanidades...</p></li>
<li><p>Humanistas.</p></li>
</ul>
</section>
<section data-background="https://blogs.getty.edu/iris/files/2015/07/Volvelle.gif">
<div class="imagen-texto">
<img src="imagenes/DH-Llul-ars_brevis.tiff"/>
<div style="background-color: white ; font-size: 0.5em;"> <b>Ramon Llul</b> (1232-1316), <i>Ars brevis; Ars Combinatoria</i>, 1511, <a href="http://bdh.bne.es/bnesearch/detalle/bdh0000198524"> BNE </a></div>
<p style="background-color: white ; font-size: 0.3em;">Background image: Astronomical Volvelle, 1386, <a href="http://blogs.getty.edu/iris/decoding-the-medieval-volvelle/">The J. Paul Getty Museum</a></p>
</div>
</section>
<section>
<h3>Digital, cyfrowy, numérique</h3>
<div class="imagen-texto">
<img src="imagenes/DH-LampFlowchart.png"/>
<div class="caption"><a href="https://upload.wikimedia.org/wikipedia/commons/9/91/LampFlowchart.svg"> Simple flowchart</a>, Wikicommons, CC BY-SA 3.0</div>
</div>
<br/>
<br/>
<li><p>Dígitos, cálculo, matemáticas, pero también computación (algoritmo):</p></li>
<p>Conjunto ordenado y finito de operaciones que permite hallar la solución de un problema.</p>
</section>
<section>
<h3>Humanidades digitales</h3>
<p><i>Naturwissenschaften</i> frente a <i>Geisteswissenschaften</i>? </p>
</section>
<section>
<div style="text-size-adjust: 30%"> Sahle (2013): <i>DH Studieren!</i></div>
<img style="width: 70%; box-shadow: none; border-bottom: none" src="imagenes/sahle_dh.png">
</section>
</section>
<section>
<section id="historia">
<h3>([<span style="font-size: 0.7em;">Humanities Computing</span>] <br /> Digital Humanities)</h3>
<h5>Primeros pasos</h5>
</section>
<section>
<h3>1) <i>Lexical Text Analysis</i></h3>
<h5>Roberto Busa (1913–2011), Tomás de Aquino & IBM: 1949</h5>
<div class="imagen-sola">
<img src="imagenes/DH-Busa.jpeg"/>
<div style="text-align: right ;" class="caption"> S.E. Jones, <i>Roberto Busa, S. J., and the Emergence of Humanities Computing</i>, Routledge, 2016</div>
</div>
</section>
<section>
<h3><i>Index verborum/thomisticus</i></h3>
<ul>
<p> Índice (impreso) de todas las palabras en las obras de Aquino con referencia al lugar donde están (11 millones de palabras en latín medieval)</p>
<li><p>Tarjetas perforadas <a href="http://www.masswerk.at/keypunch">(punch card)</a>.</p></li>
<li><p>Programa de concordacias con entradas lematizadas.</p></li>
</ul> </section>
<section>
<h3>Concordancia, lema, lematizar</h3>
<h5>Ejemplos contemporáneos</h5>
<ul>
<li>Concordancias en <a href="http://www.cervantesvirtual.com/concordancias/el-heroe--1"><i>Héroe</i></a> de Baltasar Gracián</li>
<li>Concordancias y lemas <a href="http://www.corpusthomisticum.org/it/index.age"><i>corpus thomisticum</i></a></li>
<li> Búsqueda por lema <a href="https://iedra.es" target="_blank">IEDRA</a>; <a href="https://www.dwds.de" target="_blank">DWDS – Digitales Wörterbuch der deutschen Sprache</a></li>
</ul>
</section>
<section>
<div class="cita">"The main innovation was Busa’s insight that commercial accounting machines could be used for humanities purposes with good results." <span class="fuente">[Vanhoutte 2013: 127]</span></div>
</section>
<section>
<h3>2) <i>Machine Translation & Computational linguistics</i>: 1953</h3>
<ul><li>Listados de palabras, vocabularios, lexicografía, recurrencias... </li>
<li><i>Introduction to Computers in the Humanities</i> (IBM, 1971); <i>Literary Data Processing</i> (IBM, 1971); <i>Computers in Anthropology and Archaeology</i> (IBM, 1971).</li>
<li>Hoy: Diccionario relacionales, léxico semánticos <a href="http://plwordnet.pwr.wroc.pl/wordnet/about" target="_blank" >WordNet/Słowosieć</a></li>
</ul>
</section>
<section id="tei">
<h3>3) <i>Text encoding</i></h3>
<div class="cita"> "[O]ne of the main problems since the earliest uses of computers and computational techniques in the humanities was the representation of data for input, processing, and output" <span class="fuente">[Vanhoutte 2013: 132]</span>
</div>
</section>
<section>
<h4>Codificación de caracteres</h4>
<div class="cita" style="font-size: 0.8em";>In the end, computers are dealing with bits and bytes, i.e. binary coded numbers only. In order to store, process, or display text, there needs to be some convention on how <span class="resaltado">to map each character (letter, digit, special character) to a number</span> and vice versa. Such a number <-> character mapping is called an encoding. So, for a computer, a text file is just a row of numbers that by accident represents text in some specific encoding
</div>
<span class="fuente" ><a href="http://jkorpela.fi/chars.html" target="_blank">A tutorial on character code issues</a>; <a href="http://www.eki.ee/letter/" target="_blank">An online character database</a></span>
</section>
<section>
<div class="cita" style="font-size: 0.8em;">This is clearly seen in the mechanics of early input devices such as punched cards where a hole at a certain coordinate actually meant a 1 or 0 (true or false) for the character or numerical represented by this coordinate according to the specific character set of the computer used. Because <span class="resaltado">different computer systems</span> used <span class="resaltado">different character sets</span> with a different number of characters, texts <span class="resaltado">first had to be transcribed</span> into that proprietary character set. All characters, punctuation marks, diacritics, and signicant changes of type style had to be encoded with an inadequate budget of characters. This resulted in a <span class="resaltado">complex set of ‘flags’</span> for distinguishing upper-case and lower-case letters, for coding accented characters, the start of a new chapter, paragraph, sentence, or word. These ‘flags’ were also used for adding analytical information to the text such as word classes, morphological, syntactic, and lexical information. <span class="fuente">[Vanhoutte 2013: 132]</span></div>
</section>
<section>
<h5>Necesidad de un código estándar para la lectura automática de textos destinados a la investigación científica </h5>
<ul>
<li><i>TEI (Text Encoding Iniciative) Guidelines</i>: 1 versión en 1990.</li>
<ul> <li>Generalized Markup language (SGML) · 1986 como ISO (International Organization for Standardization)</li>
<li> eXtensible Markup Language (XML) · 1996 </li></ul> </ul>
</section>
</section> <!--Historia-->
<section>
<section>
<h3>Internet & WWW</h3>
<ul>
<li>Internet es la red de ordenadores conectados donde funciona la web (Arpanet, años 60)</li>
<li>Impacto inesperado de la web· 1989 · <a href="https://www.w3.org/People/Berners-Lee/" target="_blank">Tim Berners-Lee</a></li>
<li>HyperText Markup Language (<a href="https://www.w3.org/standards/webdesign/htmlcss" target="_blank">HTML)</a>: un lenguaje para describir la estructura de las páginas.</li>
<li><a href="https://webfoundation.org/about/vision/history-of-the-web/">Breve historia de la web</a></li>
</ul>
</section>
<section>
<h3>HTML como problema en la codificación</h3>
<h3>Procesadores de texto: <i>wysiwyg</i></h3>
<br />
<br />
<pre contenteditable=""><code>
<h3>Internet & WWW</h3>
<ul>
<li>Impacto inesperado de la WEB · 1989 · <a href="https://www.w3.org/People/Berners-Lee/">Tim Berners-Lee</a> </li>
<li>HyperText Markup Language (HTML)</li>
</ul></code></pre>
</section>
</section>
<section>
<section id="datos"><h3>Humanidades digitales & datos</h3>
<div class="imagen-texto"> <img src="imagenes/DH-infographic.jpg"/>
<div class="caption"><a href="http://www.hotbutterstudio.com/#/alps"> "What is an Infographic?"</a>, Hot butter studio</div>
</div>
<br />
<ul style="width: 55%; float: right;">
<li><i>datum</i> (latín: “lo que se da”); “datos en bruto” (raw data) ≠ disponible y listo para su uso.</li>
<li>Necesidad de ser localizados, generados, sistematizados e interpretados.</li>
<li>Datos no estructurados, estructurados, semiestructurados.</li>
<li><i>Datos inteligentes</i>.</li>
<li>Gran cantidad de datos: <i>big data</i>.</li>
</ul>
</section>
<section>
<code>Miguel de Cervantes publicó la primera parte del Quijote en 1605 </code>
</section>
<section style="font-size: 1.7em">
<pre contenteditable=""><code><persName>Miguel de Cervantes</persName> publicó la primera parte del <title>Quijote</title> en <date>1605</date>
</code></pre>
</section>
<section data-markdown style="font-size: 60%">
<textarea data-template >
| Item.Type | Author | Title | Year | Place |
| --- | --- | --- | --- | --- |
| book | Franco Moretti | Graphs, Maps and Trees | 2007 | London |
| book | Miguel de Cervantes | El ingenioso hidalgo don Quijote de la Mancha | 1605 | Madrid |
| book | Riccardo Mazza | Introduction to information visualization | 2009 | London |
</textarea>
</section>
</section>
<section>
<h3><i>distant reading vs. close reading </i></h3>
<iframe src="https://books.google.com/ngrams/interactive_chart?content=novela%2Cteatro%2Cpoes%C3%ADa&year_start=1850&year_end=2000&corpus=21&smoothing=3&share=&direct_url=t1%3B%2Cnovela%3B%2Cc0%3B.t1%3B%2Cteatro%3B%2Cc0%3B.t1%3B%2Cpoes%C3%ADa%3B%2Cc0" width="1000" height="350" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"> </iframe>
<div><span style="font-size: 0.3em">refresh the browser <i class="fas fa-redo-alt"></i> if you don't see the graphics</span></div>
<div>
<span class="fuente">Losada, <a href="http://corpus.hypotheses.org/271">Las fronteras del canon: <i>distant reading</i></a>, 2016.</span></div>
</section>
<section> <h3>Datos & Preservación</h3>
<div class="cita">Common myths about the digital environment are that it is stable, even archival (e.g. permanent) and that it is “immaterial” (e.g. not instantiated in analogue reality). Every actual engagement with digital technology demonstrates the opposite." <span class="fuente">[Drucker 2014: 9]</span></div>
</section>
</section>
<section>
<section id="ciencia"><h3>HD como disciplina: recapitulación</h3>
<h5><b>Medios textuales</b></h5>
<ul>
<li>Análisis computacional de textos, concordancias, <a href="https://collatex.net/demo/">colación automática</a>, <a href="https://computationalstylistics.github.io/projects/" target="_blank">estilometría</a>.</li>
<li><a href="https://dig-ed-cat.acdh.oeaw.ac.at">Edición crítica de textos</a> (literatura, historia, correspondencia,...).</li>
<li>Lingüística de corpus, procesamiento de lenguajes naturales NLP: Natural Language Processing, ⊃ NLU: Natural Language Understanding; NLG: Natural Language Generation. <a href="http://nlp.lsi.upc.edu/freeling/demo/demo.php" target="_blank">FreeLing</a>, <a href="https://corenlp.run" target="_blank">StanfordNLP</a> </li>
</ul>
</section>
<section>
<h5><b>Medios no textuales</b></h5>
<ul>
<li>Tratamiento de imágenes de manuscritos, <a href="https://uclab.fh-potsdam.de/fw4/vis/" target="_blank">visualización de datos</a>.</li>
<li>Historia del arte, arqueología, cine. <a href="
https://biblhertz.github.io/atlas">Digital Atlas of Gesture.</a></li>
<li>Sonidos, partituras (<i><a href="http://music-encoding.org" target="_blank">Music Encoding Initiative</a></i>, MEI).</li>
</ul>
</section>
<section>
<h5><b>Textos e imágenes como fuente</b></h5>
<ul>
<li>
Desarrollo de bases de datos, ontologías, bibliotecas digitales.
</li>
<li><a href="https://uclab.fh-potsdam.de/fw4/vis/" target="_blank">Visualización de datos</a>.</li>
<li>OCR y HCR <a href="https://readcoop.eu/de/transkribus/">Transkibus</a></li>
<li>
Datos en un <a href="https://editio.github.io/mapping.literature" target="_blank"> entorno geográfico</a> con GIS (<i>Geographic information system</i>).
</li>
</ul>
</section>
<section>
<h5><b>HH.DD. como teoría</b></h5>
<ul>
<li>
Impacto de los nuevos medios en la sociedad.
</li>
<li>
Reflexión teórica y metodológica sobre las HH.DD.
</li>
<li>Reflexión política</li>
</ul>
</section>
<section><h3> HH.DD.: ¿herramienta o método?</h3>
<ul>
<li>
Solo técnicas e instrumentos de trabajo.
</li>
<li>
Nuevas hipótesis y métodos.
</li>
</ul>
</section>
</section>
<!--
*****References****
-->
<section id="biblio">
<h3>Referencias</h3>
<ul style="font-size: 0.7em;">
<li><p>J. Drucker (ed.), <i>DH101. Intro to Digital Humanities</i>, 2014.</p></li>
<li><p>S. Hockey, </i><i>The History of Humanities Computing</i>, en: S. Schreibman, R. Siemens, J. Unsworth, <a href="http://www.digitalhumanities.org/companion"><i> A Companion to Digital Humanities</i></a>, Oxford, Blackwell, 2004.</p></li>
<li><p>F. Jannidis, et alii (ed.), <i>Digital Humanities. Eine Einführung</i>, 2017.</p></li>
<li><p>E. Vanhoutte et alii (ed.), <i>Defining Digital Humanities. A Reader</i>, Ashgate, 2013.</p></li>
</ul>
</section>
<!--
*****************
*****CREDITOS****
*****************
-->
<section id="impressum">
<div><a href="http://www.ifr.uni.wroc.pl/pl/nasz-instytut/pracownicy/dr-jose-luis-losada-palenzuela">José Luis Losada Palenzuela</a>, <i>Humanidades digitales. Breve introducción</i>, <a href="http://editio.github.io/presentations/dh-intro"><http://editio.github.io/presentations/dh-intro></a>, 2017.</div>
<h2 id="filete">✽</h2>
<div ><a href="http://creativecommons.org/licenses/by-sa/4.0/"><img class="licencia" alt="License Creative Commons" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png"></a></div>
</div>
</section> <!--impressum-->
</div> <!--End of slides container-->
</div>
<script src="reveal/lib/js/head.min.js"></script>
<script src="reveal/js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.configure({ slideNumber: "c/t" });
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'reveal/plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'reveal/plugin/zoom-js/zoom.js', async: true },
{ src: 'reveal/plugin/notes/notes.js', async: true }
]
});
</script>
<!--ESQUINAS MENU en TODAS DIAS-->
<div class="footer">
<p>José Luis Losada Palenzuela · 2017</p>
</div> <!--FIN FOOTER FIRMA-->
<div id="menu">
<a href="#/indice" title="Content">☰</a>
</div> <!--FIN INDICE-->
<div id="logo">
<a href="http://www.uni.wroc.pl"><img src="imagenes/logo_UWr_ang.png" title="Universty of Wrocław"/></a>
</div> <!--FIN LOGO-->
</body>
</html>