Anda sedang offline saat ini, menunggu internet Anda untuk menyambung kembali

Browser Anda tidak didukung

Anda perlu memperbarui browser untuk menggunakan situs ini.

Perbarui versi terbaru dari Internet Explorer

Pengembangan Aplikasi Secara Cepat dengan Lightswitch

Tentang Penulis
MVP_RidiFArtikel ini dibuat oleh MVP Ridi Ferdiana.Microsoft berterimakasih kepada para MVP yang secara proaktif telah membagi pengetahuan mereka dengan para pengguna lainnya.
Gejala
Kebutuhan akan perangkat lunak saat ini telah sampai pada tahap yang membutuhkan kecepatan dan efesiensi dalam pengembangan. Fakta ini terlihat sangat gamblang pada aplikasi-aplikasi lini bisnis yang senantiasa menyimpan, mengelola, dan menampilkan data dalam bentuk informasi yang dibutuhkan. Microsoft memperkenalkan sebuah teknologi yang didesain untuk pengembangan aplikasi lini bisnis yang disebut dengan Visual Studio Lightswitch. Artikel ini menjelaskan penggunana LightSwitch sehingga dapat menjadi salah satu solusi pengembangan aplikasi lini bisnis Anda secara cepat dan efesien.
Resolusi
Langkah 1. Membuat Proyek LightSwitch

Pada langkah ini dibuat sebuah proyek yang dinamakan dengan LightLibrary



Gambar 1. Pembuatan proyek Lightswitch

Langkah 2. Menyusun Basis Data

Berikutnya kita akan mengembangkan basis data. Pada tahap ini Lightswicth sementara ini hanya mendukung secara sempurna SQL Server Expres. Pada langkah ini ada dua pilihan yang pertama adalah menggunakan basidata yang sudah ada yang kedua adalah membuat basis databaru. Pada kesempatan ini akan dilakukan

Gambar 2. Membuat Tabel baru

Pada artikel ini kita akan membuat sebuah katalog buku digital. Hal pertama yang dilakukan adalah menambahkan tabel dengan mengklik Create New Table layaknya pada Gambar 2. Pada langkah ini tambahkan sekumpulan kolom tabel seperti pada Gambar 3.


Gambar 3. Desain tabel baru dengan LightSwitch

Pada saat dilakukan penyimpanan terhadap basidata maka yang disimpan adalah berkas SQL Server yang disimpan pada App_Data menggunakan model user_instance model. Apabila pada konfigurasi server tidak mendukung user_instance maka langkah ini dapat diganti dengan mendesain basisdata di SQL Server Express 2008 R2. Lightswitch hanya dapat digunakan apabila SQL Server 2008 Express atau yang lebih baru telah terpasang dan mendukung model user_instance di lingkungan pengembangannya.

Pada desain tabel ditemukan beberapa relasi layaknya ERD sebagai contoh tabel Book memiliki relasi pada Media dan juga pada Kategori. Untuk menambahkan relasi antar tabel tambahkan dengan menambah Add Rekations. Gambar 4. Menunjukkan cara menambahkan relasi.


Gambar 4. Penambahan Relasi pada Tabel-Tabel

Pada tahap ini penyimpanan relasi dan sebagainya akan memicu Lightswitch untuk membangkitkan kode-kode yang diperlukan. Dengan kata lain, kode-kode yang biasa ditambahkan untuk mengoneksikan atau membuat DataTable tidak digunakan pada model ini. Hal selanjutnya yang akan dilakukan adalah mendesain antarmuka.

Langkah 3. Merancang Antarmuka

Antarmuka pada LightSwitch bukanlah suatu model antarmuka layaknya Windows Form atau antarmuka berbasis XAML yang WYSISWYG. LightSwitch sudah memiliki beberapa template antarmuka yang bisa digunakan dengan model hirarkis. Gambar 5 menunjukkan antarmuka yang terdapat pada LightSwitch. Sebagai upaya untuk menambahkan rancangan antarmuka. Pengguna dapat melakukan penambahan dengan mengklik kanan folder screen pada solusi dan menyusun layout yang dibutuhkan



Gambar 5. Template antarmuka pada Lightswitch

Antarmuka ini tentu dapat dimodifikasi berdasar pada susunan kontrol, memang terdapat keterbatasan namun hal tersebut dilakukan untuk konsistensi pengembangan. Pada tahap ini dipilih model Antarmuka . Antarmuka pada LightSwitch cukup beragam. Hal yang harus diperhatikan adalah pada saat memilih antarmuka. Antarmuka selayaknya harus memetakan dengan ScreenData yang terdapat pada tabel.



Gambar 6. Aplikasi LightLibraryApp tengah berjalan.


Langkah 4. Mendistribusikan Aplikasi

Pada langkah tiga sebagian besar kegiatan pengkodean dapat dilakukan secara otomatis oleh LightSwitch. Kontrol-kontrol pada LightSwitch tentu dapat dikembangkan lebih jauh dan dapat dimodifikasi. Bahkan LightSwitch memiliki tambahan plugin yang disebut dengan extension yang dapat dilihat di situs LightSwitch.

Artikel ini membatasi untuk tidak memodfikasi yang sudah ada. Permbahasan mengenai upaya dan pendekatan modfikasi LightSwitch akan dijelaskan pada artikel mendatang. Pada langkah pendistribusian aplikasi terdapat tiga hal yang harus dilakukan yakni.

  1. Melengkapi detail dan informasi aplikasi.
  2. Mempublikasikan dan membuat paket aplikasi.
  3. Menghost atau memasangkan aplikasi ke klien atau server yang ditujuMelengkapi detail dan informasi aplikasi.Detail aplikasi berupa informasi aplikasi yang bisa ditambahkan untuk memudahkan dalam melakukan distribusi aplikasi. Hal ini dapat dilakukan dengan membuka halaman Properties yang terdapat pada Solution Explorer.



Gambar 7. Halaman Properties pada Solution Explorer

Pada tahap ini pengguna dapat mengubah nama aplikasi bahkan mengubah theme. Theme dapat diunduh di http://visualstudiogallery.msdn.microsoft.com .

Hal lain yang dilakukan adalah mengubah model autentikasi. Hal ini cukup bermanfaat apabila pengguna hendak mengaktifkan fitur autentikasi baik melalui formulir login atau menggunakan autentikasi Windows. Gambar 8 menunjukkan halaman modifikasi autentikasi LightSwitch yang dapat dilakukan di jendela properties. Dukungan autentikasi ini akan dibahas lebih lanjut pada artikel berikutnya



Gambar 8. Dukungan Autentikasi pada LightSwitch

Hal terakhir yang dapat dilakukan adalah mengeset tipe aplikasi. LightSwitch mendukung dua model distribusi aplikasi yakni aplikasi bertipe web dan aplikasi bertipe dekstop. Kedua aplikasi tersebut mutlak membutuhkan SilverLight disisi pengguna. Pada langkah ini aplikasi akan dipublikasikan di dekstop sehingga memilih jenis tipe aplikasi Desktop kemudian mengklik tombol Publish



Gambar 9. Tipe Aplikasi LightSwitch

Tombol publikasi akan menampilkan dialog langkah demi langkah publikasi. Hal yang harus dilakukan sebelum membuat publikasi adalah dengan mengeset publikasi menjadi release terlebih dahulu. Hasilnya dapat dilihat berupa aplikasi setup.exe yang siap dipasangkan di klien.
Informasi Lebih Lanjut


Community Solutions SANGGAHAN KONTEN SOLUSI KOMUNITAS


MICROSOFT CORPORATION DAN/ATAU MASING-MASING PENYUPLAINYA TIDAK MEMBUAT PERNYATAAN-PERNYATAAN TENTANG KESESUAIAN, KEBENARAN, ATAU KEAKURASIAN INFORMASI DAN GRAFIS TERKAIT YANG TERKANDUNG DI DALAMNYA. SEMUA INFORMASI DAN GRAFIS TERKAIT TERSEBUT DIBERIKAN ""APA ADANYA"" TANPA JAMINAN DALAM BENTUK APA PUN. MICROSOFT DAN/ATAU MASING-MASING PENYUPLAINYA DENGAN INI MENYANGGAH SEMUA JAMINAN DAN SYARAT-SYARAT BERKENAAN DENGAN INFORMASI DAN GRAFIS TERKAIT INI, TERMASUK SEMUA JAMINAN DAN SYARAT-SYARAT TERSIRAT MENGENAI KELAYAKAN JUAL, KELAYAKAN UNTUK TUJUAN TERTENTU, UPAYA YANG SELAYAKNYA DIKERJAKAN, HAK, DAN KEADAAN TIDAK MELANGGAR HAK KEKAYAAN INTELEKTUAL PIHAK LAIN. ANDA KHUSUSNYA SETUJU BAHWA MICROSOFT DAN/ATAU PARA PENYUPLAINYA TIDAK PERNAH BERTANGGUNGJAWAB, DALAM KEADAAN APAPUN, ATAS SEGALA BENTUK KERUGIAN YANG BERSIFAT LANGSUNG, TIDAK LANGSUNG, GANTI KERUGIAN SEBAGAI UANG PAKSA, INSIDENTAL, KHUSUS, DAN KERUGIAN KONSEKUENSIAL, ATAUPUN KERUGIAN APA PUN TERMASUK, NAMUN TIDAK TERBATAS PADA, KERUGIAN AKIBAT HILANGNYA KESEMPATAN UNTUK MENGGUNAKAN, HILANGNYA DATA ATAU KEUNTUNGAN, YANG TIMBUL AKIBAT ATAU YANG BERHUBUNGAN DALAM CARA APAPUN DENGAN PENGGUNAAN ATAU KETIDAKMAMPUAN UNTUK MENGGUNAKAN INFORMASI DAN GRAFIS TERKAIT YANG TERKANDUNG DI DALAMNYA, BAIK BERDASARKAN KONTRAK, PERBUATAN MELAWAN HUKUM, KELALAIAN, TANGGUNG JAWAB MUTLAK ATAS KERUGIAN, ATAU LAINNYA, WALAUPUN JIKA MICROSOFT ATAU SALAH SATU PENYUPLAINYA TELAH DIBERITAHU MENGENAI KEMUNGKINAN ADANYA KERUGIAN-KERUGIAN TERSEBUT.
Properti

ID Artikel: 2646179 - Tinjauan Terakhir: 09/25/2013 14:16:00 - Revisi: 4.1

  • Microsoft Visual Studio LightSwitch 2011
  • kbmvp kbcommunity kbstepbystep KB2646179
Tanggapan
icrosoft.com/c.gif?DI=4050&did=1&t=">king = 1; var Route = "76500"; var Ctrl = ""; document.write(" >ow.location.protocol) + "//c.microsoft.com/ms.js'><\/script>"); &t=">