Meningkatkan pengalaman pengguna (UE)
Sejauh ini, artikel ini berfokus sepenuhnya pada manfaat penggunaan kerangka kerja JavaScript dan bagaimana hal itu mempermudah pembuatan aplikasi interaktif. Namun, di sisi lain, setiap framework memiliki prospek menariknya masing-masing, termasuk komponen antarmuka pengguna (UI) dan peningkatan pengalaman pengguna (UE), yang memerlukan banyak upaya.
Bab ini akan mengeksplorasi pengalaman pengguna kerangka kerja berikut: Prototipe, jQuery, YUI, ExtJS, dan MooTools.
Prototipe
Prototipe adalah salah satu dari sedikit prototipe yang tidak menyertakan komponen UI siap pakai atau peningkatan pengalaman pengguna. Sebaliknya, ini berlaku untuk semua perpustakaan saudara script.aculo.us (Scripty2, yang merupakan versi terbaru yang diketahui). script.aculo.us menambahkan dukungan ekstensif untuk efek dan perilaku Prototipe. Efek-efek ini meliputi: sorotan, perubahan bentuk, keruntuhan, gemetar, geser, dan perluasan. script.aculo.us juga mendukung drag and drop, geser, pengeditan waktu nyata Ajax dan perintah otomatis. Script.aculo.us menyerahkan desain kontrol (seperti penggeser dan pelengkapan otomatis) kepada pengembang dan tidak menyediakan skin standar.
jQuery
Berbeda dengan perpustakaan Prototipe, jQuery menyertakan beberapa pengalaman pengguna dasar pada intinya. Ini mirip dengan beberapa efek sederhana dari Script.aculo.us, seperti slide dan fade. Namun, untuk fitur pengalaman pengguna yang lebih canggih, Anda perlu mengunduh perpustakaan jQuery UI, yang mencakup lebih banyak efek seperti menyeret, memperbesar, dan menyortir. Tidak seperti Script.aculo.us, jQuery UI juga menyertakan beberapa widget atau komponen kecil dan memberikan alasan yang lebih menarik kepada pengembang, membuat pengembangan lebih mudah. Saat ini, komponen tersebut meliputi: Accordion, Datepicker, Dialog, Progressbar, Slider, dan Tabs. Widget sepenuhnya dapat bertema, dan jQuery UI memiliki beragam tema yang dapat Anda gunakan untuk memenuhi kebutuhan situs web atau aplikasi web Anda sendiri. Gambar 1 menunjukkan widget jQuery UI Datepicker dan tema Apple.
Gambar 1: widget Datepicker jQuery UI
.jpg)