Memahami Interface Visual Basic 6.0
Memahami Interface Visual Basic 6.0
BAB 2
MENGENAL INTERFACE VISUAL VISUAL BASIC
2.1 INTERFACE VISUAL BASIC 6.0
Disini akan membahas IDE yg merupakan interface Visual basic 6.0, serta membahas juga
bagian-bagian yg terdapat didalamnya, diantaranya : ●TOOLBOX ●PROPERTIES ●PROJECT
EXPLORER ●FORM ●CODE EDITOR ●EVENT ●MANAJEMEN PROYEK, Ini semua kita
butuhkan selama pembuatan interface sampai running atau pelaksanaan interface yg telah kita
ciptakan. Lihat tampilan interface visual basic dibawah ini, berserta bagian-bagiannya :
2.1.1 TOOLBOX
ToolBox Mengandung Control2 atau Object2 yg bisa digunakan utk menambah gambar, label
dan Elemen lainya, pada disain form
ToolBox Berisi Kumpulan Object yg digunakan utk membuat user interface serta pengontrolan
bg program yg dibuat
Object yg terdapat pada toolbox hanya sebagian kecil dari object yang terdapat dlm visual basic,
jadi belum seluruh object yg terdapat pada visual basic yg dimunculkan pada toolbox tsb.
Object yg bisa kita gunakan utk merancang interface atau membuat disain input-output pada
form, adalah object yang telah tersedia atau ada pada toolbox.
Bila Object yang akan digunakan/perlukan tidak ada Pada Toolbox, kita dapat
menambah/memunculkannya pada toolbox dengan Cara berikut ini :
8
Pemrogramman Visual Basic
1. Bawa mouse pada bagian kosong jendela toolbox click kanan mouse - pilih dan click
Componen pada menu kanan mouse yang muncul Atau click menu Project – pilih dan click
Componen | muncul window Components berikut ini :
2. Disini kita dapat memilih object yg akan kita gunakan, lalu click sampai muncul tanda
Check lihat jendela components diatas | click tombol OK |. Utk lebih jelasnya langkah2
menambahkan object pada toolbox lihat bahasan sub bab insert koponen.
Cara mendisain form (membuat interface pada form) ada beberapa yaitu:
1. Cara pertama Pilih dan click object pada jendela toolbox dan lepas, bawa mouse ke bidang
form yang disuka, lalu click tahan-drag dan lepas.
2. Cara kedua Doubleclick object yang akan digunakan pada toolbox, akan muncul object
tersebut pada pojok kiri atas form, lalu rapikan/pindahkan dengan cara click-tahan-drag
object tsb ketempat yang diinginkan pada bidang form.
Lihat tampilan toolbox dibawah ini, dgn obect2 yg telah tersedia didalamnya :
9
Pemrogramman Visual Basic
Pointer PictureBox
Label TextBox
Frame Command
CheckBox OptionBotton
ComboBox ListBox
HScrollBar VScrollBar
Timer DrivelistBo
x
DirListBox FileListBox
Shape Line
Image Data
Ole
ObjectSelector
Diurutkan ber
dsrkan Abjad Diurutkan berda
sarkan fungsi
Keterangan dr PropertieList
propertie yg
dipilih
10
Pemrogramman Visual Basic
View Object
Sebagai contoh pada gambar di atas, aplikasi yang ditampilkan pada Project Explorer
mengandung file-file sebagai berikut :
NAMA
NAMA FILE KETERANGAN
KOMPONEN
Project1 [Link] File Proyek
Form1 [Link] File Form
MDIForm1 MDIFormUASPBD!.frm File MDIForm
11
Pemrogramman Visual Basic
Kotak nama2
prosedure Kotak Event
Prosedur
Tempat menu
liskan rutin VScrollbar
Program
HScrollbar
Click tanda panah dropDown pada kotak nama prosedure untuk memilih nama prosedure
(nama prosedur ini terbentuk dari nama object yg telah kita disain pada form). Selanjutnya
Click tanda panah dropDown pada kotak-event prosedure untuk memilih event dari prosedur
yg telah dipilih. Setelah itu ketikan code/program utk menjalankan prosedur atau object yg telah
di disain pada form.
Utk lebih jelasnya lihat latihan soal pada sub bab dibawah ini dan silahkan menconcobanya
[Link] EVENT
Event adalah aktivitas yg terjadi saat menggunakan aplikasi
Event terjadi karena adanya tindakan dari pemakai seperti click mouse atau tekan enter pada
keyboard dll.
Event bisa juga terjadi karena adanya pegaturan timer/waktu atau aplikasi.
Utk lebih jelasnya lihat event prosedur dibawah ini :
12
Pemrogramman Visual Basic
Even Click
Even DocbleClick
Even Load
Even Change
Even KeyPrees
Catatan :
Event prosedure yang ditampilkan hanya sebagian kecilnya saja, Sebenarnya Event Prosedur yang
dapat terjadi pada Visual Basic jauh lebih banyak.
13
Pemrogramman Visual Basic
Bidang project
Bidang
Form
Symbol actif
Form adalah jendela yang bisa diubah-ubah ukurannya utk membuat antarmuka program
Form bisa mengandung menu, tombol, kotak daftar, baris penggulung dan item-item lain
Bidang project bisa diperbesar dan diperkecil tampilannya, Seperti halnya Bidang Form.
caranya sorot garis pinggir kanan atau garis pinggir bawah atau pojok kanan bawah bidang
project, lalu click+tahan+drag sampai ukuran bidang project berubah besar atau kecil.
Pada caption terlihat Form1 adalah nama Form bisa dirubah lewat properties caption dari form.
Tampilan diatas berarti yg aktif adalah form1.
Project name adalah nama project, Pada tampilan diatas terlihat Project1, kita bisa merubahnya
pada saat kita menyimpan/save project, nama project yang baru akan muncul pada project name
ini.
Form bisa ditambah dgn perintah Pilih menu Projec | Add Form atau click icon AddForm yg
terdpt pd toolbar, lihat tampilan dibawah ini, ikuti langkah2 nya :
a. Lihat icon Add Form yg terdapat dlm lingkaran :
14
Pemrogramman Visual Basic
CATATAN :
Bila diclick menu tab Existing, akan muncul jendela Look In : Folder, berarti utk membuka file
[Link] yg telah dibuat atau yg telah disimpan sebelumnya, seperti yg telah kita bahas diatas.
Seperti terlihat dibawah ini :
15
Pemrogramman Visual Basic
c. Pada tampilan Jendela Add Form di point. B, diatas, click tombol open, tapi bila berada pada
tampilan Addform seperti terlihat diatas ini, click dulu menu tab New, kemudian Tombol
Open, akan muncul form2, seperti terlihat dibawah ini :
d. Pada tampilan form2 diatas, terlihat pada jendela Project, terdapat form1 & Form2 pada
Project1.
Project1 diatas bisa terdiri dari bebera form (Form_1, Form_2, … form_n, maka dari itu perlu
menentukan form awal atau pertama yg akan di running (dilaksanakan terlebih dulu, lihat
caranya dibwh ini.
16
Pemrogramman Visual Basic
Kemudian click project1 properties… yg telah disosrot diatas, akan muncul tampilan/jendela
project properties, Kemudian pada tab General, pada kotak combo box StartUp Object:
digunakan untuk memilih form awal | Click OK.
Event Keterangan
Active Terjadi saat sebuah form menjadi window aktif
Click Terjadi saat pemakai mengklik form
DbClick Terjadi saat pemakai melakukan klik ganda form
Deaactive Terjadi saat form lain menjadi window aktif
DragDrop Terjadi saat proses drag melewati form selesai
DragOver Terjadi saat proses drag melewati form
GotFocus Terjadi saat form mendapat focus
KeyDown Terjadi saat pemakai menekan keyboard dan property KeyPreview kontrol
17
Pemrogramman Visual Basic
18
Pemrogramman Visual Basic
19
Pemrogramman Visual Basic
New Folder
b. Pada tampilan Save File As : pilih folder yg dituju atau buat folder baru dengan memilih-click
icon yang dilingkar diatas | lalu ketikan nama form pada kotak file name (filename form1
boleh diganti-boleh tidak) | click tombol save. | Akan tampil jendela selanjutnya utk memberi
nama file project, lihat dibawah ini :
c. Pada tampilan Save File As ini : ketikan nama project pada pada kotak file name (filename
project1 boleh diganti-boleh tidak) | click tombol save. Kemudian di compilasi / Run
aplikasiprogram yg telah disave tsb.
20
Pemrogramman Visual Basic
Properti Nilai
BorderStyle 1-Fixed Single
ControlBox True
MaxButton True
MinButton True
ShowInTaskbar True
WindowState 0-Normal
MousePointer 11-Hourglass
Moveable True
StartUpPosition 2-CenterScreen
21
Pemrogramman Visual Basic
Isi kotak file name dgn nama file Exe yg akan anda buat, kemudian pilih directory / folder yg
anda kehendaki, kemudian clik Ok. Selesailah sudah membuat file project3 menjadi exe.
Kemudian buka [Link] di explorer, langsung muncul output nya, tanpa harus run dulu
pada sofware vb. Caranya masuk ke explorer buka file [Link] tsb, lihat tampilan
dibawah ini, tinnggal diclick2/doubleclick file project3.
22
Pemrogramman Visual Basic
Setelah di doubleclick [Link] hslnya langsung ditampilkan pada explorer tanpa masuk
ke prog. Visual Basic terlebihdulu, lihat hasilnya dibawah ini pada Gbr. Output latihan form
dan Object :
23
Pemrogramman Visual Basic
Dimana :
Form1 diatas adlh hsl Runing, untuk itu sebelum di Run ketikan dulu Code berikut ini pada View
code :
Caranya :
a. Sorot + click View pada main menu | pilih + click code | akan tampil jendela kode .
b. Click tanda panah dropDown pada kotak-nama2 prosedure utk memilih nama prosedure (nama
prosedur ini terbentuk dari nama object yg telah kita disain pada form). Selanjutnya Click tanda
panah dropDown pada kotak-event prosedure utk memilih event dari prosedur yg telah dipilih
tsb.
c. Setelah itu ketikan code/program untuk menjalankan prosedur atau object yg telah di disain pada
form.
d. Misalnya nama prosedur yg dipilih command1 dan nama event nya click, maka kusor aktif pada
prosedur yg kita pilih tsb, lihat berikut ini :
Private Sub Command1_Click()
-
End Sub
e. Sekarang ketikan code/programnya utk menjalankan prosedur atau object yang telah di disain
pada form, lihat program atau code code dibawah ini :
Private Sub Command1_Click()
[Link]
End Sub
24
Pemrogramman Visual Basic
[Link] = True
[Link] = 16
[Link] = vbGreen
[Link] "HALOOO SELAMAT DATANG DI VB"
[Link] = True
[Link] = 18
[Link] = &H808080
[Link] "HALOOO SELAMAT DATANG DI VB"
End Sub
2. Membuat Aplikasi Kalkulator Sederhana Untuk Menghitung Kurs Dollar dan Nilai Rupiahnya.
a. Buat proyek baru pada Visual Basic (tekan Ctrl+N)
b. Klik pada kontrol Command Button yang terdapat pada ToolBox, lalu buatlah kontrol tersebut
pada layar Form
c. Buatlah satu buah lagi kontrol Command Button, sehingga kini kita memiliki 2 buah kontrol
Command Button pada layer
d. Kini buatlah 4 buah kontrol Label dan 3 buah TextBox. Aturlah posisi dan ukurannya
sehingga tampak seperti gambar di bawah ini :
25
Pemrogramman Visual Basic
f. Klik ganda kontrol cmdOK (tombol OK), lalu ketikkan kode program di bawah ini. Kode ini
akan menghitung perkalian dari teks yang diketikkan pada kontrol txtDollar ([Link])
dengan teks yang diketikkan pada kontrol txtKurs ([Link]), lalu hasilnya ditampilkan
pada kontrol txtRupiah ([Link]). Perhitungan ini akan dijalankan apabila pemakai
mengklik tombol OK.
g. Klik ganda kontrol cmdExit (tombol Exit), lalu ketikkan kode program di bawah ini. Kode
ini akan menyebabkan aplikasi dihentikan dan ditutup. Metode ini akan dijalankan jika
h. Jalankan aplikasi ini dengan menekan tombol F5 seperti terlihat dibwh ini. Ketikkan nilai
Dollar yang ingin dikonversikan pada kotak “Nilai Dollar ($), lalu ketikkan nilai tukarnya
pada kotak “Nilai Tukar ke Rupiah”, Klik tombol OK untuk mengetahui nilai tukarnya dlm
rupiah. Klik tombol Exit untuk keluar dari aplikasi ini.
3. Rancang interface yang mengandung kontrol : 1 label, 3 commandbutton dan sebuah text seperti
berikut ini :
26
Pemrogramman Visual Basic
Kemudian :
Klik ganda Text Box, lalu lengkapi kodenya, menjadi seperti berikut :
Private Sub Text1_Change()
[Link] = [Link]
End Sub
Lalu simpan proyek Dengan perintah Save Project As dari menu File, simpanlah form sebagai
[Link] dan program sebagai [Link].
Kemudian jalankan program, lalu tuliskan kata pada text box, misalnya canggih. Kata tersebut
akan dipasangkan sebagai judul window. Klik label kedua, kata tersebut akan dituliskan pada
label tersebut. Selanjutnya pada tombol pertama akan memperbesar ukuran form, tombol kedua
akan mengganti warna form secara random dan tombol ketiga perintah untuk menutup form.
27