forked from interactionlab/informed-consent-generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
537 lines (449 loc) · 32.3 KB
/
index.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
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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Valentin Schwind">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap-4.1.0.min.css">
<link rel="stylesheet" href="css/style.css" />
<link rel="image_src" type="image/jpeg" href="http://scm.uvrg.org/img/logo.jpg" />
<meta property="og:image" content="http://scm.uvrg.org/img/logo.jpg">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta property="og:site_name" content="Informed Consent Generator">
<title>Informed Consent Generator</title>
</head>
<body class="transparent">
<script src="js/countryList.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery-cookie-plugin/jquery.cookie.js"></script>
<script src="js/jquery-validation/jquery.validate.js"></script>
<script src="js/popper-1.14.0.min.js"></script>
<script src="js/bootstrap-4.1.0.min.js"></script>
<script src="js/seedrandom.min.js"></script>
<script src="js/jspdf-2.4.0.min.js"></script>
<div id="mainFrame" class="vertical-center">
<div id="demographicsPage" class="whiteBox container rounded">
<form id="demographicsForm" class="form-horizontal" action="javascript:generate(this);">
<div id="input">
<div class="row">
<div class="col mt-5 mb-4 ">
<a href="https://mimuc.de"><img src="img/lmulogo.png" class="float-right mr-3" width="140px" alt="LMU Munich Logo"></a>
</div>
</div>
<div class="row mt-3">
<div class="col">
<h3 id="demographicsTitle" class="display-6">Informed Consent Generator</h3>
</div>
</div>
<hr />
<div class="row mt-3 ">
<div class="col-4"><span id="institutionText">Your Institution</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><select class="form-control" name="selectInstitution" required></select></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="researchText">Kind of research</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><select class="form-control" name="selectResearch" required></select></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="topicText">Title</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="topic" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="compensationText">Compensation</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><select class="form-control" name="compensation" required></select></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="recordingsText">Recorded Data</span></div>
<div class="col ml-4">
<div class="row">
<div class="col"><input type="checkbox" class="form-check-input" name="recordDemographics" id="recordDemographics" checked><label class="form-check-label" for="recordDemographics">Demographics</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordAudio" id="recordAudio"><label class="form-check-label" for="recordAudio">Audio</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordPhotos" id="recordPhotos"><label class="form-check-label" for="recordPhotos">Photos</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordVideos" id="recordVideos"><label class="form-check-label" for="recordVideos">Videos</label></div>
</div>
<div class="row">
<div class="col"><input type="checkbox" class="form-check-input" name="recordMotion" id="recordMotion"><label class="form-check-label" for="recordMotion">Motion Tracking</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordPhysio" id="recordAudio"><label class="form-check-label" for="recordPhysio">Physio. Sensing</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordEye" id="recordEye"><label class="form-check-label" for="recordEye">Eye/Head Tracking</label></div>
<div class="col"><input type="checkbox" class="form-check-input" name="recordScreen" id="recordScreen"><label class="form-check-label" for="recordScreen">Screen Recording</label></div>
</div>
</div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="dataPublicText">Do you make the raw data public?</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><select class="form-control" name="dataPublic" required></select></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="durationText">Estimated Study Duration</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="duration" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="durationText">Estimated Number of Participants</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="participants" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="purposeText">Purpose (one sentence)</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="purpose" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="goalText">Goal (one sentence)</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="goal" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="procedureText">Procedure (in 4-6 steps)</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><textarea rows="4" class="form-control" name="procedure" required></textarea></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="researchersNameText">Researchers' Name (The PI)</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="thePIname" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="researchersMail">Researchers' E-Mail</span><span class="text-danger">*</span><br /></div>
<div class="col-8"><input class="form-control" name="thePIemail" required></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="PIText">Head of the Department (if not = PI)</span></div>
<div class="col-8"><input class="form-control" name="departmentHead"></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="studentName">Student's Name</span></div>
<div class="col-8"><input class="form-control" name="studentName"></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="studentEmail">Student's E-Mail</span></div>
<div class="col-8"><input class="form-control" name="studentEmail"></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="funding">Funding</span></div>
<div class="col-8"><input class="form-control" name="funding"></input></div>
</div>
<div class="row mt-3 ">
<div class="col-4"><span id="ethicalComitteeText">Ethical Comittee</span></div>
<div class="col-8"><input class="form-control" name="ethicalComittee"></input></div>
</div>
</div>
<div class="row mt-2 mb-2 itemRow" id="fieldsrequired">
<div class="col" >
<span class="text-danger">* fields required</span> <br />
</div>
</div>
<div class="row mt-2 itemRow">
<div class="col" >
<button id="btnBack" class="btn btn-primary btn-md float-left" >Back</button>
<a id="btnExample" class="btn btn-secondary btn-md float-left mr-3 " >Example</a>
<button id="btnGenerate" class="btn btn-primary btn-md float-right" type="Submit" value="">Generate</button>
<button id="btnPrint" class="btn btn-primary btn-md float-right" value="">Print</button>
</div>
</div>
<div class="row mt-2 mb-2" id="results">
</div>
<div class="row mt-2 mb-2 itemRow" id="githublink">
<div class="col" >
<a href="https://github.com/changkun/consent">Source Code on github</a>
</div>
</div>
</form>
</div>
</div>
<script>
var debug = false;
$(document).ready(function() {
fillSelect();
$("#btnExample").click(function() {
$("select[name='selectInstitution']").val("LMU Munich");
$("input[name='recordDemographics']").prop( "checked", true );
$("input[name='recordPhotos']").prop( "checked", true );
$("input[name='recordMotion']").prop( "checked", true );
$("input[name='recordVideos']").prop( "checked", true );
$("select[name='selectResearch'] option:eq(2)").attr("selected", true);
$("select[name='dataPublic'] option:eq(2)").attr("selected", true);
$("select[name='compensation'] option:eq(6)").attr("selected", true);
$("select[name='recordings'] option:eq(3)").attr("selected", true);
$("input[name='topic'] ").val("Fitts' Task in Virtual Reality using Avatar Hands");
$("input[name='departmentHead']").val("Prof. Dr. Andreas Butz");
$("input[name='thePIname']").val("Prof. Dr. Andreas Butz");
$("input[name='thePIemail']").val("butz@ifi.lmu.de");
$("textarea[name='procedure']").val("1. You will get a virtual reality headset and will be introduced with virtual hands in the environment\n2. You will see a virtual questionnaire. Tap on the table with you index finger to fill out the questionnaire. \n3. In multiple rounds, you have to point at virtual circles highlighted in red. \n4. This procedure will repeat multiple times using different hand conditions. ");
$("input[name='participants']").val("36");
$("input[name='studentName']").val("Firstname Lastname");
$("input[name='studentEmail']").val("firstname.lastname@campus.lmu.de");
$("input[name='ethicalComittee']").val("LMU Munich");
$("input[name='funding']").val("GEVAKUB");
$("input[name='duration']").val("60 minutes");
$("input[name='purpose']").val("The purpose of this research is to study human performance in a pointing task with different avatar hands in virtual reality. ");
$("input[name='goal']").val("The goal of this research is to understand how visual signals of the own body are incorporated into the own body scheme. ");
});
});
function fillSelect(){
$("select[name='selectInstitution']").append(new Option('Please select', ""));
$("select[name='selectInstitution']").append(new Option('LMU Munich', "LMU Munich"));
$("select[name='selectResearch']").append(new Option('Please select', ""));
$("select[name='selectResearch']").append(new Option('online study (survey, apps, web studies, etc.)', "online study"));
$("select[name='selectResearch']").append(new Option('User Study (lab study, UX study, VR, eye-tracking, etc.)', "user study"));
$("select[name='selectResearch']").append(new Option('Field Study (outside the lab, in-situ, etc.)', "field study"));
$("select[name='selectResearch']").append(new Option('Interview (focus groups, use cases, diaries, etc.)', "interview"));
$("select[name='dataPublic']").append(new Option('Please select', ""));
$("select[name='dataPublic']").append(new Option('Yes (not anonymized)', "yes"));
$("select[name='dataPublic']").append(new Option('Yes (anonymized)', "anonymized"));
$("select[name='dataPublic']").append(new Option('No', "no"));
$("select[name='compensation']").append(new Option('Please select', ""));
$("select[name='compensation']").append(new Option('None', "no compensation"));
$("select[name='compensation']").append(new Option('5 EUR', "5 EUR"));
$("select[name='compensation']").append(new Option('10 EUR', "10 EUR"));
$("select[name='compensation']").append(new Option('15 EUR', "15 EUR"));
$("select[name='compensation']").append(new Option('20 EUR', "20 EUR"));
$("select[name='compensation']").append(new Option('one half credit point for the lecture', "half credit point"));
$("select[name='compensation']").append(new Option('one credit point for the lecture', "one credit point"));
$("input[name='topic'] ").attr("placeholder", "Your research title");
$("input[name='ethicalComittee'] ").attr("placeholder","Your review board");
$("input[name='departmentHead']").attr("placeholder", "When there is a prof above the prof....");
$("input[name='thePIname']").attr("placeholder","the guy, who said you should do the study (e.g. Andreas Butz)");
$("input[name='thePIemail']").attr("placeholder", "email of the guy, who said you should do the study");
$("textarea[name='procedure']").attr("placeholder", "1. Participant takes a seat\n2. Participant conducts the study\n3. Participant is confused\n4. Participant leaves");
$("input[name='participants']").attr("placeholder", "Insert number");
$("input[name='studentName']").attr("placeholder","Eva Musterfrau");
$("input[name='studentEmail']").attr("placeholder","eva.musterfrau@gmail.com");
$("input[name='funding']").attr("placeholder","Your funding");
$("input[name='duration']").attr("placeholder","60 minutes");
$("input[name='purpose']").attr("placeholder","Explain the purpose of this research. ");
$("input[name='goal']").attr("placeholder","Explain the goal of this research. ");
$("#btnBack").hide();
$("#btnPrint").hide();
$("#btnBack").click(function(e){
e.preventDefault();
$("#btnBack").hide();
$("#btnPrint").hide();
$("#btnExample").show();
$("#input").show();
$("#fieldsrequired").show();
$("#btnGenerate").show();
$("#results").html("");
});
$("#btnPrint").click(function(e){
$('.print_special').css({ border : 'none'});
window.print();
e.preventDefault();
});
}
function generate(){
$("#btnGenerate").hide();
$("#input").hide();
$("#btnPrint").show();
$("#btnBack").show();
$("#fieldsrequired").hide();
$("#btnExample").hide();
var article = "";
var str = "";
switch( $("select[name='selectResearch']").val()){
case "online study": article = " an "; break;
case "user study": article = " a "; break;
case "field study": article = " a "; break;
case "interview": article = " an "; break;
}
switch( $("select[name='selectInstitution']").val()){
case "LMU Munich": str += "<div class='row' id='firstItem'><div class='col mt-5 mb-4 '><p style='padding-bottom:50px'><img src='img/lmulogo.png' class='float-right' width='150px' alt='Logo' /></p></a></div></div>"; break;
}
// TITLE
str += "<div class='pageBreak'><h1>Informed Consent of Participation</h1>";
var andStudent = "";
if($("input[name='studentName']").val()!="")
andStudent += $("input[name='studentName']").val() + " and ";
// INVITATION (SUMMARY OF THE FOLLOWING)
str += "<p>You are invited to participate in the " + $("select[name='selectResearch']").val() + " <b>" + capital_letter($("input[name='topic']").val()) + "</b> initiated and conducted by " + andStudent + $("input[name='thePIname']").val() + ". The research is supervised by " + $("input[name='departmentHead']").val() + " at the " + $("select[name='selectInstitution']").val() + ". ";
if( $("input[name='funding']").val() != ""){
str += "This study is funded and financed by the research project " + $("input[name='funding']").val() + ". ";
}
// BULLET POINT AT THE BEGINNING
str += "Please note:<ul><li>Your participation is enitrely voluntary</li><li>The "+$("select[name='selectResearch']").val()+" will last approximately " + $("input[name='duration']").val() + "</li>";
if($("input[name='recordDemographics']").prop('checked')) str += "<li>We will record personal demographics (age, gender, etc.)</li>";
if($("input[name='recordPhotos']").prop('checked')) str += "<li>We will take photos during the session</li>";
if($("input[name='recordVideos']").prop('checked')) str += "<li>We will record videos during the session</li>";
if($("input[name='recordAudio']").prop('checked')) str += "<li>We will record audio during the session</li>";
if($("input[name='recordMotion']").prop('checked')) str += "<li>We will track your body motion during the session</li>";
if($("input[name='recordEye']").prop('checked')) str += "<li>We will track your eye and head motion during the session</li>";
if($("input[name='recordPhysio']").prop('checked')) str += "<li>We will take physiological measurements of your body</li>";
if($("input[name='recordScreen']").prop('checked')) str += "<li>We will record the screen and/or activities on your device that are necessary for the study</li>";
if($("select[name='compensation']").val()=="one credit point"){
str += "<li>You will receive one credit point for your study course as compensation</li>";
}
if($("select[name='compensation']").val()=="half credit point"){
str += "<li>You will receive 1/2 credit point for your study course as compensation</li>";
}
str += "<li>We may publish our results from this and other sessions in our reports, but all such reports will be confidential and will neither include your name nor cannot be associated with your identity</li></ul>";
str += "<p>If you have any questions or complaints about the whole informed consent process of this research study or your rights as a human reserach subject, please contact ";
if($("input[name='ethicalComittee']").val()!=""){
str += "our ethical comitte office: " + $("input[name='ethicalComittee']").val() + ". ";
} else {
str += $("input[name='thePIname']").val() + " (E-Mail: " + $("input[name='thePIemail']").val() +") or "+ $("input[name='departmentHead']").val()+ ". ";
}
str += "You should carefully read the information below. Please take as much time as you need to read the consent form.</p></div>";
var itemCount = 1;
// GOAL AND PURPOSE
str += "<div class='pageBreak'><h3>" + itemCount + ". Purpose and Goal of this Research</h2>";
str += "<p>"+$("input[name='purpose']").val()+" "+$("input[name='goal']").val() + " Your participation will help us achieve this goal. ";
str += "The results of this research may be presented at scientific or professional meetings or published in scientific proceedings and journals. </p></div>";
itemCount++;
// PARTICIPATION AND COMPENSATION
str += "<div class='pageBreak'><h3>" + itemCount + ". Participation and Compensation</h3>";
str += "<p>Your participation in this "+$("select[name='selectResearch']").val()+" is completely voluntary. ";
str += "You will be one of approximately " + $("input[name='participants']").val() + " people being ";
switch( $("select[name='selectResearch']").val()){
case "online study": str += "surveyed "; break;
case "user study": str += "tested "; break;
case "field study": str += "surveyed "; break;
case "interview": str += "interviewed "; break;
}
str += "for this research. ";
if($("select[name='compensation']").val()!="no compensation"){
if($("select[name='compensation']").val()=="one credit point"){
str += "You will receive one credit point required for your study course at the LMU Munich. You may withdraw and discontinue participation at any time without justification for withdrawing. You will still receive your extra one credit point that your professor had offered in exchange for your participation. If you decline to participate or withdraw from the "+$("select[name='selectResearch']").val()+", no one on the campus will be told. ";
} else if($("select[name='compensation']").val()=="half credit point"){
str += "You will receive 1/2 credit point required for your study course at the LMU Munich. You may withdraw and discontinue participation at any time without justification for withdrawing. You will still receive your 1/2 credit point that your professor had offered in exchange for your participation. If you decline to participate or withdraw from the "+$("select[name='selectResearch']").val()+", no one on the campus will be told. ";
} else {
str += "You will receive " + $("select[name='compensation']").val() + " as compensation for your participation. You may withdraw and discontinue participation at any time without penalty or losing the compensation. If you decline to participate or withdraw from the "+$("select[name='selectResearch']").val()+", no one on the campus will be told. ";
}
} else {
str += "You will receive no compensation. You may withdraw and discontinue participation at any time without penalty. If you decline to participate or withdraw from the "+$("select[name='selectResearch']").val()+", no one on the campus will be told. ";
}
str += "You may refuse to answer any questions you do not want to answer. ";
if($("select[name='selectResearch']").val()=="experimental study")
str += "The investigator may withdraw you from this research if your physician tells us that continued participation may injure your health. ";
if($("select[name='selectResearch']").val()=="interview")
str += "I have the right not to answer questions and if I feel uncomfortable in any way during the interview session, I have the right to withdraw from the interview. ";
itemCount++;
// PROCEDURE
str += "</p></div><div class='pageBreak'><h3>" + itemCount + ". Procedure</h3>";
str += "After confirming your informed consent you will:<div style='padding-left: 10px; padding-top: 0px'>"+$("textarea[name='procedure']").val().replace(/\n/g, "<br />")+"</div><p>The complete procedure of this "+$("select[name='selectResearch']").val()+" will last approximately " + $("input[name='duration']").val() + ".</p>";
str += "</div>";
itemCount++;
// RISKS AND BENEFITS
str += "<div class='pageBreak'><h3>" + itemCount + ". Risks and Benefits</h3>";
str += "<p>There are no risks associated with this "+ $("select[name='selectResearch']").val() + ". Discomforts or inconveniences will be minor and are not likely to happen. If any discomforts become a problem, you may discontinue your participation. ";
if($("select[name='selectResearch']").val()!="online study"){
str += "In order to minimize any risk of infection, the hygiene rules must be followed. The hygiene regulations of the " + $("select[name='selectInstitution']").val() + " apply. Violation of the hygiene regulations can mean an immediate termination of the study. ";
}
if($("select[name='compensation']").val()=="no compensation")
str += "You will not directly benefit through participation in this "+ $("select[name='selectResearch']").val() +". We hope that the information obtained from your participation may help to bring forward the research in this field. ";
else
str += "Your benefit in participating is your compensation of " + $("select[name='compensation']").val() + ". ";
str += "</p></div>";
itemCount++;
// DATA PROTECTION
str += "<div class='pageBreak'><h3>" + itemCount + ". Data Protection and Confidentiality</h3>";
str += "<p>";
if($("input[name='recordDemographics']").prop('checked'))
str += "Personal data (age, gender, etc.) will be recorded while participation. ";
if($("select[name='selectResearch']").val() != "online study"){
str += "The contact details of the study participants can be used to track potential infection chains. ";
}
str += "The researcher will not identify you by your real name in any reports using information obtained from this "+ $("select[name='selectResearch']").val() + " and that your confidentiality as a participant in this " + $("select[name='selectResearch']").val() + " will remain secure and encrypted. " ;
str += "All data you provide in this " + $("select[name='selectResearch']").val() + " will be published anonymized and treated confidentially in compliance with the General Data Protection Regulation (GDPR) of the European Union (EU). ";
if($("select[name='dataPublic']").val()=="yes")
str += "Subsequent uses of records and data will be subject to standard data use policies. ";
if($("select[name='dataPublic']").val()=="anonymized")
str += "Subsequent uses of records and data will be subject to standard data use policies which protect the full anonymity of the participating individuals. ";
str += "In all cases, uses of records and data will be subject to the GDPR. ";
str += "Faculty and administrators from the campus will not have access to raw data or transcripts. This precaution will prevent your individual comments from having any negative repercussions. ";
if($("select[name='selectResearch']").val()=="interview"){
str += "The transcript of the interview will be analysed by ";
if($("input[name='thePIname']").val())
str += $("input[name='thePIname']").val();
if($("input[name='studentName']").val())
str += " and " + $("input[name='thePIname']").val();
str += ". Access to the raw interview transcript will be limited to the authors of these research, academic colleagues, and researchers with whom he might collaborate as part of the research process. Any summary interview content, or direct quotations from the interview, that are made available through academic publication or other academic outlets will be anonymized so that you cannot be identified, and care will be taken to ensure that other information in the interview that could identify yourself is not revealed. I have the right not to answer questions and if I feel uncomfortable in any way during the interview session, I have the right to withdraw from the interview. ";
}
if($("select[name='selectResearch']").val()=="online study"){
str+= "This site uses cookies and other tracking technologies to conduct the research, to improve the user experience, the ability to interact with the system and to provide additional content from third parties. Despite careful control of content, the researchers assume no liability for damages, which directly or indirectly result from the use of this online application. ";
}
var records ="";
if($("select[name='selectResearch']").val()!="online study"){
records = "We will record data, ";
if($("input[name='recordPhotos']").prop('checked')) records += "take photos, ";
if($("input[name='recordVideos']").prop('checked')) records += "record videos, ";
if($("input[name='recordAudio']").prop('checked')) records += "record audio, ";
if($("input[name='recordMotion']").prop('checked')) records += "record your body motion, ";
if($("input[name='recordEye']").prop('checked')) records += "record your eye motion, ";
if($("input[name='recordPhysio']").prop('checked')) records += "take physiological measurements, ";
if($("input[name='recordScreen']").prop('checked')) records += "record the screen and/or activities on your device, ";
records += " and will potentially take notes during the " + $("select[name='selectResearch']").val() + ". ";
str += records;
}
str += "Any recordings cannot be viewed by anyone outside this research project unless we have you sign a separate permission form allowing us to use them (see below). ";
if($("select[name='dataPublic']").val()=="no"){
str += "The records will be destroyed after the end of the research ";
if($("select[name='funding']").val()!="")
str += "as required by the funding organization ";
str += "or if you contact the researcher to destroy or delete them immediately. ";
} else {
str += "Records that have not been made public are automatically deleted after the end of the research. The records will be destroyed if you contact the researcher to destroy or delete them immediately. ";
}
str += "As with any publication or online related activity, the risk of a breach of confidentiality is always possible. According to the GDPR, the researchers will inform the participant if a breach of confidential data was detected. ";
str += records + "</p></div>";
itemCount++;
// IDENTIFICATION OF INVESTIGATORS
str += "<div class='pageBreak'><h3>" + itemCount + ". Identification of Investigators</h3>";
var street = "";
var zip = "";
var city = "";
var country = "Germany";
switch( $("select[name='selectInstitution']").val()){
case "LMU Munich":
street = "Frauenlobstr 7a";
zip = "80337";
city = "Munich";
break;
}
str += "<p>If you have any questions or concerns about the research, please feel free to contact: </p><div class='row'>";
if($("input[name='studentName']").val()!=""){
str += "<div class='col-5 ml-3 mb-3'> "+$("input[name='studentName']").val()+"<br />Student<br />" + $("input[name='studentEmail']").val() + "</div>";
}
if($("input[name='thePIname']").val()!=""){
str += "<div class='col-5 ml-3 mb-3'> "+$("input[name='thePIname']").val()+"<br />Principal Investigator<br />Human-Computer Interaction<br />" + street + "<br />" + zip + " " + city + ", " + country + "<br />" + $("input[name='thePIemail']").val() + "</div>";
}
if($("input[name='departmentHead']").val()!="" && $("input[name='departmentHead']").val()!=$("input[name='thePIname']").val()){
str += "<div class='col-4 ml-3 mb-3'> "+$("input[name='departmentHead']").val()+"<br />Professor/Head of Department<br />Human-Computer Interaction<br />" + street + "<br />" + zip + " " + city + ", " + country + "</div>";
}
str += "<br /></div></div>";
itemCount++;
// INFORMED CONSENT
if( $("select[name='selectResearch']").val() != "online study"){
str += "<div class='pageBreak'><h3>" + itemCount + ". Informed Consent and Agreement</h3>";
str += "<table>"
str += "<tr><th><img src='img/square.jpg' width='15px' heighz='15px'/></th><th><p>I understand the explanation provided to me. I understand the hygiene rules of the institution and I accept to follow them. I have been given a copy of this form. I have had all my questions answered to my satisfaction, and I voluntarily agree to participate in this " + $("select[name='selectResearch']").val() +".<p /></th></tr>"
if($("select[name='dataPublic']").val()=="yes"){
str += "<tr><th><img src='img/square.jpg' width='15px' height='15px'/></th><th><p>I agree that my data records and measurements during the study can be published in context of this research.<p>"
if($("select[name='selectResearch']").val()!="online study"){
str += "<table>"
if($("input[name='recordPhotos']").prop('checked')) str += "<tr><th><img src='img/square.jpg' width='15px' height='15px'/></th><th><p>I additionally agree that photos during this study can be made and published.<p /></th></tr>"
if($("input[name='recordVideos']").prop('checked')) str += "<tr><th><img src='img/square.jpg' width='15px' height='15px'/></th><th><p>I additionally agree that videos during this study can be recorded and published.<p /></th></tr>"
if($("input[name='recordAudio']").prop('checked')) str += "<tr><th><img src='img/square.jpg' width='15px' height='15px'/></th><th><p>I additionally agree that audio files during this study can be recorded and published.<p /></th></tr>"
str += "</table>I understand that data will be anonymized cannot be associated with my name. From the consent of publication, I do not derive any rights (such as any renumeration or co-authorship). This declaration of consent is revocable at any time in line with the GDPR. In the case of revocation, the published recordings, insofar as they are subject to the disposition of the researchers, will be removed. Further recordings are no longer used or published after revocation of publication.</p></tr>"
str += "</table>"
}
}
str += "<table>"
str += "<tr><th><br /><br />__________________________________</th><th></th></tr>"
str += "<tr><th>Printed Name of Subject</th><th></th></tr>"
str += "<tr><th><br /><br />__________________________________</th><th><br /><br />_____________________________</th></tr>"
str += "<tr><th>Signature of Subject</th><th>Location, Date</th></tr>"
str += "</table>"
str += "</div>";
}
$("#results").html( "<div class='frameStyle'>"+str+"</div>");
}
function capital_letter(str) {
str = str.split(" ");
for (var i = 0, x = str.length; i < x; i++) {
str[i] = str[i][0].toUpperCase() + str[i].substr(1);
}
return str.join(" ");
}
</script>
</body>
</html>