-
Notifications
You must be signed in to change notification settings - Fork 0
/
TKP.html
220 lines (213 loc) · 12.9 KB
/
TKP.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gothic+A1" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="CSS/navbar.css">
<link rel="stylesheet" type="text/css" href="CSS/TKP.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<title>The Kangaroo Project</title>
</head>
<body>
<header>
<input type="checkbox" class="nav-toggle" id="nav-toggle">
<div class="hamburger">
<div class="bar"></div>
</div>
<img src="Images/Logo.jpg">
<nav class="nav-desktop">
<ul id="nav-links">
<li class="navoption"><a href="index.html" class="navelement">Home</a></li>
<li class="navoption"><a href="AboutUs.html" class="navelement">About</a>
</li>
<li class="navoption menu"><a href="javascript:void(1);" class="navelement">Projects <i class="fas fa-sort-down"></i></a>
<ul class="long-menu">
<li><a href="WQCS.html" class="dropdown" style="width:20vw;">Water Quality Checking System</a></li>
<li><a href="RUMS.html" class="dropdown" style="width:20vw;">Rainwater Usage Monitoring System</a></li>
<li><a href="HKWTS.html" class="dropdown" style="width:20vw;">Robot Walking School Bus</a></li>
<li><a href="TKP.html" class="dropdown" style="width:20vw;">The Kangaroo Project</a></li>
<li><a href="JWLHMS.html" class="dropdown" style="width:20vw;">Janefield Wetland Litter Hotspot Mapping System</a></li>
<li><a href="BYOSD.html" class="dropdown">Bring Your Own Sustainable Device</a></li>
<li><a href="SMMS.html" class="dropdown">Soil Moisture Monitoring System</a></li>
</ul>
</li>
<li class="navoption menu" id="monitoringData"><a href="" class="navelement">Data</a>
<ul>
<li><a href="javascript:void(1);" class="submenu dropdown" style="width:10vw;">Temperature <i class="fas fa-sort-down"></i></a>
<ul>
<li><a href="/data/last24HoursTemperature/" target="_blank">Last 24 Hours</a></li>
<li><a href="/data/lastYearTemperature/" target="_blank">Last Year</a></li>
</ul>
</li>
<li><a href="javascript:void(1);" class="submenu dropdown" style="width:10vw;">Conductivity <i class="fas fa-sort-down"></i></a>
<ul>
<li><a href="/data/last24HoursConductivity/" target="_blank">Last 24 Hours</a></li>
<li><a href="/data/lastYearConductivity/" target="_blank">Last Year</a></li>
</ul>
</li>
<li><a href="javascript:void(1);" class="submenu-2 dropdown" style="width:10vw;">pH <i class="fas fa-sort-down"></i></a>
<ul>
<li><a href="/data/last24HourspH/" target="_blank">Last 24 Hours</a></li>
<li><a href="/data/lastYearpH/" target="_blank">Last Year</a></li>
</ul>
</li>
</ul>
</li>
<li class="navoption menu"><a href="javascript:void(1);" class="navelement">Contacts<i class="fas fa-sort-down"></i></a>
<ul>
<li><a href="posts.html" class="dropdown" style="width:10vw;">Post Feeds</a></li>
<li><a href="contacts.html" class="dropdown" style="width:10vw;">Contacts</a></li>
</ul>
</li>
</ul>
</nav>
<nav class="nav-mobile">
<ul class="nav-list">
<li class="nav-list-element"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-list-element"><a href="AboutUs.html" class="nav-link">About</a></li>
<li class="nav-list-element"><a href="projects.html" class="nav-link">Projects</a></li>
<li class="nav-list-element"><a href="data.html" class="nav-link">Data</a></li>
<li class="nav-list-element"><a href="contacts.html" class="nav-link">Contacts</a></li>
</ul>
</nav>
</header>
<div class="title" style="background-image:url(Images/kangaroo.jpg);">
<div class="container">
<h1 class="brand">The Kangaroo Project</h1>
<h2 class="subtitle">Using GPS Trackers to Help Save the Kangaroos</h2>
<a class="link-to-about" onclick="document.getElementById('context').scrollIntoView(true);">
<i class="fas fa-chevron-down"></i>
</a>
</div>
</div>
<div class="context" id="context">
<div class="container">
<h1>Context</h1>
<p>Our community used to be home to thousands of kangaroos. They are Australia's national animal and have been respected for thousands of years.
Since the Industrial Revolution, us humans have been colonising the planet exponentially, transforming the face of the Earth to something we are used to seeing everyday. The urban environment has been growing, and will be growing, until there is no more land left.
In our community, the exponential growth of the urban environment has caused the kangaroos to loose territory, thus trapping them with nowhere to go. If the kangaroos get scared, they flee towards these corridors of green land. These corridors have many obstacles in them, but the most fatal and roads and highways. Drivers don't know when to slow down, because they do not know when and how quickly a kangaroo might be crossing the road.
This results in fatal deaths and death tolls. Our community has the most death tolls in the state. We need to save our kangaroos. If they die, then this could cause a chain reaction in the rest of the ecosystem.</p>
</div>
</div>
<div class="aim">
<div class="container">
<h1>Aim</h1>
<table class="desktop">
<tr>
<td>
<p>We, along with many professors from various universities across the state, would like to make a change, and have proposed a solution to this ever-increasing issue.</p>
<p>The Kangaroo Project is a project that uses GPS trackers attached on the Kangaroo to monitor the path and the current location of the kangaroo. If a kangaroo is close to a road, then speed signs will change the speed to 40km/h or less. All of this data is available on this website and in the future, in mobile apps.</p>
</td>
<td><img src="Images/kangaroo1.jpg"></td>
</tr>
</table>
<table class="mobile">
<tr>
<td>
<p>We, along with many professors from various universities across the state, would like to make a change, and have proposed a solution to this ever-increasing issue.</p>
<p>The Kangaroo Project is a project that uses GPS trackers attached on the Kangaroo to monitor the path and the current location of the kangaroo. If a kangaroo is close to a road, then speed signs will change the speed to 40km/h or less. All of this data is available on this website and in the future, in mobile apps.</p>
</td>
</tr>
<tr><td><img src="Images/kangaroo1.jpg"></td></tr>
</table>
</div>
</div>
<div class="design">
<div class="container">
<h1>Design and Implementation</h1>
<table class="desktop">
<tr>
<td><img src="Images/kangaroo2.jpg"></td>
<td>
<p>A PyCom Module is used to collect the GPS coordinates of the kangaroo in latitude and longitude. This data is then sent to a base station (i.e. another PyCom Module on top of a really high hill) using the LoRa Network. The PyCom Module at the base station uses serial communication to pass the data to the Particle Electron, which is then used to send the data to the Particle Cloud. The data is then stored into a database which is then displayed here! For the speed sign, the speed sign obtains data from the Particle Cloud. It then calculates how far away it is from the sign. If the kangaroo is close, then it will change the speed to 40km/h or lower.</p>
</td>
</tr>
</table>
<table class="mobile">
<tr>
<td>
<p>A PyCom Module is used to collect the GPS coordinates of the kangaroo in latitude and longitude. This data is then sent to a base station (i.e. another PyCom Module on top of a really high hill) using the LoRa Network. The PyCom Module at the base station uses serial communication to pass the data to the Particle Electron, which is then used to send the data to the Particle Cloud. The data is then stored into a database which is then displayed here! For the speed sign, the speed sign obtains data from the Particle Cloud. It then calculates how far away it is from the sign. If the kangaroo is close, then it will change the speed to 40km/h or lower.</p>
</td>
</tr>
<tr><td><img src="Images/kangaroo2.jpg"></td></tr>
</table>
</div>
</div>
<div class="comp">
<div class="container">
<h1>Presented at the <mark>Young People's Contribution to the Society</mark> at the <mark>Victorian Parliament House</mark></h1>
</div>
</div>
<div class="footer">
<div class="container">
<table class="sponsors">
<tr class="sponsors-row">
<td class="sponsors-cell">
<img src="Images/wts.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/mu.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/melbournew.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/deakin.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/RMIT.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/yf.png" style="">
</td>
<td class="sponsors-cell">
<img src="Images/lsc.png" style="">
</td>
</tr>
</table>
<p class="copyright">Copyright © 2020. Mill Park Library Makers Club. All Rights Reserved.</p>
<table class="orgs">
<tr class="orgs-row">
<td class="orgs-cell">
<img src="Images/cow.png">
</td>
<td class="orgs-cell">
<img src="Images/yprl.png" style="">
</td>
<td class="orgs-cell">
<img src="Images/vsg.png" style="">
</td>
<td class="orgs-cell">
<img src="Images/ia.png" style="">
</td>
</tr>
</table>
<table class="social-media">
<tr class="social-media-row">
<td class="social-media-cell">
<a class="icon" href="https://github.com/rudrathegreat">
<i class="fab fa-github"></i>
</a>
</td>
<td class="social-media-cell">
<a class="icon" href="https://www.youtube.com/channel/UCMD4ZUhoBXZtWoKaL3l7_9w">
<i class="fab fa-youtube"></i>
</a>
</td>
<td class="social-media-cell">
<a class="icon" href="mailto:[email protected]">
<i class="fas fa-envelope"></i>
</a>
</td>
</tr>
</table>
</div>
</div>
{% endblock %}
</body>
</html>