IoT 101: Leyendo Un Sensor De Humedad Y Temperatura DHT Con Blynk YPhoton

by gmendez3 in Circuits > Microcontrollers

2387 Views, 1 Favorites, 0 Comments

IoT 101: Leyendo Un Sensor De Humedad Y Temperatura DHT Con Blynk YPhoton

IMG_20190723_104352.jpg
Sinérgico-Internet de las Cosas-Conectando un sensor

Para este segundo tutorial de IoT vamos a utilizar un sensor de temperatura y humedad para poder medir estos valores y mandarlos a una app hecho con blynk.

Supplies

Para este proyecto necesitamos:

  • Una computadora con Internet
  • Un Smartphone con Android o iOS
  • Un sensor DHT11
  • Una tarjeta Photon, de Particle https://www.particle.io/
  • Breadboard
  • Cable USB

Además necesitamos descargar las siguientes aplicaciones:

  • Blynk
  • Particle

Creando El Circuito

Captura de pantalla (12).png
IMG_20190723_104407.jpg
IMG_20190723_104426.jpg
IMG_20190723_104523.jpg
IMG_20190723_104532.jpg
IMG_20190723_104539.jpg
IMG_20190723_104601.jpg
IMG_20190723_104613.jpg
IMG_20190723_104632.jpg
IMG_20190723_104623.jpg
IMG_20190723_104644.jpg

Para crear nuestro circuito, vamos a usar un breadboard y hacer la siguiente conexión:

Photon--->DHT11

GND--> GND

3V3-->Vcc

D2--> DAT o S según el sensor

Igualmente puede seguir las fotografías o bien el diagrama de fritzing.

Creando La App En Blynk

Screenshot_20190723_145002_cc.blynk.jpg
Screenshot_20190723_145030_cc.blynk.jpg
Screenshot_20190723_145119_cc.blynk.jpg
Screenshot_20190723_145346_cc.blynk.jpg
Screenshot_20190723_145514_cc.blynk.jpg

  • Empezamos un nuevo proyecto dándole click a "New project" en Blynk
  • Ahora le ponemos el nombre humedadTemperatura y seleccionamos Particle Photon

Le damos "create" y esto nos generará un nuevo token, recuerda que para cada app hay un token especial. Si no sabes que es un token, puedes visitar el proyecto pasado: https://www.instructables.com/id/IoT-101Prendiendo...

Ahora vamos a crear dos botones, yendo al símbolo de más en la parte superior derecha de nuestra app:

  • Para la humedad, vamos a utilizar un "Value Display" o Monitor de valores.
  • Para la temperatura un "Guage" o Indicador

Configurando Los Botones En Blynk

Screenshot_20190723_145621_cc.blynk.jpg
Screenshot_20190723_145959_cc.blynk.jpg

Para el monitor de valores:

  • Pondremos el nombre "Humedad"
  • Le diremos que recibirá la información de un pin virtual V5
  • Y le diremos que recibirá los datos con "PUSH"

Para el Indicador, donde veremos la temperatura:

  • Pondremos el nombre "Temperatura"
  • Le diremos que recibirá la información de un pin virtual V6
  • Y le diremos que recibirá los datos con "PUSH"
  • La escala la limitaremos a 50, osea 50°C

Buscando El Programa De Ejemplo En Examples.blynk.cc

Captura de pantalla (13).png

Vamos a “https://examples.blynk.cc” y buscamos el archivo del sensor DHT 11, lo copiamos.

Agregando Las Librerías

Captura de pantalla (14).png
Captura de pantalla (15).png
Captura de pantalla (16).png
Captura de pantalla (22).png
Captura de pantalla (23).png
Captura de pantalla (24).png
Captura de pantalla (28).png
Captura de pantalla (25).png
Captura de pantalla (26).png
Captura de pantalla (27).png
Captura de pantalla (29).png
Captura de pantalla (30).png
  • Ahora vamos al Particle Web IDE y creamos un nuevo código llamado “HumedadYTemperatura”
  • Pega el archivo que copiaste de “examples”

Ahora vas a ir a las bibliotecas o "Libraries" y vas a buscar las siguientes:

  1. blynk
  2. DHT
  3. Adafruit sensor

Para cada una, al encontrarla, le damos click y posteriormente le damos:

  • Include in Project y elegimos el proyecto HumedadYTemperatura
  • Después le damos confirmar o CONFIRM

De esta manera deberemos ver al inicio de nuestro código que se agregan las librerías así:

// This #include statement was automatically added by the Particle IDE.
#include <Adafruit_Sensor.h>

// This #include statement was automatically added by the Particle IDE.

#include <DHT.h>

// This #include statement was automatically added by the Particle IDE.

#include <blynk.h>

Modificando Y Flasheando El Código

DSC_0007.JPG

  • Agregar el token
  • Ahora lo cargamos dando click en el ícono de rayo en la parte superior izquierda.