Mudahnya Membuat Panel Pencarian Selalu Collapsed di Aplikasi Web dari PHPMaker

Tanggal 3 September seminggu yang lalu, saya baru saja memutahirkan salah satu Aplikasi Web yang selama ini saya buat dengan PHPMaker. Dari yang sebelumnya menggunakan PHPMaker versi 9.2.0, sekarang menggunakan PHPMaker versi 11.0.2. Aplikasi Web yang saya maksud itu adalah web Kodepos Indonesia. Salah satu client saya terbesar selama ini. 😛

Salah satu alasan yang paling kuat mengapa saya memutahirkannya dengan menggunakan PHPMaker versi 11 adalah karena front-end-nya sudah menggunakan Twitter Bootstrap versi 3 yang layout-nya sudah berorientasi kepada mobile-first. Sementara kita ketahui bahwa di PHPMaker versi 10, masih menggunakan Twitter Bootstrap versi 2 yang belum sepenuhnya menerapkan layout mobile-first. Itulah kenapa saya tunggu sampai versi 11 keluar.

Tentu saja Aplikasi Web Kodepos Indonesia tersebut saya bangun dengan mengerahkan seluruh kemampuan Extensions PHPMaker yang selama ini saya buat dan share di web saya lainnya I Love PHPMaker. See? Begitu bermanfaatnya Extensions PHPMaker di beberapa proyek PHPMaker saya selama ini.

Meskipun demikian, ada hal yang masih kurang sreg bagi saya. Di antaranya, bagian Search Panel atau Panel Pencarian selalu saja terbuka (expanded) statusnya, meskipun Pengguna sudah mengklik tombol Panel Pencarian untuk menyembunyikan panel tersebut. Hal ini terjadi, karena PHPMaker menggunakan business-logic yang selalu membuka Panel Pencarian jika kriteria pencarian sudah pernah dimasukkan oleh Pengguna.

Kondisi ini jelas sangat terasa mengganggu, apalagi jika Pengguna mem-browse Aplikasi Web tersebut melalui perangkat mobile seperti Handphone atau Telepon Genggam dengan lebar layar yang sangat sempit, sehingga menyebabkan banyaknya space atau ruang kosong di bagian atas yang digunakan untuk Panel Pencarian tersebut.

Sementara yang saya inginkan selama ini adalah: setelah Pengguna menyembunyikan (meng-collapse) Panel Pencarian, lalu saat mem-browse ke halaman selanjutnya dari hasil pencarian yang sama, maka Panel Pencarian tersebut tetap dalam keadaan disembunyikan. Tentu saja hal ini lebih baik daripada kondisi yang sebelumnya saya sebutkan di atas. Saya yakin, hal ini jelas sangat dibutuhkan oleh Pengguna yang selama ini sering mem-browse situs tersebut melalui gadget-nya.

Puji Tuhan, akhirnya saya berhasil membuat sebuah Extension PHPMaker untuk mewujudkan keinginan saya tadi menjadi kenyataan. Nama extension tersebut adalah MasinoSearchPanelStatus11. Dengan menggunakan Extension ini, maka status terakhir dari Panel Pencarian (apakah expanded atau collapsed) di Aplikasi Web yang dihasilkan oleh PHPMaker menjadi akan selalu diingat oleh sistem.

Hal ini sangat terasa bermanfaat ketika Pengguna sedang mem-browse record hasil pencarian ke halaman berikutnya/sebelumnya. Pengguna kapan saja bisa menentukan status Panel Pencarian sesuai dengan keinginan/kebutuhannya.

Extension ini bahkan memungkinkan untuk mengingat status Panel Pencarian di setiap halaman List yang dihasilkan oleh PHPMaker. Artinya, status Panel Pencarian untuk halaman List yang satu menggunakan pengaturan yang terpisah dengan halaman List lainnya. Bahkan, Anda sebagai Web Developer pun bisa menentukan untuk halaman List tertentu, fitur ini tidak diimplementasikan (menggunakan pengaturan standar dari Database atau file konfigurasi).

Selain menggunakan pilihan level Table tersebut, tersedia juga pilihan alternatif lainnya. Anda sebagai Web Developer dapat memutuskan untuk mengimplementasikan fitur ini untuk semua Panel Pencarian cukup hanya dengan menggunakan pengaturan level Global (bukan level Table). Jadi, ketika sebuah Panel Pencarian di satu halaman status terakhirnya adalah collapsed, maka Panel Pencarian di semua halaman List lainnya pun akan menggunakan status Panel Pencarian yang terakhir digunakan/diubah.

Wow, keren sekali, ya? Senang rasanya bisa mewujudkan mimpi tersebut menjadi kenyataan lewat Extensions PHPMaker 😀

Betapa nikmatnya memang menggunakan PHPMaker dalam membangun Aplikasi Web! Bagaimana dengan Anda? 😀