MODUL 30 (SPESIALIS IOT): NODE-RED MQTT & DASHBOARD WIDGETS
📌 META MODUL & PRASYARAT
- Bidang Spesialisasi: Node-RED UI Dashboard & MQTT Integration.
- Target Pembaca: Pembelajar yang sudah menguasai Node-RED Flow (Modul 29).
- Learning Outcome:
- Mampu mengintegrasikan Node-RED secara mulus dengan Mosquitto / EMQX MQTT Broker.
- Mampu membuat antarmuka visual cerdas menggunakan
node-red-dashboard(Gauge, Chart, Switch, Slider). - Mampu membangun sistem kontrol dua arah (Bi-directional Control) dari Web Dashboard ke Sakelar Relay ESP32.
- Mampu melakukan ekspor dan impor flow berbasis format JSON Node-RED.
- Estimasi Waktu Belajar: 120 Menit.
- Tingkat Kesulitan: 🟢 Pemula - Menengah (Level 30 / 40).
- Prasyarat: Modul 29 (Pemrograman Node-RED Flow & Visual Builder).
⚡ CHEAT SHEET NODE-RED DASHBOARD UI NODES
1. ui_gauge : Menampilkan nilai numerik sensor (Suhu, Kelembaban, Tegangan) dalam indikator jarum.
- ui_chart : Menampilkan histori grafik tren data waktu nyata.
- ui_switch : Sakelar toggle ON/OFF untuk mengirimkan perintah Publish MQTT ke Relay.
- ui_slider : Slider pengatur tingkat kecerahan LED PWM atau kecepatan motor (0 - 255).
- ui_text : Menampilkan teks status sistem dan waktu update terakhir.
Latihan & Quiz Evaluasi Modul
Progres Quiz: 0 / 2 Soal
SOAL #1
Paket plugin Node-RED manakah yang digunakan untuk menambahkan komponen UI interaktif seperti Gauge, Chart, dan Toggle Switch pada browser?
SOAL #2
Format file apakah yang digunakan saat kita meng-ekspor atau meng-impor keseluruhan alur kerja (*Flow*) di Node-RED?
Kunci Jawaban & Pembahasan
Kunci Jawaban: 1. b. node-red-dashboard, 2. b. JSON.
Apakah Anda siap lanjut ke Modul 31: Containerization dengan Docker untuk IoT Stack?
Apakah Anda siap lanjut ke Modul 31: Containerization dengan Docker untuk IoT Stack?