batea_consent/process.html at master · caresetjournal/batea_consent · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<div ng-if="processCtrl.pageIndex === 1">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
            <div class="med-div">
                <p>
                    Contributing portions of your browser history
                </p>
                <img src="assets/portions_of_your_browsing_425x282.png" alt="Browser History">
            </div>
            <div class="small-div">
                <p>
                    and
                </p>
            </div>
            <div class="med-div">
                <p>
                    Completing optional surveys
                </p>

                <img src="assets/optional_surveys_artboard_425x282.png" alt="Optional Surveys">
            </div>
        </div>
    </div>
</div>

<div ng-if="processCtrl.pageIndex === 2">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
            <div class="half-div">
                <p>
                    Browsing patterns included in the study are securely
                    uploaded to the Batea servers.
                </p>

                <img src="assets/data_to_trash_or_server_415_282.png" alt="Only some browser patterns image">
                <p>
                    Other browsing patterns are ignored but forgotten.
                </p>
            </div>
            <div class="half-div">
                <p>
                    Browsing patterns included in the study:
                </p>
                <ul>
                    <li>
                        Browsing history of clinical concepts
                    </li>
                    <li>
                        Browsing history related to clinical Wikipedia sites
                    </li>
                    <li>
                        Optionally browsing history related to any Wikipedia sites
                    </li>
                </ul>
                <p>
                    Read a <a class="inline-link" href=" https://batea.docgraph.com/informedconsent/#uploaded" target="_blank">complete description of which browser patterns are uploaded.</a> (opens in a new tab)
                </p>
            </div>
        </div>
    </div>
</div>

<div ng-if="processCtrl.pageIndex === 3">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
		<div class='half-div'>
            <p>
                Once you have installed the browser app, the Batea icon will
                appear in your Chrome search bar.
            </p>
            <p>
                The icon will be colored black and white when Batea is not
                recording browser history.
            </p>
		</div>
		<div class='half-div'>
            <img width='550' src="assets/black_and_white.png" alt="Black and White">
		</div>
        </div>
    </div>
</div>

<div ng-if="processCtrl.pageIndex === 4">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
		<div class='half-div'>
            <p>
                The Batea icon will turn green to indicate that your
                current browsing session will be uploaded.
            </p>

		</div>
		<div class='half-div'>

            <img width='550' src="assets/batea_turns_green.png" alt="Batea icon turns green when recording">
		</div>
        </div>
    </div>
</div>

<div ng-if="processCtrl.pageIndex === 5">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
		<div class='half-div'>
            <p>
                If you do not want your current browsing session to be uploaded,
                click the green Batea icon and turn the toggle to the "off" position.
            </p>
            <p>
                This will turn the icon red, which means it is not recording.
            </p>
		</div>
		<div class='half-div'>
            <img width='550' src="assets/one_two_three.png" alt="Click the batea icon to toggle off recording">
		</div>
        </div>
    </div>
</div>

<div ng-if="processCtrl.pageIndex === 6">
    <p class="page-title">What's Involved</p>
    <div class="main">
        <div class="content-flex">
		<div class='half-div'>
            <p>
                This video details how Batea works, and specifically explains how to control what Batea is uploading.
            </p>
		</div>
		<div class='half-div'>

<iframe src="https://player.vimeo.com/video/145595990?title=0&byline=0&portrait=0" width="500" height="375" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

		</div>
        </div>
    </div>
</div>

<div class="btn-container">
    <button class="bottom-btn" ng-click="processCtrl.handleNext()">Next</button>
</div>