-
Notifications
You must be signed in to change notification settings - Fork 0
/
Opticane.html
464 lines (443 loc) · 37.9 KB
/
Opticane.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
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-GB">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Social Media Analytics Reporting, Good Ideas, INTUITIVE, Technology to Motivate, Our Creative Team">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>Opticane</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Opticane.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 3.10.2, nicepage.com">
<link rel="icon" href="images/favicon1.png">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Opticane",
"url": "index.html",
"logo": "images/logo.png"
}</script>
<meta property="og:title" content="Opticane">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="index.html">
<meta property="og:url" content="index.html">
</head>
<body class="u-body"><header class="u-clearfix u-header u-palette-1-dark-2 u-header" id="sec-af5e"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
<a href="Opticane.html" data-page-id="71635948" class="u-image u-logo u-image-1" data-image-width="256" data-image-height="256" title="Opticane">
<img src="images/logo.png" class="u-logo-image u-logo-image-1" data-image-width="64">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px;">
<a class="u-button-style u-custom-active-color u-custom-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-decoration u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="Opticane.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="System.html" style="padding: 10px 20px;">System</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="Market.html" style="padding: 10px 20px;">Market</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="Evaluation.html" style="padding: 10px 20px;">Evaluation</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="About.html" style="padding: 10px 20px;">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-light-1 u-text-hover-palette-1-light-1 u-text-white" href="References.html" style="padding: 10px 20px;">References</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Opticane.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="System.html" style="padding: 10px 20px;">System</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Market.html" style="padding: 10px 20px;">Market</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Evaluation.html" style="padding: 10px 20px;">Evaluation</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html" style="padding: 10px 20px;">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="References.html" style="padding: 10px 20px;">References</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-center u-clearfix u-uploaded-video u-video u-video-cover u-section-1" id="carousel_ef27">
<div style="" class="u-background-video u-expanded u-video-cover">
<div class="embed-responsive">
<video class="embed-responsive-item" loop="" muted="" autoplay="autoplay" playsinline="">
<source src="files/short-opticane-video.mp4" type="video/mp4">
<p>Your browser does not support HTML5 video.</p>
</video>
</div>
</div>
<div class="u-absolute-hcenter u-expanded u-gradient u-opacity u-opacity-60 u-shape u-shape-rectangle u-shape-1"></div>
<h1 class="u-align-left u-text u-text-body-alt-color u-title u-text-1">Opticane</h1>
<p class="u-align-left u-large-text u-text u-text-palette-1-light-2 u-text-variant u-text-2">Feel the world around you</p>
</section>
<section class="u-align-center u-clearfix u-grey-10 u-section-2" id="sec-ee3a">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-center u-list u-repeater u-list-1">
<div class="u-align-center u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><span class="u-icon u-icon-circle u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9e01"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-9e01" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-1"><b>Lightweight: </b>Opticane's innovative hardware design weighs only 200 grams; that's less than half a bag of flour!
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><span class="u-icon u-icon-circle u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae6b"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-ae6b" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-2"><b>Ergonomic:</b> Opticane's handle guarantees a comfortable and healthy grip position.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-10 u-section-3" id="carousel_1857">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-center u-list u-repeater u-list-1">
<div class="u-align-center u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><span class="u-icon u-icon-circle u-text-black u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7714"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-7714" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-1">Intuitive:<span style="font-weight: normal;"> Opticane talks to you using easy to understand vibrations -<font color="rgba(0, 0, 0, 0)"> <span class="u-text-palette-1-dark-3"><i>Vibraille</i>
</span>
</font>.
</span>
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><span class="u-icon u-icon-circle u-text-black u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2d53"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-2d53" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-2">Built-to-Last:<span style="font-weight: 400;"> </span>
<span style="font-weight: normal;">Opticane is resistant to repeated use and various weather conditions.</span>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-4" id="carousel_b232">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<h2 class="u-text u-text-palette-1-light-2 u-text-1">Object Detection</h2>
<p class="u-text u-text-2">Using custom integrated LIDAR technology, Opticane can provide accurate object detection up to 8 meters away.<br>
<br>Opticane's LIDAR system also provide a 180° field of view of your surroundings.
</p>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1600" data-image-height="900">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-5" id="carousel_fb35">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1280" data-image-height="853">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-middle u-container-layout-2">
<h2 class="u-align-left u-text u-text-palette-1-light-2 u-text-1">Vibraille</h2>
<p class="u-text u-text-2">Opticane offers localized haptic feedback to each of your fingers using its grooved handle design and multiple vibration motors.<br>
<br>By varying the vibration intensity, sharpness, interval, and which fingers are vibrated, Opticane effectively uses our novel haptic language, <span class="u-text-palette-1-light-2">Vibraille</span>, to talk to you!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-6" id="carousel_3807">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<h2 class="u-text u-text-palette-1-light-2 u-text-1">Low Light LED</h2>
<p class="u-text u-text-2">Opticane senses when your surroundings get dark and in response, turns on a bright light to let everyone know of your presence.<br>
<br>No need to fear going out at night anymore!
</p>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1600" data-image-height="900">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-7" id="carousel_ba85">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1280" data-image-height="853">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-middle u-container-layout-2">
<h2 class="u-align-left u-text u-text-palette-1-light-2 u-text-1">Voice Commands</h2>
<p class="u-text u-text-2">Opticane uses CMU Sphinx to provide offline voice recognition and voice commands to perform navigation and to check battery life.<br>
<br>Opticane listens to you for commands only when you press a button and the recorded audio is removed immediately afterwards.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-8" id="carousel_f59e">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<h2 class="u-text u-text-palette-1-light-2 u-text-1">Haptic Navigation</h2>
<p class="u-text u-text-2">Through <span class="u-text-palette-1-light-2">Vibraille</span>, Opticane can tell you how to get to your favorite destinations. You can also save your current GPS location with an alias to navigate to in the future!<br>
<br>Opticane doesn't monitor your GPS location, it only looks at it when navigation is required.
</p>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1280" data-image-height="853">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-9" id="carousel_5d5f">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1920" data-image-height="1080">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-middle u-container-layout-2">
<h2 class="u-align-left u-text u-text-palette-1-light-2 u-text-1">Custom Grips</h2>
<p class="u-text u-text-2">Opticane boasts an ergonomic design that guarantees your comfort! We offer and sizes ranging from working glove 7 to 11 as well as handles to cater to the overhand, pencil, and walking cane grips!<br>
<br>Custom grips are also available.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-10" id="carousel_a9bd">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<h2 class="u-text u-text-palette-1-light-2 u-text-1">Designed for Daily Use</h2>
<p class="u-text u-text-2">Opticane has a battery life of up to 9 hours and can perform fast charging through USB-C.<br>
<br>Opticane also has all of its electronics completely sealed inside and weatherproofed! Don't worry about using Opticane any day, anywhere!
</p>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="102" data-image-height="150">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-palette-1-dark-3 u-section-11" id="carousel_3b39">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-right-cell u-size-30 u-image-1" data-image-width="1920" data-image-height="996">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-left-cell u-shape-rectangle u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-middle u-container-layout-2">
<h2 class="u-align-left u-text u-text-palette-1-light-2 u-text-1">Simulations</h2>
<p class="u-text u-text-2">Our simulations depict Opticane's performance in real world scenarios.<br>
<br>The simulations demonstrate Opticane's object detection and simple haptic navigation using Webots.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-palette-1-dark-3 u-section-12" id="sec-3df5">
<div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
<h1 class="u-align-center u-text u-text-1">This is Opticane</h1>
<p class="u-align-center u-large-text u-text u-text-font u-text-variant u-text-2">Pitch Video</p>
<div class="u-align-center u-left-0 u-video u-video-contain u-video-1">
<div class="embed-responsive embed-responsive-1">
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" class="embed-responsive-item" src="https://drive.google.com/file/d/1aKCGqBa4yUzQ8evbEjurup0qbmD0-24i/preview" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<p class="u-align-center u-small-text u-text u-text-font u-text-variant u-text-3">Music: <span class="u-text-palette-1-light-2">mura;kami - 夜の波</span>
</p>
</div>
</section>
<section class="u-clearfix u-grey-10 u-section-13" id="carousel_cbb4">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-size-30 u-image-1" data-image-width="1920" data-image-height="1080">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-top u-container-layout-2">
<h2 class="u-align-center u-text u-text-1">System & How it works</h2>
<p class="u-align-center u-text u-text-grey-75 u-text-2">A look into how Opticane looks in-person, how it was designed, and how all of its features work!</p><span class="u-icon u-icon-circle u-text-black u-icon-1" data-href="System.html" data-page-id="12293799"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2659"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-2659" style="enable-background:new 0 0 512 512;"><g><g><path d="M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z"></path>
</g>
</g></svg></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-grey-10 u-section-14" id="carousel_0be9">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-top u-container-layout-1">
<h2 class="u-align-center u-text u-text-1">Evaluation</h2>
<p class="u-align-center u-text u-text-grey-75 u-text-2">An in-depth exploration of the quantitative and qualitative aspects of Opticane.</p><span class="u-icon u-icon-circle u-text-black u-icon-1" data-href="Evaluation.html" data-page-id="1154304776"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2659"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-2659" style="enable-background:new 0 0 512 512;"><g><g><path d="M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z"></path>
</g>
</g></svg></span>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-size-30 u-image-1" data-image-width="1920" data-image-height="1080">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-grey-10 u-section-15" id="carousel_290f">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-size-30 u-image-1" data-image-width="1920" data-image-height="1080">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-align-center u-container-style u-layout-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-valign-top u-container-layout-2">
<h2 class="u-text u-text-1">Budget & Market Research</h2>
<p class="u-align-center u-text u-text-grey-75 u-text-2">A presentation of how Opticane performs better than similar products on the market and a breakdown of its costs</p><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-1" data-href="Market.html" data-page-id="14080950"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2659"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-2659" style="enable-background:new 0 0 512 512;"><g><g><path d="M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z"></path>
</g>
</g></svg></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-palette-1-dark-3 u-section-16" id="carousel_5e72">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<h1 class="u-text u-text-1">User Guide</h1>
<p class="u-large-text u-text u-text-variant u-text-2">A closer look at Opticane's installation, operation, and troubleshooting</p>
<a href="https://drive.google.com/file/d/1nAazyCJHUHOC47PIz2zMbjJ9k5E-yGUX/preview" class="u-btn u-button-style u-hover-palette-1-dark-1 u-palette-1-base u-btn-1" target="_blank">View</a>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-10 u-section-17" id="sec-46dd">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-text u-text-1">Future Developments</h1>
<p class="u-text u-text-grey-75 u-text-2">How we would like to continue our efforts if we had more time to work on Opticane</p>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-10 u-section-18" id="carousel_1db8">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-center u-list u-repeater u-list-1">
<div class="u-align-center u-container-style u-list-item u-repeater-item u-list-item-1">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><span class="u-icon u-icon-circle u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9e01"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-9e01" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-1"><b>Miniaturization:</b> moving forward, we plan to decrease the size of Opticane's components. This would make Opticane more visually appealing, less cumbersome, and lighter for you. The main portion that can be miniaturized is our LIDAR contraption. It may be possible to use multiple stationary LIDARs instead of one LIDAR on a servo motor to decrease size. This may increase battery consumption though.
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item u-list-item-2">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><span class="u-icon u-icon-circle u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae6b"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-ae6b" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-2"><b>Vibraille: </b>We would also like to develop our haptic language, Vibraille. Ultimately, we would like to bring Vibraille to a point where it could be used outside of Opticane's scope for use by the visually impaired and the general public. By varying vibrational intensity, sharpness, and interval, there are numerous ways to communicate through just a few haptic feedback motors.
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item u-list-item-3">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-3"><span class="u-icon u-icon-circle u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae6b"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-ae6b" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-3"><b>User Testing:</b> One of the more important aspects of Opticane that we weren't able to touch on due to the pandemic was user testing. User testing would have let us know of any parts of our product that could be improved from a visually impaired person's perspective. These inputs would have been invaluable as none of us working on Opticane suffer from visual impairment and our interviews with the visually impaired under Tech Era were denied due to our interview group being too specific. If we had more time after we could conduct in-person interviews and tests of Opticane, we would definitely benefit from the feedback and insights provided through user testing.
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item u-list-item-4">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-4"><span class="u-icon u-icon-circle u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae6b"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-ae6b" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-4"><b>Advanced Haptic Navigation:</b> Using offline maps and satellites, we would like to implement haptic navigation that could essentially act as a GPS that guides you around streets.
</p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item u-list-item-5">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-5"><span class="u-icon u-icon-circle u-icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.6 409.6" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ae6b"></use></svg><svg class="u-svg-content" viewBox="0 0 409.6 409.6" x="0px" y="0px" id="svg-ae6b" style="enable-background:new 0 0 409.6 409.6;"><g><g><path d="M392.533,187.733H17.067C7.641,187.733,0,195.374,0,204.8s7.641,17.067,17.067,17.067h375.467 c9.426,0,17.067-7.641,17.067-17.067S401.959,187.733,392.533,187.733z"></path>
</g>
</g></svg></span>
<p class="u-align-left u-text u-text-5"><b>Tutorial Mode:</b> Something that came to our attention while conducting user studies as well as literature reviews was potential users saying they would find it hard to remember what finger would represent what direction/field of view in the haptic navigation/obstacle detection. This is backed up by an MIT study on haptic navigation which recommended having a tutorial system to let users better learn the haptic system. [15] We envisioned a simple system where on the voice recognition command of “tutorial” the user would then feel a vibration and a speaker on the cane would tell the user which direction that vibration represents. The system would then repeat the vibrations, with a different vibration pattern, for each 5 motors and tell them what field of view for obstacle detection the vibrations represent. Finally it would vibrate the 5 motors cumulatively, one then two then three etc, while the loudspeaker tells the user what level of battery this relates to.<br>
<br>This addition while seemingly simple introduces some design challenges that would have massively affected the design of the final prototype. One challenge would have to be the addition of the loudspeaker, we would have to conduct testing to see where best to place the speaker so that the user can hear it in loud environments but also not interrupt the other design elements such as haptic feedback in the handle. Secondly the addition of loudspeaker audio then removes our current ‘language neutral’ system- would there need to be additional settings for changing the language and what languages should we initially account for? Should we implement live training? These questions would require further research and user testing outside the scope of this course.
</p>
</div>
</div>
</div>
</div>
</section>
<style class="u-overlap-style">.u-overlap:not(.u-sticky-scroll) .u-header {
}</style>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-ebc1"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-align-left u-small-text u-text u-text-variant u-text-1">© 2021 Opticane, Inc.</p>
</div></footer><span style="height: 64px; width: 64px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 20px; bottom: 20px" class="u-back-to-top u-icon u-icon-circle u-opacity u-opacity-85 u-palette-1-base u-spacing-15" data-href="#">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
<svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
</span>
</body>
</html>