Development of a Web-Based Booking Portal System for a Hospital Information System

Moh. Zahri Valent Affandi; Fauzan Ilyas Almeyda; Moch. Fikri Nazaruddin; Faisal Mutaqin

doi:10.59934/jaiea.v5i3.2522

Authors

Moh. Zahri Valent Affandi UPN Veteran "Jawa Timur"
Fauzan Ilyas Almeyda UPN Veteran "Jawa Timur"
Moch. Fikri Nazaruddin UPN "Veteran" Jawa Timur
Faisal Mutaqin UPN "Veteran" Jawa Timur

DOI:

https://doi.org/10.59934/jaiea.v5i3.2522

Keywords:

Appointment Booking; Digital Healthcare Services; Patient Portal; User Interface; Web Application

Abstract

The advancement of information technology has accelerated digital transformation in the healthcare sector through the development of web-based healthcare services that are more accessible to the public. One implementation of this transformation is a Patient Portal that provides various digital healthcare services, including online appointment booking. However, complex navigation and poorly structured information presentation can reduce user convenience when accessing these services. This study aims to develop a web-based Patient Portal user interface to improve accessibility to digital healthcare services. The research employed the Prototyping method, which includes requirement analysis, interface design, system implementation, data integration, functional testing, and evaluation. The system was developed using React JS, Remix JS, TypeScript, and Mantine UI, and integrated with an Application Programming Interface (API) to provide dynamic data presentation. The development focused on the appointment booking feature, which consists of branch selection, clinic selection, doctor selection, payment method selection, schedule selection, and booking confirmation. The results indicate that the developed interface provides more structured information, simplifies user navigation, and delivers a responsive user experience across various devices. Black Box Testing results showed that all system functions operated according to user requirements. Therefore, the development of the web-based Patient Portal interface can improve access to digital healthcare services and support a more effective and efficient healthcare appointment booking process.

Downloads

Download data is not yet available.

References

Carini, E., Villani, G., Pezzullo, A., Gentili, A., Barbara, A., Di Mario, M., Ricciardi, W., & Boccia, S. (2021). The Impact of Digital Patient Portals on Health Outcomes, Health Care Quality, and Patient Attitudes: Updated Systematic Literature Review. Journal of Medical Internet Research, 23(9), e26189.

El Yaman, N., Bachour, H., Hajj, A., Salameh, P., Zeenny, R. M., & Sacre, H. (2023). Utilization of Patient Portals and Associated Factors among Adults: A Cross-Sectional Study. BMC Medical Informatics and Decision Making, 23(1), 189.

Oudbier, S. J., van der Vaart, R., Kelders, S. M., & Ossebaard, H. C. (2025). Patients' Experienced Usability and Satisfaction with Digital Health Solutions in a Home Setting. JMIR Medical Informatics, 13, e63703.

Alshamrani, A., & Bahattab, A. (2015). A Comparison Between Three SDLC Models Waterfall Model, Spiral Model, and Incremental/Iterative Model. International Journal of Computer Science Issues, 12(1), 106–111.

El Saddik, A., & Orozco, M. (2022). User Experience Design Principles for Interactive Digital Systems. Journal of Interaction Design and Architecture, 53, 45–58.

Wibowo, A., Nugroho, Y., & Prasetyo, R. (2023). Implementation of Black Box Testing in Web-Based Information Systems. Journal of Information Systems Engineering and Business Intelligence, 9(2), 120–129.

Cahyadi, R., & Akbi, D. R. (2026). Implementasi Restfull API Menggunakan Json Web Token Pada Website Manajemen Infrastruktur. Jurnal Ilmiah Penelitian dan Pembelajaran Informatika, 11(2), 996–1009.

Grossman, L. V., Masterson Creber, R., Ryan, B., Vawdrey, D. K., & Ancker, J. S. (2022). Patient Portal Use and Experience Among Patients with Chronic Conditions: A Systematic Review. Journal of Medical Internet Research, 24(6), e31570.

Alharbi, A., Alotaibi, R., Alghamdi, S., & Alzahrani, A. (2024). Factors Influencing User Experience and Usability of Digital Health Applications: A Systematic Review. International Journal of Medical Informatics, 184, 105367.

Haleem, A., Javaid, M., Singh, R. P., & Suman, R. (2023). Digital Healthcare Applications and Their Impact on Modern Healthcare Systems. Sensors, 23(2), 788.