-
Notifications
You must be signed in to change notification settings - Fork 4
/
tutorial.html
124 lines (105 loc) · 7.18 KB
/
tutorial.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
<div id="modal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="lead">BM Bronze Age Index Draw A9 transcription tutorial</h3>
</div>
<div id="0" class="modal-body" style="display:none">
<p>
This application is very simple, but does require you to use your own judgment in reading hand-written documents. When you participate,
the platform will load a scanned index card from the British Museum's Bronze Age catalog
(stored on the MicroPasts <a href="http://flickr.com">Flickr</a> stream).
Once the image has been loaded, you will be asked to transcribe the contents of each
card. Most scanned images combine the written details from the one side of the
index card and the line drawing of the object from the reverse side.
An example of the front side of a card is shown below.
</p>
<img src="https://farm4.staticflickr.com/3700/13305081014_dc91f9d867_n.jpg" class="img-polaroid"
alt="An example of one of the Bronze Age Index cards" width="229" height="320"/>
<p>
Each index card contains similar information and we are asking you to enter this information
into a set of pre-defined fields. In addition to the help provided by this tutorial, you will also
find further hints inside the data entry boxes about where on the card the relevant information might be found
(e.g. in the example card above, the necessary entry for the "Object Type" filed would be "Palstave" and the data entry box
will hint that this information can be found "Top of card").
</p>
</div>
<div id="1" class="modal-body" style="display:none">
<p>
During the transcription, you can always return to this tutorial via the "Help" button.
Here are some further issues to watch out for:
</p>
<ol>
<li>The "top right corner" field is not present on all cards, but if it exists, it is normally a typological code
including a Latin numeral, following by an ordinary (Arabic) number, and finally a capital letter.
This is often but not always written in pencil. The example below would be rendered "II1A":<br />
<img src="http://farm6.staticflickr.com/5539/12233629423_e5f1f6ddcf_o.png" alt="Top corner" width="227" height="65"/></li>
<li>When entering information in the fields, please respect the case of words as seen on the card.</li>
<li>If there is a word or a portion of a word that you cannot read, please use the "[...]" notation. For example,
using the example index card shown before, if you could not read the reference top left to "Sea-shore near Cooden Bay",
you might render it as "Sea-shore near [...] Bay", although we suggest you do fill in the whole word in cases where
you are fairly confident but not certain.</li>
<li>If you see text that is stacked on more than one line or separated by a gap, but that otherwise should go
into just one of our pre-specified boxes, then separate it by "[;]". For example, on the
index card we showed you before, "Mr Vidler" and "Pevensey" are
both entries that should be entered in the the Collection box, so you could simply enter
"Mr Vidler[;]Pevensey".</li>
<li>Measurements should be entered in millimetres or grammes, as the hints suggest, and only the number should be entered in the box
(e.g. a length of 174mm should be entered as 174). If the units are not in mm or grammes, please convert them to whole number grammes and mm, and place
the converted values in the correct box. In such cases, please also make a note of the original in the Transcriber's Comments
(e.g. a length written as "4.2 in" should be note verbatim in the Transcriber's Comments, but recorded as 107 in the Length box).</li>
<li>If there is additional information on the card that you do not feel fits in one of our pre-specified
boxes, or if you have any further worries about how to transcribe the card, then please put these concerns in our
"Transcriber's Comments" box at the bottom of the transcription page.</li>
</ol>
</div>
<div id="2" class="modal-body" style="display:none">
<p>
Sometimes you might notice that there is some variability in the style of the index cards and
occasionally you might get a card that looks quite different, such as the one below. In such cases, please try your best
to fill in the requisite fields and note in the Transcriber's Comments field that you found this difficult for that
particular card. As we continue drawer-by-drawer through the catalog, we will look to modify the
input fields in response to your suggestions.
</p>
<img src="https://farm4.staticflickr.com/3815/12674204253_2695e6293a_n.jpg" alt="variant card " width="230" height="320"/>
</div>
<div id="3" class="modal-body" style="display:none">
<p>
To find out how the project is progressing, suggest changes to this application or
propose new research ideas based what you have transcribed, please have a look at
our <a href="http://community.micropasts.org" title="Community forum">community forum</a>.
</p>
</div>
<div class="modal-footer">
<a id="prevBtn" href="#" onclick="showStep('prev')" class="btn btn-default">Previous</a>
<a id="nextBtn" href="#" onclick="showStep('next')" class="btn btn-success">Next</a>
<a id="startContrib" href="../drawA9/newtask" class="btn btn-primary" style="display:none"><i class="glyphicon glyphicon-thumbs-up"></i> Let's start!</a>
</div>
</div>
</div>
</div>
<script>
var step = -1;
function showStep(action) {
$("#" + step).hide();
if (action == 'next') {
step = step + 1;
}
if (action == 'prev') {
step = step - 1;
}
if (step == 0) {
$("#prevBtn").hide();
}
else {
$("#prevBtn").show();
}
if (step == 3 ) {
$("#nextBtn").hide();
$("#startContrib").show();
}
$("#" + step).show();
}
showStep('next');
$("#modal").modal('show');
</script>