✨

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🌠Encendido y Apagado de un LED vía Bluetooth🌠

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Hola! Somos Dalma y Fanny presentando este tutorial que nos guiará en la realización de un proyecto mayor para Practicas Profesionalizantes.

En él les enseñaremos a armar un proyecto sencillo de Arduino, este consta en el encendido/apagado de un LED mediante una aplicación que crearemos en App Inventor,  las ordenes que le daremos desde la aplicación-arduino se enviaran vía Bluetooth.

┎━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┒
Herramientas a Utilizar 
┖━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┚

û  Arduino UNO

û  Modulo Bluetooth HC-05 (ZS-040)

û  4 Cables Hembra-Macho

û  1 Resistencia 1kΩ

û  Diodo Led 5mm

-Ya las tienes? Entonces comencemos!!

 ...

 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ï1ðCrear nuestra aplicación:

            Para empezar debemos estar registrados en la página en línea de MIT App Inventor; una vez creada, iremos a la opción de “Start new Project”.

            Una vez hecho esto y asignado un nombre a su proyecto, ahora les abrirá una nueva ventana llamada “Designer”.

En la parte marcada en verde se ubican todos los elementos que deseemos agregar a nuestra App, y en la parte de amarillo, se ven todos los componentes que vamos agregando, cada una de estas componentes se puede modificar cambiando así el aspecto de nuestra aplicación.

-Mucha charla♡-

Dentro del cuadro verde bajaremos hasta encontrar el elemento que diga “Connectivity”, dentro de él arrastraremos “BluetoothClient” dentro de la pantalla.

Al arrastrar este elemento a la pantalla no será visible, ya que corresponde al grupo de elementos no visibles. 

Ya casi! Ahora solo queda agregar 2 Botones (uno para el encendido y otro para el apagado) y por ultimo un “ListPicker” que nos ayudara a conectarnos con nuestro modulo bluetooth HC-05, esto último lo sacaremos al seleccionar “User Interface” dentro del cuadro verde.

ïListo! ya finalizamos con la primera parte de diseño (bastante básico jeje) si lo quieren arreglar un poco, pueden ir seleccionando componente por componente y cambiar su forma, tamaño, la fuente, nombre y si quieren pueden seleccionar en los elementos el que se llama “Layout” y agregarlo en la pantalla como una separación entre componentes para que se vea como más nos guste.

 Así es como nos quedó a nosotras!

✰

Si quedaron dudas pueden recurrir a este video introductorio que también nos sirvió para diseñar nuestra pantalla!  ïaquíð

ï1.2ðArmar la etapa de Bloques en AppInventor

          Solo queda agregar lo que cada botón y componente hará en nuestra App! Nos dirigiremos ahora en la parte superior derecha donde aparece un botón llamado “Blocks”

Lo primero que haremos será definir lo que hará el “ListPicker” cuando lo presionemos.

            Para ello seleccionaremos los componentes siguiendo las líneas marcadas y buscamos los mismos que aparecen en la siguiente imagen.

¿Qué es lo que hace? à Básicamente estamos diciendo que cuando presionemos el botón de “ListPicker” nos mostrara una lista de dispositivos disponibles con el cual vincularnos, en nuestro caso más adelante seleccionaremos nuestro módulo Bluetooth HC-05.

Repitiendo el paso anterior y buscando los mismos componentes marcados en la imagen de arriba; este paso nos indicara que luego de que se haya seleccionado el dispositivo con el que vinculemos nos mostrara un mensaje de “Bluetooth Conectado” y el color del texto. Recuerden que estos pasos se pueden modificar a su gusto!

…

Bien! Por ultimo nos queda definir qué harán los 2 botones que agregamos (nosotras los nombramos como “LED_ON y LED_OFF”)

¿Por qué ponemos un texto con la letra “a” y “b”?

Lo nombramos de esa manera, porque lo que nos está diciendo el bloque es que si apretamos LED_ON enviara la letra “a” al arduino y si apreta el otro enviara una letra “b”, esto después será significativo cuando desarrollemos el código.

Esta imagen es más detallada, pero ustedes pueden ser más vivos y hacer uno completo para luego aplicar el famoso método de copiar/pegar y solo cambiar el LED_ON (o el nombre que le hayan puesto) por LED_OFF y ya está.

-Congratulations!✨✩

Lo único que queda es guardar nuestro proyecto y descargarlo en formato .apk para luego instalarlo en nuestro celular (vea la sig. Imagen)

Y para guardar solo iremos a donde dice “Projects” como muestra la imagen de arriba y seleccionamos “Save Project” y listo, ya tenemos nuestra aplicación lista.

…

ï2ðRealizar el esquema de Conexiones y su Código:

Con los elementos que mencionamos al principio del post, realizaremos el siguiente esquema de conexiones…

Ufff, ya realizamos el esquema eléctrico pero nos falta el ultimo nivel que es solo aplicar nuestro método milenario  el copiar/pegar este maravilloso código en el programa de Arduino así tal cual…

═════════════════════════════════════════════════════════

[code♡]

#include <SoftwareSerial.h>

SoftwareSerial BT(10, 9); //

int led = 13;

void setup() {

  // Pin 13 Digital de Arduino

 pinMode(13, OUTPUT);

 // Velocidad serial del Modulo BT

 BT.begin(9600);

}

void loop() {

 if (BT.available())

 // Siclo if para definir que se acción se ejecutara si Arduino recibe el dato "a" (si lo recibe el led se enciende)

 {

 led=(BT.read());

 if (led=='a')

 {

 digitalWrite(13, HIGH);

 BT.println("LED on");

 }

 if (led=='b')

 // Siclo if para definir que se acción se ejecutara si Arduino recibe el dato "b" (si lo recibe el led se apaga)

 {

 digitalWrite(13, LOW);

 } 

 

 }

}

═════════════════════════════════════════════════════════

-En esta parte si leen el código, podrán ver que las letras que designamos “a y b “en los bloques de la App si eran significativos, estos los pueden modificar a su gusto siempre y cuando los declaren luego en el código! -

┎━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┒

✰

       Si llegaste hasta este punto, felicitaciones! (por segunda vez), ahora podrás subir tu 

proyecto a tu arduino y probarlo, recorda conectar y seleccionar tu arduino antes de subirlo 

(en “Herramientas”, seleccionando la “Placa” que estas usando y en que puerto “COM” está conectado)

Lo que debes hacer ahora es activar el Bluetooth de tu celular y vincularlo con el módulo bluetooth HC-05, si te pide una clave puede que sea “1234” o “0000”.

Luego te vas a tu aplicación y presionas el botón que creaste para conectarte al módulo, una vez conectado podremos observar que la luz del HC-05 pasa de parpadear a quedarse totalmente prendida, de ser así ya podremos prender y apagar el led desde nuestra aplicación! :-)

✰

┖━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┚

ï3ðPosibles Errores:

En nuestro caso, cuando a teníamos todo listo y a su marca, probamos y nos saltó el “Error 507” por suerte cuando lo buscamos apareció la solución, por favor si les paso lo siguiente visitar la página de este ser celestial que nos salvó de un pre-infarto

ï aquí‚ð

…

Este es el final seres, gracias por seguirnos hasta aquí o aunque sea pasarse para sacar el código jeje. Les dejamos un video del trabajo funcionando, Saludos cordiales!

◤⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂◥

◣⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄⠄◢

PD: