IMPLEMENTATION OF FRONT END SEMARANG CITY PUBLIC SERVICE PLATFORM TO ENHANCE PERFORMANCE ASPECT

• Main Author: Bagas Sukarno, Bonaventura
• Format: Final Project
• Language: Indonesia
• Online Access: https://digilib.itb.ac.id/gdl/view/76864
• Institution: Institut Teknologi Bandung

The digital transformation process has driven the digitization of various processes, including public services provided by the government. In its implementation, various separate applications have been developed to enhance services for the public. In Semarang City, there are more than 300 separate applications recorded. Therefore, a public service platform is needed as an integrator so that the public can find relevant public services and information through a single platform. The public service platform is targeted to be accessible to all segments of society, thus requiring attention to both portability and performance aspects. Unfortunately, the current available public service platform in Semarang City has shortcomings, particularly in terms of low performance levels based on testing using Google Lighthouse. To address this issue, a front-end public service platform is implemented based on interaction design while considering performance and portability aspects. This platform is built using the Next.js framework, which provides system performance optimization features, and Progressive Web Application (PWA) to support portability aspects. Testing of this platform is conducted to ensure the successful implementation, performance, and portability of the system. Performance testing is carried out, considering Web Vitals metrics, including First Contentful Paint (FCP), Speed Index (SI), Largest Contentful Paint (LCP), Total Blocking Time (TBT), and Cumulative Layout Shift (CLS). The measurement results for FCP, SI, LCP, TBT, and CLS are 1.076 ms, 3.387 ms, 2.497 ms, 96 ms, and 0, respectively, on a mobile device with a network speed of 1.6 Mbps/768 Kbps and 150 ms RTT. These results fall within the good indicator range, in contrast to the current platform where most metrics are in the poor indicator range. Additionally, the portability testing demonstrates that the platform can be accessed smoothly both via PWA and web browsers such as Chrome, Firefox, Safari, and Edge. From the implementation and testing conducted, it is found that the system has successfully met its functionalities, performance targets, and can be accessed through various devices.