Salah satu dari sekian banyaknya keuntungan jika menggunakan Masino Extensions pada project PHPMaker 2019 adalah tampilan baru Language Selector, yang kini sudah dilengkapi dengan bendera negara. Tentu saja ini akan membuat Aplikasi Web yang Anda hasilkan dengan PHPMaker 2019 menjadi lebih informatif, sekaligus menjadi lebih profesional lagi.
Sudah lama saya ingin mengubah Language Selector menjadi seperti itu, karena tampilan yang lama sangat tidak informatif dan tidak eye-catching. Akhirnya bisa terwujud juga di Masino Extensions untuk PHPMaker 2019, dan rencananya akan selalu saya terapkan untuk versi major berikutnya.
Tersedia tiga pilihan yang bisa Anda tentukan dari extension MasinoHeaderFooter15; yaitu apakah Anda ingin menggunakan tipe LI, DROPDOWN, atau SELECT. Ketiganya bisa ditampilkan di bagian Navbar dari Aplikasi Web yang dihasilkan oleh PHPMaker 2019.
Tipe pertama, yaitu LI akan menampilkan semua bahasa yang digunakan di bagian Navbar. Tipe kedua, yaitu DROPDOWN akan menampilkan icon bola dunia di Navbar, yang jika diklik, maka akan menampilkan menu Dropdown berisi pilihan bahasa yang tersedia. Sedangkan tipe ketiga, yaitu SELECT akan menampilkan bahasa yang terpilih pada control seperti ComboBox, dan jika diklik maka akan menampilkan seluruh pilihan bahasa yang tersedia.
Sekarang mari kita bahas satu per satu pilihan di atas melalui beberapa demo web berikut.
1. Tipe LI, Semua Bahasa dan Benderanya Terlihat di Navbar
Jangan tanya saya ya, mengapa disebut dengan tipe LI. Itu adalah nama Tipe yang diberikan oleh PHPMaker Developer. Mungkin karena ditampilkan dengan tag LI untuk menampilkan beberapa item. Anda bisa melihat demonya melalui web Demo Masino Extensions pada PHPMaker dan PHP Report Maker.
Seperti yang Anda saksikan dari web demo tersebut, ketiga bahasa yang tersedia, yaitu Arabic, English, dan Indonesian berikut benderanya masing-masing; ditampilkan semuanya di bagian Navbar. Tipe ini sangat cocok digunakan jika bahasa yang digunakan oleh Aplikasi Web tidak terlalu banyak, dan Menu Item yang terdapat di Navbar tidak terlalu banyak.
Pengguna dapat mengetahui bahasa yang sedang aktif atau terpilih; ditandai dengan warna latar belakang yang berbeda dengan warna Navbar-nya. Jika Pengguna mengganti ke bahasa yang lain, maka status bahasa yang aktif dan baru tersebut, akan terlihat ketika sistem memuat halaman pada kesempatan berikutnya.
2. Tipe DROPDOWN, Semua Bahasa Disembunyikan, Hanya Icon Globe Bahasa dan Bendera yang Aktif Ditampilkan
Tipe Dropdown akan menyembunyikan semua bahasa dan bendera yang digunakan, lalu digantikan oleh sebuah icon Globe atau Bola Dunia nama bahasa dan bendera yang sedang aktif di bagian Navbar. Jika Pengguna mengklik icon bahasa dan bendera yang aktif tadi, maka sistem akan menampilkan semua bahasa yang tersedia berikut benderanya masing-masing; melalui menu Dropdown putih.
Ketika menu Dropdown sedang ditampilkan, maka kita bisa melihat bahasa yang sedang aktif; ditandai dengan warna biru. Jika Pengguna mengganti ke bahasa yang lain, maka status bahasa yang aktif dan baru tersebut, akan diperbarui ketika sistem memuat halaman pada kesempatan berikutnya.
Tipe yang kedua ini sangat cocok jika di bagian Navbar terdapat banyak Item Menu. Jadi, Language Selector yang ditampilkan cukup hanya diwakili oleh icon Globe tadi, dan hal ini tentu saja dapat menghemat banyak ruang di Navbar. Untuk demonya, bisa Anda lihat dari Demo Masino Extensions pada PHPMaker 2019.
3. Tipe SELECT, Hanya Bahasa dan Bendera yang Aktif Terlihat di ComboBox
Tipe yang ketiga, yaitu SELECT, akan menampilkan nama dan bendera dari bahasa yang sedang aktif saja pada control ComboBox. Warna latar belakang dari control ComboBox ini menggunakan abu-abu atau cenderung antara terang ke setengah gelap.
Jika Pengguna mengklik ComboBox tersebut, maka sistem akan menampilkan semua pilihan nama dan bendera bahasa yang tersedia. Tidak hanya itu saja. Ketika sistem sedang menampilkan semua bahasa tadi, maka Pengguna dapat mengetik nama bahasa yang diinginkan, dan sistem akan otomatis menyaring pilihan tersebut.
Tipe ini sangat cocok jika pilihan bahasa yang digunakan relatif banyak. Jadi, Pengguna tidak harus selalu melakukan scroll down untuk mencari bahasa tertentu, seperti layaknya sedang memilih item pada control ComboBox.
Selain itu, biasanya pilihan ini sangat sering digunakan oleh Aplikasi Web, karena lebih informatif dan tidak terlalu banyak menggunakan ruang di bagian Navbar.
Untuk demonya, bisa Anda lihat dari Stock Inventory Management.
Sebenarnya, ada satu tipe lagi yang disediakan oleh PHPMaker 2019; yaitu RADIO. Dari namanya saja kita sudah bisa menebak bahwa pilihan ini menggunakan control Radio Button. Sayangnya, pilihan yang satu ini sudah saya coba tapi tidak berfungsi sebagaimana mestinya.
Kalau menurut saya, ketiga pilihan di atas sudah cukup mewakili kebutuhan Aplikasi Web yang paling sering digunakan. Pilihan mana yang Anda suka atau sering gunakan? Kalau saya lebih suka pilihan yang SELECT.
Nah, bagi Anda yang ingin menggunakan fitur ini, pastikan Anda sudah men-download ulang file Masino Extensions dari situs ILovePHPMaker.com.
Semoga bermanfaat, ya. 🙂
Tinggalkan Balasan