miércoles, diciembre 1, 2021
HomeInternet Of ThingsESP8266Gráfica de temperatura / humedad con UBIDOTS IOT + ESP-01S DHT11

Gráfica de temperatura / humedad con UBIDOTS IOT + ESP-01S DHT11

En el siguiente tutorial aprenderás a como utilizar el módulo DHT11 con interfaz ESP8266, usando el IDE de Arduino y realizar una conexión por HTTP a la plataforma de Ubidots IoT para visualizar de manera gráfica la temperatura y humedad.

Materiales a utilizar: 

  1. Módulo ESP-01S DHT11 v1.0
  2. Batería de litio 3.7v a 1000mAh
  3. Módulo WIFI ESP8266 ESP-01S
  4. Interfaz USB a ESP8266 Programador
  5. Cargador de baterías TP4056
  6. Header Macho
  7. Cable Dupont Corto H-H

¿Como utilizar el módulo ESP-01S DHT11 v1.0?

Para utilizar el módulo ESP-01S DHT11 v1.0 realizaremos un pequeño ejemplo de como obtener la lectura de Humedad y Temperatura cada 2 segundos en la plataforma UBIDOTS IOT. Solo sigue los siguientes pasos

1- Instalación de Arduino IDE, placas ESP8266 y librerías

  1. Tener instalado el IDE de Arduino, preferible tener la ultima versión o superior a 1.8.4 
  2. Instalar las tarjetas de la familia ESP8266 en IDE de Arduino, consulta como hacerlo Aquí.
  3. Descargar he importar la librería DHT a Arduino
  4. Descargar he importar la ubidots-esp8266-master a Arduino

2- Crear una cuanta en Ubidots IoT y obtener el API KEY

  1. Ingresar a la pagina de Ubidots STEM
  2. Llenar el formulario para crear la cuenta
  3. Seleccionar  que sera un proyecto personal
  4. Dar clic en “Registrarte gratis” para crear la cuenta
  5. Te saldrá una una ventana de bienvenida
  6. Dirigirte al icono de usuario y dar clic
  7. Seleccionar API Credentials
  8. Copiar el Default TOKEN

En la siguiente imagen se muestra un ejemplo de los paso que debes de seguir:

Crear cuenta Ubidots y copiar API KEY

3- Pegar el TOKEN en el código de Arduino

  • 1- Abrir el Arduino IDE, después copiar y pegar el siguiente código
/*El ejemplo envía las variables de Temperatura y Humedad a
Ubidots a través del protocolo HTTP..*/ 
/****************************************
*Libraria de ubidots para ESP8266
****************************************/
#include "Ubidots.h"
/****************************************
* Definir instancias y constantes
****************************************/
const char* UBIDOTS_TOKEN = "-----"; //Ingresa aquí tu Ubidots TOKEN
const char* WIFI_SSID = "----"; //Ingresa aquí tu SSID de tu Wi-Fi
const char* WIFI_PASS = "----"; //Ingresa aquí tu contraseña de Wi-Fi
Ubidots ubidots(UBIDOTS_TOKEN, UBI_HTTP);
/****************************************
* Define instancias del DHT11
****************************************/
#include <DHT.h>           //Cargamos la librería DHT
#define DHTTYPE DHT11   //Definimos el modelo DHT11
#define DHTPIN    2     //Se define el pin para conectar el sensor
DHT dht(DHTPIN, DHTTYPE, 11);
/****************************************
 *Funciones principales
 ****************************************/
void setup()
{
  Serial.begin(9600);   //Se inicia la comunicación serial 
  dht.begin();
  ubidots.wifiConnect(WIFI_SSID, WIFI_PASS); 
}
void loop()
{
 float hum = dht.readHumidity(); //Se lee la humedad
 float tem = dht.readTemperature(); //Se lee la temperatura
 //Se imprimen las variables
  Serial.println(hum);
  Serial.println(tem);
//Añade las variable para ubidots con la lectura de "Temperatura" y "Humedad"
ubidots.add("Temperatura", tem);  
ubidots.add("Humedad", hum);  
// Enviará datos a una etiqueta de dispositivo que coincida con el ID del dispositivo
ubidots.send();
delay(2000);
}
  • 2- Ingresar el TOKEN de ubidots, dentro de las comillas en la linea de código UBIDOTS_TOKEN = “—–“
  • 3- Ingresar el nombre y contraseña de una red wifi para tener conexión a internet, colocar en SSID y PASS
  • 4- Programar el ESP-01 con el Programador USB Interfaz ESP8266, si no sabes como consulta Aquí.
  • 5- Conectar al PC el interfaz USB con el ESP-01 asegurando el puenteo de programación
  • 6- Verificar el puerto COM y la placa “Generic ESP8266 Module”
  • 7- Cargar el código y esperar el proceso de carga hasta 100%
  • 8- Desconectar el programador USB del PC y quitar el ESP-01 y conectar al módulo ESP-01S DHT11 v1.0
  • 9- Realizar las siguiente conexiones
Como conectar el Módulo ESP-01S DHT11 v1.0
En la imagen anterior se visualiza la conexión, se utilizo adicional mente un cargador de baterías TP4056 con protección dual, de esta manera cuando se acabe la batería, la podrás recargar, si no quieres utilizar el cargador de baterías solo conecta de manera correcta la batería al módulo ESP-01S DHT11 v1.0. Se encenderá el del indicador del módulo, después oprime el botón de RST, de esta manera el código que se cargo al ESP-01S empezara a ejecutarse, primero establecerá la conexión a Internet, de acuerdo a la red que le asignaras, después se conectara con la plataforma de Ubidost, de acuerdo a la librería lo realizara por HTTP verificando el TOKEN, ya que realizo la conexión a Ubidost , se creara un dispositivo y agregara a este las variables de temperatura y humedad. De esta forma Ubidost estará recibido y almacenando las lecturas cada 2 segundos.

4- Cambiar nombre del dispositivo que creo Ubidots

Lo siguiente que debes hacer es cambiar el nombre del dispositivo, ya que Ubidots creo un dispositivo y le asigno el nombre del API Label, que es la etiqueta única que diferencia a cada dispositivo que se conecta a Ubidots, esto servirá para identificar rápidamente el dispositivo, en este caso es el ESP-01S, le puedes poner el nombre que tu quieras, en el siguiente GIF se muestra como hacerlo:

5- Agregar los tableros “Dashboards” a las variables del dispositivo en Ubidots

Por ultimo crearemos un nuevo panel, para agregar los tableros dinámicos,  estos se encargaran de mostrar las lecturas de temperatura y humedad mediante un termómetro y un indicador, ambos cambiaran de manera automática las lecturas que vallan obtenido las variables que están el dispositivo. Puedes agregar distintos tableros, desde gráficas de lineas o vectores, tablas de históricos, medidores o solo indicadores visuales.

Para este ejemplo se agrego el tablero THERMOMETER a la variable de temperatura y a la variable de humedad se le agrego el tablero GAUGE. En el siguiente GIF tendrás un ejemplo de como hacerlo:
Si has seguido todos los pasos ya tendrás lista tu aplicación sencilla de Internet de las cosas “IOT”, para visualizar de manera remota la temperatura y humedad con tableros dinámicos mediante la plataforma Ubidost. El resultado que obtendrás será el siguiente:
Resultado final en Ubidots Iot

ARTÍCULOS RELACIONADOS

LEAVE A REPLY

Please enter your comment!
Please enter your name here

APRENDE MÁS

Programar MICROPIC4550 con PICKIT 3

0
Para programar la tarjeta UNIT MICROPIC4550 con el programador PICKIT 3 hay diferentes métodos para hacerlo, desde MPLAB, con el software de PICKIT 3...