Video of the day

Awesomely Cool Transforming Cursor
Home » » Tutorial VB.Net 2010 Membuat Button Add, Save, Delete, Close, dan Search

Tutorial VB.Net 2010 Membuat Button Add, Save, Delete, Close, dan Search

Posted by Teknik Informatika on Minggu, 21 Juni 2015

Selamat malam..
Malam ini kabar baiknya lagi nganggur nggak ada tugas dari dosen, tapi kabar buruknya besok UAS :( Daripada pusing mikirin UAS buat besok, jadi main koding aja.
            Sekarang aku mau bikin semacam tutorial, “Koneksi database microsoft access ke visual basic.net 2010”. Nanti kita bikin interface yang simple dulu aja, yang jelas selain ada koneksi database juga ada button Add, Save, Delete, Close, dan Search. Langsung aja siapin ms access sama vb.net 2010 nya :).

v  Langkah 1
Bikin data di database dengan isi tabel sesuai kebutuhan.


Setelah selesai membuat tabel klik save -> close microsoft access-nya

v  Langkah 2
Buka vb.net 2010 -> Bikin project baru dengan nama sesuai kebutuhan kalian.
Setelah itu buat interface sesuai kebutuhan juga, misalnya bikin kayak gini :


v  Langkah 3
Setelah itu bikin koneksi database ms access ke vb.net 2010 pake “DataSourceConfigurationWizard”
Caranya klik “Data Sources -> Add New Data Source” Nanti ada box koneksi tinggal klik next aja sampe finish.




Maka secara otomatis di “data sources” kita punya “dataset” baru yang diambil dari koneksi database kita itu tadi.
v  Langkah 4
Pada “Data Grid View” Klik panah kecil di sebelah kanan atas.
Lalu kalian klik combo box pada “Choose Data Source”



Pilih “Other Data Source -> Project Data Source -> TutorialDataSet -> Tutorial”
#NB : Nama “Tutorial” adalah nama database yang aku buat, jadi kalian bisa menyesuaikan sesuai dengan nama database yang telah dibuat sebelumnya.
Jika langkah kalian benar maka akan tampil sebuah tabel di datagridview :



v  Langkah 5
Koneksikan textbox nama, alamat, no_hape, email, status dengan koneksi database yang telah kita buat tadi. Caranya klik masing2 textbox -> klik properties -> Data Bindings -> Text -> pilih nama sesuai kriteria.
Contoh : klik textbox nama -> klik properties -> Data Bindings -> Text -> nama


Lakukan yang sama pada textbox nama, alamat, no_hape, email, dan status.

v  Langkah 6
Pada “Data Grid View” Klik panah kecil di sebelah kanan atas.
Lalu kalian klik “Edit Column”


Maka akan muncul box Edit Columns. Klik bagian “Nomor -> Visible = False -> Ok”


v  Langkah 7
Saatnya Meng-koding :D
Klik 2x pada button “Previous”, Ketikkan koding seperti berikut :


#NB : Nama “Tutorial” adalah nama database yang aku buat, jadi bisa menyesuaikan dengan database kalian masing2.
Klik 2x pada button “Next”, Ketikkan koding seperti berikut :


Klik 2x pada button “Add”, Ketikkan koding seperti berikut :


Klik 2x pada button “Save”, Ketikkan koding seperti berikut :


Klik 2x pada button “Delete”, Ketikkan koding seperti berikut :


Klik 2x pada button “Edit”, Ketikkan koding seperti berikut :


Klik 2x pada button “Exit”, Ketikkan koding seperti berikut :


Setelah itu coba jalankan programnya dengan mengklik F5 pada keyboad atau tombol debug.
v  Langkah 8
Pada “Data Grid View” Klik panah kecil di sebelah kanan atas.
Lalu kalian klik “Add Query”.


Setelah itu akan muncul box “Search Criteria Builder” Pada bagian “New Query Name” ketikkan Search lalu klik “Query Builder” di bagian bawah -> OK.


Lalu pada kolom “nama” ketikkan Nama LIKE ? + '%' pada bagian Filter -> OK.


Klik “OK” lagi. Jika langkah anda benar maka akan ada strip Search pada bagian atas form.


Jika di Run, Maka strip search yang barusan dibuat akan memfilter pencarian di datagridview dengan inputan “Nama”.
v  Langkah 9
Klik 2x pada strip “Search”, maka akan muncul koding seperti berikut :


Cut koding yang ada pada “SearchToolStripButton” ke button “Search” dengan mengklik 2x pada button “Search”.

Lalu ganti kata “NamaToolStripTextBox.Text” dengan “txt_search.text”. Seperti berikut :



Kemudian delete Strip Search yang ada pada bagian atas form tadi,
Dan hapus koding bagian yang aku kasih blok biru seperti dibawah ini. Karena itu merupakan koding Strip Search yang sudah dihapus sebelumnya.


v  Langkah 10
Jalankan program dengan menekan tombol F5 atau tombol debug pada program.
Selesai.. :D Alhamdulilah :)


 Jika kalian ingin mendownload contoh program yang sudah jadi (sourcecode) nya, silahkan download di bagian menu "Download" blog saya kemudian pilih "VB.Net 2010" -> "Add, Save, Delete, Close, dan Search".




0 komentar:

Posting Komentar

POSTING TERBARU

Formulir Kontak






.comment-content a {display: none;}