10 Langkah Mudah! Tutorial Membuat Dashboard IoT Professional "GRATIS" NodeMCU/ESP32

Apa itu Dashboard Sistem Monitoring

Dashboard sistem monitoring dalam dunia IoT simpelnya adalah sebagai alat bantu antar muka (tampilan) yang bisa dilihat dan dimengerti lebih mudah oleh pengguna karena tampilan visual yang lebih bagus dan mengandung diagram atau gambar. 

Seberapa Penting Dashboard Sistem Monitoring?

Dashboard sistem monitoring sangatlah penting, karena tanpa dashboard tersebut tentu saja kita tidak bisa melakukan pemantauan secara realtime, disamping itu dengan adanya dashboard sistem monitoring akan membuat kita lebih memahami keadaan suatu mesin atau alat ukur.

Apakah Berbayar?

Saat ini ada beberapa penyedia Dashboard Sistem Monitoring yang berbayar dan gratis, mungkin saat ini kalian sudah tidak asing lagi dengan "Blynk", "Thingspeak", dan "Ubidot", ketika temen-temen memakai platform mereka, maka temen-temen akan diberi batasan dalam pembuatan widget yang mana widget tersebut sangatlah diperlukan untuk membangun sebuah dashboard sistem monitoring agar terlihat lebih professional dan mudah dimengerti.

Namun kali ini temen-temen akan mendapatkan sebuah Dashboard Sistem Monitoring dengan widget yang cukup banyak dan GRATIS. Selamat menikmati tutorial di bawah ini.

Tutorial Membuat Dashboard IoT Professional "GRATIS"

1. Buatlah akun "Cayenne" klik disini, Isi dan lengkapi kolom pendaftarannya

2. Setelah selesai melakukan pendaftaran maka akan muncul halaman seperti gambar di bawah ini, klik tombol "Add New" berwarna hijau dan pilih "Device/Widget", disana temen-temen bisa memilih microconttroller sesuai dengan kebutuhan, disini saya memilih ESP8266 sebagai contoh

3. Kemudian temen-temen akan melihat halaman baru berisi parameter-parameter penting, perhatikan gambar di bawah ini.

4. Download Library Cayyenne (Klik disini) dan masukkan ke folder library di PC/Laptop yakni My Documents > Arduino > Libraries, jangan lupa extract librarynya.

6. Download dan buka contoh source code NodeMCU MQTT Dashboard (klik disini), untuk ESP32 bisa (download disini) sudah saya buatkan secara otomatis flowing data sensor.

7. Perhatikan gambar di atas, pada kotak berwarna merah, silahkan diubah sesuai dengan data yang temen-temen miliki. kemudian perhaikan gambar di bawah ini.

8. Naaaah, kemudian upload source code contoh tadi ke NodeMCU, tunggu beberapa saat dan ketika berhasil terhubung, maka temen-temen secara otomatis akan di bawa kedalam halaman baru untuk pemasangan widget.

9. Setelah terhubung maka akan muncul 5 data secara otomatis dan bergantian, perhatikan gambar di bawah ini. tekan tombol (+) pada setiap kotak Channel agar widget terpasang di dashboard.

10. Untuk menambahkan tampilan widget grafis, tekan "Add new" > Device/Widget, scroll kebawah, maka disana terdapat banyak widget, sesuaikan dan perhatikan gambar dibawah ini.

Perhatikan!!!, jika virtualWrite V5, maka kolom channel harus diisi angka 5 , begitu juga dengan yang lainnya jika V1  maka kolom channel diisi angka 1

Hasil uji coba 1

Hasil Uji Coba 2 (Test LIVE VIEW) klik aja!

Terimakasih telah membaca artikel di www.tutorialiot.com semoga bermanfaat