INTEGRASI FRAMEWORK BOOTSTRAP DAN CHART.JS UNTUK VISUALISASI DATA SENSOR PADA SISTEM HIDROPONIK BERBASIS INTERNET OF THINGS (IOT)

Abstract

Kurangnya penerapan teknologi menjadi salah satu hambatan dalam pengembangan sektor pertanian khususnya hidroponik. Penelitian ini bertujuan untuk mengembangkan sistem visualisasi data sensor pada sistem hidroponik dengan mengintegrasikan framework bootstrap dan chart.js. Sistem ini bertujuan untuk memperluas kemampuan aksesibilitas dan fungsionalitas dari sistem sebelumnya yang terbatas pada integrasi dengan aplikasi Android. Sistem ini melibatkan pengembangan alat monitoring yang mencakup sensor-sensor yang terpasang pada mikrokontroler ESP-32, yang tidak hanya memantau parameter  tanaman hidroponik, tetapi juga menyediakan fungsi otomasi untuk pemberian pupuk. Melalui pendekatan ini, sistem mampu memberikan aksesibilitas yang lebih luas melalui berbagai platform perangkat, meningkatkan ketersediaan informasi bagi pengguna yang menggunakan perangkat selain Android. Berdasarkan hasil perancangan dan pengujian pada sistem, diperoleh kesimpulan bahwa implementasi framework bootstrap dan chart.js untuk visualisasi parameter tanaman hidroponik berhasil dilakukan dengan ditunjukan waktu untuk memuat halaman web hanya 2 detik dan kemampuan website dalam menangani user request hanya sebesar 354 ms, serta data yang divisualisasikan dalam website sesuai dengan yang dikirim ke dalam database.