Membuat Form Kasir Sistem Penggajian
Setelah pada tutorial sebelumnya kita sudah membuat form utama untuk sistem informasi penggajian, pada tutorial kali ini kita akan membuat form kasir sistem penggajian yang nantinya akan digunakan untuk menampilkan daftar kasir, melakukan proses penginputan, update dan juga penghapusan data kasir.
- Tambahkan form baru pada project sistem penggajian yang sudah dibuat, lalu berinama form tersebut dengan form kasir.
- Tambahkan dua group box, 3 label, 3 textbox, 3 button dan sebuah DataGridView lalu silahkan atur tampilannya seperti pada gambar dibawah ini :
Atur properties dari masing masing toolbox tersebut seperti berikut ini :
Tool |
Name |
Text |
TextBox1 | txtKdKasir | |
TextBox2 | txtNamaKasir | |
TextBox3 | txtPassword | |
Button1 | btnSimpan | Simpan |
Button2 | btnUbah | Ubah |
Button3 | btnHapus | Hapus |
DataGridView | dgvKasir |
Selanjutnya kita tinggal melakukan koding untuk form kasir tersebut.
Menambahkan Reference MySQL kedalam Project
Langkah pertama kita harus menambahkan reference MySQL kedalam project sistem penggajian yang sedang dibuat dengan cara klik menu Project – sistem_penggajian properties – References – Add – pilih tab .NET lalu pilih MySQL.Data seperti pada gambar dibawah ini :
Setelah itu klik tombol ok untuk menambahkan reference mysql kedalam project yang sedang kita buat.
Menambahkan Perintah Untuk Menghapus Text di Textbox
Perintah ini akan digunakan untuk menghapus semua teks yang ada didalam textbox, untuk membuatnya silahkan buat subroutine dengan nama bersih dan masukan perintah seperti dibawah ini :
Sub bersih() txtKdKasir.Text = "" txtNamaKasir.Text = "" txtPassword.Text = "" End Sub
Menambahkan Perintah Menampilkan Data tbl_kasir Ke DataGridView
Perintah berikut ini digunakan untuk menampilkan data yang ada didalam tabel tbl_kasir kedalam dgvKasir. Untuk membuatnya silahkan buat subroutine baru dengan nama tampilData dan masukan perintah berikut ini :
Sub tampilData() Try Call koneksi() da = New MySqlDataAdapter("select * from tbl_kasir order by kd_kasir Asc", conn) ds = New DataSet da.Fill(ds, "tbl_kasir") dgvKasir.DataSource = ds.Tables("tbl_kasir") Catch ex As Exception End Try End Sub
Selanjutnya subroutine tampilData tersebut pada saat sistem diload dengan perintah seperti berikut ini :
Private Sub Form_Kasir_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Call tampilData() End Sub
Menampilkan Data Dari dgvKasir Ke TextBox
Perintah menampilkan data dari dgvKasir Ke TextBox akan kita gunakan jika kita ingin melakukan proses update data kasir ataupun melakukan proses penghapusan data kasir. Untuk menampilkan data dari dgvKasir ke textbox silahkan masukan perintah berikut ini :
Private Sub dgvKasir_CellMouseClick(ByVal sender As System.Object, ByVal e As System.Windows.Forms.DataGridViewCellMouseEventArgs) Handles dgvKasir.CellMouseClick Try txtKdKasir.Text = dgvKasir.Rows(e.RowIndex).Cells(0).Value txtNamaKasir.Text = dgvKasir.Rows(e.RowIndex).Cells(1).Value txtPassword.Text = dgvKasir.Rows(e.RowIndex).Cells(2).Value Catch ex As Exception End Try End Sub
Membuat Perintah Insert Data Kasir Ke Tabel tbl_kasir
Langkah selanjutnya setelah reference mysql ditambahkan, kita kembali ke form kasir lalu pada bagian code tambahkan subroutine baru dengan nama simpan. Selanjutnya masukan perintah seperti dibawah ini :
Sub simpan() Try Call koneksi() Dim str As String str = "insert into tbl_kasir (kd_kasir, nama_kasir, password) values ('" &txtKdKasir.Text &"','" &txtNamaKasir.Text &"','" &txtPassword.Text &"')" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Kasir Berhasil Ditambahkan", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Insert Data Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub
lalu Klik dua kali tombol simpan, selanjutnya silahkan ketikan perintah dibawah ini untuk memanggil subroutine simpan yang akan melakukan proses simpan data kasir kedalam tabel tbl_kasir yang ada didalam database MySQL :
Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click If MessageBox.Show("Yakin ingin menyimpan data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call simpan() Call bersih() Call tampilData() End If End Sub
Membuat Perintah Ubah Data Kasir Ke Tabel tbl_kasir
Langkah selanjutnya setelah membuat perintah untuk insert data kasir kedalam tabel mysql, sekarang kita akan membuat perintah untuk melakukan proses ubah data kasir. kita kembali ke form kasir lalu pada bagian code, tambahkan subroutine baru dengan nama ubah. Selanjutnya masukan perintah seperti dibawah ini :
Sub ubah() Try Call koneksi() Dim str As String str = "update tbl_kasir set nama_kasir = '" & txtNamaKasir.Text &"', password = '" & txtPassword.Text & "' where kd_kasir = '" & txtKdKasir.Text & "'" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Kasir Berhasil Diubah", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Ubah Data Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub
selanjutnya Klik dua kali tombol ubah, silahkan ketikan perintah dibawah ini untuk memanggil subroutine ubah yang akan melakukan proses ubah data kasir yang ada didalam tabel tbl_kasir yang ada didalam database MySQL :
Private Sub btnUbah_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnUbah.Click If MessageBox.Show("Yakin ingin mengubah data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call ubah() Call bersih() Call tampilData() End If End Sub
Membuat Perintah Hapus Data Kasir Di Tabel tbl_kasir
Langkah selanjutnya setelah membuat perintah untuk menghapus data kasir yang ada didalam tabel mysql, sekarang kita akan membuat perintah untuk melakukan proses hapus data kasir. kita kembali ke form kasir lalu pada bagian code, tambahkan subroutine baru dengan nama hapus. Selanjutnya masukan perintah seperti dibawah ini :
Sub hapus() Try Call koneksi() Dim str As String str = "delete tbl_kasir where kd_kasir = '" & txtKdKasir.Text &"'" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Kasir Berhasil Dihapus", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Proses Hapus Data Kasir Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub
selanjutnya Klik dua kali tombol hapus, silahkan ketikan perintah dibawah ini untuk memanggil subroutine hapus yang akan melakukan proses penghapusan data kasir yang ada didalam tabel tbl_kasir yang ada didalam database MySQL :
Private Sub btnHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnHapus.Click If MessageBox.Show("Yakin ingin menghapus data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call hapus() Call bersih() Call tampilData() End If End Sub
Terakhir adalah memunculkan form kasir pada saat tombol Daftar Kasir di tekan, jadi silahkan kembali ke form utama lalu klik dua kali tombol Daftar kasir lalu masukan perintah seperti berikut ini :
Private Sub btnKasir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnKasir.Click</pre> Form_Kasir.Show() End Sub
Berikut ini adalah video untuk contoh pada saat program dijalankan
https://youtube.com/watch?v=m3fLFOlM6J8%22
Source Code Lengkap Pembuatan Form Kasir
Berikut ini adalah form lengkap dari perintah perintah yang telah kita buat diatas :
Imports mysql.data.mysqlclient Public Class Form_Kasir Private Sub Form_Kasir_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Call tampilData() End Sub Sub bersih() txtKdKasir.Text = "" txtNamaKasir.Text = "" txtPassword.Text = "" End Sub Sub tampilData() Try Call koneksi() da = New MySqlDataAdapter("select * from tbl_kasir order by kd_kasir Asc", conn) ds = New DataSet da.Fill(ds, "tbl_kasir") dgvKasir.DataSource = ds.Tables("tbl_kasir") Catch ex As Exception End Try End Sub Sub simpan() Try Call koneksi() Dim str As String str = "insert into tbl_kasir (kd_kasir, nama_kasir, password) values ('" & txtKdKasir.Text & "','" & txtNamaKasir.Text & "','" & txtPassword.Text & "')" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Kasir Berhasil Ditambahkan", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Insert Data Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub Sub ubah() Try Call koneksi() Dim str As String str = "update tbl_kasir set nama_kasir = '" & txtNamaKasir.Text & "', password = '" & txtPassword.Text & "' where kd_kasir = '" & txtKdKasir.Text & "'" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Kasir Berhasil Diubah", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Ubah Data Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub Sub hapus() Try Call koneksi() Dim str As String str = "delete from tbl_kasir where kd_kasir = '" & txtKdKasir.Text & "'" cmd = New MySqlCommand(str, conn) cmd.ExecuteNonQuery() MessageBox.Show("Data Kasir Berhasil Dihapus", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information) Catch ex As Exception MessageBox.Show("Proses Hapus Data Kasir Gagal Dilakukan" + ex.Message, "Informasi", MessageBoxButtons.OK) End Try End Sub Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click If MessageBox.Show("Yakin ingin menyimpan data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call simpan() Call bersih() Call tampilData() End If End Sub Private Sub btnUbah_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnUbah.Click If MessageBox.Show("Yakin ingin mengubah data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call ubah() Call bersih() Call tampilData() End If End Sub Private Sub btnHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnHapus.Click If MessageBox.Show("Yakin ingin menghapus data kasir?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = Windows.Forms.DialogResult.Yes Then Call hapus() Call bersih() Call tampilData() End If End Sub Private Sub dgvKasir_CellMouseClick(ByVal sender As System.Object, ByVal e As System.Windows.Forms.DataGridViewCellMouseEventArgs) Handles dgvKasir.CellMouseClick Try txtKdKasir.Text = dgvKasir.Rows(e.RowIndex).Cells(0).Value txtNamaKasir.Text = dgvKasir.Rows(e.RowIndex).Cells(1).Value txtPassword.Text = dgvKasir.Rows(e.RowIndex).Cells(2).Value Catch ex As Exception End Try End Sub End Class
Oke sampai disini kita sudah berhasil melakukan proses pembuatan form kasir. Pada tutorial selanjutnya kita akan coba untuk membuat form jabatan pada sistem informasi penggajian. Jadi jangan lupa untuk selalu berkunjung ke lebakcyber.net ya.
str = “insert into tbl_kasir (kd_kasir, nama_kasir, password) values (‘” & txtKdKasir.Text & “‘,'” & txtNamaKasir.Text & “‘,'” & txtPassword.Text & “‘)”
bang,,, query & …. itu artinya apa?
terima kasih masukannya mas, sudah diperbaiki.
Dulu artikelnya saya ketik dulu di word, pas di copy paste kebawa code2 yang aneh.
Untuk lebih jelasnya mungkin bisa lihat video tutorialnya.