BAB 5 KONTROL STANDAR PADA VB - BAB 5 KONTROL STANDAR PADA VB.pdf

(1)

5-1 Dasar Pemrograman untuk Keuangan

Tujuan Pengajaran Umum : Memiliki apresiasi atas kompleksitas dan dinamika dari proses perencanaan program serta mampu mengidentifikasi jenis dan struktur program sesuai dengan kebutuhannya.

Tujuan Pengajaran Khusus :

1. Memberikan kemampuan kepada mahasiswa untuk menerjemahkan kasus sehari-hari ke dalam program dengan menggunakan VB

2. Memahami penggunaan menu dan toolbar untuk membuat proyek baru. 3. Memiliki keterampilan dalam mendisain format program sederhana dari

kasus sehari-hari.

4. Mampu mengidentifikasi kebutuhan pengguna untuk menjalankan program yang dibuat.

5. Memiliki kemampuan dan keterampilan dalam menggunakan tombol option dan check box.

Pre Test

1. Apa yang anda ketahui tentang kontrol sebuah program? 2. Apa saja yang ada dalam sebuah aplikasi komputer?

3. Bisakah anda menjelaskan kaitan antara satu kontrol dengan kontrol yang lain dalam sebuah program?

Merupakan objek pertama yang akan anda lihat pada saat membuka aplikasi baru. Form merupakan jendela dimana semua kontrol akan ditampilkan, dan disini anda akan menginput data dan melihat hasilnya.

BAB 5

(2)

GAMBAR 5 1TAMPILAN PROYEK KONTROL.VBP

Tidak banyak yang bisa anda lakukan disini. Pada dasarnya anda bisa merubah warna latar (BackColor) dan posisi awal pemunculan form (StartUpPosition), baru kemudian anda menambahkan kontrol ke dalamnya.

5.3 Label

Ini mungkin kontrol pertama yang akan anda kuasai. Digunakan untuk menampilkan teks statis, judul dan tampilan dari hasil operasi. Properti yang harus diingat adalah:

1. Caption– teks yang akan ditampilkan pada label. 2. BackColor dan ForeColor– untuk warna latar dan teks.

3. BackStyle – Opaque atau Transparent- apakah latar akan dimunculkan atau tidak.

4. Font– huruf dan ukuran teks. 5. Alignment – posisi teks.

(3)

GAMBAR 5 2PENEMPATAN LABEL

5.4 Frame dan PictureBox

Jika anda ingin membuat beberapa kontrol dalam satu grup – nama dan alamat contohnya – anda menggunakan Frame. Warna latar Frame bisa sama atau berbeda dengan warna Form.

Anda membuat Frame sebelum menempatkan kontrol yang lain. Ketika anda membuat kontrol dalam Frame , maka kontrol tersebut akan terikat didalamnya dan akan bergerak sesuai dengan pergerakan Frame. Caption untuk Frame digunakan untuk memberi nama grup.

PictureBox samaseperti Label yang berisi gambar. Picture Properti menentukan nama file, .BMP atau .GIF, yang akan ditampilkan. Dapat digunakan untuk menampilkan logo perusahaan dan sejenisnya.

(4)

5.5 TextBox dan CommandButton

TextBox hampir sama seperti label tetapi digunakan untuk menginput data kedalam program. Data diketik di dalam kotak Teks.

Pada saar program dijalankan, hanya kontrol yang bisa dimanipulasi yang akan diaktifkan. Misalnya, jika Form terdiri dari 3 label, 3 TextBox dan 3 CommandButton, maka kursor tidak akan berhenti pada label. Saat pengguna menekan tombol Tab, kursor akan bergerak menuju textbox pertama atau CommandButton – bukan yang pertama kali ada pada form tetapi yang pertama kali dibuat. Hal ini disebut dengan Tab Order dan anda harus menentukan ini.

Pada Form hanya akan nada satu kontrol dengan kursor didalamnya, ini disebut sebagai Focus. Jika anda mengetik data, kontrol dengan Focus akan menerima data tersebut. Anda merubah Focus dengan menekan Tab atau meng-klik kontrol yang lain.

CommandButton digunakan untuk menginisiasi tindakan, biasanya dengan klik tombol tersebut. Caption digunakan untuk menampilkan teks apa yang akan muncul pada bagian depan tombol. Defaultnya ada pada true, yang berarti bahwa tombol akan diaktifkan jika tombol <Enter> ditekan dimana saja pada Form. Jika Cancel diset pada true, maka tombol akan diaktifkan dengan menekan tombol <Esc>.

GAMBAR 5 4 PENEMPATAN TEXTBOX DAN COMMAND BUTTON

(5)

GAMBAR 5 5 KODE PROGRAM KONTROL.VBP

Penjelasan:

Event Form_load akan dieksekusi pertama kalinya saat program dijalankan. Disini anda menginisialisasi segalanya- anda ingin textbox dan label hasil kosong pada saat mulai, jadi kita buat seperti itu.

Proses sebenarnya terjadi saat data sudah selesai dimasukkan dan kita menekan tombol Lanjut. Logika proses disimpan pada event Cb_lanjut_Click.

Pada saat anda menekan tombol <Esc> atau meng-klik tombol Cancel, anda ingin menghapus data yang dimasukkan dan mulai dari awal lagi. Hal ini sama seperti pertama kali anda membuka program, jadi kita hanya tinggal menyatakan progam untuk mengeksekusi prosedur Form_load yang sudah kita miliki.

Tombol Exit menggunakan Me untuk Unload. Me berarti Form yang sedang aktif tanpa harus menyebutkan nama form.

Untuk contoh berikutnya kita akan memerlukan Form baru. Lakukan hal berikut ini: 1. Pilih Menu  Project  Add Form.

2. Pilih Form pada jendela form. 3. Form anda akan muncul.

4. Pada saat anda menyimpan proyek anda, namakan form2 ini dengan kontrol2.vbp.

5. Pada saat anda ingin menjalankan form ini, pilih Project  Project 1 Properties, pada startup object pilih Kontrol2.

(6)

GAMBAR 5 6 PENENTUAN OBYEK STARTUP

5.6 Check Box dan Option Buttons

Kedua kontrol ini digunakan apabila pengguna harus melakukan pilihan dari daftar pilihan yang disediakan oleh aplikasi. Perbedaan antara kedua kontrol ini adalah Checkbox dapat memilih beberapa pilihan sedangkan option hanya bisa memilih satu dari sekian banyak pilihan.

(7)

GAMBAR 5 7 PENEMPATAN CHECKBOX DAN OPTION BUTTON

Kode yang digunakan, walaupun panjang, tetapi tidak terlalu rumit. Dalam prosesnya , yang terjadi hanyalah upaya untuk mencek value dari setiap control.

(8)

GAMBAR 5 9 KODE PROGRAM CMDKONFIRM

GAMBAR 5 10 KODE PROGRAM CEK ASESORIS

5.7 ListBox

(9)

bersangkutan, ini bukan merupakan kebiasaan yang baik. Sebaiknya anda melakukan pengisian ini dengan menggunakan kode program.

GAMBAR 5 11PENEMPATAN LISTBOX

Berikut ini adalah kode yang digunakan untuk mengisi daftar pilihan seperti diatas dengan menggunakan kode pada event Form_Load.

GAMBAR 5 12 KODE PROGRAM LISTBOX

Bisakah anda membedakan mana yang property dan mana yang method? Pada contoh diatas kita menggunakan Lst_tim.AddItem. Apakah AddItem ini? Jawabannya adalah sebuah Method! Method adalah sebuah aksi yang dilakukan oleh program, dalam hal ini adalah memasukkan daftar pilihan ke dalam Listbox. Property merupakan gambaran dari control, seperti size, color dan sejenisnya.

Jika anda ingin menghapus pilihan dari dalam daftar, anda bisa menggunakan RemoveItem untuk listbox. Misalnya Lst_tim.RemoveItem 2 akan menghapus tim ketiga – ingat bahwa list selalu dimulai dari 0!

Pada saat form terbuka, maka nama tim tersebut diatas aka nada sebelum listbox ditampilkan. Jika nama tim yang ada terlalu banyak, maka listbox akan membuat scroll bar vertical.

5.8 DriveListBox, DirListBox, dan FileListBox

(10)

komputer yang ada. Ketiga kontrol ini berdiri sendiri tetapi sering kali digunakan secara berbarengan.

Pada bar toolbox, DriveListBox terlihat seperti combobox yang secara otomatis terisi oleh drive dan volume label. DirListBox adalah listbox yang menampilkan directory tree. FileListBox adalah Lixt box yang berfungsi untuk menampilkan semua file yang ada pada direktori yang ditinjau.

Sesudah menempatkan DriveListBox and a DirListBox pada permukaan form,biasanya kita tidak perlu mengatur propetinya lagi. FileListBox mempunyai satu property yang dapat diatur -- properti Pattern. Properti ini mengindikasikan file mana yang akan ditampilkan pada area listbox, dengan nilai dasar *.* (all files), tetapi kita bisa memasukkan spesifikasi apapun yagn kita perlukan baik tunggal maupun multi spesifikasi. Kita juga bisa mengatur properti ini melalui kode, seperti berikut ini:

File1.Pattern = "*.txt;*.doc;*.rtf"

Gambar berikut menunjukkan penggunaan ketiga kontrol tersebut yang membuat pengguna bisa menjelajahi struktur harddisk komputer yang digunakan.

DriveListBox : Menampilkan nama drive yang terhubung ke komputer. Properti dasarnya adalah property drive, yang akan mengatur drive mana yagn akan muncul pertama kali atau merespon permintaan pengguna.

DirListBox : Menampilkan folder dari drive yang muncul di DriveListBox. Properti dasarnya adalah properti Path, yang akan menampilkan nama folder dan ubfolder yang ada didalamnya.

FileListBox : Menampilkan file yang terdapat pada folder yang ada. Properti dasarnya juga disebut Path,dan menampilkan nama path dari folde r yang muncul.

Untuk menghubungkan kontrol-kontrol tersebut, kita harus memasukkan nilai yang tepat pada property masing-masing kontrol. Kita harus yakin bahwa property Path pada DirListBox cocok dengan property Drive pada DriveListBox sehingga apabila sebuah drive dipilih, maka foldernya akan secara otomatis ditampilkan.

Sesudah langkah awal ini, kita siap untuk mengatur event yang terjadi pada setiap kontrol. Ketika pengguna memilih drive baru pada DriveListBox control, hal ini akan memicu even Changedan mengembalikan huruf drive pada property Drive. Kita tangkap even ini dan atur property Path pada DirListBox untukmenunjukkan direktori pada drive yang dipilih:

Private Sub Drive1_Change()

(11)

Dir1.Path = Left$(Drive1.Drive, 1) & ":\" End Sub

Ketika pengguna menekan ganda nama direktori, kontrol DirListBox menjalankan even Change; kita tangkap even ini untuk mengaturproeprti Path pada FileListBox's :

Private Sub Dir1_Change() File1.Path = Dir1.Path End Sub

Akhirnya,ketika pengguna memilih file pada kontrol FileListBox, even Click akan terpicu (seperti pada Lixtbox) dan kita bisa menampilkan file mana yang dipilih dengan cara sebagai berikut:

Filename = File1.Path

If Right$(Filename, 1) <> "\" Then Filename = Filename & "\" Filename = Filename & File1.Filename

DirListBox dan FileListBox mendukung kebanyakan properti seperti ListBox biasa. FileListBox mendukung pilihan ganda; kita bisa mengatur peoperti MultiSelect pada kontrol ini.

Rangkuman

Beberapa kontrol standar yang sering digunakan pada VB adalah: 1. Form, jendela tempat tersimpannya kontrol program.

2. Label, digunakan untuk menampilkan teks statis, judul dan tampilan dari hasil operasi.

3. Frame, untuk menempatkan sekumpulan kontrol dalam sebuah grup. 4. PictureBox, seperti label yang berisi gambar.

5. TextBox, untukmenginput data pada program.

6. CommandButton, untuk menginisiasi tindakan, biasanya dengan menkan tombol bersangkutan.

7. CheckBox dan OptionButton, digunakan untuk menampung pilihan dari pengguna.

8. ListBox, pengguna dapat memilih dari daftar yang sudah pada kontrol ini. 9. DriveListBox, DirListBox, dan FileListBox, digunakan untuk menampilkanisi

hard disk komputer yang sedang digunakan.

Setiap kontrol dapat berdiri sendiri atau saling berkaitan, tergantung dari bagaimana keperluan program itu sendiri.

Post Test.

1. Sebuah perusahaan ingin mengotomatisasi daftar hadir karyawannya dan kehadiran tersebut akan digunakan sebagai dasar untuk menentukan bonus upah setiap karyawan. Buatlah sebuah program yang bisa mewakili kepentingan ini! 2. Bagaimana anda menentukan urutan kerja sebuah program, berdasarkan soal di

atas?

3. Bagaimana anda menentukan kontrol apa saja yang diperlukan dalam pembuatan program tersebut?