Anda di halaman 1dari 16

1

IoT Starter Pack

Project 8 : Kontrol dg Thinger IO


Deskripsi/Cara Kerja.

Kontrol On – Off LED melalui aplikasi thinger.io ( https://thinger.io/ ). Sebagai controllernya


NodeMCU ESP8266 yang dihubungkan dengan sebuah lampu LED.
NodeMCU ESP8266 memanfaatkan layanan cloud server yang disediakan oleh thinger.io akan
memproses command yang diterima kemudian diterjemahkan menjadi sinyal kontrol ON – OFF
untuk mengendalikan nyala – padam sebuah lampu/LED.

Thinger.io adalah sebuah platform untuk membuat proyek atau aplikasi IoT (Internet of Things)
yang sifatnya open source.

Kita tinggal menambahkan library thinger.io kedalam program Arduino IDE kemudian mulai
membuat sebuah ‘Dashboard’ di thinger.io dengan menambahkan beberapa komponen (widget)
yang diperlukan maka proyek atau aplikasi IoT berbasis ESP8266 (NodeMCU) akan bekerja sesuai
dengan design kita.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
2
IoT Starter Pack

Kebutuhan Hardware.

 NodeMCU V3
 Kabel micro USB
 Breadboard
 LED (4)
 Resistor (4)

Kebutuhan Software.

 Arduino IDE
 Thinger io
www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
3
IoT Starter Pack

Rangkaian/Skematik.

Koneksi NodeMCU dengan LED :

NodeMCU LED
D0 LED 1
D1 LED 2
D2 LED 3
D3 LED 4
Petunjuk/Langkah Praktek.

Step 1 : Instalasi Hardware

Buat rangkaian NodeMCU dengan 4 buah LED dan 4 resistor yang terhubung ke pin D0, D1, D2
dan D3 seperti pada rangkaian/skematik.

Step 2 : Pembuatan Program

Membuat Antarmuka di thinger.io


Silakan masuk ke halaman https://thinger.io/

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
4
IoT Starter Pack

Jika belum mempunyai akun silakan membuat akun di thinger.io terlebih dahulu. Siapkan sebuah
akun email aktif.
Klik pada “Sign Up Now!”.

Isi data – data yang diperlukan kemudian klik “Sign up” dan selanjutnya ikuti petunjuknya
termasuk konfirmasi (verifikasi) melalui email.
www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
5
IoT Starter Pack

Tampilan pada thinger.io setelah Sign up tampak seperti gambar berikut :

Selanjutnya klik pada menu “Device”

Klik pada tombol “Add Device”

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
6
IoT Starter Pack

Selanjutnya akan muncul jendela untuk memberi keterangan pada device yang akan dibuat.
Isi mulai dari Device Id sampai baris terakhir.

1. Isi Device Id dengan ID sembarang (tidak boleh ada spasi). Isi juga deskripsinya
2. Klik “Generate Random Credential” untuk membuat semacam kode/token yang nantinya
dipakai untuk pemrograman di Arduino IDE.
3. Catat (copy paste) bagian “Device credentials”. Selanjutnya klik tombol “Add Device”.
4. Klik Add Device sehingga muncul notifikasi “Done!”.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
7
IoT Starter Pack

Ok sukses membuat device baru.


Selanjutnya kita akan koneksikan Device yang tadi sudah dibuat di thinger.io ke NodeMCU V3.
Buat program untuk NodeMCU ESP8266 dengan Arduino IDE.
Program/Source Code dengan Arduino IDE
Program pada proyek ini memerlukan library :

- ThingerESP8266.h
Buka/jalankan Arduino IDE kemudian buat lembar kerja baru. Tulis kode program berikut.
/***************************************
* Project 8 : Kontrol IoT dg thinger.io
* Board : NodeMCU ESP8266 V3
* Input : thinger.io
* Output : LED
* IoT Starter Pack
* www.ardutech.com
****************************************/

#include <ThingerESP8266.h>
//---GANTI SESUAI DENGAN USER NAME Thinger.io ANDA
#define USERNAME "Ardutech"
//---GANTI SESUAI DENGAN DEVICE ID Thinger.io ANDA
#define DEVICE_ID "Kontrol_Led"
//---GANTI SESUAI DENGAN TOKEN Thinger.io ANDA
#define DEVICE_CREDENTIAL "#$V9z2M0+GH!"
//---GANTI SESUAI DENGAN JARINGAN WIFI
//---HOTSPOT ANDA
#define SSID "ArdutechWiFi" // Nama Hotspot/WiFi
#define SSID_PASSWORD "12345678" // Password

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
8
IoT Starter Pack

ThingerESP8266 thing(USERNAME, DEVICE_ID, DEVICE_CREDENTIAL);


//================================================
void setup() {
pinMode(D0, OUTPUT);
pinMode(D1, OUTPUT);
pinMode(D2, OUTPUT);
pinMode(D3, OUTPUT);
Serial.begin(115200);
thing.add_wifi(SSID, SSID_PASSWORD);
thing["LED1"] << digitalPin(D0);
thing["LED2"] << digitalPin(D1);
thing["LED3"] << digitalPin(D2);
thing["LED4"] << digitalPin(D3);
}
//=================================================
void loop() {
thing.handle();
}

PERHATIKAN !
Ganti/sesuaikan variabel berikut :
 Nama jaringan WiFi/hotspot : SSID
 Password jaringan WiFi/hotspot : PASSWORD
 Username thinger.io : USERNAME
 Device ID : DEVICE_ID
 Device Credential : DEVICE_CREDENTIAL
Simpan (Save) kemudian Upload. Pastikan tidak ada error, jika masih ada silakan cek penulisan dll
kemudian perbaiki. (Program ini sudah diuji langsung dan sudah berjalan tanpa ada error).
Setelah sukses compiling + uploading ke NodeMCU selanjutnya kita cek Device di thinger.io.
Klik menu Device kemudian perhatikan Device yang tadi dibuat (Kontrol_Led) statusnya sudah
“Connected”.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
9
IoT Starter Pack

Selanjutnya masuk ke menu Dashboard. Klik menu Dashboards.

Klik tombol “Add Dashboard”. Isi semua baris yang tersedia.

Terakhir klik Add Dashboard.


www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
10
IoT Starter Pack

Sukses membuat Dashboard.


Ok kembali ke menu Dashboard, klik menu Dashboards.

Muncul daftar Dashboard yang sudah kita buat. Klik pada LED_Control.

Aktifkan dashboard “Kontrol LED” dengan mengaktifkan tombol yang ada di bagian kanan atas.

Setelah aktif, klik tombol “Add Widget”. Ini semacam komponen/widget pada Blynk. Selanjutnya
muncul widget settings.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
11
IoT Starter Pack

Isi pada baris yang tersedia untuk tab “Widget”, selanjutnya pindah ke tab “On/Off State”.

Pada tab Display Option bisa dipilih Switch.

Terakhir klik tombol Save.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
12
IoT Starter Pack

Pada dashboard muncul sebuah widget Switch L1. Tambahkan widget Switch lagi sebanyak 3
Switch dengan cara seperti pada langkah sebelumnya. Klik tombol “Add Widget”.
Widget Settings untuk Switch 2 :

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
13
IoT Starter Pack

Widget Settings untuk Switch 3 :

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
14
IoT Starter Pack

Widget Settings untuk Switch 4 :

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
15
IoT Starter Pack

Nah untuk pembuatan antarmuka pada thinger.io sudah selesai, sekarang kita coba dengan
NodeMCU ESP8266.

Step 3 : Hasil/Pengujian Proyek

Tekan tombol Switch L1 pada dashboard thinger io dan perhatikan LED 1 pada NodeMCU. Jika
Switch 1 ON maka LED 1 juga “ON” demikian juga untuk LED yang lain.

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)
16
IoT Starter Pack

Anda dapat mengedit Switch baik ukuran maupun warna-nya dengan cara klik tombol edit pada
masing – masing Switch.

Selamat berkarya , semoga lancar dan bermanfaat.

Ardutech – “Sahabat Inovasi Anda”

www.ardutech.com @2020 (Terimakasih anda tidak meng-copy file ini untuk dijual kembali)

Anda mungkin juga menyukai