[#2] How Filament PHP Boosts Our Web-based Project Development

Introduction

Dalam era digital seperti saat ini, pengembangan sistem informasi berbasis web menjadi semakin krusial. Dengan banyaknya tools dan framework yang tersedia, memutuskan untuk memilih yang tepat untuk proyek yang Kita miliki bisa menjadi tantangan tersendiri. Salah satu framework yang semakin populer adalah filament PHP [1]. Dalam artikel ini, kita akan membahas bagaimana filament PHP dapat mempercepat pengembangan proyek sistem informasi berbasis web yang sedang dibangun.

Gambar 1. Hero Section dari website filament PHP

Source : Filament PHP

Apa itu FilamentPHP ?

Filament PHP adalah framework PHP yang berjalan baik di dalam ekosistem framework Laravel yang dirancang untuk mempermudah pengembangan aplikasi web dengan antarmuka pengguna yang intuitif dan fungsionalitas yang kuat [2]. Dengan menggunakan filament PHP, pengembang dapat dengan cepat membangun aplikasi yang responsif dan mudah digunakan tanpa harus menulis banyak kode.

Gambar 2. Teknologi penyusun framework filament PHP

Source : Filament PHP

Keunggulan FilamentPHP

1. Antarmuka Pengguna yang Menarik

Filament PHP menawarkan tampilan pengguna (UI) yang modern dan responsif. Dengan komponen UI yang siap pakai, Kita dapat dengan mudah membuat tampilan yang menarik dan fungsional saat membangun aplikasi web-based information system. Hal ini sangat penting dalam pengembangan sistem informasi, di mana pengalaman pengguna menjadi salah satu faktor kunci keberhasilan.

Gambar 3. Ilustrasi tampilan dashboard yang dibangun menggunakan filament PHP

2. Kemudahan Integrasi

Filament PHP dirancang untuk bekerja dengan berbagai database dan sistem backend. Ini memungkinkan Kita untuk mengintegrasikan aplikasi Kita dengan sistem yang sudah ada (seperti Laravel) tanpa kesulitan. Kita dapat dengan mudah menghubungkan aplikasi yang dibangun menggunakan filament dengan database seperti MySQL, PostgreSQL, dan SQLite.

Gambar 3. Ilustrasi konfigurasi database di file .env pada environment framework Laravel

3. Pengembangan yang Cepat

Salah satu keuntungan utama menggunakan filament PHP adalah kecepatan pengembangan. Dengan fitur-fitur seperti scaffolding otomatis dan generator kode, Anda dapat menghemat waktu dalam proses pengembangan. Ini memungkinkan tim Anda untuk fokus pada logika bisnis dan fitur-fitur penting lainnya.

/**
Contoh CLI (Command Line Interface) yang dapat digunakan untuk 
scaffolding otomatis dan generator kode
**/
php artisan filament-resource TransactionResource --generate --view

Source Detail : Dokumentasi resmi panduan instalasi filament PHP

4. Dokumentasi yang Lengkap

Filament PHP dilengkapi dengan dokumentasi yang jelas dan lengkap. Ini sangat membantu bagi Kita sebagai pengembang, baik yang baru maupun yang berpengalaman, untuk memahami cara menggunakan framework ini dengan efektif. Dokumentasi yang baik juga mengurangi waktu yang dihabiskan untuk mencari solusi atas masalah yang mungkin muncul.

Gambar 4. Ilustrasi website dokumentasi penggunaan filament PHP yang dapat diakses oleh Pengguna

Source : Documentation - Filament

Komponen yang sering digunakan dalam membangun

Web-based Information System menggunakan filaments

• Panel Builder

  Panel Builder adalah salah satu komponen utama dalam FilamentPHP yang memungkinkan pengembang untuk membuat antarmuka pengguna yang terstruktur dan mudah dinavigasi. Dengan Panel Builder, Kita dapat dengan cepat menyusun berbagai elemen UI, seperti formulir, tabel, dan grafik, dalam satu tampilan yang terorganisir. Fitur ini sangat berguna untuk menyajikan informasi secara jelas dan teratur, sehingga pengguna dapat dengan mudah memahami data yang ditampilkan. Selain itu, Panel Builder juga mendukung kustomisasi, memungkinkan pengembang untuk menyesuaikan tampilan sesuai dengan kebutuhan spesifik proyek.

  

  Gambar 5. Ilustrasi Panel Builder (biasa disebut dashboard)

  Resource : Dokumentasi komponen Panels

• Form Builder

  Form Builder adalah komponen yang memungkinkan pengembang untuk membuat formulir dengan mudah dan cepat. Dalam sistem informasi, formulir sering kali digunakan untuk mengumpulkan data dari pengguna, seperti pendaftaran, pengisian survei, atau pengelolaan data. Dengan Form Builder, pengembang dapat menambahkan berbagai jenis input, seperti teks, dropdown, checkbox, dan radio button, tanpa harus menulis banyak kode. Fitur ini tidak hanya menghemat waktu pengembangan, tetapi juga memastikan bahwa formulir yang dibuat memiliki validasi yang tepat dan responsif terhadap berbagai perangkat. Form Builder juga mendukung pengaturan tata letak yang fleksibel, sehingga pengembang dapat menyesuaikan tampilan formulir sesuai dengan kebutuhan aplikasi. Dengan demikian, pengguna dapat mengisi formulir dengan mudah dan nyaman, meningkatkan pengalaman pengguna secara keseluruhan.

  

  Gambar 6. Ilustrasi Forms Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen Forms

• Table Builder

  Table Builder adalah komponen yang dirancang untuk memudahkan pengelolaan data dalam bentuk tabel. Dengan menggunakan Table Builder, pengembang dapat dengan cepat membuat tabel yang interaktif dan responsif, lengkap dengan fitur pencarian, penyortiran, dan paginasi. Ini sangat penting dalam sistem informasi yang sering kali melibatkan pengelolaan data dalam jumlah besar. Dengan kemampuan untuk menampilkan data secara efisien, Table Builder membantu pengguna dalam mengambil keputusan yang lebih baik berdasarkan informasi yang disajikan.

  

  Gambar 7. Ilustrasi Table Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen tables

• Widgets

  Widgets dalam filament PHP adalah elemen UI yang dapat digunakan untuk menampilkan informasi secara ringkas dan menarik. Widgets dapat berupa grafik, statistik, atau informasi penting lainnya yang perlu ditonjolkan dalam aplikasi. Dengan menggunakan widgets, pengembang dapat memberikan gambaran cepat tentang data yang relevan, sehingga pengguna dapat dengan mudah memahami tren dan pola yang ada. Selain itu, widgets juga dapat disesuaikan untuk memenuhi kebutuhan spesifik aplikasi, menjadikannya alat yang sangat fleksibel dalam pengembangan sistem informasi.

  

  Gambar 8. Ilustrasi Widgets Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen widgets

• Actions

  Komponen Actions dalam filament PHP memungkinkan pengembang untuk menambahkan fungsionalitas interaktif ke dalam aplikasi. Dengan Actions, pengguna dapat melakukan berbagai tindakan, seperti menyimpan data, menghapus entri, atau mengubah status item, dengan mudah. Fitur ini sangat penting untuk meningkatkan pengalaman pengguna, karena memberikan mereka kontrol langsung atas data yang mereka kelola. Actions juga dapat dikustomisasi untuk memenuhi kebutuhan spesifik, sehingga pengembang dapat memastikan bahwa setiap tindakan yang tersedia relevan dan bermanfaat bagi pengguna.

  

  Gambar 9. Ilustrasi Actions Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen actions

• Infolist

  Komponen Infolist Builder dalam filament PHP dirancang untuk menampilkan daftar informasi dengan cara yang terstruktur dan mudah dibaca. Komponen ini sangat berguna dalam situasi di mana pengguna perlu melihat sekilas informasi penting, seperti daftar kontak, produk, atau laporan. Dengan Infolist Builder, Kita sebagai pengembang dapat dengan cepat membuat daftar yang dapat disesuaikan, lengkap dengan fitur pencarian dan penyortiran. Keunggulan dari Infolist Builder adalah kemampuannya untuk menampilkan data dalam format yang ringkas, sehingga pengguna dapat dengan mudah menemukan informasi yang mereka butuhkan. Selain itu, Infolist Builder juga mendukung pengaturan tampilan yang responsif, memastikan bahwa daftar informasi dapat diakses dengan baik di berbagai perangkat. Dengan demikian, komponen ini sangat membantu dalam meningkatkan efisiensi dan efektivitas pengelolaan informasi dalam aplikasi.

  

  Gambar 10. Ilustrasi Infolist Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen infolists

• Notification

  Notifications Builder adalah komponen yang memungkinkan Kita sebagai pengembang untuk mengelola dan menampilkan notifikasi kepada pengguna. Notifikasi sangat penting dalam sistem informasi, karena dapat memberikan informasi penting, peringatan, atau pembaruan kepada pengguna secara real-time. Dengan Notifications Builder, pengembang dapat dengan mudah membuat dan mengatur notifikasi yang muncul di antarmuka pengguna. Fitur ini memungkinkan pengguna untuk tetap terinformasi tentang aktivitas terbaru dalam aplikasi, seperti pembaruan data, pengingat, atau pesan penting lainnya. Notifications Builder juga mendukung pengaturan tampilan dan jenis notifikasi, sehingga pengembang dapat menyesuaikan cara notifikasi ditampilkan sesuai dengan konteks aplikasi sistem informasi yang sedang dikembangkan. Dengan adanya notifikasi yang efektif, pengguna dapat lebih responsif terhadap perubahan dan informasi yang relevan, meningkatkan interaksi dan keterlibatan antar pengguna dengan aplikasi sistem informasi yang dikembangkan.

  

  Gambar 11. Ilustrasi Notifications Builder (Demo Filament PHP Resmi)

  Resource : Dokumentasi komponen notifications

Sumber referensi untuk belajar filament PHP

1. (745) Programmer Telo - YouTube

2. (745) nix channel - YouTube

3. (745) Septiawan Aji Pradana - YouTube

Demikian pengantar singkat tentang filament PHP semoga dapat memberikan gambaran bagaimana filament PHP dapat memberikan kontribusi yang baik dalam membangun web-based information system serta referensi yang dapat digunakan untuk belajar.

Mohon maaf apabila ada banyak kekurangan. Terima Kasih atas perhatian yang telah diberikan.

Salam Hormat,
Muhammad Arief Ardyansyah

References :

[1] Matveeva, N. (2022). Features of teaching the course of study "Software tools for creating server web applications". System technologies. https://doi.org/10.34185/1562-9945-3-140-2022-07.

[2] Laaziri, M., Benmoussa, K., Khoulji, S., Larbi, K., & Yamami, A. (2019). A comparative study of laravel and symfony PHP frameworks. International Journal of Electrical and Computer Engineering (IJECE). https://doi.org/10.11591/IJECE.V9I1.PP704-712.