Alasan Mengapa Seharusnya Anda Tidak Memakai AdminLTE di Template PHPMaker 2018

Seperti yang sudah saya bahas di artikel sebelumya, penggunaan AdminLTE di PHPMaker 2018 membuat tampilan Aplikasi Web yang dihasilkan olehnya menjadi tidak begitu menarik lagi. Fitur Menu dan tampilan Layout yang serba tanggung (akibatnya menjadi tidak menarik), membuat Web Developer seperti saya langsung memutuskan untuk merombak total template yang digunakan di versi ini.

Mengapa saya katakan fitur Menu dan Layout yang serba tanggung dan pada akhirnya menjadi tidak menarik? Oke, mari langsung kita buktikan, ya.

Silahkan lihat kembali demo asli PHPMaker 2018 yang satu ini. Pastikan Anda sudah mengklik link barusan, supaya kita dapat membahas demo yang mereka sediakan.

Dari demo itu, sekarang cobalah klik icon hamburger menu di bagian kiri atas, lalu perhatikan apa yang terjadi. Ya, Sidebar Menu yang berada di sebelah kiri semuanya disembunyikan, atau istilahnya disebut dengan off-canvas. Artinya, tidak ada sama sekali bagian icon dari Item Menu pada Sidebar Menu tersebut yang ditampilkan. Sesuatu yang sangat tidak lazim untuk sebuah Aplikasi Web yang ditampilkan dalam mode Desktop.

Bagaimana mungkin bagian Sidebar Menu itu disembunyikan semuanya dalam mode Desktop? Kalau untuk mode Phone, okelah, masih bisa dipahami. Lha ini dalam mode Desktop, kok jadi dibuat seperti itu, sih? Sangat aneh mereka membuat logic seperti itu. Seharusnya, Sidebar Menu tersebut tetap ditampilkan sebagian, yaitu hanya icon yang mewakili Item Menu yang berperan sebagai parent. Itu fakta Pertama.

Fakta Kedua, silahkan klik lagi icon hamburger menu untuk menampilkan Sidebar Menu, lalu klik menu OTHER TABLES, kemudian klik sub-menu dji. Anda sekarang akan melihat halaman dengan judul dji. Tapi bukan itunya yang akan kita kritisi. Sekarang klik lagi icon hamburger menu di kiri atas untuk menyembunyikan Sidebar Menu tersebut, lalu setelah itu klik tombol Next di bagian pager untuk mem-browse ke halaman kedua dari menu dji tadi. Setelah halaman kedua ditampilkan, sekarang Anda lihat bahwa Sidebar Menu tadi ditampilkan kembali. Padahal, sebelumnya kita ingin menyembunyikan Sidebar Menu tersebut (kalau memang itu yang author PHPMaker inginkan untuk menyembunyikan semua Sidebar Menu tersebut).

Di fakta Kedua ini, kelihatan ketidakkonsistenan dan ketidaknyamanan yang diberikan dari sisi Pengalaman Pengguna (User Experiences) saat berinteraksi dengan antarmuka Aplikasi Web tersebut. Kalau memang maksudnya kita bisa menyembunyikan Sidebar Menu tadi dengan mengklik icon hamburger menu tersebut, lantas mengapa Sidebar Menu itu tiba-tiba ditampilkan kembali, padahal kita sama sekali tidak ada mengklik secara eksplisit icon hamburger menu itu? Sudah semakin jelas kan, pada fakta Kedua ini, ketidaknyamanan dan ketidakkonsistenan yang diberikan oleh template asli bawaan PHPMaker 2018?

Selanjutnya mari kita beranjak ke fakta Ketiga. Klik menu Login yang berada di pojok kanan atas dari bagian Header Aplikasi Web demo tersebut. Di halaman selanjutnya masukkan username admin dan password master, lalu pastikan Anda mengklik atau memberi tanda centang pada bagian I’m not a robot, lalu klik tombol Login. Jika sudah berhasil, maka sekarang klik menu OTHER TABLES, lalu klik sub menu orders 2.

Sekarang Anda seharusnya sudah berada di halaman List dari table orders 2. Perhatikanlah di sebelah paling kanan dari tabel utama pada halaman tersebut. Untuk lebih jelasnya, silahkan scroll ke bawah dari browser yang Anda gunakan, lalu perhatikan bahwa terdapat scroll horizontal di bagian bawah browser Anda. Geser ke kanan sampai scroll horizontal itu mentok, lalu perhatikan bagian tabel yang posisiya sudah melebihi dari batas lebar maksimal awal dari layar halaman List tadi. Ya, bagian tabel itu kelihatan sangat jelek sekali. Sungguh sangat tidak nyaman dilihat. Sangat tidak profesional.

Itu artinya apa? Artinya, sebenarnya di halaman List dari orders 2 tadi menggunakan extension ScrollingTable yang berfungsi untuk membatasi lebar maksimal tabel di halaman List tersebut tidak boleh lebih besar dari lebar awal dari halaman List saat ditampilkan. Jadi, jika pun lebar tabel yang sebenarnya melebihi lebar layar utama halaman List, maka harus muncul komponen scroll di bagian bawah dari tabel tersebut saat halaman itu pertama kali ditampilkan. Tapi sayangnya, yang terjadi sesungguhnya tidaklah seperti yang diinginkan.

Dari fakta Ketiga ini, sudah dapat diambil kesimpulan bahwa AdminLTE yang digunakan di PHPMaker 2018 ini ternyata membawa dampak juga terhadap pemakaian extension ScrollingTable tersebut menjadi tidak sesuai dengan yang diharapkan. Scrolling horizontal di bagian tabel baru muncul setelah jendela browser kita resize. Seharusnya, pada saat halaman pertama kali dimuat, efek ScrollingTable harus tetap muncul untuk case seperti di menu orders 2 tadi. Jadi, kondisi yang tidak diharapkan ini membuat Aplikasi Web menjadi semakin tidak profesional.

Sebenarnya ada satu fakta lagi yang mungkin bagi sebagian orang kelihatan sepele, tapi dampaknya ternyata berpengaruh bagi User atau Client. Apa itu? Kalau yang di versi 2017, kita masih bisa merasakan fitur warna khusus saat sebuah row kita klik di table pada halaman List. Ya, mirip seperti bookmark record, termasuk ketika kita memberi tanda centang pada baris di tabel. Nah, di versi 2018, hal itu tidak bisa kita temukan lagi. Mengapa? Lagi-lagi jawabnya karena PHPMaker menggunakan AdminLTE. Seperti yang kita ketahui, tidak ada fitur itu di AdminLTE. Makanya sangat disayangkan, gara-gara karena menggunakan AdminLTE, fitur itu menjadi tidak ada lagi.

Melihat semua kondisi itu, akhirnya membuat saya bertekad untuk segera merombak Template yang digunakan oleh PHPMaker 2018. Artinya, yang tadinya menggunakan AdminLTE, sekarang menjadi tidak menggunakan AdminLTE lagi! Saya merombak total template asli PHPMaker 2018, sehingga menghasilkan Aplikasi Web dengan fitur-fitur yang lebih kaya dan fleksibel, seperti yang bisa Anda lihat melalui demo ini.

Silahkan Anda bandingkan sendiri, fitur-fitur apa saja yang dapat Anda rasakan lebih baik dari sisi tampilan, kenyamanana dalam penggunaan, ketersediaan fitur, sampai kepada ketersediaan pengaturan yang bersifat dinamis pada demo yang terakhir ini? Tidak perlu saya jelaskan secara detail, ya. Cukup Anda coba supaya dapat feel-nya.

Jadi, sudah tahu sekarang ‘kan, mengapa seharusnya Anda tidak menggunakan AdminLTE pada template asli bawaan PHPMaker 2018? Gratisan, kok minta bagus! Huh! Jadi, masih mau pakai yang gratisan sekarang? Dari dulu sampai sekarang, yang namanya gratisan pasti ada saja yang tidak sesuai dengan kebutuhan. 😛