8/9/2019 tugas VB.Net 2008

1/56

Tugas VB.Net 2008 Kelompok 6 Mi-1STIKOM POLTEK

8/9/2019 tugas VB.Net 2008

2/56

` Rahmat Hidayat (Nrp:13109009 )` Dwi Saridevi (Nrp:13109081 )` Vivi Vianti (Nrp:13109109 )` Eva (Nrp:13109016 )

8/9/2019 tugas VB.Net 2008

3/56

Langkah-langkah dalam prosespembuatan suatu aplikasimenggunakan Visual Basic .NET2008

Bahan-bahan :Visual Studio Professional 2008 / VisualBasic.net Express EditionMS SQL Server 2005 Express Edition

8/9/2019 tugas VB.Net 2008

4/56

1. Mem buat proy ek baruBuka Visual Studio 2008 dan buat sebuah proyek baru dengan menggunakanmenu File > New Project..Pilih "Windows Forms Application" dengan target Framework 3.5 dan berikannama " CTHApli kasi 1" kemudian klik OK.

8/9/2019 tugas VB.Net 2008

5/56

2 . Me na m bah Databas eLangkah berikutnya adalah kita akan menambahkan databasedan coba menentukan tabel-tabel apa saja yang terdapat

dalam database untuk aplikasi ini. Untuk tutorial pertama ini kitaakan memulai dengan membuat 2 tabel yang terdiri dari :"Barang " dan " Kat e gori ".Pastikan SQL Express telah dijalankan. Masih di IDE VS(Visual Studio) klik menu Project > Add New Item..Dalam tampilan dialog Add New Item, pilih " S e rvic e Bas ed

Databas e " dan masukkan nama " Databas e1.mdf ". Kemudianklik tombol "Add". Lihat gambar:

8/9/2019 tugas VB.Net 2008

6/56

Akan muncul kotak dialog " Datasourc e Con f iguration

Wizar d ". Klik Finish. Jika semuanya telah dilakukan denganbenar, maka tampilan dalam Solution Explorer akan tampakseperti ini :

8/9/2019 tugas VB.Net 2008

7/56

8/9/2019 tugas VB.Net 2008

8/56

8/9/2019 tugas VB.Net 2008

9/56

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

Simpan tabel tersebut dengannama "kategori" (tanpa tandakutip).Masih dalam tabel kategori, ditab Colu m n P rop e rti e s , padabagian Ide ntity Sp e ci f ication >nilai ( Is Ide ntity ) di ubah menjadi" Ye s " dengan Ide ntity Incr eme nt sebanyak 1.

8/9/2019 tugas VB.Net 2008

10/56

Hal di Slide sebelumnya dilakukan untukmemberikan Increment Value terhadap KDKategori

dengan nilai Increment=1. Atau dengan kata lain,memberikan "Auto Number" terhadap KDKategori.

Lakukan hal yang sama dengan tabelbarang, dengan isian seperti gambar dibawah:

8/9/2019 tugas VB.Net 2008

11/56

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

8/9/2019 tugas VB.Net 2008

12/56

4 . Mem buat Diagra m Re lasiSelanjutnya kita akan membuat relasi antar tabel. Klik kananDatabase Diagrams dalam Server Explorer dan pilih Add New

Diagram. Akan muncul kotak dialog konfirmasi, pilih Yes.Setelah tombol Yes diklik, akan muncul kotak dialog " Addtabl e ". Tentukan tabel-tabel apa saja yang ingin dimasukkanke dalam relasi. Dalam hal ini, masukkan tabel kategori dantabel barang kemudian klik Close.Tampilan tab diagram akan menjadi seperti gambar di bawahini :

8/9/2019 tugas VB.Net 2008

13/56

Klik t k l KDKa t ri a ri tabe l ka tego ri ange s e r ke ko lom KDKa tego ri a lam tabe l ba r ang un tuk

membua t keduanya be r e la si.

8/9/2019 tugas VB.Net 2008

14/56

Akan muncul kotak konfirmasi, untuk memastikan kolomyang dimaksudkan sesuai dengan yang kita inginkan. Klik

OK, maka akan tampil kotak dialog Foreign KeyRelationship.Pada bagian INSE RT An d UP DATE Sp e ci f ication , ubahnilai De le te R ul e dan Up d at e R ul e menjadi Casca de :

8/9/2019 tugas VB.Net 2008

15/56

Maksud dari Cascade dalam Delete Rule di atas adalah, setiapbaris yang terdapat dalam relasi dengan pengaturan Cascade

akan ikut terhapus bila tabel yang memiliki primary key darirelasi tersebut dihapus. Demikian juga dengan aturan UpdateRule = Cascade.Setelah tombol OK diklik, maka tampilan diagram relasinyamenjadi :

Simpan diagram di atas dengan namaDiagram1.

8/9/2019 tugas VB.Net 2008

16/56

5 . Me na m bah kan LINQ to SQL Class e s (Apa ituLINQ? = b e lu m d ibahas) .Berikutnya kita akan menambahkan LINQ to SQLClasses (LINQ = Language-Integrated Query). KlikProject > Add New Item.. kemudian pilih LINQ to SQLClasses dan beri nama DataClass e s 1.d b m l kemudianklik Add.

8/9/2019 tugas VB.Net 2008

17/56

Tab Obj e ct Re lational De sign e r dari DataClasses1.dbml akanlangsung 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, sehinggamenjadi seperti gambar di bawah ini:

Klik Save untuk menyimpannya.Simpan proyek kita

8/9/2019 tugas VB.Net 2008

18/56

Proses pembuatan form barang dan kategori,serta bagaimana melakukan query ke dalamdatabase menggunakan LINQ.

8/9/2019 tugas VB.Net 2008

19/56

Ap a it ILI (Language In teg r a ted ue r y), me r upa kan s ua tubaha s a yang d iguna kan un tuk me la kukan que r y te r hadap s ua tu s umbe r da ta (s ede r hananya ). LIte r d iri da ri bebe r apa pe r nya taan (st a temen t) yang b isad ite r ap kan ke da lam p r og r am kita un tuk mem ilih item

da ri bebe r apa ko le ksi (c o lle ction ) be r da s a rkan krite riayang be r beda .

8/9/2019 tugas VB.Net 2008

20/56

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

8/9/2019 tugas VB.Net 2008

21/56

Untuk menentukan elemen dari array tersebut, kita akan menggunakanlooping For..Next, mengeksekusi tiap elemen array, dan nantinya bisamenyimpannya ke dalam array baru atau menghapusnya. Untuk memilihelemen dengan nilai yang lebih kecil dari 10, kita gunakan kode di bawahini:

8/9/2019 tugas VB.Net 2008

22/56

Akan leb ih mudah meny impan e lemen -e lemen yang te lah te r p ilih ke da lams ua tu Arr ayL ist mengguna kan loop ing s epe rti d i bawah in i:

8/9/2019 tugas VB.Net 2008

23/56

Bila kita menggunakan LINQ,

8/9/2019 tugas VB.Net 2008

24/56

Penggunaan bahasa dalam LINQ hampir sama denganbahasa yang digunakan dalam SQL. Jika kita telah terbiasa

dengan bahasa yang digunakan dalam SQL, kita akanmenemukan beberapa kemiripan.

Contoh pernyataan SQL:

(Contoh di atas mengasumsikan dalam database kita

terdapat tabel data yang memiliki kolom bernama n). Bilamenggunakan LINQ, kode kita menjadi:

SELECT *

FROM data

WHE RE data.n < 10

Dim = From n In data

Where n < 10

8/9/2019 tugas VB.Net 2008

25/56

Kita telah membuat database barangdan kategori menggunakan SQLExpress 2005, nah sekarang kita akanmembuat tiap-tiap form untuk formbarang dan untuk form kategori. Ikuti

langkah-langkah berikut :

8/9/2019 tugas VB.Net 2008

26/56

1. Me na m bah For m Barang

Tambahkan satu form dan beri nama frmBarang , dengancara memilih menu Project > Add Windows Form ataudengan mengklik kanan nama proyek kita di solutionexplorer dan memilih Add > Windows Form. Akan munculwindow Add New Item, masukkan nama frmBarang dan klikadd.

8/9/2019 tugas VB.Net 2008

27/56

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

2 . P rop e rty For m BarangBuka jendela property dari form barang(frmBarang) atau dengan cara menekantombol F4 . Atur property frmBarangsebagai berikut:

Text : Data barang

FormBorderStyle : FixedToolWindow

8/9/2019 tugas VB.Net 2008

28/56

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

8/9/2019 tugas VB.Net 2008

29/56

3 . Me na m bah DataGri dView

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

Geser control DataGridView ke dalam frmBarang:

NamaDataGridView1akan secara

otomatis diberikanuntuk controlDataGridViewtadi.

8/9/2019 tugas VB.Net 2008

30/56

4 . Me na m pil kan d ata ke d ala m DataGri dView

Sekarang kita akan mencoba menampilkan data ke dalam

control DataGridView1, data yang akan ditampilkan diambildari tabel 'barang' dan tabel 'kategori.

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

Ketikkan perintah berikut di bagian Private Sub frmBarang_Load

8/9/2019 tugas VB.Net 2008

31/56

Pada kode Slide sebelumnya (Hampir sama dengan pernyataan SQL)kita memulai dengan mendeklarasikan db sebagai object dari ClassD ataClasses1 D ataContext, kemudian membuat suatu variable barudengan nama qBarang dan menuliskan query LINQ yang berfungsiuntuk mengambil data dari 2 tabel (barang dan kategori, yang memiliki

relasi pada kolom KDKategori) dari database. Hasil dari query LINQtersebut akan ditampilkan dalam control DataGridView1 denganmenggunakan object D ataSource dari property DataGridView1.

8/9/2019 tugas VB.Net 2008

32/56

Kode leng kapnya s epe rti in i:

Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

Dim db As New DataClasses1DataContextDim qBarang = From barang In db.barangs _

Join kategori In db.kategoris _On kategori.KDKategori Equals barang.

KDKategori _Select barang

Me.DataGridView1.DataSource = qBarang

End Sub

8/9/2019 tugas VB.Net 2008

33/56

Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

Dim db As New DataClasses1DataContextDim qBarang = From barang In db.barangs _

Join kategori In db.kategoris

_On kategori.KDKategori Equals

barang.KDKategori _Select barang

Me.DataGridView1.DataSource = qBarang

End Sub

8/9/2019 tugas VB.Net 2008

34/56

8/9/2019 tugas VB.Net 2008

35/56

Tamp ilan f o r m s e te lah d i a lan kan (ma sih kos ong ka r ena be lum ada da ta yang d ima s ukkan

8/9/2019 tugas VB.Net 2008

36/56

5 . Me na m bah kontrol to m bol, tek s d an lab e l.

Aplikasi kita sudah bisa dijalankan, tetapi kita masih perlu menambahkan

tombol dan teks serta label ke dalam frmBarang agar memudahkan dalaminteraksi dari user terhadap aplikasi.

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

8/9/2019 tugas VB.Net 2008

37/56

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

8/9/2019 tugas VB.Net 2008

38/56

Lakukan hal yang sama untuk 4 Label, 1 ComboBox dan 3TextBox 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'

8/9/2019 tugas VB.Net 2008

39/56

Sehingga hasilnya menjadi :

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

8/9/2019 tugas VB.Net 2008

40/56

Klik dan geser 5 buah Control Button dari Toolbox ke dalam frmBarangdengan 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'

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'

8/9/2019 tugas VB.Net 2008

41/56

Sehingga tampilan akhir dari frmBarang akan menjadi :

8/9/2019 tugas VB.Net 2008

42/56

Ta m bahan (Upgra de d ari VB 2005 ke V B 2008 )

Mungkin masih banyak yang belum mengetahui bagaimanamengaktifkan LINQ dalam suatu project yang telah di upgradedari VB 2005 ke VB 2008. (LINQ cuman ada di VB 2008).

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

8/9/2019 tugas VB.Net 2008

43/56

1. Dek arasi b e b e rapa variab e l um u m

Masukkan kode berikut pada bagian atas setelah P ublic Class frmBarang :

Private db As New DataClasses1DataContextPrivate edit As Boolean

8/9/2019 tugas VB.Net 2008

44/56

1. a . Sub P roc ed ur e bu ka

Digunakan untuk mengunci dan membuka TextBox dan ComboBoxdalam frmBarang:

ri ate ub buka(B yVal t As Boolean)Dim daftarTextBox rom m yControl In e.Controls

here T yp e f m yControl Is TextBox

elect m yControl

or ac h myTeksBoks As TextBox In daftarTextBoxIf t Then

myTeksBoks. nabled Truee.cmb Kode Kategori. nabled True

lsemyTeksBoks. nabled alsee.cmb Kode Kategori. nabled alse

nd If ext

nd ub

8/9/2019 tugas VB.Net 2008

45/56

8/9/2019 tugas VB.Net 2008

46/56

1. c . Sub P roc ed ur e r e sData

Digunakan untuk me-refresh (mengisi) data dalam DataGridView1 dengan datayang baru

Private Sub resData()Dim qBarang = From barang In db.barangs _

Join kategori In db.kategoris _ On kategori.KDKategori Equals barang.KDKategori _ Select Kode = barang.KDBarang, Nama = barang.NmBarang, _ Kategori = kategori.NmKategori, Jumlah = barang.Jumlah, Harga =

barang.HargaJual

Me.DataGridView1.DataSource = qBarangEnd Sub

8/9/2019 tugas VB.Net 2008

47/56

1.d. Sub P roc ed ur e d gKli kDigunakan untuk mengisi tiap TextBox dan ComboBox berdasarkan data yangada dalam DataGridView1 saat setiap kali data dalam DataGridView1 dipilih.

Private Sub dgKlik()Try

Me.txtKodeBarang.Text = Me.DataGridView1.Item(0, Me.DataGridView1.Current Row.Index).Value

Me.txtNamaBarang.Text = Me.DataGridView1.Item(1, Me.DataGridView1.Current Row.Index).ValueMe.txtJumlah.Text = Me.DataGridView1.Item(3, Me.DataGridView1.Current Row.Index).ValueMe.txtHarga.Text = Me.DataGridView1.Item(4, Me.DataGridView1.Current Row.Index).Value

Dim dkate = From kategori In db.kategoris _ Where kategori.NmKategori Is Me.DataGridView1.Item(2, Me.DataGridView1.Current R ow

.Index).Value _ Select kategori.NmKategori

Me.cmbKodeKategori.Text = dkate.Single

Catch ex As ExceptionMessageBox.Show("Error: " & ex.Message)

End TryEnd Sub

8/9/2019 tugas VB.Net 2008

48/56

1.e. Sub P roc ed ur e r e sT ek s

Digunakan untuk mengosongkan semua TextBox dan Combobox dalamfrmBarang :

Private Sub resTeks()isiCombo()Dim daftarTextBox = From myControl In Me.Controls _

Where TypeOf myControl Is TextBox _ Select myControl

For Each myTeksBoks As TextBox In daftarTextBoxmyTeksBoks.Text = ""

NextEnd Sub

8/9/2019 tugas VB.Net 2008

49/56

1.f. Function kat Pe rNa m a

Digunakan untuk mengambil kode Kategori barang berdasarkan nama

kategorinya :

ri ate unction kat er ama( y Val n As tring) As Integer Dim kat As Integer Dim kate rom kategori In db.kategoris

here kategori. mKategori Is nelect kategori.KDKategori

kat kate. ingleReturn kat

nd unction

8/9/2019 tugas VB.Net 2008

50/56

2 . DataGri dView1_ Clic k

Pada designer view, double klik Control DataGridView1 > akan masuk kedalam tampilan Code View. Pada bagian Method Name, pilih Click. LihatGambar :

Ketikkan kode berikut pada bagian DataGridView1_Click :

Private Sub DataGridView1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles DataGridView1.Click

dgKlik()End Sub

8/9/2019 tugas VB.Net 2008

51/56

3 . Sub P roc ed ur e Saat To m bol E d it Diklik

Double klik tombol edit dan masukkan kode berikut :

Private Sub cmdEdit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdEdit.Click

Me.cmdBaru.Text = "Batal"Me.cmdEdit.Enabled = FalseMe.cmdHapus.Enabled = FalseMe.cmdSimpan.Enabled = Trueedit = Truebuka(True)Me.txtKodeBarang.Enabled = FalseMe.txtNamaBarang.Focus()

End Sub

8/9/2019 tugas VB.Net 2008

52/56

4 . Sub P roc ed ur e Saat To m bol Baru Di klikDouble klik tombol baru dan masukkan kode berikut :

Private Sub cmdBaru_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdBaru.Click

If Me.cmdBaru.Text = "Baru" ThenMe.cmdBaru.Text = "Batal"Me.resTeks()buka(True)Me.DataGridView1.Enabled = FalseMe.cmdSimpan.Enabled = True

Me.cmdEdit.Enabled = FalseMe.cmdHapus.Enabled = FalseMe.cmdKeluar.Enabled = FalseMe.txtKodeBarang.Focus()

ElseMe.cmdBaru.Text = "Baru"buka(False)Me.DataGridView1.Enabled = True

edit = FalseMe.cmdSimpan.Enabled = FalseMe.cmdEdit.Enabled = TrueMe.cmdHapus.Enabled = TrueMe.cmdKeluar.Enabled = TruedgKlik()

End If End Sub

8/9/2019 tugas VB.Net 2008

53/56

5 . Sub P roc ed ur e Saat To m bol Si m pan Di klik

Double klik tombol simpan dan masukkan kode berikut :

Karena terlalu panjang syntaxnya Biar lebih lenkapnya klik Link Dibawah Ini :

Sub Procedure Saat Tombol Simpan Diklik.html

8/9/2019 tugas VB.Net 2008

54/56

6 . Sub P roc ed ur e Saat To m bol Hapus Di klik

Double klik tombol hapus dan masukkan kode berikut :

Private Sub cmdHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdHapus.Click

If Me.txtKodeBarang.Text = "" Then Exit SubDim rep As Integer = MessageBox.Show("Data tersebut akan dihapus?", "Konfirmasi", Message

BoxButtons.YesNo, MessageBoxIcon.Question)If rep = MsgBox Result.No Then Exit Sub

Dim deleteBrg = (From barang In db.barangs _ Where barang.KDBarang = Me.txtKodeBarang.Text).ToList()(0)

db.barangs.DeleteOnSubmit(deleteBrg)

Trydb.SubmitChanges()

Catch ex As ExceptionMessageBox.Show("Error :" & ex.Message)

End Try

resData()dgKlik()

End Sub

8/9/2019 tugas VB.Net 2008

55/56

7. Sub P roc ed ur e Saat To m bol K e luar Di klik

Double klik tombol keluar dan masukkan kode berikut :

Private Sub cmdKeluar_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles cmdKeluar.Click

Me.Close()End Sub

Terakhir, tambahkan kode berikut pada bagian frmBarang_Load :

Private Sub frmBarang_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

resData()isiCombo()buka(False)Me.cmdSimpan.Enabled = False

t = FalseEnd Sub

8/9/2019 tugas VB.Net 2008

56/56

Pada bagian selanjutnya kita akan langsung mencoba membuat form untukmenampilkan data laporan dari data barang yang barusan dibuat..

Ko de Le ng kapnya .ht m l