Skip to content

Commit 73b1347

Browse files
afourtassiafourtassi
committed
First commit
0 parents  commit 73b1347

File tree

424 files changed

+29355
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

424 files changed

+29355
-0
lines changed

‎ecosystem.js

Lines changed: 503 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎experiment.html

Lines changed: 345 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,345 @@
1+
<!-- ## Code -->
2+
<html>
3+
<head>
4+
<title>Form/Concept experiment </title>
5+
<!-- Include the [jQuery library](http://jquery.com/), which helps you manipulate HTML elements from JS. -->
6+
<script src="jquery-1.11.2.min.js"></script>
7+
<!-- [mmturkey]: http://github.com/longouyang/mmturkey -->
8+
<script src="mmturkey-0.6.js"></script>
9+
<link rel="stylesheet" href="style.css" />
10+
<link href="lib/jquery-ui.css" rel="stylesheet" type="text/css"/>
11+
<link rel="stylesheet" href="lib/colorpicker/colorpicker.css" type="text/css" />
12+
<link rel="stylesheet" media="screen" type="text/css" href="lib/colorpicker/layout.css" />
13+
14+
</head>
15+
<body>
16+
17+
<script type='text/javascript' src='lib/jquery-2.0.3.min.js'></script>
18+
<script type='text/javascript' src='lib/jquery-ui.js'></script>
19+
<script type="text/javascript" src="lib/colorpicker/colorpicker.js"></script>
20+
<script type="text/javascript" src="lib/eye.js"></script>
21+
<script type="text/javascript" src="lib/colorpicker/colorpicker.js"></script>
22+
<script type='text/javascript' src='lib/raphael.js'></script>
23+
<script type='text/javascript' src='ecosystem.js'></script>
24+
<script type="text/javascript" src="lib/eye.js"></script>
25+
<script type="text/javascript" src="lib/utils.js"></script>
26+
<script type="text/javascript" src="lib/colorpicker/layout.js?ver=1.0.2"></script>
27+
28+
29+
<!-- The s slide. -->
30+
<div class="slide" id="instructions">
31+
<div style="width: 500px; margin: 0 auto; text-align: center; background-color: #8C1516; padding: 20px 15px 10px 10px">
32+
<img src="images/stanford.png" height="46" width="360" alt="Stanford University">
33+
</div>
34+
<p id='logo-text'>Stanford Language and Cognition Lab</p>
35+
<p class="block-text">
36+
This is an experiment that tests aspects of human word learning. The experiment involves audio sequences. Please make sure that no music is played in the background. Put your headphones on or make sure you are in a quiet environment.
37+
</p>
38+
39+
40+
<!-- Button to start the experiment. <code>this.blur()</code> removes the focus from the button, if the user pressed the button by using the keyboard, rather than the mouse. -->
41+
<button type="button" onclick="this.blur(); experiment.next()">Start</button>
42+
<!-- Legal blurb that we're required to show. -->
43+
44+
<!--<p class="block-text"><br> <b> Note: you won't be able to preview this HIT before accepting it because it's so short. </b></p>-->
45+
46+
<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 us at <a href="mailto://[email protected].">[email protected]</a>. 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. Note however that we have recently been made aware that your public Amazon.com profile can be accessed via your worker ID if you do not choose to opt out. If you would like to opt out of this feature, you may follow instructions available <a href="https://www.amazon.com/gp/help/customer/display.html?nodeId=16465241">here</a>.</p>
47+
48+
</div>
49+
50+
51+
52+
<!-- The stage norm-->
53+
<div class="slide" id="stage_discrim" style="display:table;">
54+
55+
<audio id='sound_left_d' autoplay='autoplay'></audio>
56+
<audio id='sound_right_d' autoplay='autoplay'></audio>
57+
58+
<table id="hello_d" width="80%" border="0" cellspacing="20" cellpadding="0" align="center">
59+
<tr>
60+
<td valign="top">
61+
62+
<div id="word_left_d">
63+
64+
</div>
65+
<div id="word_right_d">
66+
67+
</div>
68+
69+
</td>
70+
</tr>
71+
<tr>
72+
<td valign="bottom">
73+
74+
<div id="answer_left_d">
75+
<p id="same_d" align="center"><font size="6">Same</font></p>
76+
</div>
77+
78+
<div id="answer_right_d">
79+
<p id="diff_d" align="center"><font size="6">Different</font></p>
80+
</div>
81+
</td>
82+
83+
</tr>
84+
85+
</table>
86+
87+
</div>
88+
89+
<!-- Learning phase -->
90+
<div class="slide" id="stage" style="display:table;">
91+
92+
<audio id='sound_left' autoplay='autoplay'></audio>
93+
<audio id='sound_right' autoplay='autoplay'></audio>
94+
95+
<table id="hello" width="80%" border="0" cellspacing="20" cellpadding="0" align="center">
96+
<tr>
97+
<td valign="top">
98+
99+
<div id="word_left">
100+
101+
</div>
102+
<div id="word_right">
103+
104+
</div>
105+
106+
</td>
107+
</tr>
108+
<tr>
109+
<td valign="bottom">
110+
111+
<div id="alien">
112+
<p id="pic_alien" align="center"></p>
113+
</div>
114+
</td>
115+
</tr>
116+
<tr>
117+
<td>
118+
<div id="intruct_text0">
119+
<p class="question-text" id="instruct_dynamic">{{}}</p>
120+
</div>
121+
</td>
122+
</tr>
123+
</table>
124+
125+
</div>
126+
127+
128+
<!-- Testing phase -->
129+
<div class="slide" id="Testing" style="display:table;">
130+
131+
<audio id='sound' autoplay='autoplay'></audio>
132+
133+
<table id="hello1" width="80%" border="0" cellspacing="20" cellpadding="0" align="center">
134+
<tr>
135+
<td valign="top">
136+
137+
<div id="word_l">
138+
139+
</div>
140+
141+
<div id="word_r">
142+
143+
</div>
144+
145+
</td>
146+
</tr>
147+
<tr>
148+
<td valign="bottom">
149+
150+
<div id="alienT">
151+
<p id="pic_alienT" align="center"></p>
152+
</div>
153+
</td>
154+
</tr>
155+
<tr>
156+
<td>
157+
<div id="intruct_text">
158+
<p class="question-text">Select the right object!</p>
159+
</div>
160+
</td>
161+
</tr>
162+
</table>
163+
164+
</div>
165+
166+
167+
168+
<!-- Instructions for real 1 -->
169+
<div class="slide" id="Task_instructions">
170+
171+
<br>
172+
173+
<p id="MyTask" align="center">{{}}</p>
174+
175+
<table align="center">
176+
177+
<tr>
178+
179+
<td>
180+
<p><center><img src='images/alien1.png' height='120' width='200'></center> </p>
181+
</td>
182+
</tr>
183+
<tr>
184+
<td align="center">
185+
<button type="button" id="nextButton_choice" onClick="this.blur(); experiment.next()"> Continue</button>
186+
</td>
187+
<tr><td align="center">
188+
189+
</td></tr>
190+
191+
</table>
192+
193+
</div>
194+
195+
<!-- Instructions for test items (uses key press instead of click)-->
196+
<div class="slide" id="Task_instructions_test">
197+
198+
<br>
199+
200+
<p id="MyTask_test" class="block-text" align="center">{{}}</p>
201+
202+
<table align="center">
203+
<tr>
204+
205+
<td>
206+
<p><center><img src='images/alien1.png' height='120' width='200'></center> </p>
207+
</td>
208+
</tr>
209+
<tr>
210+
<td align="center">
211+
<p class="question-text">Press <span class='space-next'>Space</span></p>
212+
</td>
213+
<tr><td align="center">
214+
215+
</td></tr>
216+
217+
</table>
218+
219+
</div>
220+
221+
222+
223+
224+
<!-- Experiment with the scale of objects beforehand-->
225+
<div class="slide" id="scale_slide">
226+
227+
<p id="my_scale_inst" class="block-text" align="center">{{}}</p>
228+
229+
<table align="center">
230+
<tr>
231+
<td>
232+
</td>
233+
<td align="center">
234+
<div id="category"></div>
235+
</td>
236+
<td></td>
237+
</tr>
238+
<tr>
239+
<td>prototype 1</td>
240+
<td align="center">
241+
<div class='slider' id='prop'></div>
242+
</td>
243+
<td>prototype 2</td>
244+
</tr>
245+
<tr>
246+
<td></td>
247+
<td align="center">
248+
<button type="button" onClick="this.blur(); experiment.next()"> Continue</button>
249+
</td>
250+
<td></td>
251+
</tr>
252+
253+
</table>
254+
255+
</div>
256+
257+
258+
259+
260+
<!-- Briefing-->
261+
<div class="slide" id="briefing">
262+
<br><p><center>You have finished the experiment. Thank you for your participation!<br> Before submitting the data, please answer the following questions. <br>The answers are totally confidential and will not affect the approval of your HIT</center></p>
263+
264+
<p><b>What is your age?</b></p>
265+
<p>
266+
<select name="age" id="age" form="demographics">
267+
<option value="">Choose an age</option>
268+
<option value="0-10">&nbsp;0-10</option>
269+
<option value="20-29">10-19</option>
270+
<option value="20-29">20-29</option>
271+
<option value="30-39">30-39</option>
272+
<option value="40-49">40-49</option>
273+
<option value="50-59">50-59</option>
274+
<option value="60-69">60-69</option>
275+
<option value="70-79">70-79</option>
276+
<option value="80-89">80-89</option>
277+
<option value="&gt;90">90+</option>
278+
</select>
279+
</p>
280+
281+
<p><b>What is your gender?</b></p>
282+
<p>
283+
<select name="gender" id="gender" form="demographics">
284+
<option value="">Choose a gender</option>
285+
<option value="M">Female</option>
286+
<option value="F">Male</option>
287+
<option value="O">Other</option>
288+
</select>
289+
</p>
290+
291+
<p><b>Is English your native (fisrt) language?</b></p>
292+
<p>
293+
<select name="native" id="native" form="demographics">
294+
<option value="">Choose an answer</option>
295+
<option value="yes">Yes</option>
296+
<option value="No">No</option>
297+
</select>
298+
</p>
299+
300+
<p><b>Were you exposed to one of these languages in your early childhood: Arabic or Hindi? (whether or not you ended up speaking the language) </b></p>
301+
<p>
302+
<select name="second" id="second" form="demographics">
303+
<option value="">Choose an answer</option>
304+
<option value="yes">Yes</option>
305+
<option value="No">No</option>
306+
</select>
307+
</p>
308+
309+
<p><b>Did you experience any technical problem with the experiment at any point?</b></p>
310+
<p>
311+
<select name="problem" id="problem" form="demographics">
312+
<option value="">Choose a response</option>
313+
<option value="No">No problem</option>
314+
<option value="Yes">Yes I had a problem</option>
315+
316+
</select>
317+
</p>
318+
319+
<p><b>If you answered Yes to the previous question, can you explain what kind of technical problem did you have?</b></p>
320+
<p>
321+
<textarea type="text" id="ifproblem" style="width:100%" name="problemExp"></textarea>
322+
</p>
323+
324+
<p><b>[Optional] Do you have any comment about the experiment? (too long? too complicated?,...) </b></p>
325+
<p>
326+
<textarea type="text" id="comment" style="width:100%" name="comment"></textarea>
327+
</p>
328+
329+
330+
<center><button type="button" id="nextButton_brief" onClick=" this.blur(); experiment.next()"> Submit the results!</button></center>
331+
</div>
332+
333+
334+
<!-- The finish slide. -->
335+
<div class="slide" id="finished">
336+
You're finished - thanks for participating! Submitting to Mechanical Turk...
337+
</div>
338+
339+
<!-- Include the <a href="experiment.html">JavaScript file for the experiment</a>. As written, that script immediately executes commands, so we include it here at the end of the HTML file to ensure that resources referenced by the script actually exist. For instance, one of the immediately executed commands is <code>showSlide("instructions")</code>. If we loaded experiment.js, say, in the <code>head</code> section, <code>showSlide("instructions")</code> would fail because the <code>instructions</code> slide doesn't exist yet. It is possible to load the script in <code>head</code> but you have to ensure that any immediately executed commands, if they rely on potentially uninitialized HTML elements, are _delayed_ until the page is ready, using either [window.onload][onload] or jQuery's more robust [$(document).ready()][domReady] -->
340+
<!-- [onload]: https://developer.mozilla.org/en/DOM/window.onload -->
341+
<!-- [domReady]: http://api.jquery.com/ready/ -->
342+
<script src="experiment.js"></script>
343+
344+
</body>
345+
</html>

0 commit comments

Comments
 (0)