DESAIN INTERAKSI ANTARMUKA WEB-BASED MONITORING PLANT SYSTEM DENGAN MENGGUNAKAN REACT.JS DAN NODE.JS UNTUK SCADA OPERATOR MICROGRID PLANT TUGAS AKHIR Karya tulis sebagai salah satu syarat untuk memperoleh gelar Sarjana dari Institut Teknologi Bandung Oleh Yasmin Sekar Arum NIM: 13218063 (Program Studi Sarjana Teknik Elektro) INSTITUT TEKNOLOGI BANDUNG Juni 2022 ABSTRAK DESAIN INTERAKSI ANTARMUKA WEB-BASED MONITORING PLANT SYSTEM DENGAN MENGGUNAKAN REACT.JS DAN NODE.JS UNTUK SCADA OPERATOR MICROGRID PLANT Oleh Yasmin Sekar Arum NIM: 13218063 (Program Studi Sarjana Teknik Elektro) SCADA digunakan sebagai system kendali energi untuk plant microgrid, sayangnya saat ini masih memiliki tampilan yang kompleks. Antarmuka berbasis website dibangun untuk menghasilkan antarmuka SCADA yang mudah digunakan pengguna, dengan memanfaatkan react.js, node.js, dan library MUI sehingga tampilan minimalis dengan akurasi pembacaan yang baik. Untuk menjaga keamanan antarmuka, website dibangun dengan VPS (Virtual Private Server) yang berada dibawah network firewall ITB. Ketersediaan data sensing menjadi hal penting dalam monitoring data, untuk itu digunakan MySQL sebagai manajemen basis data yang disimpan pada VPS dengan alamat yang sama dengan website. Implementasi berhasil dilakukan dengan menghasilkan antarmuka yang mudah digunakan pengguna secara intuitif dengan hasil rata-rata user engineering testing 4 dari 5 nilai maksimum. Ketersediaan data menunjukkan nilai tesimpan dengan hasil presentase lebih dari 85% untuk digital data sensing yang terukur dengan pengiriman data setiap satu menit dalam jangka waktu dua bulan. Kata kunci: Antarmuka, Ketersediaan Data, SCADA, Microgrid ABSTRACT INTERACTION INTERFACE DESIGN WEB-BASED MONITORING PLANT FOR OPERATOR MICROGRID PLANT OF SCADA SYSTEM USING REACT.JS AND NODE.JS By Yasmin Sekar Arum NIM: 13218063 (Bachelor’s Program in Electrical Engineering) SCADA is used as an energy control system for microgrid plants. Unfortunately, currently, it still has a complex appearance. The website-based interface was built to produce a SCADA interface that is easy for users to use by utilizing react.js, node.js, and the MUI library to have a minimalist appearance with good reading accuracy. To maintain the security of the interface, the website is built with a VPS (Virtual Private Server) under the ITB network firewall. Availability of data sensing is important in monitoring data, for that, MySQL is used as database management which is stored on the VPS with the same address as the website. The implementation was successfully carried out by producing an intuitive, user-friendly interface with an average user engineering testing result of 4 out of 5 maximum values. Data availability shows the stored value with a percentage of more than 85% for digital data sensing, measured by sending data every minute within two months. Keywords: Interface, Data Availability, Virtual Private Server, SCADA DESAIN INTERAKSI ANTARMUKA WEB-BASED MONITORING PLANT SYSTEMDENGAN MENGGUNAKAN REACT.JS DAN NODE.JS UNTUK SCADA OPERATOR MICROGRID PLANT HALAMAN PENGESAHAN Oleh Yasmin Sekar Arum NIM: 13218063 (Program Studi Sarjana Teknik Elektro) Institut Teknologi Bandung Menyetujui Tim Pembimbing Tanggal, 24 Juni 2022 Pembimbing I Pembimbing II Dr. Pranoto Hidaya Rusmin, S.T, M.T. Ir. Edi Leksono, M.Eng., Ph.D. NIP. 132206803 NIP. 131415069.