A STUDY ON PROGRESSIVE WEB APPS: REVOLUTIONIZING USER EXPERIENCES AND REDEFINING WEB APPLICATIONS

Progressive web App is a web-based application development that includes the application of the latest technology from a browser that can be accessed quickly into one application without having to install. Progressive web applications can run like mobile applications in general, and the user interface is like using native applications. Progressive web app was invented in 1990. Progressive web App uses the latest Technology to produce web apps that provide a better User Experience and User Interface than mobile native. Progressive web app that is supported by a system called Service Worker, where the technology provides Offline Functionality, Notifications, Content Updates, Connectivity Changes and others. So that in a slow connection or an unstable connection you can access websites quickly and have the same appearance as the last time you opened the application via a Web Browser. This progressive web app can optimize web app performance to allow users to have an accessible experience with quickly and easily through browsers such as notebooks, personal computers or through mobile devices. This progressive web app is a service worker that allows a web app that can be run through all existing browsers and has a fairly simple and transparent process. So that the page that is opened, on the service worker site which is a proxy client that can be written in javascript, as well as being able to cache the assets needed for offline support which can determine certain events to activate the service worker such as push notifications, camera, and background sync. Keywords : Progressive Web Apps, Web, User Interface, Native Apps, User Experience

This article analyzes and contrasts the use cases, Cultivation Methods, Tools, and User Experiences of Progressive Web Apps (PWAs) and Mobile Native Applications. It notes that since 2015, the use of PWAs has surged as a result of faster download times, offline usability, lower development costs, and enhanced engagement. Key PWAs For the Building of PWAs includes Service Workers, Web App Manifests and Responsive Web Design; the article showcases practical code examples for registering service workers, and handling notifications, as well as caching resources for a seamless user experience. Popular frameworks for PWA development includes Angular, React and Vue.js. For the user interface, Framework7, React Native, Ionic and Onsen UI provide a native user interface and feature design and offer enhanced usability. To empower PWAs, best practices include notifications and caching for heightened user reliability. Exercises in the article include tables showing the advantages and disadvantages of methods, tools sticks, and practices which outline the best routes for the developers. In essence, the article states that PWAs provide high-performance levels, are scalable, secure, and user-engaging, thus going through the same competition as native applications besides maintaining development and maintenance costs to their lowest. As the browser capabilities advance, it will become an ever-important chair for modern web development.

Mobile applications are an integral part of our daily life. From ordering food to online banking, they are used for a multitude of daily tasks. Currently, there are two main ways to build mobile applications — native apps and Progressive Web Apps (PWAs). Native apps are built separately for Android and iOS, while PWAs are web-based apps that function similarly to native apps within a browser environment. This paper compares these two technologies based on performance (speed, memory, battery), user experience (ease of use, satisfaction), and development efficiency (cost, maintenance). Real-world examples like Starbucks PWA, Twitter Lite, and Ma-Ease (a native Android app) are used to clearly illustrate these differences. The study found that native apps are superior in terms of performance and user experience, but PWAs are more cost-effective to develop and simpler to maintain. The System Usability Scale (SUS) scores for native apps were 83.2 (Excellent) and those for PWAs at 76.5 (Good). This paper assists developers and organizations in deciding which technology to choose based on their needs and budget. Keywords: Progressive Web Apps (PWA), Native Mobile Applications, Performance Benchmarking, User Experience (UX), System Usability Scale (SUS), Service Workers, Mobile Development, Cross-Platform.

Progressive Web Apps (PWAs) have emerged as a transformative technology, redefining the landscape of web development by combining the best features of web applications and native mobile apps [1]. This comprehensive literature review paper provides an indepth exploration of the PWA ecosystem, tracing its historical evolution and examining the key advancements that have shaped its trajectory. The paper delves into the core capabilities of PWAs, highlighting how they leverage modern web technologies, such as service workers, web app manifests, and responsive design principles [2], to deliver an engaging and seamless user experience. Through an analysis of existing research, the review explores the performance benefits of PWAs, demonstrating how they can outperform traditional web apps and even native mobile applications in terms of loading speeds [3], offline accessibility [4], and overall responsiveness. Furthermore, the paper examines the cross-platform compatibility of PWAs, revealing their ability to provide a consistent user experience across a wide range of devices, from desktops to smartphones and tablets [5]. The review also delves into the challenges and best practices surrounding the successful adoption and deployment of PWAs, addressing security, privacy, and integration concerns [6]. By synthesizing the findings from various studies, this literature review offers valuable insights into the current state of PWA adoption and the emerging trends that are shaping the future of web development. The paper concludes by discussing the broader implications of PWAs, exploring their potential to revolutionize user engagement [7], improve accessibility [8], and drive innovation in the technology landscape [9].

Progressive Web Apps or PWAs can be described as the next big advancement in site design and building, as they give web application - like functionality within a web browser without the need for app downloads. This paper discusses how PWAs build the path between normal mobile applications and web applications using service workers; web application manifests, and contemporary JavaScript frameworks. PWAs have functionalities like offline capability, push notification, and background refresh that address the users' engagement; scalability and dependability of web application that facilitate the functionality of the PWAs. The given features enable PWAs to provide an unbroken and captivating interface to individuals, even during certain circumstances when one has intermittent or no Internet connection. The research aims to evaluate the increasing engagement of users with the help of PWAs and what parameters should be involved: time to loading, interactivity, and re - engagement rates. The paper assesses the development of PWAs and measures how organizations such as Twitter, Uber, and Flipkart have adopted PWAS to increase their profits, client satisfaction, and performance based on research studies. This research gathers data from PWA developers to understand the motivation and barriers to its use. Studies show that applying PWAs yields significant performance enhancements as they cache data and do not require a constant Internet connection. In addition, the study shows how push notifications and background sync features help enhance user engagement since clients are reminded to be active without having to install an application. However, the various benefits of this research bring some understanding and realization of certain drawbacks like technical difficulties, support from only a limited number of browsers, and perceived impressions, which may slow its uptake.

ABSTRAK Penggunaan teknologi AMP dan PWA semakin meningkat, namun dalam laporan Emergent Research, hanya sekitar 20% dari 100% responden yang sudah atau berencana untuk mengimplementasikan salah satu dari kedua teknologi tersebut pada website yang akan dikembangkan. Hal ini menunjukkan masih tingginya keraguan para pengembang dalam menerapkan teknologi tersebut. Tujuan dari penelitian ini adalah untuk mengkaji secara mendalam kinerja AMP dan PWA, dengan harapan dapat memberikan pandangan yang netral terhadap kedua teknologi tersebut. Penelitian ini menggunakan metode deskriptif kualitatif, dengan menganalisis data sekunder tentang dampak PWA dan AMP secara menyeluruh, termasuk pengalaman pengguna, kecepatan memuat, kemampuan akses offline, biaya pengembangan, dukungan perangkat, keamanan, distribusi, penggunaan sumber daya, pemeliharaan dan pembaruan, fungsi-fitur, dan kepuasan pengguna. Hasil penelitian menunjukkan bahwa kedua teknologi efektif dalam meningkatkan kinerja dan pengalaman pengguna, dengan peningkatan performa berkisar 26%-94% dibandingkan dengan web aplikasi tanpa kedua teknologi tersebut. AMP dan PWA memiliki karakteristik dan keunggulan yang berbeda, sehingga dapat digunakan bersamaan untuk memperkaya aplikasi web. Hal ini menunjukkan bahwa kedua terknologi tersebut tidak saling bertentangan, melainkan dapat saling melengkapi. Kata kunci: Accelerate Mobile Page, Progessive Web Application, User Experience, Web Performance, Web Technology ABSTRACT The utilization of AMP and PWA technologies is increasing; however, only approximately 20% of the 100% of respondents who have already implemented or plan to implement one of these technologies on their upcoming websites, as indicated in the Emergent Research report. This shows that there is still considerable uncertainty among developers when it comes to adopting these technologies. The objective of this research is to conduct a comprehensive of the performance of AMP and PWA technologies, with the hope of providing an impartial perspective on both technologies. This study employs a methodology that combines literature review and ethnographic analysis to comprehensively assess the impact of PWA and AMP, including user experience, loading speed, offline access capabilities, development costs, device support, security, distribution, resource utilization, maintenance and updates, feature functionalities, and user satisfaction. The research results show that both technologies are effective in improving performance and user experience, with performance increases ranging from 26% -94% compared to web applications without these two technologies. An intriguing finding is that AMP and PWA can be used simultaneously in one application, which shows that these two technologies are not mutually exclusive but rather complementary. Keywords: Accelerate Mobile Page, Progressive Web Application, User Experience, Web Performance, Web Technology

Mobile software development is an emerging technology and so are the strategies to build them. This paper focuses on the budding technology i.e. Progressive Web Apps (PWAs), which bridges the gap between web and native mobile apps. Service Worker is the backbone of any PWA. It enables caching of memory, offline access, and other gem features. To prove that caching memory improves the performance, tests have been performed. Taking the advantage of Google's Lighthouse (beta) tool, metrics have been calculated and solutions to improve them are suggested. We has demonstrate the service worker and its impact on cross platform approaches and compare android, iOS and PWA performance growth.

Given the monopoly over native mobile market for certain kind of apps, a cheaper and an easier to make alternative is necessary. One such alternative are the progressive web apps which solve some of the issues related to the native mobile apps. The goal of the work is to analyse the pros of progressive web apps and native mobile apps and estimate why and at which scenarios the progressive web apps can outcompete native mobile apps in terms of the pros.

Progressive Web Apps (PWAs) are websites that provide mobile browser users with an app-like experience. This article describes our efforts to improve the Omah Wayang Klaten (OWK) website’s user experience by integrating Progressive Web Application (PWA) technology. As the existing website was built with WordPress, the API was utilized to implement the change. In redesigning the OWK website and using PWA technology, we employed Prototyping Method as the development strategy. Afterward, the planned system was evaluated using the User Experience Questionnaire (UEQ). UEQ is a complete user experience tool comprised of six components: attractiveness, perspicuity, efficiency, dependability, stimulation, and novelty. Thirty (30) responders committed to the UEQ evaluation process prior to and following the PWA. We used Google’s Lighthouse as a web-automated measuring tool and manual assessment to determine the quality of the PWA. The analysis revealed that the OWK website has successfully implemented the WordPress API for PWA. In the most recent version of UEQ and Lighthouse, analysis of results before and after deployment yielded higher scores.

The "CITRA" Hot Spring in Teluk Sibayan, Batu Bara Regency, North Sumatra, holds significant potential as a tourist destination. However, the main challenges faced by the management include a lack of digital promotion, limited tourist visits from outside the region, and a shortage of human resources skilled in using information and communication technology (ICT). The community service project by the STMIK Royal Faculty aimed to address these issues through mentoring, training, and technology development. The methods employed included workshops and training on digital tourism promotion, the creation of a web-based ticketing application, and a smart tourism application based on Progressive Web Apps (PWA) with push-notification features. Additionally, social media accounts on Instagram and Facebook (@sibayan.pemandian) were established as online promotion platforms. The results of this initiative indicate an improvement in the staff’s capacity to utilize technology, along with the provision of digital systems that streamline visitor management and promotion efforts. As a result, Pemandian Citra now has stronger digital infrastructure to support tourism promotion and attract more visitors.Keywords: community service; hot springs; PWA; smart tourism; promotion Abstrak: Pemandian Air Panas "CITRA" di Teluk Sibayan, Kabupaten Batu Bara, Sumatera Utara, memiliki potensi besar sebagai destinasi wisata. Namun, permasalahan utama yang dihadapi pengelola adalah kurangnya promosi digital, minimnya kunjungan wisatawan dari luar daerah, serta keterbatasan sumber daya manusia dalam menggunakan teknologi informasi dan komunikasi (TIK). Kegiatan pengabdian masyarakat oleh Tim Dosen STMIK Royal bertujuan untuk mengatasi masalah ini melalui pendampingan, pelatihan, dan pengembangan teknologi. Metode yang digunakan mencakup workshop dan pelatihan terkait promosi wisata digital, pembuatan aplikasi tiket berbasis web, serta aplikasi smart tourism berbasis Progressive Web Apps (PWA) dengan fitur push-notification. Selain itu, akun media sosial Instagram dan Facebook dengan nama pengguna @sibayan.pemandian juga dibuat sebagai sarana promosi online. Hasil dari kegiatan ini menunjukkan peningkatan kapasitas staf pemandian dalam memanfaatkan teknologi, serta penyediaan sistem digital yang mempermudah pengelolaan kunjungan dan promosi. Dampaknya, Pemandian Citra kini memiliki infrastruktur digital yang lebih kuat untuk mendukung promosi wisata dan meningkatkan daya tarik bagi wisatawan..Kata kunci: Pengabdian Masyarakat; Pemandian Air Panas; PWA; Smart Tourism; Promosi

Context. Mobile web apps represent a large share of the Internet today. However, they still lag behind native apps in terms of user experience. Progressive Web Apps (PWAs) are a new technology introduced by Google that aims at bridging this gap, with a set of APIs known as service workers at its core. Goal. In this paper, we present an empirical study that evaluates the impact of service workers on the energy efficiency of PWAs, when operating in different network conditions on two different generations of mobile devices. Method. We designed an empirical experiment with two main factors: the use of service workers and the type of network available (2G or WiFi). We performed the experiment by running a total of 7 PWAs on two devices (an LG G2 and a Nexus 6P) that we evaluated as blocking factor. Our response variable is the energy consumption of the devices. Results. Our results show that service workers do not have a significant impact over the energy consumption of the two devices, regardless of the network conditions. Also, no interaction was detected between the two factors. However, some patterns in the data show different behaviors among PWAs. Conclusions. This paper represents a first empirical investigation on PWAs. Our results show that the PWA and service workers technology is promising in terms of energy efficiency.

Mobile software development is an emerging technology and so are the strategies to build them. This paper focuses on the budding technology i.e. Progressive Web Apps (PWAs), which bridges the gap between web and native mobile apps. Service Worker is the backbone of any PWA. It enables caching of memory, offline access, and other gem features. To prove that caching memory improves the performance, tests have been performed. Taking the advantage of Google's Lighthouse (beta) tool, metrics have been calculated and solutions to improve them are suggested. We has demonstrate the service worker and its impact on cross platform approaches and compare android, iOS and PWA performance growth.

The mobile apps have been reaching a huge success on the mobile market. This opportunity attracted a lot of interested companies to have their own optimized mobile apps for all major mobile operation systems. However, these developments are expensive when developed natively for each mobile platform. New improvements done on the web technologies, allowed more features and capabilities than previously was only possible on apps that was developed natively. This started new possibilities on consolidate all developments only on web apps, that are apps that runs on web browsers. This paper intends to understand which evolutions, capabilities and limitations exists on developing a web app to run in all devices. We present the new concept of Progressive Web App, created by Google, in a way to normalize all web developments. It will be introduced the major advantages on developing the apps centralized as a Progressive Web App, comparing on developing the same solution for each different mobile platform. It will be also described the current state of web technologies and in which preferable scenarios the Progressive Web Apps are a strong alternative to the mobile native apps.

The article examines the key components of Progressive Web Apps (PWA), including Service Workers, Web App Manifest, and HTTPS, which ensure performance, security, and usability. Particular attention is given to their role in optimizing the user experience and reducing the costs of application development and maintenance. The research methodology includes an analytical review of modern technologies, a comparative analysis of architectural solutions, and experimental testing that compared PWA and native applications. The experiment evaluated parameters such as loading speed, device resource consumption, ease of installation and updating, and offline functionality. Both objective metrics and subjective data reflecting user satisfaction were used in the analysis. The results demonstrated that PWA enables quick installation, efficient resource usage, and a high level of convenience comparable to native solutions. At the same time, the offline functionality of PWA slightly lags behind traditional applications. Modern development tools such as Google Lighthouse and Workbox, which contribute to optimizing PWA performance, are also discussed separately. These tools allow for the automation of testing processes, caching strategies configuration, and overall application performance improvement, significantly simplifying the creation and maintenance of web solutions. The findings indicate that the adoption of these technologies can profoundly influence the future of digital development due to their accessibility, cost efficiency, and high-quality user interaction.

App development is a steadily growing industry. Progressive web apps (PWAs) constitute a technology inspired by native and hybrid apps; they use web technologies to create web and mobile apps. Based on a service worker, a caching mechanism, and an app shell, PWAs aim to offer web apps with features and user interfaces similar to those of native apps. Furthermore, technological development has created a greater need for accessibility. An increasing number of websites, even government ones, are overlooking the need for equal access to new technologies among people with disabilities. This article presents, in a systematic review format, both PWAs and web accessibility and aims to evaluate PWAs’ effectiveness as regards the corresponding accessibility provided.