-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsolution.html
114 lines (108 loc) · 5.3 KB
/
solution.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Solution</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/script.js" charset="utf-8"></script>
</head>
<body>
<div class="content">
<nav id="navbar">
<a href="index.html"><img src="images\logo.PNG" alt="Logo"></a>
<a href="problem.html">Challenge</a>
<a class="active" href="solution.html">Solution</a>
<a href="prototype.html">Prototype</a>
</nav>
<nav id="mobile-nav">
<a id="mob_logo" href="index.html">
<img src="images\logo.PNG" alt="Logo">
</a>
<label>
<div class="mobile-menu">
<img src="images/menu.png" alt="show menu">
<input id="menu_show" type="checkbox" name="" value="" hidden onchange="moveIntro()">
<div class="mob-urls" hidden>
<a href="problem.html">Challenge</a>
<a href="solution.html">Solution</a>
<a href="prototype.html">Prototype</a>
</div>
</div>
</label>
</nav>
<div class="main">
<div class="topflex-sol">
<div class="topflex-solleft">
<img src="images/keepdistance.png" alt="Illustration of people keeping distance" width="600" heigth="auto">
</div>
<div class="topflex-solright">
<p>Keep distance<br>to care<br>for each other</p>
</div>
</div>
<div class="solution-text">
<h2>A dual solution</h2>
<p>HowCrowded provides a dual solution to make it easier
for both people and organizations to practice social distancing.<br><br>
This is achieved by:
<ul>
<li>Sensors provided for indoor locations accessible by
the public, such as grocery stores, libraries or gyms.</li>
<li>An app/website where the public can check
in real time how many people there are in an indoor location at a given time,
including general trends, so they can plan their visit
based on how crowded it is at specific times.</li>
<li>Technology that can be used by organizations and businesses
to manage information about how many people there are in their
area at a given time. This can be used by the business for planning,
as well as using the technology at the front door monitoring the number of people inside,
preventing the area from becoming crowded.</li>
</ul>
<br><br>
</p>
</div>
<div class="flex-so">
<div class="flex-leftso darkDiv">
<img src="images/consumer.png" alt="Consumer icon" width="auto" height="70">
<p class="solution-heading">Consumer</p>
<p class="solution-text-white"> This will make it much easier for people to plan their trips to public
indoor spaces as they can both check in real-time how many people there are and
see how many people usually visit at given times.</p>
</div>
<div class="flex-rightso darkDiv">
<img src="images/business.png" alt="Organization icon" width="auto" height="70">
<p class="solution-heading"> Organization
</p>
<p class="solution-text-white"> For organizations and businesses, they no longer have to manually count
how many people there are inside the location at all times. For many businesses this will mean
that they no longer have to use staff monitoring by the door, as the customer is told by the screen when
it's room enough for them to go inside. </p>
</div>
</div>
<div class="solution-text">
<h2>Differentiating us from competitors</h2>
<p>There are concepts similar to our service.
Google, for instance has a function which shows how busy a place
is, and also shows predictions for different times of the day.
Using sensors to track people going in and out of a building
is also a technology that already exists, though it's not used much.
However, the idea behind our service, is combining these two technologies.
The stores will become better at managing the flow of customers, and the customers will get an accurate
number of how many people there are in the store at a given time -
making it easier for them to plan when to safely go to the store.</p>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-resources">
<a href="resources.html">References</a>
</div>
<div class="logo">
<a href="index.html"><img src="images/logowhite.png" alt="Logo" height="70" width="auto"></a>
</div>
<div class="footer-team">
<a href="team.html">Team members</a>
</div>
</footer>
</body>
</html>