Penerapan Progressive Web Apps untuk Pengembangan Fitur Push Notification dan Multi-Platform Installable pada Aplikasi Beasiswa

Implementation of Progressive Web Apps for the Development of Push Notification and Multi-Platform Installable Features in Scholarship Applications

Kecenderungan orang dalam melihat website yang sewaktu-waktu dan tidak rutin berpotensi untuk kehilangan informasi. Oleh karena itu diperlukan suatu cara yang dapat memberikan perhatian kepada pengguna jika terdapat informasi baru pada aplikasi web.

Progressive Web Apps merupakan sebuah teknologi pada aplikasi web agar memiliki kemampuan seperti aplikasi native. Salah satu fitur yang didukung oleh PWA adalah push notification. Selain Push Notification, PWA juga mendukung fitur multi-platform installable. Fitur tersebut berguna agar aplikasi dapat dipasang pada perangkat yang beragam dan dapat meningkatkan pengalaman pengguna.

Tujuan dari penelitian ini adalah menerapkan PWA untuk pengembangan fitur push notification dan multi-platform installable, serta melakukan pengujian terhadap keberhasilan pengembangan dua fitur tersebut pada aplikasi beasiswa. Pengujian dilakukan dengan metode pengujian blackbox dan pengujian performa pengiriman notifikasi.

Hasil penelitian ini menunjukkan bahwa fitur push notification dan multi-platform installable pada aplikasi beasiswa berhasil dikembangkan dengan menerapkan PWA. Kedua fitur tersebut dapat bekerja pada sistem operasi android, windows, dan iOS.

Hasil pengujian menunjukkan bahwa perangkat dengan sistem operasi android dan windows berhasil melalui seluruh skenario pengujian blackbox. Sedangkan perangkat dengan sistem operasi iOS  gagal pada satu skenario pengujian yaitu pengiriman notifikasi dengan gambar.

Pengujian performa pengiriman notifikasi menunjukkan bahwa besar data gambar yang akan ditampilkan pada notifikasi tidak mempengaruhi durasi pengiriman notifikasi dari server menuju perangkat. Sedangkan besar data gambar mempengaruhi durasi perangkat dalam menampilkan notifikasi.

Kata Kunci – Progressive Web Apps, Push Notification, Multi-Platform, Firebase Cloud Messaging, Apikasi Beasiswa.

The tendency for insiders to view websites that are intermittent and irregular has the potential to lose information. Therefore we need a way that can pay attention to the user if there is new information in the web application.

Progressive Web Apps is a technology for web applications to have capabilities like native applications. One of the features supported by PWAs is push notifications. Apart from Push Notifications, PWA also supports multi-platform installable features. This feature is useful so that the application can be installed on various devices and can improve the user experience.

The purpose of this study is to apply PWA for the development of push notification and multi-platform installable features, as well as to test the successful development of these two features in scholarship applications. Testing is carried out using the blackbox testing method and testing the performance of sending notifications.

The results of this study indicate that the push notification and multi-platform installable features in scholarship applications have been successfully developed by implementing PWA. Both of these features can work on Android, Windows and iOS operating systems.

The test results show that devices with Android and Windows operating systems have successfully passed all of blackbox test scenarios. Meanwhile, devices with the iOS operating system fail in one test scenario, namely sending notifications with images.

Testing the performance of sending notifications shows that the size of the image data that will be displayed in the notification does not affect the duration of sending notifications from the server to the device. Meanwhile, the size of the image data affects the duration of the device in displaying notifications.

Keywords – Progressive Web Apps, Push Notification, Multi-Platform, Firebase Cloud Messaging, Scholarship Apps.