Tantangan Bisnis
Pengajuan proposal dan anggaran perusahaan masih mengalir lewat email dan dokumen Word yang diedit bolak-balik: versi mudah tertukar, jejak persetujuan tidak jelas, budget real-time tidak terpantau, dan pimpinan kesulitan menelusuri status pengajuan tanpa menanyakan ulang ke admin.
Membangun sistem terpusat mulai dari penyusunan proposal berformat kaya (rich text), routing approval otomatis sesuai hierarki organisasi, pemantauan total dan sisa budget secara real-time, hingga pengelolaan master data keuangan seperti GL Account, cost center, dan area.
Solusi & Arsitektur
Ayah2Ngoding membangun platform ini dengan Next.js 14, TypeScript, dan NextUI dalam arsitektur atomic design (atoms/molecules/organisms). Autentikasi memakai alur SSO callback code/state dengan auto-login NIK karyawan dan cookie httpOnly berisi access plus refresh token, sementara seluruh interaksi backend melewati service layer Axios terpadu dengan SWR caching dan debounce pencarian.
Modul Utama Sistem
01Manajemen Proposal
CRUD proposal lengkap dengan editor WYSIWYG CKEditor 5, pratinjau dokumen via doc viewer modal, dan tombol kirim ke rantai approver.
02Workflow Approval Bertingkat
Konfigurasi daftar approver dan routing berdasarkan flag organisasi is_dept_head, is_div_head, hingga is_director.
03SSO & Session Security
Callback OAuth code/state, auto-login via NIK, cookie httpOnly access_token dan refresh_token dengan expiry, plus middleware proteksi rute.
04Budget & Amount Control
Master budget dan nominal beserta kartu dashboard total budget, sisa budget, dan skala prioritas pengajuan.
05Master Data Keuangan
Pengelolaan GL Account, CCOW, Area, dan Form NOP - formulir kompleks dengan validasi bertingkat dan tabel server-side.
06Purchase & Payment
Modul purpay untuk pelacakan pengadaan dan pembayaran yang tersinkron dengan data proposal dan budget.
“Dari draft proposal sampai persetujuan direksi, seluruh siklus anggaran kini hidup di satu antarmuka - lengkap dengan jejak siapa menyetujui apa dan kapan.”
Dampak & Hasil Bisnis
- Siklus Approval Tanpa Email Bolak-Balikproposal dikirim langsung ke rantai approver sesuai hierarki dept/divisi/direksi dengan status yang terlihat oleh semua pihak terkait.
- Kontrol Anggaran Real-Timekartu total budget, sisa budget, dan skala prioritas memberi dasar keputusan cepat sebelum pengajuan baru disetujui.
- Keamanan Sesuai Standar Korporasisesi ditopang cookie httpOnly dengan refresh token, autentikasi SSO menyatu dengan akun karyawan, dan tiap rute dilindungi middleware.