-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtraining.html
337 lines (294 loc) · 18.7 KB
/
training.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
<!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.0">
<title>SuturingVR Assistant Instructions</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<!-- Plugin CSS -->
<link rel="stylesheet" href="device-mockups/device-mockups.min.css">
<!-- Custom styles for this template -->
<link href="css/new-age.min.css" rel="stylesheet">
<link href="css/ranavbar.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar-shrink navbar navbar-expand-lg navbar-light fixed-top" id="raNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.html">SuturingVR</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="patients.html">Patients</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="training.html" style="color: #fdcc52;">Training Assistants</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="research.html">Research
Assistants</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="features" id="assistantinstructions">
<div class="container">
<div class="section-heading text-center" style="text-align:left !important;">
<h2>Training Assistant - Recruitment Overview</h2>
<br>
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="Checklist">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseChecklist" aria-expanded="false" aria-controls="headingChecklist">
VR Training Checklist
</button>
</h2>
</div>
<div id="collapseChecklist" class="collapse" aria-labelledby="headingChecklist" data-parent="#accordionExample">
<div class="card-body">
<p style='font-size:25px;text-align:center'>VR Training Checklist</p>
<br><span style='display: inline-block;font-size:25px;width:33%;text-align:center'>Progress</span><progress style='height: 30px;display: inline-block;width:33%' id="progress_bar" value="0" max="100"></progress><span style='display: inline-block;width:33%;font-size:25px;text-align:center' id="progress_percentage">0%</span>
<table style='height:50px;width:100%'>
<tr><td style='height:50px;width:25%;align:center'>Complete?</td><td style='height:50px;width:75%;align:center'>Step</td></tr>
<script>
var instructions = `Before seeing patient
Arrive ~15 mins early
Check Slack for updates from coordinators
Sign-in at Carey’s office, ask about patient status
Grab all essential equipment and prepare for patient
Turn on the headsets
Check device battery level >75%, charge otherwise
Connect both devices to same wifi
Check that casting is working
Raise the headset volume to >75%
Sanitize the headset and controllers with non-alcohol sanitizing wipe
Wait for “OK” from Carey to see the patient
Pre-procedure surveys
Introduce yourself, describe the study, ask if they’ve used VR before, explain VR
Ask the patient if they would like to try VR
If no, ask if they’d like to be in the control group (no distraction, just surveys) - skip to survey on checklist
Ask about disqualification criteria
Explain side effects of VR
Tell the patient that the VR can be stopped and taken off at any time
Go through controls on controller and website, ask which controller to use
Prepare the headset with SuturingVR (or YouTube) for the patient, let them try while they are sitting
If comfortable, let them try while they are in the position required for procedure
If comfortable, ask if they would be comfortable using for 15-30 minutes during procedure
Go through the informed consent, obtain signatures
Go through pre-procedure survey verbally
During Procedure
If patient is in control group, don’t need to be in the room with the patient
Be in the room with the patient using VR
Once doctor is ready, set up headset as before while patient is in position for procedure, ensure they are comfortable
Calibrate and start the game
Keep an eye on the patient and game progress
After Procedure
Take off the headset and turn off
Obtain local anesthetic dose numbers from doctor
Go through post-procedure survey with patient, verbally
Thank the patient for their participation
Obtain vitals from doctor/nurses 30 minutes after, or ask Carey to look up on Epic
Digitize pre- and post-procedure surveys
Sanitize the headset and controllers
Turn off all devices, leave charging in Carey’s office`;
instructions = instructions.split("\n");
var boxes = [];
var steps = [];
var checked = 0;
var unchecked = instructions.length;
function create_boxes() {
for (var i=0; i<instructions.length; i++) {
boxes[i] = "box" + i;
steps[i] = "steps" + i;
document.write("<tr>");
document.write("<td style='height:50px;width:25%'><button style='background-color:#b6d7a8' id='box" + i + "' onclick='update_state(boxes[" + i + "],steps[" + i + "])'>☐</button></td>");
document.write("<td style='text-decoration:none;height:50px;width:75%;background-color:#b6d7a8' id='steps" + i + "'>"+instructions[i]+"</td>");
document.write("</tr>");
}
}
function update_state(box_id, steps_id) {
if (document.getElementById(box_id).value != "PRESSED") {
checked++;
update_progress();
document.getElementById(box_id).value="PRESSED";
document.getElementById(box_id).innerHTML="☑";
document.getElementById(box_id).style.backgroundColor="#ea9999";
document.getElementById(steps_id).style.textDecoration = "line-through";
document.getElementById(steps_id).style.backgroundColor="#ea9999";
} else {
checked--;
update_progress();
document.getElementById(box_id).value="NONE";
document.getElementById(box_id).innerHTML="☐";
document.getElementById(box_id).style.backgroundColor="#b6d7a8";
document.getElementById(steps_id).style.textDecoration = "none";
document.getElementById(steps_id).style.backgroundColor="#b6d7a8";
}
}
create_boxes();
function update_progress() {
document.getElementById("progress_bar").value=(checked/unchecked*100);
document.getElementById("progress_percentage").innerHTML=Math.round(checked/unchecked*100)+"%";
}
</script>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="DetailedItems">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseDetailedItems" aria-expanded="false" aria-controls="headingDetailedItems" style="text-align: left">
VR Training More detailed items
</button>
</h2>
</div>
<div id="collapseDetailedItems" class="collapse" aria-labelledby="headingDetailedItems" data-parent="#accordionExample">
<div class="card-body">
<h3>Before meeting with the patient</h3>
<hr style="max-width: 10000px; margin-top: 10px; margin-bottom: 10px !important">
<ol>
<li>
Try to arrive ~15 minutes before the patient is scheduled
to come in (e.g. if they are scheduled for 9am, come in
at 8:45am)
</li>
<li>
Check Slack in case there are any updates from the coordinators
</li>
<li>
Sign in at Carey’s office, ask about patient status
</li>
<li>
Grab all essential equipment and prepare for patient
<ol>
<li>Turn on the headsets</li>
<li>Check device battery level >75%, charge otherwise</li>
<li>Connect both devices to same wifi</li>
<li>Check that casting is working
<ol>
<li>Launch SuturingVR</li>
<li>Calibrate the headset</li>
</ol>
</li>
<li>Raise the headset volume to >75%</li>
</ol>
</li>
<li>Sanitize the headset and controllers with non-alcohol sanitizing wipe</li>
<ul>
<li>Don't wipe the lenses of the headset</li>
</ul>
<li>Wait for "OK" from Carey to see the patient</li>
</ol>
<br>
<br>
<h3>Informed Consent/Pre-Procedure Survey</h3>
<hr style="max-width: 10000px; margin-top: 10px; margin-bottom: 10px !important">
<ol>
<li>Introduce yourself, describe the study, ask if they’ve used VR before, explain VR</li>
<li>Ask the patient if they would like to try VR</li>
<li>If no
<ol>
<li>Ask if they’d like to be in the control group (no distraction, just surveys)</li>
</ol>
</li>
<li>
If yes
<ol>
<li>Ask about disqualification criteria</li>
<li>If yes, explain side effects of VR</li>
<li>Tell the patient that the VR can be stopped and taken off at any time</li>
<li>Go through controls on controller and website, ask which controller to use</li>
<li>Prepare the headset with SuturingVR (or YouTube) for the patient, let them try while
they are sitting</li>
<li>If comfortable, let them try while they are in the position required for procedure</li>
<li>If comfortable, ask if they would be comfortable using for 15-30 minutes during
procedure</li>
</ol>
</li>
<li>Go through the informed consent, obtain signatures</li>
<li>Go through pre-procedure survey verbally</li>
</ol>
<br>
<h3>During the Procedure</h3>
<hr style="max-width: 10000px; margin-top: 10px; margin-bottom: 10px !important">
<ol>
<li>If patient is in control group, don’t need to be in the room with the patient</li>
<li>Be in the room with the patient using VR</li>
<li>Once doctor is ready, set up headset as before while patient is in position for procedure,
ensure they are comfortable</li>
<li>Calibrate and start the game</li>
<li>Keep an eye on the patient and game progress
<ul>
<li>Can reset game by holding X/A on other controller, reset calibration by holding trigger</li>
</ul>
</li>
</ol>
<br>
<h3>After the Procedure</h3>
<hr style="max-width: 10000px; margin-top: 10px; margin-bottom: 10px !important">
<ol>
<li>Take off the headset and turn off</li>
<li>Obtain local anesthetic dose numbers from doctor</li>
<li>Go through post-procedure survey with patient, verbally</li>
<li>Thank the patient for their participation</li>
<li>Obtain vitals from doctor/nurses 30 minutes after, or ask Carey to look up on Epic</li>
<li>Digitize pre- and post-procedure surveys</li>
<li>Sanitize the headset and controllers</li>
<li>Turn off all devices, leave charging in Carey’s office</li>
</ol>
<br>
</div>
</div>
</div>
</div>
<br>
</div>
<br>
</div>
</div>
</section>
<footer>
<div class="container">
<p>© SuturingVR 2021. All Rights Reserved.</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#">Privacy</a>
</li>
<li class="list-inline-item">
<a href="#">Terms</a>
</li>
<li class="list-inline-item">
<a href="#">FAQ</a>
</li>
</ul>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/new-age.min.js"></script>
</body>
</html>