-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathSPRLists.html
More file actions
191 lines (171 loc) · 9.51 KB
/
SPRLists.html
File metadata and controls
191 lines (171 loc) · 9.51 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BCS 152 Tutorial</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="tutorial.css">
</head>
<body class="bckgrnd">
<nav id="nav" class="navbar navbar-default navbar-fixed-top"></nav>
<div class="jumbotron spr top">
<h1>Self Paced Reading Example: Lists</h1>
<p>
You've learned a lot already. You're now close to completing the
Materials section of this tutorial. Just a few more things to consider.
The table below illustrates the
<a href="Glossary.html#L" target="_blank" class="red" data-toggle="tooltip" title="">Latin Square Design</a>
for our SPR example experiment. Recall that you won't have to make your
own lists.
<a href="Glossary.html#C" target="_blank" class="red" data-toggle="tooltip" title="https://www.hlp.rochester.edu/CrowdExp">CrowdExp</a>
will do that for you. Still, it is a good idea to understand how Latin
Square design and list creation works. So, just to refresh your memory,
we've created this illustration for you.
</p>
<p>
As a reminder, here's the 2x2 example
design.
</p>
<figure>
<img title="Example 2x2 Design" alt="Example 2x2 Design" src="Example.png" width="887" height="423" />
<figcaption style="text-align:center;">Figure 1: A 2x2 design, crossing contextual predictability (high vs. low) with word frequency (high vs. low).</figcaption>
</figure>
<br>
<p>
This example assumes that we have made 32 items (8 times as many items as
conditions) in each of its four conditions (totaling 128 stimuli sentences).
For simplicity's sake, the fillers are not shown. Each column corresponds
to one of the lists. Each participant will see one of these lists.
</p>
<p>
Hover the pointer over the different cells of the table and you can see
example items in their different conditions.
</p>
<div class="trialCenter">
<table>
<tr>
<td><span class="filler"> Item # </span></td>
<td><span class="filler">List A </span></td>
<td><span class="filler"> List B </span></td>
<td><span class="filler">List C </span></td>
<td><span class="filler"> List D </span></td>
</tr>
<tr>
<td class="item"> Item 1 </td>
<td class="condON dropt">LOW_PRED HIGH_FREQ<span>I saw the apple on the table</span> </td>
<td class="list2 box blue dropt3">LOW_PRED LOW_FREQ<span>I saw the kiwi on the table</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ <span>I ate the apple on the table</span></td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>I ate the kiwi on the table</span></td>
</tr>
<tr>
<td class="item"> Item 2 </td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>She typed the column for the September issue</span></td>
<td class="condON dropt"> LOW_PRED HIGH_FREQ <span>She did the paper for the September issue</span></td>
<td class="list2 box blue dropt3">LOW_PRED LOW_FREQ <span>She did the column for the September issue</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ <span>She typed the paper for the September issue</span></td>
</tr>
<tr>
<td class="item"> Item 3 </td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ<span>He wrote the story in the newspaper</span></td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>He wrote the feature in the newspaper</span></td>
<td class="condON dropt"> LOW_PRED HIGH_FREQ <span>He saw the story in the newspaper</span></td>
<td class="list2 box blue dropt3"> LOW_PRED LOW_FREQ <span>He saw the feature in the newspaper</span></td>
</tr>
<tr>
<td class="item"> Item 4</td>
<td class="list2 box blue dropt3"> LOW_PRED LOW_FREQ<span>She made the plantains for the party tonight</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ <span>She fried the potatoes for the party tonight</span></td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>She friend the plantains for the party tonight</span></td>
<td class="condON dropt">LOW_PRED HIGH_FREQ <span>She made the potatoes for the party tonight</span></td>
</tr>
<tr>
<td class="item"> Item 5</td>
<td class="condON dropt">LOW_PRED HIGH_FREQ <span>I placed that picture up on the wall</span></td>
<td class="list2 box blue dropt3"> LOW_PRED LOW_FREQ <span>I placed that canvas up on the wall</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ <span>I painted that picture up on the wall</span></td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>I painted that canvas up on the wall</span></td>
</tr>
<tr>
<td class="item"> Item 6 </td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>I wore my ascots just yesterday</span></td>
<td class="condON dropt">LOW_PRED HIGH_FREQ <span>I bought my jeans just yesterday</span></td>
<td class="list2 box blue dropt3">LOW_PRED LOW_FREQ <span>I bought my ascots just yesterday</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ<span>I wore my jeans just yesterday</span></td>
</tr>
<tr>
<td class="item"> Item ...</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="item"> Item 32 </td>
<td class="list2 box blue dropt3">LOW_PRED LOW_FREQ <span>They gathered the llamas into the corner of the field</span></td>
<td class="list3 dropt2">HIGH_PRED HIGH_FREQ <span>They hearded the sheep into the corner of the field</span></td>
<td class="list4 box rd dropt4">HIGH_PRED LOW_FREQ <span>They hearded the llamas into the corner of the field</span></td>
<td class="condON dropt">LOW_PRED HIGH_FREQ <span>They gathered the sheep into the corner of the field</span></td>
</tr>
</table>
</div>
</div>
<div class="jumbotron">
<div class="container">
<div class="row">
<table>
<tr>
<td class="col-md-12"><div><a class="btn btn-primary" href="Lists.html">← Lists & Latin Square Design</a></div></td>
<td class="col-md-12"><div><a class="btn btn-warning" href="SPRFormat.html">SPR Example: Preparing your Experiment for CrowdExp →</a></div></td>
</tr>
</table>
</div>
</div>
</div>
<div class="jumbotron">
<button type="button" class="btn btn-block btn-lg btn-danger" data-toggle="collapse" data-target="#demo">Test Your Understanding</button>
<div id="demo" class="collapse">
<p class="question">1. How many items would you need with this design
if you want to have 20 items per condition?</p>
<ul class="answers">
<li><input name="q1" value="a" id="q1a" type="radio"><label for="q1a">72</label></li>
<li><input name="q1" value="b" id="q1b" type="radio"><label for="q1b">80</label></li>
<li><input name="q1" value="c" id="q1c" type="radio"><label for="q1c">64<br/>
</label></li>
<li><input name="q1" value="d" id="q1d" type="radio"><label for="q1d">88<br/>
</label></li>
</ul>
<p class="question">2. If List 1 is: A1, A2, B1, B2, A1, A2, B1, B2,
which of the following lists is incorrect (would not complete the
Latin square design)?</p>
<ul class="answers">
<li><input name="q2" value="a" id="q2a" type="radio"><label for="q2a">A2,
B1, B2, A1, A2, B1, B2, A1 <br/>
</label></li>
<li><input name="q2" value="b" id="q2b" type="radio"><label for="q2b">B2,
A1, A2, B1, B2, A1, A2, B1<br/>
</label></li>
<li><input name="q2" value="c" id="q2c" type="radio"><label for="q2c">B1,
A1, B2, A2, B1, A1, B2, A2<br/>
</label></li>
<li><input name="q2" value="d" id="q2d" type="radio"><label for="q2d">B1,
B2, A1, A2, B1, B2, A1, A2<br/>
</label></li>
</ul>
<div id="results"> Check </div>
<div id="alerts"></div>
</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="testnav.js"></script>
<script type="text/javascript" src="quiz-items.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('li#createstim').addClass('active');
$('li#sprlist').addClass('active');
});
</script>
</body>
</html>