-
Notifications
You must be signed in to change notification settings - Fork 1
/
speaker2A.html
128 lines (117 loc) · 7.19 KB
/
speaker2A.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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Alien Biodiversity Study: Study 2A</title>
<meta name="viewport" content="initial-scale=1.0">
<link rel="stylesheet" href="erin_style.css" />
<link rel="stylesheet" href="jquery-ui.css"/>
</head>
<body>
<div class="progress">
<span>Progress:</span>
<div class="bar-wrapper">
<div class="bar" width="0%">
</div>
</div>
</div>
<div class="slide" id="consent">
<img src="stanford.png" alt="Stanford University">
<br>
<br>
<!-- <p id='logo-text'>Stanford Language and Cognition Lab</p> -->
<p class="block-text">In this experiment, you will see some flora and fauna from an "alien planet" and be asked to evaluate potential descriptions.</p>
<p class="block-text">This experiment should take about 5 minutes to complete.</b></p>
<p class="block-text">We try hard to make our HITs enjoyable, so please reward us by paying attention and reading our instructions and questions carefully.</p>
<p class="block-text">Thank you!</p>
<button type="button" onClick="this.blur(); experiment.begin()">Start</button>
<p class="block-text">(Note: you won't be able to preview this HIT before
accepting it.)</p>
<p class="block-text" id="mustaccept"> You must accept the HIT in order to
continue.</p>
<p class="block-text" id="legal">By answering the following questions, you
are participating in a study being performed by cognitive scientists in the
Stanford Department of Psychology. If you have questions about this research,
please contact Erin Bennett at
<a href="mailto:erindb@stanford.edu">erindb@stanford.edu</a>
or Noah Goodman at ngoodman@stanford.edu. You must be at least 18 years old
to participate. Your participation in this research is voluntary. You may
decline to answer any or all of the following questions. You may decline
further participation, at any time, without adverse consequences. Your
anonymity is assured; the researchers who have requested your
participation will not receive any personal information about you.</p>
</div>
<div class="slide" id="instructions">
<h2>Instructions</h2>
<div class="left-text">
<p>In this experiment, we would like you to imagine that an alien planet has been discovered!</p>
<p>Scientist Sally has been studying the kinds of <span class="creatures">{{}}</span> on this planet. She is going on a hike with you, to show you the different kinds of <span class="creatures">{{}}</span>.</p>
<p>Please click "Begin" when you're ready to start.</p>
</div>
<button type="button" class="continue">Begin</button>
</div>
<div class="slide" id="examples">
<p>You and Scientist Sally <span class="temporal_adverb">{{}}</span> go to the habitat of the <span class="categories">{{}}</span>.
<span class="capital_categories">{{}}</span> are a kind of <span class="creature">{{}}</span>.
Here are the <span class="categories">{{}}</span> that you see.</p>
<p>Please study the <span class="categories">{{}}</span> carefully. Pay particular attention to their <span class="target_features">{{}}</span>.</p>
<div id="creature_images" class="creature_images"></div>
<div class="question" id="what_kind_question">
<p>What kind of <span class="creatures">{{}}</span> are these? <input class="to_clear" type="text" id="what_kind"></input></p>
<!-- <p>How many of them have <span class="target_features">{{}}</span>? <select id="how_many"></select></p> -->
<button type="button" class="continue">Continue</button>
<!-- could make Ss click on one of the flowers with thorns in order to continue? -->
<p class="err" id="what_kind_err">That's not what kind of <span class="creatures">{{}}</span> these are. Please check that you spelled your response correctly. You only need to give the name of the kind of <span class="creatures">{{}}</span>. Answer in one word.</p>
</div>
<div class="question" id="click_on_all_targets">
<p>First, please click on all of the <span class="categories">{{}}</span> that have <span class="target_features">{{}}</span></p>
<button type="button" id="there_are_none">I don't see any <span class="categories">{{}}</span> with <span class="target_features"{{}}></span></button>
<p class="err" id="not_all">There are more <span class="categories">{{}}</span> with <span class="target_features">{{}}</span>! Please click on all of them.</p>
</div>
<!-- <p class="err" id="how_many_err">That's not how many have <span class="target_features">{{}}</span>. Please look carefully at the display.</p> -->
</div>
<div class="slide" id="sentences">
<p><span class="when">{{}}</span> </p>
<p><strong>"<span class="capital_categories">{{}}</span> _____________."</strong></p>
<!-- have <span class="target_features">{{}}</span> -->
<p>Please click on the slider bars below to indicate how likely do you think it is that Scientist Sally would complete her sentence in each of the following ways?</p>
<button type="button" id="reminder">Remind me what the <span class="categories">{{}}</span> looked like!</button>
<div id="smaller_creature_images" class="creature_images"></div>
<button type="button" id="i_remember_now">OK, I remember now.</button>
<table><tbody id="slider_table"></tbody></table>
<button type="button" class="continue">Continue</button>
<p class="err">Please make sure to adjust all the sliders before continuing. Click on the bars to make the sliders appear.</p>
</div>
<div class="slide" id="posterior">
<p>Imagine that Scientist Sally told you,</p>
<p><strong>"<span class="capital_categories">{{}}</span> have <span class="target_features">{{}}</span>."</strong></p>
<p>Then imagine you saw another 100 <span class="categories">{{}}</span>. How many of them do you think would have <span class="target_features">{{}}</span>?</p>
<div class="slider_section">
<div class="slider_container"><div class="left_slider_meaning">0</div><div class="right_slider_meaning">100</div></div>
<div class="slider_container" id="prediction_slider_container"></div>
</div>
<button type="button" class="continue">Continue</button>
<p class="err">Please make sure to adjust the slider before continuing. Click on the bar to make the slider appear.</p>
</div>
<div class="slide" id="questionnaire">
<p>Last section! Please enter your responses below, and then click 'Submit'.</p>
<p>Your age: <input type="text" id="participant_age"></input></p>
<p>Your native language*:<input type="text" id="participant_native_language"></input><br/>(the language that
was spoken at home when you were a child)</p>
<p>We would be interested in any comments you have about this experiment. Please type them here:</p>
<p><textarea rows="7" cols="70" id="participant_comments"></textarea></p>
<button type="button" class="continue">Submit</button>
<p>*required</p>
</div>
<div class="slide" id="finished">
You're finished - thanks for participating! Submitting to Mechanical Turk...
</div>
<!-- Scripts -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="jquery-ui-1.10.4.min.js"></script>
<script src="mmturkey.js"></script>
<script src="raphael.js"></script>
<script src="ecosystem.js"></script>
<script src="browserCheck.js"></script>
<script src="speaker2A.js"></script>
</body>
</html>