KENDO UI Mobile Framework Pengembangan A
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
mengkostumisasi bentuk dan juga warna
dari Tombol serta memberikan icon
tertentu pada tombol tersebut.
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 tabtab 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
pengembang bisa melakukan kostumisasi
thema dan widget dengan mudah. Seperti
memilih warna dan bentuk backgrond.
Tidak hanya itu, Kendo UI juga cocok untuk
SmartPhone ukuran besar seperti tablet.
Pembesaran resolusi tidak membuat bentuk
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 masingmasing 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
http://www.gajotres.net/html5-frameworkskendo-ui-from-a-jquery-mobile-perspective/
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
mengkostumisasi bentuk dan juga warna
dari Tombol serta memberikan icon
tertentu pada tombol tersebut.
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 tabtab 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
pengembang bisa melakukan kostumisasi
thema dan widget dengan mudah. Seperti
memilih warna dan bentuk backgrond.
Tidak hanya itu, Kendo UI juga cocok untuk
SmartPhone ukuran besar seperti tablet.
Pembesaran resolusi tidak membuat bentuk
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 masingmasing 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
http://www.gajotres.net/html5-frameworkskendo-ui-from-a-jquery-mobile-perspective/