IoT 101:Prendiendo Un LED Usando Blynk Y Photon

by gmendez3 in Circuits > Microcontrollers

2072 Views, 0 Favorites, 0 Comments

IoT 101:Prendiendo Un LED Usando Blynk Y Photon

IMG_20190723_101057.jpg
Sinérgico - Internet de las Cosas - Primer proyecto

En este primer tutorial de Internet of Things vamos a prender y apagar un LED conectado a nuestro Photon, usando una aplicación de IoT llamada Blynk.

Supplies

Para este proyecto necesitamos:

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

  • Cable USB

Además necesitamos descargar las siguientes aplicaciones:

  • Blynk
  • Particle

Haciendo El Circuito

IMG_20190723_101110.jpg
IMG_20190723_103848.jpg
IMG_20190723_103903.jpg

Hacer el circuito de este proyecto es muy sencillo.

  • Colocamos nuestra tarjeta Photon en la mitad de la breadboard, como podemos ver en la imagen.
  • Después vamos a colocar un LED. El polo positivo del LED (o terminal larga) va a la misma fila del pin D7 de nuestro Photon. El polo negativo del LED (o terminal corta) va a la tierra del Photon o GND.
  • Ahora solo conectamos nuestro Photon a la computadora.

Conectando El Photon Al Wifi

Screenshot_20190723_110740_com.android.vending.jpg
Screenshot_20190723_110749_com.android.vending.jpg
Screenshot_20190723_110804_io.particle.android.app.jpg
Screenshot_20190723_111249_io.particle.android.app.jpg
Screenshot_20190723_111331_io.particle.android.app.jpg
Screenshot_20190723_111354_io.particle.android.app.jpg
Screenshot_20190723_111501_io.particle.android.app.jpg
IMG_20190723_111427.jpg
Screenshot_20190723_111552_io.particle.android.app.jpg
Screenshot_20190723_111809_io.particle.android.app.jpg
Screenshot_20190723_111815_io.particle.android.app.jpg
Screenshot_20190723_111833_io.particle.android.app.jpg
Screenshot_20190723_111919_io.particle.android.app.jpg
IMG_20190723_112046.jpg
Screenshot_20190723_111956_io.particle.android.app.jpg

Ahora necesitamos conectar el Photon a la red de Wifi.

  • Para esto vamos a nuestra Play Store o App Store para descargar la aplicación Particle
  • Ahora que la abrimos, nos va pedir un registro, lo creamos.
  • Al entrar a la pantalla de inicio, vamos a dar click en el ícono de más y seleccionamos "Set up a Photon"
  • El photon deberá estar parpadeando en azul oscuro y en la siguiente ventana, nos deberá aparecer el Photon, que está emitiendo una señal de wifi. Lo seleccionamos y la app empezará a conectarse con el photon.

Lo que vamos a hacer en este punto es darle al Photon la contraseña de nuestro wifi, para que pueda conectarse diréctamente a internet.

  • Damos el Password y esperamos a que conecte. Procura tener tu Photon cerca de donde está el modem o en un lugar donde a tu celular y/o computadora también reciban wifi.
  • Ahora nos aparece una pantalla de finalizado y podemos ponerle nombre al dispositivo, yo lo nombré GusPhoton.
  • Y ahora si nos aparece en la ventana de "Tus Dispositivos" o "Your Devices"
  • En este momento el LED del photon deberá de brillar en color azul claro.

Creando La App Para Controlarlo En Blynk

Screenshot_20190723_112852_com.android.vending.jpg
Screenshot_20190723_112857_com.android.vending.jpg
Screenshot_20190723_112906_cc.blynk.jpg
Screenshot_20190723_112948_cc.blynk.jpg
Screenshot_20190723_113048_com.android.chrome.jpg
Screenshot_20190723_113123_cc.blynk.jpg
Screenshot_20190723_113131_cc.blynk.jpg
Screenshot_20190723_113255_cc.blynk.jpg
Screenshot_20190723_113429_com.google.android.gm.jpg
Screenshot_20190723_113517_cc.blynk.jpg
Screenshot_20190723_113551_cc.blynk.jpg
En este paso vamos a construir la app con la cual vamos a controlar nuestro LED.
  • Para esto vamos a descargar la app Blynk y la instalamos.
  • Ahora podemos entrar a través de Facebook, por lo que nos registramos y damos click en "log in with Facebook"

Ya adentro vamos a empezar a crear nuestro nuevo proyecto, dando click en "New Project".

  • En la siguiente pantalla definimos que usaremos un "Particle Photon" como dispositivo y le ponemos el nombre a"mi primer proyecto". En "Connection type" le damos "Wifi", ya que acabamos de conectar nuestro photon al wifi.
  • Ahora le damos create y nos aparece una pantalla que nos avisa que nos mandaron un "Auth Token", esta clave es importante para poder hacer funcionar nuestra app con nuestro photon.

Vamos rápidamente a nuestro correo y copiamos la clave. Les recuerdo que hay que ser discretos con esta clave, ya que si la compartimos, cualquiera podría controlar nuestro dispositivo. En mi correo puedo abrir el correo de Blynk y simplemente guardo la clave para más adelante.

De regreso a Blynk, vamos a agregar los componentes que necesitamos. En este caso solamente vamos a ir al ícono de más y seleccionar el botón.

Configurando El Botón En Blynk

Screenshot_20190723_113722_cc.blynk.jpg
Screenshot_20190723_113824_cc.blynk.jpg
Screenshot_20190723_113925_cc.blynk.jpg

Vamos a configuar este botón en blynk.

  • Damos click sobre el botón y podemos cambiarle el nombre, por ejemplo yo lo llamaré LED.
  • Ahora vamos a seleccionar en pin, el puerto al que está conectado nuestro LED. En el circuito anterior, conectamos nuestro LED al pin digital 7, o D7.

En "Mode" podemos elegir si el botón se comporta como push o switch. Push signfica que tengo que mantenerlo presionado para mantener el LED prendido y switch es que puedo dejarlo prendido o apagado.

Ahora si, vamos a programar nuestro Photon para que pueda interactuar con la app que acabamos de crear.

Programando El Photon En Build.particle.io

Captura de pantalla (1).png
Captura de pantalla (2).png
Captura de pantalla (3).png
Captura de pantalla (4).png
Captura de pantalla (5).png
Captura de pantalla (6).png
Captura de pantalla (7).png
Captura de pantalla (8).png
Captura de pantalla (9).png

Vamos a programar nuestro photon desde https://build.particle.io/build

  • Nos va pedir el login que usamos para entrar en la app
  • Saltamos la pantalla de de doble seguridad dándole click a "skip now"
  • Ahora entramos a nuestro entorno de programación.
  • Vamos a ponerle el nombre "PrenderLED"
  • Damos click en la parte inferior izquierda en "Libraries" y buscamos la librería de blynk
  • Aquí seleccionamos de "Examples" y seleccionamos el programa "01_Particle.ino"
  • Ahora le damos en "Use this example"

Modificando El Código Y Subiéndolo Al Photon

Captura de pantalla (11).png
Captura de pantalla (10).png

Vamos a la línea número 29 del código y vamos a colocar nuestro Token que recibimos de Blynk por correo

  • Hay que colocar el token en vez de "YourAuthToken"

Para subirle, simplemente tenemos que ver que el photon esté en línea y darle "Flash" en el ícono de rayo en la parte superior izquierda de la pantalla.

Usando La App

DSC_0002.JPG

Abrimos la app en Blynk y nos conectamos dándole al ícono de play en la app.

Si todo funciona bien, podremos prender y apagar nuestro LED presionando el botón de la app.

  • Podemos usar esta app desde cualquier parte del mundo y conectarnos a nuestro LED
  • En el video vemos como prende y apaga nuestro LED, sin estar conectado a una computadora, simplemente conectándose por internet.