-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
223 lines (199 loc) · 13 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
215
216
217
218
219
220
221
222
223
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="birt.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="css/vendor/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/vendor/bootstrap-reboot.min.css">
<link rel="stylesheet" href="css/vendor/carousel.css">
<link rel="stylesheet" href="css/app.css">
<script type='text/javascript' language='JavaScript' src='js/vendor/compressed.js'></script>
<script type='text/javascript' language='JavaScript' src='http://172.24.1.1:8080/ajc/jsapi'></script>
<script type='text/javascript' language='JavaScript' src='js/ajc.js'></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">OpenText Analytics</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<!--
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>-->
</ul>
<form class="form-inline mt-2 mt-md-0">
</form>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="background-color:#000">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
<div class="container">
<div class="carousel-caption d-none d-md-block text-left">
<div>
<div id='container1' class="carosel-viz"></div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
<div class="container">
<div class="carousel-caption d-none d-md-block">
<div id='container2' class="carosel-viz"></div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
<div class="container">
<div class="carousel-caption d-none d-md-block text-right">
<div id='container3' class="carosel-viz"></div>
</div>
</div>
</div>
<div class="carousel-item">
<img class="fourth-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
<div class="container">
<div class="carousel-caption d-none d-md-block text-right">
<div id='container4' class="carosel-viz"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-3">
<img class="rounded-circle" src="img/btle.png" alt="Generic placeholder image" width="140" height="140">
<h2>Bluetooth LE</h2>
<p>Bluetooth Low Energy (Bluetooth LE, BLE, marketed as Bluetooth Smart) is a wireless personal area network technology designed and marketed by the Bluetooth Special Interest Group aimed at novel applications in the healthcare, fitness, beacons, security, and home entertainment industries. Compared to Classic Bluetooth, Bluetooth Smart is intended to provide considerably reduced power consumption and cost while maintaining a similar communication range.</p>
<p><a class="btn btn-secondary" href="https://en.wikipedia.org/wiki/Bluetooth_Low_Energy" role="button">Wikipedia »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="rounded-circle" src="img/pi.png" alt="Generic placeholder image" width="140" height="140">
<h2>Raspberry Pi</h2>
<p>
Raspberry Pi is a low-cost, basic computer that was originally intended to help spur interest in computing among school-aged children. The Raspberry Pi is contained on a single circuit board and features ports for:
<ul>
<li>HDMI</li>
<li>USB 2.0</li>
<li>Composite video</li>
<li>Analog audio</li>
<li>Power</li>
<li>Internet</li>
<li>SD Card</li>
</ul>
The computer runs entirely on open-source software and gives students the ability to mix and match software according to the work they wish to do.<br/>
</p>
<p><a class="btn btn-secondary" href="https://www.techopedia.com/definition/27747/raspberry-pi" role="button">Techopedia »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="rounded-circle" src="img/birt.png" alt="Generic placeholder image" width="140" height="140">
<h2>OpenText Java<br/>Components</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-secondary" href="http://opentext.com" role="button">OpenText »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="rounded-circle" src="img/edge.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Edge Computing</h2>
<p>Edge computing is a method of optimising cloud computing systems by performing data processing at the edge of the network, near the source of the data.<br/><br/>
This reduces the communications bandwidth needed between sensors and the central datecentre by performing analytics and knowledge generation at or near the source of the data.<br/><br/>
This approach requires leveraging resources that may not be continuously connected to a network such as laptops, smartphones, tablets and sensors.<br/><br/>
Edge Computing covers a wide range of technologies including wireless sensor networks, mobile data acquisition, mobile signature analysis, cooperative distributed peer-to-peer ad hoc networking and processing also classifiable as local cloud/fog computing and grid/mesh computing, dew computing, mobile edge computing, cloudlet, distributed data storage and retrieval, autonomic self-healing networks, remote cloud services, augmented reality, and more.</p>
<p><a class="btn btn-secondary" href="https://en.wikipedia.org/wiki/Edge_computing" role="button">Wikipedia »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-12">
<div class="col-md-12 details" id="container8"></div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="row">
<div class="col-md-7">
<h2 class="featurette-heading">Signal to Noise Per Channel</h2>
<p class="lead">Signal to noise ratio shows how much<br/>interfereance (noise) there is in relation to the<br/>relitive signal strength. The less noise and the<br/>higher the signal the better.<br/>
<br/>This chart examines the signal to noise ratio<br/>and buckets them into bad (red), poor (brown),<br/>decent (yellow), good (light green), and exellent (green)<br/>per channel.<br/>
<br/>
The overall insight gained is which channel has the<br/>least best signal quality and how many connections were counted on each channel.</p>
</div>
</div>
<div class="col-md-12">
<div class="col-lg-12 detailed_chart_1" id="container5"></div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="row">
<div class="col-md-7 push-md-5">
<h2 class="featurette-heading signal_strength_per_channel_heading">Channel Usage</h2>
<p class="lead signal_strength_details">Even though Bluetooth Low Energy uses channel<br/>hopping this visual can help to determine which channel<br/>has the best signal strength. <br/>A visual such as this can become invaluable<br/>when troubleshooting in the lab or in the field.</p>
</div>
</div>
<div class="col-md-12">
<div class="col-md-12 detailed_chart_2" id="container6"></div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="row">
<div class="col-md-4">
<h2 class="featurette-heading">Channels</h2>
<p class="lead">Much like cellular technology, Bluetooth Low Energy implements channel hopping for a varitey of reasons. This particular visualization shows BTLE Channel hopping over the entire 2.4GHz specturm over a 10 minute time period.</p>
</div>
</div>
<div class="col-md-12">
<div class="col-lg-12 detailed_chart_3" id="container7"></div>
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<!-- FOOTER -->
<footer>
<p class="float-right"><a href="#">Back to top</a></p>
<p>© 2017 Kristopher Clark</p>
</footer>
</div><!-- /.container -->
</body>
</html>