Created By: Airlangga Cyber Community

Bab I

Pengenalan Visual Basic

Visual Basic adalah salah suatu developement tools untuk membangun aplikasi dalam
lingkungan Windows. Dalam pengembangan aplikasi, Visual Basic menggunakan pendekatan
Visual untuk merancang user interface dalam bentuk form, sedangkan untuk kodingnya
menggunakan dialek bahasa Basic yang cenderung mudah dipelajari. Visual Basic telah menjadi
tools yang terkenal bagi para pemula maupun para developer.
Dalam lingkungan Window's User-interface sangat memegang peranan penting, karena dalam
pemakaian aplikasi yang kita buat, pemakai senantiasa berinteraksi dengan User-interface tanpa
menyadari bahwa dibelakangnya berjalan instruksi-instruksi program yang mendukung tampilan
dan proses yang dilakukan.
Pada pemrograman Visual, pengembangan aplikasi dimulai dengan pembentukkan user
interface, kemudian mengatur properti dari objek-objek yang digunakan dalam user interface,
dan baru dilakukan penulisan kode program untuk menangani kejadian-kejadian (event). Tahap
pengembangan aplikasi demikian dikenal dengan istilah pengembangan aplikasi dengan
pendekatan Bottom Up.

I.1. IDE Visual Basic

Langkah awal dari belajar Visual Basic adalah mengenal IDE (Integrated
Developement Environment) Visual Basic yang merupakan Lingkungan Pengembangan
Terpadu bagi programmer dalam mengembangkan aplikasinya. Dengan menggunakan IDE
programmer dapat membuat user interface, melakukan koding, melakukan testing dan
debuging serta menkompilasi program menjadi executable. Penguasaan yang baik akan
IDE akan sangat membantu programmer dalam mengefektifkan tugas-tugasnya sehingga
dapat bekerja dengan efisien.

1
 Created By: Airlangga Cyber Community
I.2. Menjalankan IDE

- [Start], pilih menu Command, dan pilih Microsoft Visual Basic 6.0 dan akhirnya
Microsoft Visual Basic 6.0.

Gambar 1-1. Mengaktifkan IDE Visual Basic 6.0

I.3. Memilih jenis Project

- Pilih [project Standard EXE].

Gambar 1-2. Dialog box New Project ditampilkan sesaat anda menjalankan IDE Visual
Basic 6.

2
 Created By: Airlangga Cyber Community

I.4. Mengenal Fungsi Jendela IDE

Gambar 1-3. IDE Visual Basic dengan jendela-jendela yang terbuka.

Adapun jendela-jendela yang perlu anda perhatikan adalah sebagai berikut :

• Menu Bar, digunakan untuk memilih tugas-tugas tertentu seperti menyimpan project,
membuka project, dll
• Main Toolbar, digunakan untuk melakukan tugas-tugas tertentu dengan cepat.
• Jendela Project, jendela ini berisi gambaran dari semua modul yang terdapat dalam
aplikasi anda. Anda dapat menggunakan icon Toggle Folders untuk menampilkan modul-
modul dalam jendela tersebut secara di group atau berurut berdasarkan nama. Anda dapat
menggunakan Ctrl+R untuk menampilkan jendela project, ataupun menggunakan icon
Project Explorer.
• Jendela Form Designer, jendela ini merupakan tempat anda untuk merancang user
interface dari aplikasi anda. Jadi jendela ini menyerupai kanvas bagi seorang pelukis.
• Jendela Toolbox, jendela ini berisi komponen-komponen yang dapat anda gunakan untuk
mengembangkan user interface.

3
 Created By: Airlangga Cyber Community
• Jendela Code, merupakan tempat bagi anda untuk menulis koding. Anda dapat
menampilkan jendela ini dengan menggunakan kombinasi Shift-F7.
• Jendela Properties, merupakan daftar properti-properti object yang sedang terpilih.
Sebagai contohnya anda dapat mengubah warna tulisan (foreground) dan warna
latarbelakang (background). Anda dapat menggunakan F4 untuk menampilkan jendela
properti.
• Jendela Color Palette, adalah fasilitas cepat untuk mengubah warna suatu object.
• Jendela Form Layout, akan menunjukan bagaimana form bersangkutan ditampilkan
ketika runtime.
Jika jendela-jendela tersebut tidak ada, anda dapat memunculkannya dengan Menu View dan
pilih :
• Project Explorer (Ctrl+R)
• Properties Windows (F4)
• Form Layout Windows
• Property Pages (Shift+F4)
• Toolbox
• Color Pallete
• Toolbars

4
 Created By: Airlangga Cyber Community
I.5. Toolbox

Gambar 1-3. Toolbox Visual Basic 6 dengan semua kontrol

Adapun secara garis besar fungsi dari masing-masing intrinsic kontrol tersebut adalah
sebagai berikut :
• Pointer bukan merupakan suatu kontrol; gunakan icon ini ketika anda ingin memilih
kontrol yang sudah berada pada form.
• PictureBox adalah kontrol yang digunakan untuk menampilkan image dengan format:
BMP, DIB (bitmap), ICO (icon), CUR (cursor), WMF (metafile), EMF (enhanced
metafile), GIF, dan JPEG.
• Label adalah kontrol yang digunakan untuk menampilkan teks yang tidak dapat
diperbaiki oleh pemakai.
• TextBox adalah kontrol yang mengandung string yang dapat diperbaiki oleh pemakai,
dapat berupa satu baris tunggal, atau banyak baris.
• Frame adalah kontrol yang digunakan sebagai kontainer bagi kontrol lainnya.
• CommandButton merupakan kontrol hampir ditemukan pada setiap form, dan digunakan
untuk membangkitkan event proses tertentu ketika pemakai melakukan klik padanya.
5
 Created By: Airlangga Cyber Community
• CheckBox digunakan untuk pilihan yang isinya bernilai yes/no, true/false.
• OptionButton sering digunakan lebih dari satu sebagai pilihan terhadap beberapa option
yang hanya dapat dipilih satu.
• ListBox mengandung sejumlah item, dan user dapat memilih lebih dari satu (bergantung
pada property MultiSelect).
• ComboBox merupakan konbinasi dari TextBox dan suatu ListBox dimana pemasukkan
data dapat dilakukan dengan pengetikkan maupun pemilihan.
• HScrollBar dan VScrollBar digunakan untuk membentuk scrollbar berdiri sendiri.
• Timer digunakan untuk proses background yang diaktifkan berdasarkan interval waktu
tertentu. Merupakan kontrol non-visual.
• DriveListBox, DirListBox, dan FileListBox sering digunakan untuk membentuk dialog
box yang berkaitan dengan file.
• Shape dan Line digunakan untuk menampilkan bentuk seperti garis, persegi, bulatan,
oval.
• Image berfungsi menyerupai image box, tetapi tidak dapat digunakan sebagai kontainer
bagi kontrol lainnya. Sesuatu yang perlu diketahui bahwa kontrol image menggunakan
resource yang lebih kecil dibandingkan dengan PictureBox
• Data digunakan untuk data binding
• OLE dapat digunakan sebagai tempat bagi program eksternal seperti Microsoft Excel,
Word, dll.

Latihan Bab I
Program Menghitung Luas Persegi

Ketentuan Properti sebagai berikut:

Objek/Kontrol Properti Nilai
Form 1 Name Myform
Program Menghitung Luas
Caption
Persegi
Label1 Caption &Panjang
Label2 Caption &Lebar
Label3 Caption Lu&as
6
 Created By: Airlangga Cyber Community
Text1 Name txtPanjang
Text ""
Text2 Name txtLebar
Text ""
Text3 Name txtLuas
Text ""
Command1 Name cmdHitung
Caption &Hitung
Command2 Name cmdSelesai
Caption &Selesai

Langkah 1 : Aktifkan IDE Visual Basic dan pilih Standard EXE.

Langkah 2 : Pada jendela toolbox, klik pada kontrol label, kemudian gambarkan pada
Form1, lakukan hal sama untuk Label2 dan Label3, demikian juga untuk
Textbox dan CommandButton. Sehingga tampak seperti gambar berikut:

Langkah 3 : Lakukan koding untuk menghitung Luas, ketika pemakai melakukan klik atau
Alt H, pada cmdHitung, dengan kode sebagai berikut:
Private Sub cmdHitung_Click()
TxtLuas.Text = Val(txtPanjang.Text) * Val(txtLebar.Text)
End Sub

Langkah 4 : Lakukan juga koding untuk cmdSelesai.

7
 Created By: Airlangga Cyber Community
Private Sub cmdSelesai_Click()
Unload Me
End Sub

Langkah 5 : Simpan Project Program dan Form Program

LLangkah 6 : Jalankan program anda dengan menekan F5 atau menekan

Bab II
Bekerja dengan Kontrol

2.1. Kontrol Frame dan Option Button

8
 Created By: Airlangga Cyber Community
Kontrol Frame dan Option Button digunakan untuk memberikan
sekelompok pilihan dimana hanya ada satu pilihan yang dapat dipilih.
Latihan :
Buatlah Program Transaksi Data Barang
Langkah1 : Desainlah sebuah program dengan ketentuan sebagai
berikut:

Objek/Kontrol Properti Nilai

Form 1 Name Program1
Transaksi Data Barang
Caption
Label1 Caption Pembeli
Label2 Caption Jumlah
Label3 Caption Barang
Label4 Caption Harga
Label5 Caption Total
Text1 Name Txtpembeli
Text ""
Text2 Name Txtjumlah
Text ""
Text3 Name Txtbarang
Text ""
Text4 Name Txtharga
Text “”
Text5 Name Txttotal
Text “”
Command1 Name Cmdproses
Caption &Proses
Command2 Name Cmdhapus
Caption &Hapus
Option1 Name Televisi
Caption “Televisi”
Option2 Name Tape
Caption “Tape”
Option3 Name Kulkas
Caption “Kulkas”
Frame1 Caption “Kode Barang”
Sehingga tampak sebagai berikut:

9
 Created By: Airlangga Cyber Community

Langkah 2 : Double klik pada kontrol proses dan ketikkan kode

berikut:
Private Sub cmdproses_Click()
If televisi.Value = True Then
txtbarang.Text = "Televisi"
txtharga.Text = 1500000
ElseIf tape.Value = True Then
txtbarang.Text = "Tape"
txtharga.Text = 500000
ElseIf kulkas.Value = True Then
txtbarang.Text = "Kulkas"
txtharga.Text = 780000
End If
txttotal.Text = txtharga.Text * txtjumlah.Text
End Sub

Langkah 3 : Double klik pada kontrol hapus kemudian ketik kode berikut:
10
 Created By: Airlangga Cyber Community

Private Sub cmdhapus_Click()

txtpembeli.Text = ""
txtjumlah.Text = ""
txtbarang.Text = ""
txtharga.Text = ""
txttotal.Text = ""
End Sub

Lankah 4 : Jalankan program anda

Tugas : - Tambahkan kode untuk perpindahan antar object dengan menekan ENTER
- Tabahkan 1 tombol (command) untuk keluar dari program.

2.2. Kontrol CheckBox

Kontrol Checkbox digunakan untuk menampilkan sekelompok pilihan dimana user dapat
memilih lebih dari satu pilihan.

Latihan 2
Mengubah Warna Object
11
 Created By: Airlangga Cyber Community
Langkah 1 : Desainlah program dengan ketentuan sebagai berikut:
Objek/Kontrol Properti Nilai
Form 1 Name Program2
Program Perubahan Warna
Caption
Object
Label1 Name Lmerah

Label2 Name Lbiru

Label3 Name Lkuning

Label4 Name Lhijau

Check1 Name Cmerah

Caption MERAH
Font Bold
Check2 Name Cbiru
Caption BIRU
Font Bold
Check3 Name Ckuning
Caption KUNING
Font Bold
Check4 Name Chijau
Caption HIJAU
Font Bold
Command2 Name cmdSelesai
Caption &Selesai

Sehingga tampak sebagai berikut:

12
 Created By: Airlangga Cyber Community

Langkah 2 : Double klik pada kontrol checkbox Merah kemudian ketikkan kode
berikut:
Private Sub Cbiru_Click()
Lbiru.BackColor = &HFF0000
Lbiru.Caption = "BIRU"
End Sub

Private Sub Chijau_Click()

Lhijau.BackColor = &H8000&
Lhijau.Caption = "HIJAU"
End Sub

Private Sub Ckuning_Click()

Lkuning.BackColor = &HFFFF&
Lkuning.Caption = "KUNING"
End Sub

Private Sub cmdkeluar_Click()

13
 Created By: Airlangga Cyber Community
End
End Sub

Private Sub Cmerah_Click()

Lmerah.BackColor = &HC0&
Lmerah.Caption = "MERAH"
End Sub

Langkah 3 : Double klik pada kontrol Keluar dan ketik “End” dan jalankan program
anda.

BAB III
BEKERJA DENGAN VARIABEL DAN OPERATOR

3.1. Menetukan Nilai Suatu Variabel

14
 Created By: Airlangga Cyber Community
Sebuah variabel dapat dideklarasikan dengan pernyataan “Dim”.
Setelah mendeklarasikan beberapa variabel menggunakan stateman Dim, maka selanjutnya
nilai-nilai pada variabel tersebut dapat ditentukan, dengan format umum:

Variable=Expresi

Variabel dapat menjadi deklarasi dari variabel yang lain atau nilai dari suatu kontrol
property.
Expresi harus merupakan expresi matematis, angka, string(karakter), boolean (benar atau
salah) dan lain-lain.

Beberapa contoh dari ekspresi adalah sebagai berikut:

firstNumber=100
secondNumber=firstNumber-99
userName="John Lyan"
userpass.Text = password
Label1.Visible = True
Command1.Visible = false
Label4.Caption = textbox1.Text
ThirdNumber = Val(usernum1.Text)
total = firstNumber + secondNumber+ThirdNumber

3.2 Operators dalam Visual Basic

Untuk menghitung suatu masukan (input) dari user dan untuk memperoleh hasil (keluaran),
harus digunakan beberapa operator matematis (mathematical operator).
Operator dalam Visual Basic berbeda dengan operator matematis pada umumnya, kecuali
simbol ‘+’ dan ‘-‘. Sebagaimana yang terlihat pada tabel.

Table 3.2

Operator Fungsi Matematis Example

^ Pangkat 2^4=16
* Perkalian 4*3=12
/ Pembagian 12/4=3
Mod Sisa dari hasil bagi15 Mod 4=3
\ Pembagian 19\4=4
"Visual"&"Basic"="Visual
+ or & Penggabungan String
Basic"

Contoh 3.2:
firstName=Text1.Text
secondName=Text2.Text
15
 Created By: Airlangga Cyber Community
yourName=firstName+secondName
number1=val(Text3.Text)
number2=val(Text4.Text)
number3=num1*(num2^3)
number4=number3 Mod 2
number5=number4\number1
Total=number1+number2+number3+number4+number5
Average=Total/5

3.3 Kondisional Operator

Untuk mengontrol alur program Visual Basic, kita dapat menggunakan berbagai
kondisional operator, Pada dasarnya operator tersebut mirip dengan operator matematis.
Fungsi dari operator tersebut adalah untuk membandingkan nilai suatu data kemudian
mengambail keputusan akan aksi yang akan dilakukan, misalnya mengeksekusi suatu
program atau menghentikan suatu program dan lain-lain. Operator-operator tersebut
dalah sebagai berikut:

Table 3.3: Kondisional Operator

Operator Meaning
= Sama Dengan
> Lebih Besar
< Lebih Kecil
>= Lebih Besar dan Sama dengan
<= Lebih kecil dan sama dengan
<> Tidak sama dengan
3.4 Logical Operators
Terdapat beberapa operator logika yang juga digunakan dalam visual basic yaitu:

Table 3.4
Operator Pengertian
And Keduanya harus benar
or Salah satunya harus benar
Xor Hanya salah satunya yang harus benar
Not Negasi

3.5 Using If.....Then.....Else Statements with Opreators

Untuk mengefektifkan kontrol dalam visula basic maka digunakan juga
If...Then...Else statement bersama dengan kondisional operator dan logikal operator.
Format umum penulisan for the if...then...else statement adalah:
If conditions Then

16
 Created By: Airlangga Cyber Community
VB expressions
Else
VB expressions
End If
Contoh:
Private Sub OK_Click()
firstnum = Val(usernum1.Text)
secondnum = Val(usernum2.Text)
total = Val(sum.Text)
If total = firstnum + secondnum And Val(sum.Text) <> 0 Then
correct.Visible = True
wrong.Visible = False
Else
correct.Visible = False
wrong.Visible = True
End If
End Sub

Latihan:

1. Membuat Animasi Bola Pantul

Langkah 1 : Desain sebuah form sebagai berikut dengan ketentuan:

Control Properti Setting

Form1 Name Form1
Caption Animasi Obyek
Memantul
Picture1 Name Picture1
Picture C:\tt.jpg
Timer1 Interval 100

Desain akan tampak sebagai berikut:

17
 Created By: Airlangga Cyber Community

Ketik kode berikut:

Dim sbX, sbY As Integer

Private Sub Form_Load()
Timer1.Interval = 30
sbX = 100
sbY = 100
End Sub

Private Sub Timer1_Timer()

Picture1.Move Picture1.Left + sbX, Picture1.Top + sbY
If Picture1.Left < ScaleLeft Then
sbX = 100
Beep
End If
If Picture1.Left + Picture1.Width > ScaleWidth + ScaleLeft Then
sbX = -100
Beep
End If
If Picture1.Top < ScaleTop Then
sbY = 100
Beep
End If
If Picture1.Top + Picture1.Height > ScaleHeight + ScaleTop Then
sbY = -100
Beep
End If

End Sub

Latihan 3.2
Membuat Animasi Text

Langkah 1 : Buatlah form sebagai berikut

18
 Created By: Airlangga Cyber Community

FORM / CONTROL PROPERTI SETTING

form1 name form1
caption Animasi form & teks
label1 name label1
caption Ketik Teks
font arial black, bold, 16
label2 name lbl_animasi1
caption animasi 1
alignment 0-left justify
font arial black, bold, 16
label3 name lbl_animasi2
caption animasi 2
alignment 2-center
font arial black, bold, 16
label4 name lbl_animasi3
caption animasi 3
alignment 1-right justify
timer1 name timer1
interval 100
timer2 name timer2
interval 100
timer3 name timer3
interval 100
command1 name cmd_start
caption Mulai
command2 name cmd_stop
caption Stop
19
 Created By: Airlangga Cyber Community
Dim ket1, ket3 As String
Ketik pada deklarasi General
Dim n As Integer, k As Integer

Private Sub cmd_start_Click()

n=1
k=1
ket1 = ""
ket3 = " * " & txt_isi.Text
Timer1.Enabled = True
Timer2.Enabled = True
Timer3.Enabled = True
End Sub

Private Sub Form_Load()

Timer1.Enabled = False
Timer2.Enabled = False
Timer3.Enabled = False
End Sub

Private Sub smd_stop_Click()

End
End Sub

Private Sub Timer1_Timer()

ket1 = ket1 & Mid(txt_isi.Text, n, 1)
lbl_animasi1.Caption = ket1
If n = Len(txt_isi.Text) Then
ket1 = ""
n=1
Else
n=n+1
End If
End Sub

Private Sub Timer2_Timer()

lbl_animasi2.Caption = Left(txt_isi, k)
If k = Len(txt_isi.Text) Then
k=1
Else
k=k+1
End If
End Sub
20
 Created By: Airlangga Cyber Community

Private Sub Timer3_Timer()

ket3 = Right(ket3, Len(ket3) - 1) & Left(ket3, 1)
lbl_animasi3.Caption = ket3
End Sub

BAB V
Akses Direktori / Folder

Langkah 1 : Desain sebuah Form dengan ketentuan :

Control Properti Setting

Label1 Name Label1
Caption Drive
Index 0
Label2 Name Label2
Caption Folder
Index 1
Label3 Name Label3
Caption Nama File
Index 2
Label4 Name Label4
Caption Jenis File
Index 3
DriveListBox Name Drive1
DirListBox Name Dir1
FileListBox Name File1
Combo1 Name Combo1
Text *.bmp
Image1 Name Image1

21
 Created By: Airlangga Cyber Community

Ketik Kode Berikut sesuaikan dengan Control/Event nya:

Private Sub Combo1_Click()

File1.FileName = Combo1.Text
kosong
End Sub

Private Sub Dir1_Change()

File1.FileName = Combo1.Text
File1.FileName = Dir1.Path
kosong
End Sub

Private Sub Drive1_Change()

Dir1.Path = Drive1.Drive
File1.FileName = Combo1.Text
File1.FileName = Dir1.Path
kosong
End Sub

Private Sub File1_Click()

On Error Resume Next
Image1.Picture = LoadPicture(Dir1.Path & "\" & File1.FileName)
End Sub
Sub kosong()
If File1.ListCount = 0 Then
Image1.Picture = Nothing
End If
End Sub

Private Sub Form_Load()

Combo1.AddItem "*.bmp"
Combo1.AddItem "*.jpg"
Combo1.AddItem "*.gif"
kosong
End Sub

22
 Created By: Airlangga Cyber Community

Jalankan…….

23