Splash & Alur Penggunaan Pertama
Aplikasi dibuka dengan logo Dental City lalu melanjutkan ke alur penggunaan pertama. Cabang, akun, dan bahasa sudah selesai sebelum siapa pun diminta memasukkan PIN.
Tangkapan layar dari proyek berjalanAplikasi Android untuk staf klinik: masuk dengan PIN kerja, check in dan check out terhadap cabang Anda di peta, serta konfirmasi momennya lewat pengenalan wajah on-device.
Absensi di klinik multi-cabang adalah tugas fisik yang terikat lokasi. Staf check in di resepsion cabang tempat ia benar-benar bekerja, bukan di kantor pusat, sehingga sistem yang hanya mencatat jam akan salah sedikitnya sekali sehari. Kliniknya butuh check in yang terikat pada cabang, pada posisi di peta, dan pada orangnya - tanpa menjadikan setiap shift sebagai paperwork.
Kami membagi aplikasi menjadi sekumpulan layar kecil yang masing-masing menjawab satu pertanyaan: siapa saya, di mana saya, dan apakah saya benar-benar ada di sini. Sign-in memakai email kerja dan PIN. Layar beranda menampilkan cabang, jam datang dan jam pulang, ID karyawan, serta aksi check in dan check out bersebelahan. Check in membuka peta yang dititipkan ke cabang sehingga staf bisa memastikan posisinya, dan pengenalan wajah ditawarkan sebagai konfirmasi kedua ketika titik lokasi tidak andal. Training dan pengajuan pengecualian dibangun ke dalam alur yang sama, bukan diserahkan sebagai tugas admin terpisah.
Tangkapan layar dari proyek berjalan.
Aplikasi dibuka dengan logo Dental City lalu melanjutkan ke alur penggunaan pertama. Cabang, akun, dan bahasa sudah selesai sebelum siapa pun diminta memasukkan PIN.
Tangkapan layar dari proyek berjalan
Staf masuk dengan email kerja dan PIN, bukan password panjang. Akun itulah kunci seluruh aplikasi: menentukan cabang, bahasa, dan apa yang boleh di-check in oleh staf tersebut.
Tangkapan layar dari proyek berjalan
Setiap layar punya tombol ganti bahasa dan pilihannya diingat di perangkat. Beralih ke Inggris mengubah label Bahasa Indonesia menjadi Log In, Your PIN, dan Forgot PIN? tanpa memuat ulang layar atau mengetik ulang apa pun.
Tangkapan layar dari proyek berjalan
Layar beranda adalah shift dalam satu tampilan: cabang, jam datang dan jam pulang, ID karyawan, serta dua aksi yang paling penting. Check In dan Check Out bersebelahan sehingga ritme harian cukup satu jempol, berikut peta cabang dan pintasan ke profil karyawan.
Tangkapan layar dari proyek berjalan
Layar profil menampilkan data yang menyertai akun - ID karyawan, nama, dan alamat - beserta cabang yang sedang terikat pada akun tersebut. Pengikatan inilah yang membuat deployment multi-cabang bekerja: satu aplikasi, satu sign in, klinik yang berbeda.
Tangkapan layar dari proyek berjalan
Keluar dari aplikasi meminta konfirmasi sebelum sesi dihapus, karena shift yang keluar karena salah klik tetap harus diperbaiki manual keesokan paginya.
Tangkapan layar dari proyek berjalanAbsensi bisa dikonfirmasi dengan pengecekan wajah, bukan hanya ketukan. Aplikasi mendaftarkan foto training sekali, lalu mencocokkan tangkapan langsung dengan data itu sebelum presensi disimpan - faktor kedua yang tidak bergantung pada kecepatan jaringan.
Identitas dicek dengan dua gambar: foto KTP dan swafoto. Keduanya diambil di dalam aplikasi dan diunggah sebagai data multipart, sehingga onboarding tidak lagi bergantung pada orang lain memotret dokumen dengan HP berbeda.
Staf melatih lokasi cabangnya - hingga empat tangkapan acuan - sehingga check in bisa diverifikasi terhadap titik yang dikenal, bukan sekadar sinyal GPS yang longgar. Cabang juga bisa dicari saat berpindah lokasi.
Layar check in menampilkan peta langsung yang terpusat pada cabang, dengan posisi staf dilacak dan diperbarui setiap detik. Ini menjawab satu-satunya pertanyaan yang penting di meja resepsion: apakah orang ini berada di klinik yang benar, saat ini juga.
Setiap check in sebelumnya disimpan sebagai daftar yang bisa difilter dan dibaca kembali, sehingga satu bulan shift tersedia di perangkat, bukan hanya di laporan pusat.
Ketika shift tidak bisa ditutup normal - lupa check out, cabang tanpa sinyal - staf mengajukan pengecualian dari aplikasi, dengan jalur top up saldo terkait bila koreksinya membutuhkan dana.
Aplikasi menyimpan token Firebase Cloud Messaging dan bisa menerima notifikasi push. Unggahan memakai multipart body dengan laporan progres, sehingga foto yang diambil tanpa sinyal tetap bisa dikirim begitu koneksi kembali.
Absensi berubah dari jejak kertas menjadi aksi dua ketukan, dan catatan tiap cabang otomatis terpisah, bukan dirapikan manual. Aplikasi ini juga mewarisi lapisan jaringan yang sudah matang dan alur rilis yang berjalan dari basis kode pembayaran tempatnya tumbuh, sehingga bisa dikirim sebagai APK rilis bertanda tangan, bukan sekadar build sideload.
Dental City adalah jaringan klinik multi-cabang, dan absensi masih berjalan di atas form kertas dan grup chat. Setiap cabang punya rutinitas sendiri, dan tak ada yang bisa melihat sekilas siapa yang sedang bertugas di lokasi mana.
Aplikasi itu memindahkan rutinitas tersebut ke ponsel: masuk dengan akun kerja, lihat cabang dan jam datang, lalu check in dari peta yang dititipkan di klinik. Ketika GPS saja tidak cukup dipercaya, foto wajah dicocokkan dengan data training yang sekali didaftarkan, sehingga catatan presensi membawa lebih dari sekadar stempel waktu.
Aplikasi ini dibangun di atas basis kode pembayaran mobile white-label, sehingga bagian yang biasanya memakan bulan - penanganan sesi yang aman, pengambilan foto, alur unggahan, pemindaian barcode, dan pengiriman push - sudah tersedia. Yang ditulis khusus untuk kliniknya adalah lapisan di atasnya: alur absensi, pemilih cabang, training lokasi, pengajuan pengecualian, dan naskah dua bahasa di seluruh aplikasi.
Antarmukanya sengaja dibuat polos. Kuning adalah warna milik klinik tersebut, tipografinya cukup besar untuk dibaca dari jarak satu langkah di area resepsion yang ramai, dan setiap layar bisa dipakai satu tangan. Bahasa Indonesia adalah bawaan, dan bahasa Inggris hanya satu ketukan bagi staf yang membutuhkannya.