TbVisual

   A.    MySQL Connector

Untuk dapat menghubungkan VB.Net dengan database MySQL, diperlukan library dari MySQL Connector. Untuk versi yang digunakan adalah MySQL Connector 6.9.9, dimana versi tersebut sudah compatible dengan Maria DB.

   B.     Membuat New Project dan Memasang MySQL Connector 

Sebelum membuat project pada visual studio, install terlebih dahulu MySQL Connector. Buka Microsoft Visual Studio untuk membuat aplikasi yang akan dibangun.

Pilih New Project, kemudian edit nama aplikasi sesuai dengan keinginan masing-masing. Kemudian Ok.

Kemudian akan tampil sebuah form baru seperti gambar dibawah ini.

Memasang MySQL Connector

Pilih Project  Add Reference. Kemudian pilih Menu Extensions dan pilih Mysql.Data versi 6.9.9.0, kemudian klik OK.

   A.    Membuat Form Utama

Form ini merupakan form yang tampil pertama kali ketika aplikasi dijalankan. Pertama kita ubah Text dari Form1 tersebut melalui properties.

Selanjutnya adalah buat komponen ke dalam form1. Tambahkan 2 button pada form, kemudian ubah properties button menjadi seperti berikut:

Properties	Value
Name	BtnBuku
	btnKategori
Text	Halaman Buku
	Halaman Kategori

   B.     Membuat Form Ikan

Selanjutnya kita buat form ikan, pilih project  Add Windows Form.

Pada form ikan ini yang ditampilkan adalah tabel ikan, kolom pencarian dan tombol tambah ikan. Pertama tambahkan komponen button, label, dan textbox. Kemudian ubah properties dari masing-masing komponen tersebut sebagai berikut:

Komponen	Propesties	Value
Label	Text	Cari Ikan
TextBox	Name	TxtIkan
Button	Name	btnCari
		Btntambah
	Text	GO

Kemudian tambahkan komponen DataGridView ke dalam Form Buku.

Propertiees	Value
Name	DG
AutoSizeColumnsMode	AllCells

   

Kemudian tambahkan button dibawah DG dengan properties sebagai berikut:

Properties	Value
Name	btnKembali
Text	Kembali

 

   C.     Form Tambah Ikan

Pada form ikan terdapat button tambah, dimana jika button tersebut di klik pengguna akan diarahkan ke form untuk menambahkan data ikan. Pilih menu Project  Add Windows Form, kemudian ubah name-nya menjadi Form Tambah Buku.

 

Setelah itu ubah properties text dari form tambah ikan menjadi “Form Tambah Ikan”.

 

   D.    Form Detail Ikan

Form detail Ikan akan dimunculkan ketika baris data pada DG di form Ikan di klik. Fungsinya untuk merubah atau menghapus data Ikan. Cara membuatnya sama dengan langkah-langakah membuat form sebelumnya, pilih Project  Add Windows Form kemudian ubah Name nya menjadi Form Detai Buku.

 

Selanjutnya ubah text dari form detail ikan menjadi “Halaman Detail ikan”. Kemudian susun beberapa komponen seperti Label, TextBox, Combobox, dan Button.

 

   E.     Form jenis

Selanjutnya adalah buat form baru dengan nama form jenis. Pilih menu Project  Add Windows Form, kemudian ubah Name nya menjadi Kategori.

 

Ubahlah properties dari komponen Label, TextBox, DataGrifViewm dan button sebagai berikut:

Komponen	Properties	Value
Button	Name	btnTambah
	Text	Tambah Jenis
Label	Text	Cari JEnis
TextBox	Name	txtCari
Button	Name	Btncari
	Text	GO
DataGridView	Name	DG
	AutoSizeColumnsMode	All Cells
Button	Name	btnKembali
	Text	Kembali

 

   F.      Form Tambah Jenis

Pilih menu Project  Add Windows Form dan ubah Name nya menjadi Form Tambah Jenis.

 

Setelah itu ubah properties pada komponen Label, TextBox, dan Button sebagai berikut:

Komponen	Properties	Value
Label	Text	Jenis
TextBox	Name	txtjeis
Button	Name	btnSimpan
	Text	Simpan
Button	Name	btnBatal
	Text	Batal

 

   G.    Form Detail jeis

Form detail jenis dimunculkan ketika baris data pada DG dari form jenis di klik. Fungsinya adalah untuk melakukan perubahan data atau penghapusan data pada tabel jenis. pilih menu Project  Add Windows Form kemudian ubah Name nya menjadi Form Detail jenis.

 

Setelah itu ubah properties pada komponen Label, TextBox, dan Buttons sebagai berikut:

Komponen	Properties	Value
Label	Text	Jenis
TextBox	Name	txtjenis
Button	Name	btnUbah
	Text	Ubah
Button	Name	btnHapus
	Text	Hapus
Button	Name	btnKembali
	Text	Kembali

 

   H.    Membuat Module Koneksi

Module koneksi digunakan untuk menghubungkan database dengan aplikasi yang akan dibangun. Untuk membuat module koneksi, pilih menu Project  Add Module, kemudian ganti Name nya menjadi Koneksi.

 

Pada module koneksi, akan kita imports library MySQL.Data.dll yang sebelumnya sudah kita centang sebagai Reference.

Selanjutnya kita deklarasikan variable-variabel global yang akan kita gunakan untuk membuka koneksi, mendapatkan data dan melakukan eksekusi query.

 

Kemudian kita deklarasikan variable global lainnya, yaitu untuk variable id_buku dan id_kategori. Kedua variable ini dideklarasikan sebagai variable global karena digunakan untuk merubah, menghapus dan mencari data ikan dan data jenis.

 

Kemudian kita buat function untuk mendapatkan data ketika suatu query dimasukkan. Function ini nantinya digunakan untuk menampilkan data ke dalam DataGridView.

 

 

Masih pada module koneksi, kita buat lagi sebuah procedure (SubRoutine) untuk eksekusi data. Procedure ini digunakan untuk mengeksesuki query selain SELECT.

 

I.       Membuat Module Procedure

Pada database buku ini kita diminta membuat fungsi-fungsi CRUD yang dibungkus dalam method. Ini berarti fungsi CRUD tersebut harus dibungkus dalam suatu function atau procedure. Untuk itu kita membuat module procedure, sehingga semua method didalamnya bisa dipanggil secara global. Pilih menu Project  Add Module kemudian ganti Name nya menjadi “Procedure”.

 

   a)      Procedure TampilIkan()

Buat procedure TampilIkan() yang nantinya digunakan untuk menampilkan dataikan. Didalamnya terdapat query untuk menampilkan semua data ikan. Kemudian function GetResult juga dipanggil untuk mendapatkan datatable, dimana datatable ini sebagai source dari DataGridView pada Form Ikan.

 

   b)      Procedure CariIkan()

Selanjutnya kita buat procedure Cariikan() yang nantinya digunakan untuk menampilkan ikan berdasarkan variable cari, yang menyimpan data pencarian. Didalamnya terdapat query untuk menampilkan semua data ikan. Kemudian function GetResult juga dipanggil untuk mendapatkan datatable, dimana datatable ini sebagai source dari DataGridVies pada Form ikan.

 

   c)      Procedure TambahIkan()

Selanjutnya kita buat procedure TambahIkan() yang nantinya digunakan untuk menambahlan data ikan baru. Parameter pada procedure. Procedure ini nantinya dipanggil pada Form Tambah Ikan. Setelah dijalankan maka Form Tambah Ikan pun ditutup.

 

   d)     Procedure UbahIkan()

Selanjutnya kita buat procedure UbahIkan() yang nantinya digunakan untuk merubah data Ikan. Parameter pada procedure. Procedure ini nantinya dipanggil pada Form Detail Buku. Setelah dijalankan maka Form Detail ikan pun Ditutup.

 

   e)      Procedure Hapusikan()

Selanjutnya kita buat procedure Hapusikan() yang nantinya digunakan untuk menghapus data ikan. Parameter pada procedure. Setelah dijalankan maka Form Detail ikan pun ditutup.

 

   f)       Procedure TampilIKan()

Pada module procedure, kita buat pocedure TampilIkan() yang nantinya digunakan untuk menampilkan data Ikan. Di dalamnya terdapat query untuk menampilkan semua data ikan. Kemudian function GetResult pun dipanggil untuk mendapatkan datatable, yang mana datatable ini sebagai source dari DataGridView pada Form ikan.

 

   g)      Procedure CariJenis()

Selanjutnya kita buat procedure CariJenis() yang nantinya digunakan untuk menampilkan data Jenis berdasarkan variabel cari, yang  menyimpan data pencarian. Di dalamnya terdapat query untuk menampilkan semua data jenis. Kemudian function GetResult pun dipanggil untuk mendapatkan datatable, yang mana datatable ini sebagai source dari DataGridView pada Form jenis.

 

  h)      Procedure TambahJenis()

Selanjutnya kita buat procedure TambahJenis() yang nantinya digunakan untuk menambahkan data jenis baru. Parameter pada procedure ini adalah jenis. Procedure ini nantinya dipanggil pada Form Tambah jenis. Setelah dijalankan maka Form Tambah Jenis pun ditutup.

 

   i)        Procedure UbahJenis()

Selanjutnya kita buat procedure UbahJenis() yang nantinya digunakan untuk merubah data jenis. Parameter pada procedure ini adalah id_jenis dan jenis. Procedure ini nantinya dipanggil pada FormDetailjenis. Setelah dijalankan maka Form Detail jenis pun ditutup.

   j)        Procedure HapusJenis()

Selanjutnya kita buat procedure Hapusjenis() yang nantinya digunakan  untuk menghapus data jenis. Parameter pada procedure ini adalah id_jenis. Procedure ini nantinya dipanggil pada Form Detail jenis. Setelah dijalankan maka FormDetailjenis pun ditutup

 

   J.       Membuat Kode Program Pada tampilan

a)      Form 1

Pada tampilan Form1 terdapat dua button, yaitu btnBuku dan btnKategori. Jika btnBuku diklik maka FormIkan ditampilkan. Jika btnjenis diklik maka Formjenis ditampilkan. Untuk membuat kode di dalam btnBuku, klik btnikan dua kali.

 

Demikian juga untuk mengisi kode di btnJenis, klik btnJenis dua kali, kemudian isikan perintah FormJenis.ShowDialog().

 

   C.     Hasil Running

Berikut adalah hasil running dari form database dataikan yang sudah dibuat.

   a)      Halaman Tambah Jenis

Pada halaman tambah Jenis, kita dapat menambahkan data seperti gambar berikut.

Berikut adalah hasil data yang sudah ditambahkan sebelumnya pada halaman Tambah Jenis.

 

   b)      Halaman Tambah Buku

Berikut adalah halaman tambah buku untuk menambahkan data buku.

 

Berikut adalah hasil dari data yang sudah ditambahkan.

 

   c)      Halaman Detail Buku

Berikut adalah hasil running dari Halaman Detail Buku

  

    d)     Halaman Detail Kategori

Berikut adalah hasil running jika kita ingin menghapus dari Kategori Sejarah.