Membuat Environment atau Cross Platform pada IBM Worklight

Oke gan sorry nih ane baru nongol lagi. nah sekarang kita enaknya nerusin pembahasan kita dimana w masih ngutang kalau gimana cara apps lo di build tapi yang spesial nih,`bukan spesial pake telor yak hehehe` hasilnya berupa cross platform gan. keren gak tuh?

hehe

nah oke kita lanjut. maksudnya apa ya cross platform? cross platform tuh simpelnya kalau apps yang lo buat itu berjalan diatas OS(Operating System) yang berbeda-beda gan. apps yang lo build dengan IBM Worklight ini, bisa berjalan lancar diatas OS yang di-support oleh IBM Worklight ini gan. ex: Android, IPad, Windows Phone, etc.

Nah cekidot gan:

1. Pertama lo klik kanan pada lambang globe pada main project agan pada project explorer. abis itu lo klik `New -> Worklight Environment`. (Picture 1)
2. abis itu lo tinggal pilih mau deploy apps lo jalan pada Platform apa aja. (Picture 2)
3. Beres deh tinggal `Build All and Deploy` pada worklight project agan. (Picture 3)
4. Keep Smile for new experience :D

PICTURE:

Picture 1. Proses membuat `Environment` baru

Picture 2. Pilihan Platform IBM Worklight

Pictute 3. Step to build All and Deploy

Cara Preview-ing IBM Worklight via Browser

Nih gan w akan ngasih tau gimana caranya liat hasil kerja lo dalam nge-design halaman dan fungsi logika dan lain-lain. caranya ada dibawah gan. pantengin terus gan. cekibrot..

1. Pertama, lo buka eclipse lo. abis itu klik kanan pada main path-nya. nih gan yang lambangnya bentuk bola dunia, lalu klik start worklight server untuk mengaktifkan apache dari worklight console(Picture 1)
2. Kedua, lo buka browser lo bisa pake browser apa aja gan. kalau ane lebih senang pake chrome karena plot extension-nya gak berat-berat amat :)
3. Masukkan link ini gan `localhost:8080/console`(Picture 2). abis itu lo tinggal klik aja di project yang lo mau liat hasilnya.

NB: Untuk point nomor 3, tidak perlu bingung gan kalau list android, ipad dan lain-lain belum muncul. kalau mau memunculkan platform preview bisa ikuti thread ini -> Bagaimana membuat Worklight Environment

Thanks gan for advice. Semoga bermanfaat.

PICTURE:

Picture 1. Start WL Server

Picture 2. IBM WL Browser Preview

Cara Compile Worklight Program

Nah gan. ini lanjutan dari posting-an w yang tadi nih. ga lengkap pastinya kalau lo masih bertanya-tanya gimana caranya compile program-nya. nih caranya gan. cekidot

1. Kalau program lo udah beres dikerjain nih. lo tinggal klik kanan di-path project lo pada project explorer eclipse.
2. Abis itu, `Run as -> Build all and deploy`. nah ini gan tahap dimana program lo dicompile keseluruhan sampai building environment untuk seluruh platform(Cross Platform)(Picture 1).
3. Ketika lo udah dapet pemberitahuan kaya 'gini'(Picture 2), maka program lo udah bisa dilihat di browser.

Thanks for Advice gan..

PICTURE:

Picture 1. Build and deploy apps

Picture 2. Deploy Successful

IBM Worklight Tutorial - `Buat mobile apps lo semudah-mudahnya`

Nah ini tutorial pertama w dengan Bahasa Indonesia tentang IBM Worklight. kenapa w ngulas IBM Worklight?. karena dengan worklight framework itu, u bisa `build` aplikasi mobile dalam sekali klik. nah lalu perbedaannya apa dengan bahasa platform yang lain? perbedaannya u bisa buat environment dari platform-platform yang sudah tersedia seperti IPhone apps, Android apps,Windows Phone apps dan lain-lain dengan sekali klik. bagi lo yang udah tau `PhoneGap`, pasti lo udah ngga asing dengan framework ini gan. karena IBM Worklight mengadaptasi library dari PhoneGap, Sencha, Dojo, JQM, dan lain-lain gan. dan menurut w itu keren men.. jadi pokoknya IBM Worklight adalah framework yang mempermudah u dalam mendevelop aplikasi berbasis mobile.

IBM Worklight ini menggunakan bahasa HTML 5, Javascript untuk logika programnya dan CSS untuk Interface-nya gan. kalau lo udah nguasain atau ngga udah ngerti dikit-dikit tentang Web programming, ini akan menjadi hal yang menarik gan. karena lo bisa buat mobile apps yang tampilannya lo ngga usah khawatir mengenai kualitas dan constraint-nya gan.

Gimana? Penasaran gak?
hehe

Nah sekarang w mau ngasih tau lo gimana cara ngebuat aplikasi sederhana dengan IBM Worklight ini. Cekidot gan

1.  Pertama lo download Eclipse. w saranin lo download ECLIPSE JUNO. karena JUNO lebih disarankan oleh IBM untuk diinstall dengan Worklight ini gan.(Picture 1).
2. Kedua, lo tentuin `path` dari eclipse  workspace-nya.(Picture 2).
3. Ketiga, lo harus install IBM library-nya didalam IDE Eclipse-nya. dengan cara klik 'Help -> Install new software ->Add'.Abis itu lo copast link di bawah. nih gan link-nya `http://public.dhe.ibm.com/ibmdl/export/pub/software/mobile-solutions/worklight/wdeupdate/ `(Picture 3).
4. Setelah lo install. nah lo tinggal install Android SDK untuk ujicoba langsung dari SDK Andro-nya gan. caranya sama kaya lo install Worklight libs tinggal copast aja link ini gan 'https://dl-ssl.google.com/android/eclipse/'.
5. nah abis itu, lo udah siap untuk buat aplikasi pertama lo dengan cara klik tab 'File -> new -> Worklight Project'.(Picture 4)
6. Lanjut, lo input `Application Name`. kalau lo ngga punya jquery mobile, sencha, atau dojo toolkit, mending lo uncheck list-nya abis itu klik finish(Picture 5 & a href="#img6">Picture 6

).

Sip lo udah bisa buat mobile apps pakai IBM Worklight. Tinggal lo buka path pada Project Explorer lo di sebelah kiri workspace lo. abis itu explore '#nama_project_apps_lo -> apps -> #nama_project_apps_lo -> common -> #nama_project_apps_lo.html '(Picture 7).

Selamat mencoba gan. semoga tutor ini membantu. ;)

oh iya nih gan contoh aplikasi yang w udah buat gan. -> (Picture 8)
hanya butuh waktu kurang dari 40 menit gan untuk buat interface-nya ;)

PICTURE :

Picture 1. Download eclipse juno

Picture 2. Workspace path

Picture 3. Add Repository

Picture 4. Buat worklight project

Picture 5.  Hybrid application

Picture 6. Application name

Picture 7.  Application path

Picture 8. Result Worklight Program