-
Notifications
You must be signed in to change notification settings - Fork 0
/
iot.html
147 lines (121 loc) · 6.87 KB
/
iot.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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="img/favicon.png" type="image/png">
<title>iot</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="vendors/linericon/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
<!-- main css -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--================ =================-->
<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav justify-content-end">
<li class="nav-item active"><a class="nav-link" href="index.html">HOME</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#sobreMi">SOBRE MI</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#tecnologias">TECNOLOGIAS</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#proyectos">PROYECTOS</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#contacto">CONTACTO</a></li>
</div>
</div>
</nav>
</div>
</header>
<!--=================================-->
<!--=================================-->
<section class="portfolio_details_area section_gap">
<div class="container">
<div class="portfolio_details_inner">
<div class="row">
<div class="col-lg-6">
<div class="left_img">
<br>
<img class="img-fluid" src="img/portfolio/iot.jpg" alt="">
</div>
</div>
<div class="offset-lg-1 col-lg-5">
<div class="portfolio_right_text mt-30">
<h4 class="text-uppercase">Proyecto IoT</h4>
<div class="row justify-content-center align-items-center">
<p>
El proyecto IoT, es sin duda en el que más tiempo llevo trabajando, está en continua evolución ya que intenta suplir nuevas necesidades que van surgiendo en mi dia a dia.
Consta de tres tecnologias distintas como son Wi-fi, LoRaWan y Narrowband.
Tecnologia Wi-fi dentro del hogar y zonas proximas al punto de acceso, la tecnologia LoRaWan en el jardin y zonas más alejadas y Narrowband para la segunda vivienda donde no disponemos de linea de internet.
Se trata de una sensoriación y automatización domotica basada en microcontroladores esp8266 y esp32.
Estos sensores y actuadores se comunican mediante el protocolo MQTT con el servidor <a href="cluster.html">(Cluster de Raspberry)</a>, y un servición en Nodejs es el encargado de ejecutar la lógica y conectar con la base de datos, con node-red he creado una aplicación con la que interactuar con el backend.
</div>
</p>
</div>
</div>
</div>
Algunas de las funcionalidades de esta aplicación son:
<br>
<ul>
<li>Con un esp32 LoRa, conectado a un rele gestiona el riego del jardín. El encendido está automatizado tanto en hoario como con un algoritmo que hace peticiones API a la AEMET para obtener la previsión del tiempo interactuando tambien con sensores de temperatura humedad del suelo y lluvia. </li>
<li>Sensores esp8266 wifi para el control de alumbrado general</li>
<li>Sensores esp8266 wifi para el control de la temperatura y humedad.</li>
<li>Automatización de un hilo musical con una raspberry</li>
<li>Con un MKR NB 1500, un modulo Narrowband, con un control de presencia con sensores de movimiento y control del alumbrado.</li>
</ul>
</div>
</div>
</section>
<!--================Footer =================-->
<footer class="footer_area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="footer_top flex-column">
<div class="footer_logo">
<h4>Contactame</h4>
</div>
<div class="footer_social">
<a href="https://www.linkedin.com/in/ferran-garcia-casanova-5bb206182" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="mailto:ferran6_95@hotmail.com"><i class="fa fa-at"></i></a>
<a href="https://github.com/ferrangarcia6" target="_blank"><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
<div class="row footer_bottom justify-content-center">
<p class="col-lg-8 col-sm-12 footer-text">
<a href="https://colorlib.com" target="_blank"> Copyright ©<script>document.write(new Date().getFullYear());</script></a>
</div>
</div>
</footer>
<!--================End Footer Area =================-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="vendors/nice-select/js/jquery.nice-select.min.js"></script>
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope-min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/mail-script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjCGmQ0Uq4exrzdcL6rvxywDDOvfAu6eE"></script>
<script src="js/gmaps.min.js"></script>
<script src="js/theme.js"></script>
</body>
</html>