Membuat Aplikasi dengan Visual Basic.Net 2008 – 3

di tutorial ke-2 kemarin kita telah sedikit mengenal tentang LINQ dan juga telah membuat suatu form barang. Kali ini kita akan mencoba menambahkan kode-kode yang akan diproses oleh tiap tombol dalam form barang tersebut. Untuk kali ini validasi dalam setiap proses akan diabaikan terlebih dahulu, nanti pasti menyusul…
Sebagai tambahan, lebih tepatnya “update”, pada tiap tabel dalam database semua yang bertype nchar di ubah ke nvarchar.. tanya kenapa??
Sebelum dilanjutkan, ada baiknya semua kode-kode dalam form barang di hapus dahulu, kecuali, kode-kode di bawah ini:

view plaincopy to clipboardprint?

1. Public Class frmBarang
2. 
   
3. Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
4. 
   
5. End Sub
6. End Class

1. Dekarasi beberapa variabel umum
Masukkan kode berikut pada bagian atas setelah Public Class frmBarang :

view plaincopy to clipboardprint?

1. Private db As New DataClasses1DataContext
2. Private edit As Boolean

1.a. Sub Procedure buka
Digunakan untuk mengunci dan membuka TextBox dan ComboBox dalam frmBarang:

view plaincopy to clipboardprint?

1. Private Sub buka(ByVal t As Boolean)
2. Dim daftarTextBox = From myControl In Me.Controls _
3. Where TypeOf myControl Is TextBox _
4. Select myControl
5. 
   
6. For Each myTeksBoks As TextBox In daftarTextBox
7. If t Then
8. myTeksBoks.Enabled = True
9. Me.cmbKodeKategori.Enabled = True
10. Else
11. myTeksBoks.Enabled = False
12. Me.cmbKodeKategori.Enabled = False
13. End If
14. Next
15. End Sub

1.b. Sub Procedure isiCombo
Digunakan untuk mengisi daftar kategori untuk ComboBox pada frmBarang:

view plaincopy to clipboardprint?

1. Private Sub isiCombo()
2. Me.cmbKodeKategori.ResetText()
3. Dim cmbKate = From kategori In db.kategoris _
4. Select kategori.NmKategori
5. 
   
6. For Each kate As String In cmbKate
7. Me.cmbKodeKategori.Items.Add(kate)
8. Next
9. End Sub

1.c. Sub Procedure resData
Digunakan untuk me-refresh (mengisi) data dalam DataGridView1 dengan data yang baru (Kodenya sedikit berbeda dari tutorial 2 kemarin):

view plaincopy to clipboardprint?

1. Private Sub resData()
2. Dim qBarang = From barang In db.barangs _
3. Join kategori In db.kategoris _
4. On kategori.KDKategori Equals barang.KDKategori _
5. Select Kode = barang.KDBarang, Nama = barang.NmBarang, _
6. Kategori = kategori.NmKategori, Jumlah = barang.Jumlah, Harga = barang.HargaJual
7. 
   
8. Me.DataGridView1.DataSource = qBarang
9. End Sub

1.d. Sub Procedure dgKlik
Digunakan untuk mengisi tiap TextBox dan ComboBox berdasarkan data yang ada dalam DataGridView1 saat setiap kali data dalam DataGridView1 dipilih.

view plaincopy to clipboardprint?

1. Private Sub dgKlik()
2. Try
3. Me.txtKodeBarang.Text = Me.DataGridView1.Item(0, Me.DataGridView1.CurrentRow.Index).Value
4. Me.txtNamaBarang.Text = Me.DataGridView1.Item(1, Me.DataGridView1.CurrentRow.Index).Value
5. Me.txtJumlah.Text = Me.DataGridView1.Item(3, Me.DataGridView1.CurrentRow.Index).Value
6. Me.txtHarga.Text = Me.DataGridView1.Item(4, Me.DataGridView1.CurrentRow.Index).Value
7. 
   
8. Dim dkate = From kategori In db.kategoris _
9. Where kategori.NmKategori Is Me.DataGridView1.Item(2, Me.DataGridView1.CurrentRow.Index).Value _
10. Select kategori.NmKategori
11. Me.cmbKodeKategori.Text = dkate.Single
12. 
    
13. Catch ex As Exception
14. MessageBox.Show(“Error: ” & ex.Message)
15. End Try
16. End Sub

1.e. Sub Procedure resTeks
Digunakan untuk mengosongkan semua TextBox dan Combobox dalam frmBarang :

view plaincopy to clipboardprint?

1. Private Sub resTeks()
2. isiCombo()
3. Dim daftarTextBox = From myControl In Me.Controls _
4. Where TypeOf myControl Is TextBox _
5. Select myControl
6. For Each myTeksBoks As TextBox In daftarTextBox
7. myTeksBoks.Text = “”
8. Next
9. End Sub

1.f. Function katPerNama
Digunakan untuk mengambil kode Kategori barang berdasarkan nama kategorinya :

view plaincopy to clipboardprint?

1. Private Function katPerNama(ByVal n As String) As Integer
2. Dim kat As Integer = 0
3. Dim kate = From kategori In db.kategoris _
4. Where kategori.NmKategori Is n _
5. Select kategori.KDKategori
6. kat = kate.Single
7. Return kat
8. End Function

2. DataGridView1_Click
Pada designer view, double klik Control DataGridView1 > akan masuk ke dalam tampilan Code View.  Pada bagian Method Name, pilih Click. Lihat Gambar :

Ketikkan kode berikut pada bagian  DataGridView1_Click :

view plaincopy to clipboardprint?

1. Private Sub DataGridView1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles DataGridView1.Click
2. dgKlik()
3. End Sub

3. Sub Procedure Saat Tombol Edit Diklik
Double klik tombol edit dan masukkan kode berikut :

view plaincopy to clipboardprint?

1. Private Sub cmdEdit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdEdit.Click
2. Me.cmdBaru.Text = “Batal”
3. Me.cmdEdit.Enabled = False
4. Me.cmdHapus.Enabled = False
5. Me.cmdSimpan.Enabled = True
6. edit = True
7. buka(True)
8. Me.txtKodeBarang.Enabled = False
9. Me.txtNamaBarang.Focus()
10. End Sub

4. Sub Procedure Saat Tombol Baru Diklik
Double klik tombol baru dan masukkan kode berikut :

view plaincopy to clipboardprint?

1. Private Sub cmdBaru_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdBaru.Click
2. If Me.cmdBaru.Text = “Baru” Then
3. Me.cmdBaru.Text = “Batal”
4. Me.resTeks()
5. buka(True)
6. Me.DataGridView1.Enabled = False
7. Me.cmdSimpan.Enabled = True
8. Me.cmdEdit.Enabled = False
9. Me.cmdHapus.Enabled = False
10. Me.cmdKeluar.Enabled = False
11. Me.txtKodeBarang.Focus()
12. Else
13. Me.cmdBaru.Text = “Baru”
14. buka(False)
15. Me.DataGridView1.Enabled = True
16. edit = False
17. Me.cmdSimpan.Enabled = False
18. Me.cmdEdit.Enabled = True
19. Me.cmdHapus.Enabled = True
20. Me.cmdKeluar.Enabled = True
21. dgKlik()
22. End If
23. End Sub

5. Sub Procedure Saat Tombol Simpan Diklik
Double klik tombol simpan dan masukkan kode berikut :

view plaincopy to clipboardprint?

1. Private Sub cmdSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdSimpan.Click
2. ‘Validasi data inputan, akan dijelaskan nanti…
3. 
   
4. If edit Then
5. Dim updatebrg = (From barang In db.barangs _
6. Where barang.KDBarang = Me.txtKodeBarang.Text).ToList()(0)
7. 
   
8. With updatebrg
9. .NmBarang = Me.txtNamaBarang.Text
10. .KDKategori = katPerNama(Me.cmbKodeKategori.Text)
11. .Jumlah = Me.txtJumlah.Text
12. .HargaJual = Me.txtHarga.Text
13. End With
14. 
    
15. Else
16. Dim brg As New barang With { _
17. .KDBarang = Me.txtKodeBarang.Text, _
18. .NmBarang = Me.txtNamaBarang.Text, _
19. .KDKategori = katPerNama(Me.cmbKodeKategori.Text), _
20. .Jumlah = Me.txtJumlah.Text, _
21. .HargaJual = Me.txtHarga.Text}
22. End If
23. 
    
24. Try
25. db.SubmitChanges()
26. 
    
27. Catch ex As Exception
28. MessageBox.Show(“Error :” & ex.Message)
29. End Try
30. 
    
31. resData()
32. dgKlik()
33. buka(False)
34. Me.cmdSimpan.Enabled = False
35. Me.cmdBaru.Text = “Baru”
36. Me.cmdEdit.Enabled = True
37. Me.cmdKeluar.Enabled = True
38. edit = False
39. Me.cmdHapus.Enabled = True
40. Me.DataGridView1.Enabled = True
41. End Sub

6. Sub Procedure Saat Tombol Hapus Diklik
Double klik tombol hapus dan masukkan kode berikut :

view plaincopy to clipboardprint?

1. Private Sub cmdHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdHapus.Click
2. If Me.txtKodeBarang.Text = “” Then Exit Sub
3. Dim rep As Integer = MessageBox.Show(“Data tersebut akan dihapus?”, “Konfirmasi”, MessageBoxButtons.YesNo, MessageBoxIcon.Question)
4. If rep = MsgBoxResult.No Then Exit Sub
5. 
   
6. Dim deleteBrg = (From barang In db.barangs _
7. Where barang.KDBarang = Me.txtKodeBarang.Text).ToList()(0)
8. 
   
9. db.barangs.DeleteOnSubmit(deleteBrg)
10. 
    
11. Try
12. db.SubmitChanges()
13. Catch ex As Exception
14. MessageBox.Show(“Error :” & ex.Message)
15. End Try
16. 
    
17. resData()
18. dgKlik()
19. 
    
20. End Sub

7. Sub Procedure Saat Tombol Keluar Diklik
Double klik tombol keluar dan masukkan kode berikut :

view plaincopy to clipboardprint?

1. Private Sub cmdKeluar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdKeluar.Click
2. Me.Close()
3. End Sub

Terakhir, tambahkan kode berikut pada bagian frmBarang_Load :

view plaincopy to clipboardprint?

1. Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
2. resData()
3. isiCombo()
4. buka(False)
5. Me.cmdSimpan.Enabled = False
6. t = False
7. End Sub

Yups, dengan semua tombol telah memiliki kode masing-masing, coba jalankan program dengan mengklik tanda play atau menekan tombol F5 pada keyboard.
Pada bagian selanjutnya kita akan langsung mencoba membuat form untuk menampilkan data laporan dari data barang yang barusan dibuat..
Selamat bereksperimen semoga sukses…
Kode Selengkapnya :

view plaincopy to clipboardprint?

1. Public Class frmBarang
2. Private db As New DataClasses1DataContext
3. Private edit As Boolean ‘penentuan apakah sedang dalam proses edit atau bukan
4. 
   
5. Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
6. resData() ‘memanggil sub resData untuk mengisi data ke dalam DataGridView1
7. isiCombo() ‘mengisi ComboBox kategori
8. buka(False) ‘kunci semua textbox
9. Me.cmdSimpan.Enabled = False ‘matikan tombol simpan
10. edit = False ‘variabel edit di atur menjadi false
11. End Sub
12. Private Sub buka(ByVal t As Boolean) ‘enable dan disable control TextBox dan ComboBox
13. ‘Pilih semua control yang merupakan TextBox
14. Dim daftarTextBox = From myControl In Me.Controls _
15. Where TypeOf myControl Is TextBox _
16. Select myControl
17. ‘Looping setiap control TextBox
18. For Each myTeksBoks As TextBox In daftarTextBox
19. If t Then
20. myTeksBoks.Enabled = True ‘textbox aktif
21. Me.cmbKodeKategori.Enabled = True ‘combobox aktif
22. Else
23. myTeksBoks.Enabled = False
24. Me.cmbKodeKategori.Enabled = False
25. End If
26. Next
27. End Sub
28. Private Sub isiCombo() ‘Mengisi Combobox dengan daftar kategori dari tabel kategori
29. Me.cmbKodeKategori.ResetText() ‘reset Combo kategori
30. ‘ambil semua nama kategori dari tabel kategori
31. Dim cmbKate = From kategori In db.kategoris _
32. Select kategori.NmKategori
33. ‘looping setiap hasil dari cmbkate dan tambahkan ke dalam combo kategori
34. For Each kate As String In cmbKate
35. Me.cmbKodeKategori.Items.Add(kate)
36. Next
37. End Sub
38. Private Sub resData() ‘mengisi ulang data ke dalam DataGridView1
39. Dim qBarang = From barang In db.barangs _
40. Join kategori In db.kategoris _
41. On kategori.KDKategori Equals barang.KDKategori _
42. Select Kode = barang.KDBarang, Nama = barang.NmBarang, _
43. Kategori = kategori.NmKategori, Jumlah = barang.Jumlah, Harga = barang.HargaJual
44. 
    
45. Me.DataGridView1.DataSource = qBarang
46. End Sub
47. Private Sub resTeks() ‘mengosongkan semua combobox dan textbox
48. isiCombo()
49. Dim daftarTextBox = From myControl In Me.Controls _
50. Where TypeOf myControl Is TextBox _
51. Select myControl
52. 
    
53. For Each myTeksBoks As TextBox In daftarTextBox
54. myTeksBoks.Text = “”
55. Next
56. End Sub
57. Private Sub dgKlik() ‘sub procedure saat baris dalam DataGridView1 diklik
58. Try
59. Me.txtKodeBarang.Text = Me.DataGridView1.Item(0, Me.DataGridView1.CurrentRow.Index).Value
60. Me.txtNamaBarang.Text = Me.DataGridView1.Item(1, Me.DataGridView1.CurrentRow.Index).Value
61. Me.txtJumlah.Text = Me.DataGridView1.Item(3, Me.DataGridView1.CurrentRow.Index).Value
62. Me.txtHarga.Text = Me.DataGridView1.Item(4, Me.DataGridView1.CurrentRow.Index).Value
63. 
    
64. ‘isi combo kategori berdasarkan kategori tiap barang dari DataGridView1
65. Dim dkate = From kategori In db.kategoris _
66. Where kategori.NmKategori Is Me.DataGridView1.Item(2, Me.DataGridView1.CurrentRow.Index).Value _
67. Select kategori.NmKategori
68. Me.cmbKodeKategori.Text = dkate.Single
69. 
    
70. Catch ex As Exception ‘Jika terjadi error, ya know lah…
71. MessageBox.Show(“Error: ” & ex.Message)
72. End Try
73. End Sub
74. 
    
75. Private Function katPerNama(ByVal n As String) As Integer ‘mengambil kode kategori berdasarkan nama kategori
76. Dim kat As Integer = 0
77. Dim kate = From kategori In db.kategoris _
78. Where kategori.NmKategori Is n _
79. Select kategori.KDKategori
80. 
    
81. kat = kate.Single
82. Return kat
83. End Function
84. Private Sub DataGridView1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles DataGridView1.Click
85. dgKlik() ‘memanggil sub procedure dgKlik saat DataGridView1 diklik.
86. End Sub
87. 
    
88. Private Sub cmdEdit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdEdit.Click
89. ‘saat tombol edit diklik
90. Me.cmdBaru.Text = “Batal”
91. Me.cmdEdit.Enabled = False
92. Me.cmdHapus.Enabled = False
93. Me.cmdSimpan.Enabled = True
94. edit = True ‘sedang dalam proses edit
95. buka(True) ‘buka semua control
96. Me.txtKodeBarang.Enabled = False ‘kunci txtKodeBarang
97. Me.txtNamaBarang.Focus() ‘Fokuskan cursor pada txtNamaBarang
98. End Sub
99. 
    
100. Private Sub cmdBaru_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdBaru.Click
101. ‘Tombol baru diklik
102. ‘lakukan pengeceka apakah sekarang tombol baru atau tombol batal
103. If Me.cmdBaru.Text = “Baru” Then ‘jika yang diklik tombol baru
104. Me.cmdBaru.Text = “Batal” ‘ubah text tombol baru menjadi batal
105. Me.resTeks() ‘memanggil sub procedure resTeks : mengosongkan semua teks
106. buka(True) ‘buka semua control
107. Me.DataGridView1.Enabled = False ‘non aktifkan DataGridView1 sehingga tidak bisa diklik
108. Me.cmdSimpan.Enabled = True
109. Me.cmdEdit.Enabled = False
110. Me.cmdHapus.Enabled = False
111. Me.cmdKeluar.Enabled = False
112. Me.txtKodeBarang.Focus() ‘Fokuskan cursor pada txtKodeBarang
113. Else ‘jika yang diklik adalah tombol baru dengan teks Batal
114. Me.cmdBaru.Text = “Baru” ‘ubah teks tombol baru menjadi Baru
115. buka(False) ‘Kunci semua kontrol
116. Me.DataGridView1.Enabled = True
117. edit = False ‘pastikan bukan dalam proses edit
118. Me.cmdSimpan.Enabled = False
119. Me.cmdEdit.Enabled = True
120. Me.cmdHapus.Enabled = True
121. Me.cmdKeluar.Enabled = True
122. dgKlik()
123. End If
124. End Sub
125. 
     
126. Private Sub cmdSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdSimpan.Click
127. ‘Validasi data inputan, belakangan akan dijelaskan…
128. 
     
129. If edit Then ‘jika dalam proses edit / tombol edit diklik
130. Dim updatebrg = (From barang In db.barangs _
131. Where barang.KDBarang = Me.txtKodeBarang.Text).ToList()(0)
132. 
     
133. With updatebrg
134. .NmBarang = Me.txtNamaBarang.Text
135. .KDKategori = katPerNama(Me.cmbKodeKategori.Text)
136. .Jumlah = Me.txtJumlah.Text
137. .HargaJual = Me.txtHarga.Text
138. End With
139. 
     
140. Else ‘jika bukan proses edit / tombol baru diklik
141. Dim brg As New barang With { _
142. .KDBarang = Me.txtKodeBarang.Text, _
143. .NmBarang = Me.txtNamaBarang.Text, _
144. .KDKategori = katPerNama(Me.cmbKodeKategori.Text), _
145. .Jumlah = Me.txtJumlah.Text, _
146. .HargaJual = Me.txtHarga.Text}
147. End If
148. 
     
149. Try
150. db.SubmitChanges() ‘simpan semua perubahan, baik itu proses update maupun insert
151. 
     
152. Catch ex As Exception
153. MessageBox.Show(“Error :” & ex.Message)
154. End Try
155. 
     
156. resData()
157. dgKlik()
158. buka(False)
159. Me.cmdSimpan.Enabled = False
160. Me.cmdBaru.Text = “Baru”
161. Me.cmdEdit.Enabled = True
162. Me.cmdKeluar.Enabled = True
163. edit = False
164. Me.cmdHapus.Enabled = True
165. Me.DataGridView1.Enabled = True
166. End Sub
167. 
     
168. Private Sub cmdHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdHapus.Click
169. ‘saat tombol hapus diklik
170. If Me.txtKodeBarang.Text = “” Then Exit Sub ‘jika kodebarang kosong, keluar dari sub procedure
171. ‘mencoba memastikan apakah data akan benar2 dihapus?
172. Dim rep As Integer = MessageBox.Show(“Data tersebut akan dihapus?”, “Konfirmasi”, MessageBoxButtons.YesNo, MessageBoxIcon.Question)
173. If rep = MsgBoxResult.No Then Exit Sub ‘jika hasilnya NO, data tidak akan dihapus
174. 
     
175. Dim deleteBrg = (From barang In db.barangs _
176. Where barang.KDBarang = Me.txtKodeBarang.Text).ToList()(0)
177. 
     
178. db.barangs.DeleteOnSubmit(deleteBrg)
179. 
     
180. Try
181. db.SubmitChanges() ‘simpan semua perubahan ke dalam database
182. Catch ex As Exception
183. MessageBox.Show(“Error :” & ex.Message)
184. End Try
185. 
     
186. resData()
187. dgKlik()
188. 
     
189. End Sub
190. 
     
191. Private Sub cmdKeluar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdKeluar.Click
192. Me.Close() ‘tutup form
193. ‘bisa juga menggunakan : Application.Exit()
194. End Sub
195. End Class

[Tutorial] Membuat Aplikasi dengan Visual Basic .NET 2008 - 2

Melanjutkan artikel kemarin, sebelum kita lanjutkan pembuatan aplikasi ini, ada baiknya kita berkenalan sedikit dengan LINQ.

Apa itu LINQ?

LINQ (Language Integrated Query), merupakan suatu bahasa yang digunakan untuk melakukan query terhadap suatu sumber data (-sederhananya-). LINQ terdiri dari beberapa pernyataan (statement) yang bisa diterapkan ke dalam program kita untuk memilih item dari beberapa koleksi (collection) berdasarkan kriteria yang berbeda.

Contoh struktur LINQ dan aturannya dalam aplikasi. Coba kita lihat daftar array di bawah ini:

view plaincopy to clipboardprint?

1. Dim data() As Int16 = {3, 2, 5, 4, 6, 4, 12, 43, 45, 42, 65}  

Untuk menentukan elemen dari array tersebut, kita akan menggunakan looping For..Next, mengeksekusi tiap elemen array, dan nantinya bisa menyimpannya ke dalam array baru atau menghapusnya. Untuk memilih elemen dengan nilai yang lebih kecil dari 10, kita gunakan kode di bawah ini:

view plaincopy to clipboardprint?

1. Dim nilaiKecil(data.Length-1) As Integer   
2. Dim itm As Integer = 0   
3. For i As Integer = 0 To data.Length   
4.     If data(i) < 10 Then   
5.         nilaiKecil(itm) = data(i)   
6.         itm += 1   
7.     End If   
8. Next   
9. ReDim nilaiKecil(itm)  

Akan lebih mudah menyimpan elemen-elemen yang telah terpilih ke dalam suatu ArrayList menggunakan looping seperti di bawah ini:

view plaincopy to clipboardprint?

1. Dim nilaiKecil As New ArrayList   
2. Dim itm As Integer   
3. For Each itm In data   
4.     If itm < 10 Then   
5.         nilaiKecil.Add(itm)   
6.     End If   
7. Next  

Bila kita menggunakan LINQ,

view plaincopy to clipboardprint?

1. Dim nilaiKecil = From n In data _   
2.     Where n < 10 _   
3.     Select n  

Penggunaan bahasa dalam LINQ hampir sama dengan bahasa yang digunakan dalam SQL. Jika kita telah terbiasa dengan bahasa yang digunakan dalam SQL, kita akan menemukan beberapa kemiripan.

Contoh pernyataan SQL:

SELECT *

FROM data


WHERE data.n < 10

(Contoh di atas mengasumsikan dalam database kita terdapat tabel data yang memiliki kolom bernama n). Bila menggunakan LINQ, kode kita menjadi:

Dim = From n In data

Where n < 10

Ok, cukup teorinya... kita langsung saja ke praktek pembuatan program ;)

Pada tutorial kemarin kita telah membuat database barang dan kategori menggunakan SQL Express 2005, nah sekarang kita akan membuat tiap-tiap form untuk form barang dan untuk form kategori. Ikuti langkah-langkah berikut:

1. Menambah Form Barang

Tambahkan satu form dan beri nama frmBarang, dengan cara memilih menu Project > Add Windows Form atau dengan mengklik kanan nama proyek kita di solution explorer dan memilih Add > Windows Form. Akan muncul window Add New Item, masukkan nama frmBarang dan klik add.

Akan muncul form baru dengan nama frmBarang. Atur besar form sesuai keinginan.

2. Property Form Barang

(Skip jika ingin melewati bagian ini.)

Buka jendela property dari form barang (frmBarang) atau dengan cara menekan tombol F4. Atur property frmBarang sebagai berikut:

• 
  
  Text : Data barang
  
  



• 
  
  FormBorderStyle : FixedToolWindow
  
  

Ini hanya sekedar contoh dari property suatu form yang sering saya buat, silahkan di ubah sesuai keinginan.

3. Menambah DataGridView

Tampilkan jendela Toolbox (default: bagian kiri) dengan memilih menu View > Toolbox atau dengan menekan kombinasi tombol CTRL+ALT+X.

Geser control DataGridView ke dalam frmBarang:

Nama DataGridView1 akan secara otomatis diberikan untuk control DataGridView tadi.

4. Menampilkan data ke dalam DataGridView

Sekarang kita akan mencoba menampilkan data ke dalam control DataGridView1, data yang akan ditampilkan diambil dari tabel 'barang' dan tabel 'kategori.

Double klik tampilan frmBarang, maka kita akan masuk ke dalam tampilan Code View.

Ketikkan perintah berikut di bagian Private Sub frmBarang_Load

view plaincopy to clipboardprint?

1. Dim db As New DataClasses1DataContext   
2.         Dim qBarang = From barang In db.barangs _   
3.                       Join kategori In db.kategoris _   
4.                       On kategori.KDKategori Equals barang.KDKategori _   
5.                       Select barang   
6.   
7.         Me.DataGridView1.DataSource = qBarang  

Pada kode di atas (Hampir sama dengan pernyataan SQL) kita memulai dengan mendeklarasikan db sebagai object dari Class DataClasses1DataContext, kemudian membuat suatu variable baru dengan nama qBarang dan menuliskan query LINQ yang berfungsi untuk mengambil data dari 2 tabel (barang dan kategori, yang memiliki relasi pada kolom KDKategori) dari database. Hasil dari query LINQ tersebut akan ditampilkan dalam control DataGridView1 dengan menggunakan object DataSource dari property DataGridView1.

Kode lengkapnya seperti ini:

view plaincopy to clipboardprint?

1. Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load   
2.         Dim db As New DataClasses1DataContext   
3.         Dim qBarang = From barang In db.barangs _   
4.                       Join kategori In db.kategoris _   
5.                       On kategori.KDKategori Equals barang.KDKategori _   
6.                       Select barang   
7.   
8.         Me.DataGridView1.DataSource = qBarang   
9.   
10.     End Sub  

Sebelum kita mencoba menjalankan program ini, pastikan frmBarang merupakan Startup Form dengan cara memilih menu Project  > CTHAplikasi1 Properties. Pada tab Application bagian Startup form, pilih frmBarang sebagai form yang akan di load saat pertama kali aplikasi dijalankan. Jalankan aplikasi dengan menekan tombol F5.

Tampilan form setelah dijalankan (masih kosong karena belum ada data yang dimasukkan.. ) :

5. Menambah kontrol tombol, teks dan label.

Aplikasi kita sudah bisa dijalankan, tetapi kita masih perlu menambahkan tombol dan teks serta label ke dalam frmBarang agar memudahkan dalam interaksi dari user terhadap aplikasi.

Kembali ke Designer View (Klik kanan di area kosong di bagian kode dan pilih View Designer atau dengan menekan kombinasi tombol Shift+F7) dan tambahkan 1 label, dengan cara menggeser control Label dari Toolbox ke dalam frmBarang. Pada bagian property untuk Label1, untuk text masukkan 'Kode Barang:' dan untuk name masukkan 'lblKode'.

Tambahkan Control TextBox ke dalam frmBarang, dengan property, name: txtKodeBarang dan pada bagian text dikosongkan.

Lakukan hal yang sama untuk 4 Label, 1 ComboBox dan 3 TextBox selanjutnya dengan property sebagai berikut:

Control ComboBox: name = cmbKategori

Control TextBox: name = txtNamaBarang, text = dikosongkan

Control TextBox: name = txtJumlah, text = '0'

Control TextBox: name = txtHargaJual, text = '0'

Control Label: name = lblKategori, text = 'Kategori'

Control Label: name = lblNamaBarang, text = Nama Barang'

Control Label: name = lblJumlah, text = 'Jumlah'

Control Label: name = lblHargaJual, text = 'Harga Jual'

Sehingga hasilnya menjadi :

Setelah penambahan TextBox, Label serta ComboBox di atas selesai, kita lanjutkan dengan menambahkan Tombol-tombol (Button).

Klik dan geser 5 buah Control Button dari Toolbox ke dalam frmBarang dengan nilai property masing-masing:

Tombol 1: name = cmdEdit, Text = 'Edit'

Tombol 2: name = cmdBaru, Text = 'Baru'

Tombol 3: name = cmdSimpan, Text = 'Simpan'

Tombol 4: name = cmdHapus, Text = 'Hapus'

Tombol 5: name = cmdKeluar, Text = 'Keluar'

 

Sehingga tampilan akhir dari frmBarang akan menjadi :

6. Bersambung....

Yups, sekian dulu untuk tutorial bagian ke-2 ini. Nantinya kita akan mencoba menuliskan kode ke dalam frmBarang untuk mengeksekusi perintah saat ke lima tombol di atas diklik.

Tambahan (Upgrade dari VB 2005 ke VB 2008)

Mungkin masih banyak yang belum mengetahui bagaimana mengaktifkan LINQ dalam suatu project yang telah di upgrade dari VB 2005 ke VB 2008. (LINQ cuman ada di VB 2008).

Sekedar tambahan bagi yang menggunakan VB 2005 yang ingin bermigrasi ke VB 2008 dan ingin bereksperimen dengan LINQ:

1. 
   
   Konversi project ke VB 2008, setelah proses konversi berakhir,
   
   



2. 
   
   Buka Project Property
   
   



3. 
   
   Masuk ke tab Compile
   
   



4. 
   
   Pada Option Infer, pilih On.
   
   



5. 
   
   Masuk ke tab Reference
   
   



6. 
   
   Tambahkan reference System.Linq
   
   



7. 
   
   Tutup dan buka kembali project-nya..
   
   

[Tutorial] Membuat Aplikasi dengan Visual Basic .NET 2008 - 1

Visual basic merupakan bahasa yang paling mudah untuk dipahami, dikarenakan bahasanya yang sederhana dan hampir mendekati bahasa yang digunakan manusia sehari-hari. Aplikasi yang akan dibuat adalah contoh aplikasi penjualan barang sederhana... (sangat sederhana).

Dalam pembahasan kali ini, saya akan mencoba menjelaskan langkah-langkah dalam proses pembuatan suatu aplikasi menggunakan Visual Basic .NET 2008 dengan asumsi bahwa Anda telah sedikit memahami dan mengerti tentang apa itu Visual Basic beserta IDE yang akan digunakan (Visual Studio) termasuk syntax-syntax sederhana dalam pembuatan aplikasi menggunakan VB.

Semuanya akan dibuat dengan cepat dan ringkas.... hmmm...

Anda mungkin tidak percaya, pembuatan aplikasi penjualan ini hanya dikerjakan dalam waktu kurang dari satu hari...yups, 1 hari.. Tetapi itu belum dihitung dengan trial and error testnya.. hehe..

Untuk membuat suatu program yang profesional, waktu setahun atau dua tahun belum mencukupi. ;)

Bahan-bahan:

1. Visual Studio Professional 2008 / Visual Basic.net Express Edition
2. MS SQL Server 2005 Express Edition

1. Membuat proyek baru

Buka Visual Studio 2008 dan buat sebuah proyek baru dengan menggunakan menu File > New Project..

Pilih "Windows Forms Application" dengan target Framework 3.5 dan berikan nama "CTHAplikasi1" kemudian klik OK.

2. Menambah Database

Langkah berikutnya adalah kita akan menambahkan database dan coba menentukan tabel-tabel apa saja yang terdapat dalam database untuk aplikasi ini. Untuk tutorial pertama ini kita akan memulai dengan membuat 2 tabel yang terdiri dari : "Barang" dan "Kategori".

Pastikan SQL Express telah dijalankan. Masih di IDE VS (Visual Studio) klik menu Project > Add New Item..

Dalam tampilan dialog Add New Item, pilih "Service Based Database" dan masukkan nama "Database1.mdf". Kemudian klik tombol "Add". Lihat gambar:

Akan muncul kotak dialog "Datasource Configuration Wizard". Klik Finish. Jika semuanya telah dilakukan dengan benar, maka tampilan dalam Solution Explorer akan tampak seperti ini :

3. Menambah Tabel ke dalam Database

Klik menu View > Server Explorer untuk menampilkan Server Explorer.

Database yang baru dibuat tadi akan tampil dalam Server Explorer, dalam tutorial ini "Database1.mdf", jika terdapat tanda silang merah di database kita, klik kanan dan pilih refresh untuk membuka koneksi ke database. Lihat gambar:

Klik tanda plus (+) kemudian klik kanan di bagian "Tables" dan pilih "Add New table".

Akan muncul tampilan isian tabel. Isikan seperti gambar di bawah ini.

Jadikan "KDKategori" sebagai primary key dengan mengklik kanan baris "KDKategori" dan memilih "Set Primary Key".

Simpan tabel tersebut dengan nama "kategori" (tanpa tanda kutip).
Masih dalam tabel kategori, di tab Column Properties, pada bagian Identity Specification > nilai (Is Identity) di ubah menjadi "Yes" dengan Identity Increment sebanyak 1.

 

Hal di atas dilakukan untuk memberikan Increment Value terhadap KDKategori dengan nilai Increment=1.  Atau dengan kata lain, memberikan "Auto Number" terhadap KDKategori. :D
Pembuatan tabel kategori selesai.... ;)

Lakukan hal yang sama dengan tabel barang, dengan isian seperti gambar di bawah:

Jika kedua tabel telah selesai dibuat, maka tampilan dalam Server Explorer akan menjadi seperti gambar di bawah:

4. Membuat Diagram Relasi

Selanjutnya kita akan membuat relasi antar tabel. Klik kanan Database Diagrams dalam Server Explorer dan pilih Add New Diagram. Akan muncul kotak dialog konfirmasi, pilih Yes.

Setelah tombol Yes diklik, akan muncul kotak dialog "Add table". Tentukan tabel-tabel apa saja yang ingin dimasukkan ke dalam relasi. Dalam hal ini, masukkan tabel kategori dan tabel barang kemudian klik Close.

Tampilan tab diagram akan menjadi seperti gambar di bawah ini :

Klik dan tahan kolom KDKategori dari tabel kategori dan geser ke kolom KDKategori dalam tabel barang untuk membuat keduanya berelasi.

Akan muncul kotak konfirmasi, untuk memastikan kolom yang dimaksudkan sesuai dengan yang kita inginkan. Klik OK, maka akan tampil kotak dialog Foreign Key Relationship.

Pada bagian INSERT And UPDATE Specification, ubah nilai Delete Rule dan Update Rule menjadi Cascade :

Maksud dari Cascade dalam Delete Rule di atas adalah, setiap baris yang terdapat dalam relasi dengan pengaturan Cascade akan ikut terhapus bila tabel yang memiliki primary key dari relasi tersebut dihapus. Demikian juga dengan aturan Update Rule = Cascade.

Setelah tombol OK diklik, maka tampilan diagram relasinya menjadi :

Simpan diagram di atas dengan nama Diagram1.

5. Menambahkan LINQ to SQL Classes (Apa itu LINQ? = belum dibahas).

Berikutnya kita akan menambahkan LINQ to SQL Classes (LINQ = Language-Integrated Query). Klik Project > Add New Item.. kemudian pilih LINQ to SQL Classes dan beri nama DataClasses1.dbml kemudian klik Add.

Tab Object Relational Designer dari DataClasses1.dbml akan langsung terbuka. Masih dalam tab Object Relational Designer, buka Server Explorer dan geser kedua tabel yang barusan kita buat tadi ke dalam area Object Relational Designer, sehingga menjadi seperti gambar di bawah ini:

Klik Save untuk menyimpannya.

Simpan proyek kita dan tutup Visual Studio.

Sekian dulu untuk tutorial kali ini, pada kesempatan berikutnya akan saya lanjutkan dengan proses pembuatan form barang dan kategori, serta bagaimana melakukan query ke dalam database menggunakan LINQ. Stay tuned... Ciao!....