Membuat Form Input Data dan Menampilkannya dengan Visual Basic .Net (VB.NET)

Setelah kita menyelesaikan beberapa artikel mulai dari membuat file, cara menempatkan control dan mendesain form dengan VB.NET, kali ini kita akan membuat Form Input Data dimana data tersebut kita akan tampilkan dalam kotak pesan atau MessageBox.

Apa Itu Form Input Data di VB.NET?

Sebelum masuk ke praktik, kita pahami dulu konsep dasarnya.

Form data input adalah tampilan antarmuka (GUI) yang digunakan untuk:

• Mengisi data (nama, alamat, nomor, dan lain-lain)
• Mengolah data tersebut
• Menampilkan kembali data ke pengguna

Di VB.NET, form biasanya dibuat menggunakan Windows Forms Application dengan bantuan drag and drop komponen seperti TextBox, Label, dan Button.

Gambar1

Berikut adalah langkah-langkah cara membuat Form Input Data dengan Visual Basic .Net (VB.NET) :

1. Buka Microsoft Visual Studio Anda

2. Klik Create a New Project

3. Cari template Windows Form App (WinForms) dan klik templatenya

4. Klik Next

5. Ketik nama Project > Folder Peyimpanan

6. Klik Next

7. Pilih Framework .NET 6.0

8. Klik Create (tunggu...sampai Form1 muncul)

9. Letakan beberapa control di dalam form diantaranya :

• 5 Label
• 2 TextBox 
• 2 ComboBox
• 1 Button

Agar lebih mudah dikenali di kode, ubah properti Name masing-masing komponen:

• Label11  → DATA SISWA
• Label12  → NAMA
• Label13  → JENIS KELAMIN
• Label14  → KELAS
• Label15  → ALAMAT RUMAH
• ComboBox1  → (kosongkan)
• ComboBox2  → (kosongkan)
• TextBox1  → (kosongkan)
• TextBox2  → (kosongkan) → Multiline=True  → ScrollBars=Both
• Button → Tampil Data        

10. Desainlah Form seperti gambar dibawah ini :

Desain Form

11. Setlah mendesain Form seperti diatas buka jendela kode, lalu bersihkan semua kode dengan CTRL+A dan Del lalu Copy-Paste semua kode dibawah ini :

Public Class Form1

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

        'menampilkan secara manual satu persatu

        ComboBox1.Items.Add("Laki-laki")

        ComboBox1.Items.Add("Perempuan")

        ComboBox1.SelectedIndex = 0 'menapilkan index pertama

        'menampilkan dengan array

        For i As Integer = 1 To 6

            ComboBox2.Items.Add("Kelas " & i)

        Next

        ComboBox2.SelectedIndex = 0 'menampilkan index pertama

    End Sub

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

        'menampilkan data textbox di kotak pesan

        MsgBox("Nama : " + TextBox1.Text & vbCrLf &

        "Jenis Kelamin : " + ComboBox1.Text & vbCrLf &

        "Kelas : " + ComboBox2.Text & vbCrLf &

        "Alamat Rumah :" + TextBox2.Text,

        vbInformation,

        "Informasi")

    End Sub

    Protected Overrides Sub OnShown(e As EventArgs)

        'Form rata tengah layar

        MyBase.OnShown(e)

        Me.StartPosition = FormStartPosition.Manual

        Me.Left = (Screen.PrimaryScreen.WorkingArea.Width - Me.Width) \ 2

        Me.Top = (Screen.PrimaryScreen.WorkingArea.Height - Me.Height) \ 2

    End Sub

End Class

12. Jalankan Project Anda kemudian coba input sesuai label input, jika tidak ada error maka hasilnya akan tampak seperti Gambar1.

Penutup

Membuat Form data input dan menampilkannya dengan Visual Basic .Net (VB.NET) ternyata tidak sesulit yang dibayangkan, kan? Dengan mengikuti langkah-langkah di atas, kamu sudah bisa membuat aplikasi desktop sederhana yang interaktif dan berguna.

Kalau kamu baru belajar VB.NET, latihan seperti ini wajib dicoba karena jadi pondasi penting sebelum masuk ke database dan aplikasi yang lebih kompleks.

👉 Yuk, langsung praktikkan dan kembangkan form input data versimu sendiri!

Kalau artikel ini bermanfaat, jangan lupa share ke teman-temanmu yang juga belajar VB.NET 😉