Kembali ke Katalog Modul
MODUL 30 DEEP DIVE

Integrasi Node-RED dengan MQTT Broker & Dashboard

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?