Tutorial Kendali Warna RGB dengan 3 Slider Blynk IoT

Halo Sahabat Indobot!

Sedang ada project apa hari ini?

Kalian pasti sudah tidak asing dengan aplikasi Blynk kan?

Aplikasi Blynk adalah aplikasi yang dapat digunakan untuk pengendalian atau monitoring suatu device dengan menggunakan smartphone. Aplikasi ini sangat mudah digunakan. Pengaturannya hanya ada pada bagian program arduino IDE dan di aplikasi itu sendiri. Kemudahan itulah yang membuat aplikasi ini cukup populer ketika kita hendak menggunakan sistem IoT (Internet of Things). 

Nah pada project kali ini, kita akan membuat aplikasi blynk untuk mengendalikan warna LED RGB dengan mengandalkan 3 slider. Setiap slider berfungsi untuk mengatur besaran nilai PWM yang diterima dari tiap pin warna (red, green, dan blue).

LED RGB merupakan salah satu jenis LED yang dapat mengeluarkan sinar dengan warna yang dapat berubah-ubah.

Pengaturan nilai PWM tiap pin inilah yang akan mengakibatkan LED RGB dapat berubah warna. Pada project ini, kita akan menggunakan NodeMCU ESP8266 yang sudah memiliki fasilitas wifi. NodeMCU akan disetting agar dapat terhubung dengan blynk untuk saling berkomunikasi dan dapat memberikan instruksi.  Penasaran bagaimana cara membuat kendali warna RGB dengan 3 slider? yuk kita simak.

baca juga: Tutorial Mengendalikan Warna LED RGB Menggunakan Potensiometer

Alat dan juga Bahan

Alat dan bahan untuk project ini adalah sebagai berikut.

1. Software Arduino IDE 
2. NodeMCU ESP8266 1
3. LED RGB 1
4. Project Board 1
5. Kabel jumper Secukupnya

Rangkaian

Susun device di atas menjadi rangkaian seperti berikut. Pastikan semua terhubung dengan baik.

Belajar Elektronika, Arduino, dan IoT step by step dengan bantuan tangga belajar? Daftar sekarang dan dapatkan PROMO

Pengaturan Blynk

Sebelum kita masuk ke program Arduino IDE, kita harus menyesuaikan aplikasi Blynk terlebih dahulu. ikuti langkah berikut ini.

buka aplikasi Blynk, kemudian pilih New Project.

Berikan nama untuk aplikasi anda di Project name, setelah itu pilih device yang akan kita gunakan (NodeMCU ESP8266). Pilih mode tampilan untuk aplikasi Blynk kita. Dark untuk mode gelap. Light untuk mode terang. klik Create.

Jika Sudah maka akan muncul tampilan seperti di bawah ini. Klik tanda plus untuk menambahkan Widget Box.

Pilih Slider untuk mengatur besaran PWM. Kemudian lakukan 3 kali untuk membuat 3 slider dalam 1 aplikasi.

Atur tiap-tiap Slider dengan klik di masing-masing widget. Setelah muncul tampilan seperti berikut ini, tuliskan namanya. Ubah output menjadi V4. dengan range antara 0 sampai 255 (batas maksimal nilai untuk pin RGB). Pada Send on release dan show value, pilih on. Kemudian jika sudah, klik tanda panah di kiri atas. Lakukan hal yang sama untuk 2 slider lainnya. Hanya saja, bedakan outputnya (gunakan V5 dan V6).

Pilih tanda segitiga di kanan atas untuk menjalankan aplikasi.

Tunggu hingga NodeMCU sudah diupload program agar dapat terhubung dengan Blynk.

baca juga: Mengendalikan Warna LED RGB Menggunakan Telegram

Program

Tahap selanjutnya adalah penulisan program pada Arduino IDE. Buatlah program seperti berikut. Pastikan sudah memasukkan library blynk ya.

 
/*
    Program Warna LED RGB dengan 3 slider Blynk
    dibuat oleh Indobot
*/

#define BLYNK_PRINT Serial  //Pendeklarasian Library
#include <ESP8266WiFi.h>;
#include <BlynkSimpleEsp8266.h>;
int LED_R = D1;
int LED_G = D2;
int LED_B = D3;
int nilai_R;
int nilai_G;
int nilai_B;

 
char auth[] = "************"; // masukkan kode autentikasi disini
char ssid[] = "************"; //nama wifi
char pass[] = "************"; //password
 

BLYNK_WRITE(V4){
  nilai_R = param.asInt();
  analogWrite (LED_R, nilai_R);
}
BLYNK_WRITE(V5){
  nilai_G = param.asInt();
  analogWrite (LED_G, nilai_G);
}
BLYNK_WRITE(V6){
  nilai_B = param.asInt();
  analogWrite (LED_G, nilai_G);
}
 
void setup(){  //Pengaturan Pin dan Variabel
  Serial.begin(9600);
  Blynk.begin(auth, ssid, pass);
  pinMode(LED_R, OUTPUT); 
  pinMode(LED_G, OUTPUT); 
  pinMode(LED_B, OUTPUT); 
}
void loop(){  //Perulangan Program
  Blynk.run();
}

Jangan lupa masukkan kode autentikasi yang sudah dikirimkan oleh blynk ke program arduino IDE. Copy saja dari email anda ke tanda bintang di char auth[] = “**********”;. Selain itu, masukkan juga nama wifi dan password yang anda gunakan.

Upload program di atas ke NodeMCU ESP8266 yang anda gunakan. Kemudian cek ke blynk, apakah sudah terhubung dengan NodeMCU anda atau belum.

baca juga: Monitoring Suhu dan Kelembapan BLYNK NodeMCU ESP8266

Hasil dari project ini adalah, kita dapat mengendalikan nilai PWM dari tiap-tiap pin warna (RGB). Perbedaan nilai PWM ini membuat perbedaan hasil warna secara keseluruhan dari LED.

Pembacaan slider dilakukan pada program berikut.

 
BLYNK_WRITE(V4){
  nilai_R = param.asInt();
  analogWrite (LED_R, nilai_R);
}
BLYNK_WRITE(V5){
  nilai_G = param.asInt();
  analogWrite (LED_G, nilai_G);
}
BLYNK_WRITE(V6){
  nilai_B = param.asInt();
  analogWrite (LED_G, nilai_G);
}

baca juga:  Tutorial Mengendalikan Nada Buzzer dengan Smartphone menggunakan Blynk

Variabel V4, V5, dan V6 disesuaikan dengan pengaturan slider di aplikasi Blynk. Nilai yang diberikan dengan slider, akan diolah menjadi nilai masing-masing pin. Nilai ini kemudian dieksekusi dengan analogWrite menjadi nilai PWM dari pin tersebut.

Bagaimana? tertarik untuk membuat project ini? yuk bisa dicoba ya gaes untuk menambah pengetahuan dan pengalaman project IoT. Semangat!

Mau belajar elektronika dasar? Arduino? atau bahkan Internet of Things? Ikuti kursus online Indobot Academy!

IKUT KURSUS ONLINE>>