Sudah hal yang biasa jika di sebuah aplikasi web, bagian Sidebar dibuat berwarna hitam atau cenderung gelap alias Dark. Jarang sekali bagian Sidebar berwarna putih atau terang atau Light.
Coba perhatikan di hampir sebagian besar aplikasi web, biasanya Sidebar berorientasi Dark. Hal ini wajar, karena itu artinya bagian Sidebar tidak terlalu ditonjolkan. Bagian konten utamalah yang perlu ditonjolkan.
Kenapa bagian Sidebar sering tidak ditonjolkan? Karena di bagian ini umumnya terletak menu untuk membuka ke halaman tertentu. Paling-paling, Sidebar hanya dilirik jika ingin membuka halaman tertentu dengan mencari dan mengklik menu ke halaman yang bertalian.
Seperti kita ketahui, bagian Menu biasanya jarang sekali diperhatikan oleh Pengguna. Karena cenderung luput dari perhatian, maka Sidebar sering dibuat Dark, agar bagian konten utamalah yang lebih menonjol.
Tapi pernahkah kita bereksperimen, seandainya bagian Sidebar kita tampilkan pertama sekali dalam mode Light? Katakanlah berwarna putih, bagaimana kelihatannya? Apakah kalian bosan dengan aplikasi web yang bagian Sidebar-nya selalu dalam mode Dark?
Sepertinya ide untuk membuat Sidebar Light ini cukup menarik. Menarik, karena kita berharap nantinya Sidebar tadi juga dapat menyesuaikan secara dinamis dengan mode Dark yang dilakukan dari sisi aplikasi webnya.
Tidak itu saja, ternyata dengan menggunakan Sidebar Light, maka tampilan aplikasi web menjadi lebih bersih dan rapi. Seperti lebih nyaman dipandang, karena tidak terlalu kontras warna antara Sidebar dan konten utama.
Beruntunglah kita jika menggunakan PHPMaker 2023, untuk membuat aplikasi web, karena PHPMaker 2023 telah menyediakan Sidebar dengan orientasi Dark atau Light. Cukup pilih opsi yang sesuai keinginan dari bagian HTML -> Theme -> AdminLTE -> Sidebar class.
Di sana tersedia pilihan sidebar-light-* atau sidebar-dark-*. Tapi sayangnya, kita hanya bisa memilih salah satu saja. Kita tidak bisa mengimplementasikan kedua mode Light dan Dark tadi.
Pertanyaannya, bagaimana jika kita ingin membuat Sidebar yang bisa berpindah dari mode Dark ke Light (maupun sebaliknya) dari sisi aplikasi web secara on-the-fly? Bukankah PHPMaker tidak memiliki fitur seperti itu?
Tenang… tenang…, solusinya cukup gunakan Masino Extensions for PHPMaker. Dengan menggunakan Masino Extensions, maka kita bisa membuat aplikasi web yang bisa berpindah mode, dari Sidebar Light ke Dark, maupun sebaliknya. Kita bisa mengimplementasikannya dengan sangat mudah dan cepat.
Kita bisa membuat aplikasi web yang menampilkan Sidebark Light saat pertama kali diakses oleh Pengguna. Nantinya, si Pengguna dapat berpindah mode dari Sidebar Light ke Dark, kapanpun dia mau. Dan yang menariknya, sistem akan menyimpan setting terakhir.
Cukup aktifkan opsi DarkMode dari menu Tools -> Extensions -> MasinoHeaderFooter19. Selain itu, silahkan pilih salah satu opsi sidebar-light-* yang kita inginkan dari menu HTML -> Theme -> AdminLTE -> Sidebar class. Terakhir, generate ulang semua file script seperti biasa menggunakan PHPMaker 2023.
Penasaran ingin melihat demonya, seperti apakah Sidebar Light itu? Klik di sini.
Terbukti memang, sekali lagi, dengan menggunakan Sidebar Light, aplikasi web kita cenderung kelihatan lebih bersih dan rapi. Bandingkan jika kita menggunakan Sidebar Dark. Seperti ada yang sedikit aneh apabila kita menampilkan Sidebar Dark.
Yang saya maksud aneh itu adalah, karena Sidebar Dark terkesan sangat gelap dan kontras sekali dengan bagian konten utama aplikasi web. Selain itu, Sidebar tersebut akan selalu dalam mode Dark, dan tidak akan pernah bisa berpindah secara on-the-fly ke mode Light.
Bagi sebagian besar orang mungkin hal ini bukan suatu keanehan, tapi bagi saya sendiri, seperti aneh saja melihat Sidebar Dark ditampilkan pertama sekali di aplikasi web yang menggunakan mode Light.
Seharusnya, Sidebar menggunakan mode Light supaya selaras dengan mode aplikasi web-nya yang biasanya ditampilkan secara default dalam mode Light. Kalau tidak senang, ya cukup pindah aja ke mode Dark dari sisi aplikasi webnya, dan tarraaaa… Sidebar juga otomatis menyesuaikan!
Sekali lagi, dengan menggunakan Masino Extensions, maka Sidebar yang tadinya dalam mode Light, ketika Pengguna Akhir berpindah mode ke Dark dari sisi aplikasi web, maka si Sidebar tadi pun akan otomatis menggunakan mode Dark. Sesimpel itu.
Demikian juga sebaliknya, ketika Pengguna Akhir berpindah kembali ke mode Light, maka si Sidebar pun akan ikut kembali menggunakan mode Light. Keren, ‘kan?
Nah, ini jugalah alasan utama, mengapa sudah seharusnya kita selalu menggunakan Masino Extensions di aplikasi web yang dihasilkan oleh PHPMaker. Jangan sampai kita membatasi kecanggihan aplikasi web yang hanya memanfaatkan fitur standar bawaan PHPMaker saja!
Sudah saatnya kita memanjakan si Pengguna Akhir dari aplikasi web yang kita bangun, dengan menggunakan fitur yang dapat mereka pilih sesuai selera mereka. Sudah saatnya kita membuat aplikasi web yang dapat berpindah dari mode Light ke Dark, maupun sebaliknya.
Sudah saatnya juga kita meninggalkan kebiasaan menggunakan Sidebar Dark yang kesannya aneh karena tidak dinamis menyesuaikan ke mode Light dari sisi aplikasi webnya.
Tinggalkan Balasan