Pengembangan Aplikasi Frontend Berbasis Web untuk Server Data IoT Menggunakan Library ReactJs

Abstract

Perkembangan Internet of Things (IoT) semakin tinggi saat ini. Data yang dihasilkan perangkat IoT perlu disimpan pada sebuah server data. Penyimpanan pada server data saja tidak cukup, diperlukan visualisasi data agar analisis dapat dilakukan dengan mudah. Pada penelitian ini, dikembangkan aplikasi frontend untuk berkomunikasi dengan server data IoT menggunakan library ReactJS. Aplikasi berhasil dikembangkan menggunakan metode pengembangan waterfall. Waterfall dipilih karena kebutuhan aplikasi sudah didefinisikan pada penelitian sebelumnya. Penelitian yang dilakukan berfokus pada pengembangan aplikasi sehingga tahapan yang dilaksanakan tidak sampai tahap operasi dan pemeliharaan. Pengujian aplikasi dilakukan dengan dua metode, yaitu uji fungsionalitas menggunakan metode black box testing dan pengujian usability. Berdasarkan hasil pengujian fungsionalitas, aplikasi dapat menjalankan seluruh fitur sesuai dengan kebutuhan dan dari hasil usability testing, aplikasi yang dibuat mendapat nilai 75.5 sehingga dapat dikategorikan baik hingga sangat baik dan dapat digunakan. Kata kunci: frontend, Internet of Things, ReactJS, visualisasi dat

The development of the Internet of Things (IoT) is currently increasing. Data generated by IoT devices needs to be stored on a data server. Storage on a data server alone is not enough for usersneeds but data visualization is also required so that analysis can be carried out easily. In this research, a front-end application was developed to communicate with an IoT data server using the ReactJS library. The application was successfully created using the waterfall development method. Waterfall was chosen because the application requirements had been defined in previous research. The research focuses on application development so that the stages carried out do not reach the operation and maintenance stage. Application testing is carried out using two methods, namely functionality testing using the black box testing method and usability testing. Based on the results of functionality testing, the application can run all the features according to needs and from the results of usability testing, the application created received a score of 75.5 so it can be categorized as good to very good and can be used. Keywords: data visualization, frontend, Internet of Things, React