Cara Membuat Program Kasir Dengan Visual Studio 2017
Seiring perkembangan teknologi, pembuatan program kasir tidak lagi sulit dan membutuhkan tenaga ahli dalam pemrograman. Dalam tutorial ini, kita akan belajar cara membuat program kasir dengan menggunakan Visual Studio 2017. Berikut adalah langkah-langkahnya:
Pertama-tama, buat project baru dengan Visual Basic
Langkah pertama yang harus dilakukan adalah buka Visual Studio 2017 dan buat project baru. Pilih New Project di jendela Welcome to Visual Studio, lalu pilih Visual Basic dari menu di sebelah kiri, dan akhirnya pilih Windows Forms App (.NET Framework) dari daftar project.
Setelah itu, beri nama project yang akan kamu buat. Misalnya, Program Kasir.
Desain tampilan program kasir
Sekarang, kamu harus mendesain tampilan program kasir. Caranya tinggal drag and drop komponen yang tersedia dari tampilan Toolbox ke form aplikasi. Komponen-komponen yang bisa kamu gunakan antara lain:
- Label
- Button
- TextBox
- ComboBox
- DataGridView
Label
Label digunakan untuk menampilkan teks di form aplikasi kamu. Misalnya, kamu bisa menggunakan label untuk menampilkan Total Harga.
Button
Button digunakan untuk mengaktifkan event atau fungsi tertentu. Misalnya, kamu bisa menggunakan button untuk mengaktifkan perhitungan total harga.
TextBox
TextBox digunakan untuk memasukkan atau menampilkan teks. Misalnya, kamu bisa menggunakan TextBox untuk memasukkan jumlah barang yang dibeli.
ComboBox
ComboBox digunakan untuk memilih opsi dari sebuah list. Misalnya, kamu bisa menggunakan ComboBox untuk memilih jenis barang yang akan dibeli.
DataGridView
DataGridView digunakan untuk menampilkan data secara tabel. Misalnya, kamu bisa menggunakan DataGridView untuk menampilkan daftar barang yang sudah dipilih dan total harga.
Coding program kasir
Sekarang kamu sudah selesai mendesain tampilan program kasir. Saatnya membuat fungsi-fungsi yang diperlukan agar program kasir dapat berjalan dengan baik. Kode program kasir ini dibagi menjadi dua bagian:
- Kode bagian form
- Kode bagian class
Kode bagian form
Kode bagian form berisi kode yang berhubungan dengan tampilan form aplikasi yang telah kita buat. Kode bagian form ini bisa diakses dari jendela Designer view atau Code view di Visual Studio 2017.
Berikut adalah contoh kode bagian form:
“`vbnet
Public Class Form1
Private Sub btnHitung_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnHitung.Click
Dim harga As Decimal = 0
Dim jumlah As Integer = 0
Dim total As Decimal = 0
harga = CDec(txtHarga.Text)
jumlah = CInt(txtJumlah.Text)
total = harga * jumlah
txtTotalHarga.Text = total.ToString(“C”)
End Sub
Private Sub btnTambah_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnTambah.Click
If (txtNamaBarang.Text.Length > 0 And txtHarga.Text.Length > 0 And txtJumlah.Text.Length > 0 And txtTotalHarga.Text.Length > 0) Then
dgvBarang.Rows.Add(New String() txtNamaBarang.Text, txtHarga.Text, txtJumlah.Text, txtTotalHarga.Text)
End If
End Sub
Private Sub btnHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnHapus.Click
If (dgvBarang.SelectedRows.Count > 0 And dgvBarang.SelectedRows(0).Index <> dgvBarang.Rows.Count – 1) Then
dgvBarang.Rows.RemoveAt(dgvBarang.SelectedRows(0).Index)
Else
MessageBox.Show(“Pilih satu baris yang ingin dihapus!”)
End If
End Sub
Private Sub btnBersih_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBersih.Click
txtNamaBarang.Clear()
txtHarga.Clear()
txtJumlah.Clear()
txtTotalHarga.Clear()
End Sub
End Class
“`
Kode bagian class
Kode bagian class adalah kode yang berhubungan dengan proses pengolahan data aplikasi kasir. Kode bagian class ini perlu diintegrasikan ke dalam kode bagian form.
Berikut adalah contoh kode bagian class:
“`vbnet
Public Class Barang
Public Property Nama As String
Public Property Harga As Decimal
Public Property Jumlah As Integer
Public Property Total As Decimal
Public Sub New(ByVal nama As String, ByVal harga As Decimal, ByVal jumlah As Integer)
Me.Nama = nama
Me.Harga = harga
Me.Jumlah = jumlah
Me.Total = harga * jumlah
End Sub
End Class
“`
FAQ (Frequently Asked Questions)
Bagaimana cara menambahkan data barang ke dalam DataGridView?
Kamu bisa menggunakan button Tambah yang sudah disediakan pada form aplikasi. Setelah itu, masukkan data barang yang ingin kamu beli ke dalam TextBox Nama Barang, Harga, dan Jumlah. Setelah itu, tekan button Tambah.
Bagaimana cara menghapus data barang dari DataGridView?
Kamu bisa menggunakan button Hapus yang sudah disediakan pada form aplikasi. Pilih data barang yang ingin dihapus di DataGridView, lalu tekan button Hapus. Data barang otomatis akan terhapus dari DataGridView.
Video Tutorial
Berikut adalah video tutorial kompleks dalam membuat program kasir menggunakan Visual Studio 2017:
