Visual Studio LightSwitch Tutorial : Menggunakan Stored Procedure dengan VS LightSwitch

Seperti yang sudah kita tahu bersama bahwa penggunaan Stored Procedure memiliki banyak kelebihan dibandingkan anda menuliskan kode T-SQL pada kode aplikasi anda. Banyak database administrator yang lebih memilih menggunakan Stored Procedure untuk menyembunyikan table/query dari aplikasi. Stored Procedure juga sering digunakan untuk proses CRUD (create, read, update, delete) untuk manipulasi table yang ada di database.

Masalah yang dihadapi adalah VS Lightswitch tidak menyediakan feature built-in untuk berinteraksi dengan Stored Procedure, sehingga ini menjadi masalah bagi kita yang hanya mengijinkan pengaksesan database dilakukan melalui Stored Procedure.

Pada artikel ini akan dibahas bagaimana cara untuk menggakses stored procedure dari Lightswitch menggunakan WCF RIA Services.

Kebutuhan untuk mencoba tutorial ini adalah :

· Visual Studio Lightswitch (VS 2012)

· Database sample : Northwind

· SQL Management Studio dan SSMS Tools Pack

Membuat Stored Procedure

1. Buka database Northwind pada SQL Server Management

2. Klik kanan pada table Customers – kemudian pilih SSMS Tools – Create CRUD

3. Maka secara otomatis kita akan dibuatkan Stored Procedure untuk proses CRUD pada table Customers

4. Tekan execute untuk mengeksekusi perintah pembuatan Stored Procedure.

clip_image002

clip_image004

5. Maka akan terbentuk 4 Stored Procedure untuk table Customers.

clip_image005

Membuat Project Lightswitch dan Class Library (WCF RIA Services)

1. Langkah selanjutnya adalah membuat project baru dengan Lightswitch, beri nama ‘SampleStoreProcedure’.

clip_image007

clip_image009

2. Pada solution tambahkan Class Library dengan nama ‘NorthwindWCFServices’, kita akan membuat WCF Service pada library ini.

Menambahkan ADO.NET Entity Framework

1. Pada Class Library project yang baru saja anda ambil tambahkan ADO.NET Entity framework, beri nama NorthwindModel.edmx

clip_image011

clip_image012

2. Pilih database Northwind dari Sql Server

clip_image014

clip_image016

3. Pilih table Customer, dan Stored Procedure yang sudah anda buat untuk melakukan operasi CRUD pada table Customers.

clip_image017

clip_image018

4. Hapus file dengan ekstensi .tt

clip_image019

5. Ubah property code generation pada ADO.NET EF menjadi ‘Default’.

clip_image020

6. Klik kanan pada Customer model, kemudian pilih Stored Procedure Mapping

clip_image021

7. Tambahkan Stored Procedure yang telah anda buat sebelumnya untuk perintah Insert, Update, dan Delete

clip_image022

Membuat WCF RIA Services

1. Tambahkan Domain Services Class pada Class Library project dengan nama ‘NorthwindDomainServices’.

clip_image024

2. Pilih entities Customer dan check bagian Enable Editing.

clip_image025

3. Tambahkan kode berikut pada domain services

<Query(IsDefault:=True)> _
    Public Function GetCustomers() As IQueryable(Of Customer)
        Return Me.ObjectContext.Customers
    End Function

 

clip_image027

Mengambil Services dari Lightswitch

1. Langkah terakhir adalah mengakses WCF Services yang sudah anda buat dari LightSwitch

2. Copy connection string dari file App.Config di Class Library

3. Kemudian masukan kedalam web.config pada folder Server di LightSwitch (mode File View).

clip_image029

clip_image030

clip_image032

4. Tambahkan data source pada Lightswitch (mode Logical View)

clip_image033

5. Pilih WCF RIA Services

clip_image035

6. Tambahkan referensi dari WCF

clip_image036

clip_image038

clip_image039

7. Pilih Entity yang akan diakses dari Lightswitch

clip_image040

clip_image042

8. Terakhir tambahkan Screen.

clip_image043

clip_image045

9. Maka anda sudah dapat membuat screen dengan data source yang diambil dari Stored Procedure yang kita akses menggunakan WCF Services

10. Anda dapat menambah, edit, dan delete data pada form (menggunakan Stored Procedure).

clip_image047

Visual Studio Lightswitch Tutorial : Menggunakan WCF RIA Services

Pada tutorial kali ini kita akan mencoba membuat WCF RIA Services yang dapat diakses dari LightSwitch Project. Dengan WCF Services anda dapat membuat aplikasi lightswitch yang lebih fleksible, anda dapat mengambil datasource seperti xml, file, database dari luar aplikasi lightswitch dan mengkombinasikannya sesuai dengan kebutuhan anda.

Contoh dibawah ini akan menggunakan database Northwind.

Buat project lightswitch baru dengan nama ‘SampleWCFServices’

clip_image002

Kemudian tambahkan project class library baru pada solution yang anda buat, beri nama class library tersebut ‘NorthwndClass’. Jangan lupa untuk merubah target framework menjadi .NET Framework 4.

clip_image004

Menambahkan Entity Framework

Kemudian tambahkan ADO.NET Entity Framework kedalam Class Library project yang baru saja anda buat dengan nama ‘NorthwndModel’

clip_image006

clip_image008

clip_image010

Pilih generate model from database. Pilih database ‘Northwnd’.

clip_image012

clip_image014

Sebagai contoh pilih table ‘Customers’ dan Store Procedure ‘CustOrderHist’, kemudian tekan tombol finish.

clip_image015

clip_image016

Hapus dua file berekstensi .tt pada NorthwndModel.edmx

clip_image017

Kemudian klik pada NorthwndModel.edmx diagram, kemudian ubah property berikut

clip_image018

Kemudian build project.

 

Membuat Domain Service Class

Langkah selanjutnya adalah membuat Domain Service Class pada project NorthwndClass. Beri nama ‘NorthwndDomainService’.

clip_image020

Pilih entities Customers dan checked bagian Enable Editing.

clip_image021

Build project anda.

Pada file ‘NorthwndDomainServices.vb’ tambahkan method berikut yang akan diakses dari LightSwitch.

    <Query(IsDefault:=True)>
    Public Function GetCustomers() As IQueryable(Of Customer)
        Return Me.ObjectContext.Customers
    End Function

 

Akses WCF pada Lightswitch

Pada project LightSwitch tambahkan WCF Data Source. Pada folder Server / Data tambahkan data source baru, kemudian pilih WCF RIA Services.

clip_image022

clip_image024

Kemudian tambahkan referensi dari project NorthwndClass yang sudah anda buat sebelumnya.

clip_image026

clip_image028

clip_image029

clip_image031

clip_image032

clip_image034

Buka project Lightswitch pada tampilan file view, kemudian buka web.config file.

clip_image035

Copy ConnectionString yang sudah anda buat di NorthwndClass (file App.Config) kedalam web.config pada LightSwitch project.

clip_image036

clip_image038

Kemudian tambahkan screen

clip_image039

Pilih data source Customers yang diambil dari WCF Services

clip_image041

Kemudian jalankan aplikasi dengan menekan tombol F5, maka akan ditampilkan Form Customers yang dapat ditambah, diedit, maupun delete.

clip_image043

clip_image045

In-house Training : Membangun Aplikasi Bisnis RAD dengan Visual Studio LightSwitch

Pada tanggal 5-9 Juni 2012 (5 hari) telah dilaksanakan Inhouse Training di Universitas Atmajaya Yogyakarta dengan materi Membangun Aplikasi Bisnis RAD dengan VS LightSwitch. Acara ini diikuti oleh pengembang software dari KSI (Kantor Sistem Informasi) Universitas Atmajaya. Adapun materi yang dibahas adalah sebagai berikut :

  • Pengenalan Silverlight
  • Membuat Contoh Silverlight Project
  • Menangani data dengan Silverlight
  • Pengenalan Visual Studio LightSwitch
  • Memulai aplikasi VS LightSwitch
  • Teknologi dibalik Aplikasi LightSwitch
  • Kustomisasi Aplikasi LightSwitch
  • Bekerja dengan Data Screen Sederhana
  • Bekerja dengan Master Detail Screen
  • Menggunakan Data SQL Server yang sudah ada
  • Membangun dan Mengkustomisasi Screen
  • Validation dan Business Rule
  • Autentikasi dan Akses Control
  • Integrasi dengan Microsoft Office
  • Membuat Report dengan LightSwitch
  • Menambahkan Custom Silverlight Control pada LightSwitch
  • Deploying LightSwitch Application

clip_image001clip_image002

Training Visual Studio LightSwitch 2011 with PT Pupuk Kaltim

light

Pada tanggal 28 November sampai dengan 9 Desember 2011 telah dilaksanakan pelatihan Visual Studio LightSwitch 2011, peserta training kali ini adalah Bapak Abdul Muhyi Marakarma yang berasal dari PT Pupuk Kaltim, Bontang, Kalimantan Timur. Adapun materi yang dipelajari pada pelatihan ini adalah:

Pengenalan Visual Studio LightSwitch

  • Prototyping dan Rapid Application Development
  • Tantangan pengembangan LOB Software
  • Application Prototyping
  • Rapid Application Development

Memulai VS LightSwitch

  • Mengenal Visual Studio 2010
  • Mengenal Visual Studio LightSwitch
  • Instalasi VS LightSwitch
  • Membuat Aplikasi LightSwitch Pertama

Teknologi dibalik Aplikasi LightSwitch

  • Three Tier Application Pattern
  • .NET Framework
  • Silverlight 4
  • SQL Server 2008
  • Microsoft Office
  • Windows Azure

Kustomisasi Aplikasi LightSwitch

  • Kustomisasi Data
  • Kustomisasi Screen
  • Menuliskan Kode

Persiapan untuk membangun aplikasi LightSwitch

  • Menentukan Sample / Study Case
  • LS Application Development Lifecycle
  • LS IDE

Bekerja dengan Data Screen Sederhana

  • Membuat Table Baru
  • Membuat Screen
  • Insert, Edit, dan Delete data
  • Memahami cara kerja detail screen

Bekerja dengan Master Detail Screen

  • Membuat Detail Table
  • Membuat Master Detail Screen
  • Queries
  • Menambahkan Detail Screen

Menggunakan Data SQL Server yang sudah ada

  • Koneksi ke SQL Server Database
  • Kustomisasi data pada database yg sudah ada
  • Bekerja dengan data relationship

Membangun dan Mengkustomisasi Screen

  • Memahami Screen Layout Structure
  • Menggunakan Layout Container
  • Kustomisasi Screen saat Runtime
  • DataGrid dan List Control
  • Menggunakan Simple Control dan Value Pickers
  • Method, Button, dan Command
  • Task dan Navigasi
  • Menambahkan UI dengan Shell, Themes, dan Custom Control

Validation dan Business Rule

  • Validation dan Business Logic
  • Menambahkan Validation Rules
  • Mengimplementasikan Business Rules

Autentikasi dan Akses Control

  • Konsep Autentikasi dan Akses Kontrol
  • Menggunakan Akses kontrol pada aplikasi LightSwitch
  • Pengaturan User, Rules, dan Permission

Integrasi dengan Microsoft Office

  • Eksport data ke MS Excel
  • Memahami dan menggunakan Office Automation

Deploying LightSwitch Application

  • Deployment Options
  • Thick Client Deployment
  • Pengaturan Database Deployment
  • Deploying menggunakan IIS

Membuat Report dengan LightSwitch

  • Instalasi DevExpress Report
  • Pembuatan Report menggunakan DevExpress
  • Grouping/Filtering Report
  • Menampilkan Report pada Screen

Membuat Custom Control di LightSwitch

  • Introduction To Silverlight dan XAML
  • Silverlight Layout
  • Silverlight Binding
  • WCF Ria Services
  • Membuat Silverlight Custom Control
  • Menambahkan Silverlight Custom Control di LightSwitch App

Study Case / Tips dan Trik

  • Membuat Study Case
  • Import data excel dari Client
  • Upload data dari Client
  • Menambahkan Theme dan Shell
  • Membuat Business Type di LightSwitch

Free EBook Visual Studio LightSwitch (dalam Bahasa Indonesia)

image

Microsoft Visual Studio LightSwitch adalah sebuah tools RAD (Rapid Application Development) yang dapat anda gunakan untuk mengembangkan aplikasi bisnis desktop hingga aplikasi web / cloud dengan cepat dan mudah. Ebook setebal 80 halaman ini mengulas tentang contoh pembuatan aplikasi sederhana dengan menggunakan kakas LightSwitch tersebut.

Ebook ini disusun oleh Erick Kurniawan dan Junindar Tasripin. Keduanya adalah peraih penghargaan Microsoft MVP (Most Valuable Professional). Materi dalam ebook ini disusun berupa panduan langkah demi langkah dengan harapan agar mudah untuk diikuti dan dipelajari. Sifat ebook ini tentunya GRATIS, silakan dimanfaatkan dan silakan juga disebarluaskan dengan catatan tetap mencantumkan penulis dan sumber aslinya.

Download Link : http://mugi.or.id/media/p/9051.aspx