BAB III FORM & OBJECT CONTROL

3.1. Kompetensi Dasar

Setelah mengikuti perkuliahan ini diharapkan mahasiswa akan dapat :

1) Mampu memahami dan mengenal form dan objek control
2) Mampu membuat aplikasi sederhana dengan form dan objek control

3.2 Dasar Teori

3.2.1 Form dan Objek Kontrol
A. Form
Objek kontrol form merupakan objek kontainer, artinya objek ini dapat menampung
objek kontrol lainnya, adapun bentuk objek kontrol form dapat dilihat pada Gambar
3.1

Gambar 3.1 Objek form

Form merupakan media interaksi antara pengguna dengan aplikasi yang dibuat. Form
dapat dikatakan sebagai wadah atau penampung objek kontrol yang akan digunakan. Jadi
bisa di katakan di form inilah kita melakukan aktifitas perancangan program. Biasanya
pada saat mendesak form terdapat garis titik-titik yang di sebut grid sangat berguna untuk
membantu pengaturan tata letak objek yang di masukan dalam form, karena gerakan
penunjuk mouse akan sesuai (tepat)pasa titik-titik grid

18
Form juga dapat dikatakan objek karena dapat memberikan reaksi saat menemui suatu
kejadian. Form dapat dikategorikan menjadi 2 yaitu:

1) Form Dinamis
Yaitu form yang dapat dimanipulasi atau diubah bentuk serta disisipi objek control
yang berisi perintah-perintah yang diperlukan oleh aplikasi yang akan dibuat, contoh :
a) Window (Windows Form, Console, Class Library, WPF dsb.)
b) Web (ASP.Net Web Application, ASP.NET Web Servis dsb)
c) Smart Device (Smart Device Project)
d) Database(Access dan SQL Server)
e) Report (Report Aplication dan Crystal Report)
f) WCF (Windows Communication Foundation)
2) Form Statis
Yaitu form yang tidak dapat dimanipulasi atau diubah bentuk serta disisipi objek
control. Form ini hanya dapat dipanggil melalui kode perintah, Contoh :
a. Form Pesan (Messagebox)
Form yang bertugas untuk menampilkan pesan keterangan terhadap suatu kejadian
yang diterima oleh aplikasi.
b. InputBox (Kotak Input Pesan)
Form ini digunakan untuk interaksi antara pengguna dengan aplikasi yang dibuat,
dimana pengguna tersebut memasukkan suatu nilai lalu mengklik suatu tombol dan
menunggu efek yang ditimbulkan oleh aplikasi yang dibuat.

B. Object Control
Objek merupakan suatu kombinasi dari kode dan data yang dapat diperlakukan sebagai
satu kesatuan. Suatu Objek dapat merupakan bagian dari aplikasi seperti suatu kontrol
atau suatu form. Secara keseluruhan dari aplikasi dapat juga berupa suatu objek.
Setiap objek pada Visual Basic didefinisikan oleh suatu class. Untuk memahami
hubungan antara objek dengan class-nya, perhatikan contoh berikut:
a) Kontrol-kontrol yang barada pada jendela Toolbox pada Visual Basic merupakan
class-class. Objek tersebut dikenal sebagai kontrol tidak akan ada sampai anda
menanamkannya pada suatu form. Ketika anda menanamkan suatu kontrol, anda
telah membuat suatu duplikasi atau instance dari class kontrol tersebut.

Pengenalan Objek Kontrol 19

 b) Form dimana anda bekerja pada saat desain adalah suatu class. Pada saat run time,
Visual Basic menciptakan suatu instance dari class form.
Misalnya anda menamkan sebuah textbox diatas form1, coba perhatikan jendela properti
kontrol tersebut akan menampilkan Text1 (nama dari kontrol textbox tersebut) dan
Textbox (nama dari class kontrol tersebut).
Semua objek merupakan duplikasi dari class mereka. Sesaat setelah menjadi objek berdiri
sendiri, masing-masing dapat memiliki properti yang berbeda-beda.
Misalnya anda menanam tiga buah command button pada suatu form, masing-masing
command button merupakan instance dari class CommandButton sehingga memiliki
sejumlah karakteristik dan kemampuan (properti-properti, metode-metode, dan event-
event) yang sama, dimana yang terdefinisi pada class-nya. Tetapi, masing-masing dapat
memiliki Name, Caption, BackColor, Style yang berbeda sesuai dengan pengaturan pada
masing-masing properti.
Objek-objek Visual Basic memiliki properti-properti, metode-metode, dan event-event.
Pada Visual Basic, suatu data dari objek (setting dan atribut) disebut sebagai properti,
sedangkan berbagai subrutin yang dapat beroperasi pada objek tersebut disebut sebagai
metodenya. Dan suatu event adalah aksi yang dikenali oleh suatu objek, seperti klik pada
mouse atau penekanan tombol, sehingga anda dapat menulis kode untuk menangani event
tersebut.
Macam objek kontrol yang ada pada visual basic:
1) Label, TextBox dan Button
a. Label
merupakan objek control yang dapat menampilkan output tetapi tidak dapat
memberikan input pada saat dijalankan.

Gambar 3.2 Objek kontrol label

Pengenalan Objek Kontrol 20

Tabel 3.1 Properti dan event objek kontrol label

b. TextBox
Merupakan objek control yang dapat diberikan input pada saat program dijalankan.

Gambar 3.3 Objek kontrol textbox

Pengenalan Objek Kontrol 21
c. Button
merupakan objek control yang dapat mengeksekusi perintah-perintah yang telah
diberikan.

Gambar 3.4 Objek kontrol button

Tabel 3.2 Properti objek kontrol button

\
Event pada option Button
Umumnya event yang sering digunakan adalah event Click()
Membuat kelompok option Button
Umumnya option yang dijadikan berkelopok dengan menggunakan
kontrol frame, yaitu kontrol pada VB yang berupa bingkai segi empat berfungsi
menjadi bingkai atau tempat kontrol-kontrol yang lain.

d. CheckBox
merupakan objek control yang berfungsi untuk memilih beberapa item data. Dengan
objek ini anda dapat lebih dari satu pilihan dan bahkan memilih semua pilihan
tersedia.

Pengenalan Objek Kontrol 22

 Gambar 3.5 Objek kontrol checkbox

Propertinya hampir sama dengan yang ada pada option button, namun yang terpenting
adalah :

Tabel 3.3 Properti objek kontrol checkbox

e. RadioButton
fungsi hampir sama dengan checkbox, tetapi hanya dapat memilih satu pilihan yang
tersedia.

Gambar 3.6 Objek kontrol radiobutton

f. ComboBox
ComboBox merupakan objek control yang dapat digunakan untuk menampilkan
daftar item dengan pilihan dropdown.

Pengenalan Objek Kontrol 23

 Gambar 3.7 Objek kontrol combobox

Macam-Macam Combo Box

a) Drop-Down : yang ditampilkan satu baris saja. Kotak ini akan terbuka jika user
menekan tanda panah pada pojok kanan kotak kombo. Dan user dapat diinput nilai
kedalam kotak kombo tersebut.
b) Simpel Combo : kotak ini mirip seperti daftar list box, user hanya bisa mengetik
dibagian atas kotak kombo saja.
c) Drop Down List : ditampilkan satu baris saja, sama seperti Drop-Down, namun
kotak tidak bisa diinput
Tabel 3.4 Properti objek kontrol listbox

g. ListBox
merupakan objek control yang jauh berbeda dengan ComboBox hanya saja pada
listbox menu daftar pilihan ditampilkan secara kesuluruhan.

Gambar 3.8 Objek kontrol listbox

Pengenalan Objek Kontrol 24

 Macam-macam List Box
a) Standart List Box
b) Check List Box

Tabel 3.5 Properti objek kontrol listbox

Event yang sering digunakan oleh objek listbox ini adalah event Click() atau DblClick()

3.3 Contoh Soal

1) Membuat program sederhana yang terdiri dari object control button, label dan
textbox yaitu meninputkan nama dan outputnya.

Jawab:
Berikut adalah propertinya:
Object Properties Nilai
Form1 Name Form1
Text LabelTextBoxButton
Label1 Name label_nama
Text Inputkan Nama
Label2 Name label_text
Text Output
Font Tahoma, 11pt

Pengenalan Objek Kontrol 25

 Button1 Name btn_ok
Text OK
TextBox1 Name txt_nama

Kode Programnya:
Public Class LabelTextBoxButton
Private Sub LabelTextBoxButton_Load(ByVal sender As System.Object, ByVal
e As System.EventArgs) Handles MyBase.Load
txt_nama.Text = ""
End Sub

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

As System.EventArgs) Handles txt_nama.TextChanged
If txt_nama.Text <> "" Then
btn_ok.Enabled = True
Else
btn_ok.Enabled = False
End If
End Sub

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

System.EventArgs) Handles btn_ok.Click
label_text.Text = txt_nama.Text
txt_nama.Text = ""
txt_nama.Focus()
End Sub
End Class

Hasilnya:Tampilan awal

Jika kita ingin menginputkan nama kita, misal ketik Atina Nabila pada kotak nama

Lalu klik OK, maka outputnya adalah Atina Nabila

Pengenalan Objek Kontrol 26

2) Buatlah suatu aplikasi kalkulator sederhana yang terdiri dari operasi penjumlahan,
pengurangan, perkalian dan pembagian dengan memasukkan 2 input bilangan.

Jawab:
Berikut adalah propertinya:
Object Properti Nilai
Form Name Form1
Text Kalkulator
Background Color Custom 255, 255, 192
Label1 Text Nilai 1
Label2 Text Nilai 2
Label3 Text Hasil
TextBox1 Name TextBox1
TextBox2 Name TextBox2
TextBox3 Name TextBox3
Button1 Name Button1
Text +
Button2 Name Button2
Text -
Button3 Name Button3
Text *
Button4 Name Button4
Text /
Button5 Name Button5

Pengenalan Objek Kontrol 27

 Text Hasil

Kode Programnya:
Public Class Kalkulator

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

System.EventArgs) Handles Button1.Click
TextBox3.Text = Val(TextBox1.Text) + Val(TextBox2.Text)
End Sub

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

System.EventArgs) Handles Button2.Click
TextBox3.Text = Val(TextBox1.Text) - Val(TextBox2.Text)
End Sub

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

System.EventArgs) Handles Button3.Click
TextBox3.Text = Val(TextBox1.Text) * Val(TextBox2.Text)
End Sub

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

System.EventArgs) Handles Button4.Click
TextBox3.Text = Val(TextBox1.Text) / Val(TextBox2.Text)
End Sub

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

System.EventArgs) Handles Button5.Click
TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
End Sub
End Class

Hasilnya:
Jika dilakukan operasi penjumlahan (+)

3) Membuat suatu aplikasi sederhana yaitu konversi mata uang rupiah ke dollar ataupun
sebaliknya!

Pengenalan Objek Kontrol 28

Jawab:
Berikut adalah propertinya:
Object Properti Nilai
Form1 Name Form1
Text Konversi_Mata_Uang
Background Color Custom 255, 192, 192
Label1 Text Rupiah
Font Tahoma, 10pt
ForeColor ButtonHighlight
Label1 Text Dollar
Font Tahoma, 10pt
ForeColor ButtonHighlight
TextBox1 Name TextBox1
TextBox2 Name TextBox2
Button1 Name Button1
Text To Dollar
Button2 Name Button2
Text To Rupiah
Button3 Name Button3
Text Clear

Kode Programnya:
Public Class Form1
Private Sub Label2_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Label2.Click
End Sub

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

System.EventArgs) Handles MyBase.Load
End Sub

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

System.EventArgs) Handles Button1.Click
Dim Rupiah, Dollar As Double
Rupiah = TextBox1.Text
Dollar = Rupiah / 9000
TextBox2.Text = Dollar
End Sub

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

System.EventArgs) Handles Button2.Click

Pengenalan Objek Kontrol 29

 Dim Rupiah, Dollar As Integer
Dollar = TextBox2.Text
Rupiah = Dollar * 9000
TextBox1.Text = Rupiah
End Sub

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

System.EventArgs) Handles Button3.Click
TextBox1.Text = ""
TextBox2.Text = ""
End Sub
End Class

Hasilnya:
Tampilan awalnya:

Bila ingin meninputkan suatu nilai pada kolom rupiah dan ingin mengkonversikannya ke
dalam bentuk dollar, misal 9000 lalu klik To Dollar maka hasilnya sama dengan 1
dollar.

4) Buat Sebuah massage box sederhana dengan mengiputkan sebuah nama dan akan
keluar sebuah pesan Selamat Belajar VB.Net (nama) Cemungudh! eaaa

Pengenalan Objek Kontrol 30

 Jawab:
Berikut adalah propertinya:
Object Properti Nilai
Form1 Name Form1
Text MassageBox
Background Color Green 192, 255, 192
Label1 Text Nama
TextBox1 Name TextBox1
Button1 Name Buton1
Text OK

Kode Programnya:
Public Class Form1
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles Button1.Click
Dim nama As String
nama = txtnama.Text
MessageBox.Show("Selamat Belajar VB.NET " + nama + "
Cemungudh!eaaa", "Notification", MessageBoxButtons.OK,
MessageBoxIcon.Information)
End Sub
End Class

Hasilnya:
Tampilan awalnya:
Jika diinputkan sebuah nama maka akan keluar sebuah kotak pesan. Misal diinputkan
nama Nabila maka pesan yang keluar adalah Selamat Belajar VB.NET Nabila
Cemungudh! eaaa dan jika diklik OK pada kota pesan maka pesan akan menutup.

kita klik tombol OK.

Pengenalan Objek Kontrol 31

3.4 Rangkuman
Dari praktikum yang sudah dilakukan bahawa object control radio button, checkbox dan
juga label didapat bahawa:
1) Pada object control check box yang ada pada groupbox effect bisa kita pilih
semuanya maupun salah satu saja, dan mengeluarkan outputan pada object control
label. Yang memberikan efek tersendiri pada font outputnya. Karena pada object
control checkbox diberikan perintah untuk mengubah tampilan output. Misal pada
checkbox strikeout jika diberi tanda checked maka output tulisan akan tercoret. Dan
jika memilih underline maka output tulisan aka nada garis bawahnya. Begitupula jika
kita memilih kedua checkbox tersebut maka output tulisan akan tercoret da nada garis
bwahnya.
2) Untuk object control radio button yang ada pada group font style hanya bisa dipilih
salah satu saja walupun fungsinya sama dengan checkbox. Misal kita ingin memilih
Italic maka kita hanya bisa memilih Italic dari sekian radiobutton yang ada. Dan
output tulisannya akan menjadi miring.
3) Kita juga bisa memilih checkbox dan radiobutton bersamaan yang mengakibatkan
output tulisanannya akan diberikan efek dan style yang berkombinasi. Hanya saja
pada radiobutton kita harus memilih salah satu dari radiobutton yang ada.

3.5 Latihan Soal

1) Buatlah suatu aplikasi sederhana mengenai absensi daftar suatu mahasiswa!
Dengan memanfaatkan object control label, textbox, combobox button dan list
view. Dalam hal kita juga memakai array multidimensi dalam pemrogramannya.
Berikut tampilannya:

2) Membuat note belanja sederhana dengan memanfaatkan object control checkbox

dan radio button tampilannya seperti di bawah ini:

Pengenalan Objek Kontrol 32

Outputnya akan mengeluarkan kata-kata Sudah dibeli jika kita klik tombol OK

Pengenalan Objek Kontrol 33