Kontrol Relay dengan Arduino dan ESP8266 Web Server

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Halo sahabat Boarduino, kita berjumpa lagi di hari Selasa dibulan Agustus 2015.
Waktu berlalu setiap detik, semoga kita bisa memanfaatkan waktu sebaik mungkin ya bro. Dengan terus belajar, semoga kedepannya kita dapat bermanfaat buat orang lain, Amiin.

Dikesempatan kali ini kita akan mengontrol Relay dengan Arduino melalui Webserver, atau bisa juga disebut Menyalakan lampu melalui Internet, Tetapi kali ini hanya melalui jaringan lokal saja bukan dari jaringan publik bro. Tapi jangan khawatir bro, project kita selanjutnya adalah menyalakan lampu atau mengontrol relay melalui internet dengan arduino, dan kita dapat mengontrol relay tersebut dari manapun di muka bumi ini... Wuihhh keren pastinya! coba bayangkan ente lagi berkunjung ke Negara tetangga, lalu ente mematikan peralatan listrik dirumah anda dari jarak jauh, Awesome!

Perkembangan teknologi memang cukup pesat ya, dan kita selalu saja merasa tertinggal, maka dari itu kita harus terus bersemangat mengejarnya bro, agar kita tak tertinggal semakin jauh.
Okelah, langsung saja bro kalau begitu... mari kita simak dan praktekkan Tutorial kali ini!

Alat dan Bahan yang dibutuhkan :

• 1x Arduino Compatible
• 1x ESP8266 Wifi Module
• 1x Relay Modul 4 Channel
• Kabel jumper secukupnya
• Breadboard (Projectboard) 
• Koneksi Internet (WiFi)
• Aplikasi Android yang bernama ESPduino, silahkan anda DOWNLOAD DISINI

Langkah - Langkahnya :

1.) Download terlebih dahulu ESPflash tool dan Firmware versi 0018000902-AI03

2.) Lalu ente mulai dengan mengupload sketch Bare Minimum dibawah ini ke Board Arduino

void setup() {

  // Ini dibiarkan kosong saja gan.. hehehehehe
}

void loop() {
  // Ini juga dikosongkan saja gan.. hihihihihihi
}

3.) Nah sekarang mari ente susunlah rangkaian seperti dibawah ini untuk flashing firmware

Keterangan Konfigurasi Kabel :

• Pin VCC pada Arduino dihubungkan ke Pin VCC dan CH_PD Modul ESP8266
• Pin GND pada Arduino dihubungkan ke GND dan GPIO0 pada ESP8266
• Pin TXD pada Arduino dihubungkan ke UTXD pada Modul ESP8266
• Pin RXD pada Arduino dihubungkan ke URXD pada Modul ESP8266

4.) Setelah itu extract file yang sudah ente download tadi, sehingga seperti gambar berikut ini.

5.) Setelah di extract, double klik pada esp8266_flasher.exe lalu klik button Bin.

6.) Selanjutnya silahkan ente pilih file firmware yang akan di flash, lalu klik open.

7.) Lalu sesuaikan COM Port Arduino yang terdeteksi di komputer ente, lalu klik Download.

8.) Setelah berhasil flashingnya, cabut kabel dari GPIO0 yang terhubung pada GND Arduino .
9.) Lalu kita buka serial monitor Arduino IDE dan Set Both NL & CR dengan Baudrate 9600 
10.) Lalu coba mengecek dengan mengirimkan perintah AT , AT+RST dan AT+GMR

Pastikan Serial monitor ente menampilkan hasil yang sama seperti gambar dibawah ini

 

Nah sekarang mari kita menuju ke Tahap Selanjutnya, dengan mengubah rangkaian.
1.) Susunlah rangkaian seperti gambar berikut ini

Keterangan Konfigurasi Kabel Arduino ke ESP8266 :

• Pin 3.3V pada Arduino dihubungkan ke VCC di ESP8266
• Pin 3.3V pada Arduino dihubungkan ke CH_PD di ESP8266
• Pin GND pada Arduino dihubungkan ke GND di ESP8266
• Pin 2 pada Arduino dihubungkan ke UTXD di ESP8266
• Pin 3 pada Arduino dihubungkan ke URXD di ESP8266

 2.) Setelah rangkaian diatas selesai, maka susunlah konfigurasi seperti dibawah ini

Keterangan Konfigurasi Kabel Arduino ke Relay Modul :

• Pin 5V pada Arduino dihubungkan ke VCC Relay modul
• Pin GND pada Arduino dihubungkan ke GNDRelay modul
• Pin 10 pada Arduino dihubungkan ke IN1 Relay modul
• Pin 11 pada Arduino dihubungkan ke IN2 Relay modul 
• Pin 12 pada Arduino dihubungkan ke IN3 Relay modul  
• Pin 13 pada Arduino dihubungkan ke IN4 Relay modul

3.) Setelah itu sambungkan Arduino pada Laptop/PC dengan menggunakan kabel serial.
4.) Download dan Install program Arduino IDE di Arduino.cc ( If Needed )
5.) Setelah terinstall, jalankan program Arduino-nya.
6.) Klik menu "Tools -> Board -> Arduino Uno"
7.) Klik menu "Tools -> Port -> ( Pilih Port arduino yang terdeteksi di komputer anda )
8.) Lalu masukan Sketch dibawah ini, dan terakhir klik upload.

Klik LIHAT DONG untuk melihat sketch

#include <SoftwareSerial.h>
#define DEBUG true
SoftwareSerial wifi(2,3); // RX, TX

void setup() {
   Serial.begin(9600);
   wifi.begin(9600);

   pinMode(10,OUTPUT);
   digitalWrite(10,HIGH);
   pinMode(11,OUTPUT);
   digitalWrite(11,HIGH);
   pinMode(12,OUTPUT);
   digitalWrite(12,HIGH);
   pinMode(13,OUTPUT);
   digitalWrite(13,HIGH);

   // Reset modul
   sendCommand("AT+RST\r\n",2000,DEBUG);
   // Konfigurasikan sebagai Akses poin
   sendCommand("AT+CWMODE=3\r\n",1000,DEBUG);
   // Sesuaikan dengan SSID dan Password
   sendCommand("AT+CWJAP=\"Andy182 Network\",\"waipigratis\"\r\n",10000,DEBUG);
   // Mendapatkan IP adress
   sendCommand("AT+CIFSR\r\n",1000,DEBUG);
   // Konfigurasikan untuk multiple connection
   sendCommand("AT+CIPMUX=1\r\n",1000,DEBUG);
   // Aktifkan server pada port 80
   sendCommand("AT+CIPSERVER=1,80\r\n",1000,DEBUG);
   Serial.println("Server sudah siap!");
    }

void loop() {
  // Cek jika ESP mengirimkan pesan
  if(wifi.available()) {

    if(wifi.find("+IPD,")) {
     delay(1000); 
     int connectionId = wifi.read()-48;     
     wifi.find("pin=");
     int pinNumber = (wifi.read()-48)*10;
     pinNumber += (wifi.read()-48);
           
     int secondNumber = (wifi.read()-48);
     if(secondNumber>=0 && secondNumber<=9)
      {
        pinNumber*=10;
        pinNumber +=secondNumber;
      }
      pinMode(pinNumber,OUTPUT);
     digitalWrite(pinNumber, !digitalRead(pinNumber));  
    
     String closeCommand = "AT+CIPCLOSE="; 
     closeCommand+=connectionId; 
     closeCommand+="\r\n";
     sendCommand(closeCommand,1000,DEBUG); 
    }
  }
}


String sendCommand(String command, const int timeout, boolean debug) 
{
    String response = "";
    wifi.print(command);
    long int time = millis();
    
    while( (time+timeout) > millis())
    {
      while(wifi.available())
      {
        char c = wifi.read();
        response+=c;
      }  
    }
    
    if(debug) {
      Serial.print(response);
    }
    return response;
}

9.) Setelah berhasil upload sketch,  buka serial monitor untuk Menampilkan IP Adress

KETERANGAN : 
Apabila menggunakan Aplikasi Android, ente hanya memasukkan IP Address saja pada textbox yang tersedia dan dapat langsung mengontrol Relaynya. Lain halnya bila tanpa aplikasi Android.

Berikut ini adalah perintah untuk mengaktifkan/menonaktifkan Relay tanpa Aplikasi Android:

• http://192.168.0.103/pin=10 (Untuk ON/OFF Relay 1)
• http://192.168.0.103/pin=11 (Untuk ON/OFF Relay 2)
• http://192.168.0.103/pin=12 (Untuk ON/OFF Relay 3)
• http://192.168.0.103/pin=13 (Untuk ON/OFF Relay 4)

Keterangan :

• 192.168.0.103 (Ubah sesuai dengan IP Adress yang ente dapat dari Serial Monitor)
• 10/11/12/13 (Ubah sesuai dengan port Arduino yang terhubung pada Input Relay)

Setelah semua selesai, maka akan seperti video simulasi diatas

[UPDATE 10-02-2017]  Cara Membuat Aplikasi Android ESPduino

Untuk agan dan sista yang ingin membuat sendiri aplikasinya, silahkan untuk menonton Video tutorial pembuatan aplikasinya dibawah ini, Dan diharapkan dapat dikembangkan lebih jauh lagi untuk jadi project yang lebih kompleks. 

Sekarang, silahkan kunjungi website App inventor 2 dan Happy inventing gan,,, Good luck :)

Terimakasih telah berkunjung, selamat mencoba, semoga bermanfaat.