presentation-one/index.html at master · Agora-VR/presentation-one · 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
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
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>Agora VR - Presentation One</title>
		<link rel="shortcut icon" href="lib/img/Agora-Favicon.png" />

		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/reveal.css">

		<!-- Custom theme -->
		<link rel="stylesheet" href="css/theme/agora.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/monokai.css">

		<!-- https://github.com/hakimel/reveal.js/ -->
	</head>
	<body>
		<div class="reveal">
			<div class="slides">

				<!-- SLIDE 1 -->
				<section>
					<section data-background="#dddddd">
						<img src="lib/img/AgoraLogo-Transparent_HD.png" height="400px" draggable="false"/>
						<a href="https://github.com/Agora-VR/Agora-VR" draggable="false"
							style= "position: absolute;
											bottom: 0px;
											left: 0px;
											width: 100px;
											height: 100px;">
							<img src="lib/img/QR-agora-github.png" draggable="false"/>
						</a>
					</section>
					<section>
						<h2><b>Agora VR</b></h2>
						<br><h3>VR Therapy of Agoraphobia</h3>
						<h4>and Social Anxiety Disorders</h4>
						<p>
							<small>
								[ <span style="color: #ff0000">ℜ</span>utgers Capstone Group S20-61 ]
								<br>Aryeh Ness - Daniel Nguyen - Ted Moseley - Michael Truong
								<br>Dr. Grigore Burdea
							</small>
						</p>
					</section>
				</section>

				<!-- SLIDE 2 -->
				<section data-transition="convex" data-transition-speed="slow">
					<section>
						<h2>The Problem</h2>
					</section>
					<section>
						<b>Agoraphobia</b> <i>/ˌaɡərəˈfōbēə/</i> n. -- abnormal fear of being helpless in a situation from
						which escape may be difficult or embarrassing that is characterized initially often by panic or
						anticipatory anxiety and finally by the avoidance of open or public places.
						<br><br><a href="https://www.merriam-webster.com/dictionary/agoraphobia"><small>
							Merriam-Webster
						</small></a>
					</section>
					<section>
						Avoiding public spaces and certain interactions with other people cause severe side effects
						such as being unable to leave one’s own home or seeking help from a medical professional.
					</section>
					<section>
						It may sound like an uncommon problem, but Agoraphobia is actually one of the top 10 most
						common phobias to have.
						<span class="fragment">
							Approximately one-third of people with a panic disorder develop agoraphobia,
						</span>
						<span class="fragment">
							and panic disorders affect nearly 6 million American adults every year.
						</span>
						<br><br><span class="fragment">
							It currently has <b>no known cure</b>, and once it occurs, it can last a lifetime.
						</span>
					</section>
				</section>

				<!-- SLIDE 3 -->
				<section data-transition="convex" data-transition-speed="slow">
					<section>
						<h2>Our Solution</h2>
					</section>
					<section>
						Some conventional treatment methods include <b>self-help</b> (e.g. breathing or lifestyle changes),
						<span class ="fragment">
							<b>therapy sessions</b> (e.g. guided self-help or cognitive behavior therapy (CBT)),
						<span>
						<span class ="fragment">
							or <b>medication</b> (e.g. Selective serotonin reuptake inhibitors (SSRIs)).
						</span>
					</section>
					<section>
						People who have these disorders find it difficult or impossible to go out for help and
						receive treatment. In other cases, after the first few treatments, they can start to distrust the
						therapist or have fears of rejection.
						<br><br><span class ="fragment">
							In some cases, medication can be used as a sole treatment for agoraphobia or used in combination with
							therapy. However, medication can come with multiple side effects and not everyone can take them.
						</span>
					</section>
					<section>
						<img src="lib/img/OculusQuest-Transparent.png" height="400px" draggable="false"/>
						<br><font size="1">Credit: Oculus VR</font>
					</section>
					<section>
						The patient can have access to a relatively inexpensive treatment option that they can use
						within the <b>comfort of their own space</b>.
						<span class="fragment">
							The application of conventional therapy methods in Virtual Reality allows the patient to be immersed
							within customized environments that can dynamically change depending on the stage of treatment or severity
							of the disorder.
						</span>
					</section>
				</section>

				<!-- SLIDE 4 -->
				<section data-transition="convex" data-transition-speed="slow">
					<section>
						<h2>Project Scope</h2>
					</section>
					<section>
						<h3>Our Goals</h3>
						<br><ul>
							<li class="fragment fade-up" data-autoslide="200">Virtual Scenarios in Immersive Environments</li>
							<li class="fragment fade-up" data-autoslide="200">Multiplayer Support</li>
							<li class="fragment fade-up" data-autoslide="200">Crowd Artificial Intelligence</li>
							<li class="fragment fade-up" data-autoslide="200">Stress Monitoring & Tracking</li>
							<li class="fragment fade-up" data-autoslide="200">Simulation Footage Streaming & Playback</li>
							<li class="fragment fade-up" data-autoslide="200">Patient & Therapist Portal</li>
							<li class="fragment fade-up">Clinical Research Study & Research Paper</li>
						</ul>
					</section>
				</section>

				<!-- SLIDE 5 -->
				<section data-transition="convex" data-transition-speed="slow">
					<section>
						<h2>Work Plan</h2>
					</section>
					<section>
						<ol>
							<h3>Aryeh Ness</h3>
								<br><ul>
									<span class="fragment fade-up" data-autoslide="200">3D Modeling</span><br>
									<span class="fragment fade-up" data-autoslide="200">Environment Building</span><br>
									<span class="fragment fade-up" data-autoslide="200">Logic Scripting</span><br>
									<span class="fragment fade-up">Therapy Research</span>
								</ul>
						</ol>
					</section>
					<section>
						<ol>
						<h3>Daniel Nguyen</h3>
							<br><ul>
								<span class="fragment fade-up" data-autoslide="200">Graphic Design & Frontend</span><br>
								<span class="fragment fade-up" data-autoslide="200">3D Modeling</span><br>
								<span class="fragment fade-up" data-autoslide="200">Environment Building</span><br>
								<span class="fragment fade-up" data-autoslide="200">Logic Scripting</span><br>
								<span class="fragment fade-up" data-autoslide="200">Oculus Quest Integration</span><br>
								<span class="fragment fade-up">Hardware</span>
							</ul>
						</ol>
					</section>
					<section>
						<ol>
						<h3>Ted Moseley</h3>
							<br><ul>
								<span class="fragment fade-up" data-autoslide="200">Website Integration</span><br>
								<span class="fragment fade-up" data-autoslide="200">User Portal & Video Feed</span><br>
								<span class="fragment fade-up" data-autoslide="200">Server & Backend</span><br>
								<span class="fragment fade-up" data-autoslide="200">Database</span><br>
								<span class="fragment fade-up" data-autoslide="200">Logic Scripting</span><br>
								<span class="fragment fade-up">Hardware</span>
							</ul>
						</ol>
					</section>
					<section>
						<ol>
						<h3>Michael Truong</h3>
							<br><ul>
								<span class="fragment fade-up" data-autoslide="200">Database</span><br>
								<span class="fragment fade-up" data-autoslide="200">Server & Backend</span><br>
								<span class="fragment fade-up" data-autoslide="200">Logic Scripting</span><br>
								<span class="fragment fade-up">Environment Building</span>
							</ul>
						</ol>
					</section>
				</section>

				<!-- END CARD -->
				<section data-transition="zoom" data-transition-speed="slow">
					<section data-background="#dddddd">
						<a href="#" class="navigate-down"></a>
						<img src="lib/img/AgoraLogo-Transparent_HD.png" height="400px" draggable="false"/>
						<a href="https://github.com/Agora-VR/Agora-VR" draggable="false"
								style= "position: absolute;
												bottom: 0px;
												left: 0px;
												width: 100px;
												height: 100px;">
							<img src="lib/img/QR-agora-github.png" draggable="false"/>
						</a>
					</section>
			</div>
		</div>

		<script src="js/reveal.js"></script>

		<script>
			Reveal.initialize({
				dependencies: [
					{ src: 'plugin/highlight/highlight.js', async: true },
					{ src: 'plugin/notes/notes.js', async: true }
				]
			});
		</script>
	</body>
</html>