This repository has been archived by the owner on Nov 16, 2019. It is now read-only.
forked from madebyafox/learning_at_a_glance
-
Notifications
You must be signed in to change notification settings - Fork 0
/
instructions.html
66 lines (45 loc) · 2.44 KB
/
instructions.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
<!DOCTYPE html>
<html>
<head>
<script src = "js/helpers.js"></script>
<link rel="stylesheet" type="text/css" href="css/amystyle.css">
<script>
//----------------------
///CALLED EVERYTIME A KEY IS PRESSED
//----------------------
window.addEventListener("keydown", doKeyDown, true); //add keyboard key listener
function doKeyDown(e) {
switch (e.keyCode) {
case 13:
console.log(" ENTER PRESSED");
window.location.href = "blockstart.html?participant="+getQueryVariable("participant")+"&condition="+getQueryVariable("condition")+"&block="+0;
//
break;
}
}
</script>
</head>
<body>
<div class="center">
<div class="top">
<h3>Instructions</h3>
</div>
<!--top!-->
<div class="box">
<p>Welcome! And thank you for participating in our study. </p>
<p>The purpose of this research is to explore different types of user input for a computer based learning task. </p>
<p>You are going to complete four short learning exercises. Each one involves looking at a page of pictures, and learning the names of the items depicted. You can take as long as you need to learn all of the names on a page. When you think you have learned all the names, you will press the ENTER key to continue. Then we will test your memory, by repeating the names of each item, and asking you to choose the correct picture. </p>
<p>In two of the exercises, you will navigate by using the mouse. In the other two exercises, you will navigate by using your eyes. There is an eye tracker connected to the computer, which will monitor where you look on the screen.Before each exercise, we will tell you which input method you will use. </p>
<p>Now here are few things to keep in mind:</p>
<ol>
<li> There are four exercises to complete. </li>
<li>Before each exercise, we will tell you whether you will navigate with the mouse, or with your gaze
<li>You can take as much time as you need to completely learn all of the pictures in each exercise.
<li>You will press the enter key to move from the learning to the testing task.
<li>Most importantly...
In order for the eye tracker to work correctly, it is VERY IMPORTANT that you try not to move your head while completing the exercises.</ol>
<p style="color:red;">If you are ready to continue, let the experimenter know, and we will calibrate the eye tracker to begin. </p>
</div>
</div>
</body>
</html>