09/10/2014

1

Pengantar Visual Basic

1

Sejarah Visual BasicBASIC merupakan kepanjangan dari Beginner’s All-

purpose Symbolic Instruction Code. Dikembangkan diDartmouth College pada tahun 1964.

Microsoft mengembangkan GW-Basic pada 1970-an untuk Altair RAM 4kilobyte.

Microsoft mengembangkan Quick Basic pada 1980-anMicrosoft mengembangkan Visual Basic pada 1991.

Bahasa pemrograman berbasiskan visual programming yang dapat di-compile menjadi standalone executable program.

Microsoft juga mengembangkan Visual Basic for Applications (VBA) yang memungkinkan penggunamembuat program dalam aplikasi Microsoft lainnyadalam bentuk macro, atau add-in program.

2

09/10/2014

2

3

Tipe Data untuk Variable & Constant

Tipe Data Ukuran Rentang Deklarasi

Boolean 2 byte True atau False

Byte 1 byte 0 s.d. 255

Short 2 byte + 32.767

Integer 4 byte + 2.147.483.647 Dim VarName%

Long 4 byte + 9.223.372.036.854.775.807 Dim VarName&

Single 4 byte + 1,40E-45 dalam + 3,40E38 Dim VarName!

Double 8 byte + 4,94E-324 dalam + 1,79E308 Dim VarName#

Currency 8 byte + 922.337.203.685.447 Dim VarName@

Date 8 byte dd-mm-yy

String 1 byte/char 0 s.d. 65.535 karakter Dim VarName$

Variant Adaptable Null, Error, dan tipe seluruh tipedata yang lain

3

Pemberian nama variabel

• Diawali karakter a-z atau A-Z, tidak diawali dengan simbol atau angka

• Maksimum 255 karakter, hanya 40 karakter pertama yang dianggap sebagai nama variabel

• Tidak mengandung titik atau karakter khusus lainnya

• Lebih baik menggunakan huruf kecil.

4

09/10/2014

3

Deklarasi Variable dan Constant

• Deklarasi Variable

Dim VariableName As DataTypeMisalnya : Dim namapelanggan As String

• Deklarasi Constant

Const ConstantName = ValueMisalnya : Const Diskon = 0.05

5

Penulisan konstanta

• Konstanta Numerik langsung▫ Harga = 1000

• Konstanta String diapit tanda kutip ganda▫ Alamat =“Jl. MT Haryono 167”, ▫ Kota=“Malang”

• Konstanta Date/ Time diapit tanda pagar▫ Lahir=#24/06/2005#▫ Jam=#15.30#

• Konstanta Boolean▫ Ya= True , Tidak = False

6

09/10/2014

4

Deklarasi Array dan User-defined Variable• Deklarasi Array Variable

Dim VariableName(Array) As DataTypeMisalnya : Dim Anak(1 To 5) As Integer

• Deklarasi User-defined VariableType ClassName

VariableName1As DataTypeVariableName2As DataType. . .

End TypeDim ObjectName As ClassName Penggunaan dalam program ObjectName.VariableName1

7

Deklarasi Subprogram

• Deklarasi Subroutine atau Prosedur

Sub ProcedureName(OptionalVariableas DataType)

.........

End Sub• Deklarasi Fungsi

Function FunctionName(OptionalVariableas DataType) as DataType

.........

End Sub

8

09/10/2014

5

Visual Programming

Graphical User Interface (GUI)

User Friendly

Event Driven Programming

9

10

Tampilan Microsoft Visual Basic

Nama Project

Menu BarToolbar

Project Box

10

09/10/2014

6

ToolBox

PointerLabel

Frame

CheckBox

ComboBoxHScrollBar

Timer

DirListBox

ShapeImage

Ole

SSTabsTabStrip

StatusBar

TreeView

ImageListDBList

DBGrid

PictureBoxTextBox

CommandButton

ListBoxVScrollBar

DriveListBoxFileListBox

LineData

CommonDialog

RichTextBox

ToolbarProgressBar

ListViewSlider

DBCombo

OptionButton

11

Object Oriented Programming

Form

Code

Properties

12

09/10/2014

7

Komponen dalam Visual Basic

• MDI Form (*.frm)

• Form (*.frm)

• Module (*.bas)

• Class (*.cls)

• Project (*.vbp)

• Application (*.exe)

• Setup

• MDI Form (*.frm)

• Form (*.frm)

• Module (*.bas)

• Class (*.cls)

• Project (*.vbp)

• Application (*.exe)

• Setup

Database

CodeInterface Class

Application Setup

OLE Database

CodeInterface Class

Application Setup

OLE

13

Form atau Window dalam GUI

• Perintah memanggil FormLoad FormName

• Perintah menampilkan FormFormName.Show

• Perintah menyembunyikan FormFormName.Hide

• Perintah menutup FormUnload FormName atau Unload Me

• Perintah membersihkan layar FormFormName.Cls

• Perintah mencetak tulisan di FormFormName.Print “Teks”

14

09/10/2014

8

OperatorOperator Penugasan

Variabel = ekspresiOperator Matematika

+ Penjumlahan- Pengurangan* Perkalian/ Pembagian bilangan nyata\ Pembagian bilangan bulat^ PemangkatanMod Sisa pembagian bulat~ Negasi (bilangan negatif)( ) Tanda kurung untuk

perhitungan awal

15

Operator

• Operator Pembanding atau Relasi

= Sama dengan

< > Tidak sama dengan

> Lebih besar dari

>= Lebih besar atau sama dengan

< Lebih kecil dari

<= Lebih kecil atau sama dengan

16

09/10/2014

9

Operator

• Operator Teks

& Penggabungan teks

• Operator Logika atau boolean

Not Bukan

And Dan

Or Atau

Xor eXclusive OR

17

Fungsi standar

Fungsi TeksUcase (Teks) Mengubah menjadi huruf besarLcase (Teks) Mengubah menjadi huruf kecilLen (Teks) Panjang atau jumlah karakterLeft (Teks,n) Mengambil n karakter pertama xRight (Teks,n) Mengambil n karakter terakhirMid (Teks,p,n) Mengambil n karakter dari

posisi pTrim (Teks) Menghilangkan spasiLTrim (Teks) Menghilangkan spasi di kiriRTrim (Teks) Menghilangkan spasi di kanan

18

09/10/2014

10

Fungsi standarFungsi Matematika

Val (Teks) Mengubah Teks menjadi AngkaStr (Angka) Mengubah Angka menjadi TeksAbs (Angka) Mendapatkan nilai mutlakInt (Angka) Mendapatkan bilangan bulatSgn (Angka) Mendapatkan tanda

negatif/positifSqr (Angka) Hasil akar kuadratRnd () Bilangan acak antara 0 dan 1Sin (Angka) Sinus sudut dalam radianCos (Angka) Cosinus sudut dalam radianTan (Angka) Tangen sudut dalam radianAtn (Angka) Arcus tangen dalam sudut radian

19

Fungsi standarFungsi Waktu

Now Mendapatkan Tanggal dan Jam sekarang

Date Mendapatkan Tanggal sekarangTime Mendapatkan Jam sekarangDateValue (Teks) Mengubah Teks menjadi TanggalTimeValue (Teks) Mengubah Teks menjadi JamYear (Tanggal) Mendapatkan Nilai TahunMonth (Tanggal) Mendapatkan Nilai BulanDay (Tanggal) Mendapatkan Nilai TanggalWeekday (Tanggal) Mendapatkan Nilai HariHour (Jam) Mendapatkan Nilai JamMinute (Jam) Mendapatkan Nilai MenitSecond (Jam) Mendapatkan Nilai Detik

20

09/10/2014

11

Contoh Program Pertama

• Tambahkan Form Induk (MDIForm) dengan cara :▫ Klik menu “Project”

▫ Muncul pulldown menu pada Project

▫ Klik submenu “Add MDI Form”

21

Atur MDIForm1

Atur Properties-nya Isikan “Caption” dengan

Program Pertama

Isikan “Name” denganMainForm

Double klik padaMDIForm, untukmemunculkan jendelaCode Isikan seperti contoh

22

09/10/2014

12

Atur Form1

• Atur Properties-nya▫ Isikan “Caption” dengan Program Hitung

▫ Isikan “Name” dengan SubForm

▫ Isikan “MDIChild” dengan True

• Tambahkan object Label1▫ Isikan “Caption” dengan Angka Pertama

▫ Atur besarnya dengan mouse

▫ Atur jenis dan ukuran “Font”

• Tambahkan object Text1▫ Isikan “Text” dengan Isikan Angka

23

Atur Form1

• Tambahkan object Label2▫ Isikan “Caption” dengan Angka Kedua

• Tambahkan object Text2▫ Isikan “Text” dengan Isikan Angka

• Tambahkan object Command1▫ Isikan “Caption” dengan +

• Tambahkan object Command2▫ Isikan “Caption” dengan -

• Tambahkan object Command3▫ Isikan “Caption” dengan *

24

09/10/2014

13

Atur Form1

• Tambahkan object Command4▫ Isikan “Caption” dengan /

• Tambahkan object Text3▫ Isikan “Text” dengan Hasil Hitung

• Tambahkan object Command5▫ Isikan “Caption” dengan Selesai

25

Tampilan Form1

26

09/10/2014

14

Penulisan Program

• Double klik pada Command1 atau +

• Isikan “Code” seperti contoh

27

Penulisan Program

• Double klik pada Command2 atau -

• Isikan “Code” seperti contoh

28

09/10/2014

15

Penulisan Program

• Double klik pada Command3 atau *

• Isikan “Code” seperti contoh

29

Penulisan Program

• Double klik pada Command4 atau /

• Isikan “Code” seperti contoh

30

09/10/2014

16

Penulisan Program

• Double klik pada Command5 atau Selesai

• Isikan “Code” seperti contoh

31

Belajar Membuat Program Sederhana

Kalkulator Sederhana

32

09/10/2014

17

Membuka VB

33

Membuka VB

34

09/10/2014

18

Menambahkan MDI Form

35

Menambahkan MDI Form

36

09/10/2014

19

Menambahkan MDI Form

• Ubah nama

• Ubah caption

• Ubah ukuran MDI Form

• Ubah posisi tampilan

• Ubah warna background

• Masukkan kode program

37

Menambahkan MDI Form

38

09/10/2014

20

Mengubah Properties Form1

• Ubah nama

• Ubah caption

• Ubah status MDIchild

• Ubah ukuran Form1

• Ubah posisi tampilan

• Ubah warna background

39

Mengubah Properties Form1

40

09/10/2014

21

Memasukkan Kontrol

• 2 Label

• 3 TextBox

• 5 commandButton

41

SubForm (Form1)

42

09/10/2014

22

Label

• Ubah nama (optional)

• Ubah caption

• Ubah ukuran

• Ubah posisi

• Ubah font

• Ubah warna

43

TextBox

• Ubah nama (optional)

• Ubah Text

• Ubah ukuran

• Ubah posisi

• Ubah font

• Ubah warna

44

09/10/2014

23

CommandButton

• Ubah nama (optional)

• Ubah caption

• Ubah ukuran

• Ubah posisi

• Ubah font

• Ubah warna

• Masukkan kode program

45

Kode Program untuk SubForm (Form1)

46

09/10/2014

24

Percobaan

47

Membuat Program Executable

48

09/10/2014

25

Membuat Program Executable

49