METHOD DAN EVENT VISUAL BASIC 6.0

Membuat User Interface

1. Aktifkan Microsoft Visual Basic 6.0 Anda dengan cara klik menu Start -> All Programs -> Microsoft Visual Studio 6.0 -> Microsoft Visual Basic 6.0
2. Pada jendela New Project Pilih Tab Exiting dan pilih platih1.vbp, kemudian klik tombol Open

   

3. Pada MenuBar silahkan Anda klik menu Project -> Add Form (Untuk menambahkan Form baru dalam project)
4. Pada jendela Add Form pilih tab New, setelah itu pilih Form dan kemudian klik tombol Open.

   

5. Pada jendela Project Explorer silahkan Anda double klik Form2 (Form yang barusan Anda buat).
6. Pada jendela Form2 buatlah tampilan User Interface (UI) seperti dibawah ini (Gunakan 1 Frame, 1 TextBox, 1 ListBox, dan 3 CommandButton)

   

7. Ubah nilai - nilai properties dari komponen

   Komponen	Properties	Nilai
   Form2	Caption	Method dan Event Program
   	StartUpPosition	2-CenterScreen
   Frame1	Caption	Daftar Nama Saudaraku
   Text1	Text	kosong
   Command1	Caption	Inputkan Nama ke dalam List
   Command2	Caption	Bersihkan
   Command3	Caption	Hapus Nama dari List

   Sehingga tampilan UI dari Form2 akan seperti dibawah ini :

   

Menuliskan Listing Program

1. Klik ganda pada area form, kemudian ketikkan Listing program dibawah ini

   

2. Kembali ke Object Form2. Klik ganda pada Command1 (tombol Inputkan Nama ke dalam List), kemudian ketikkan Listing dibawah ini

   

3. Kembali ke Object Form2. Klik ganda pada Command2 (tombol Bersihkan), kemudian ketikkan Listing dibawah ini

   

4. Kembali ke Object Form2. Klik ganda pada Command3 (tombol Hapus Nama dari List), kemudian ketikkan Listing dibawah ini

   

Setelah Anda menuliskan semua listing program diatas, simpan platih1.vbp (File -> Save Project). Simpan Form2 dengan nama flatih1b.frm.

Lakukan Setting pada Startup Object pada project Anda agar Form2 yang pertama kali muncul saat program di execute/dijalankan. Anda dapat melakukan setting Startup Object dengan cara pilih menu Project pada menubar kemudian pilih Project1 Properties.
Pada jendela Project1-Project Properties Anda ubah Startup Object ke Form2, setelah itu klik tombol OK.

Kemudian jalankan program Anda dengan menekan F5.

Untuk menambahkan Nama ke dalam List Anda bisa lakukan dengan cara mengisi Text1 dengan Nama yang ingin Anda inputkan ke dalam List1 kemudian klik tombol Inputkan Nama ke dalam List

Untuk menghapus salah satu nama yang ada pada List1, Anda bisa lakukan dengan cara klik Nama yang ingin Anda hapus pada List1 kemudian klik tombol Hapus Nama dari List (Jika Anda tidak memilih satupun Nama yang ada pada List1, tapi Anda melakukan klik pada tombol Hapus Nama dari List maka yang terjadi adalah Error)

Tombol Bersihkan berfungsi untuk membersihkan / menghapus seluruh nama yang ada pada List.

Penjelasan Kode Program

Listing List1.AddItem "Riqie Adrya Danutya" berfungsi untuk menambahkan (AddItem) String tertentu (Riqie Adrya Danutya) ke dalam komponen List1. Syntax umum dari penulisannya Adalah List1.AddItem (Item As String,[Index]). Dimana List1 adalah nama komponen yang ingin digunakan untuk method AddItem sedangkan Item As String adalah Item yang ingin ditambahkan ke dalam komponen dan Item tersebut harus berbentuk String (diapit dengan tanda petik dua ("...")).
Sehingga saat pertama kali form dibuka / di-load ke dalam memori komputer maka komponen List1 akan berisi beberapa Item (Riqie Adrya Danutya, Randy Rekta Danutya, Dwi Ratnasari, dll)

---

Ketika user melakukan klik pada tombol Input Nama ke Dalam List (Command1) maka Item yang ada pada List1 akan bertambah sesuai dengan text yang dituliskan pada TextBox (Text1.Text)

---

Ketika user melakukan klik pada tombol bersihkan (Command2) maka seluruh item yang ada pada List1 akan dihapus (Clear)

---

Listing List1.RemoveItem List1.ListIndex berfungsi untuk menghapus Item (RemoveItem) yang kita pilih (List1.ListIndex). Dimana saat kita melakukan klik pada item baris pertama yang ada pada List1 maka List1.ListIndex akan bernilai 0 (Jika user tidak memilih item yang ada pada List1 kemudian melakukan klik tombol Hapus Nama dari List maka akan terjadi Error)

Untuk lebih jelasnya silahkan Anda lakukan sedikit modifikasi pada project Anda. Tambahkan dua komponen label dan atur posisi komponen sehingga tampilan UI dari Form2 tampak seperti dibawah ini

Silahkan atur properties 2 label komponen tersebut seperti dibawah ini

Komponen	Properties	Nilai
Label1	Caption	List Index :
Label2	Caption	0

Sehingga tampilan UI dari Form2 akan tampak seperti dibawah ini

Double klik pada area List1, kemudian tuliskan listing dibawah ini

Listing diatas bermaksud ketika user melakukan klik pada item yang berada pada List1 maka Label2 akan memberikan Output berupa ListIndex dari item yang dipilih (jika tidak ada item di List1 maka Label2 tidak akan memberikan Output).

Sehingga maksud dari Listing yang ada pada tombol Hapus Nama dari List (Command3) adalah menghapus Item yang ada pada List1 dengan patokan ListIndex (List1.ListIndex) dari item yang ditunjuk.

Adapun Syntax dari penulisan Method adalah : NamaKomponen.Method (Argument)

Perhatikan, setelah Anda mengetikkan titik (dot) dibelakang NamaKomponen maka VB6 akan menampilkan list yang berisi properties dan method dari NamaKomponen.

Fasilitas ini disebut Intellisense, dan sangat membantu Anda agar tidak salah mengetikkan Properties maupun Method dari NamaKomponen. Selain itu dalam penulisan NamaKomponen Anda juga dapat menggunkan Keyword CTRL + Spasi yang bertujuan untuk menampilkan fasilitas Intellisense, agar NamaKomponen, properties dan Method yang Anda ketikkan tidak salah

Perhatikan kembali ketika anda menuliskan Method, jika method itu memiliki argumen - argumen tambahan yang dibutuhkan, maka VB6 akan membantu Anda dalam penulisan argument yang dibutuhkan tersebut. Coba lihat gambar di bawah ini

Pada tulisan Item As String ditulis tebal karena saat Anda selesai menuliskan listing AddItem Anda diminta untuk menuliskan Item yang berbentuk String.

Memodifikasi Program

Untuk lebih memahami tentang arti dan pemakaian Method dari komponen silahkan Anda lakukan modifikasi pada project Anda. Tambahkan 4 CommanButton dan 1 ListBox pada Form2. Atur posisi komponen yang barusan Anda tambahkan sehingga tampilan Form2 akan seperti dibawah ini :

Atur nilai properties dari setiap komponen yang barusan Anda tambahkan.

Komponen	Properties	Nilai
Command4	Caption	>
Command5	Caption	<
Command6	Caption	Hapus Nama dari List
Command7	Caption	Bersihkan

Setelah Anda atur nilai properties seperti yang tertera pada tabel diatas, maka tampilan Form2 akan seperti dibawah ini :

Klik ganda pada tombol > (Command4), kemudian ketikkan listing dibawah ini

Kembali ke Object Form2, klik ganda pada tombol < (Command5), kemudian ketikkan listing dibawah ini

Kembali ke Object Form2, klik ganda pada tombol Hapus Nama dari List (Command6), kemudian ketikka listing dibawah ini

Kembali ke Object Form2, klik ganda pada tombol Bersihkan (Command7), kemudian ketikkan listing dibawah ini

Simpan platih1.vbp ( File -> Save Project ), kemudian jalankan program Anda dengan cara menekan F5.

Setelah itu klik Item pertama ( Riqie Adrya Danutya ) yang ada pada List1 kemudian klik tombol > (Command4), maka item Riqie Adrya Danutya akan berpindah ke List2, hal itu disebabkan karena pada tombol > (Command4) terdapat listing :

yang mana ketika user melakukan penekanan (klik) pada tombol > (Command4) maka List2 akan menambahkan Item dari Item List1 yang diseleksi (List1.Text) yang mana Item tersebut berupa Text. Setelah itu List1 akan menghapus (RemoveItem) Item yang terseleksi pada List1 (List1.ListIndex), penghapusan itu memakai bantuan Index dari item yang terseleksi yang lebih kita kenal dengan ListIndex. Cara kerja Listing yang ada pada tombol > (Command4) hampir sama dengan cara kerja Listing yang ada pada tombol < (Command5), perbedaanya hanya terletak pada pemindahannya saja. Tombol > (Command4) memindahkan item dari List1 ke List2, sedangkan tombol < (Command5) memindahkan item dari List2 ke List1.

Untuk mendownload Artikel diatas, silahkan klik disini