Proses pembuatan form ini yaitu sana dengan proses dasar sebelumnya yaitu dengan membuat beberapa komponen pada formnya, dan berikut tampilan formnya :
Pada pembuatan form ini komponen yang dibutuhkan adalah sebagai berikut :
1. Listview (1) 2. Textbox (4) 3. Combobox (3) 4. Button (6) 5. Groupbox (3) 6. DiteTimePicker (1)
Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.
Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :
koneksi.connect()
jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.
a. Komponen listview
Pertama sekali adalah membuat kolom pada listview yang caranya sama seperti yang kita lakukan sebelumnya dengan klik kanan pada listview dan pilih properties selanjutnya ubah viewnya menjadi Details, seperti gambar dibawah :
Setelah itu pilih Edit Colomns
Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama
Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :
Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :
PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs) Handles ListView.SelectedIndexChanged With ListView.SelectedItems(0) ctrl = .SubItems(0).Text tkd_res.Text = .SubItems(0).Text tkd_menu.SelectedValue = .SubItems(1).Text tkd_menu.Show() tkd_chekin.SelectedValue = .SubItems(2).Text tkd_chekin.Show() tjumlah_pesanan.Text = .SubItems(3).Text ttgl_pesan.Value = .SubItems(4).Text ttotal_bayar.Text = .SubItems(5).Text EndWith tkd_res.Enabled = False btambah.Enabled = False bhapus.Enabled = True bupdate.Enabled = True EndSub
Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :
Pada komponen inputan yang telah kita buat seperti tampilan design form diatas, seperti berikut :
b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset
Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :
Sub keuleh()
strsql = "select * from tbl_restoran"
sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView.Items.Clear() While (sqlldr.Read())
With ListView.Items.Add(sqlldr("kd_res")) .subitems.add(sqlldr("kd_menu")) .subitems.add(sqlldr("kd_chekin")) .subitems.add(sqlldr("jumlah_pesanan")) .subitems.add(sqlldr("tgl_pesan")) .subitems.add(sqlldr("total_bayar")) EndWith EndWhile sqlldr.Close() EndSub
Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh()” pada form load, namanya sesuikan dengan koding diatas, harap
teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.
Selanjutkan nya adalah membuat sub reset bertujuan untuk membersihkan komponen dan mengaktifkan enable komponen yang tidak aktif ketika kita klik data pada listview. Koding dibawah juga jangan lupa untuk melakukan pemanggilanya di form load tepatnya setelah sub keuleh() , dengan nama sub “berseh()” , sesuikan seperti koding sub dibawah. Dan lakukan penulisan koding dibawah tepat di bawah end sub keuleh diatas , seperti berikut : Sub berseh() tkd_res.Text = "" tkd_menu.Text = "" tkd_chekin.Text = "" tjumlah_pesanan.Text = "" ttgl_pesan.Refresh() ttotal_bayar.Text = "" tkd_res.Enabled = True btambah.Enabled = True bupdate.Enabled = False bhapus.Enabled = False EndSub
c. Pembuatan Aksi Input
Pada aksi ini adalah melakukan pembuatan tombol input atau tambah yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :
Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :
If (tkd_res.Text = "") Or (tkd_menu.Text = "") Or (tkd_chekin.Text = "") Or
(tjumlah_pesanan.Text = "") Or (ttgl_pesan.Text = "") Or (ttotal_bayar.Text = "") Then
MsgBox("Data Masih kurang, Lengkapi Data") Exit Sub
EndIf
strsql = "insert into tbl_restoran (kd_res, kd_menu, kd_chekin, jumlah_pesanan, tgl_pesan, total_bayar) values ('" _
& tkd_res.Text & "','" & tkd_menu.SelectedValue & "','" & tkd_chekin.SelectedValue &
"','" & tjumlah_pesanan.Text & "','" & ttgl_pesan.Value.ToString("yyyy-MM-dd") & "','" & ttotal_bayar.Text & "')"
Dim sqlcmd AsNew SqlClient.SqlCommand
sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlcmd.ExecuteNonQuery() MsgBox("Berhasil diSimpan") keuleh()
berseh()
OnErrorGoTo satu Exit Sub
satu:
MsgBox("Kode Tidak Boleh Sama") berseh()
EndSub
d. Pembuatan Aksi Hapus
Pada aksi ini adalah melakukan pembuatan tombol hapus, yang akan menghapus data pada database secara permanen yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :
Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :
PrivateSub bhapus_Click(sender AsObject, e AsEventArgs) Handles bhapus.Click strsql = "delete from tbl_restoran where kd_res = '" & ctrl & "'"
Dim sqlcmd AsNew SqlClient.SqlCommand
sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlcmd.ExecuteNonQuery() MsgBox("Berhasil Di Hapus") keuleh()
berseh() EndSub
e. Pembuatan Aksi Reset Form
Pada aksi ini adalah melakukan pembuatan tombol reset, yang akan membersihkan form yang telah besisi data atau mengaktifkan tombol tambah ketika data telah di klik. pada grupbox aksi ini yang terlihat seperti berikut :
Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :
PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset.Click berseh()
keuleh() EndSub
f. Pembuatan Aksi Update
Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :
Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :
PrivateSub bupdate_Click(sender AsObject, e AsEventArgs) Handles bupdate.Click strsql = "update tbl_restoran set kd_menu ='" & tkd_menu.SelectedValue & "'," _ & "kd_chekin ='" & tkd_chekin.SelectedValue & "'," _
& "jumlah_pesanan ='" & tjumlah_pesanan.Text & "'," _
& "tgl_pesan ='" & ttgl_pesan.Value.ToString("yyyy-MM-dd") & "'," _ & "total_bayar ='" & ttotal_bayar.Text & "'" _
& "where kd_res = '" & ctrl & "'"
Dim sqlcmd AsNew SqlClient.SqlCommand
sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlcmd.ExecuteNonQuery() MsgBox("Berhasil DiUpdate") keuleh()
berseh() EndSub
g. Pembuatan Aksi Pencarian
Pada aksi ini adalah melakukan pembuatan aksi pada tombol pencarian, yang akan mencari data berdasarkan combo box yang telah di tentukan berdasarkan apa saja. pada form yang terlihat seperti dibawah ini :
Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut :
PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari.Click strsql = "select * from tbl_restoran where " & cpilihan.SelectedItem & " LIKE '%" & tpencarian.Text & "%' "
sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView.Items.Clear() While (sqlldr.Read())
With ListView.Items.Add(sqlldr("kd_res")) .subitems.add(sqlldr("kd_menu")) .subitems.add(sqlldr("kd_chekin")) .subitems.add(sqlldr("jumlah_pesanan")) .subitems.add(sqlldr("tgl_pesan")) .subitems.add(sqlldr("total_bayar")) EndWith EndWhile sqlldr.Close() EndSub
Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :
Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :