HRIS Infokost ITERA
Enterprise Human Resource Information System & Presensi Biometrik
Perusahaan
Institut Teknologi Sumatera (ITERA) / Infokost ITERA
Tahun
2026
Kategori
Enterprise Human Resource Information System (HRIS), Presensi Biometrik & Progressive Fullstack Web Application
Peran
Fullstack Web & Enterprise System Developer
Tinjauan
Untuk memodernisasi, mengotomatisasi, dan menyentralisasi pengelolaan operasional kepegawaian di lingkungan Infokost ITERA, platform HRIS Infokost ITERA dikembangkan sebagai sistem informasi sumber daya manusia (Human Resource Information System) tingkat korporat berbasis web fullstack. Sebagai Fullstack Web Developer, saya bertanggung jawab penuh atas perancangan arsitektur sistem dari hulu ke hilir (end-to-end), mulai dari perancangan arsitektur modular backend, pemodelan basis data relasional PostgreSQL, hingga pembuatan antarmuka responsif mobile-first dengan standar desain enterprise modern.
Platform ini mengintegrasikan seluruh tata kelola kepegawaian dalam satu ekosistem digital terpadu:
- Presensi Biometrik & Geofencing GPS: Memungkinkan pegawai mencatat kehadiran di kantor maupun lapangan menggunakan verifikasi ganda—sensor fisik perangkat bawaan berbasis WebAuthn (Touch ID / Windows Hello) serta pemindai sidik jari biometrik interaktif dengan animasi laser, verifikasi kamera selfie, dan pelacakan koordinat GPS real-time yang terhubung ke OpenStreetMap.
- Penggajian Otomatis & Generator Slip Gaji: Mengotomatisasi kalkulasi gaji bulanan yang mencakup gaji pokok, tunjangan jabatan, perhitungan lembur, pemotongan jaminan sosial BPJS (Kesehatan & Ketenagakerjaan), dan pemotongan PPh 21, dilengkapi dengan drawer pratinjau slip gaji interaktif (Side-Over di desktop & Bottom-Sheet di mobile) serta cetak PDF instan.
- Tata Kelola Siklus Karyawan (Employee Lifecycle): Mengatur struktur departemen, alur persetujuan cuti berjenjang manajerial, evaluasi kinerja berbasis KPI, penugasan proyek, hingga riwayat log audit (audit trail).
- Desain Mobile-First dengan Tombol Melayang Sidik Jari: Dioptimalkan secara ergonomis untuk pengguna smartphone melalui tombol aksi melayang (Raised Floating Action Button) khusus sidik jari di tengah bottom navigation bar (otomatis beralih ke mode nonaktif/abu-abu saat presensi hari ini selesai), dibalut dengan identitas warna resmi Infokost ITERA yaitu Biru Tua Royal (
#0D47A1) dan Emas Kuning (#DAA420).
Tech Stack
- Frontend & Klien: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4, Lucide Icons, Recharts (Visualisasi Grafik Data), WebAuthn API (Biometrik FIDO2),
html2pdf.js - Backend & RESTful API: NestJS (Modular Architecture), TypeScript, Autentikasi JWT Passport.js, Role-Based Access Control (RBAC: Admin, HR, Manajer, PM, Karyawan)
- Basis Data & ORM: PostgreSQL 15, Prisma ORM, Prisma Client
- DevOps & Caching: Docker, Docker Compose, Redis 7 (Alpine)
Tujuan
- Otomatisasi Alur Kerja HR: Menghilangkan pencatatan manual dengan menyatukan presensi, pengajuan cuti, master data karyawan, dan struktur organisasi ke dalam satu portal digital terpadu.
- Presensi Biometrik Anti-Manipulasi: Menjamin keaslian data kehadiran dengan mengombinasikan geofencing GPS real-time, sensor sidik jari perangkat fisik (WebAuthn), pemindai laser biometrik, dan verifikasi wajah.
- Efisiensi Penggajian & Kepatuhan Pajak: Mempercepat siklus perhitungan gaji bulanan, iuran BPJS, dan PPh 21 dengan penerbitan slip gaji digital format PDF sekali klik.
- Tata Kelola Wewenang & Hak Akses Terstruktur: Mengimplementasikan RBAC yang memisahkan otoritas administratif, operasional HR, persetujuan manajerial, dan portal mandiri karyawan (employee self-service).
- Aksesibilitas Mobile Optimal: Menghadirkan antarmuka mobile-first dengan tombol sidik jari melayang pada bilah navigasi bawah untuk memudahkan presensi cepat satu ketukan dari perangkat ponsel maupun desktop.
Galeri Proyek
Sekilas tampak tentang proyek ini