Manajemen Informatika STMIK Potensi Utama

BAB IIMICROSOFT VISUAL STUDIO

2.1 Pembuatan Database Pada Microsoft SQL ServerLangkah-langkah pembuatan database pada Sql Server dapat dilakukan seperti berikut ini:

1. Langkah pertama yang dilakukan adalah buka aplikasi Sql server 2008.Caranya klik Start Programs pilih Microsoft SQL Server 2008 R2 klik SQL Server Management Studio.

2. Tunggu hingga muncul tampilan di bawah ini. Pada Server Name pilih nama server komputer anda. Kemudian Authentication pilih Windows Authentication lalu klik Connect.

3. Setelah itu akan muncul tampilan berikut ini. Untuk membuat database yang baru klik kanan Database pilih New Database.

4. Pada Database Name masukkan nama database yang akan dibuat. Kemudian pada kolom Path tentukan lokasi penyimpanan database anda. Dalam hal ini saya membuat nama databasenya Indomaret. Lokasi penyimpanannya di drive D:\Indomaret.

5. Lalu kita akan membuat tabel baru pada database indomaret. Klik tanda (+) pada indomaret, pada Tables klik kanan lalu klik New Table.

6. Masukkan nama Kolom serta Type data tabel yang akan dibuat.

7. Klik disamping kode barang lalu pilih Set Primary Key.

8. Maka akan muncul tanda kunci disebelah koda barang. Itu berarti kode barang sudah menjadi primary key.

9. Lalu simpan tabel dengan cara klik tada disket pada toolbar, masukkan nama tabelnya misalnya, barang.

10. Lakukan hal yang sama untuk membuat tabel baru.

11. Masukkan nama kolom sama type datanya seperti pada tabel barang.

12. Kemudian pada kolom nojual set menjadi primary key.

13. Lalu akan muncul tanda kunci di sebelah no jual. Hal itu berarti nojual telah menjadi primary key.

14. Klik icon save kemudian masukkan nama tabel misalnya, penjualan.

15. Kemudian buat tabel baru dengan langkah yang sama pada tabel barang dan penjualan.

16. Isikan nama kolom dan type datanya.

17. Pada tabel ini tidak ada yang menjadi primary key karena tabel ini merupakan gabungan dari tabel barang dan penjualan atau biasa disebut Foreign Key.18. Simpan tabel dengan nama transaksi.

19. Kemudian kita akan mengisi data pada tabel barang. Klik tanda (+) pada Tables lalu klik kanan pada dbo.barang pilih Edit Top 200 Rows.

20. Kemudian isikan semua kolom tabel barang dengan barang-barang yang ada di indomaret.Lalu klik save.

2.2 Pembuatan Form dan Pengkoneksian Sql Server pada Microsoft Visual Studio

1. Minimize SQL Server kemudian buka Microsoft Visual Studio 2010. Caranya klik Start Pilih Programs klik folder Microsoft Visual Studio 2010 pilih Microsoft visual studio 2010.

2. Tunggu hingga Jendela Visual Studio 2010 terbuka.

3. Untuk membuat project baru klik File New Project.

4. Pilih Visual Basic kemudian Windows Form Application. Pada kolo name ganti menjadi Indomaret kemudian Location buat sesuai dengan lokasi penyimpanan Database anda supaya tersimpan dalam folder yang sama.

5. Lalu klik Ok.

6. Kita akan mengkoneksikan antara SQL server dengan Visual Studio. Untuk itu kita perlu mengatahui nama server Sql komputer kita. Untuk melihatnya buka Sql server yang di minimize tadi kemudian klik Connect Object Explorer.

7. Lalu copy server name Sql dengan klik kanan pilih copy.

8. Buka kembali visual studio, klik kanan pada Data Connection lalu pilih Add Connection.

9. Pastekan nama server yang di copy tadi ke kolom Server name.

10. Pada Select or enter a database name pilih nama database yang kita buat tadi yaitu Indomaret.

11. Untuk mengetahui apakah koneksinya sudah berhasil klik Test Connection.Jika muncul tampilan seperti di bawah ini berarti koneksi berhasil, setelah itu klik ok dua kali.

12. Lalu klik Data pilih Add New Data Source.

13. Pilih Database klik next.

14. Pilih dataset klik next.

15. Setelah muncul tampilan dibawah ini klik next

16. Klik next

17. Jika tampilan di bawah ini muncul tunggu beberapa menit hingga muncul tampilan tabel.

18. Jika nama tabelnya sudah muncul maka beri tanda ceklist pada table.Lalu klik Finish.

19. Pada data source klik tanda panah tabel barang pilih Details.

20. Lalu klik dan drag tabel barang kedalam Form1, maka akan muncul tampilan berikut ini.

21. klik kembali tanda panah pada tabel barang di data source kemudian pilih Data Grid View.

22. klik dan drag tabel barang ke Form1 dibawah tabel yang di drag pertama.

23. Tarik fill handle yang disebelah kanan untuk mengatur ukuran tampilan tabel barang.

24. Selanjutnya kita akan membuat Group box Pencarian. Pada toolbox cari Group Box kemudian drag di kanan form yang pertama.

25. maka tampilannya seperti pada gambar dibawah ini.

26. klik Group box kemudian klik toolbar Properties.

27. lalu ganti text Groupbox1 menjadi Cari.

28. lalu tambahkan juga kolom untuk menginput text yang akan dicari. Caranya lik toolbox kemudian cari text box lalu drag didalam Group box cari.

29. Sehingga tampilannya seperti berikut ini.

30. Tambah juga tombol cari dan refresh dibawah kolom yang tadi. Untuk menambahkannya klik toolbox pilih Button lalu drag pada group box. Lakukan hal yang sama untuk membuat tombol refresh.

31. Klik Button1 pada properties ganti name menjadi btnCari.

32. Pada text juga ganti menjadi cari.

33. Pada button2 juga ganti name menjadi btnrefresh dan text menjadi Refresh.

34. Sehingga tampilannya seperti gambar di bawah.

35. Klik kolom kode barang pada properties ganti name menjadi txtkodebarang.

36. Pada kolom nama barang ganti name menjadi txtnamabarang.

37. Demikian juga dengan kolom jenis ganti name menjadi txtjenis.

38. Pada kolom satuan ganti menjadi txtsatuan.

39. Lalu pada kolom jumlah ganti name menjadi txtjumlah.

40. Klik form1 lalu ganti name menjadi form barang.

41. Maka form1 akan berubah menjadi Form Barang.

42. Pada solution explorer klik indomaretDataSet.xsd.

2.3 Cara Membuat Relationship pada Tabel di Visual Studio1. Kemudian kita akan membuat relasi dengan ketiga tabel tersebut. Klik pada tabel transaksi kemudian klik data add relation.

2. Pada parent tables pilih tabel barang kemudian pada child tables pilih tabel transaksi. Pada kolom dibawahnya buat menjadi kodebarang.

3. Untuk membuat relasi tabel jual dengan tabel transaksi klik data add pilih Relation.

4. Pada parent tables ganti menjadi tabel penjualan lalu key colums ganti menjadi nojual, demikian juga pada tabel transaksi.

5. Setelah itu gambar relasinya seperti pada gambar berikut .

2.4 Langkah Membuat Query 1. Pada barang table adapter klik kanan lalu add query.

2. Pilih Use SQL Statements lalu klik next.

3. Pilih Insert klik next.

4. Lalu masukkan query berikut INSERT INTO [dbo].[barang] ([kodebrg], [namabrg], [jenis], [satuan], [jumlah], [harga]) VALUES (@kodebrg, @namabrg, @jenis, @satuan, @jumlah, @harga); SELECT kodebrg, namabrg, jenis, satuan, jumlah, harga FROM barang WHERE (kodebrg = @kodebrg).

5. Selanjutnya klik next.

6. Klik next.

7. Klik kanan lagi barang table adapter pilih add query.

8. Pilih use Sql statements klik next

9. Pilih delete lalu klik next

10. Klik query builder.

11. Kemudian hapus semua yang menggunakan @is_null

12. Pada kolom Filter isi =@kodebarang

13. Kemudian klik ok lalu next.

14. Klik next.

15. Klik finish.

16. Klik kanan barang table adapter pilih add query

17. Pilih use Sql statements klik next

18. Pilih update klik next

19. Klik query builder

20. Hapus semua coding yang menggunakan =@is_null

21. Pada kolom filter isikan =@kodebarang, Kemudian klik ok.

22. Lalu klik next.

23. Klik next.

24. Lalu klik finish.

25. Klik kanan barang table adapter pilih add query.

26. Pilih use Sql statements

27. Pilih select which returns rows klik next

28. Klik next.

29. Ganti method name fill a data table menjadi Fill_caridata, lalu return a data table menjadi Get_cari data kemudian klik next.

30. klik finish.

31. Maka tampilannya menjadi seperti gambar berikut.

2.5 Pembuatan Coding pada Form Visual Studio1. Klik tab Form1.vb

2. Double klik pada form barang lalu pastekan coding berikut:Public Class Form1 Dim statusSimpan As String Private Sub BarangBindingNavigatorSaveItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Me.Validate() Me.BarangBindingSource.EndEdit() Me.TableAdapterManager.UpdateAll(Me.IndomaretDataSet)

End Sub Private Sub BindingNavigatorAddNewItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BindingNavigatorAddNewItem.Click statusSimpan = "simpan" End Sub

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 'TODO: This line of code loads data into the 'LatihanDataSet.barang' table. You can move, or remove it, as needed. Me.BarangTableAdapter.Fill(Me.IndomaretDataSet.barang) statusSimpan = "update" End Sub

Private Sub BindingNavigatorDeleteItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BindingNavigatorDeleteItem.Click If MessageBox.Show("Apakah akan dihapus ?", "Hapus Data", MessageBoxButtons.YesNo, MessageBoxIcon.Question, MessageBoxDefaultButton.Button1) = Windows.Forms.DialogResult.Yes Then Me.BarangTableAdapter.DeleteQuery(Me.txtKodebrg.Text) End If End Sub Private Sub GroupBox1_Enter(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles GroupBox1.Enter End Sub Private Sub Btncari_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Me.BarangTableAdapter.Fill_caridata(Me.IndomaretDataSet.barang, Me.txtcari.Text) End Sub

Private Sub Btnrefresh_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click Me.BarangTableAdapter.Fill(IndomaretDataSet.barang) End Sub Private Sub btnsave_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnsave.Click Try If (statusSimpan.Equals("simpan")) Then Me.BarangTableAdapter.InsertQuery(Me.txtKodebrg.Text, Me.txtnamabrg.Text, Me.txtjenis.Text, Me.txtsatuan.Text, Me.txtjumlah.Text, Me.txtharga.Text) Else Me.BarangTableAdapter.UpdateQuery(Me.txtnamabrg.Text, Me.txtjenis.Text, Me.txtsatuan.Text, Me.txtjumlah.Text, Me.txtharga.Text, Me.txtKodebrg.Text) End If Catch ex As Exception MessageBox.Show("Gagal Simpan Data") End Try Me.BarangTableAdapter.Fill(IndomaretDataSet.barang) statusSimpan = "update"End SubEnd Class

3. Lalu klik icon save all. Untuk menjalankannya klik icon debug, maka hasilnya seperti gambar berikut.

4. Untuk menghentikan programnya klik stop debugging.

2