-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
214 lines (194 loc) · 10.5 KB
/
index.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
<!doctype html>
<html>
<head>
<title>Smart Ceptic Tank Monitoring System</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
<link href="css/frame.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/controls.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/custom.css" media="screen" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/menu.js"></script>
<style>
.menu-index {
color: rgb(255, 255, 255) !important;
opacity: 1 !important;
font-weight: 700 !important;
}
</style>
</head>
<body>
<div class="menu-container">
<div class="menu">
<div class="menu-table flex-row-space-between">
<div class="logo flex-row-center">
<a href="index.html">Smart Septic Tank Monitoring System</a>
</div>
<!-- <a class="menu-button" tabindex="0" href="javascript:void(0)">
<img src="img/menu.png" alt="">
</a> -->
<div class="menu-items flex-row-center flex-item">
<a href="#overview">Overview</a>
<a href="#requirements">Requirements</a>
<a href="#project-design">Design</a>
<a href="https://github.com/cs19-group-14" target="_blank">GITHUB</a>
</div>
</div>
</div>
</div>
<!-- <div class="menu-container"></div> -->
<div class="content-container">
<div class="content">
<div class="content-table flex-column">
<!--Start Intro-->
<div class="flex-row">
<div class="flex-item flex-column">
<img class="image" src="img/setup.jpg" style="max-width: 600px;">
</div>
<div class="flex-item flex-column">
<h2>Authors</h2>
<p class="text text-large">
<a target="_blank" href="mailto:[email protected]">Kitale Doreen</a>, [email protected]<br>
<a target="_blank" href="mailto:[email protected]">Watkidog Joachim</a>, [email protected]<br>
<a target="_blank" href="mailto:[email protected]">Locha Derrick</a>, [email protected]<br>
<a target="_blank" href="mailto:[email protected]">Odong Nicholas</a>, [email protected]<br>
<a target="_blank" href="https://www.mak.ac.ug">Makerere University</a><br>
<a target="_blank" href="javascript:void(0)">Kampala, Uganda</a>
</p>
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="text add-top-margin" id="overview">Overview</h2>
<hr>
<p>With the rapid developments happening around Uganda, many people are transitioning from the traditional pit
latrines to modern toilets, which are either connected to the public sewerage system, or to a septic tank system.
This project focuses on the septic tank system.
</p>
<p>
A septic tank is an underground wastewater treatment structure made of concrete, fiberglass, or plastic through which
domestic wastewater (sewage) flows for basic treatment. They use a combination of nature and proven technology to
treat wastewater from household plumbing produced by bathrooms, kitchen drains, and laundry.
Waste that is not decomposed must eventually be removed from the septic tank in time. Otherwise the septic tank
fills up and wastewater containing undecomposed material discharges directly to the drainage field.
This is detrimental to the environment; causes bad smell, diseases, and the system itself clogs, thus requiring expensive repairs.
</p>
<p class="text">
This project (A Smart Septic Tank Monitoring System), is meant to solve this problem.
This system is to be installed within the septic tank to monitor the level of waste in the tank.
The system makes use of an ultrasonic sensor that uses sound waves to keep track of the current level of waste, and a GSM module to send updates to the concerned individuals
when the septic tank is almost and when full, to prevent issues of overflow and discomfort to the environment.
</p>
</div>
</div>
<!--End Intro-->
<!--Start Text Only-->
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin">PROJECT GOALS</h2>
<hr>
<h3>General Objective</h3>
<p>
To develop a Smart Septic Tank Monitoring System, that will be used to track the level of waste in the septic tank, and prevent overflow.
</p>
<h3>Specific Objectives</h3>
<ol>
<li>To analyze the current septic tank monitoring systems and determine their weaknesses.</li>
<li>To design a more convenient and flexible septic tank monitoring system.</li>
<li>To implement the system.</li>
<li>To test and validate the system.</li>
</ol>
<h2 class="add-top-margin" id="requirements">REQUIREMENTS</h2>
<hr>
<h3>Non Functional Requirements</h3>
<ul>
<li>The system must be able to measure the level of waste in the septic tank at all times.</li>
<li>The system must send data collected from the septic tank to the server.</li>
<li>The system must send a waning message when the septic tank is almost full i.e. when it has reaches 80% of the tank.</li>
<li>The system must send the last message when the septic tank has reached 95% i.e. considered to be full.</li>
<li>The system must shut down after sending the last message.</li>
</ul>
<h3>Functional Requirements</h3>
<ul>
<li>The system is portable. It can easily be transported from one place to another, especially when the customer is in a remote place.</li>
<li>The system is scalable, i.e. can easily be modified.</li>
<li>The system is easy to use and does not require regular maintenance.</li>
<li>Response - The user is able to receive the messages indicating the status of the septic tank.</li>
</ul>
<h2 class="add-top-margin" id="project-design">PROJECT DESIGN</h2>
<hr>
<div class="flex-row">
<div class="flex-item flex-column">
<h3>Architectural Design</h3>
<p class="text">
<img class="image image-wrap-text max-width-450" src="img/Arch.png">
</p>
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin">Main components</h2>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<h3>The ultrasonic sensor</h3>
<p class="text">
It measures the level of waste in the septic tank by transmitting sound waves of low frequency (40Hz),
which are reflected back from the bottom of the septic tank to indicate the distance from the waste and top of the tank.
</p>
<img src="img/ultrasonic-sensor.jpg" style="width: 400px;;">
</div>
<div class="flex-item flex-column">
<h3>The GSM module</h3>
<p class="text">
The GSM module is used for sending messages to the specified mobile contact, and also to send data to the ThinkSpeak server.
</p>
<img src="img/gsm.jpg" style="max-width: 400px;">
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<h2 class="add-top-margin">Visualization</h2>
<p class="text">
To understand what is going on within the septic tank, we added some LEDs that light depending on the current level of the
waste. There are four sets of LEDs, blue, green, red and white. The blue LED lights when the septic tank is empty and when
the level of waste is not yet alarming.
When the level of waste gets to 80%, the blue light goes off and the green LED is turned on to show that the septic tank is
almost full.
When the level of waste gets to 95%, the red and white light beep 10 times to indicate that the tank is almost full, then all the
four sets of LEDs are turned on as an indicator that the septic tank needs to be emptied as soon as possible.
</p>
</div>
</div>
<div class="flex-row-space-between">
<div class="flex-item flex-column">
<h3>STep 1: Septic Tank level is OK</h3>
<p><img src="img/step1.jpg" style="width: 400px; margin-top: 8px;"></p>
</div>
<div class="flex-item flex-column">
<h3>Step 2 Septic Tank is almost full</h3>
<p>At this point the GSM module sends a WARNING message to notify the user that the septic tank is about to get full.</p>
<p><img src="img/step2.jpg" style="max-width: 400px; margin-top: 8px;"></p>
</div>
<div class="flex-item flex-column">
<h3>STep 3: Septic Tank is Full</h3>
<p class="text">At this point, the GSM mosule sends the last SMS to indicate that the septic tank is full and needs to be emptied.</p>
<p><img src="img/setupz.jpg" style="width: 400px; margin-top: 8px;"></p>
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-item-stretch flex-column">
<p class="text text-small text-italic">
Credits: <span class="highlight-text">CS19 Group 14</span>:<span class="highlight-text">Joachim, Doreen, Derrick, Nicholas</span>
</p>
</div>
</div>
<!--End Credits-->
</div>
</div>
</div>
</body>
</html>