LAPORAN TUGAS PEMROGRAMAN VISUAL

“PRAKTIKUM 2 (FORM & OBJECT CONTROL)”

Disusun Oleh:

Atina Nabila | 3.34.12.0.02

Kelas IK-1A

Tahun Ajaran 2012/2013

Program Studi Teknik Informatika

Jurusan Teknik Elektro

POLITEKNIK NEGRI SEMARANG

 PRAKTIKUM 2

FORM & OBJECT CONTROL (1)

I. Kompetensi Dasar
 Mampu memahami dan mengenal form dan objek control
 Mampu membuat aplikasi sederhana dengan form dan objek control

II. Dasar Teori

A. 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
Form juga dapat dikatakan objek karena dapat memberikan reaksi saat menemui
suatu kejadian. Form dapat dikategorikan menjadi 2 yaitu:

2
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 :
- Window (Windows Form, Console, Class Library, WPF dsb.)
- Web (ASP.Net Web Application, ASP.NET Web Servis dsb)
- Smart Device (Smart Device Project)
- Database(Access dan SQL Server)
- Report (Report Aplication dan Crystal Report)
- WCF (Windows Communication Foundation)
- dll

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)

3
 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:
 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.
 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

4
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.

5
 b. TextBox
Merupakan objek control yang dapat diberikan input pada saat program
dijalankan.
c. Button merupakan objek control yang dapat mengeksekusi perintah-perintah
yang telah diberikan.

\
 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.

2. CheckBox dan RadioButton

a. 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.
Properti Checkbox
Propertinya hampir sama dengan yang ada pada option button, namun yang
terpenting adalah :

6
 b. RadioButton
fungsi hampir sama dengan checkbox, tetapi hanya dapat memilih satu pilihan
yang tersedia.
3. ComboBox dan ListBox
a. ComboBox merupakan objek control yang dapat digunakan untuk
menampilkan daftar item dengan pilihan dropdown.
Macam-Macam Combo Box
 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.
 Simpel Combo : kotak ini mirip seperti daftar list box, user hanya bisa
mengetik dibagian atas kotak kombo saja.
 Drop Down List : ditampilkan satu baris saja, sama seperti Drop-Down,
namun kotak tidak bisa diinput

b. ListBox merupakan objek control yang jauh berbeda dengan ComboBox hanya
saja pada listbox menu daftar pilihan ditampilkan secara kesuluruhan.
Macam-macam List Box
1. Standart List Box
2. Check List Box

7
 Properti yang umum dipakai objek List Box

Event yang umum dipakai objek List Box

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

III. Langkah Kerja

CheckBox dan Radio Button
1. Buat project baru, dengan nama Praktikum2.
2. Desain Tampilan form seperti gambar berikut ini

8
Langkah-langkahnya:
1. Buka Visual Studio 2008 (karena saya menggunakan visual studio 2008)
2. Klik File > New Project

3. Pilih Project Type : Windows. Pilih Template Empty Project lalu simpan dengan
nama CheckBox dan Radio Button

4. Add New Item, pilih kategori common items berupa windows form, dengan nama
CheckBoxdanRadioButton.vb dan klik add.

9
3. Tambahkan kontrol ke form seperti pada gambar diatas dan atur propertinya
seperti tabel berikut:
Object Properties Nilai
Form1 Name Form1
Text CheckBox dan RadioButton
Label1 Name Lbl_Font
Autosize False
BorderStyle Fixed3D
Font Microsoft Sans Serif, 16
TextAlign Center
Text CheckBox dan RadioButton
GroupBox1 Text Efek
GroupBox2 Text Font Style
CheckBox1 Text StrikeOut
CheckBox2 Text Underline
RadioButton1 Text Regular
RadioButton2 Text Italic
RadioButton3 Text Bold
RadioButton4 Text BoldItalic

4. Klik ganda pada CheckBox1, kemudian ketikkan kode program berikut ini :
Private Sub CheckBox1_CheckedChanged(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles CheckBox1.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", Lbl_Font.Font.Size, _

Lbl_Font.Font.Style Xor FontStyle.Strikeout)

End Sub

5. Klik ganda pada CheckBox2, kemudian ketikkan kode program berikut ini :

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

System.EventArgs) Handles CheckBox2.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", Lbl_Font.Font.Size, _

Lbl_Font.Font.Style Xor FontStyle.Underline)

10
 End Sub

6. Klik ganda pada RadioButton1, kemudian ketikkan kode program berikut ini :

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

System.EventArgs) Handles RadioButton1.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", Lbl_Font.Font.Size, _

Lbl_Font.Font.Style Xor FontStyle.Regular)

End Sub

7. Klik ganda pada RadioButton2, kemudian ketikkan kode program berikut ini :

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

System.EventArgs) Handles RadioButton2.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", Lbl_Font.Font.Size, _

Lbl_Font.Font.Style Xor FontStyle.Italic)

End Sub

8. Klik ganda pada RadioButton3, kemudian ketikkan kode program berikut ini :

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

System.EventArgs) Handles RadioButton3.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", _

Lbl_Font.Font.Size, Lbl_Font.Font.Style Xor FontStyle.Bold)

End Sub

9. Klik ganda pada RadioButton4, kemudian ketikkan kode program berikut ini :

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

System.EventArgs) Handles RadioButton4.CheckedChanged

Lbl_Font.Font = New Font("Microsoft sans Serif", _

Lbl_Font.Font.Size, Lbl_Font.Font.Style Xor FontStyle.Bold Xor
FontStyle.Italic)

End Sub

10. Jalankan aplikasi dengan menekan tombol F5 (di keyboard), atau melalui ikon
Start Debugging di toolbar, atau melalui menu Debug > Start Debuging.
11. Simpan aplikasi Anda.

11
Berikut Hasilnya:

12
IV. Rangkuman
Dari praktikum yang sudah dilakukan bahawa object control radio button, checkbox dan
juga label didapat bahawa:
 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.
 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.
 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.

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

13
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
Button1 Name btn_ok
Text OK
TextBox1 Name txt_nama

Kode Programnya:

Hasilnya:
Tampilan awal

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

Lalu klik OK, maka outputnya adalah “Atina Nabila”

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

15
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
Text Hasil

Kode Programnya:

16
Hasilnya:

Jika dilakukan operasi penjumlahan (+)

Jika dilakukan operasi pengurangan (-)

Jika dilakukan operasi perkalian (*)

17
Jika dilakukan operasi pembagian (/)

Jika ingin membersihkan textbox maka klik hapus, dan hasilnya akan kembali seperti
semula.

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

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

19
Kode Programnya:

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.

20
 Dan sebaliknya jika ingin membuat nilai dollar menjadi rupiah mak inputkan nilai
pada kolom dollar misa 2 lalu klik “To Rupiah” maka hasilnya sama dengan 18000
rupiah.

Dan bila kita ingin membersihkan semua kolom maka klik “Clear” hasilnya akan
kembali seperti semula.

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

21
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:

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.

22
5. Membuat note belanja sederhana dengan memanfaatkan object control checkbox dan
radio button tampilannya seperti di bawah ini:

Outputnya akan mengeluarkan kata-kata “Sudah dibeli” jika kita klik tombol OK.
Jawab:
Berikut propertinya:
Object Properti Nilai
Form1 Name Form1
Text Note Belanja
Background Color Custom 192, 255, 255

23
Label1 Text Daftar Belanja yang Harus
Dibeli
Font Tahoma Bold, 11.25pt
Label2 Text Output
Font Tahoma, 10pt
GroupBox1 Text Sayuran
GroupBox2 Text Garam
CheckBox1 Name CheckBox1
Text Bayam
CheckBox2 Name CheckBox2
Text Wortel
CheckBox3 Name CheckBox3
Text Kentang
RadioButton1 Name RadioButton1
Text Garam Halus
RadioButton2 Name RadioButton2
Text Garam Balok
Button1 Name Button1
Text OK
TextBox1 Name
TextBox2 Name TextBox2
TextBox3 Name TextBox3
TextBox4 Name TextBox4

Kode Programnya:

24
Hasilnya:
Tampilan awalnya:

Jika kita checked pada checkbox yang ada di group sayuran dan kita memilih salah
satu dari radiobutton yang ada pada group garam maka hasilnya akan keluar pada
textbox.

Lalu jika kita klik tombol OK maka pada otuput akan keluar kata-keta seperti di
bawah ini:

25
6. Membuat 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:

26
 Jawab:
Berikut propertinya:
Object Properties Nilai
Form1 Name Form1
Text Daftar Mahasiswa
Background Color Custom 255, 224, 192
Label1 Text NIM
Label2 Text Nama
Label3 Text Jenis Kelamin
Label4 Text Prodi
TexBox1 Name TxtNIM
TexBox2 Name TxtNama
Combo1 Name CmbKelamin
Combo2 Name CmbProdi
ListView1 Name ListView1
Button1 Name BtnProses
Text Proses

Kode pemrogramannya:

Public Class Form1

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles MyBase.Load
Dim Arr(3, 1) As String
Arr(0, 0) = "NIM"
Arr(0, 1) = "NAMA"
Arr(1, 0) = "JENIS KELAMIN"
Arr(1, 1) = "PRODI"
Arr(2, 0) = "Laki-laki"
Arr(2, 1) = "Perempuan"
Arr(3, 0) = "Manajemen Informatika"
Arr(3, 1) = "Teknik Informatika"

ListView1.GridLines = True
ListView1.View = View.Details

For Baris = 0 To 1
For Kolom = 0 To 1
ListView1.Columns.Add(Arr(Baris, Kolom), 100)
Next Kolom
Next Baris

For Baris = 2 To 2
For Kolom = 0 To 1
CmbKelamin.Items.Add(Arr(Baris, Kolom))
Next Kolom
Next Baris

For Baris = 3 To 3
For Kolom = 0 To 1

27
 CmbProdi.Items.Add(Arr(Baris, Kolom))
Next Kolom
Next Baris
End Sub

Private Sub BtnProses_Click(ByVal sender As System.Object, ByVal

e As System.EventArgs) Handles BtnProses.Click
Dim Arr(3) As String
Arr(0) = TxtNIM.Text
Arr(1) = TxtNAMA.Text
Arr(2) = CmbKelamin.Text
Arr(3) = CmbProdi.Text

Dim listitem As ListViewItem

listitem = New ListViewItem
listitem = ListView1.Items.Add(Arr(0))
listitem.SubItems.Add(Arr(1))
listitem.SubItems.Add(Arr(2))
listitem.SubItems.Add(Arr(3))
TxtNIM.Text = TxtNIM.Text + 1
TxtNAMA.Text = ""
CmbKelamin.Text = ""
CmbProdi.Text = ""
TxtNAMA.Focus()
End Sub
End Class

Hasilnya:
Tampilan Awal:

28
Pada kolom jenis kelamin, object control yang digunakan adalah combobox yang
menampilkan suatu pilihan ke bawah. Yang terdiri dari Laki-Laki dan Perempuan.

Pada kolom prodi, object control yang digunakan adalah combobox yang
menampilkan suatu pilihan ke bawah. Yang terdiri dari manajemen informatika dan
teknik informatika.

Jika kita ingin menginputkan data maka ketikkan beberapa data yang diperlukan lalu
klik proses maka data akan tampil pada list. Seperti di bawah ini

29
VI. Kesimpulan
Dari laporan praktikum ke 2 yaitu form dan objek kontrol dapat disimpulkan bahwa
form merupakan suatu tempat yang digunakan kita untuk membuat suatu aplikasi pada
VB.NET dan form sendiri berfungsi untuk meletakkan beberapa object control yang
digunakan untuk membuat aplikasi. Suatu Objek sendiri merupakan bagian dari aplikasi
seperti suatu kontrol atau suatu form. Object akan dikatakan sebagai Object control jika
kontrol-kontrol yang ada pada toolbox kita drag atau kita tempatkan pada form. Jadi form
dan object kontrol memiliki keterkaitan satu sama lain dalam membangun suatu aplikasi.

30