{"id":2957,"date":"2021-07-02T08:00:00","date_gmt":"2021-07-02T07:00:00","guid":{"rendered":"https:\/\/sereingeniera.ugr.es\/?p=2957"},"modified":"2021-07-02T15:13:19","modified_gmt":"2021-07-02T14:13:19","slug":"2-de-julio-dia-1-lampara-de-led-multicolor-y-musica-maestra","status":"publish","type":"post","link":"https:\/\/sereingeniera.ugr.es\/index.php\/2021\/07\/02\/2-de-julio-dia-1-lampara-de-led-multicolor-y-musica-maestra\/","title":{"rendered":"2 de Julio (D\u00eda 1): L\u00e1mpara de Led multicolor y \u00a1m\u00fasica maestra!"},"content":{"rendered":"\n

\u00a1Buenos d\u00edas! Hoy vamos a crear nuestros primeros programas de Arduino usando dos de los componentes de los que disponemos: el led RGB<\/strong> y el buzzer o zumbador<\/strong>. La idea es \u201cjugar\u201d con los distintos colores que puede ofrecer este tipo de led y conseguir emitir sonidos con el segundo.<\/p>\n\n\n\n

Antes de eso, vamos a revisar el ejemplo que ten\u00e9is indicado en la lecci\u00f3n anterior, as\u00ed como un c\u00f3digo de iniciaci\u00f3n que hemos dise\u00f1ado y que visteis ayer en el v\u00eddeo. Este \u00faltimo c\u00f3digo tiene la forma que se muestra a continuaci\u00f3n:<\/p>\n\n\n\n

La primera parte de un c\u00f3digo siempre es escribir las variables que conozcamos a priori, un ejemplo de ellas ser\u00edan:<\/p>\n\n\n\n

\/\/Esto es un comentario simple, sirven para a\u00f1adir explicaciones. No se ejecutan<\/code><\/pre>\n\n\n\n
\/* Esto es un comentario multil\u00ednea\n* Sirve para explicaciones laaaargas\n*\/\n\n<\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
\/\/Aqu\u00ed se suelen crear las variables que utiliza nuestro programa
\/\/En esta variable podr\u00e9 guardar un mensaje de varios( [] ) caracteres( char )
char mensaje[] = \u00ab\u00a1\u00a1Bienvenidas al campus de ingenieras!!\u00bb;
String mensajeStr = \u00ab\u00a1\u00a1Bienvenidas al campus de ingenieras!!\u00bb; \/\/Igual! Aunque menos eficiente<\/em><\/p>\n\n\n\n
\/\/Tipos en Arduino:
bool mayorEdad = true; \/\/ Solo 2 valores: true=1 o false=0
char caracter = ‘A’; \/\/ Tambi\u00e9n caracteres especiales: * – \/ ? \u2026
byte enteroPequenio = 8; \/\/ N\u00fameros entre -127 y 128
int enteroNormal = 18524; \/\/ N\u00fameros entre -32000 y 32000
long enteroEnorme = 134567876543345;
float decimalPequenio = 3.14;
double decimalEnorme = 3.14159234565;<\/em><\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/code><\/pre>\n\n\n\n
Como pod\u00e9is ver, existen muchos tipos de variables, que si n\u00fameros enteros, que si n\u00fameros decimales, variables que pueden solo tomar de valores \u201ctrue\u201d o \u201cfalse\u201d… Tambi\u00e9n se pueden hacer comentarios en el c\u00f3digo. Estos comentarios una gran herramienta para acordarnos qu\u00e9 quer\u00edamos hacer ah\u00ed o explicarle a alguien nuestro c\u00f3digo. Luego vendr\u00eda un apartado para configurar el Arduino y los componentes que usemos. Esto ser\u00eda la zona de void setup()<\/strong>.<\/p>\n\n\n\n
\/\/Aqu\u00ed va el c\u00f3digo de configuraci\u00f3n inicial. S\u00f3lo se ejecuta una vez\nvoid setup() {\n  \/\/Iniciamos la comuncicaci\u00f3n con la pantalla\n  Serial.begin(9600);\n  Serial.println(\"setup\");\n}\n\n<\/code><\/pre>\n\n\n\n
En este ejemplo vemos que se usa la l\u00ednea \u201cSerial.begin(9600)\u201d. Su misi\u00f3n es indicarle a Arduino \u201cVenga, despierta!\u201d, y as\u00ed poder comunicarnos y trabajar con \u00e9l. Por \u00faltimo, viene la parte donde escribimos las acciones que queremos que ocurran al guardar el c\u00f3digo. Esto ser\u00eda dentro del apartado denominado void loop()<\/strong>.<\/p>\n\n\n\n
\/\/Aqu\u00ed va el c\u00f3digo que se repetir\u00e1 eternamente mientras nuestro Arduino siga vivo \nvoid loop() {\n  Serial.println(mensaje);\n  Serial.println(\"\u00a1Te muestro otro mensaje!\");\n    delay(1000);\t\t\/\/Delay significa retrasar, esta funci\u00f3n hace una pausar de 1000ms = 1s\n}\n<\/code><\/pre>\n\n\n\n
Estas l\u00edneas nos permiten mostrar en el Monitor Serial la frase: \u00ab\u00a1Te muestro otro mensaje!\u00bb. Adem\u00e1s, la sentencia delay(tiempo)<\/em><\/strong> nos permite elegir el tiempo que tarda en pasar a la siguiente l\u00ednea. Esta pausa se mide en ms, por lo que 1000ms = 1s.<\/p>\n\n\n\n
\u00a1Volvamos a los componentes!<\/strong><\/p>\n\n\n\n
Un uso que cada vez vemos m\u00e1s habitual de los leds RGB es en las l\u00e1mparas y\/o humidificadores que van cambiando de color a lo largo de la noche, o las tiras de colores que se usan para adornar las habitaciones.<\/p>\n\n\n\n
Respecto al buzzer, un posible tercer nombre ser\u00eda\u2026 \u00a1altavoz<\/strong>! As\u00ed que pod\u00e9is imaginaros en cu\u00e1ntas de las cosas que utilizamos en el d\u00eda a d\u00eda se encuentra: televisiones, ordenadores, m\u00f3viles\u2026<\/p>\n\n\n\n
Antes de empezar a programar y usar estos componentes vamos a aprender c\u00f3mo funcionan cada uno de ellos:<\/p>\n\n\n\n
\u00b7       \u00bfQu\u00e9 es y c\u00f3mo funciona un LED RGB?<\/p>\n\n\n\n
\u00b7       \u00bfQu\u00e9 es y c\u00f3mo funciona un zumbador?<\/p>\n\n\n\n
\u00bfQU\u00c9 ES Y C\u00d3MO FUNCIONA UN LED RGB?<\/strong><\/p>\n\n\n\n
Antes de comenzar a explicar el led RGB, vamos a darle un repaso a qu\u00e9 es un led b\u00e1sico. Un LED es un diodo que nos permite emitir luz<\/strong>.<\/p>\n\n\n\n
<\/p>\n\n\n\n
La gran diferencia entre ellos es que mientras el led b\u00e1sico s\u00f3lo ilumina del color que sea su carcasa, en un led RGB se puede emitir pr\u00e1cticamente cualquier color. Los colores principales que puede emitir son el rojo (Red), verde (Green) y el azul (Blue), siendo el resto una mezcla de estos. <\/p>\n\n\n\n
\"\"
Imagen extra\u00edda de https:\/\/www.arduinoplatform.com\/arduino-visual-output\/adjusting-the-color-of-a-rgb-led\/<\/a><\/figcaption><\/figure><\/div>\n\n\n\n
Por ejemplo, en este enlace (https:\/\/www.w3schools.com\/colors\/colors_picker.asp<\/a>) pod\u00e9is ver qu\u00e9 c\u00f3digo RGB se asocia a cada color (posteriormente usaremos ese c\u00f3digo en nuestro programa). Si mir\u00e1is la siguiente captura ver\u00e9is que hay un hex\u00e1gono con una posible paleta de colores. Seg\u00fan donde cliqu\u00e9is luego os aparecer\u00e1 abajo un c\u00f3digo con tres n\u00fameros, cada uno asociado a los colores rojo, verde y azul. En este ejemplo yo he seleccionado un color celeste.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Respecto a su dise\u00f1o, mientras el led normal tiene solo dos patillas (\u00a1polarizadas!), el led RGB pod\u00e9is ver que tiene m\u00e1s, una patilla por color R-G-B y otra que hay que conectar a tierra (GND). Las patillas asociadas a los colores se unir\u00e1n a los pines del Arduino para poder indicarles cu\u00e1ndo y con cu\u00e1nta intensidad actuar.<\/p>\n\n\n\n
<\/p>\n\n\n\n
\"\"\/<\/figure><\/div>\n\n\n\n
Respecto al software tambi\u00e9n hay diferencias. Mientras un led b\u00e1sico se activa de forma digital (HIGH\/LOW o 1\/0), el led RGB hay que activarlo de forma m\u00e1s \u201canal\u00f3gica\u201d d\u00e1ndole un valor dentro de un rango a cada uno de los 3 colores. Cuanto mayor sea el valor, m\u00e1s importancia tiene en la mezcla final. Por ejemplo, si s\u00f3lo le damos un valor no nulo al rojo (R), el color que se emitir\u00e1 es\u2026\u00a1el rojo!<\/p>\n\n\n\n
Un ejemplo de c\u00f3digo empleando un led b\u00e1sico rojo podr\u00eda ser el siguiente:<\/p>\n\n\n\n
Archivo -> Ejemplos -> 01.Basics -> Fade : hacer que un led externo cambie su brillo<\/p>\n\n\n\n
\u00bfQU\u00c9 ES Y C\u00d3MO FUNCIONA UN BUZZER?<\/strong><\/p>\n\n\n\n
Los zumbadores, buzzers o altavoces pasivos permiten convertir una se\u00f1al el\u00e9ctrica en una onda de sonido.<\/p>\n\n\n\n
Nuestro zumbador va a tener 3 patillas:<\/p>\n\n\n\n
\u00b7       La primera, y m\u00e1s cercana al dibujito de una S, es la que le manda la informaci\u00f3n al buzzer, y va a tener que estar conectada a un pin digital que tenga pwm (~).<\/p>\n\n\n\n
\u00b7       La siguiente es la que le proporciona energ\u00eda, y va a tener que estar conectada a los 5V.<\/p>\n\n\n\n
\u00b7       La \u00faltima es la toma a tierra (GND).<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Una vez que hayamos colocado cada uno de los pines en su lugar correspondiente, nos quedar\u00e1 un circuito parecido a este:<\/p>\n\n\n\n
\"\"\/<\/figure><\/div>\n\n\n\n
\u00a1Ya podemos ponernos a programar e implementar nuestras ideas! Primero haremos un mini-proyecto con el LED RGB y luego otros dos con el buzzer.<\/p>\n\n\n\n
Lo primero que debemos preguntarnos cuando empezamos un programa es lo siguiente<\/p>\n\n\n\n
\u00bfQu\u00e9 va a hacer mi programa?<\/em><\/p>\n\n\n\n
PARA EL PROGRAMA CON EL LED RGB<\/strong><\/p>\n\n\n\n
Cuando vayamos a empezar un programa y vayamos a responder la pregunta anterior, podemos plantearnos estas tres cuestiones:<\/p>\n\n\n\n
L\u00f3gica:<\/strong> Vamos a probar cuatro combinaciones diferentes de colores. La luz estar\u00e1 encendida unos segundos, luego se apagar\u00e1 y se encender\u00e1 la siguiente, as\u00ed ininterrumpidamente hasta que desconectemos el Arduino del ordenador.  <\/p>\n\n\n\n
Estructura: <\/strong>Como las luces se van a ir encendiendo y apagando una detr\u00e1s de otra lo \u00fanico que tenemos que tener en cuenta de la estructura es que se definan cuatro posibles combinaciones de color, una detr\u00e1s de otra. <\/p>\n\n\n\n
Ya tenemos la l\u00f3gica y tambi\u00e9n sabemos c\u00f3mo lo vamos a hacer, toca pensar en los materiales que utilizaremos.<\/p>\n\n\n\n
Materiales: <\/strong>Siempre vamos a necesitar la placa, en este caso Arduino uno, el cable para poder programarla, un led RGB y cables para poder conectar los componentes a los pines. Os recomendamos 3 cables macho-hembra para el led RGB (si se conecta sin protoboard) o 3 cables macho-macho si se usa, m\u00e1s uno macho-macho para conectar a tierra.<\/p>\n\n\n\n
Ya hemos pensado suficiente c\u00f3mo va a ser nuestro proyecto, es hora de implementarlo:<\/p>\n\n\n\n
\n