Teknik Pemrograman

01 – Dasar-dasar Pemrograman VB

- Lingkungan Kerja Visual Basic

- Control Properties
- Event dan Event Driven programming
- Methods

Slide 1
 Visual Basic – Latar Belakang

 Beginners
All-purpose
Symbolic
Instruction
Code
 Bahasa Pemrograman yang sederhana
 Dikembangkan pada pertengahan th 1960
 Sifat sederhana BASIC merupakan pilihan tepat
sebagai bahasa pemrograman
 Visual Basic yang dikembangkan Microsoft telah
memiliki kemampuan yang manipulasi yang tidak
kalah dengan bahasa C

Slide 2
 Pemrograman Berbasis Windows

 Microsoft Windows menyediakan GUI

 Windows sangat mudah digunakan
 Pemrograman telah dilakukan dengan 3GL yang ada :
• C, Pascal, Assembler, Fortran, Cobol
• Hanya C yang berkembang penuh dan banyak
dunkungan
• Kurang produktif karena tingkat kesulitan tinggi

 Visual Basic :
• Menawarkan rancangan antarmuka
• Merupakan bahasa dengan CODE yang sederhana
• Bisa cepat menghasilkan program
Slide 3
 Objects dalam Visual Basic

 Programs Visual Basic menampilkan layar bergaya

Windows yang disebut Form dengan kotak (box)
 Dalam kotak Form, user dpt mengetik/mengedit teks
 Form bisa diberi tombol (button) yang bila ditekan
akan menginisialisasi suatu aksi
 Box dan button disebut control
 Form dan control are disebut object
 Program Visual Basic terdiri atas 3 bagian :
• Antarmuka (Interface)
• Values of properties
• Code
Slide 4
Menjalankan Visual Basic

Slide 5
Integrated Development Environment (IDE)

Slide 6
 Lingkungan Kerja Visual Basic
 Komponen dari program VB (Form view)

Slide 7
 Lingkungan Kerja Visual Basic
 Komponen dari program VB (Code view)

Slide 8
 Lingkungan Kerja VB : Project Window

 Project Window dapat digunakan untuk berpindah

antara code window dan form window bagi semua
form yang ada dalam Project

Slide 9
 Lingkungan Kerja VB : Project Window

 Bisa menampilkan file-file yang digunakan dalam

project
 File Project sesungguhnya
merupakan kumpulan file
 Namun tiap form tersimpan
sbg file yg terpisah
 File-file lain seperti module
Juga didaftar dlm file Project

Slide 10
 Lingkungan Kerja VB : Menu Bar
 Menu Bar terdiri atas 3 elemen :
• Title Bar, berisi nama aplikasi, defaultnya Microsoft Visual
Basic [design]
• Menu Bar, merupakan link ke fasilitas menu Visual Basic,
yang masing2 mrpk option drops down kedalam sub-menus
• Toolbar, berisi icon yang memberikan akses ke commands
yang sering digunakan
Menu Bar
Title bar

Toolbar

Slide 11
 Lingkungan Kerja VB : Properties Windows

 Digunakan untuk mengeset

tampilan dan perilaku control

 Selalu memiliki nilai default

Slide 12
 Lingkungan Kerja VB : Control Toolbox

Pointer
Label
Picture
Group Frame
Text Box
Check Box
Command Button
Combo Box
Option/Radio Button
Horizontal Scroll Bar
List Box
Timer
Vertical Scroll Bar
Directory List Box
Drive List Box
Shape
File List Box
Image
Line
OLE
Data Control

Slide 13
 Lingkungan Kerja VB : Form Layout Window

 Mengatur posisi default dari forms

(windows) di layar
 Bisa untuk drag and drop forms
Di dalam window

Tip: pilih dari menu VB ‘Project’

lalu pilih ‘Add Form’ untuk
menambahkan form

Slide 14
 Lingkungan Kerja VB : Context Sensitive Help

 Bantuan (help) bersifat Context sensitive

 Pilih item control yang diinginkan untuk minta bantuan
 Tekan tombol F1

F1

Slide 15
 Lebih Jauh dengan Controls

 object grafik merupakan ‘control’

• Form,
• Text box,
• Command Button,
• Label,
• etc

 Controls memiliki
• Properties : menentukan bagaimana kenampakan dan interaksi
control
• Events : merupakan kejadian yang dpt diberikan pada control
• Methods : rutin yang dapat diterapkan pada control
Slide 16
 Controls Properties

 Properties menggambarkan karakteristik sebuah control,

seperti:
• Karakteristik fisik seperti tinggi, lebar, dan warna
• Atau bisa juga kondisi saat ini (enable/disable), atau
suatu definisi link ke aplikasi lain
 Properti Nama dan Keterangan (Caption) dari suatu control
memiliki nilai default yang sama, namun sesungguhnya beda.
• Nama merupakan referensi yang akan digunakan oleh
code untuk merujuk ke control,
• Caption merupakan fakta tulisan pada control, agar user
dapat mengenalinya
 properties bisa diubah baik saat perancangan atau pada saat
program berjalan

Slide 17
 Merubah Properties saat Design

 Pilih properties window

 Akan muncul drop down list dari
controls yg dipilih,
 Pilih control yang diinginkan untuk
diubah propertinya
 Seluruh properti dari control yang
dipilih akan ditampilkan dengan nilai
defaultnya, dan siap untuk diedit

Slide 18
 Mengubah Properti saat Run Time

 Dilakukan dengan cara menetapkan properti baru yang

dituliskan dalam code program:

Control Name Property

 Command1.Enabled = False

 Untuk mengakses control pada form yg lain, harus didahului

dengan nama form sbg prefix dari nama properti

Form Name Control Name Property

Form1.Command1.Caption = “New Caption”

Slide 19
 Mengubah Properti saat Run Time
 Mengcopy nilai properti dari satu controls ke control yang lain:

• ControlCopyingTo.Property = ControlCopyingFrom.Property

• Contoh Label1.Caption = Text1.Text

Command1
Label1.Caption = Text1.Text
Click Event

Slide 20
 Event Driven Programs

 Dalam pemrograman yang normal, aplikasi yang dibuat

selalu dalam kendali

 Pemrograman dalam GUI memungkinkan pemanfaatan

sejumlah rutin layanan yang disediakan oleh sistem
operasi melalui suatu “trigger” lewat event. Rutin layanan
ini merupakan bagian dari GUI, misalnya command button
yang diklik.

Slide 21
 Events dalam Visual Basic

Event merupakan manifestasi dari blok kode yang berjalan.

• Controls memiliki pre-defined ‘events’, misal Click, Change.
• Code dapat dilekatkan pada sebuah event
• Saat sebuah event terjadi, maka
 Jika kode telah dilekatkan, kode akan dijalankan
 Sebagai contoh, saat command button di-klik
menggunakan mouse, maka ‘click event’ akan dijalankan,
lalu kode yang ada dalam ‘click event’ dari command
buttons dijalankan.
 Sebaliknya jika tidak ada kode yang melekat, maka
proses default yang akan berjalan,
 Dalam kasus ‘click event’, jika tak ada kode yang melekat
maka tak akan terjadi apa-apa.

Slide 22
 Menulis Code dalam sebuah Event
 Mulai dengan membuat Control pada Form
dalam antar muka VB
 Pilih dan buat event dari control
Yang akan disisipi kode, misal.
‘click event’ dari ‘command button’
 Tambahkan kode program yang akan
dijalankan saat terjadi event dari
controls yang dipilih
 Blok kode ini disebut
sub procedure

Slide 23
 Contoh Event

 Contoh event: Command Button Click

Trigger Event

Code Executed

Slide 24
 Jenis-jenis Event

Event dapat dikelompokkan menjadi:

 User generated
• (misal: command button click)

 Computer generated
• (misal: lama waktu berjalan,
dari timer control)
 Program generated
• (misal: program secara eksplisit menghasilkan
event dari dalam kode program)

Slide 25
 Visual Basic Events

 Event yang bisa terjadi pada control telah ditetapkan

secara bawaan
 Setiap tipe control memiliki satu set event yang telah
dialokasikan untuk control tersebut

 e.g. Events
that can
happen to
a Form

Slide 26
 Controls Methods

 Method merupakan rutin yang bekerja pada control,

contoh:

control_name.SetFocus
akan berakibat control_name menjadi control yang terpilih
(current control).

misal: baris kode Text1.SetFocus

akan membuat text box bernama ‘text1’ sebagai control yang
terpilih untuk input user

 VB menyediakan banyak method  baca buku manual

Slide 27
 Lebih Lanjut tentang Control

 Event, Properti dan Methods untuk control dapat dilihat di

bawah penjelasan controls pada Help.
 Informasi yang ada menjelaskan tentang apa saja yang bisa
dilakukan control dan bagaimana cara menggunakannya
 Biasanya ada banyak contoh kode penggunaan
 Untuk melihat Help, pilih sebuah control lalu tekan F1.
 Misal: text box

Slide 28
 Project Window

 Jendela Project menampilkan daftar file yang sedang dipakai oleh

aplikasi, yang meliputi:
• File-file Form : satu Form satu file
{Extensi ‘.frm’}
• File-file Module : mirip form
tapi tanpa control (hanya berisi
kode). Akan dipelajari lebih lanjut
{Extension ‘.bas’}
• Semua file tersebut disimpan
dalam sebuah file tersendiri yang
disebut file project
{Extension ‘.vbp’}

Slide 29
 Menyimpan Project

 Cara terbaik mengelola project adalah dengan menyimpan setiap

project dalam sebuah directory/folder tersendiri.
Jangan pernah mencampur berbagai project dalam satu folder
yang sama
 Saat project disimpan, maka akan tersimpan file-file berikut:
• FORM1.FRM file form
• MODULE.BAS file module jika ada
• PROJECT1.VBP file project
 If you select ‘Save Project’ from the ‘File’ Menu it should save
all your files {check your disk using Windows Explorer}
 File project VB menyimpan path dari file  pengkopian project
ke lokasi lain akan menimbulkan masalah path.

Slide 30