Praktikum Pv 4

LAPORAN

PRAKTIKUM IV

PEMROGRAMAN VISUAL

Judul

ListBox dan ComboBox

Oleh:

Nurwahyuddi12022038

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 1

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.


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 Properti Isi

Form Text Mata Kuliah Pilihan

ListBox Name listBoxSemesterGanjil

ComboBoxName comboBoxSemesterGenap

Text (kosongkan)

ButtonName buttonPilih

Text &Pilih

Gambar 1. Tampilan Form


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);

}}

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


Click. Untuk Event-Handler yang akan digunakan, sebelumnya telah dilampirkan

pada langkah percobaan ke-4. Berikut Penjelasan cara kerja event handler:

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


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.

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.


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)


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:

Sesuai yang terlihat pada listing Event Handler diatas, potongan Listing yang

dilingkari merupakan Listing yang ditambahkan sebagai pemodifikasian. Potongan

Listing tersebut yaitu:

Dan

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


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)"); }

+"(diambil ke-1)" +"(diambil ke-2)"

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:

Gambar 7. Tampilan Project Mata Kuliah Pilihan setelah dimofikasi


Keterangan tambahan untuk pilihan mata kuliah yang berhasil ditambahkan

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


Praktikum Pv 4

Documents

Transcript of Praktikum Pv 4