MEMBUAT APLIKASI DATABASE MYSQL

DI VISUAL BASIC NET STUDIO

Langkah pembuatan yaitu :

a. Membuat database mysql

Terlebih dahulu kita membuat databasenya dnegan cara membuka xampp.
1. Klik tombol start pada bagian apache dan mysql.

2. Klik tombol admin pada barisan apache agar dapat membuka

jendela dashboard. Setelah itu klik menu phpmyadmin

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 a. Struktur database yang akan dibuat nama databasenya db_kampus,, nama
tabelnya mahasiswa dan untuk fieldnya ada nim dan nama.

1. Klik tab database lalu inputkan nama databasenya yaitu db_kampus.

Lalu klik tombol create.

Jika sudah klik tab SQL lalu copy dan pastekan kode struktur database ini
kedalamnya :
CREATE TABLE mahasiswa (
nim VARCHAR(20) PRIMARY KEY,
nama VARCHAR(100) NOT NULL
);
Jika sudah klik GO atau kirim. Secara otomatis car aini akan dapat
membuat tabel database secara cepat. Pembuatan database selesai.

Lakukan cara yang sama untuk tabel user :

CREATE TABLE user (
id int(11) NOT NULL,
username varchar(50) NOT NULL,
password varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

Jika sudah klik GO atau kirim. Secara otomatis car aini akan dapat
membuat tabel database secara cepat. Pembuatan database selesai.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 Selanjutnya kita akan membuat project divisual studio. Seperti biasa klik
file new project, windows form. Untuk nama project buat Namanya
aplikasi database atau bisa disesuaikan dengan kebutuhan.

Jika sudah klik tombol ok untuk membuat projectnya.

Setelah itu pada jendela solution explorer bagian form1.vb nya lakukan
rename menjadi form_input. Caranya :

Klik kanan pada form1.vb pilih rename dan ubah tulisan form1.vb
menjadi form_input.vb lalu enter :

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 1. Setelah itu desain tampilan form_input seperti dibawah ini

Keterangan di properties :

Tools Nama variabel

Label
TextBox txtnim
Label
TextBox txtnama
TextBox txtcari
Button btnsimpan
Button btnedit
Button btnhapus
Button btn_keluar
Button btn_cari
Button btnrefresh
DataGridView tabelgrid

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
Setelah di desain lanjut membuat form baru. Kita akan membuat form baru
dnegan nama form_login
Caranya :
1. pada bagian solution explorer aplikasi database klik kanan lalu pilih
add lalu klik windows form

2. Setelah itu akan muncul jendela add new item. Bagian name ubah
menjadi form_login.vb (tanpa spasi, berikan tanda penghubung
bawah) lalu klik tombol add.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 3. Jika sudah maka tampilan pada solution explorer akan tampil 2 buah
form yaitu form_input.vb dan form_login.vb seperti gambar
dibawah ini :

Tahap berikutnya menampilkan fungsi koneksi mysql kedalam visal studio.

Langkahnya :

4. Klik project, cari add reference lalu klik.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 5. Setelah di klik Akan muncul jendela add refrence dibawah ini lalu
pilih mysql.data lalu klik tombol ok :

Ok sekarang lanjut membuat desain pada form_login.vb seperti ini :

Ketereangan di properties :
Label 1 dan label 2
Textboxt nama variabelnya txtusername dan txtpassword.
Button1 nama variable btn_login.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 Jika sudah masuk kedalam tahap pengkodean untuk form_login.vb nya :

Bagian form login.

Klik 2 kali form login copy dan pastekan kode dibawah ini. Sesuaikan
dengan kebutuhan desain kamu.
Imports MySql.Data.MySqlClient
Public Class form_login
Dim conn As MySqlConnection
Dim cmd As MySqlCommand
Dim reader As MySqlDataReader

Dim connStr As String =

"server=localhost;userid=root;password=;database=db_kampus"
End Class

Bagian load pada form login.

Klik 2 kali pada desain form login dan copy pastekan kode dibawah ini.
Sesuaikan dengan kebutuhan desain kamu.

Private Sub form_login_Load(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles MyBase.Load

End Sub

Bagian tombol Login.

Klik 2 kali pada tombol login dan copy pastekan kode dibawah ini. Sesuaikan
dengan kebutuhan desain kamu.
Private Sub btn_login_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btn_login.Click
conn = New MySqlConnection(connStr)
Try
conn.Open()
Dim query As String = "SELECT * FROM user WHERE username=@user AND
password=@pass"
cmd = New MySqlCommand(query, conn)
cmd.Parameters.AddWithValue("@user", txtUsername.Text)
cmd.Parameters.AddWithValue("@pass", txtPassword.Text)

reader = cmd.ExecuteReader()
If reader.HasRows Then
MessageBox.Show("Login berhasil!", "Info", MessageBoxButtons.OK,
MessageBoxIcon.Information)
Me.Hide()
form_input.Show()
Else
MessageBox.Show("Username atau password salah!", "Peringatan",

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 MessageBoxButtons.OK, MessageBoxIcon.Warning)
End If
conn.Close()
Catch ex As Exception
MessageBox.Show("Error login: " & ex.Message)
End Try
End Sub

Kode program form input :

Bagian public class form input :

Klik 2 kali form input dan Copy pastekan kode dibawah ini. Sesuaikan dengan
kebutuhan desain kamu.
Imports MySql.Data.MySqlClient
Public Class form_input
Dim conn As MySqlConnection
Dim cmd As MySqlCommand
Dim adapter As MySqlDataAdapter
Dim dt As DataTable

Dim connStr As String =

"server=localhost;userid=root;password=;database=db_kampus"

Private Sub TampilkanData(Optional ByVal keyword As String = "")

Try
conn.Open()
Dim query As String = "SELECT * FROM mahasiswa"
If keyword <> "" Then
query &= " WHERE nim LIKE @kw OR nama LIKE @kw"
End If

cmd = New MySqlCommand(query, conn)

If keyword <> "" Then
cmd.Parameters.AddWithValue("@kw", "%" & keyword &
"%")
End If

adapter = New MySqlDataAdapter(cmd)

dt = New DataTable()
adapter.Fill(dt)
tabelgrid.DataSource = dt

' Ganti header kolom secara manual

tabelgrid.Columns(0).HeaderText = "NIM"
tabelgrid.Columns(1).HeaderText = "Nama"

' Atur lebar kolom

tabelgrid.Columns(0).Width = 120 ' Lebar kolom NIM
tabelgrid.Columns(1).Width = 200 ' Lebar kolom Nama

' Tambahan opsional: auto-size tinggi baris agar teks pas

tabelgrid.AutoSizeRowsMode =
DataGridViewAutoSizeRowsMode.AllCells
tabelgrid.DefaultCellStyle.WrapMode =
DataGridViewTriState.True

conn.Close()
Catch ex As Exception
MessageBox.Show("Error: " & ex.Message)
Finally
If conn.State = ConnectionState.Open Then conn.Close()
End Try
End Sub
End Class

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 Bagian load :
Klik 2 kali form input dan Copy pastekan kode dibawah ini. Sesuaikan dengan
kebutuhan desain kamu.

Private Sub form_input_Load(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles MyBase.Load
conn = New MySqlConnection(connStr)
TampilkanData()
End Sub

Bagian tombol simpan data :

Klik 2 kali tombol simpan data pada form input kamu dan Copy pastekan kode
dibawah ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btnsimpan_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btnsimpan.Click
If txtnim.Text = "" Or txtnama.Text = "" Then
MessageBox.Show("Lengkapi data dulu.")
Exit Sub
End If

Try
conn.Open()
Dim query As String = "INSERT INTO mahasiswa (nim, nama)
VALUES (@nim, @nama)"
cmd = New MySqlCommand(query, conn)
cmd.Parameters.AddWithValue("@nim", txtnim.Text)
cmd.Parameters.AddWithValue("@nama", txtnama.Text)
cmd.ExecuteNonQuery()
MessageBox.Show("Data berhasil disimpan.")
conn.Close()
TampilkanData()
BersihkanInput()
Catch ex As Exception
MessageBox.Show("Error simpan: " & ex.Message)
Finally
If conn.State = ConnectionState.Open Then conn.Close()
End Try
End Sub

Bagian tombol edit data:

Klik 2 kali tombol edit data data pada form input kamu dan Copy pastekan kode
dibawah ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btnedit_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btnedit.Click
If txtnim.Text = "" Or txtnama.Text = "" Then
MessageBox.Show("Pilih data untuk diedit.")
Exit Sub
End If

Try
conn.Open()
Dim query As String = "UPDATE mahasiswa SET nama=@nama
WHERE nim=@nim"
cmd = New MySqlCommand(query, conn)
cmd.Parameters.AddWithValue("@nama", txtnama.Text)
cmd.Parameters.AddWithValue("@nim", txtnim.Text)
cmd.ExecuteNonQuery()
MessageBox.Show("Data berhasil diedit.")
conn.Close()
TampilkanData()
BersihkanInput()
Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 Catch ex As Exception
MessageBox.Show("Error edit: " & ex.Message)
Finally
If conn.State = ConnectionState.Open Then conn.Close()
End Try
End Sub

Bagian tombol hapus data :

Klik 2 kali tombol hapus data pada form input kamu dan Copy pastekan kode
dibawah ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btnhapus_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btnhapus.Click
If txtnim.Text = "" Then
MessageBox.Show("Pilih data untuk dihapus.")
Exit Sub
End If

If MessageBox.Show("Yakin ingin menghapus data ini?",

"Konfirmasi", MessageBoxButtons.YesNo) = DialogResult.Yes Then
Try
conn.Open()
Dim query As String = "DELETE FROM mahasiswa WHERE
nim=@nim"
cmd = New MySqlCommand(query, conn)
cmd.Parameters.AddWithValue("@nim", txtnim.Text)
cmd.ExecuteNonQuery()
MessageBox.Show("Data berhasil dihapus.")
conn.Close()
TampilkanData()
BersihkanInput()
Catch ex As Exception
MessageBox.Show("Error hapus: " & ex.Message)
Finally
If conn.State = ConnectionState.Open Then conn.Close()
End Try
End If
End Sub

Bagian tombol cari :

Klik 2 kali tombol cari pada form input kamu dan Copy pastekan kode dibawah
ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btncari_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btncari.Click
TampilkanData(txtCari.Text)
End Sub

Bagian tabel grid :

Klik 2 kali tombol pada form input kamu dan Copy pastekan kode dibawah ini.
Sesuaikan dengan kebutuhan desain kamu.

Private Sub tabelgrid_CellClick(ByVal sender As Object, ByVal e As

DataGridViewCellEventArgs) Handles tabelgrid.CellClick
If e.RowIndex >= 0 Then
Dim row As DataGridViewRow = tabelgrid.Rows(e.RowIndex)
txtnim.Text = row.Cells("nim").Value.ToString()
Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 txtnama.Text = row.Cells("nama").Value.ToString()
End If
End Sub

Private Sub BersihkanInput()

txtnim.Text = ""
txtnama.Text = ""
End Sub

Bagian tombol refresh data :

Klik 2 kali tombol refresh data pada form input kamu dan Copy pastekan kode
dibawah ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btnrefresh_Click(ByVal sender As System.Object, ByVal e As

System.EventArgs) Handles btnrefresh.Click
TampilkanData()
BersihkanInput()
MessageBox.Show("Data berhasil disegarkan.")
End Sub

Bagian tombol keluar :

Klik 2 kali tombol keluar pada form input kamu dan Copy pastekan kode
dibawah ini. Sesuaikan dengan kebutuhan desain kamu.

Private Sub btnkeluar_Click(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles btnkeluar.Click
End
End Sub

Ok sekarang jalankan program. Sebelum menjalankan program

pastikan pada myproject sudah diatur yang akan jalan pertama kali
adalah form_login. Caranya :

1. Pada bagian solution explorer klik 2 kali My project seperti ini

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 2. Jika sudah alan muncul tampilan myproject. Pada bagian startup
form klik dan pilih form_login. Jika sudah langsung di RUN saja.

Saat di RUN/ dijalankan akan muncul tampilan seperti ini.

Form login akan tampil dan masukkan username admin dan password 123
lalu klik tombol login.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom
 Setelah login maka akan muncul tampilan input data seperti ini :

Input datanya dan klik simpan data. Untuk mengedit data, hapus data
terlebih dahulu mengklk tampilan datagrid/tabel gridnya agar data
muncul kedalam inputan barulah bisa tombol tersebut di fungsikan.

Tutorial aplikasi database mysql dengan visual basic net studi : Azrai Sirait, ST, M.Kom