OPTIMASI PERFORMA ANTARMUKA REACTIVE DENGAN MENERAPKAN SOCKET PROGRAMMING PADA SISTEM PEMBAYARAN SPP SMA DHARMAWANGSA
DOI:
https://doi.org/10.55123/storage.v5i2.7942Keywords:
Antarmuka Pengguna Reaktif, Socket Programming, Sistem Pembayaran SPP, WebSocket, Sistem Informasi SekolahAbstract
The development of information technology has encouraged the digitalization of administrative systems in education, including SPP payment management. However, at SMA Dharmawangsa, the recording process is still manual, so payment information is not directly accessible to students. This study aims to optimize the performance of the SPP payment system interface by implementing a Reactive User Interface and Socket Programming for payment information delivery. This research uses a descriptive qualitative approach with stages of problem identification, data collection, system design, implementation, and testing. The system is built as a web application using React.js on the client side and Nest.js on the server side. Socket Programming enables real-time communication between server and client, while the Reactive User Interface allows automatic interface updates without page reloads. The results show that the system delivers payment information faster and more responsively than the previous system. Information is updated directly after being recorded by the treasurer, improving delivery efficiency to students. Thus, Reactive User Interface and Socket Programming effectively optimize interface performance and support more efficient SPP management.
Downloads
References
Ahire, P., Joshi, A. and Hajare, S. (2025) “Client-Server Communication Using Socket Programming,” IJCRT, 13(4), pp. 52–59. Available at: https://doi.org/10.13140/RG.2.2.26515.95526.
Das, A.K. and Ghosh, S. (2025) “Real-Time Virtual Classroom Platform: Integrating React, Firebase, WebRTC, and Socket.io,” 2025 8th International Conference on Electronics, Materials Engineering & Nano-Technology (IEMENTech). IEEE, pp. 1–4. Available at: https://doi.org/10.1109/IEMENTech65115.2025.10959621.
Dhoke, P. and Lokulwar, P. (2023) “Evaluating the Impact of No-Code/Low-Code Backend Services on API Development and Implementation: A Case Study Approach,” 2023 14th International Conference on Computing Communication and Networking Technologies (ICCCNT). IEEE, pp. 1–5. Available at: https://doi.org/10.1109/ICCCNT56998.2023.10306945.
Hasnain, M. and Ullah, S. (2023) “Learning and programming challenges of React.js open-source framework,” Library Hi Tech News [Preprint]. Available at: https://doi.org/10.1108/LHTN-05-2023-0088.
Hoppe, P.H.B. and Souza, V.E.S. (2023) “Support for Single Page Application Frameworks on FrameWeb,” Proceedings of the 29th Brazilian Symposium on Multimedia and the Web. New York, NY, USA: ACM, pp. 260–268. Available at: https://doi.org/10.1145/3617023.3617059.
Keshari, P. et al. (2023) “Web Development Using ReactJS,” 2023 5th International Conference on Advances in Computing, Communication Control and Networking (ICAC3N). IEEE, pp. 1571–1575. Available at: https://doi.org/10.1109/ICAC3N60023.2023.10541743.
M, K.P. et al. (2024) “CRUD Application Using ReactJS Hooks,” EAI Endorsed Transactions on Internet of Things, 10. Available at: https://doi.org/10.4108/eetiot.5298.
Mufti Prasetiyo, S. and Ariestia, F.A. (2023) “OKTAL : Jurnal Ilmu Komputer dan Science Mengenal User Interface dan User Experience dalam Dunia Desain dan Teknologi,” Jurnal Ilmu Komputer dan Science, 2(10), pp. 2671–2679. Available at: https://journal.mediapublikasi.id/index.php/oktal.
Nilnoree, S. et al. (2024) “Enhancing Wireless Sensor Network in Structural Health Monitoring through TCP/IP Socket Programming-Based Mimic Broadcasting: Experimental Validation,” Applied Sciences, 14(8), p. 3494. Available at: https://doi.org/10.3390/app14083494.
Peddireddy, K. (2023) “Streamlining Enterprise Data Processing, Reporting and Realtime Alerting using Apache Kafka,” 2023 11th International Symposium on Digital Forensics and Security (ISDFS). IEEE, pp. 1–4. Available at: https://doi.org/10.1109/ISDFS58141.2023.10131800.
Sandeep, K. V and Manjunath, T.C. (2022) “A Novel Mechanism for Design and Implementation of Confidentiality in Data for the Internet of Things with DES Technique,” 2022 Sixth International Conference on I-SMAC (IoT in Social, Mobile, Analytics and Cloud) (I-SMAC), pp. 106–110. Available at: https://doi.org/10.1109/I-SMAC55078.2022.9987268.
Sidorov, D. (2024) “ANALYZING VIRTUAL DOM PERFORMANCE IN FRONT-END FRAMEWORKS,” Наука і техніка сьогодні [Preprint], (8(36)). Available at: https://doi.org/10.52058/2786-6025-2024-8(36)-840-858.
Vadia, K. et al. (2024) “Bug Testing Automation with Playwright and a Backend API,” 2024 8th International Conference on I-SMAC (IoT in Social, Mobile, Analytics and Cloud) (I-SMAC). IEEE, pp. 1867–1870. Available at: https://doi.org/10.1109/I-SMAC61858.2024.10714759.
Vaishali V. Raje, E. al. (2024) “Realtime Anomaly Detection in Healthcare IoT: A Machine Learning-Driven Security Framework,” Journal of Electrical Systems, 19(3), pp. 192–202. Available at: https://doi.org/10.52783/jes.700.
Wagle, R. et al. (2023) “Optimal power flow‐based reactive power control in smart distribution network using real‐time cyber‐physical co‐simulation framework,” IET Generation, Transmission & Distribution, 17(20), pp. 4489–4502. Available at: https://doi.org/10.1049/gtd2.12786.
Yuliana, D. and Purjumatin, P. (2024) “Optimalisasi Pembayaran SPP Berbasis Web Dengan Framework Codeigniter Pada SMK Terpadu Bina Insan Mandiri,” INTECOMS: Journal of Information Technology and Computer Science, 7(4), pp. 1315–1322. Available at: https://doi.org/10.31539/intecoms.v7i4.10875.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Fathur Rahman, Suendri
This work is licensed under a Creative Commons Attribution 4.0 International License.
