-
Notifications
You must be signed in to change notification settings - Fork 0
/
JohnItinerary.html
311 lines (250 loc) · 26.6 KB
/
JohnItinerary.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
<!DOCTYPE html>
<html>
<head>
<!-- jsconfig will load https://maps.googleapis.com/maps/api/js -->
<script type="text/javascript" src="jsconfig.js"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.12.1.custom/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" href="js/jquery-ui-1.12.1.custom/jquery-ui.css" type="text/css" />
<script type="text/javascript">
Timeline_ajax_url="js/timeline/src/ajax/api/simile-ajax-api.js";
Timeline_urlPrefix="js/timeline/src/webapp/api/";
Timeline_parameters="bundle=false";
</script>
<script type="text/javascript">debugvar = "foobar";</script>
<script src="js/timeline/src/webapp/api/timeline-api.js" type="text/javascript"></script>
<link rel="stylesheet" href="JohnItinerary.css" type="text/css" />
<script type="text/javascript" src="js/shadowbox-2.0-code/src/adapter/shadowbox-base.js"></script>
<script type="text/javascript" src="js/shadowbox-2.0-code/src/shadowbox.js"></script>
<script src="js/johns-reign.js" type="text/javascript"></script>
<script src="data/Gazetteer.js" type="text/javascript"></script>
<script src="js/itin-code.js" type="text/javascript"></script>
<script type="text/javascript">
// Initialize shadowbox
Shadowbox.loadSkin('test2skin', 'js/shadowbox-2.0-code/src/skin');
Shadowbox.loadLanguage('en', 'js/shadowbox-2.0-code/src/lang');
Shadowbox.loadPlayer(['html'], 'js/shadowbox-2.0-code/src/player');
</script>
<meta name="Description" content="Author: J.J. Crump, A dynamic timeline and map of the itinerary of king John of England, with events and places in his timeline linked to where they occur in the Patent Rolls, the Rotuli Litterarum Patentium. A chronological and geographical user interface to a fundamental historical resource for the history of Medieval England." />
<title>The Itinerary of King John Project</title>
</head>
<body onresize="onResize();">
<div id="container">
<!--
Was calling onLoad in the body tag, but now it's the callback in jsconfig.js
-->
<div id="col1">
<div id="top-block">
<div id="timeline-container">
<div id="JohnItinerary" class="timeline-default" style="height: 250px"></div>
</div>
</div>
<div id="navlist">
<div id="scrollbuttons">
<button style="text-align: left" class="arbut" id='larrow'><<< past</button>
<button style="text-align: right" class="arbut" id='rarrow'>future >>></button>
</div>
<ul>
<li id="tab1" class="tab_showing" onclick="javascript:show_next('tab1')">About this site</li>
<li id="tab2" class="tab" onclick="javascript:show_next('tab2')">Legend</li>
<li id="tab3" class="tab" onclick="javascript:show_next('tab3')">Controls</li>
<li id="tab4" class="tab">Page Images</li>
</ul>
</div>
<div id="content-divs">
<div id=tab1_content>
<dl id="about_list">
<dt>This Site</dt>
<dd>
The timeline above displays the itinerary of <span class="ttip">King John of England</span> for nearly every day of his seventeen year reign. Like most medieval kings, John's government was relentlessly itinerant. The places John visited are plotted on the map, changing dynamically, reflecting the places displayed in the lower band of the timeline. The timeline can be scrolled left and right by clicking and dragging, and you can observe John's progress as he traveled throughout England, Wales, Ireland, and France. The top band displays contextual events of general interest for the period, and the highlighted bar in the middle of the band represents the period of time displayed in the lower band.
<p>The data displayed in this timeline was published in tabular format in the <cite>Rotuli Litterarum Patentium in Turri Londinensi Asservati</cite>, edited by Thomas Duffus Hardy, and published in 1835. This essential source for students of the period is a large folio volume not widely available and rather awkward to use. Both the itinerary and the text of the patent rolls themselves are presented here in a more convenient form as a service to historians and students.</p>
<p>For a more detailed description of the structural elements of the timeline above, consult the information under the 'Legend' tab.</p>
</dd>
<dt>Construction Zone</dt>
<dd style="max-height: 250px; overflow-y: scroll">
<img src="Images/construct.gif" alt="under construction" style="float: left; margin-right: 2em" />
<ul>
<li>Oct. 2017 — another remodel to present a goldmine of useful data generously provided by Janet Gillespie. In the course of her dissertation research, Gillespie has patiently and precisely investigated ALL of the sites mentioned in Hardy's Itinerary of John, assembled geographical coordinates and source material on all except one location, and commented on the importance of each in the context of John's itinerations.<p>As mentioned below, the first generation of map coordinates for this site were the result of a very crude geocoding automation. Gillespie's data are far more complete and accurate and henceforth they will constitute the 'canonical' gazetteer for this site.</p><p>I'm very much indebted to Janet for her generous contribution and ongoing collaboration in this project.</p>
<p>In addition to corrected and new data, a summary of added functionality:</p>
<ul>
<li>Gazetteer data available from both map markers and timeline bubbles</li>
<li>Great circle distance from previous location provided in timeline bubbles</li>
<li>Link to error summary table provided in timeline bubbles for those dates that are on the discrepancy list.</li>
<li>Indication in timeline bubble when the Hardy placename cited represents more than one location.</li>
<li>In the "Page Images" tab, there's a new selection list to take the user to any page of the Itinerary Index/Table scans</li>
<li>In the Gazetteer data dialog the number of visits for the location is cited, and a selection list provided to move the timeline to any of the other visits for that placename</li>
<li>And, it's (barely) mobile friendly. That is, I've provided a way to scroll the timeline on 'coarse' pointer devices, like a cell phone. I've, as yet, made no other accommodations for mobile devices.</li>
</ul>
</li>
<li>Feb. 2009 — remodel of the site to make better use of screen real estate making use of the jQuery and Shadowbox javascript libraries</li>
</ul>
</dd>
<dt>The Patent Rolls</dt>
<dd>
The letters patent of the English crown are a foundational source for the study of medieval English government. These letters, "patent" because they were transmitted open and intended for all to see, constitute the primary instruments of royal government in the time of King John and his successors. They are the essential starting point for any study of medieval England, and indeed medieval Europe.
<p>Letters patent from the medieval period touch upon every conceivable aspect of royal government, from treaties and diplomatic correspondence to fiscal matters and family politics. The best introduction to the patent rolls, their content and historical utility, is Hardy's own <a class="text-link" href="#" onclick="loadPage('-074'); return false">introduction</a> beginning on page i.</p>
<p>The text of the <cite>Rot. Lit. Pat</cite> can be used independently from the timeline. Clicking on the 'Page Images' will display the text with a paging mechanism allowing you to consult the indexes of names and places, and go directly to pages of the introduction or the roll itself.</p>
</dd>
<dt>Record Type</dt>
<dd>
<img src="Images/record_type_example.png" style="float: left; padding-right: 10px" alt="example of record type" />
When Hardy published the <cite>Rot. Lit. Pat.</cite> in 1835, it was thought that in order to preserve potential ambiguities present in the rolls, an effort should be made to reproduce the text including the system of scribal abbreviation in use during the thirteenth century. To that end, a typeface called "record type" was used, and an example drawn from the text is shown here. In practice, record type tends to obfuscate rather than illuminate. And for our purposes here, this specialized typeface has the added unfortunate effect of rendering the text opaque to ordinary OCR techniques. That is why the text of the rolls is not digitized and indexed as it should be. To improve the readability of the abbreviations, the aspect ratio of the page images for the body of the text has been slightly altered, elongating the images somewhat.
<p>Record type takes some getting used to, but the Latin of the rolls is so highly formulaic that reading it is not too challenging. Fortunately, an excellent guide to the system of abbreviation is available: Martin, Charles Trice. <cite>The Record Interpreter: A Collection of Abbreviations, Latin Words and Names Used in English Historical Manuscripts and Records.</cite> London: Stevens and Sons, 1949. This work is still in print, has been through many editions, and is readily, and inexpensively available.</p>
</dd>
<dt>The Itinerary</dt>
<dd>
The publication of the patent rolls alone was a boon to historians of medieval England, but Thomas Hardy went further. For the 1835 edition, Hardy collated information from the <i>teste</i> and dating clauses of the patent letters themselves with information drawn from the charter and close rolls, the wardrobe accounts, and the <i>praestita</i> rolls. Based on this collation, Hardy was able to determine the exact itinerary of the king for 4,390 of the 6356 days of his reign of his reign (69%). This was a remarkable feat of scholarship, and Hardy's itinerary has been an invaluable resource for historians ever since. (The pages of Hardy's original itinerary tables begin <a class="text-link" href="#" onclick="loadPage('-026'); return false">here</a>.)
<p>Included below Hardy's tables was a gazetteer of the places mentioned, with the dates for each place listed. The data displayed in this timeline and map was captured by scanning the gazetteer, processing the image with OCR software, and parsing the result with a python script to produce a JavaScript object for the timeline software.</p>
<p>Unfortunately, the <cite>Rot. Lit. Pat.</cite> is a fairly uncommon volume, available only in extensive research libraries. The purpose of this site is to offer the data of Hardy's itinerary in a more convenient and widely accessible format, and link it more closely with the patent letters themselves. Clicking on any of the events in the lower band of the timeline above will bring up an information bubble which contains links to the pages of the <cite>Rot. Lit. Pat</cite> that contain dated letters for the relevant period. Because the data in the itinerary was drawn from a variety of sources, not all of the events on the timeline will have links, and not all of the events will be represented in the patent letters at all. The timeline information bubbles also contain a straightforward great circle calculation of the distance from the previous itinerary location.</p>
<p><span style="font-size: 120%; color: #FF9500">October, 2017:</span> For the current re-design of this site, in conversation with Dr. Gillespie, it became clear that we were both working from slightly different resources. The folio edition of the <cite>Rotuli litterarum patentium in Turri londinensi asservati</cite> was published in 1835 by Eyre and Spottiswoode. Hardy's Itinerary was included with his introduction to this volume ( <a target="_blank" class="text-link external" href="http://www.worldcat.org/oclc/38630269">folio ed</a> ). However, also in 1835 Hardy's introduction and itinerary appeared in a separate quarto volume <cite>A Description of the Patent Rolls in the Tower of London; to which is added an Itinerary of King John with preferatory observations. </cite>( <a target="_blank" class="text-link external" href="http://www.worldcat.org/oclc/895817071">quarto ed</a> )</p>
<p>In the main, this site treats the folio edition of the <cite>Rot. Lit. Pat.</cite> as canonical, and the page scans included under the "Page Images" tab above come from that edition. However, I had presumed that the quarto edition was identical. It is not. The number of discrepancies that exist between the two publications is remarkably small, but potentially significant. Dr. Gillespie has carefully catalogued these discrepancies in a <a target="_blank" class="text-link external" href="https://docs.google.com/spreadsheets/d/e/2PACX-1vT_KXvhyu7r0C0h0Ud4v_uM1JqsnsXzL1A0m4MwWMJcO7fndL54sD3bxI6mpjMIpiCTxmGR72gGMbI9/pubhtml">summary table</a>. Moreover, where possible, an indication that a discrepancy exists will be provided in the relevant timeline bubble and in the corresponding geographical data.</p>
<p>To complicate the bibliographical picture still further, Hardy, in 1827, presented a preliminary version of the same itinerary which was then published in 1835. In this paper there are additional indications of note. "In the following Table I have endeavoured to give the modern designation where I was satisfied of the identity of the place. A royal Manor or demesne is marked by an asterisk *; a Castle in the King's hands by a dagger †; a Religious house by ‡." No attempt has been made here to collate this earlier table with the 1835 version presented here. If you encounter interesting discrepancies or additional data in the earlier version, contact me and we can add a note in the relevant records. The 1827 version appears in: the Society of Antiquaries of London. <u>Archaeologia, Or, Miscellaneous Tracts Relating to Antiquity</u>. London: The Society, 1770, vol.XXII, pg.124 (1829). This work, along with the two 1835 publications are made available by the HathiTrust and have been gathered in a collection here: <a class="text-link external" target="_blank" href="https://babel.hathitrust.org/cgi/mb?a=listis&c=799372342">Itinerary of John</a>.</p>
</dd>
<dt>The Map</dt>
<dd>
Place-names have always been a problem for students of medieval records. Places change their names; the same place-name is sometimes applied to more than one location; places, once important, sometimes disappear altogether and are known only by their names in the records.
<p>The place markers on the map were initially derived by querying the Google geocoding interface using Hardy's place-names. This was a pretty crude first pass at providing geographical data for the timeline events. The procedure resulted in many errors since Google knows nothing of medieval places. Fortunately, as a result of the generous contribution of Janet Gillespie (see "Construction Zone" above), detailed and accurate coordinates, as well as other supporting geographic information have now been supplied. The map markers now reflect these coordinates, and clicking on any of the map markers will open a dialog containing the current data for that place.</p>
<p>In his 1835 publications, Hardy identified 641 distinct places that John visited. Of these, a few actually refer to more than one place, so the total number of places currently in our gazetteer is 655. Where Hardy's original placename refers to multiple locations, that fact has been noted in the timeline bubble.</p>
</dd>
<dt>Contact & Contributions</dt>
<dd>
The Itinerary of John is an ongoing, open-sourced research project. This site was created by integrating the open-source timeline API from MIT's SIMILE project with the publicly available mapping API from Google. The content of the site, similarly, is intended to be open-sourced. Contributions from interested scholars are welcome:
<ul>
<li>Transcriptions and translations of the letters in the <cite>Rot. Lit. Pat.</cite>,</li>
<li>Disambiguation, geographical location (lat/lng), and summary histories of the place-names mentioned in the itinerary,</li>
<li>Links to corroborating documents for the events in the itinerary that are not attested by letters in the patent rolls,</li>
<li>Commentary and analysis of specific letters in the <cite>Rot. Lit. Pat.</cite>,</li>
<li>Methods and mechanisms for semantically linking the data here with similar data in other repositories.</li>
</ul>
<p>The Itinerary of King John project is intended to be collaborative. Contributions, comments, corrections, and questions can be addressed to me at: <span class="email-span" value="ude.wu@pmurcjj">click for address</span>.</p>
</dd>
<dt>Acknowledgements & Rights</dt>
<dd class='mefirst'>
The most recent revision of this site owes its comprehensive data to Janet Gillespie and the research she has done for her PhD thesis <a class="text-link external" href="http://hdl.handle.net/10023/12195">Was King John of England bipolar? a medical history using mathematical modelling</a>, which was awarded 2017 by the University of St Andrews
<span class="email-span" value="ku.ca.swerdna-ts@7gpj">(click for address)</span>. As described above ("Construction Zone"), Gillespie's data represents a giant step forward in the scope and utility of this resource.
<p>Great thanks and kudos belong to David Huynh, the principal author of the <a class="text-link external" href="http://simile-widgets.org/timeline/">SIMILE timeline API</a>. He has created a tool that will be a great boon to historians, and without his direct assistance, this resource would not have been possible.</p>
<p>Thanks also to the Suzzallo Library at the University of Washington for allowing me to scan the full text of their copy of the <cite>Rot. Lit. Pat.</cite>. Also thanks to the Suzzallo Library office of Digital Initiatives for allowing me to use their scanning equipment and software (principally ABBYY FineReader OCR software, and Photoshop) for capturing the data and preparing the page scans for display on the web.</p>
<p>So far as I know, the <cite>Rotuli Litterarum Patentium</cite> is in the public domain. Unless otherwise noted, all other text on this site, the RDF encoded data, and the software code that enables the site (exclusive of the SIMILE timeline and Google Maps APIs) are offered under the following license:</p>
<p><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/InteractiveResource" property="dc:title" rel="dc:type">The Itinerary of King John Project</span> by <span xmlns:cc="http://creativecommons.org/ns#"
href="http://purl.org/neolography/JohnItinerary"
property="cc:attributionName"
rel="cc:attributionURL">J. J. Crump</span> is licensed under a <a class="text-link external" rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.</p>
<!--
<div style="text-align: center">
<img class='logos' src="Images/uwlibs1.png" />
<img class='logos' src="Images/UStA283.png" />
<p>While we acknowledge and are grateful for the help of these institutions, they do not sponsor or fund this project, and bear no responsibility for it.</p>
</div>
-->
</dd>
</dl>
<div id="sharebutton" style="text-align: center">
<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=xa-4a9028967ab24cfd"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a9028967ab24cfd">
</script>
<!-- AddThis Button END -->
</div>
</div> <!-- End Tab 1 contents -->
<div id="tab2_content" style='display:none'>
<dl>
<dt>Band One</dt>
<dd>
The first band in the time-line displays events of significance for the reign of King John and for medieval European history generally. Clicking on any of the events will display a bubble containing descriptive or explanatory text, and links to further relevant information. The lighter highlight in the middle of this band represents the span of time showing in band three.<br /></dd>
<dt>Band Two</dt>
<dd>
The second band is a schematic representation only of the data displayed in detail in band three so that you can see at a glance the periods of greater activity. The vertical ticks represent point dates, and the horizontal ticks represent durations. The time scale for this band is the same as for the one above, but it is marked with the regnal years of King John. John was crowned on Ascension day in 1199. Ascension is a moveable feast and so John's regnal year begins and ends on a different day each year. This is indicated in the scale at the top, and with a label at the beginning of each regnal year in band 3. My thanks to David Huynh, the principal author of the timeline software, for working out the code to represent this irregular schedule. <br /></dd>
<dt>Band Three</dt>
<dd>
The third band displays the elements of John's Itinerary as they appeared in the introduction to the Patent Rolls. Unless you have a research university handy, consulting the patent rolls can be a problem. Hardy's itinerary, published in 1835, is invaluable, but not the sort of thing that you can pick up at your local used book store. In unwieldy folio volumes, the itinerary was published as a series of tables appended to Hardy's introduction. This format was not ideal. An internet browser now makes it possible to display this data in a more graphically intelligible format. Clicking on these events will cause the corresponding map marker to bounce in order to identify it. Also, a bubble will be displayed that contains a link to the pages of the Rot.Lit.Pat. that contain letters dated for that date. The bubble also contains a button that will display the available geographic information for the referenced place. The itinerary is thus a useful gazetteer to many of the geographical locations of importance in early thirteenth-century European history. I have used the place-names exactly as they appear in Hardy.<br /></dd>
<dt>Controls</dt>
<dd>
<ul>
<li>Click and drag to scroll the timeline left or right</li>
<li>Double-click on any of the bands, and the timeline will automatically scroll to center that date.</li>
<li>The arrow keys will scroll the timeline in small increments.</li>
<li>The page-up and page-down keys will scroll the timeline forward and back one screen per keystroke.</li>
<li>The Home and End keys will go the the beginning or end of the data present in the timeline.</li>
<li>Clicking on any of the years listed for John's reign will re-center the timeline on that year.</li>
<li>Typing into the 'filter' box will limit the displayed events to those containing the typed text.</li>
<li>Typing into the 'highlight' boxes will highlight the matching events with the color shown.</li>
</ul>
</dd>
</dl>
</div> <!-- End Tab 2 contents -->
<div id="tab3_content" style='display:none'>
<div class="control-box">
<h3>Go to a Year</h3>
<p>Select a year from John's reign to center the timeline on that year.</p><br />
<select id="johnyears" onChange="pickDate();">
<option value="">Select a year</option>
<option value="1199">1199</option>
<option value="1200">1200</option>
<option value="1201">1201</option>
<option value="1202">1202</option>
<option value="1203">1203</option>
<option value="1204">1204</option>
<option value="1205">1205</option>
<option value="1206">1206</option>
<option value="1207">1207</option>
<option value="1208">1208</option>
<option value="1209">1209</option>
<option value="1210">1210</option>
<option value="1211">1211</option>
<option value="1212">1212</option>
<option value="1213">1213</option>
<option value="1214">1214</option>
<option value="1215">1215</option>
<option value="1216">1216</option>
</select>
</div>
<div id="controls" class="control-box">
<h3>Highlite an Event</h3>
<p>Type into the boxes to filter or highlight events that contain the text in either the event title, or the event info bubble:</p>
</div>
<div class="control-box">
<div class="ui-widget">
<h3>Search the Gazetteer</h3>
<p>Start typing in the box below to search the places in the gazetteer. Select to see the geographical data.</p>
<input style="width: 16em" id="searchplaces" />
<div id="Places"></div>
</div>
</div>
</div> <!-- End Tab 3 contents -->
<div id="page_images" style="display: none; ">
<div style="text-align: center;">
<img id="scan" src="pageImages/001.jpg" alt="image of a page in the Rot. Lit. Pat." />
</div>
</div>
</div> <!-- End Content Divs -->
</div> <!-- End col. 1 -->
<div id="col2">
<div id="map-box">
<div id="mapcontainer" style="overflow: hidden">
<div id="map" style="width: 100%; height: 550px"></div>
</div>
</div>
<div style="text-align: center; color: #FF9500; font-size: 200%; font-weight: bold; padding: 20px">The Itinerary of King John & the <cite>Rotuli Litterarum Patentium</cite></div>
<div style="text-align: center"><img src="Images/JohnsSeal.png" alt="John's Great Seal, reverse" /></div>
</div>
<div id="footer">
<div style="margin-left: auto; margin-right: auto; width: 90px"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width: 0px" src="http://creativecommons.org/images/public/somerights20.png" /></a></div>
</div>
</div> <!-- End Container Div -->
</body>
<script>
//copped this cute trick from David Huynh's home page http://davidhuynh.net/
$(function() {
$('.email-span').on('click', function(evt) {
var span = $(this)
span.text(span.attr('value').split('').reverse().join(''))
.css({
'color': '#000',
'font-size': 'inherit',
'white-space': 'nowrap'
})
.unbind('click');
});
});
</script>
</html>