P. 1
tutorial VB Bab1

tutorial VB Bab1

4.71

|Views: 2,644|Likes:
Published by api-3766684

More info:

Published by: api-3766684 on Oct 16, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

03/18/2014

pdf

text

original

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 modulmodul 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 Label1 Label2 Label3

Name Caption Caption Caption Caption

Myform Program Menghitung Luas Persegi &Panjang &Lebar Lu&as
6

Created By: Airlangga Cyber Community

Text1 Text2 Text3 Command1 Command2

Name Text Name Text Name Text Name Caption Name Caption

txtPanjang "" txtLebar "" txtLuas "" cmdHitung &Hitung cmdSelesai &Selesai

Langkah 1 Langkah 2

: Aktifkan IDE Visual Basic dan pilih Standard EXE. : 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 Label1 Label2 Label3 Label4 Label5 Text1

Name

Caption Caption Caption Caption Caption Caption Name Text Text2 Name Text Text3 Name Text Text4 Name Text Text5 Name Text Command1 Name Caption Command2 Name Caption Option1 Name Caption Option2 Name Caption Option3 Name Caption Frame1 Caption Sehingga tampak sebagai berikut:

Program1 Transaksi Data Barang Pembeli Jumlah Barang Harga Total Txtpembeli "" Txtjumlah "" Txtbarang "" Txtharga “” Txttotal “” Cmdproses &Proses Cmdhapus &Hapus Televisi “Televisi” Tape “Tape” Kulkas “Kulkas” “Kode Barang”

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 Form 1 Label1 Label2 Label3 Label4 Check1 Check2 Check3 Check4 Command2

: Desainlah program dengan ketentuan sebagai berikut:
Properti Nilai

Objek/Kontrol

Name Caption Name Name Name Name Name Caption Font Name Caption Font Name Caption Font Name Caption Font Name Caption

Program2 Program Perubahan Warna Object Lmerah Lbiru Lkuning Lhijau Cmerah MERAH Bold Cbiru BIRU Bold Ckuning KUNING Bold Chijau HIJAU Bold cmdSelesai &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 ^ * / Mod \ + or & Fungsi Matematis Pangkat Perkalian Pembagian Sisa dari hasil bagi Pembagian Example 2^4=16 4*3=12 12/4=3 15 Mod 4=3 19\4=4 "Visual"&"Basic"="Visual 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: Operator = > < >= <= <> 3.4 Logical Operators Terdapat beberapa operator logika yang juga digunakan dalam visual basic yaitu: Table 3.4 Operator And or Xor Not 3.5 Pengertian Keduanya harus benar Salah satunya harus benar Hanya salah satunya yang harus benar Negasi Table 3.3: Kondisional Operator Meaning Sama Dengan Lebih Besar Lebih Kecil Lebih Besar dan Sama dengan Lebih kecil dan sama dengan Tidak sama dengan

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 Form1 Picture1 Timer1 Properti Name Caption Name Picture Interval Setting Form1 Animasi Obyek Memantul Picture1 C:\tt.jpg 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 form1 label1 label2

label3

label4 timer1 timer2 timer3 command1 command2

PROPERTI name caption name caption font name caption alignment font name caption alignment font name caption alignment name interval name interval name interval name caption name caption

SETTING form1 Animasi form & teks label1 Ketik Teks arial black, bold, 16 lbl_animasi1 animasi 1 0-left justify arial black, bold, 16 lbl_animasi2 animasi 2 2-center arial black, bold, 16 lbl_animasi3 animasi 3 1-right justify timer1 100 timer2 100 timer3 100 cmd_start Mulai cmd_stop Stop
19

Created By: Airlangga Cyber Community

Dim ket1, ket3 As String 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

Ketik pada deklarasi General

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 Label1 Label2 Label3 Label4 DriveListBox DirListBox FileListBox Combo1 Image1 Properti Name Caption Index Name Caption Index Name Caption Index Name Caption Index Name Name Name Name Text Name Setting Label1 Drive 0 Label2 Folder 1 Label3 Nama File 2 Label4 Jenis File 3 Drive1 Dir1 File1 Combo1 *.bmp 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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->