Diterbitkan pada
21 September 2026
In Progress

Custom Drag-and-Drop Form Builder

By Samsul Hadi @Threads
Custom Drag-and-Drop Form Builder

Custom Drag-and-Drop Form Builder adalah platform formulir yang saya bangun untuk institusi besar, agar permintaan layanan dan persetujuan bisa didigitalkan dengan keamanan dan kemampuan audit yang memadai. Solusi ini dipakai beberapa organisasi sekaligus, termasuk sebuah Kantor Akuntan Negara dan sebuah Bank Koperasi, dan dirancang menampung basis anggota serta volume permintaan yang terus bertambah.

Yang Ditangani

  • Perancang Formulir Visual: menyusun formulir lewat drag-and-drop — teks, angka, tanggal, pilihan, area teks, unggah berkas — lengkap dengan pengurutan dan penanda wajib atau opsional.
  • Aturan Validasi: pemeriksaan di sisi server untuk menjaga keutuhan data, membatasi ukuran berkas, dan menegakkan batasan tiap kolom.
  • Alur Proses Bertingkat: menentukan siapa mengisi, siapa memverifikasi, dan siapa menyetujui, lengkap dengan status, penugasan, dan lampiran di tiap tahap.
  • Konsol Pengajuan: meninjau, menyaring, dan mengekspor pengajuan dengan jejak audit — siapa mengirim, siapa menyetujui, dan kapan.

Keamanan

  • Verifikasi OTP lewat SMS: hanya pengguna sah yang dapat mengirim; OTP punya masa berlaku dan mendeteksi percobaan yang keliru untuk mencegah penyalahgunaan.
  • Kendali Berlapis: pembatasan laju permintaan OTP, verifikasi di sisi server, dan pembatasan data yang tampil saat terjadi kegagalan.

Adopsi & Dampak

  • Digunakan beberapa institusi sekaligus, antara lain Kantor Akuntan Negara dan Bank Koperasi, untuk pendaftaran anggota dan alur layanan.
  • Memusatkan pembuatan formulir dan penanganan pengajuan, menggantikan perkakas manual yang sebelumnya tersebar dan sulit ditelusuri.
  • Tumbuh mengikuti permintaan — mampu melayani jumlah anggota dan pengajuan yang bertambah tanpa membebani operator.

Arsitektur & Teknologi

  • Backend: Laravel (PHP) berjalan di atas PHP 8.4.
  • Frontend: Vue dengan Bootstrap.
  • Dibangun multi-tenant: tiap organisasi punya workspace terpisah, berikut modul langganan, penagihan, dan paket harga.
  • Dilengkapi manajemen peran dan izin granular, notifikasi, template surat, pengelolaan media, tema yang dapat diganti, serta dukungan banyak bahasa.

Status

Berjalan — dipakai produksi dan terus dikembangkan.