-
Notifications
You must be signed in to change notification settings - Fork 0
/
SMMS.html
258 lines (257 loc) · 13.9 KB
/
SMMS.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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/RUMS.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<title>Soil Moisture Monitoring System</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/soil.jpg);">
<div class="container">
<h1 class="brand">Soil Moisture Monitoring System</h1>
<h2 class="subtitle">Making sustainable living easy</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>
Soil is right underneath us! I'ts responsible for things we take for
granted. Some things soil is responsible for is the produce which
farmers make, are a great place to store carbon, provide nutrients to
all the plants on Earth and the type of soil can also determine the damage
done to buildings on top of it during earthquakes. However if soil is not
managed properly, then all its benefits are decimated and this can have huge,
yet indirect effects on the environment. It's time to start saving soil.
</p>
</div>
</div>
<div class="aim">
<div class="container">
<h1>Aim</h1>
<table class="desktop">
<tr>
<td>
<p>
The 'Soil Moisture Monitoring System' is designed to monitor soil
quality by monitoring the amount of water in the soil. water is
essential in soil as it transports nutrients to plants. Moreover,
if the soil underneath a building has too much water in it, then
that can lead to long-term damage to the building. In a sense,
you might save thousands of dollars with the Soil Moisture Monitoring
System. This system can also be used in vegetable gardens, a method to achieve
sustainable living.
</p>
</td>
<td><img src="Images/soil1.jpg"></td>
</tr>
</table>
<table class="mobile">
<tr>
<td>
<p>
The 'Soil Moisture Monitoring System' is designed to monitor soil
quality by monitoring the amount of water in the soil. water is
essential in soil as it transports nutrients to plants. Moreover,
if the soil underneath a building has too much water in it, then
that can lead to long-term damage to the building. In a sense,
you might save thousands of dollars with the Soil Moisture Monitoring
System. This system can also be used in vegetable gardens, a method to achieve
sustainable living.
</p>
</td>
</tr>
<tr><td><img src="Images/soil1.jpg"></td></tr>
</table>
</div>
</div>
<div class="design" style="margin-bottom:50vh;">
<div class="container">
<h1>Design and Implementation</h1>
<table class="desktop">
<tr>
<td><img src="Images/soil2.jpg"></td>
<td>
<p>
The Monitoring Component is a module that monitors soil moisture levels and publishes the data to the Cloud.
The module consists of a Particle Electron fit with an attached soil moisture sensor.
The module uses rechargeable Lithium-ion batteries and solar panels to supply its power
</p>
<p>
The Data Storage Component is responsible for retrieving the soil moisutre data from the
Particle Cloud and storing it in a database. This component consists of a
Raspberry Pi, which continuously checks for any new soil mositure data on the Particle Cloud.
When there is new soil moisture data on the Particle Cloud, the Raspberry Pi then gets the
data via HTTP get requests and then stores them in the database.
</p>
<p>
The Web Application is the last component in the system. When there is new
soil moisture data in the database, the web application generates a new plot with the new
data.
</p>
</td>
</tr>
</table>
<table class="mobile">
<tr>
<td>
<p>
The Monitoring Component is a module that monitors soil moisture levels and publishes the data to the Cloud.
The module consists of a Particle Electron fit with an attached soil moisture sensor.
The module uses rechargeable Lithium-ion batteries and solar panels to supply its power
</p>
<p>
The Data Storage Component is responsible for retrieving the soil moisutre data from the
Particle Cloud and storing it in a database. This component consists of a
Raspberry Pi, which continuously checks for any new soil mositure data on the Particle Cloud.
When there is new soil moisture data on the Particle Cloud, the Raspberry Pi then gets the
data via HTTP get requests and then stores them in the database.
</p>
<p>
The Web Application is the last component in the system. When there is new
soil moisture data in the database, the web application generates a new plot with the new
data.
</p>
</td>
</tr>
<tr><td><img src="Images/soil2.jpg"></td></tr>
</table>
</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>