Implementasi Web Push Notification pada Sistem Informasi Manajemen Arsip Menggunakan PUSHJS

Penulis

Alam Rahmatulloh, Andi Nur Rachman, Fahmi Anwar

Abstrak

Teknologi terus menerus berkembang, berbagai jenis teknologi terus bermunculan seperti sistem informasi manajemen arsip, masalahnya para pekerja kadang melakukan pekerjaan lain di komputer sehingga arsip tidak terkontrol. Penerapan Web Push Notification dapat menampilkan pemberitahuan berbasis website meskipun tidak membuka web browser secara langsung atau dalam kondisi minimize. Web Push Notification merupakan mekanisme pemberitahuan menggunakan Javascript pada web browser. Fitur ini tersedia dalam Push API HTML5 dengan menggunakan Push Service atau Messaging server yang mengirim pemberitahuan ke web browser yang telah berlangganan tanpa membuka website sehingga dapat melakukan broadcast message dan Notification API HTML5 tidak memerlukan Push Service atau Messaging server tetapi harus membuka website, tetapi belum didukung semua web browser sehingga pada makalah ini dibahas Implementasi Web Push Notification pada sistem informasi manajemen arsip menggunakan PushJS, metode pengembangan yang digunakan adalah Rational Unified Proccess (RUP). Teknologi pemberitahuan yang cocok untuk sistem informasi manajemen arsip berbasis web yaitu Notification API HTML5 karena tidak akan mengirim pemberitahuan yang sama ke semua pengguna. Namun tidak ada proses di belakang layar sehingga tidak akan dijalankan secara otomatis, masalah tersebut diatasi dengan menggunakan AJAX dengan mengambil JSON kemudian dijalankan berulang-ulang pada web browser dan  meminimalisir bentrokan antara script web push notification di multi tab window atau window web browser diatasi menggunakan localStorage dari WebStorage API HTML5. Hasil uji menunjukan bahwa penerapan teknologi Web Push Notification pada Sistem Informasi Manajemen Arsip dapat membantu para pengguna dalam mengelola arsip yang banyak serta penggunaan AJAX berpengaruh terhadap kecepatan akses web.

 

Abstract

Technology continues to evolve, various types of technology continue to emerge such as records management information systems, the problem is that workers sometimes do other work on the computer so that the archive is not controlled. Web Push Notification application can display website-based notifications even if you don't open the web browser directly or in a minimized condition. Web Push Notification is a notification mechanism using Javascript in a web browser. This feature is available in the HTML5 Push API by using a Push Service or Messaging server that sends notifications to subscribed web browsers without opening the website so that it can broadcast and the HTML5 Notification API does not require a Push Service or Messaging server but must open a website, but not supported all web browsers so that this paper discusses Push Notification Web Implementation in archive management information systems using PushJS, the development method used is the Rational Unified Process (RUP). Notification technology that is suitable for web-based archive management information systems namely HTML5 Notification API because it will not send the same notification to all users. But there is no process behind the scenes so that it will not be run automatically, the problem is overcome by using AJAX by retrieving JSON and then running repeatedly on the web browser and minimizing clashes between web push notification scripts on multi tab windows or web browser windows resolved using localStorage from the HTML5 WebStorage API. The test results show that the application of Web Push Notification technology in the Archive Management Information System can help users manage many archives and use AJAX influences the speed of web access.


Kata Kunci


ajax, json, notification api html5, pushjs, webstorage api html5

Teks Lengkap:

PDF

Referensi


ABDUL, K., 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP. 1 penyunt. Yogyakarta: Penerbit Andi.

ASRI, N. F., HAMZAH, A. & SHOLEH, M., 2014. Nagios untuk Monitoring Server dengan Pengiriman Notifikasi Gangguan Server menggunakan Email dan SMS Gateway (Studi Kasus: PT. Gamatechno Indonesia - Yogyakarta). Jurnal JARKOM, 1(2), pp. 151-161.

ATER, T., 2017. Building Progressive Web Apps. 1 penyunt. Sebastopol: O'Reilly Media.

BAHTIAR, M. R. & MULWINDA, A., 2016. Pengembangan Fitur Notifikasi pada Website Application Comic Strip rupi.co Menggunakan Metode Agile. Jurnal Teknik Elektro, 8(1), pp. 25-30.

FIADE, A., MULANA, A. A. & SUSENO, H. B., 2013. Aplikasi Monitoring Jaringan Berbasis Mobile Web dengan Sistem Notifikasi Berbasis SMS Gateway. Jurnal Teknik Informatika, 6(2).

HUSEN, H., RAHMATULLOH, A. & SULASTRI, H., 2018. Implementasi Komunikasi Full Duplex Menggunakan Sistem Informasi Pengelolaan Anggaran Universitas ABC. Simetris: Jurnal Teknik Mesin, Elektro dan Ilmu Komputer, 1 4, 9(1), pp. 597-606.

NICKERSON, T., 2017. Installing | Push v1.0. [Online]

Available at: https://pushjs.org/docs/introduction

[Diakses 15 07 2018].

RAHMATULLOH, A., SULASTRI, H. & NUGROHO, R., 2018. Keamanan RESTful Web Service Menggunakan JSON Web Token (JWT) HMAC SHA-512. Jurnal Nasional Teknik Elektro dan Teknologi Informasi (JNTETI).

RAMADHAN, T. & UTOMO, V. G., 2014. Rancang Bangun Aplikasi Mobile Untuk Notifikasi Jadwal Kuliah Berbasis Android (Studi Kasus: Stmik Provisi Semarang). Jurnal Teknologi Informasi dan Komunikasi, 5(2), pp. 47-55.

ROSIDIN, 2017. Manfaat Menggunakan Push Notification Untuk Website - JURNAL ROSID. [Online]

Available at: https://jurnal.rosid.net/manfaat-menggunakan-push-notification-untuk-website/

[Diakses 15 07 2018].

SATRIO, dkk., 2018. Rancang Bangun Sistem E2OV (Electronic - Election Observation and Voting) Menggunakan SMS. Jurnal Teknologi Informasi dan Ilmu Komputer, 5(1), pp. 1-6.

SETIAWAN, J., KRISTIANTO, E. & F., 2015. Implementasi Push Notification pada Informasi Perkuliahan dan Kegiatan Mahasiswa Berbasis Android. Jurnal Teknik dan Ilmu Komputer, 4(14), pp. 211-219.

SUKAMTO, R. A. & SHALAHUDDIN, M., 2013. Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek). Bandung: BI-Obses.

Urbanairship, 2018. Web Push Notifications Explained | Urban Airship. [Online]

Available at: https://www.urbanairship.com/web-push-notifications-explained

[Diakses 15 07 2018].

W3C, 2015. Notification API : W3C Recommendation 22 October 2015. [Online]

Available at: https://www.w3.org/TR/notifications/

[Diakses 15 07 2018].

W3C, 2017. Push API : W3C Working Draft. [Online]

Available at: https://www.w3.org/TR/push-api/

[Diakses 15 07 2018].




DOI: http://dx.doi.org/10.25126/jtiik.201963936