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 mendesain form terdapat
garis titik-titik yang disebut grid sangat berguna untuk membantu
pengaturan tata letak objek yang di masukan dalam form, karena gerakan
penunjuk mouse akan sesuai (tepat)pada titik-titik grid

19
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 berada 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 20
 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 menanamkan 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/Text, 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 21

1) Properti Label
Tabel 3.1 berikut ini adalah beberapa properti yang umum
digunakan dari kontrol Label:
Tabel 3.1 Properti Kontrol Label
No Properti Deskripsi
1 Autosize Mendapat atau menetapkan nilai yang
menentukan jika kontrol harus secara otomatis
diubah ukurannya untuk menampilkan semua
isinya.
2 BorderStyle Mendapat atau mengatur gaya perbatasan untuk
kontrol.
3 FlatStyle Mendapat atau menetapkan penampilan gaya
datar dari kontrol Label
4 Font Mendapat atau mengatur font dari teks yang
ditampilkan oleh kontrol.
5 FontHeight Mendapat atau menetapkan ketinggian font
kontrol.
6 ForeColor Mendapat atau menetapkan warna latar depan
kontrol.
7 PreferredHeight Mendapat ketinggian yang disukai dari kontrol.
8 PreferredWidth Mendapat lebar yang disukai dari kontrol.
9 TabStop Mendapat atau menetapkan nilai yang
menunjukkan apakah pengguna dapat tab ke
Label. Properti ini tidak digunakan oleh kelas
ini.
10 Text Mendapat atau menetapkan teks yang terkait
dengan kontrol ini.
11 TextAlign Mendapat atau mengatur keselarasan teks di
label.

2) Metode Kontrol Label

Tabel 3.2 berikut ini adalah beberapa metode kontrol Label yang
umum digunakan:
Tabel 3.2 Metode Kontrol Label
No Metode Deskripsi
1 GetPreferredSize Mengambil ukuran area persegi panjang di mana
kontrol dapat dipasang.
2 Refresh Memaksa kontrol untuk membatalkan area kliennya
dan segera melakukan redraw sendiri dan kontrol anak.
3 Select Mengaktifkan kontrol.
4 Show Menampilkan kontrol kepada pengguna.
5 ToString Mengembalikan String yang berisi nama kontrol.

Pengenalan Objek Kontrol 22

 3) Kejadian Kontrol Label
Tabel 3.3 berikut ini adalah beberapa peristiwa yang umum
digunakan dari kontrol Label:

Tabel 3.3 Properti Kontrol Label

No Metode Deskripsi
1 AutoSizeChanged Terjadi bila nilai properti AutoSize
berubah.
2 Click Terjadi ketika kontrol diklik.
3 DoubleClick Terjadi ketika kontrol diklik dua kali.
4 GotFocus Terjadi ketika kontrol menerima fokus.
5 Leave Terjadi ketika fokus input meninggalkan
kontrol.
6 LostFocus Terjadi ketika kontrol kehilangan fokus.
7 TabIndexChanged Terjadi ketika nilai properti TabIndex
berubah.
8 TabStopChanged Terjadi ketika properti TabStop berubah.
9 TextChanged Terjadi ketika nilai properti teks berubah.

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

Gambar 3.3 Objek kontrol textbox

c. Button
merupakan objek control yang dapat mengeksekusi perintah-perintah
yang telah diberikan.

Pengenalan Objek Kontrol 23

 Gambar 3.4 Objek kontrol button

Tabel 3.4 Properti objek kontrol button

No Properti Deskripsi
1 Alignment Berfungsi untuk menentukan letak option pada
teks captionnya.
2 Caption Digunakan untuk menulis keterangan option
button
3 ForeColor Untuk memberikan warna tulisan keterangan
4 Value Menentukan nilai apakah option button terpilih secara
default pada saat aplikasi pertama kali dijalankan.
Option yang terpilih akan bernilai true

• Event pada option Button

Umumnya event yang sering digunakan adalah event Click()
• Membuat kelompok option Button
Umumnya option yang dijadikan berkelompok 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 24

 Gambar 3.5 Objek kontrol checkbox

Propertinya hampir sama dengan yang ada pada option button, namun
yang terpenting adalah :
Tabel 3.5 Properti objek kontrol checkbox
No Properti Deskripsi
1 Value Menentukan nilai dari item checkbox yang secara
default dipilih pada saat program dijalankan. Nilainya
adalah sebagai berikut :
0 – Uncheck : tidak dipilih
1 – Check : dipilih
2 – Grayed : menampilkan pilihan yang tidak bisa dipilih
oleh user
2 Style Untuk menentukan jenis dari checkbox.
0 – standar, 1 – Graphical

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

Gambar 3.6 Objek kontrol radiobutton

Pengenalan Objek Kontrol 25

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

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 memasukkan nilai ke dalam 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.6 Properti objek kontrol listbox
No Properti Deskripsi
1 BackColor Menentukan warna latar belakang dari kotak Combo
2 ForeColor Menentukan warna teks didalam kotak Combo
3 Height Menentukan tinggi kota Combo dalam keadaan tertutup
4 List Daftar pilihan yang ingin dimasukkan ke dalam kotak
Combo
5 Sorted Untuk mengurutkan data secara otomatis
6 Style Menentukan gaya tampilan dari kotak Combo :
0 – DropDown, 1 – Simple Combo, 2 – DropDownList

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

Pengenalan Objek Kontrol 26

 Gambar 3.8 Objek kontrol listbox

Macam-macam List Box

a) Standart List Box
b) Check List Box

Tabel 3.7 Properti objek kontrol listbox

No Properti Deskripsi
1 BackColor Menentukan warna latar belakang dari kotak List
2 Colums Menentukan banyak kolom dalam kotak List
3 ForeColor Menentukan warna teks didalam kotak List
4 List Daftar pilihan yang ingin dimasukkan ke dalam kotak
List
5 MultiSelect Cara memilih kotak List :
0 – None, hanya satu yang dipilih
1 – Simple, lebih dari satu pilihan, ctrl-klik
2 – Extended, memilih banyak pilihan, ctrl-klik atau
shift-click
6 Sorted Untuk mengurutkan data secara otomatis
7 Style Menentukan gaya tampilan dari kotak List, ditampilkan
bergaya standar atau ditambah kotak Check.

Tabel 3.8 Metode objek kontrol listbox

No Metode Deskripsi
1 AddItem Menambah sebuah item ke dalam kotak List
2 Clear Menghapus semua item dalam kotak List
3 List Array tempat menyimpan semua item-item pilihan pada
kotak List
4 ListCount Jumlah item pilihan pada kotak List
5 RemoveItem Menghapus item dari kotak List

Pengenalan Objek Kontrol 27

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, seperti
tampilan Gambar 3.9

Gambar 3.9 Desain Tampilan Studi Kasus 1

Jawab:
Tabel 3.9 berikut adalah pengaturan propertinya:
Tabel 3.9 Pengaturan Properti Studi Kasus 1
Object Properties Nilai
Form1 Name Form1
Text LabelTextBoxButton
Label1 Name lab
Text Inputkan Nama
Label2 Name label_text
Text Output
Font Tahoma, 11pt
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

Pengenalan Objek Kontrol 28

 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 ingin menginputkan nama kita, misal ketik “Atina Nabila” pada kotak
nama, Lalu klik OK, maka outputnya adalah “Atina Nabila”

Gambar 3.10 Tampilan hasil Running Program Studi Kasus 1

2) Buatlah suatu aplikasi kalkulator sederhana yang terdiri dari operasi

penjumlahan, pengurangan, perkalian dan pembagian dengan
memasukkan 2 input bilangan.

Gambar 3.11 Desain Tampilan Studi Kasus 2

Pengenalan Objek Kontrol 29

 Jawab:
Tabel 3.10 berikut adalah pengaturan propertinya:
Tabel 3.10 Pengaturan Properti Studi Kasus 2
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
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

Pengenalan Objek Kontrol 30

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 (+)

Gambar 3.12 Tampilan hasil Running Program Studi Kasus 2

3) Membuat suatu aplikasi sederhana yaitu konversi mata uang rupiah ke

dollar ataupun sebaliknya!

Gambar 3.13 Desain Tampilan Studi Kasus 3

Pengenalan Objek Kontrol 31

Jawab:
Tabel 3.11 berikut adalah pengaturan propertinya:
Tabel 3.11 Pengaturan Properti Studi Kasus 3
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
Dim Rupiah, Dollar As Integer
Dollar = TextBox2.Text
Rupiah = Dollar * 9000

Pengenalan Objek Kontrol 32

 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.

Gambar 3.14 Tampilan hasil Running Program Studi Kasus 3

4) Buat Sebuah massage box sederhana dengan mengiputkan sebuah nama

dan akan keluar sebuah pesan “Selamat Belajar VB.Net (nama)
Cemungudh! eaaa”

Gambar 3.15 Desain Tampilan Studi Kasus 4

Pengenalan Objek Kontrol 33

Jawab:
Tabel 3.12 berikut adalah pengaturan propertinya:
Tabel 3.12 Pengaturan Properti Studi Kasus 4
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.

Gambar 3.16 Tampilan hasil Running Program Studi Kasus 3

Pengenalan Objek Kontrol 34

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:

Gambar 3.17 Desain Tampilan Soal 1

Pengenalan Objek Kontrol 35

2) Membuat note belanja sederhana dengan memanfaatkan object
control checkbox dan radio button tampilannya seperti Gambar 3.18:

Gambar 3.18 Desain Tampilan Soal 2

Outputnya akan mengeluarkan kata-kata “Sudah dibeli” jika kita klik

tombol OK

Tugas JOB 3
Nomor 3 Tampilan

Coding

Pengenalan Objek Kontrol 36

 Hasil

Nomor 4 Tampilan

Coding

Hasil

Pengenalan Objek Kontrol 37

Kesimpulan Dari pembuatan project kali ini, yang dapat saya simpulkan
yaitu bahwa dengan ms visual studio, kita dimudahkan dalam
membuat aplikasi, karena dengan drag and drop bisa dibuat
dengan cepat, kemudian menambahkan perintah untuk setiap
button dan toolbox lainnya.

Pengenalan Objek Kontrol 38