-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathFunzionalità.html
289 lines (244 loc) · 20.8 KB
/
Funzionalità.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Information</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Personal stylesheet -->
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/favicon.ico"/>
<!-- <link rel="stylesheet" href="css/fixed.css">-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
.navbar {
background-color: #DC143C !important;
opacity: 0.9 !important;
}
.btn-secondary{
background-color: #DC143C !important;
opacity: 0.9 !important;
border-color: #DC143C !important ;
}
body {
overflow-x: hidden;
}
#sidebar-wrapper {
min-height: 100vh;
margin-left: -15rem;
-webkit-transition: margin .25s ease-out;
-moz-transition: margin .25s ease-out;
-o-transition: margin .25s ease-out;
transition: margin .25s ease-out;
font-family: 'Lato', sans-serif !Important;
}
#sidebar-wrapper .sidebar-heading {
padding: 0.875rem 1.25rem;
font-size: 1.2rem;
}
#sidebar-wrapper .list-group {
width: 15rem;
}
#page-content-wrapper {
min-width: 100vw;
}
#wrapper.toggled #sidebar-wrapper {
margin-left: 0;
}
@media (min-width: 768px) {
#sidebar-wrapper {
margin-left: 0;
}
#page-content-wrapper {
min-width: 0;
width: 100%;
background-color: rgba(231, 227, 221, 0.7);
}
#wrapper.toggled #sidebar-wrapper {
margin-left: -15rem;
}
}
h2 {font-family: 'Bree Serif', serif; padding-top:2.5rem}
h3 {font-family: 'Bree Serif', serif; padding-top:1rem}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark" style="background-color: #DC143C;">
<a class="navbar-brand" href="index.html"><img src="images/favicon.svg" alt="" style="width:15%;"/>VaSto</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html#Home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#Progetto">Il Progetto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#EVT">EVT</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll active" href="index.html#doc">Documentazione</a>
</li>
</ul>
</div>
</nav>
<section class="Documentation" id="Documentation">
<div class="d-flex" id="wrapper">
<!-- Sidebar -->
<div class="border-right" id="sidebar-wrapper">
<div class="sidebar-heading pt-5"><b>Le Funzionalità di VaSto</b></div>
<div class="list-group list-group-flush">
<a href="#l-edizione-digitale-vasto-funzionalit-e-visualizzazioni" class="list-group-item list-group-item-action ">L'edizione digitale: le visualizzazioni</a>
<a href="#l-edizione-digitale-vasto-fuzionalit-e-limitazioni" class="list-group-item list-group-item-action ">L'edizione digitale: le limitazioni</a>
<a href="#funzionalit-trasversali-alle-edizioni" class="list-group-item list-group-item-action">Funzionalità trasversali alle edizioni</a>
<a href="#funzionalit-dell-edizione-diplomatica" class="list-group-item list-group-item-action">Funzionalità dell'edizione diplomatica</a>
<a href="#limitazioni-significative-dell-edizione-critica-vasto" class="list-group-item list-group-item-action">Funzionalità dell'edizione critica</a>
<a href="#lista-dei-tag-xml-tei-utilizzati-per-l-encoding-dell-edizione" class="list-group-item list-group-item-action">Lista dei tag XML/TEI utilizzati</a>
</div>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper" style="font-family: 'Bree Serif', serif;">
<!-- <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
<button class="btn btn-primary" id="menu-toggle">Toggle Menu</button>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
</nav> -->
<div class="container-fluid" style="font-family: 'Bree Serif', serif;">
<h2 id="l-edizione-digitale-vasto-fuzionalit-e-visualizzazioni">L'edizione digitale VaSto: fuzionalità e visualizzazioni</h2>
<p>Come descritto in precedenza, l'edizione digitale è composta dall'edizione diplomatica e critica insieme ad alcune funzionalità trasversali alle edizioni (o "knowledge site"). </p>
<h2 id="l-edizione-digitale-vasto-funzionalit-e-limitazioni">L'edizione digitale VaSto: funzionalità e limitazioni</h2>
<p>L'edizione digitale VaSto presenta la "Storia Fiorentina" di Varchi, in particolare il suo testimone RC4. Allo stato attuale la piattaforma presenta il Proemio (versione Pilot).
L'edizione digitale è stata implementata su EVT2 - beta 2, customizzando quest'ultimo nei casi di necessità specifici riportati nei prossimi paragrafi.<br>EVT-2 permette di caricare facilmente un file in formato XML (il quale segue l’encoding XML-TEI) contente l'encoding dell'edizione. Il documento XML che contiene il testo marcato è unico e contiene tutti gli elementi dell'edizione critica e diplomatica (opportunamente abilitati e disabilitati in un file CSS a seconda delle esigenze di visualizzazione).</p>
<p>La customizzazione della Piattaforma VaSto rispetto il pacchetto EVT-2 avviene attraverso la modifica di tre file: </p>
<ul>
<li>Il file XML contenente il testo marcato secondo le guidelines XML/TEI (in questo specifico caso <code>data/pilot_proemio.xml</code>).</li>
<li>Il file json di configuarazione della visualizzazione (<code>config/config.json</code>).</li>
<li>Il file CSS messo a disposizione da EVT-2 per facilitare la customizzazione della visualizzazione (<code>config/custom_style.css</code>).</li>
</ul>
<h2 id="funzionalit-trasversali-alle-edizioni">Funzionalità trasversali alle edizioni</h2>
<p>Con "funzionalità trasversali alle edizioni" (o "knowledge site") si intendono tutte quelle funzionalità consultabili nel sistema a prescidere dall' edizione (diplomatica o critica) sul quale l'utente si trova. Le funzionalità sono le seguenti:</p>
<ul>
<li>Nella presente edizione vengono attivate solo le visualizzazioni "Testo di Lettura" e "Immagine Testo".</li>
<li>Tutte le scelte stilistiche usate per indicare i fenomeni testuali e le pelculiarità sopracitate sono indicizzati nella sezione info in alto.</li>
<li>Possibilità di scaricare il file XML che descrive l'edizione (bottone in alto a destra).</li>
<li>Metadati descrittivi (bottone in alto a destra).</li>
<li>Considerando la natura annalistica della "Storia Fiorentina", testo è ricco di citazioni di luoghi, persone e date, che vengono marcate e visualizzate grazie al menù in basso (<code>NamedEnititySelection</code>) ed inoltre visualizzate in un indice generato automaticamente (dal menù in alto a destra - "Apri Liste").</li>
</ul>
<h2 id="funzionalit-dell-edizione-diplomatica">Funzionalità dell'edizione diplomatica</h2>
<p>L’edizione diplomatica si impegna a visualizzare il testo nel modo più simile possibile alle immagini proposte.
In particolare vengono annotati e visualizzati: </p>
<ul>
<li>linebreak.</li>
<li>le aggiunte a margine, in riga, o a piè di pagina. Inoltre nel testo vi è un’ancora (solitamente <code>^</code>) che, se selezionata dall'utente, permette di illuminare l’addizione corrispondente. </li>
<li>Al centro della presente edizione diplomatica vi è la coesistenza di quattro diverse mani (cassature e addizioni) sul testimone RC4. L’edizione vuole quindi visualizzare in modo efficacie tale peculiarità. Le cassature sono rappresentate con lo stile "line-trough" (scelta tipografica con linea colorata che passa al centro del testo) del colore corrispondente alla mano che l'ha creata. Allo stesso modo le aggiunte vengono segnalate con il colore del testo corrispondente alla mano che l'ha prodotta. La legenda relativa a questo aspetto è consultable cliccando sul bottone "info".</li>
<li>Nella diplomatica le abbreviazioni vengono sciolte e segnalate in corsivo e grassetto. Tale analisi è stata curata da Dario Brancato. </li>
<li>Nella visualizzazione "Immagine-Testo" è presentata la corrispondenza tra testo diplomatico e facsimile. </li>
</ul>
<h3 id="funzionalit-aggiuntive-rispetto-ad-evt2-nell-edizione-diplomatica-vasto-">Funzionalità aggiuntive rispetto ad EVT2 nell'edizione diplomatica</h3>
<ul>
<li>EVT2 non supporta alcuna visualizzazione dei marginalia del manoscritto. Le aggiunge a margine o a piè di pagina sono state customizzate specificamente per questa edizione. Lo stesso è stato fatto per le aggiunte in alto o in basso all'interno delle righe del testo (anche chiamate addizioni "in line"). </li>
<li>EVT2 non si occupa delle distinzioni delle mani nell'edizione diplomatica. I colori che segnalano le mani sono stati customizzati per questa edizione attraverso il file di customizzazione (CSS). </li>
</ul>
<h2 id="funzionalit-dell-edizione-critica">Funzionalità dell'edizione critica</h2>
<p>L'edizione critica presenta il testo RC4, dopo la redazione a cura di Dario Brancato, ma scindendolo in due testimoni fittizi: RC4 - il testo contenente l'ultima volontà dell'autore ed RC4c - il testo contenente le cassature postume a cura di Baldini. </p>
<ul>
<li>Normalizzazioni del testo originale (regolarizzazioni, correzioni senza alcun riferimento tipografico).</li>
<li>Abbreviazioni sciolte senza alcun riferimento tipografico.</li>
<li>Il testo è in versione scroll-down. La divisione delle pagine è segnalata inline all'interno del testo (ad esempio con la dicitura [12v]).</li>
<li>Le Note a margine e a piè di pagina sono rappresentate come parte integrante del testo senza alcuna distinzione tipografica ed appropriatamente inserite in esso. </li>
<li>Le segnalazioni tipografiche delle mani sono eliminate </li>
<li>Segni particolari (ad esempio <code>^</code> oppure <code>-</code>) sono normalizzati e/o eliminati.</li>
<li>Il testo è ottimizzato per la lettura e la comprensione testuale.</li>
<li>La visualizzazione più indicata al confronto tra RC4 ed RC4c è la funzionalità "Collazione".</li>
</ul>
<h3 id="limitazioni-significative-dell-edizione-critica-vasto">Limitazioni significative dell'edizione Critica</h3>
<ul>
<li>In tutte le visualizzazioni del testo critico abbiamo aggiunto dei piccoli riferimenti alla divisione in pagine (per esempio [8v]) marcati come <code><lb n="8v"></code> nel testo. </li>
<li>Nella visualizzazione "Immagine-Testo". Il carosello di immagini (posizionato a sinistra nella visualizzazioni "Immagine Testo") non segue lo scroll-down del testo a destra. Non vi è quindi nella visualizzazione una corrispondenza dinamica tra scroll-down del testo critico e scorrimento delle immagini nel carosello. E' comunque ancora possibile un confronto manuale immagine-testo grazie all'indicazione nel testo della pagina del manoscritto (ad esempio "[8v]") su cui l'utente si trova. </li>
<li>La scelta di creare un testimone "fittizio" (RC4c) è stata dettata dal fatto che EVT2 richieda l'uso del tag <code><app></code> per abilitare la funzionalità "Collazione". </li>
<li>La prima scelta visuale per comparare il due testi è stata quella di utilizzare <code><app><rdgGrp><rdg wit="#RC4"></rdg><rdg wit="RC4c"></rdg></rdgGrp></app></code>. Questo schema di encoding, supportato da EVT2, presenta ancora delle limitazioni nella visualizzazione (ad esempio qualsiasi tag inserito all'interno di <code><rdg></code> non viene visualizzato). Abbiamo dunque scelto di utilizzare invece lo schema XML-TEI <code><app><lem wit="#RC4"></lem><rdg wit="RC4c"></rdg></app></code>. Nonostante questo schema presenti meno limitazioni, notiamo che gli spazi non vengono ben rispettati. Al momento attendiamo la release ufficiale di EVT2 beta2 per risolvere queste imperfezioni. </li>
</ul>
<h2 id="lista-dei-tag-xml-tei-utilizzati-per-l-encoding-dell-edizione">Lista dei tag XML/TEI utilizzati per l'encoding dell'edizione</h2>
<p>Il progetto Vasto al momento, come già detto in precedenza, è da considerasi una versione pilot che necessita di essere arricchita con altri materiali. Allo scopo di ampliare il progetto, di seguito rilasciamo una legenda di tag che sono stati utilizzati nel file <code>xml pilot_proemio.xml</code> e che sono stati appostiamente customizzati per rispettare le esigenze del testimone. In particolare presentiamo qui di seguito la lista di tag presenti nel <code><body></code> del file XML. </p>
<ul>
<li>titolo <code><head></code></li>
<li>divisione pagine <code><pb> @n @xml:id</code> con <code><lb @n></code> (l'ultimo per indicare la divisione in pagine dell'edizione critica).</li>
<li>divisione per libri/sezioni <code><div></code> attrib <code>@type @xml:id</code></li>
<li>divisione righe <code><lb></code></li>
<li>integrazione abbreviazioni manoscritto <code><emph> @rend</code></li>
<li>aggiunte <code><add> @hand @place @n</code></li>
<li>cassature <code><del> @hand</code> </li>
<li>normalizzazioni <code><choice><sic><corr></code></li>
<li>regolarizzazione diplomatica-critica: <code><span><choice> <orig><reg></code></li>
<li>collegamento tra ancora nel testo e la nota a margine corrispondente <code><span n="x"></span><span @place n="x"></code>
</li>
<li>nomi di persona <code><persName> @ref</code>
</li>
<li>nomi di luoghi <code><placeName> @ref</code></li>
<li>date <code><date> @when</code>
</li>
<li><code><app><lem @wit @hand></lem><rdg @cause @wit"> </rdg></app></code>
</li>
</ul>
<p>Per ulteriori esempi ed informazioni consulta il file <code>data/pilot_proemio.xml</code>.</p>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
</section>
<!--- Start Contact Section -->
<section class="foot">
<footer>
<div class="row justify-content-center pt-1" style="background-color:#DC143C;">
<div class="col-md-5 text-center" style="font-size:80%">
<h3>Digital Humanities Advanced Research Centre (/DH.arc)</h3>
<p>Questo progetto e l'edizione digitale sono parte delle attività di ricerca del Digital Humanities Advanced Research Centre <a href="https://centri.unibo.it/dharc/en/research/projects-at-dh-arc">(/DH.arc)</a></p>
<h3>Contatti</h3>
<p>Università di Bologna<br>
Dipartimento di Filologia Classica e Italianistica <a href="https://ficlit.unibo.it/it">(FICLIT)</a><br>
Via Zamboni 32<br>
40126 Bologna, Italia</p>
<p><strong>Email:</strong> <a class="email-link" href="mailto:[email protected]">[email protected]</a></p>
<img src="images/unibologo.svg" alt="unibo logo" style="width:15%; height:auto; margin-bottom:1%"/>
<p style="font-size:80%"><a href="https://upload.wikimedia.org/wikipedia/commons/archive/b/ba/20170728095613%21Nuremberg_chronicles_-_FLORENCIA.png">L'immagine 1</a> <a href="https://commons.wikimedia.org/wiki/File:Nuremberg_chronicles_-_FLORENCIA.png#filehistory">(versione 21:46, 20/06/2006)</a> utilizzata nella homepage del sito è una scannerizzazione di "Schedelsche Weltchronik" (1493) dal libro originale di Michel Wolgemut, Wilhelm Pleydenwurff (Testo: <a href="https://commons.wikimedia.org/wiki/Hartmann_Schedel">Hartmann Schedel)</a>. Questa immagine è protetta dalla licenza consuntabile al seguente <a href="https://commons.wikimedia.org/wiki/File:Nuremberg_chronicles_-_FLORENCIA.png">link.</a></p>
</div>
<hr class="socket">
<p>©2020 <a href="https://centri.unibo.it/dharc/en">/DH.arc</a>- VASTO | DOI: | <a href="credits.html">Credits</a> | <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.it"><img alt="Licenza Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br/>
</p>
</div> <!-- End of Row -->
</footer>
</section>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>