Diseño web con HTML5 para un sistema de monitoreo y control remoto por IoT

Abstract

Objetivo: Desarrollar una página web, cuyo propósito principal es la manipulación de forma manual o automática de un servomotor y, la medición en tiempo real de la temperatura y humedad proporcionada por el sensor DHT11. Esta aplicación se desarrolla en los entornos de HTML5, CSS y JavaScript y es aplicado a través del microcontrolador ESP8266, el cual permite la conexión a Wi-Fi para generar las comunicaciones necesarias entre el sistema a controlar, la página web y la base de datos creada en Firebase. Metodología: Para la elaboración de este prototipo, primero, se diseña el entorno de la página web y de la base de datos, segundo, se programan los códigos necesarios para implementar la página web, el sistema de control del servomotor y los datos que suministra el DHT11, tercero, se presenta la estructura del sistema embebido junto con el servomotor y el sensor, para finalizar se refleja el modelo cliente-servidor teniendo en cuenta cada una de las partes de este. Resultados: En los resultados se verifica las mediciones del sensor en tiempo real, y la respuesta del servomotor ante los datos de posición enviados por el usuario, además para facilitar al usuario la manipulación del prototipo, se desarrolla la aplicación para dispositivos Android. Conclusiones: Finalmente, se evidencia las ventajas del IoT y como facilita la vida de los usuarios con su infinidad de aplicaciones, la practicidad y el bajo costo de la placa ESP8266, los principales beneficios de la aplicación Android y la funcionalidad de la página web.