Anda di halaman 1dari 10

MODUL PRAKTIKUM 3

A. PENDAHULUAN
1. Kotak Input
Kotak input digunakan untuk memasukkan data yang akan diproses oleh aplikasi. Pada Visual
Basic 6.0 terdapat tiga buah kotak input standar yang terdapat pada Toolbox (default) yaitu
Text Box, Combo Box, dan List Box.
a. Text Box (Kotak Teks)
Text Box adalah kontrol yang paling sering digunakan yang berfungsi sebagai kotak input
teks yang diketikkan melalui keyboard. Text Box juga mempunya properti dan event
seperti halnya pada form.

b. Combo Box (Kotak Combo)


Combo Box adalah kotak yang berisikan pilihan yang dapat dipilih dan dapat diketik langsung
seperti Text Box. Biasanya combo box digunakan untuk menampung data yang dapat dipilih
oleh pemakai, seperti jurusan, nama hari, dan daftar pilihan lainnya.
Properti yang sering digunakan pada combo box :

c. List Box (Kotak Daftar)


List Box adalah kotak yang berisikan daftar yang hanya dapat dipilih oleh user tetapi tidak
dapat diinput dengan cara diketik melalui keyboard. List box biasanya digunakan jika pilihan
yang diberikan sudah bernilai mutlak dan tidak dapat dirubah lagi. Berikut ini properti-
properti yang biasa digunakan pada list box :
2. Tombol
Tombol digunakan sebagai perintah untuk mengerjakan sesuatu akan diproses oleh aplikasi.
Pada Visual Basic 6.0 terdapat tiga buah tombol standar yang terdapat pada Toolbox (default)
yaitu Command Button, Option Button, dan Check Box.

a. Command Button (Tombol Perintah)


Command button adalah tombol yang berfungsi untuk melaksanakan eksekusi perintah
terstentu. Hampir setiap jendela pada windows selalu menggunakan tombol ini. Berikut ini
properti yang dapat Anda gunakan pada command button :
b. Option Button (Tombol Pilihan)
Option button merupakan tombol pilihan dimana pemakai hanya bisa memilih 1 dari
beberapa pilihan yang ada. Supaya option button dapat dipilih lebih dari dua pilihan, Anda
harus membuat beberpa option button tersebut dalam satu frame. Contoh option button
yang dikelompokkan sesuai dengan kegunaannya :
c. Check Box (Kotak Cek)
Kotak cek adalah sebuah kontrol pemilihan yang fungsinya hampir sama dengan option
button, hanya saja bedanya pada check box Anda dapat menentukan lebih dari satu pilihan.
Contoh selengkapnya dari ketiga bentuk tombol di atas dapat Anda perhatikan pada form
dengan kontrol-kontrol berikut ini :

3. Pemrograman Grafik
Pemrograman grafik pada Visual Basic dapat dilakukan dengan menggunakan kontrol picture
box, image, line, dan shape.

1. Picture Box (Kotak Gambar)


Kontrol picture box merupakan kontrol yang digunakan untuk penampilan gambar. Kontrol ini
juga dapat menampung kontrol-kontrol lain di atasnya.
2. Image
Kontrol Image berfungsi untuk menampilkan file gambar pada aplikasi Anda, seperti foto
karyawan, hiasan aplikasi, dan sebagainya. File gambar yang dapat diletakkan pada kontrol
image ini adalah file gambar dengan extension *.bmp, *.jpg, *.gif, *.wmf, *.ico, *.emf, *.cur.
untuk menampilkan gambar melalui program Anda dapat mengikuti aturan berikut ini:

Namakontrol.Picture = LoadPicture(“NamaFile”)

3. Line (Garis)
Kontrol Line digunakan untuk mempercantik tampilan aplikasi Anda. Bagi Anda yang memiliki
jiwa seni yang tinggi tentu menginginkan tampilan aplikasi Anda semenarik mungkin. Berikut
ini garis yang bisa anda buat menggunakan kontrol Line:

4. Shape
Anda dapat menambahkan bangun-bangun sederhana pada aplikasi Anda, seperti kotak,
lingkaran, elips, dan sebagainya.
Latihan 1:
Menggunakan events pada control (objek)

1. Pada Jendela Form buatlah UI (User Interface) seperti ini :


(Label)
Name : lblNama
Caption : User ID

(Text)
Name : txtUserID
Text : (kosong)

(Text)
Name : txtPassword
(Label) Text : (kosong)
Name : lblPassword
Caption : Password

(Command)
Name : cmdOk
Caption : &Ok

2. Klik dua kali pada Form, kemudian tambahkan perintah pada bagian tersebut sehingga terdapat program sebagai
berikut :

3. Kemudian pada window Code, pilih object (komponen) cmdOk, dan juga pilih event Click. Sehingga dapat
dituliskan perintah sebagai berikut :
Apabila tombol (command button) ditekan maka
program akan diakhir.

4. Pada event Changeuntuk txtUserID, tambahkan perintah berikut :


Dengan adanya program tersebut, maka setiap
huruf yang diisikan akan dirubah menjadi huruf
besar. Dan untuk mengubah agar huruf menjadi
kecil gunakan LCase.

5. Event Lostfocus dan GotFocus akan digunakan pada komponen txtUserID. Property text dari Komponen dengan
nama txtUserID akan dikosongi setiap kali GotFocus, dan akan ditampilkan pesan "Harus diisi" apabila isi Property
Text dari komponen tersebut kosong. Untuk itu tambahkan perintah berikut :

6. Jalankan aplikasi tsb.


Tugas 1:
1. Rubahlah property – property yang ada sehingga tampilannya menjadi lebih berwarna, dan bentuk
tulisan (font)
beraneka ragam.
2. Rubahlah property untuk txtPassword agar karakter yang diisikan tidak terlihat (PasswordChar)
3. Tambahkan program untuk menampilkan pesan "Harus diisi" apabila txtPassword tidak
diisi. Dan kosongi txtPassword setiap kali password akan diisikan.
4. Rubahlah tulisan pada form dari tulisan "Form1" menjadi tulisan "Login"
5. Tambahkan program sehingga semua password yang diisikan akan dirubah menjadi huruf
kecil sewaktu Focus meninggalkan txtPassword.
6. Tambahkan program sehingga sewaktu tombol "Ok" di tekan akan menampilkan message box yang
bertuliskan User
ID dan Password yang ditampilkan.
Latihan 2 :
Menggunakan control (Option dan CheckBox)

1. Buatlah desain form seperti ini :

(Text1)
Name : txtNim
(Text2)
Name : txtNama

(Option1) (Option2)
Name : optLaki Name : optPerempuan

(Text3)
Name
: txtHasil
Multiline : True
ScrollBars : 2-Vertical

2. Membuat Objek aktif dengan property setfocus dan menggunakan event keypress bila menekan tombol Enter.

3. Membuat tulisan txtNama huruf besar semua.

4. Hasil dari program bila di tekan tombol OK.


Penjel asan :
a. “Dim jk As String, hobby As String”
merupakan variable string
b. “vbNewline” adalah function untuk
mengganti baris baru
c. “&_” untuk mempermudahkan
pengkodingan agar bisa di lanjutkan digaris
baru.

5. Jalankan program dengan menekan F5 dan hasilnya seperti gambar di bawah ini :
Latihan 3 :
Menggunakan control (ListBox)

1. Buatlah desain form seperti ini :

2. Source Code :
Latihan 4 :
Menggunakan control (Image)

1. Buatlah desain form seperti ini :

(Image2)
(Image1) Picture = {gambar belum ada}
Picture = {cari file
gambar}

1. Source Code :

3. Jalankan a plikasi tersebut.


Tugas 2 :
1. Buatlah aplikasi data dosen seperti gambar di bawah ini :

Jika di tekan tombol OK, maka


FOTO keluar tampilan Informasi nama
Dosen dan Mata Kuliah.

Jika di tekan tombol Tampilkan


Gambar maka tampil foto
dosen tsb.

Tulis algoritma dan flowchartnya !

Anda mungkin juga menyukai