-
Notifications
You must be signed in to change notification settings - Fork 1
/
data.html
72 lines (59 loc) · 3.52 KB
/
data.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
<!DOCTYPE HTML>
<html>
<head>
<title>Data Handling</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<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">
<h1>Data Handling</h1>
<br>
</header>
<!-- Main -->
<div id="main">
<!-- Content -->
<section id="content" class="main">
<!-- <span class="image main"><img src="images/pic04.jpg" alt="" /></span> -->
<h2>Data Management</h2>
<p>SQLite was chosen as our database management system due to its simple implementation and serverless nature. Because SQLite is file-based, it is suitable for the needs of this project and is easy to share with the group for testing. It is easy to populate with sample data via a Python program to test our network communication. SQLite was used with Chart.js on the Flask Front End to display threat data from the database in real time in an intuitive manner.</p>
<p>Sample Sensor Data Table</p>
<img src="images/SensorTable.png" align="middle" width="400px"/>
<br>
<br>
<p>Sample Threats Table</p>
<img src="images/ThreatTable.png" align="middle" width="400px"/>
<br>
<hr />
<h2>Data Visualization/Front End</h2>
<p>A web app for visualization of sensor data and threat level/analysis was created with Python and Flask. The app retrieves data from the SQLite database tables and displays it to the user. Further visualization is evident in a live-updating graph of the threat level and a statement relaying the current threat level to the user. The graphing is using the Chart JS Library. Further security of the web app includes user login and hashing/salting of passwords.
</p>
</section>
<ul class="actions special">
<li><a href="index.html#data" class="button primary">Return</a></li>
</ul>
<br>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright" style="color:white"> An IoT Project by Ibiyemi Abiodun, Simon Abrelat, Sidhesh Desai, and Grace Pfohl</a>.</p>
<p class="copyright">© skiidk. Design based on Stellar by <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>