Skip to main content

Penjelasan Aplikasi

Visual Basic 2010 merupakan bagian dari Microsoft Visual Studio 2010, yaitu IDE untuk mengembangkan aplikasi berbasis .NET Framework. Bahasa yang digunakan adalah VB.NET, yaitu versi modern dari bahasa Visual Basic yang sudah mendukung pemrograman berorientasi objek (OOP).


Fitur Utama

  • Drag and Drop GUI: Memungkinkan pengguna membuat tampilan aplikasi Windows dengan mudah menggunakan antarmuka grafis.

  • IntelliSense: Fitur yang membantu saat menulis kode dengan menyarankan nama variabel, fungsi, atau properti.

  • Debugger Terintegrasi: Memudahkan untuk melacak dan memperbaiki kesalahan (bug).

  • Event-driven Programming: Aplikasi dibuat berdasarkan respon terhadap event (misalnya klik tombol, input data, dll).

  • Kompatibel dengan .NET Framework: Mendukung pengembangan aplikasi desktop, layanan web, hingga aplikasi basis data.




Contoh Aplikasi yang Bisa Dibuat

  • Aplikasi kasir

  • Sistem manajemen data sekolah

  • Aplikasi input dan laporan nilai siswa

  • Kalkulator desktop

  • Formulir input database


Komponen-Komponen Visual Basic 2010

  • Toolbox: Berisi kontrol seperti Button, TextBox, Label, dsb.

  • Form Designer: Tempat mendesain tampilan aplikasi.

  • Code Editor: Tempat menulis logika program (kode).

  • Solution Explorer: Menampilkan struktur proyek.

  • Properties Window: Mengatur properti objek pada form.



Langkah-langkah pemrograman visual basic

Buka Visual Basic 2010

  • Klik ikon Microsoft Visual Studio 2010 di desktop atau menu Start.

  • Pilih menu File → New Project.

Buat Proyek Baru

  • Pilih Visual Basic pada bagian kiri.

  • Pilih jenis proyek Windows Forms Application.

  • Beri nama proyek (misalnya: AplikasiNilai).

  • Klik OK.

  • Desain Tampilan Aplikasi (GUI)

  • Gunakan Toolbox (sebelah kiri) untuk menambahkan kontrol:

    • Label, TextBox, Button, ListBox, ComboBox, dll.

  • Seret dan letakkan kontrol ke Form1 (area desain).

  • Atur Properties (nama, warna, teks, ukuran) melalui jendela Properties.

  • Tulis Kode Program (Logika)

  • Klik ganda pada tombol atau kontrol yang ingin diberi aksi.

  • Masukkan kode di jendela kode yang muncul.

  • Jalankan Program

    • Klik tombol Start Debugging (F5) di toolbar.

    • Aplikasi akan terbuka dan siap diuji.

    Uji dan Perbaiki (Debugging)

  • Coba semua fitur.

  • Jika ada error, Visual Basic akan menunjukkan pesan kesalahan.

  • Perbaiki kode sesuai kebutuhan.

  • Flowchart

    Flowchart adalah diagram atau bagan alur yang digunakan untuk menggambarkan alur logika atau proses dalam bentuk simbol-simbol grafis. Flowchart sangat berguna dalam perencanaan program, prosedur kerja, maupun sistem karena memperjelas langkah-langkah yang harus dilakukan secara visual.

    Fungsi Flowchart:

    • Memvisualisasikan logika pemecahan masalah atau algoritma.

    • Membantu memahami dan menganalisis proses sebelum membuat program.

    • Mempermudah komunikasi antara programmer dan non-programmer.

    • Sebagai dokumentasi sistem/program.

    Simbol-simbol Flowchart:

    SimbolNamaFungsi
    🔷 (jajar genjang)Input/OutputMenunjukkan proses input atau output data.
    ▭ (persegi panjang)ProsesMenunjukkan langkah proses yang dilakukan (misal: perhitungan, penyimpanan).
    🔽 (belah ketupat)Decision / KeputusanMenandakan pengambilan keputusan bercabang (ya/tidak, benar/salah).
    ⭕ (oval)Terminator (Start/End)Awal atau akhir dari flowchart.
    Panah (Arrow)Menghubungkan antar simbol dan menunjukkan arah alur.

    Call to action

    Silakan tekan tombol dibawah ini jika ada pertanyaan atau saran

    Public Class Form7


        Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

            If MaskedTextBox1.Text = "" Then

                MsgBox("Isi dulu Nama anda")

            Else

                MsgBox("Nama Saya " + MaskedTextBox1.Text + ",Usia Saya " + MaskedTextBox2.Text + " Tahun Dan saya sedang belajar Visual Basic")

            End If

        End Sub

    End Class

    Tuliskan script & buat aplikasi visual basic sesuai dengan flowchart & design dibawah ini 

    DataGridView di Visual Basic adalah sebuah kontrol (komponen) yang digunakan untuk menampilkan dan mengelola data dalam bentuk tabel di aplikasi Windows Forms.
    Kontrol ini sangat berguna ketika kita ingin menampilkan data dari database atau daftar (list) dalam format baris dan kolom yang rapi, mirip seperti spreadsheet di Excel.


    Script :

    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

            ' Membuat kolom untuk DataGridView

            DataGridView1.ColumnCount = 4

            DataGridView1.Columns(0).Name = "No"

            DataGridView1.Columns(1).Name = "Nama Produk"

            DataGridView1.Columns(2).Name = "Jumlah Terjual"

            DataGridView1.Columns(3).Name = "Harga Per Unit (Rp)"


            ' Menambahkan baris data ke dalam DataGridView

            Dim row As String() = New String() {"1", "Komputer A", "10", "5000000"}

            DataGridView1.Rows.Add(row)

            row = New String() {"2", "Komputer B", "5", "4500000"}

            DataGridView1.Rows.Add(row)

            row = New String() {"3", "Komputer C", "8", "6000000"}

            DataGridView1.Rows.Add(row)

            row = New String() {"4", "Komputer D", "3", "7000000"}

            DataGridView1.Rows.Add(row)

            row = New String() {"5", "Komputer E", "7", "6500000"}

            DataGridView1.Rows.Add(row)


            ' Menyesuaikan lebar kolom

            DataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill


            'DataGridView1.ColumnCount = 4: Menentukan jumlah kolom dalam DataGridView.

            'DataGridView1.Columns(0).Name = "No": Memberi nama pada setiap kolom.

            'DataGridView1.Rows.Add(row): Menambahkan baris data ke dalam DataGridView.

            'DataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill: Mengatur agar lebar kolom menyesuaikan dengan lebar DataGridView.

        End Sub


    1. Persiapan Database Access

  • Buka Microsoft Access.
  • Buat database baru, misalnya db_siswa.mdb.
  • Buat tabel, misalnya tbl_siswa dengan field:
  • - NIS (Text)
  • - Nama (Text)
  • - Jurusan (Text)
  • 2. Membuat Project di Visual Basic

  • Buka Visual Studio / Visual Basic.
  • Buat Windows Forms Application baru.
  • Tambahkan kontrol pada Form:
  • - 3 TextBox (txtNIS, txtNama, txtJurusan).
  • - 1 Button (btnSimpan).
  • - 1 Label untuk setiap TextBox.
  • 3. Menambahkan Library Koneksi

  • Masuk ke menu Project → Add Reference.
  • Pilih System.Data (biasanya sudah tersedia default).
  • Kode Program


    Imports System.Data.OleDb

    Public Class Form9

        Dim conn As OleDbConnection

        Dim cmd As OleDbCommand

        Dim sql As String

        Dim db As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=D:\Materi Pembelajaran\2025 - 2026\Semester 1\XII-1\Integrasi Database Access\db_siswa.mdb;"

        Sub koneksi()

            conn = New OleDbConnection(db)

            conn.Open()

        End Sub

        Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click

            Call koneksi()

            sql = "INSERT INTO tbl_siswa (NIS, Nama, Jurusan) VALUES (@nis, @nama, @jurusan)"

            cmd = New OleDbCommand(sql, conn)

            cmd.Parameters.AddWithValue("@nis", txtNIS.Text)

            cmd.Parameters.AddWithValue("@nama", txtNama.Text)

            cmd.Parameters.AddWithValue("@jurusan", txtJurusan.Text)

            cmd.ExecuteNonQuery()

            MessageBox.Show("Data berhasil disimpan")

            conn.Close()

        End Sub

    End Class

    Desain Form

    • Tambahkan DataGridView dengan nama DataGridView1.

    • Tambahkan Button bernama btnTampil (untuk memanggil data).


    Kode Program


    Imports System.Data.OleDb


    Public Class Form10

        Dim conn As OleDbConnection

        Dim da As OleDbDataAdapter

        Dim ds As DataSet

        Dim db As String = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=D:\Materi Pembelajaran\2025 - 2026\Semester 1\XII-1\Integrasi Database Access\db_siswa.mdb;"


        ' Prosedur koneksi

        Sub koneksi()

            conn = New OleDbConnection(db)

            conn.Open()

        End Sub


        ' Tampilkan data ke DataGridView

        Sub tampilData()

            Call koneksi()

            da = New OleDbDataAdapter("SELECT * FROM tbl_siswa", conn)

            ds = New DataSet()

            da.Fill(ds, "tbl_siswa")

            DataGridView1.DataSource = ds.Tables("tbl_siswa")

            conn.Close()

        End Sub


        ' Event klik tombol tampil

        Private Sub btnTampil_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnTampil.Click

            tampilData()

        End Sub


        Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click

            Form9.Show()

            Me.Hide()

        End Sub

    End Class


    Kode Program


      Try

                Call koneksi()

                cb = New OleDbCommandBuilder(da) ' Otomatis buat query Insert, Update, Delete

                da.Update(ds, "tbl_siswa") ' Simpan perubahan dataset ke database

                conn.Close()

                MessageBox.Show("Data berhasil diperbarui!", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information)

            Catch ex As Exception

                MessageBox.Show("Gagal update: " & ex.Message, "Error", MessageBoxButtons.OK, MessageBoxIcon.Error)

            End Try


    Kode Program

     

      Try

                If DataGridView1.CurrentRow IsNot Nothing Then

                    ' Konfirmasi hapus

                    If MessageBox.Show("Yakin ingin menghapus data ini?", "Konfirmasi", MessageBoxButtons.YesNo, MessageBoxIcon.Question) = DialogResult.Yes Then

                        ' Hapus baris dari DataGridView & DataSet

                        DataGridView1.Rows.Remove(DataGridView1.CurrentRow)


                        ' Update perubahan ke database

                        Call koneksi()

                        cb = New OleDbCommandBuilder(da)

                        da.Update(ds, "tbl_siswa")

                        conn.Close()


                        MessageBox.Show("Data berhasil dihapus!", "Informasi", MessageBoxButtons.OK, MessageBoxIcon.Information)

                    End If

                Else

                    MessageBox.Show("Pilih data yang ingin dihapus dulu!", "Peringatan", MessageBoxButtons.OK, MessageBoxIcon.Warning)

                End If

            Catch ex As Exception

                MessageBox.Show("Gagal hapus: " & ex.Message, "Error", MessageBoxButtons.OK, MessageBoxIcon.Error)

            End Try