LAPORAN PRAKTIKUM IV PEMROGRAMAN VISUAL

Judul ListBox dan ComboBox

Oleh: Nurwahyuddi 12022038

PROGRAM STUDI TEKNIK ELEKTRO FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS AHMAD DAHLAN YOGYAKARTA 2013

I.

TUJUAN PRAKTIKUM

1. Mahasiswa dapat memahami implementasi konsep dasar pemrograman visual dengan alat bantu Visual C++, 2. Mahasiswa dapat menggunakan komponen ListBox dan COmboBox, 3. Mahasiswa mampu membuat program menggunakan berbagai komponen ListBox dan ComboBox

Electrical Engineering | Ahmad Dahlan University

II.

DASAR TEORI

ComboBox adalah gabungan dari komponen ListBox dan ComboBox. ComboBox sederhana hanya berupa ListBox dan dengan TextBox di bagian atasnya; untuk mengisi TextBox, dapat dipilih dari list atau mengetik langsung.

ComboBox dengan Style Dropdown juga mirip, tetapi ListBox tidak muncul sebelum di-klik symbol Dropdown di sebelah kana TextBox. Unntuk mengisinya juga dapat dipilih dari ListBox atau mengetikkan langsung.

ComboBox dengan Style Dropdownlist mirip dengan sebelumnya, tetapi hanya dapat dipilih dari list, tidak dapat diketik secara sembarang di dalam TextBox. Pada dasarnya, Combobox (yang bukan sederhana) memerlukan ruang lebih kecil dibandingkan ListBox. Jika menggunakan ListBox bias dipilih lebih dari satu, pada ComboBox hanya dapat memilih satu saja.

Electrical Engineering | Ahmad Dahlan University

III.

LANGAKAH PERCOBAAN

Menggunakan ListBox dan ComboBox 1. Buatlah proyek baru dan tambahkan komponen berikut serta ubahlah nilai propertinya. Sesuaikan ukuran dan posisi objek dengan Gambar 1. Tambahkan pula beberapa Label untuk memberikan keterangan.

Tabel 1. Daftar komponen yang digunakan Komponen Form ListBox ComboBox Properti Text Name Name Text Name Text Isi Mata Kuliah Pilihan listBoxSemesterGanjil comboBoxSemesterGenap (kosongkan) buttonPilih &Pilih

Button

Gambar 1. Tampilan Form

Electrical Engineering | Ahmad Dahlan University

2. Pada Object Inspector pilih komponen listBoxSemesterGanjil, lalu klik dobel pada isian property Items (atau klik pada tombol di belakang nilai properti itu). Lalu akan muncul jendela String Collection Editor. Isikan daftar berikut dan tekan tombol OK.

Gambar 2. Tampilan String Collection Editor 3. Isikan juga daftar Itemd untuk comboBoxSemesterGenap: Kecerdasan Buatan Mikroprosesor Sekuriti Teknologi Informasi Sistem Kendali Lanjut Sistem Operasi 4. Buatlah event handler untuk obyek buttonPesan pada event Click.
private: System::Void buttonPilih_Click(System::Object^ sender, System::EventArgs^ e) { if ((listBoxSemesterGanjil->SelectedIndex == -1) || (comboBoxSemesterGenap->Text->Equals(""))) { MessageBox::Show("Pilih dulu mata kuliahnya"); } else { MessageBox::Show("Anda memilih\n Semester Ganjil:"+ listBoxSemesterGanjil->Items[listBoxSemesterGanjil ->SelectedIndex]+"\n SemesterGenap: "+ comboBoxSemesterGenap->Text); } }

Electrical Engineering | Ahmad Dahlan University

5. Jalankan program tersebut. 6. Gantilah nilai property DropDownStyle menjadi dropDownList. Jalankan dan perhatikan bedanya dengan program sebelumnya.

IV.

HASIL DAN PEMBAHASAN

Menggunakan ListBox dan ComboBox Pada percobaan ke-4 ini akan dibuat sebuah Project pemilihan mata kuliah. Project ini dapat digunakan untuk menentukan mata kuliah yang akan dipilih sesuai mata kuliah yang telah tersedia di dalam list mata kuliah. Adapun komponen-komponen yang digunakan dalam pembuatan Project ini antara lain: Form ListBox ComboBox Label Button

Untuk mengawali pembuatan Project, pertama komponen-komponen yang akan digunakan disusun sesuai dengan (Gambar 1) yang telah terlampir pada Langkah Percobaan. Setelah komponen-komponen tersebut disusun/ditata, isikan

ListBoxSemesterGanjil dengan memasukkan daftar Item (Daftar mata Kuliah yang akan dipilih). Pengisian mata kuliah dapat dilakukan pada Properties, lalu klik ItemCollection(akan muncul sebuah Form pengisian seperti yang terlampir pada Gambar2). Begitu juga dengan ComboBoxSemesterGenap, isikan mata kuliah yang akan dipilih pada semester genap dengan mengklik ItemCollection.

Setelah semua daftar pilihan mata kuliah (Semester Ganjil dan Semester Genap) dimasukkan, selanjutnya klik icon Events pada Properties lalu Klik Event Click pada opsi Action untuk memasukkan event Handler pada obyek ButtonPilih pada event

Electrical Engineering | Ahmad Dahlan University

Click. Untuk Event-Handler yang akan digunakan, sebelumnya telah dilampirkan pada langkah percobaan ke-4. Berikut Penjelasan cara kerja event handler: Perintah IF: Jika listBoxSemesterGanjil (diseleksi sama dengan -1, atau dapat dikatakan tidak terseleksi pada text dalam listBox), atau pada Text dalam ComboBoxSemesterGenap itu sama (pilihan keduanya tidak terseleksi), maka akan muncul Pesan Pilih dulu mata kuliahnya. Perintah ELSE: Jika tidak (yakni pilihan keduanya terseleksi baik ListBoxSemesterGanjil dan ComboBoxSemesterGenap), maka akan muncul Pesan Anda memilih dan dibawahnya tertulis Semester Ganjil dan Semester Genap, serta Pilihan Mata kuliah yang terseleksi/dipilih sesuai pilihan yang ada pada tiap semesternya.

Setelah memasukkan Event Handler pada obyek buttonPilih tadi, maka Project telah siap dijalankan. Berikut tampilan Project setelah dimasukkan event handlernya setelah didebug: Project menampilkan mata kuliah SemesterGanjil: Bahasa Pemrograman ; SemesterGenap: Mikroprosesor

Gambar 3. Project Pemilihan Mata Kuliah (Bahasa Pemrograman dan Mikroprosesor

Electrical Engineering | Ahmad Dahlan University

Semester Ganjil : Robotika ; Semester Genap : Sistem Operasi

Gambar 4. Project pemilihan mata kuliah (Robotika dan Sistem Operasi)

Efek Penggantian DropDownStyle dengan DropDownList pada Properties Perbedaan yang muncul setelah DropDownStyle diganti dengan DropDownList hanya terlihat pada penyajian mata kuliah yang akan dipilih. Pada ComboBox dengan DropDownStyle, mirip dengan sebelumnya, tetapi hanya dapat dipilih dari list, tidak dapat diketik secara sembarang di dalam TextBox. Pada dasarnya, ComboBox (yang buka sederhana) memerlukan ruang lebih kecil dibandingkan ListBox.

Electrical Engineering | Ahmad Dahlan University

V.

TUGAS

Memodifikasi Program Pemilihan Mata Kuliah

Gambar 5. Tampilan Project yang dimodifikasi (Sebelum) Program pemilihan mata kuliah akan dimodifikasi hingga berbentuk seperti tampilan Project dibawah ini:

Gambar 6. Tampilan Project yang dimodifikasi (Sesudah)

Electrical Engineering | Ahmad Dahlan University

Untuk menghindari terjadinya Error, maka perlu dibuat terlebih dahulu sebuah Form baru untuk memulai pemodifikasian Project tersebut. Dari Project yang telah dibuat sebelumnya, tinggal dimodifikasi dan ditambahkan beberapa komponen, yaitu: Label TextBox

Setelah Form baru telah berhasil disusun hingga berbentuk seperti tampilan Project (Gambar 6), perlu juga dilakukan pemodifikasian terhadap event-handler agar sesuai dengan tugas yang akan dijalankan. Berikut Event handler yang

dimodifikasi/ditambahkan:
if ((listBoxSemesterGanjil->SelectedIndex == -1) || (comboBoxSemesterGenap->Text->Equals(""))) { MessageBox::Show("Pilih dulu mata kuliahnya"); } else { MessageBox::Show("Anda memilih\n Semester Ganjil:"+ listBoxSemesterGanjil->Items[listBoxSemesterGanjil ->SelectedIndex]+"(diambil ke-1)"+"\n SemesterGenap: "+ comboBoxSemesterGenap->Text+"(diambil ke-2)"); }

Sesuai yang terlihat pada listing Event Handler diatas, potongan Listing yang dilingkari merupakan Listing yang ditambahkan sebagai pemodifikasian. Potongan Listing tersebut yaitu:
+"(diambil ke-1)"

Dan

+"(diambil ke-2)"

Penjelasan Kegunaan Potongan Listing: Kedua potongan listing event handler diatas merupakan suatu listing tambahan dimana berfungsi sebagai pemberi keterangan ketika dipilih mata kuliah antara Semester Ganjil dan Semester Genap. Misalkan dipilih sebuah mata kuliah semesterGanjil yaitu Sistem Basis Data dan mata kuliah semesterGenap yaitu Robotika, maka Potongan Listing (diambil ke-1 & diambil ke-2) akan berada pada akhir tulisan pada Form pemberitahuan yang muncul sebagai keterangan atau

Electrical Engineering | Ahmad Dahlan University

penjelasan bahwa mata kuliah Sistem Basis Data diambil pada pilihan ke-1, dan mata kuliah Robotika diambil pada pilihan ke-2. Catatan: Untuk penjelasan Listing Event Handler secara keseluruhan telah dijelaskan sebelumnya. Berikut tampilan Project yang telah dimodifikasi:

Keterangan tambahan untuk pilihan mata kuliah yang berhasil ditambahkan

Gambar 7. Tampilan Project Mata Kuliah Pilihan setelah dimofikasi

Electrical Engineering | Ahmad Dahlan University

10

VI.

KESIMPULAN

ListBox merupakan gabungan dari beberapa komponen TextBox, sedagakan ComboBox merupakan gabungan dari komponen ListBox dan TextBox. Fungsi ListBox dan ComboBox sebenarnya banyak digunakan pada Program yang memiliki List atau daftar pilihan yang banyak untuk dipilih. Misalnya pada Software-software yang telah banyak berkembang saat sekarang ini. Penggunaan ListBox dan ComboBox tersebut dapat dilihat misalnya pada Form pengisian Data Diri dalam Situs Jejaring Sosial. Disitu fungsi ListBox dan ComboBox digunakan untuk memilih tanggal lahir, Bulan, dan Tahun Lahir yang tersedia ketika akan mendaftar atau ingin memiliki sebuah Acount baru.

VII.

REFERENSI Kartika Firdausy, S.T., M.T. (2013) Petunjuk Praktikum Pemrograman Visual. Yogyakarta: Universtias Ahmad Dahlan

Electrical Engineering | Ahmad Dahlan University

11