Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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

1 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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

2 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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.

3 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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

4 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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

5 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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);

6 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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;

7 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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

8 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

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,,,

9 of 10 19/11/2017, 17:30
Kontrol Relay dengan Arduino dan ESP8266 Web Server http://www.boarduino.web.id/2015/08/kontrol-relay-dengan-arduino-d...

Good luck :)

Terimakasih telah berkunjung, selamat mencoba, semoga bermanfaat.

10 of 10 19/11/2017, 17:30