Memahami Dasarnya: Sebenarnya Apa Itu UI dan UX?
UI berfokus pada tampilan visual sebuah produk, sedangkan UX berfokus pada pengalaman pengguna saat berinteraksi dengan produk tersebut. Keduanya memiliki peran...
Artikel & tutorial
Tutorial praktis ESP32, IoT, web, dan pemrograman dalam Bahasa Indonesia. Semuanya gratis untuk dibaca.
84 artikel
UI berfokus pada tampilan visual sebuah produk, sedangkan UX berfokus pada pengalaman pengguna saat berinteraksi dengan produk tersebut. Keduanya memiliki peran...
HTML adalah fondasi utama dari setiap website yang ada di internet. Dengan memahami cara kerja tag dan struktur HTML, kamu bisa menyusun konten agar mudah dipah...
Pendahuluan Di artikel Mosquitto pribadi (#16), broker kamu sudah pakai username/password — tapi koneksi masih plain MQTT di port 1883. Di jaringan rumah (LAN)...
Pendahuluan Setelah Home Assistant (#21), ESPHome (#22), dan Node-RED (#23), sekarang kita tambahkan sensor gerak PIR — komponen klasik lampu koridor, garasi, d...
Pendahuluan Di Home Assistant (#21) dan ESPHome (#22) kamu sudah membangun smart home lewat integrasi native. Artikel ini melanjutkan Jalur C dengan pendekatan...
Pendahuluan Di artikel #21 kamu menghubungkan ESP32 ke Home Assistant lewat MQTT manual: edit configuration.yaml, definisikan sensor value_template, dan atur sw...
Pendahuluan Di artikel sebelumnya kita sudah belajar menghubungkan ESP32 ke WiFi dan membaca data sensor DHT22. Kali ini kita akan menggabungkan keduanya menjad...
Pendahuluan Di Seri 1 kamu sudah mengontrol relay lampu lewat MQTT (artikel #8) dan mengirim data DHT22 sebagai JSON (artikel #9). Di Seri 2, broker Mosquitto p...
Frontend Development adalah proses membangun semua bagian website yang bisa dilihat dan digunakan langsung oleh pengguna. Melalui kombinasi HTML, CSS, dan JavaS...
Pendahuluan Di artikel NVS + WiFiManager (#12) kita sudah menyiapkan ESP32 agar WiFi dan MQTT bisa dikonfigurasi tanpa hardcode. Node sensor di kebun, gudang, a...
Pendahuluan Di Seri 1 kita memakai DHT22 — sensor digital satu kabel data yang mudah untuk pemula. Di Seri 2, saatnya naik level ke I2C: bus dua kawat (SDA/SCL)...
Pendahuluan Di artikel BME280 (#13) kita sudah membaca suhu, kelembaban, dan tekanan lewat I2C, lalu mengirimnya ke broker MQTT. Data itu hanya terlihat di Seri...