-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (182 loc) · 8.34 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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Home - BondIoT</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>
<link rel="shortcut icon" href="images/logo-green-bus.png" type="image/vnd.microsoft.icon"> <!-- majo: agrega icono a la pestaña -->
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html"><img src="images/logo.png" width="5%" height="5%"></a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="idea.html">Idea</a></li>
<li><a href="proceso.html">Proceso</a></li>
<li><a href="thingsboard-doc.html">Documentación de ThingsBoard</a></li>
<li><a href="resultado.html">Resultado</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner" >
<div class="inner">
<div>
<div class="row">
<div class="column">
<h2 class="title" style="font-size:60px"> BondIoT</h2>
</div>
<!--<div class="column">
<img src="images/logo.png" width="45%" height="55%"/>
</div> -->
</div>
</div>
<!--<h3 style="color:yellow"> CUENTA REGRESIVA ENTREGA DE PROYECTO </h3>
<h3 id="countdown" style="color:yellow"></h3>-->
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="idea.html" class="image"><img src="images/pexels-rishiraj-parmar-2706436.jpg" title="Photo by Luis Quintero from Pexels"/></a>
<div class="content">
<h2 class="major icon solid fa-lightbulb"> Idea</h2>
<p>Se pretende equipar un ómnibus con un sistema IoT que se encargue principalmentede controlar
la calidad del aire y la cantidad de gente permitida abordo. El fin de este proyecto es poder
asegurar al pasajero y al conductor un viaje saludable y comodo.</p>
<a href="idea.html" class="special">Ver más</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="proceso.html" class="image"><img src="images/pexels-luis-quintero-1494582.jpg"
title="Photo by Rishiraj Parmar from Pexels" /></a>
<div class="content">
<h2 class="major icon solid fa-cogs"> Proceso</h2>
<p>En esta sección les contamos como se construyó el sistema paso a paso.</p>
<a href="proceso.html" class="special">Bitácora de proyecto</a>
<a href="thingsboard-doc.html" class="special">Documentación del proceso en ThingsBoard</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="resultado.html" class="image"><img src="assets_res/bus_celda.jpeg" alt="" /></a>
<div class="content">
<h2 class="major icon solid fa-laptop-code"> Resultado</h2>
<p> Imágenes y videos de muestra del resultado final del proyecto.</p>
<a href="resultado.html" class="special">Ver más</a>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major"> Funcionalidades </h2>
<section class="features">
<article id="1">
<a href="#1" class="image"><img src="files/thingsboard/dash_default.png" alt="" /></a>
<h3 class="major">Control del nivel de CO2 y cantidad de pasajeros en tiempo real</h3>
<p> En el dashboard de ThingsBoard se puede ver en todo momento la cantidad de pasajeros abordo, el nivel de CO2, la variación del peso del ómnibus, el flujo de subida y bajada de pasajeros, entre otros parámetros.</p>
<!--<a href="#" class="special">Learn more</a>-->
</article>
<article id="2">
<a href="#2" class="image"><img src="images/bus_lleno.png" alt="" /></a>
<h3 class="major">Notificación de ómnibus lleno</h3>
<p> Para un viaje seguro y cómodo se establece un máximo permitido de pasajeros y cuando éste es alcanzado se notifica al chofer encendiendo una luz de alarma para que así éste pueda decidir si dejará subir más pasajeros en las próximas paradas. Se mostrará además un mensaje en la pantalla exterior del ómnibus, junto al número y destino, que indique a las personas en la parada que el ómnibus va lleno.</p>
</article>
<article id="3">
<a href="#3" class="image"><img src="images/cerrar_ventanas.jpeg" alt="" /></a>
<h3 class="major"> Respuesta automática ante niveles altos de CO2</h3>
<p>Cuando se alcanzan los niveles máximos de CO2 establecidos, la escotilla del ómnibus se abre automáticamente y se enciende un cartel que sugiere a los pasajeros abrir las ventanas.</p>
</article>
<article id="4">
<a href="#4" class="image"><img src="files/thingsboard/dash_setup.png" alt="" /></a>
<h3 class="major">Configuración del sistema de abordo de forma remota</h3>
<p> El dashboard permite configurar parámetros utilizados por el sistema de abordo. Se puede elegir calibrar la celda de carga y decidir con qué peso inicial, cuánto tiempo debe esperar cuando no recibe medidas, entre otras. Es posible también elegir qué mensaje se mostrará en la pantalla del ómnibus cuando éste vaya lleno. Los parámetros que definen cuál es el nivel máximo de CO2 y la cantidad de pasajeros permitida también pueden ser modificados desde el Dashboard.</p>
</article>
</section>
<!--<ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul>-->
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Contacto</h2>
<ul class="contact">
<!--<li class="icon solid fa-envelope"><a href="#">[email protected]</a></li>-->
<li class="icon brands fa-github"><a href="https://github.com/ConectandoCosas2021/BondIoT">GitHub BondIoT</a></li>
</ul>
<ul class="copyright">
<p>© All rights reserved. Designed using <a href="http://html5up.net" >HTML5 UP templates. </a> Página web y contenido administrado por María José. <a href="autoria.html" style="font-weight:bold">Ver declaración de autoría.</a></p>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>
<!--<script> //countdown majo
// Set the date we're counting down to
var countDownDate = new Date("2021-12-06").getTime();
// Update the count down every 1 second
var x = setInterval(function () {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the in an element with id="demo"
document.getElementById("countdown").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is over, do not show
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "";
}
}, 1000);
</script>-->
</body>
<!--
Universidad ORT Uruguay
Maria Jose Carbajal
Sebastian Curbelo
-->
</html>