Sistem Absensi PWA untuk Pengguna iPhone

Overview

Project ini berawal dari kebutuhan perusahaan tempat saya bekerja. Sebelumnya perusahaan sudah memiliki aplikasi absensi yang digunakan oleh seluruh karyawan Android. Namun muncul kendala ketika beberapa karyawan menggunakan perangkat iPhone karena aplikasi tersebut hanya tersedia untuk Android.

Salah satu solusi tentu saja membuat aplikasi iOS. Namun biaya pengembangan, proses distribusi melalui App Store, serta maintenance yang dibutuhkan cukup besar jika hanya digunakan sebagai aplikasi internal perusahaan.

Karena itu saya diberikan tanggung jawab untuk membuat alternatif lain berupa website absensi yang dapat digunakan khusus oleh pengguna iPhone, tetapi tetap memiliki pengalaman penggunaan dan tingkat keamanan yang hampir sama dengan aplikasi Android.

Solusi

Saya membangun aplikasi absensi berbasis website menggunakan HTML, CSS, Bootstrap, dan JavaScript. Agar pengguna tetap mendapatkan pengalaman seperti menggunakan aplikasi mobile, website ini saya implementasikan sebagai Progressive Web App (PWA).

Dengan PWA, pengguna iPhone dapat menambahkan aplikasi ke Home Screen dan menjalankannya seperti aplikasi biasa tanpa harus mengunduhnya melalui App Store.

Selain tampilannya yang menyerupai aplikasi native, website ini juga tetap mendukung fitur-fitur penting yang sebelumnya sudah digunakan pada aplikasi Android.

Fitur

Beberapa fitur yang saya implementasikan pada project ini antara lain:

   • Dashboard informasi absensi harian.
   • Absensi masuk dan pulang.
   • Validasi lokasi menggunakan GPS (Location Lock).
   • Foto selfie saat melakukan absensi.
   • Riwayat absensi.
   • Pengajuan izin, cuti, dan sakit.
   • Riwayat status approval pengajuan.
   • Informasi slip gaji, Jadwal Perjalanan Dinas, Dokumen SOP, dan Surat Perintah Kerja. 
   • Halaman profil dan pengaturan akun.

Seluruh halaman dibuat responsif sehingga nyaman digunakan pada berbagai ukuran layar iPhone.

Hasil Akhir

Melalui project ini perusahaan tidak perlu mengembangkan aplikasi native iOS maupun melakukan distribusi melalui App Store. Seluruh pengguna iPhone kini dapat melakukan absensi menggunakan website yang dapat diinstal sebagai PWA, sehingga proses penggunaan tetap praktis dan pengalaman pengguna tidak jauh berbeda dengan aplikasi mobile.

Project ini menjadi pengalaman yang menarik bagi saya karena berhasil memanfaatkan teknologi web untuk menyelesaikan kebutuhan bisnis perusahaan tanpa harus mengorbankan fitur maupun keamanan yang sudah ada sebelumnya.