-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsystem.html
More file actions
339 lines (300 loc) · 15.5 KB
/
system.html
File metadata and controls
339 lines (300 loc) · 15.5 KB
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
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>O.L.I. - System</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- fevicon -->
<link rel="icon" href="images/logo.png" type="image/gif" />
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<style>
.quote{
background-color: rgba(#fff,0);
}
.quote:hover{
background-color: rgba(#fff, 0.5);
transition: background-color 0.3s;
}
</style>
<body class="main-layout contineer_page">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="#" /></div>
</div>
<!-- end loader -->
<!-- header -->
<header>
<!-- header inner -->
<div class="header">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-2 col-sm-3 col logo_section">
<div class="full">
<div class="center-desk">
<div class="logo clickable data-toggle="tooltip" data-placement="right" data-html="true" title="<em>Back to Home</em>"">
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
</div>
</div>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-md-10 col-sm-9">
<div class="menu-area">
<div class="limit-box">
<nav class="main-menu ">
<ul class="menu-area-main">
<li> <a href="budget.html">Budget</a> </li>
<li> <a href="system.html">System</a> </li>
<li> <a href="howItWorks.html">How it works</a> </li>
<li> <a href="eval.html">Evaluation</a> </li>
<li> <a href="team.html">Team</a></li>
<li> <a href="documentation.html">Documentation</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end header inner -->
<!-- end header -->
</header>
<div class="backgro_mh">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heding">
<h2>System details</h2>
</div>
</div>
</div>
</div>
</div>
<div id="system" class="about">
<div class="container">
<div class="row display_boxflex">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<div class="about-box">
<h2>Fall statistics</h2>
<p>"37.3 million falls that are severe enough to require medical attention occur each year." <br>- <b><abbr title="World Health Organisation">WHO</abbr></b></p>
<p>"Around one in four adults above the age of 65 have experienced a fall in the United States." <br>- <abbr title = "Centers for Disease Control and Prevention"><b>CDC</b></abbr></p>
<p>"14% of the elderly population in 10 states in India have experienced falls"<br>- <abbr title="World Health Organization"><b>WHO</b></abbr></p>
</div>
</div>
</div>
</div>
</div>
<div class = "container-fluid pt-5 pb-5" style = "background-color: black; width: 100vw;">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12" >
<p style = "color: white; font-size: larger;">
It is evident from the above statistics that falls are a very common issue in the elderly that is not often
spoken about. However, elderly patients often find themselves
unassisted for long period of times, which further exacerbates their conditions.
Prolonged wait times to receive assistance can lead to dehydration, further injury
which can lead to long recovery times, and even to pneumonia and death. Additionally,
some users may have pre-existing conditions such as heart problems which may worsen
due to lack of medical attention. Such disablity could also prevent a patient from
manually setting off an alarm (like a pendant alarm, for instance).
</p>
<p style = "color: white; font-size:large; padding-top: 10px;">Another interesting piece of information is this: </p>
<div class="quote">
<quote style = "color: #2596be; font-size: medium;">"Most falls, however, do not cause sufficient injury to receive medical attention.
Only 3 to 5 percent of falls in elderly persons who reside in the community and in nursing
homes result in fractures, with fewer than 1 percent of falls causing hip fractures.
Only about 5 to 10 percent of falls cause other serious injuries requiring medical care.
Between 30 and 50 percent of falls result in a variety of minor soft tissue injuries that
do not receive medical attention; the remainder cause
<a style = "color: #2596be;font-weight:bold;" href = "https://www.ncbi.nlm.nih.gov/books/NBK235613/">
no injury or only trivial damage.</a>"</quote>
</div>
<p style="color: white; font-size: larger;">This means that there is a growing problem of individuals
older than 65 with a high fall risk and not <a style="font-weight: bold;">receiving the required help on time</a>.
</p>
</div>
</div>
<div class = "about text-center" id = "aboutOLI">
<div class="container-fluid">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<div class="text-center">
<h2 style="padding-bottom: 20px; font-size: 50px;">This is where we come in!</h2>
<div class = "row">
<div class ="col-sm-8 offset-md-2 embed-responsive embed-responsive-16by9"">
<iframe width="560" height="315" src="https://www.youtube.com/embed/AV5lCsM40WE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class = "row">
<div class="col-sm-6 mt-5 text-left">
<p style = "font-weight-light; font-size: large">
<br>
O.L.I. is a medical assistance robot that monitors the user's movements and
calls for help if a fall is detected. The system consists of two components:
</p style = "font-weight-light; font-size: large">
<ul >
<li style="font-size:large; font-weight:light;">- A robot with a circular steel bar (which we will simply refer to as O.L.I.)</li>
<li style="font-size:large; font-weight:light;">- A mobile application</li>
</ul>
<p style = "font-weight-light; font-size: large;">
O.L.I. is capable of mapping the user's home and localising the user in
the event of a fall. The robot is fitted with a circular steel bar that will
assist the user in getting up in the event of a minor fall. O.L.I. has a flat platform
on top that allows the user to place objects on it. Further extensions
that is being considered here is fitting it with a first aid box and a light misting
spray to wake the user in case they have fainted.
</p>
</div>
<div class="col-sm-6" style="padding-top: 70px">
<img src = "images/robot.png">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" style = "background-color: aliceblue;">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<div class="about-box text-center" style = "padding-top: 10vh;">
<h2 style="font-size: 5vh;">That's not all!</h2>
<p style = "font-size: large; color: #111;">
O.L.I. also comes with a mobile application. The primary purpose of the app is to monitor
the sensors present on a smartphone and determine if the user has fallen over. The app
also comes with a machine learning model that classifies sensor data into falls and
normal activities to provide a higher level of accuracy to the predictions.
The app comes with three main features - Call O.L.I., Set up and Fall detection demo.
</p>
<hr style="background-color: white;">
<p style = "font-size: large; color: #111;">
<b>Call O.L.I.</b> is a button that summons the robot to the user. This function does not wait for a fall event
to be detected, but rather allows the user to call the robot if they require it.
</p>
<hr style="background-color: white;">
<p style = "font-size: large; color: #111;">
<b>Set up</b> allows the user to enter their contact details, set up their WiFi and Bluetooth settings on their smart phone,
and configure O.L.I. to map their home. This is the ideal first step the user should take after installing the
app for the first time.
</p>
<hr style="background-color: white;">
<p style = "font-size: large; color: #111;">
<b>Fall detection demo</b> is a prototype button. In our final version, this button would not exist as the fall detection
process would run in the background of the app. This button is present to highlight the different
steps present in the fall-detection procedure.
</p>
<p style="font-size: medium; color: #111;">Try out our Figma prototype of the app below:</p>
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 10vh;" width="500" height="600" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FAH6weTg4y4ByHcDDM8qXai%2FOLI-APP-sample%3Fnode-id%3D1%253A3%26scaling%3Dscale-down%26page-id%3D0%253A1" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- end of about the app -->
<div class="about">
<div class = "container-fluid">
<div class ="text-bg">
<h2>Our Intention</h2>
<p style="color:black;" class="text-justify">Fall detection systems for the elderly is an common area of research, but there are not a lot of
products in the market with respect to this. <br>We believe that a robot can provide minimal help to the elderly people with a high fall risk,
providing them with a sense of independence. This additionally releases the stress of the nurse and doctors from these tasks in care homes, as well
as provides the family of such patients with some relief.
We currently have robots that navigate through campuses, roads and restaurants already. This technology can be extended to hospitals or nursing homes and
bring about real change in the lives of many.<br>
O.L.I. is currently not designed for a hospital setting, since we need more professional advice to deploy the robot in such sophisticated environment as well as immense
amounts of user testing. However, we wish for it to be a robot that can be used by everyone, so we need to control the cost to make it affordable.
This affects how we choose our material and parts to build the robot.
After hours of brainstorming, our robot comes in a medium size, so it won’t affect people walking in the corridor, and have also decided to have extensible legs to support the human’s weight when lifting them up.
Most people in today's world use a smartphone, so an app that detects falls would be convenient and does not need extra hardware to achieve that.
</p>
<img src="images/In.png" widtht="2324" height="427"/>
</div>
</div>
</div>
<!-- footer -->
<footr>
<div class="footer ">
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="contact_bg">
<div class="row">
<div class="col-md-12">
<div class="titlepage">
<h2>Contact us</h2>
</div>
<div class="col-md-12">
<input class="contactus" placeholder="Your Name" type="text" name="Your Name">
</div>
<div class="col-md-12">
<input class="contactus" placeholder="Your Email" type="text" name="Your Email">
</div>
<div class="col-md-12">
<input class="contactus" placeholder="Your Phone" type="text" name="Your Phone">
</div>
<div class="col-md-12">
<textarea class="textarea" placeholder="Message" type="text" name="Message"></textarea>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
<button class="send">Send</button>
</div>
</div>
</div>
</form>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
<div class="address">
<ul class="loca">
<li>
<a href="#"><img src="icon/loc.png" alt="#" /></a>University of Edinburgh
</li>
<li>
<a href="#"><img src="icon/email.png" alt="#" /></a>group1@ed.ac.uk
</li>
</ul>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<p>© 2021 SDP Group 1 - O.L.I</p>
</div>
</div>
</div>
</footr>
<!-- end footer -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/plugin.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
</body>
</html>