SediaHrm — Sistem Manajemen SDM & Operasional Karyawan Terpadu

Sebuah platform manajemen sumber daya manusia (Human Resource Management) terpadu yang menghubungkan operasional tim HR dan karyawan dalam satu ekosistem yang mulus. Menggabungkan aplikasi tablet untuk manajemen data HR kantor dan aplikasi mobile bagi karyawan untuk pencatatan kehadiran serta pengajuan cuti secara mandiri. Dibangun secara menyeluruh (end-to-end) sebagai Full-Stack Mobile & Backend Developer (Laravel & Flutter) — merancang arsitektur REST API dengan keamanan berbasis peran (Role-Based Access Control), otomatisasi penggajian (payroll), serta antarmuka modern yang seragam di berbagai ukuran perangkat.

---

Ringkasan Proyek

• Kategori: Proyek Portofolio / Solusi Bisnis & Enterprise
• Peran: Full-Stack Developer (Backend Laravel & Frontend Mobile/Tablet Flutter)
• Teknologi Backend: Laravel 11, PHP, MySQL, Laravel Sanctum (Token-Based Auth), RESTful API Architecture, Eloquent ORM
• Teknologi Frontend (Mobile & Tablet): Flutter (Dart), BLoC State Management, Freezed & Dartz (Functional Programming), Cached Network Image, Google Fonts, SVG Vector Rendering

---

Latar Belakang & Motivasi

Banyak perusahaan skala kecil hingga menengah masih mengelola absensi, pengajuan cuti, dan perhitungan gaji bulanan secara terpisah — sering kali menggunakan spreadsheet manual atau dokumen fisik. Cara konvensional ini rawan kesalahan hitung, memakan waktu admin HR berhari-hari saat periode gajian, dan menyulitkan karyawan untuk mengetahui sisa cuti atau status kehadiran mereka.

SediaHrm dirancang untuk memecahkan hambatan tersebut dengan menyediakan satu ekosistem terintegrasi:

• Aplikasi Tablet untuk Tim HR & Manajemen: Didesain khusus untuk layar tablet/iPad di meja HR atau kantor operasional, memudahkan pengelolaan jadwal kerja (shift), persetujuan cuti, master data karyawan, serta pembuatan slip gaji otomatis hanya dalam hitungan detik.
• Aplikasi Mobile untuk Karyawan (Employee Self-Service): Memberikan kemudahan bagi setiap staf untuk melakukan absensi (Clock In / Clock Out), melihat riwayat kehadiran, serta mengajukan cuti langsung dari genggaman ponsel.
• Backend Terpusat & Aman: Memastikan seluruh data tersinkronisasi seketika (real-time) dengan kontrol hak akses yang fleksibel sesuai jabatan masing-masing pengguna.

---

Kontribusi Full-Stack Saya

Arsitektur Backend REST API & Manajemen Hak Akses Karyawan

• Merancang struktur basis data relasional lengkap (User, Role, Permission, Attendance, Leave, Shift, Department, Designation, Payroll, Holiday) dengan relasi yang efisien dan aman.
• Mengembangkan sistem hak akses dinamis (Role-Based Access Control) di mana setiap peran (Admin, Staff, Manager) memiliki kombinasi izin modul yang dapat disesuaikan tanpa perlu mengubah kode sumber.
• Menerapkan keamanan token autentikasi menggunakan Laravel Sanctum untuk melindungi seluruh pertukaran data antara aplikasi Flutter dan server.

Sistem Otomatisasi Perhitungan Gaji Karyawan (Payroll Engine)

• Mengembangkan algoritma pembuatan penggajian massal (payroll generation) otomatis yang mengalkulasi kehadiran aktual, potongan izin/setengah hari, dan gaji pokok karyawan secara presisi tanpa risiko gagal hitung (zero division error).
• Menyediakan endpoint pencarian dan penyaringan data gaji yang fleksibel berdasarkan nama staf, bulan, dan tahun pembayaran.

Aplikasi Tablet untuk Manajemen HR (Flutter Tablet/iPad)

• Membangun antarmuka tablet dengan navigasi menu sidebar cerdas yang otomatis menyesuaikan menu yang tampil sesuai hak akses pengguna yang sedang login.
• Mengimplementasikan manajemen status aplikasi (state management) berbasis BLoC untuk performa yang cepat, stabil, dan bebas lag.
• Menyediakan dialog interaktif, konfirmasi tindakan, filter data, dan drawer detail penggajian yang responsif di berbagai orientasi layar.

Aplikasi Mobile Karyawan (Flutter Smartphone)

• Merancang alur absensi yang intuitif dengan validasi cerdas: memastikan karyawan tidak dapat melakukan absensi ganda pada hari yang sama.
• Membangun fitur pengajuan cuti interaktif lengkap dengan pemilihan tanggal, penghitungan durasi hari otomatis, opsi setengah hari (half day), dan tab riwayat cuti dengan indikator status (Pending, Approved, Rejected).
• Menyatukan sistem desain visual (design system) dengan warna palet modern (Slate Charcoal #171923 & Golden Yellow #FFCE20) dan logo brand berbasis vektor SVG yang tajam di semua kerapatan layar.

---

Fitur Produk Inti

🏢 Aplikasi Tablet (HR & Management Portal)

• Ringkasan Operasional (Live Dashboard): Menampilkan metrik utama kehadiran hari ini, total staf aktif, dan pengajuan cuti yang menunggu persetujuan secara seketika.
• Monitoring Kehadiran Staf: Rekapitulasi absensi harian seluruh staf dengan filter tanggal dan status kehadiran yang jelas.
• Pusat Penggajian (Payroll Center): Fitur satu tombol (Generate Payroll) untuk menghitung gaji seluruh karyawan pada periode tertentu, lengkap dengan penyesuaian status bayar (Paid / Generated) dan drawer rincian slip gaji.
• Manajemen Struktur Organisasi: Pengaturan master data departemen, jabatan (designations), jadwal kerja (shifts), hari libur nasional (holidays), dan gaji pokok staf.
• Manajemen Akun & Hak Akses: Pengaturan peran pengguna (User Management) dengan matriks perizinan per modul.
• Menu Sidebar Adaptif: Menu navigasi sidebar yang otomatis menyembunyikan kategori yang tidak boleh diakses oleh pengguna biasa.

📱 Aplikasi Mobile (Portal Mandiri Karyawan)

• Pencatatan Kehadiran Cepat (Clock In & Clock Out): Absensi harian yang praktis dengan validasi satu kali per hari untuk mencegah entri berulang.
• Riwayat Absensi Personal: Kartu riwayat kehadiran terstruktur yang menampilkan jam masuk, jam keluar, serta badge status kehadiran berwarna lembut.
• Layanan Pengajuan & Riwayat Cuti: Form pengajuan cuti yang ramah pengguna dengan tab riwayat cuti terpisah untuk memantau apakah pengajuan cuti masih diproses, disetujui, atau ditolak.
• Profil & Data Akun: Informasi detail data pribadi, peran, kontak, dan departemen karyawan yang dapat diakses kapan saja.

---

Teknologi & Arsitektur (Tech Stack)

SediaHrm dirancang dengan pemisahan yang bersih antara logika backend dan antarmuka pengguna:

• Backend: Laravel 11 dengan PHP 8+, MySQL sebagai database utama, Eloquent ORM untuk pemetaan data, dan Laravel Sanctum untuk pengamanan autentikasi API.
• Frontend Tablet & Mobile: Flutter SDK dengan bahasa pemrograman Dart, pola arsitektur BLoC (Business Logic Component) untuk memisahkan UI dan proses data bisnis.
• Desain & Aset: Mengadopsi palet warna modern berbasis Charcoal Slate dan Gold Accent, font Google Inter/Poppins yang mudah dibaca, serta aset logo vektor SVG anti-pecah.

---

Tantangan Teknis & Solusi

1. Validasi Kehadiran Tunggal yang Aman dari Sisi Server & Klien

• Tantangan: Karyawan bisa saja menekan tombol Clock In berkali-kali saat koneksi lambat, yang berpotensi menimbulkan data absensi ganda di database.
• Solusi: Menerapkan validasi ganda — pengecekan status absensi harian di backend sebelum data disimpan, dipadukan dengan umpan balik visual instan di antarmuka mobile agar tombol merespons dengan notifikasi yang jelas dan informatif.

2. Menu Sidebar Dinamis Berdasarkan Hak Akses di Tablet

• Tantangan: Aplikasi HR memiliki belasan menu yang tidak boleh dilihat oleh sembarang level staf, namun tata letak kategori di layar tablet harus tetap terlihat rapi dan tidak menyisakan ruang kosong.
• Solusi: Merancang sistem konfigurasi menu modular yang secara otomatis memfilter item menu dan header kategori berdasarkan daftar izin akun yang sedang aktif, menjaga navigasi tetap aman dan nyaman dipandang.

3. Otomatisasi Perhitungan Gaji yang Bebas Kesalahan

• Tantangan: Perhitungan gaji melibatkan absensi riil, cuti berbayar, dan potongan izin yang jika data kehadiran staf belum lengkap dapat menyebabkan kesalahan kalkulasi sistem.
• Solusi: Menyusun formula kalkulasi dengan fallback pengaman pada backend, memastikan proses pembuatan slip gaji massal berjalan lancar tanpa kendala data kosong.

---

Nilai Tambah & Pembelajaran

• Membangun sistem multi-platform (Tablet, Mobile, dan Web API) yang saling terhubung secara harmonis untuk menjawab kebutuhan operasional bisnis nyata.
• Menerapkan arsitektur hak akses granular (RBAC) yang fleksibel untuk kebutuhan ekspansi organisasi di masa depan.
• Menciptakan pengalaman pengguna (User Experience) yang konsisten dan profesional baik bagi staf lapangan melalui smartphone maupun bagi admin kantor melalui tablet.