Implementasi Progressive Web Apps (PWA) Pada Sistem Kemitraan Di Badan Pengembangan Sumber Daya Manusia Daerah (BPSDMD) Provinsi Jawa Tengah

Authors

  • Syariful Musthofa Universitas PGRI Semarang
  • Setyoningsih Wibowo Universitas PGRI Semarang

Abstract

Badan Pengembangan Sumber Daya Manusia Daerah (BPSDMD) Provinsi Jawa Tengah merupakan salah satu Organisasi Perangkat Daerah (OPD) di Provinsi Jawa Tengah. BPSDMD Provinsi Jawa Tengah dalam menyelenggarakan pengembangan kompetensi ASN menerapkan prinsip “Techno Training Center”, yaitu penyelenggaraan pelatihan ASN dengan memanfaatkan teknologi. Tujuan dari penelitian ini adalah membangun aplikasi Progressive Web Apps (PWA) pada sistem kemitraan BPSDMD Provinsi Jawa Tengah. Dengan tujuan agar dapat meningkatkan proses penyelenggaraan pengembangan kompetensi ASN di BPSDMD Provinsi Jawa Tengah, karena aplikasi PWA memiliki beberapa keunggulan dibandingkan dengan web biasa. Perbedaan mendasar PWA dengan web biasa yaitu memungkinkan para web developer mengubah web dibuat agar bisa berperilaku layaknya aplikasi mobile native. Aplikasi PWA ini menggunakan pengembangan sistem Software Development Life Cycle (SDLC) dengan metode Waterfall. Proses perancangan menggunakan metode UML (Unfied Modeling Language), yang mencakup use case diagram, activity diagram, dan sequence diagram. Proses selanjutnya membuat rancangan design aplikasi, yang kemudian diimplementasikan melalui coding. Proses pengembangan aplikasi ini menggunakan NodeJS, Node Package Manager (NPM), Visual Studio Code, Chrome, dan tools lainnya. Hasil penelitian ini adalah aplikasi PWA yang dapat digunakan untuk membuat pengajuan diklat, melihat riwayat pengajuan, edit, dan hapus pengajuan diklat. Dari hasil pengujian maka didapatkan bahwa aplikasi yang dibuat sudah memenuhi kriteria Progressive Web Apps (PWA), dengan skor indikator performance 82 dari 100 (PageSpeed Insights); accessibility dengan skor 90 dari 100 (Lighthouse testing); indikator accessibility dengan skor 84 dari 100 (PageSpeed Insights); indikator best practices dengan skor 92 dari 100; dan indikator SEO dengan skor 100 dari 100.

Kata Kunci : Progressive Web Apps, NodeJs, NPM, Service Worker

Downloads

Published

2023-06-09

Issue

Section

Articles