Karya Pilihan

Plugin Filament Calculator - Input Nominal Lebih Cepat Tanpa Kalkulator Tambahan

14 Maret 2026 71 dilihat Tampil di halaman utama

Plugin Filament Calculator membantu menghitung angka langsung di field input tanpa perlu kalkulator tambahan. Solusi praktis untuk pencatatan keuangan di Laravel Filament.

Plugin Filament Calculator - Input Nominal Lebih Cepat Tanpa Kalkulator Tambahan

🧮 Plugin Filament Calculator — Solusi Kecil yang Bikin Input Data Lebih Praktis

🧩 Latar Belakang Masalah

Setelah cukup lama menggunakan aplikasi KasBang untuk mencatat keuangan sehari-hari, saya mulai sadar ada satu hal kecil yang ternyata cukup mengganggu.

Saat menginput nominal angka, baik di FilamentPHP maupun di aplikasi lain, prosesnya selalu sama:
➡️ Ketik angka secara manual.

Dan itu normal.

Tapi dalam praktiknya… tidak selalu sesederhana itu.

Contoh kasus nyata:

Hari ini kategori konsumsi terdiri dari:

  • Belanja dapur pagi: 10.000

  • Jajan anak: 5.000

  • Beli sesuatu: 6.000

Totalnya berapa?

Biasanya saya harus:

  1. Hitung di kepala ?

  2. Atau buka kalkulator di HP ?

  3. Lalu kembali lagi ke form input

  4. Input hasil akhirnya

Kelihatannya sepele, tapi kalau dilakukan terus-menerus… terasa cukup repot.

Dan dari situ muncul pemikiran:

“Kenapa tidak bisa langsung hitung di dalam field input saja?”


⚙️ Proses Pembuatan

Akhirnya saya memutuskan untuk membuat solusi sendiri dalam bentuk plugin.

Karena saya menggunakan Laravel + FilamentPHP, maka pendekatan terbaik adalah membuat plugin yang bisa langsung terintegrasi dengan field input di Filament.

Dengan bantuan AI (Codex), saya mulai membangun:

  • Field input yang bisa menerima ekspresi matematika

  • Support operasi dasar seperti:

    • Penjumlahan (+)

    • Pengurangan (-)

    • Perkalian (×)

    • Pembagian (÷)

  • Hasil kalkulasi otomatis muncul

  • Nilai akhir langsung bisa digunakan sebagai input

Filament Calculator In Action

Tujuannya sederhana:
➡️ Menghilangkan kebutuhan berpindah ke aplikasi lain hanya untuk menghitung angka kecil

🚀 Hasil dan Manfaat

Setelah plugin ini digunakan, perubahan kecil tapi terasa banget:

✅ Lebih Cepat

Tidak perlu buka kalkulator lagi. Semua bisa langsung di field input.

✅ Lebih Praktis

Cukup ketik:

10000 + 5000 + 6000

➡️ Hasil langsung muncul dan bisa dipakai

✅ Lebih Natural

Input terasa lebih “manusiawi”, karena mengikuti cara kita berpikir sehari-hari (menjumlahkan, bukan langsung angka total)


🔗 Akses & Distribusi

Plugin ini sudah saya publish agar bisa digunakan juga oleh developer lain:

Kamu bisa melihat cara install dan persyaratannya disana. Silakan digunakan, di-explore, atau dikembangkan sesuai kebutuhan masing-masing.


💡 Insight

Kadang solusi terbaik bukan fitur besar…

tapi perbaikan kecil di titik yang sering digunakan.

Plugin ini mungkin sederhana, tapi dampaknya cukup signifikan untuk workflow harian, terutama untuk aplikasi yang banyak berurusan dengan angka seperti:

  • Keuangan

  • Inventory

  • POS

  • Accounting


✨ Penutup

Plugin Filament Calculator ini lahir dari kebutuhan nyata saat menggunakan aplikasi sendiri.

Bukan fitur “wah”, tapi fitur yang benar-benar dipakai setiap hari.

Dan justru dari hal kecil seperti ini, pengalaman menggunakan aplikasi bisa jadi jauh lebih nyaman.

Laravel Livewire FilamentPHP PHP Tailwind CSS