-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2_Consent.html
148 lines (128 loc) · 8.6 KB
/
2_Consent.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0">
<title>Consent</title>
<script src="jspsych-6.1.0/jspsych.js" ></script>
<script src="jspsych-6.1.0/plugins/jspsych-instructions.js"></script>
<script src="jatos.js"></script>
<link rel="stylesheet" href="jspsych-6.1.0/css/jspsych.css" type="text/css"></link>
<link rel="stylesheet" href="./extra_files/congen.css" type="text/css"></link>
<!-- Specific style for the header -->
<style> .header {position: fixed; left:0; top:0; width:100%; background-color:#8f8d8d; color: white; text-align: center; cursor:default;} </style>
</head>
<body>
<script>
//'use strict';
//make a timeline
var timeline =[];
//make a welcome message
var welcome = {
type: 'instructions',
pages : ['<div class= "header">'+
'<h1> Welcome.</h1>'+
'<p> Please read through the following pages of information.</p>'+
'</div>'+
'<div class="instruct"> <br>'+
'<p><br><br><br><br><br>You should complete this study in one sitting. ' +
'It will last about 45-70 minutes, depending on your learning rate.</p>' +
'<p>The study is broken up into several sections. You will be paid a set amount for each of these sections:</p>' +
'<li> Initial instructions and practice session: takes ~8 minutes. Payment: 0.8£ </li>' +
'<li> Phase 1 and phase 2 of the experiment: each takes ~20 minutes. Payment for each: 2£ </li>' +
'<li> Phase 3 of the experiment: takes ~10 minutes. Payment: 1£</li>' +
'<li> Debriefing survey: takes ~10 minutes. Payment: 1£</li>' +
'<p> Total payment for completing the full experiment: 6.8£ </p>' +
'<p>Please complete all parts of the experiment, as we need all of them for successful data analysis! ' +
'<p><b>Please note that quality checks are performed. You might be discontinued ' +
'from the study if your responses fail the quality checks, or if you do not make sufficient progress after several sessions of the experiment. In that case, you will be paid for the sections completed.</b></p>' +
'<br><hr></div>'+
'<p><br><em><span style="color: black;"> To navigate these pages, use the mouse to click the "More information" button below.</span></em></p>'],
show_clickable_nav: true,
button_label_next: '<span style="color: black";> <strong> More information </stong></span>'
};
timeline.push(welcome);
//information, consent and ethics -->
var information1 = {
type: "instructions",
pages: ["<div class= 'header'>"+
"<h2> Information 1 of 3 </h2>"+
"</div>"+
"<div class='instruct'> <br><br>"+
"<p><br><u><b>About this study:</b></u><br> <br> <br> You will play a game of remembering correct associations between different pictures.</p>"+
"<p><br>You will be given instructions and practice trials before starting the real items.</p>"+
"<p><br> Before starting, we will test your browser to ensure that this experiment will work properly for you. </p>"+
"<br><br><br><hr></div>"+
"<p><em><span style='color: black;'> Click 'More information' to continue.</span></em></p>"],
show_clickable_nav: true,
button_label_next: "<span style='color: black';> <strong> More information </stong></span>"
};
timeline.push(information1);
var information2 = {
type: "instructions",
pages: ["<div class= 'header'>"+
"<h2> Information 2 of 3 </h2>"+
"</div>"+
"<div class='instruct'> <br>"+
"<p><br><br><u> What happens to your data.</u><br><br> Anonymised electronic research data will be stored on the hosting site’s servers that are compliant with EU data protection and security policies, and data transfer will be encrypted.</p>"+
"<p><br>We will not have access to personally-identifiable information (PID) such as name or IP address; we will have access only to anonymous demographic information (for example, age and gender).</p>"+
"<p><br>In addition to your anonymised responses during the study, we collect information about the device, "+
"operating system and web browser that you’re using. <br> <br>This will not include any information that would identify you.</p>"+
"<p><br><u>We use cookies.</u><br><br>This study uses cookies - small packets of information sent by our server and stored by your web browser. Some of these will be deleted automatically when you finish the experiment, others will remain even after you finish the experiment and close your browser. These persistent cookies can be removed manually using your browser settings. Cookies are necessary in order for the experiment to run properly and will not contain any sensitive or personal information. By taking part you agree to the use of cookies. For more information please see <a href='https://studies.mrc-cbu.cam.ac.uk/privacy.html' target='_blank'>https://studies.mrc-cbu.cam.ac.uk/privacy.html</a></p>"+
"<hr></div>"],
show_clickable_nav: true,
button_label_next: "<span style='color: black';> <strong> More information </stong></span>"
};
timeline.push(information2);
var information3 = {
type: "instructions",
pages: ["<div class= 'header'>"+
"<h2> Information 3 of 3 </h2>"+
"</div>"+
"<div class='instruct'> <br>"+
"<p><br><br><u> What happens to your data continued: </u> <br><br>Cambridge University is the sponsor for this study based in the United Kingdom.<br> We will be using information from you in order to undertake this study and will act as the data controller for this. Your rights to access, change or move your information are limited,"+
" as we need to manage your information in specific ways in order for the research to be reliable and accurate. If you withdraw from the study, we will keep the information about you that we have already obtained.</p>"+
"<p>To safeguard your rights, we will use the minimum personally-identifiable information possible. You can find out more about how we use your information at <a href='https://www.medschl.cam.ac.uk/research/privacy-notice-how-we-use-your-research-data/' target='_blank'>https://www.medschl.cam.ac.uk/research/privacy-notice-how-we-use-your-research-data/</a></p>"+
"<p><br><em>Researcher:<br>Levan Bokeria, MSc<br>Message via Prolific or [email protected] </em></p>"+
"<p><br>This research is conducted by Medical Research Council, Cognition and Brain Sciences Unit, University of Cambridge and has received a favourable ethical approval from the Cambridge Psychological Research Ethics Committee</i></p>"+
"<hr></div>"],
show_clickable_nav: true,
button_label_next: "<span style='color: black';> <strong> More information </stong></span>"
};
timeline.push(information3);
var informed_consent = {
type: "instructions",
pages: ["<div class= 'header'>"+
"<h1> Consent</h1>"+
"</div>"+
"<ul>" +
"<br><br><li> I have read and understood the study information provided to me on the previous pages. </li>"+
"<br><br><li> I understand that my participation is voluntary and that I am free to withdraw at any time, without giving a reason, without my medical care or legal rights being affected. </li>"+
"<br><br><li> I understand that my data may be made available anonymously to other researchers, both inside and outside of the MRC Cognition and Brain Sciences Unit. </li>"+
"<br><br><li> By clicking 'take part', I agree that I have read and confirm the above statements, and I agree to take part in this study.</li>"+
"</ul>"+
"<br><br><br><hr>" +
"<p><em><span style='color: black';>Click 'Take Part' to consent and continue with the study. On the next page, we will test your browser and then provide instructions for the task. <br>If you no longer wish to take part, close your internet tab/browser window.</span></em></p>"],
show_clickable_nav: true,
button_label_next: "<span style='color: blue';> <strong> Take Part</stong></span>"
};
timeline.push (informed_consent);
//start timeline
jatos.onLoad(function(){
jsPsych.init({
timeline: timeline,
on_finish: function(data) {
// Make JATOS remember that this session was run
jatos.studySessionData.latestFinishedComponentId = jatos.componentId;
jatos.studySessionData.latestFinishedComponentPos = jatos.componentPos;
jatos.studySessionData.latestFinishedComponentTitle = jatos.componentProperties.title;
jatos.studySessionData.outputData.consent_results = jsPsych.data.get().values();;
jatos.submitResultData("[consent_start---" +
JSON.stringify(jatos.studySessionData) +
"---consent_end]", jatos.startNextComponent);
}
});
});
</script>
</body>
</html>