Visual Studio LightSwitch #5: Web – Desktop Switching, Publishing, dan Mekanisme Update

Hai.. Setelah selesai mempelajari Relasi dan Computed Data sekarang kita sudah sampai pada pembahasan ke-5, yaitu tentang Web – Desktop Switching, Publishing, dan Mekanisme Update.

Dari bahan-bahan sebelumnya yang kita hasilkan adalah sebuah aplikasi desktop. Lalu bagaimana kalau ternyata yang kita butuhkan adalah aplikasi web? Oh, mudah saja.. Mari kita lakukan bersama.

Masih menggunakan contoh project yang sebelumnya. Kita masuk ke Application Designer (Solution Explorer – klik kanan nama aplikasi – Properties). Lalu pindah ke tab Application Type. Apa yang Anda temukan? J Mari kita ubah pada bagian Client, ubah dari Desktop menjadi Web. Application Server akan secara otomatis berubah ke opsi kedua (IIS), biarkan apa adanya, lalu Run.

Jika mengalami masalah coba gunakan IE (Internet Explorer) ya.. Dan hasilnya..

Sama persis dengan desktop application yang tadi kita buat, namun sekarang sudah menjadi web application.

Sekarang masuk ke Publishing.

Ngomong-ngomong selama ini ada yang memperhatikan button di kanan atas (Layar Desain)? Sudah mencoba masuk ke sana? Ini adalah fitur untuk mengubah screen kita selagi aplikasi di-Run sehingga memudahkan kita untuk menyesuaikan tampilan tanpa melakukan Run berulang-ulang kali seperti jika kita mengubah dari editor (Visual Studio). Silahkan dicoba.

Lalu, apa yang akan terjadi kalau fungsi itu terus ada, nanti aplikasi kita bisa diacak-acak user dong? Tenang saja, fitur tersebut hanya muncul ketika proses development (Solution Configuration = Debug). Jika Solution Configuration kita ganti ke Release akan hilang sendiri.. 🙂

Untuk publish kita masuk ke Application Designer lagi, lalu di tab Application Type ada tombol Publish, klik saja. Oya, untuk contoh ini saya kembali ke settingan awal, Desktop, Run application services on the end user’s machine, supaya lebih cepat.

Berikut ini langkah-langkah dalam LightSwitch Publish Application Wizard yang saya lakukan:

• Client Configuration: Desktop
• Application Server Configuration: Local
• Lihat Publish Output
• Publish

Untuk tab-tab yang lain dalam contoh ini tidak perlu diganti, namun jika Anda membutuhkan konfigurasi lebih lanjut dengan tab yang lain, silahkan dilakukan.

Setelah proses publishing selesai kita akan mendaptkan file untuk instalasi aplikasi yang kita buat. File tersebut terletak pada lokasi seperti yang tertulis pada tab Publish Output tadi. Jika sudah menemukannya, maka itulah installer aplikasi kita, silahkan coba install.

Sudah? Hasilnya sama kan? Yap, Publishing telah selesai.

Lalu muncul pertanyaan, ini kan aplikasi desktop, kalau kita install pada banyak computer, ketika ada perubahan apakah harus kita install ulang semua? Bagaimana dengan update aplikasi? Tenang saja, LightSwitch sudah menangani masalah itu dengan Mekanisme Updatenya.

Pastikan Anda sudah menginstall aplikasi yang Anda buat tadi. Kita kembali ke Visual Studio, kali ini saya gunakan contoh perubahan berupa penggantian uturan menu. Kita ke Application Designer – masuk ke tab Screen Navigation. Pada Tasks akan muncul:

1. Customers List Detail
2. Transaksi Headers List Detail

Kita akan ubah urutan ini, pilih Customers List Detail, lalu pada sisi kanan ada tombol berupa panah, tekan panah ke bawah (Move Down), sehingga urutan menjadi:

1. Transaksi Headers List Detail
2. Customers List Detail

Pilih Transaksi Headers List Detail, pada bagian bawah, “Current startup screen”, klik Set. Hal ini akan membuat Transaksi Headers List Detail menjadi stratup screen ketika aplikasi baru dijalankan. Hasil akhirnya menjadi:

1. Transaksi Headers List Detail
2. Customers List Detail

Setelah selesai mengubah Screen Navigation, publish lagi dengan cara yang sama dengan yang telah kita lakukan. Pada LightSwitch Publish Application Wizard, jika kita perhatikan pada tab Summary, Application Version akan berubah dari yang sebelumnya (sebelunya 1.0.0.0 menjadi 1.0.1.0) menandakan kita telah melakukan perubahan.

Setelah publish selesai, jalankan lagi aplikasi kita.

Dan, apa yang Anda dapatkan? Pasti Anda akan melihat sebuah window kecil terbuka sebelum masuk ke aplikasi Anda, saat itulah update aplikasi dilakukan. Lalu bagaimana dengan aplikasi Anda? Pastinya sudah berubah sesuai dengan keinginan, dalam hal ini urutan menu sudah berubah dan startup screen menjadi Transaksi Headers List Detail. Mudah kan?

Ok, cukup sekian untuk tema kali ini. Berikutnya saya masih akan kembali dengan topic Hak Akses, User dan Login, dan Fungsi Tambahan

Terima kasih 🙂