Publication Search

This research aims to design and build a web-based interactive photo booth application with layout, filter, and frame features using object-oriented programming concepts. The application was developed as an alternative solution to digital photo booths that can be accessed directly through a web browser without the need for additional installation. The system development method used is the Waterfall method which includes the stages of needs analysis, system design, implementation, and testing. The technology used in application development includes HTML, CSS, JavaScript, and the use of Web APIs to access the device's camera and process images in real-time. The results of the study show that this web-based photo booth application is able to run well on modern browsers, providing photo capture features, layout settings, filter application, and interactive frame addition. The implementation of object-oriented programming results in a more modular code structure, is easy to understand, and facilitates the development and maintenance of future systems. Thus, the developed application can become a practical, flexible, and easy-to-use digital photography medium.

The SIAP Application is an innovation developed as a solution to support the archiving business process in the Planning Bureau. Currently, most employees still use computers and a web-based cloud system developed by Pusdatin using the PHP programming language as a storage medium for files that are no longer actively used and are categorized as dynamic archives. However, the cloud system does not have a well-structured archive management system, which often causes difficulties when employees need to retrieve archived files. As a result, employees must search for files manually by checking archived documents one by one in the cloud. This process is time-consuming and may lead to problems such as difficulties in finding files and the risk of data loss. Based on these conditions, the SIAP Application was developed to improve the effectiveness and efficiency of archive management in the Planning Bureau.The SIAP Application has an advantage in the archiving process, where employees can easily search for archives using the letter number or subject that has been entered into the system. The system will automatically display the required archive, making the retrieval process faster, more accurate, and more organized compared to the previous cloud system.The development of the SIAP Application uses PHP and HTML as the programming languages, with Bootstrap and Tailwind CSS as the user interface frameworks, and MySQL as the database. The system development method used is the Waterfall model, problem analysis is carried out using the PIECES method, and system testing is conducted through black-box testing and the System Usability Scale (SUS) to measure system usability.

This community service activity aims to enhance participants' digital competency through responsive web design training conducted using integrated webinar and workshop methods. The background of this activity is based on the increasing need for adaptive web development skills across various devices to support digital personal branding. This activity involves university students and the general public and is conducted online utilizing modern communication platforms. The implementation method consists of preparation, implementation, and evaluation stages. In the implementation stage, participants attend webinar sessions to strengthen conceptual understanding of responsive web design principles, followed by workshop sessions that emphasize hands-on practice in website creation using HTML, CSS, and JavaScript. Evaluation is conducted through pre-tests and post-tests to measure program effectiveness. The results show a significant increase in participants' digital competency with an average score increase of 55.8%. These findings indicate that the integration of webinar and workshop methods is effective in improving participants' conceptual understanding and technical skills. This activity is expected to serve as a model for community service based on applicable and sustainable digital competency development.

This community service activity was carried out to overcome the problem of open and uncontrolled internet networks at SMK Islamiyah Serua. This condition poses security risks as well as inefficient bandwidth usage. The solution offered is the implementation of a network gateway system with a user-friendly web-based login portal, so that internet access can be limited only to educators through an authentication mechanism. The implementation method includes needs analysis, system design, implementation using MikroTik RouterOS and HTML/CSS/JavaScript-based web portals, system trials, and socialization to schools. The results showed a significant improvement in network security, bandwidth usage efficiency, and ease of access for teachers. In addition, this activity also increases educators' understanding of the importance of network security in supporting the learning process. The implementation of this system provides sustainable benefits for schools, both from a technical and educational perspective, because it is able to create a safer and more controlled digital environment. Thus, this community service activity not only solves technical problems, but also contributes to improving the quality of educational services at SMK Islamiyah Serua.

The rapid development of the sea transportation industry produces a massive and complex volume of transaction data, requiring strategic management to support managerial decision-making. This research aims to implement the Executive Information System on SeaPass in order to evaluate the performance of ship ticket sales. The research method uses data visualization with a two-level drill-down mechanism, which allows the presentation of information hierarchically from general summaries to specific details. The methodological stages include needs analysis, user interface (UI) design using Figma, front-end implementation with HTML, CSS, and JavaScript, database integration, and system testing through Black Box Testing. The results showed that the SIE implementation successfully integrated operational data, including schedules, ships, and manifests, into an interactive dashboard. The two-level drill-down feature provides the ability for executives to identify operational anomalies and market fluctuations in real-time. In conclusion, the system significantly enhances executive data analysis capabilities, transforming complex transaction data into accurate strategic information, thereby supporting more precise business decision-making and adaptive to the dynamics of the marine transportation market.