Evaluasi dan Implementasi Aplikasi Web Progresif dengan Komponen Material React

ABSTRAK

Tulisan ini membahas tentang proyek penelitian pada aplikasi web progresif (Progressive Web Application / PWA). Tujuan dari proyek penelitian ini adalah untuk mengevaluasi dan mengimplementasi sebuah aplikasi web progresif. Metode penelitian yang dilakukan adalah eksplorasi teori yang relevan dan mengembangkan sebuah prototype aplikasi berita berbasis PWA. Prototype aplikasi ini menggunakan komponen material web React sebagai user interface sedangkan Web App Manifest, Service Worker, App Shell dan Web Push Notification diimplementasikan untuk membuat aplikasi web dapat berjalan secara offline, loading dengan cepat bahkan pada koneksi jaringan yang tidak stabil, dapat dipasang (installable) pada home screen dan dapat mengirim push notification layaknya aplikasi native. Hasil penelitian menunjukan bagaimana PWA mengkombinasikan aplikasi web dan aplikasi native. Di samping itu juga menunjukan beberapa tantangan yang dihadapi PWA pada saat ini dan menunjukan bahwa PWA masih dalam tahap pengembangan. Sementara Google tetap akan mendukung dan memberikan upaya dengan menyediakan tutorial PWA. Sehingga dengan dukungan web browser dan platform-nya, PWA dapat menjadi mobile web masa depan.

Keywords: Progressive Web App (PWA), Service Worker, App Manifest, App shell, Push Notification, React.js, Lighthouse

Hendra

Bapak Hendra, S.Kom., M.T. adalah pendiri sekaligus penulis artikel dalam website ini. Saat ini Pak Hendra bekerja sebagai developer advisor di PT. Visionet Data Internasional. Beliau juga mengajar di School of Computer Science BiNus University Jakarta.