Design and Implementationfront-Endweb-Based Management Information System for Student Islamic Boarding School Services Bina Tauhid (PP MABIT) Using The Methodwaterfall

Abstract

The Bina Tauhid Student Islamic Boarding School (PP Mabit) still faces challenges in service management and information delivery, due to the administration system still being carried out manually. This situation results in delays in service, there are many potential errors in data recording, and less than optimal user experience. This study aims to design and implement a web-based service management information system interface, as part of the development of an information system that supports the digitalization of services at PP Mabit. The system development process is carried out using the Waterfall approach, which includes the steps of user needs analysis, display design, user interface implementation, and system testing. This study focuses on the creation and development of a front-end interface that pays attention to aspects of user experience, such as ease of navigation, display alignment, and information delivery. The realization of the web-based system is carried out by utilizing technologies such as HTML, CSS, and JavaScript, and emphasizes the login page, main page, and news and announcement pages. System testing was conducted using the blackbox testing method to assess the suitability of system functions to user needs without looking at the internal code structure. The test results showed that all the main functions of the system operated as expected, the user interface was easy to access, and service information could be obtained more efficiently. This finding indicates that the application of the Waterfall method in developing web-based information systems can improve the quality of user experience and effectiveness in services. This research is expected to be a reference source for the development of service information systems in the web-based student Islamic boarding school environment.