Download - tutorial VB Bab1

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


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

Caption

MyformProgram Menghitung Luas Persegi

Label1 Caption &PanjangLabel2 Caption &LebarLabel3 Caption Lu&asText1 Name txtPanjang

6

Created By: Airlangga Cyber CommunityText ""

Text2 NameText

txtLebar""

Text3 NameText

txtLuas""

Command1 NameCaption

cmdHitung&Hitung


cmdSelesai&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 CommunityPrivate 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 CommunityKontrol 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:


Form 1 Name

Caption

Program1Transaksi Data Barang

Label1 Caption PembeliLabel2 Caption JumlahLabel3 Caption BarangLabel4 Caption HargaLabel5 Caption TotalText1 Name

TextTxtpembeli""

Text2 NameText

Txtjumlah""

Text3 NameText

Txtbarang""

Text4 NameText

Txtharga“”

Text5 NameText

Txttotal“”


Cmdproses&Proses


Cmdhapus&Hapus

Option1 NameCaption

Televisi“Televisi”

Option2 NameCaption

Tape“Tape”

Option3 NameCaption

Kulkas“Kulkas”

Frame1 Caption “Kode Barang”Sehingga tampak sebagai berikut:

9


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"


ElseIf kulkas.Value = True Then

txtbarang.Text = "Kulkas"


End If

txttotal.Text = txtharga.Text * txtjumlah.Text

End Sub

Langkah 3 : Double klik pada kontrol hapus kemudian ketik kode berikut:10


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 Object11

Created By: Airlangga Cyber CommunityLangkah 1 : Desainlah program dengan ketentuan sebagai berikut:


Form 1 Name

Caption

Program2Program Perubahan Warna Object

Label1 Name Lmerah

Label2 Name Lbiru

Label3 Name Lkuning

Label4 Name Lhijau

Check1 NameCaptionFont

CmerahMERAHBold


CbiruBIRUBold


CkuningKUNINGBold


ChijauHIJAUBold


cmdSelesai&Selesai

Sehingga tampak sebagai berikut:

12


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 CommunityEnd

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 CommunitySebuah 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 bagi 15 Mod 4=3\ Pembagian 19\4=4

+ or & Penggabungan String"Visual"&"Basic"="Visual Basic"

Contoh 3.2: firstName=Text1.Text secondName=Text2.Text

15

Created By: Airlangga Cyber CommunityyourName=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 OperatorOperator 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.4Operator Pengertian

And Keduanya harus benaror Salah satunya harus benar

Xor Hanya salah satunya yang harus benarNot 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

VB expressions 16

Created By: Airlangga Cyber CommunityElse

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 SettingForm1 Name

CaptionForm1Animasi Obyek Memantul

Picture1 NamePicture

Picture1C:\tt.jpg

Timer1 Interval 100

Desain akan tampak sebagai berikut:

17


Ketik kode berikut:

Dim sbX, sbY As IntegerPrivate Sub Form_Load()Timer1.Interval = 30sbX = 100sbY = 100End Sub

Private Sub Timer1_Timer()Picture1.Move Picture1.Left + sbX, Picture1.Top + sbYIf Picture1.Left < ScaleLeft Then sbX = 100 BeepEnd IfIf Picture1.Left + Picture1.Width > ScaleWidth + ScaleLeft Then sbX = -100 BeepEnd IfIf Picture1.Top < ScaleTop Then sbY = 100 BeepEnd IfIf Picture1.Top + Picture1.Height > ScaleHeight + ScaleTop Then sbY = -100 BeepEnd If

End Sub

Latihan 3.2Membuat Animasi Text

Langkah 1 : Buatlah form sebagai berikut

18


FORM / CONTROL PROPERTI SETTINGform1 name form1 caption Animasi form & tekslabel1 name label1 caption Ketik Teks font arial black, bold, 16label2 name lbl_animasi1 caption animasi 1 alignment 0-left justify font arial black, bold, 16label3 name lbl_animasi2 caption animasi 2 alignment 2-center font arial black, bold, 16label4 name lbl_animasi3 caption animasi 3 alignment 1-right justifytimer1 name timer1 interval 100timer2 name timer2 interval 100timer3 name timer3 interval 100command1 name cmd_start caption Mulaicommand2 name cmd_stop caption Stop

19

Created By: Airlangga Cyber CommunityDim ket1, ket3 As StringDim n As Integer, k As Integer

Private Sub cmd_start_Click()n = 1k = 1ket1 = ""ket3 = " * " & txt_isi.TextTimer1.Enabled = TrueTimer2.Enabled = TrueTimer3.Enabled = TrueEnd Sub

Private Sub Form_Load()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseEnd Sub

Private Sub smd_stop_Click()EndEnd 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 IfEnd Sub

Private Sub Timer2_Timer()lbl_animasi2.Caption = Left(txt_isi, k)If k = Len(txt_isi.Text) Then k = 1Else k = k + 1End IfEnd Sub

20

Ketik pada deklarasi General


Private Sub Timer3_Timer()ket3 = Right(ket3, Len(ket3) - 1) & Left(ket3, 1)lbl_animasi3.Caption = ket3End Sub

BAB VAkses Direktori / Folder

Langkah 1 : Desain sebuah Form dengan ketentuan :

Control Properti Setting

Label1 NameCaptionIndex

Label1Drive0


Label2Folder1


Label3Nama File2


Label4Jenis File3

DriveListBox Name Drive1

DirListBox Name Dir1

FileListBox Name File1

Combo1 NameText

Combo1*.bmp

Image1 Name Image1

21


Ketik Kode Berikut sesuaikan dengan Control/Event nya:

Private Sub Combo1_Click()File1.FileName = Combo1.TextkosongEnd Sub

Private Sub Dir1_Change()File1.FileName = Combo1.TextFile1.FileName = Dir1.PathkosongEnd Sub

Private Sub Drive1_Change()Dir1.Path = Drive1.DriveFile1.FileName = Combo1.TextFile1.FileName = Dir1.PathkosongEnd Sub

Private Sub File1_Click()On Error Resume NextImage1.Picture = LoadPicture(Dir1.Path & "\" & File1.FileName)End SubSub kosong()If File1.ListCount = 0 Then Image1.Picture = NothingEnd IfEnd Sub

Private Sub Form_Load()Combo1.AddItem "*.bmp"Combo1.AddItem "*.jpg"Combo1.AddItem "*.gif"kosong

22

Created By: Airlangga Cyber CommunityEnd Sub

Jalankan…….

23