-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
141 lines (119 loc) · 6.1 KB
/
about.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
<!--
\|/ MQTTerra
* @ Authors: Andre Schlichting & Kaue Cano
* @ Create Time: 2019-06-25 21:01:19
* @ Modified by: canokaue
* @ Modified time: 2019-06-27 12:23:46
Template used:
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<!DOCTYPE HTML>
<html>
<head>
<title>About MQTTerra </title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">MQTTerra</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Dashoard</a></li>
<li><a href="about.html">About the project</a></li>
<li><a href="photos.html">Photos</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>About the project</h1>
<span class="image main"><img src="images/pic13.jpg" alt="" /></span>
<p><b>MQTTerra</b> is an IoT solution for plant/reservoir irrigation and monitoring developed using <a href=https://www.espressif.com/en/products/hardware/esp32/overview><b>ESP32</a> development kits</b>. <br> <br>
It tracks the temperature, soil moisture, air humidity and water distance of the irrigation apparatus via topics created using a <a href=https://www.cloudmqtt.com><b>CloudMQTT 3.1.1 Broker</b></a>, to whom both endpoints are connected (web dashboard and ESP32 boards).
App-side, <a href=https://www.eclipse.org/paho/><b>Eclipse Paho's JavaScript</b></a> client was implemented so the user can interact fully regardless of platform (PC, mobile, tablet...). <br> <br>
Authors: André Schlichting (mainly backend), Kauê Cano (mainly frontend).
</p>
<p>This project is the final delivery of an IoT-focused program offered at <b>UFSC</b>
(Federal University of Santa Catarina - Brazil) called <b>EEL7515 - Advanced Topics on Signal Processing
II / Telecommunications IV</b>, mainly administered by <b>PhD Richard Demo Souza</b>. Aiming to know more about the
fields of electronic sensor monitoring, data storage and IoT, we proposed to develop a monitoring system of
different areas of a garden, compiling info such as the level of water in a reservoir and the quality of potted
soil of plants into an SQL database, as well as MQTT topic that also ables the ESP32 boards to receive remote
control instructions. Users can monitor the information through a web page in the form of a
dashboard with a simple, slick design..</p>
<p> The code for the esp32 kit is available at <a href=https://github.com/alucassch/esp32_MQTTerra> <b> esp32_MQTTerra </a></b> on github.</p>
<p>As mentioned, MQTTerra was developed (among many other reasons such as technological benchmark, curiosity, interest in
IoT and so on) to deliver on the final project of EEL7515. With that in mind, requests, issues
and recommendations are welcome, but we're not actively developing MQTTerra from 2019 Q3 on.
For major changes, please open an issue first to discuss what you would like to change on our <a href=https://github.com/canokaue/MQTTerra> <b>Github </a></b>.</p>
<p>For images of the actual hadware setup used throught time/ applications, visit the<b><a href=photos.html> Photos section. </a></b>A schematic is shown below. </p>
</div>
<center><div class="style1"><span class="image"><img src="photos/pic16.jpg" alt="" /></span></div></center>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Get in touch</h2>
<form method="post" action="mailto:kaue@engineer.com">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="https://twitter.com/canokaue" class="icon brands style2 fa-twitter" target="_blank" ><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/cano_.k/" class="icon brands style2 fa-instagram" target="_blank" ><span class="label">Instagram</span></a></li>
<li><a href="http://github.com/canokaue/MQTTerra" class="icon brands style2 fa-github" target="_blank" ><span class="label">GitHub</span></a></li>
<li><a href="mailto:kaue@engineer.com" class="icon solid style2 fa-envelope" target="_blank" ><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© MQTTerra. All rights reserved</li><li>Desinged by: <a href="http://github.com/alucassch">alucassch</a> and <a href="http://github.com/canokaue">canokaue</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>