26
Struktur Data II dengan Visual Basic [email protected] Ptputraastawa.wordpress.com @2011 Komponen Visual Basic

StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic [email protected] Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Embed Size (px)

Citation preview

Page 1: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Struktur Data II dengan Visual Basicdengan Visual Basic

[email protected]@2011

Komponen Visual Basic

Page 2: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Mengenal Visual Basic (VB)

• VB merupakan pengembangan daripendahulunya yaitu bahasa pemrogramanBASICBASIC

• VB menggunakan sistem operasi Windows.

• Visual Basic mendukung object (Object Oriented Programming = OOP).

Page 3: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Mengenal Integrated Development Environment (IDE) VB 6

• Pilih Standard EXE dan klik tombol Open.

Page 4: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic
Page 5: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Ket:

Page 6: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Memahami Istilah Object, Property, Method dan Event

• Object : komponen di dalam sebuah program

• Property : karakteristik yang dimiliki object• Property : karakteristik yang dimiliki object

• Method : aksi yang dapat dilakukan oleh object

• Event : kejadian yang dapat dialami oleh object

Page 7: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Ilustrasi

Page 8: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

IlustrasiObject : Form

Object : Form

Page 9: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Menggunakan

Event, Property dan MethodsEvent, Property dan Methods

Page 10: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Membuat User Interface (UI)

Page 11: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Membuat User Interface (UI)

Page 12: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Mengatur Property Object

• Object Selector Selector

• Property and Value List

• Property Description

Page 13: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Atur property setiap object sebagai

berikut :

Page 14: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Hasil UI

Page 15: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Menulis Kode Program : Property Test

Page 16: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

• Private Sub Command1_Click()Label2.Caption = Text1.TextEnd Sub End Sub

• Private Sub Command2_Click()End End Sub

Page 17: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Cara penulisan (syntax) kode program

• Cara penulisan (syntax) kode program untuk mengaturproperty sebuah object adalah sebagai berikut : ▫ nama_object.property = value

• Perhatikan, setelah Anda mengetikkan tanda titik (dot) • Perhatikan, setelah Anda mengetikkan tanda titik (dot) dibelakang nama_object maka VB 6 akan menampilkandaftar property dan method yang dimiliki oleh nama_object :

Page 18: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Modifikasi Kode Program

• Ubah tampilan UI-nya menjadi seperti ini : (Tambahkan komponen Frame, OptionButton dan CheckBox)

Page 19: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

• Atur property object-object tambahannya sebagai berikut :

Page 20: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Tambahkan kode program:

• Private Sub Option1_Click()Label2.ForeColor = vbBlueEnd Sub

• Private Sub Option2_Click()• Private Sub Option2_Click()Label2.ForeColor = vbRedEnd Sub

• Private Sub Check1_Click()Label2.FontBold = Check1.ValueEnd Sub

• Private Sub Check2_Click()Label2.FontItalic = Check2.ValueEnd Sub

Page 21: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Hasil Modifikasi

Page 22: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

(Penggunaan komponen ListBox, ComboBox dan

CommandButton)

• Penggunaan Methods▫ Additems▫ RemoveItem▫ clear

Page 23: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

• Pengaturan property setiap object

Page 24: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Cara penulisan (syntax) kode program

• Cara penulisan (syntax) kode program untukmenggunakan method dari sebuah object adalahsebagai berikut : sebagai berikut : nama_object.method [argument]

Page 25: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic

Menulis Kode Program : Method Test

• Private Sub Form_Load()

Combo1.AddItem "Umar"

Combo1.AddItem "Salman"

Combo1.AddItem "Halimah"

Combo1.AddItem "Shafira" Combo1.AddItem "Shafira"

• End Sub

• Private Sub Command1_Click()

List1.AddItem Combo1.Text

• End Sub

• Private Sub Command2_Click()

List1.RemoveItem List1.ListIndex

• End Sub

• Private Sub Command3_Click()

List1.Clear

• End Sub

Page 26: StrukturData II dengan Visual Basic · StrukturData II dengan Visual Basic ptputraastawa@gmail.com Ptputraastawa.wordpress.com @2011 KomponenVisual Basic