-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathiotlab.html
102 lines (97 loc) · 4.86 KB
/
iotlab.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
<!DOCTYPE html>
<html>
<head>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="description" content="Joseph Distler's Personal Webpage">
<title>Joseph Distler</title>
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/styles.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126227597-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126227597-1');
</script>
</head>
<body>
<header class="z-depth-1" style="background-color:#001f3f;box-shadow:none;">
<a href="#" data-activates="mobile-demo" class="button-collapse" id="sidebar-nav" style="display:none;"><i class="fa fa-bars fa-4x" style="margin: 10px 10px;"></i></a>
<h4 style="padding-top:10px;margin-bottom:5px;">Joseph Distler</h4>
<div style="text-align:center">
<div class="social-links">
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope" style="color:#fff;font-size: 6em;" title="Email"></i></a>
<a href="http://github.com/jdistler" target="_blank"><i class="fa fa-github " style="color:#fff;padding: 0 12px;font-size: 6em;" title="Github"></i></a>
<a href="https://www.linkedin.com/in/josephdistler" target="_blank"><i class="fa fa-linkedin" style="color:#fff;font-size: 6em;" title="LinkedIn"></i></a>
</div>
</div>
<nav style="box-shadow:none;background-color:#001f3f;margin-bottom:1em;">
<div class="nav-wrapper">
<a href="#" data-activates="mobile-demo" class="button-collapse" style="display:none;"><i class="material-icons">menu</i></a>
<ul class="hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="side-nav" id="mobile-demo" >
<li><a href="index.html"><i class="fa fa-home fa-2x"></i> Home </a></li>
<li><a href="projects.html"><i class="fa fa-code fa-2x"></i> Projects</a></li>
<li><a href="contact.html"><i class="fa fa-send fa-2x"></i> Contact</a></li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="nav-wrapper">
<h1 class="center-align" style="color:#333F48">IoT Lab Sensors Dashboard</h1>
<h5 class="center-align" style="color:#333F48">Internal IBM Assignment</h5>
<h3 class="left-align" style="color:#333F48">About</h3>
<div class="left-align flow-text">
During my time as a Co-op intern at IBM, I was presented with an issue in the labs that my team oversaw. These production, development, and test labs all contained very valuable servers, yet there was inadequate security and monitoring. To meet this need I designed a system to collect and inteprate sensor data to be displayed in an intuitive dashboard. I utilized a Raspberry Pi to collect the data, and the IBM Bluemix platform for the web app dashboard.
</div>
</div>
<h3 class="left-align" style="color:#333F48">Technologies</h3>
<div class="row">
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/bluemix.png">
</div>
<div class="card-content">
<p>Node.js backend hosted on IBM Bluemix</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/angular.png">
</div>
<div class="card-content">
<p>Bootstrap frontend with open websockets for live data updates</p>
</div>
</div>
</div>
<div class="col s6 l3">
<div class="card">
<div class="card-image white">
<img src="images/raspberrypi.png">
</div>
<div class="card-content">
<p>Raspberry Pi and various sensors soldered on a PCB board and programmed using Python</p>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>
$( document ).ready(function() {
$(".button-collapse").sideNav();
});
</script>
</body>
</html>