Pengembangan Dashboard Monitoring Suhu Berbasis Laravel Untuk untuk Sistem IoT Menggunakan ESP32 Dan Broker MQTT

Abstrak

Perkembangan teknologi Internet of Things membuka peluang besar untuk menciptakan sistem pemantauan lingkungan yang lebih efisien, khususnya di bidang pendidikan. Tujuan dari penelitian ini adalah menciptakan sistem pemantauan suhu ruangan berbasis IoT yang mengintegrasikan sensor DHT22 dan mikrokontroler ESP32 melalui aplikasi web berbasis Laravel, data suhu yang dikirim secara langsung melalui protokol MQTT ke server kemudian disimpan dalam database MySQL dan divisualisasikan menggunakan Chart.js pada dashboard interaktif.    

Metode yang diterapkan mencakup analisis kebutuhan, perancangan sistem, implementasi, dan pengujian performa sistem dalam menampilkan data suhu, dari hasil pengujian, diketahui bahwa sistem mampu menampilkan data suhu secara akurat, responsif, dan stabil. Antarmuka pengguna dirancang agar responsif dan nyaman digunakan di berbagai perangkat, mulai dari smartphone hingga laptop.    

Selain berfungsi sebagai alat pemantau suhu, sistem ini juga berpotensi digunakan sebagai media pembelajaran digital untuk mengenalkan konsep dasar IoT, sensor, komunikasi data, dan pengembangan web, dengan memanfaatkan teknologi open-source, sistem dalam penelitian ini menjadi lebih mudah diakses, dikembangkan, dan digunakan dalam berbagai situasi pendidikan dan pengawasan lingkungan.    

Kata Kunci: Internet of Things, Laravel, ESP32, MQTT, Dashboard, Monitoring Suhu.

Abstrak

The advancement of Internet of Things (IoT) technology presents significant opportunities to create more efficient environmental monitoring systems, particularly in the field of education. This study aims to develop an IoT-based room temperature monitoring system that integrates the DHT22 sensor and ESP32 microcontroller with a Laravel-based web application. Temperature data is transmitted in real time via the MQTT protocol to a server, then stored in a MySQL database and visualized using Chart.js on an interactive dashboard.

The applied methodology includes needs analysis, system design, implementation, and system performance testing in displaying temperature data. Test results indicate that the system can present temperature readings accurately, responsively, and reliably. The user interface is designed to be responsive and user-friendly across various devices, from smartphones to laptops.

In addition to functioning as a temperature monitoring tool, this system also holds potential as a digital learning medium to introduce fundamental concepts of IoT, sensors, data communication, and web development. By utilizing open-source technologies, the system becomes more accessible, scalable, and applicable to various educational and environmental monitoring contexts.

Keywords: Internet of Things, Laravel, ESP32, MQTT, Dashboard, Temperature Monitoring.