The Implementation of PWA (Progressive Web App) Technology in Enhancing Website Performance & Mobile Accessibility
Main Article Content
Abstract
The implementation of PWA as a necessary feature aims to provide added value and enhance website performance. This is intended to address several common issues in websites, such as limitations in displaying pages offline and the cost of developing native applications across various operating system platforms, both for desktop and mobile devices. Data collection methods involve literature studies and direct measurements using various tools. Testing conducted includes installation testing, evaluation of PWA criteria, performance, size of transferred resources, and offline mode. Components used in PWA include the web app manifest, service worker, and cache storage. PWA implementation involves creating a web app manifest, service worker registration, service worker configuration, adding script tags, creating specific routes within the website using Express.js, and PWA testing. Test results indicate that the website can be installed and used effectively on various types of devices, both mobile and desktop, and can be accessed in offline mode or with unstable connections.
Article Details
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Copyright on any article is retained by the author(s).
- Author grant the journal, right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work’s authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal’s published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
- The article and any associated published material is distributed under the Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
References
Aminudin, A., Basren, B., & Nuryasin, I. (2019). Perancangan Sistem Repositori Tugas Akhir Menggunakan Progressive Web App (PWA). Techno.Com, 18(2), 154–165. doi: 10.33633/tc.v18i2.2309
Aripin, S., & Somantri, S. (2021). Implementasi Progressive Web Apps (PWA) pada Repository E-Portofolio Mahasiswa. Jurnal Eksplora Informatika, 10(2), 148–158. doi: 10.30864/eksplora.v10i2.486
Aslan, I., Bahtiar, H., & Sudianto, A. (2022). Pengembangan Website Fakultas Teknik Universitas Hamzanwadi Berbasis Progressive WEB APP (PWA). Infotek : Jurnal Informatika Dan Teknologi, 5(1), 99–107. doi: 10.29408/jit.v5i1.4448
Bahari, C. C. B., & Sumaryana, Y. (2019). Penerapan Progressive Web Apps Pada Aplikasi Lowongan Pekerjaan Dosen Universitas Perjuangan. Informatics and Digital Expert (INDEX), 1(1). doi: 10.36423/ide.v1i1.285
Bhilare, A. (2019). Progressive Web App (PWA) for Organization System. International Journal for Research in Applied Science and Engineering Technology, 7(5), 610–613. doi: 10.22214/ijraset.2019.5104
Direktorat Spektrum Frekuensi Radio dan Orbit Satelit. (2005). Perencanaan Frekuensi TV Siaran UHF di Indonesia. Jakarta.
Haryanto, D., & Saputra Elsi, Z. R. (2021). Analisis Performance Progressive Web Apps Pada Aplikasi Shopee. Jurnal Ilmiah Informatika Global, 12(2). doi: 10.36982/jiig.v12i2.1944
ITU-D ICT Statistics. (2014). Mobile-cellular telephone subscriptions. Www.Itu.Int.
leha soleha, Budiman, E., & Wati, M. (2019). Pengembangan Progressive Web Application Portal Program Studi Teknik Informatika Berbasis Restful API. Retrieved from https://api.semanticscholar.org/CorpusID:213685401
Mardan, A. (2014). Starting with Express.js. In Pro Express.js (pp. 3–14). Berkeley, CA: Apress. doi: 10.1007/978-1-4842-0037-7_1
Mhatre, A., & Mali, S. (2023). Progressive Web Applications, a New Way for Faster Testing of Mobile Application Products. 2023 3rd Asian Conference on Innovation in Technology (ASIANCON), 1–6. doi: 10.1109/ASIANCON58793.2023.10269806
Muriyatmoko, D., & Aziz Musthafa. (2022). Website Performance Testing Using Speed Testing Model: A Case of Reputable Indonesian Journals. Teknik: Jurnal Ilmu Teknik Dan Informatika, 2(1), 40–45. doi: 10.51903/teknik.v2i1.120
Noorkaran Bhanarkar, Aditi Paul, & Dr. Ashima Mehta. (2023). Responsive Web Design and Its Impact on User Experience. International Journal of Advanced Research in Science, Communication and Technology, 50–55. doi: 10.48175/IJARSCT-9259
Nurwanto, N. (2019). Penerapan Progressive Web Application (PWA) pada E-Commerce. Techno.Com, 18(3), 227–235. doi: 10.33633/tc.v18i3.2400
Phie Joarno, R. J., Mohammad Fajar, & Arfan Yunus. (2022). Implementasi Progressive Web Apps Pada Website GetHelp Menggunakan Next.js. KHARISMA Tech, 17(2), 1–15. doi: 10.55645/kharismatech.v17i2.219
Riady, J., Palit, H. N., Andjarwirawan, J., & Petra. (2019). Aplikasi E-Learning Berbasis Progressive Web App Pada Apologetika Indonesia. Jurnal Infra Petra, 1–5.
Wahyurianto, F., Arwani, I., & Soebroto, A. A. (2018). Pembangunan Aplikasi Informasi Kesehatan Masyarakat Kota Malang Berbasis Mobile Native Android. Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 3(1 SE-), 416–425. Retrieved from https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/4126
Zott, C., & Amit, R. (2024). Business Models and Lean Startup. Journal of Management, 29(3), 508–509. doi: 10.1177/01492063241228245