KENDO UI Mobile : Framework Pengembangan Aplikasi Mobile
berbasis HTML5
Maulana Shalhin 105090600111039
Sekilas mendengar nama kendo, mungkin terdengar seperti perguruan bela diri asal jepang. Tapi jangan salah, kendo UI ternyata adalah salah satu framework HTML5 yang cukup direkomendasikan dalam membangun sebuah aplikasi web maupun mobile.
Kendo UI memiliki komponen User Interface yang cantik. Memiliki Komponen Library yang juga cukup lengkap. Sehingga sangat memudahkan bagi pengmbang pemula yang mau membangun sebuah aplikasi yang cantik.
Namun sayangnya, Kendo UI mobile tidak ditawarkan gratis. Hanya diberikan trial 30 hari. Berbeda dengan Kendo UI web, yang bisa kita dapatkan secara Cuma-Cuma. Kendo UI mobile support pengembangan Aplikasi Mobile MultiPlatform. Hal ini jelas sangat memudahkan, karena sekali
membuat aplikasi, kita bisa memakainya di IOS, Windows Phone, BlackBerry, dan juga tentu saja Android.
Beberapa fitur/widget yang ditawarkan oleh Kendo UI mobile seperti :
1. ListView
ListView berguna untuk menampilkan daftar item-item tertentu. Seperti contoh di atas adalah menampilkan daftar kontak.
2. ActionSheet
ActionSheet adalah sekumpulan pilihan ketika user
mengklik tombol tertentu. Sehingga user bisa memilih hal apa yang mau dia lakukan.
3. Butt
on
Kendo UI memiliki bentuk button standar yang memang banyak digunakan untuk aplikasi mobile. Kita bisa
4. Button Group
Kendo UI menyediakan widget Button Group. Dengan widget ini tentu saja akan membuat UI lebih menarik daripada membuat beberapa tombol dengan disusun.
5. ModalView
Widget ini adalah widget untuk membuat fitur registrasi maupun login.
6. NavBar
NavBar Kendo UI terletak di bagian atas. Atau header dari sebuah aplikasi.
Sehingga susunan header terdiri dari tombol navigasi dan juga judul dari view saat ini.
7. PopOver
PopOver akan muncul ketika kita
mengklik tombol atau ikon tertentu. Dari PopOver kemudian kita bisa melakukan beberapa hal, bisa melakukan pemilihan, pengisian Form, atau juga menampilkan sesuatu.
8. Form
Kendo UI Mobile mendukung beberapa bentuk pengisian Form. Seperti slider, autocomplete, Numeric, Waktu dan Tanggal.
Itu tadi sekilas mengenai fitur/widget yang disediakan kendo UI. Selain widget-widget di atas ada lagi beberapa widget yang bisa kita gunakan seperti ScrollView yang berguna untuk menampilkan daftar gambar secara slider, Scroller untuk navigasi naik turun aplikasi, tabstrip untuk membuat tab-tab dalam aplikasi, switch untuk membuat tombol on off, dan menu yang bisa
disembunyikan disisi kiri, atau kanan. Kendo UI Mobile memang dirancang untuk memudahkan pengembangan aplikasi mobile. Kendo UI Mobile menyediakan theme builder, dengan fitur ini
aplikasi lantas menjadi aneh. Namun menyesuaikan sehingga User Interface Aplikasi tetap cantik.
Dengan adanya kendo UI Mobile,
harapannya akan semakin banyak aplikasi mobile yang berkualitas dan sesuai standar. Pengembang tidak perlu lagi memikirkan bentuk User Interface dari Aplikasinya. Cukup memakai widget-widget yang ada pada Kendo UI mobile, maka aplikasi kita sudah siap dipasarkan di Apps Store, ataupun di PlayStore.
Membangun Aplikasi Mobile dengan Kendo UI Mobile
Membangun Aplikasi Mobile dengan Kendo UI Mobile memang tidak dengan drag and drop. Tapi menggunakan Kendo UI Mobile sangat mudah dan simpel. Kendo UI tidak secara otomatis langsung fit pada semua bentuk layar, makanya kita memberikan penanganan yang berbeda untuk masing-masing platform. Kita harus melakukan pendeteksian terlebih dahulu, apakah gadget yang digunakan user adalah gadget layar besar seperti tablet atau Cuma smartphone biasa.
Kendo UI memberikan demo untuk setiap widget. Demo aplikasi bisa kita pelajari di http://demos.kendoui.com/mobile dan untuk dokumentasi dari komponen widget bisa dipelajari di
http://docs.kendoui.com/api/mobile/applicat ion.
Kekurangan dari Kendo UI adalah
Dokumentasi dan dukungan forum user. Memang Kendo UI menyediakan demo dari setiap widget, tapi tidak dijelaskan detil bagaimana menggunakan widget tersebut secara lengkap.
Referensi
http://www.kendoui.com/mobile.aspx
http://www.kendoui.com/mobile/widgets.asp x