Aplikasi full-stack
Interface, application logic, pengelolaan data, dan deployment bekerja sebagai satu sistem.
←Semua KaryaProyek 03 / 2024
BAST — Berita Acara Serah Terima Management System.
Pengembangan Full-StackUI/UX
BAST adalah aplikasi web full-stack untuk mengelola dokumen Berita Acara Serah Terima dan data administratif terkait melalui workflow digital yang terstruktur.
Ringkasan Teknis
Tahun2024
Periode2024
Peran
Full-Stack DeveloperUI/UX Designer
StatusComplete
Stack
LaravelPHPReactTypeScriptInertia.jsTailwind CSSVitePest
Testing
Pest
Sorotan Engineering
- Server-side RBAC across Super Admin, Admin, and Staff workflows
- Backend-validated document lifecycle with revision, cancellation, archive, and restore transitions
- Server-side PDF generation with automatic document numbering
- UUID route identifiers to avoid exposing incremental database IDs
- Activity logging and two-factor authentication
- Automated quality gates with Pest, Larastan/PHPStan, linting, and TypeScript checks
PROJECT OVERVIEW
Workflow digital untuk administrasi serah terima.
BAST adalah aplikasi web full-stack yang dirancang untuk mengelola dokumen Berita Acara Serah Terima beserta data administratif yang terhubung dengannya.
Sistem ini menyatukan pembuatan dokumen, pengelolaan data, pelacakan status, riwayat, dan aktivitas administratif sehari-hari ke dalam satu workflow terstruktur agar setiap proses serah terima dapat dikelola dalam konteks operasional yang jelas.
01 / PURPOSE
Administrasi serah terima seharusnya berjalan melalui sebuah sistem, bukan kumpulan file yang terpencar.
02 / THE SYSTEM
Dibangun di sekitar workflow dokumen yang lengkap.
Workspace terpusat untuk mengelola dokumen serah terima, data administratif, status dokumen, dan aktivitas sistem sehari-hari.
03 / WORKFLOW LOGIC
Status dokumen menentukan apa yang dapat dilakukan selanjutnya.
BAST memperlakukan setiap dokumen sebagai bagian dari lifecycle administratif, bukan sebagai file yang berdiri sendiri. Status saat ini menentukan tindakan mana yang relevan sekaligus menjaga informasi terkait tetap terhubung sepanjang proses.
Workflow mencakup dokumen Draft, Finalized, Completed, dan Archived, serta tetap mendukung kondisi khusus seperti Cancelled dan Reopened ketika proses administratif membutuhkannya.
04 / PRODUCT EXPERIENCE
Satu workflow, di setiap tahap.
Setiap interface merepresentasikan bagian yang berbeda dari proses administratif yang sama — mulai dari pembuatan dan peninjauan data hingga output dokumen, riwayat, kontrol status, dan pengelolaan.
05 / SYSTEM AT A GLANCE
Sistem yang fokus untuk proses administratif yang nyata.
Aplikasi menggabungkan akses berbasis peran, pengelolaan dokumen berbasis status, interface responsif, dan workflow full-stack yang live.
Peran pengguna
Akses dan tindakan disusun berdasarkan tanggung jawab yang berbeda dalam workflow administratif.
Lifecycle dokumen
Tindakan yang tersedia mengikuti status dokumen saat ini, bukan memperlakukan semua data dengan cara yang sama.
Proyek live
Aplikasi tersedia sebagai proyek web live yang dapat dieksplorasi secara langsung.
06 / SYSTEM DESIGN
Interface mengikuti pekerjaan yang ada di balik dokumen.
Tantangan desain utamanya adalah menerjemahkan proses administratif menjadi interface yang tetap mudah dipahami ketika data berpindah antar-status dan tanggung jawab.
Artinya, status dokumen harus selalu jelas, informasi administratif yang saling berkaitan tetap terhubung, tindakan yang tersedia dapat diprediksi, dan pengalaman tetap konsisten di desktop maupun layar yang lebih kecil. Hasilnya adalah workflow yang mengutamakan kejelasan dibanding kompleksitas interface yang tidak perlu.
07 / FINAL RESULT
Cara yang lebih jelas untuk mengelola administrasi serah terima.
BAST menyatukan pengelolaan dokumen, data administratif, workflow state, dan manajemen sehari-hari dalam satu pengalaman full-stack yang fokus.
Lihat proyek live↗