-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathoverview.html
More file actions
163 lines (157 loc) · 8.61 KB
/
overview.html
File metadata and controls
163 lines (157 loc) · 8.61 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>AVINA website</title>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm navbar-light bg-light">
<div class="container">
<span class="navbar-brand mb-0 h1">AVINA</span>
<button
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbar"
aria-controls="navbar"
aria-expanded="false"
aria-label="Toggle navigation"
class="navbar-toggler"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ms-auto ">
<li class="nav-item active">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item active">
<a href="#" class="nav-link">Overview</a>
</li>
<li class="nav-item active">
<a href="implementation.html" class="nav-link">Implementation</a>
</li>
<li class="nav-item active">
<a href="test.html" class="nav-link">Testing</a>
</li>
<li class="nav-item active">
<a href="installation.html" class="nav-link">Installation</a>
</li>
<li class="nav-item active">
<a href="team.html" class="nav-link">Team</a>
</li>
<li class="nav-item active">
<a href="https://github.com/UCL-SightPlusPlus" class="nav-link">
<i class="fab fa-github" style="width:25px; height:25px;"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Main Content-->
<div class="container mt-5 head">
<div class="text-center">
<div id="overview" >
<h2 class="fw-light">Overview</h2>
<div class="container mt-5 mb-5" style="width: 70%;">
<div class="container text mb-5">
<p>
We developed a system called AVINA (Accessibility and Visually Impaired Network Awareness) that can be set up within any location, indoor and outdoor, that can easily be deployed by an IT administrator.
Connected to each of these systems are cameras using object recognition to capture information about the environment.
</p>
<p>
The main goal of our project is to assist visually impaired users to have a more inclusive access to public services such as hospital service, physical banking and leisure services.
With Sight++ and AVINA enabled, we hope to make indoor and outdoor places in future more accessible to visually impaired people without having them to rely on other people.
Visually impaired people will be able to access useful information of the environment around such as the location they are at in the building, how many people in the waiting queue, how seats are available currently, etc.
</p>
</div>
<img class="card-img-top" src="images/arch.png" alt="architecture">
<div class="container text mb-5">
<p>
AVINA consist of three different systems: the app, location server and organisation server. Along with this are Bluetooth beacons and NUCs (mini-PCs) and cameras.
</p>
</div>
<div class="card">
<div class="card-header">
Component
</div>
<div class="card-body">
<h5 class="card-title">App</h5>
<p class="card-text">
The app is created with Flutter is installed on Android devices.
Visually impaired user uses this app to communicate the with the location server. The location sends information about the location to the user, and it is read through voice over back to the user. The user can also ask questions about the location—these can be room specific questions about the seating ability or the queue length, or more generic questions like ‘what are the peak times?’
Both the input and output of the app are multilingual, so it works with whatever language the user has set their device to.
</p>
<a href="https://github.com/UCL-SightPlusPlus/SightPlusPlus-App" class="btn btn-primary">Go to Github</a>
</div>
</div>
<div class="card">
<div class="card-header text-left">
Component
</div>
<div class="card-body">
<h5 class="card-title">Location Server</h5>
<p class="card-text">
The location server is what the app connects to. Once the app comes within range of the server it will try to initiate a connection. When a connection has been established, the user will begin to receive environmental information about the location and are allowed to ask questions.
The app is also connected to NUC/cameras to get the real-time events happing in the room where the camera is setup. Records from the cameras are sent to the server to be stored.
An Azure QnA chatbot is also connected to the server to handle general question that come from the user. The chatbot will respond and server will send this back to the user.
</p>
<a href="https://github.com/UCL-SightPlusPlus/SightPlusPlus-LocationServer" class="btn btn-primary">
Go to Github
</a>
</div>
</div>
<div class="card">
<div class="card-header">
Component
</div>
<div class="card-body">
<h5 class="card-title">Orgnisation Server</h5>
<p class="card-text">
The organisation server manages the profiles of the locations servers that are set up in branches of the organisation. Here, organisation’s IT administrator can see where locations servers have been set up and what Bluetooth beacons and cameras are being used currently.
</p>
<a href="https://github.com/UCL-SightPlusPlus/SightPlusPlus-OrganisationServer" class="btn btn-primary">Go to Github</a>
</div>
</div>
<div class="card">
<div class="card-header">
Component
</div>
<div class="card-body">
<h5 class="card-title">Bluetooth Beacons</h5>
<p class="card-text">
Bluetooth beacons are set up within areas (rooms, floors, sections) of the locations and broadcast an ID. This ID is received by the app once in a close enough range to approximate the user’s location.
</p>
</div>
</div>
<div class="card">
<div class="card-header">
Component
</div>
<div class="card-body">
<h5 class="card-title">NUCs and Cameras</h5>
<p class="card-text">
Cameras are set up in each area, and they’re attached to NUCs. These NUCs have an objection recognition service called Sight++ running on them. Sight++ analyses images from the cameras and detects objections within them—this is then sent to the location server for real-time environment insight.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<footer class="border-top">
<img src="images/logos.png" style="width: 500px; height: 58.5px; display: block; margin: auto;" class="mt-3 mb-3">
<div class="small text-center text-muted fst-italic">Copyright © AVINA 2021</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
</body>
</html>