Application of Next.js and GraphQL in Mobile Web Development of Puskesmas Management Information System
DOI:
https://doi.org/10.22303/csrid-.16.3.2024.247-258Keywords:
Puskesmas Management Information System, Mobile Web, Next.js, GraphQL, Design Science Research (DSR)Abstract
This research focuses on the development of a Mobile Web-based Puskesmas Management Information System (SIMPUS) motivated by the need for the Puskesmas Rawat Inap Jungkat to improve information services and data management. The problem being faced by the Puskesmas Rawat Inap Jungkat is that the management of patient data visiting the health center is still manual and is done repeatedly, which results in the efficiency and effectiveness of services being hampered and data redundancy. SIMPUS mobile web development applies Next.js for the front-end and Laravel for the back-end, with GraphQL as the data retrieval protocol. This system is designed to simplify the patient registration process, polyclinic data management from registered patients, and efficient service management. This research uses the Design Science Research (DSR) method with data collection techniques in the form of observations, interviews, and documentation studies to develop a mobile web information system and puskesmas management that focuses on patient registration until the patient's data that registers directly enters the intended polyclinic. The System Modeling with Unified Modeling Language (UML) with White-Box testing to ensure system functionality. The results of the study are expected to make a positive contribution in improving the quality of health services at the Puskesmas Rawat Inap Jungkat, increasing operational efficiency and effectiveness, and facilitating access to information for patients and health center staff.
References
Hariyoko, Y., Jehaut, Y. D., & Susiantoro, A. (2021). Efektivitas pelayanan kesehatan masyarakat oleh puskesmas di kabupaten manggarai, Jurnal Good Governance, No. 2, Vol.17, 169-178.
Rewah, D. R., Sambiran, S., & Pangemanan, F. (2020). Efektivitas Penerapan Sistem Informasi Manajemen Puskesmas (SIMPUS) di Kota Manado (Studi Puskesmas Bahu). Jurnal Eksekutif, 2(5).
Gow, V. K., Kosasi, S., Wijaya, T., David, D., & Laipaka, R. (2021). Penerapan Teknologi Restful Web Service Aplikasi Mobile Jasa Make Up. Information System Journal (INFOSYS), 6(2), 127-140.
McFedries, P. (201). Web Coding & Development All-in-One For Dummies. John Wiley & Sons, Canada.
Widayanti, T. (2023). Perencanaan Enterprise Architecture Pada Rumah Sakit Ibu Dan Anak Mulia Menggunakan Togaf Adm. Jikom: Jurnal Informatika dan Komputer, 13(2), 26-34.
Putra, M. Y. (2020). Responsive Web Design Menggunakan Bootstrap Dalam Merancang Layout Website. Information System For Educators And Professionals: Journal of Information System, 5(1), 61-70.
Hermanto, H. (2023) Pengembangan sistem penyewaan mobil secara online. Jurnal Teknologi Informasi dan Komunikasi Bisnis, 6(1), 34-47.
Porcello, E., & Banks, A. (2018). Learning GraphQL: declarative data fetching for modern web apps. O'Reilly Media, Inc, USA.
Nur, A., Pasaribu, A. F. O., & Romlah, S. (2021). Sistem Informasi Manajemen Pendaftaran Rekam Medik Pasien Berbasis Mobile (Studi Kasus: Klinik Bersalin Nurhasanah). Jurnal Teknologi dan Sistem Informasi, 2(2), 109-115.
Halimah, H., Wasilah, W., Marshella, O., & Saleh, S. (2023, August). Sistem Informasi Manajemen Puskesmas (Simpus) Pada Puskesmas BIHA Pesisir Barat Lampung. In Prosiding Seminar Nasional Darmajaya (Vol. 1, pp. 152-160).
Putra, D. M., Yasli, D. Z., Leonard, D., & Yulia, Y. (2020). Penerapan Sistem Informasi Manajemen Puskesmas (SIM-PUS) Pada Unit Rekam Medis Dan Informasi Kesehatan Di Puskesmas Lubuk Buaya Kota Padang. J. Abdimas Saintika, 2(2), 67-72.
Vom Brocke, J., Hevner, A., & Maedche, A. (2020). Design science research: Cases. Springer Nature Switzerland AG 2020, Switzerland.
Katiyar, V. P., & Patel, S. (2019). White-Box Testing Technique For Finding Defects. Glob, J. Res. Anal, No.7, Vol.8, 83-85.
Rachman, A. F., Shalahudin, M. I., & Radifa, F. A. (2023). Implementasi Website Full-Stack Menggunakan Teknologi Next. Js, React, Dan Sanity. Jurnal GENIEMAS: Generasi Teknologi Melayani Masyarakat, 19-22.
Bagui, S.S., & Richard, W.E. (2023). Database Design Using Entity-Relationship Diagrams. Boca Ratn : CRC Press, Edisi Ketiga.
Sonata, F. (2019). Pemanfaatan UML (Unified Modeling Language) dalam perancangan sistem informasi e-commerce jenis customer-to-customer. Jurnal Komunika: Jurnal Komunikasi, Media Dan Informatika, 8(1), 22-31.









