-
Notifications
You must be signed in to change notification settings - Fork 0
/
dh-intro_en.html
executable file
·508 lines (342 loc) · 18.6 KB
/
dh-intro_en.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
495
496
497
498
499
500
501
502
503
504
505
506
507
508
<!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>Digital humanities</p><h3>Short Intro</h3>
</h2><h1><span id="filete">☷</span></h1>
</section> <!--FIN PORTADA-->
<!--INDICE-->
<section id="indice"> <!--ID de las secciones para hacer enlaces-->
<h3>Content</h3>
<div class="izquierda">
<ul>
<li><a href="#/studia"><i>Studia humanitatis</i></a></li>
<li><a href="#/historia">First steps: Busa</a></li>
<li><a href="#/tei"><i>Text encoding</i></a></li>
</ul>
</div>
<div class="derecha">
<ul>
<li><a href="#/internet">Internet & WWW</a></li>
<li><a href="#/datos">HD & data</a></li>
<li><a href="#/ciencia">HD as discipline</a></li>
<li><a href="#/biblio">References</a></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>Study and teaching of classical languages, literature, art; recovery and interpretation of the classics.</p></li>
<li><p><em>Ratio Studiorum</em>: mathematics, logic, grammar, rhetoric, humanities...</p></li>
<li><p>Humanists</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>Digits, calculation, mathematics, but also computation (algorithm):</p></li>
<p>Ordered and finite set of operations that makes it possible to find the solution to a problem.</p>
</section>
<section>
<h3>Digital Humanities</h3>
<p><i>Naturwissenschaften</i> vs. <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>First Steps</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>
<li><p>Index (printed) of all the words in Aquinas' works with reference to their location (11 million words in Medieval Latin).</p></li>
<li> Input data: <a href="http://www.masswerk.at/keypunch">Punch card</a></p></li>
<li><p>Concordance program with lemmatized entries</p></li>
</ul> </section>
<section>
<h3>Concordance, lemma, to lemmatize</h3>
<h5>Contemporary examples</h5>
<ul>
<li>Concordances in <a href="http://www.cervantesvirtual.com/concordancias/el-heroe--1"><i>Héroe</i></a> de Baltasar Gracián</li>
<li>Concordances and lemmata <a href="http://www.corpusthomisticum.org/it/index.age"><i>corpus thomisticum</i></a></li>
<li>Search by lemma <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>Word lists, vocabularies, lexicography, ... </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>Today: Relational lexico-semantic dictionary <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>Character encoding</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>
<h4>From character encoding To text encoding</h4>
<div class="cita" style="font-size: 0.8em;"> 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>
<h4>Need of a standard code for machine-readable texts for scientific research </h4>
<ul>
<li><i>TEI (<a href="http://www.tei-c.org" target="_blank">Text Encoding Iniciative</a>) Guidelines</i>: 1 version in 1990.</li>
<span class="cita" style="font-size: 0.7em">The Text Encoding Initiative (TEI) is a consortium which collectively develops and maintains a standard for the representation of texts in digital form</span>
<ul> <li>Generalized Markup language (SGML) · 1986 as ISO (International Organization for Standardization)</li>
<li> eXtensible Markup Language (XML) · 1996 </li></ul> </ul>
</section>
</section> <!--Historia-->
<section>
<section>
<h3>Internet vs. WWW</h3>
<ul>
<li>Internet is the network of connected computers that the web works on. (Arpanet 60')</li>
<li>Unexpected impact of the WWW (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>: a language for describing the structure of Web pages.</li>
</ul>
</section>
<section>
<h3>HTML as a problem</h3>
<h3>Word processors: <i>wysiwyg</i> (book paradigma)</h3>
<br />
<br />
<pre contenteditable=""><code>
<h3>Internet vs. WWW</h3>
<ul>
<li>Internet is the network of connected computers that the web works on</li>
<li>Unexpected impact of the WWW · 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>)</li>
</ul></code></pre>
</section>
</section>
<section>
<section id="datos"><h3>Digital Humanities & data</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: “what is given”); raw data ≠ ready to use.</li>
<li>Need to be located, generated, systematised and interpreted.</li>
<li>Unstructured, structured, semi-structured data.</li>
<li>Big data.</li>
</ul>
</section>
<section>
<code>1605 Miguel de Cervantes published the first part of Don Quixote. </code>
</section>
<section style="font-size: 1.7em">
<pre contenteditable=""><code><date>1605</date> <persName>Miguel de Cervantes</persName> published the first part of <title>Don Quixote</title>
</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.4em">refresh the browser <i class="fas fa-redo-alt"></i> if you don't see the graphics</span></div>
<div>
<span class="fuente">See in context, <a href="https://books.google.com/ngrams" target="_blank"> Google Books Ngram Viewer</a>; <a href="https://books.google.com/ngrams/info" target="_blank">More info about search</a></span></div>
</section>
<section> <h3>Data & preservation</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>DH as academic discipline: recap</h3>
<h5><b>Textual media</b></h5>
<ul>
<li>Computational analysis of texts, <a href="https://collatex.net/demo/">automatic collation</a>, concordances, <a href="https://computationalstylistics.github.io/projects/" target="_blank">stylometry</a>, <a href="https://voyant-tools.org/?corpus=shakespeare" target="_blank">corpus analysis</a>.</li>
<li><a href="https://dig-ed-cat.acdh.oeaw.ac.at" target="_blank">Scholarly digital editions</a> (literature, history, correspondence,...).</li>
<li>Corpus linguistics, <a href="http://nlp.lsi.upc.edu/freeling/demo/demo.php" target="_blank">NLP: Natural Language Processing</a> ⊃ NLU: Natural Language Understanding; NLG: Natural Language Generation.</li>
</ul>
</section>
<section>
<h5><b>non-textual media</b></h5>
<ul>
<li>Digital Image Processing of Manuscripts</li>
<li>Art history, archaeology, cinema. <a href="
https://biblhertz.github.io/atlas">Digital Atlas of Gesture.</a></li>
<li>Sounds, scores (<i><a href="http://music-encoding.org" target="_blank">Music Encoding Initiative</a></i>, MEI).</li>
</ul>
</section>
<section>
<h5><b>Texts and images as a source</b></h5>
<ul>
<li>
Development of databases, <a href="https://bit.ly/2PNNcAu">ontologies</a>, digital libraries
</li>
<li>Data visualization: <a href="https://uclab.fh-potsdam.de/fw4/vis/" target="_blank">libraries</a>, <a href="https://maladesimaginaires.github.io/intnetviz/">character networks</a>, etc.</li>
<li>OCR & HCR <a href="https://readcoop.eu/de/transkribus/">Transkibus</a></li>
<li>
Data <a href="https://editio.github.io/mapping.literature" target="_blank"> in a geographical environment</a> GIS (<i>Geographic information system</i>).
</li>
</ul>
</section>
<section>
<h5><b>DH as theory</b></h5>
<ul>
<li>
Impact of new digital media on society
</li>
<li>
Theoretical and methodological reflection on DH
</li>
<li>
Political reflection on DH
</li>
</ul>
</section>
<section><h3>DH: tools or methods?</h3>
<ul>
<li>
Not only new techniques and tools.
</li>
<li>
New hypotheses and methods.
</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></a>, 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>Digital Humanities - Short Intro</i>, <a href="http://editio.github.io/presentations/dh-intro_en"><http://editio.github.io/presentations/dh-intro_en></a>, 2022</div>
<h2 id="filete"><a style = "border-bottom: none" href="http://editio.github.io/presentations/dh-intro_en.html?print-pdf" title="To export to PDF. Go to this link and use the print dialog in your browser (CTRL/CMD+P)"><i style="font-size:24px;" class="fa"></i></a></h2>
<div ><a style = "border-bottom: none" 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 · 2022</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>