-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconsentB.html
140 lines (112 loc) · 6.16 KB
/
consentB.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Consent Form-b</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/content.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Consent Form for Participation in Research</a>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Post Content Column -->
<div class="col-lg-12">
<!-- Title -->
<h2 class="mt-3">Welcome to Our Study</h2>
<!-- Author -->
<p class="lead">
Investigator:
<a>ZHU Qian</a>
</p>
<hr>
<!-- Date/Time -->
<h6 class="text-muted">Address: Rm 4203, Department of Computer Science and Engineering,
the Hong Kong University of Science and Technology, Clear Water Bay, Kowloon, Hong Kong</h6>
<h6 class="text-muted">Email: qzhual@connect.ust.hk</h6>
<hr>
<!-- Post Content -->
<p class="lead">In this study, we will ask you to complete a task of booking hotel online and answer the questions in the follow-up questionnaire.
<span style="color:brown">The whole process will last more than 20 minutes.
The website will log your operations and timestamps during this study.
Please follow the procedures and finish each step carefully.</span>
</p>
<hr>
<h5 style="font-weight: bold;">Purpose of this Study</h5>
<h6>The purpose of this study is to evaluate users' decisions,
behaviors, and perceptions of different designs of user ratings when they are booking hotels online mainly base on users' feedback.</h6>
<h6 style="color:brown">Please avoid completing only the necessary steps.
Our website will record all your interactions and
check the quality of your feedback to decide whether to pay you or not</h6>
<h5 style="font-weight: bold;">Procedures</h5>
<h6>Participation in this study will consist of the following four phases.</h6>
<h6><span style="font-weight: bold;">1. </span>You will read an introduction about the task of booking a hotel base on a hypothetical story (about 5min).</h6>
<h6><span style="font-weight: bold;">2. </span>You will browse the 9 hotels provided by us and learn about them in detail by browsing each hotel's ratings and reviews (about 15min).</h6>
<h6><span style="font-weight: bold;">3. </span>You will need to choose top 3 hotels from them that you want to stay at, rank them and explain the decision you make (about 5min).</h6>
<h6><span style="font-weight: bold;">4. </span>You will be asked several additional questions after you submit your ranking result and reasons in the Phase 3 (about 5min).</h6>
<h5 style="font-weight: bold;">Participant Requirement</h5>
<h6>Participants need to have experience on booking hotels online and are not familiar with local hotels in London.</h6>
<h5 style="font-weight: bold;">Data Collected</h5>
<h6>We will not ask for your real name and contact information.</h6>
<h6>We will collect your answers to every question in the study.</h6>
<h6>We will collect your operations (e.g. mouse moving and clicking) and time using for analysis and quality review.
We may publish research reports that include your result but your data will be anonymous.</h6>
<h5 style="font-weight: bold;">Voluntary Consent</h5>
<h6>Participation in this study is voluntary. You are free to withdraw or discontinue participation at any time.</h6>
<h5 style="font-weight: bold;">Compensation & Costs</h5>
<h6>Each participant will be paid after <span style="color:brown">successfully finishing the study and post-questioinnaire.</span></h6>
<h6>If you follow the steps to give us high quality feedback, an additional 10% bonus will be paid to you.</h6>
<h6>There will be no cost to you if you participate in this study.</h6>
<hr>
<!-- Comments Form -->
<div class="card my-12">
<h5 class="card-header">Your Consent</h5>
<div class="card-body">
<form>
<p style="color:brown">I voluntarily participate in this study and understand that the collected data will be used for academic research purposes.
I allow researchers to use my data while protecting my privacy.</p>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadioInline1" name="Radio" class="custom-control-input">
<label class="custom-control-label" for="customRadioInline1">Agree</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="customRadioInline2" name="Radio" class="custom-control-input" checked="">
<label class="custom-control-label" for="customRadioInline2">Disagree</label>
</div>
<button type="button" class="btn btn-primary" onclick="nextFunc()">Next</button>
</form>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<script>
function nextFunc() {
var val = document.getElementById("customRadioInline2").checked;
if (!val) {
console.log("jump");
window.location.assign("https://atie.leoyuholo.com/baseline.html");
} else {
alert("You need to agree the consent to proceed.");
}
}
</script>
<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>