PerformoBotSurveyWebsite/study.html at master · DECLARE-Project/PerformoBotSurveyWebsite · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>PerformoBot</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="style/index_new.css">

    <script>
        function showStudy() {
            window.open("study_task.html");
        }

        function checkbox_clicked(cb) {
            let startBtn = document.getElementById("start-study-id");

            if (cb.checked) {
                startBtn.disabled = false;
            } else {
                startBtn.disabled = true;
            }
        }
    </script>
</head>

<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">PerformoBot</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="navbar-button" href="index.html">Chatbot</a></li>
                    <li><a class="navbar-button navbar-button-selected" href="study.html">Study</a></li>
                    <li><a class="navbar-button" href="updates.html">Updates</a></li>
                    <li><a class="navbar-button" href="about.html">About</a></li>
                    <li><a class="navbar-button" href="contact.html">Contact</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="textbox">
                    <h2>Help us to evaluate PerformoBot!</h2>
                    <h3 class="disclaimer">The study is finished. You can still give the task a try and look at the survey if you want, but your responses will not be part of our evaluation of PerformoBot.</h3>
                    <p>
                        Thank you for participating in our study and helping us to evaluate PerformoBot! The study
                        consists of two parts and should take around 20 minutes.<br> <br>
                        As soon as you press the <b>Start</b> button below, you will be presented with a task in which
                        you have to evaluate the performance of an exemplary software system with the help of
                        PerformoBot. <br> <br>
                        You have up to <b>eight minutes</b> to complete the task, which should be enough time to
                        complete it without a problem. A timer on the left will show you how much time you have left.
                        <br> <br>
                        The interaction history with PerformoBot will be saved to evaluate the chatbot. For that reason, please do not enter any personal data.<br> <br>
                        After you have completed the task or when the time is up, we will present you a link to a
                        <b>survey</b>. In the survey, we ask you to give us some information about previous experience
                        with chatbots and software performance evaluation that you might have had before participating in the study.
                        <br>
                        Furthermore, we will ask you several questions about your interaction with PerformoBot in order to evaluate the chatbot and improve it in the future. <br> <br>
                        If you want, you can interact with PerformoBot on the start page while you complete the
                        survey.<br> <br>
                        <b>A unique identification number will be generated for you to connect your chatbot interaction with your answers in the survey. This number functions as the start of the chatbot interaction and will be automatically filled out in the survey.</b> <br> <br>
                        Are you ready to start working on the performance evaluation task? Then press the <b>Start</b>
                        button to begin!
                    </p>
                    <br>
                    <br>
                    <div class="consent-form-container">
                        <label for="consent-form" id="consent-form-label">Consent Form</label>
                        <textarea id="consent-form" readonly>
Using Chatbots to Facilitate Performance Evaluations

Please read this form carefully.
Please contact the investigator if you have any questions.

Principal Investigators:
André van Hoorn (University of Stuttgart),
Fabian Beck (University of Duisburg-Essen)

Information:
I participate in this study voluntarily and can withdraw from the study at any time without giving reasons and without any negative consequences.

I have been informed in writing about the aims and the procedures of the study, the advantages and disadvantages, as well as potential risks.

I was given sufficient time to make a decision about participating in the study.

By checking the checkbox below, I certify that I fulfill the requirements for participating in the study.

I agree that the responsible investigators and/or the members of the Ethics Commission have access to the original data under strictly observed rules of confidentiality.

I am aware that during the study I have to comply with the requirements and limitations described in the description above.
                        </textarea>
                        <br>
                        <input type="checkbox" name="consent" value="consent" id="consent-checkbox" onclick="checkbox_clicked(this);">
                        <label for="consent-checkbox" id="checkbox-label">I have read the consent form above and agree to the terms of the study</label>
                    </div>
                    <br>
                    <button type="button" id="start-study-id" class="btn btn-primary btn-start-study"
                        onclick="showStudy()" disabled>Start</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>