LAPORANPRAKTIKUM VPEMROGRAMAN VISUAL

JudulDataGridView

Oleh:Nurwahyuddi12022038

PROGRAM STUDI TEKNIK ELEKTROFAKULTAS TEKNOLOGI INDUSTRIUNIVERSITAS AHMAD DAHLANYOGYAKARTA2013I. TUJUAN PERCOBAAN1. Mahasiswa dapat menggunakan komponen standar DataGridView2. Mahasiswa dapat membuatnprogram menggunakan komponen standar DataGridView

II. DASAR TEORIKomponnen DataGridView dapat digunakan untuk menampilkan dan mengedit data berbentuk tabel dari berbagai sumber data. DataGridView sangat fleksibel dan dapat dikembangkan, serta memiliki banyak property, method dan event untuk mengubah tampilan dan perilakku tabel tersebut. Jika hendak menampilkan data tabel maka gunakan komponen ini.

III. LANGKAH PERCOBAANMenggunkan DataGridView1. Buatlah Proyek baru dan tambahkan komponen berikut serta ubahlah nilai propertinya. Tambahkan pula beberapa Label untuk memberikan keterangan.KomponenPropertiIsi

FormTextProgram Konversi Mata Uang

DataGridViewNamedataGridViewTabel

BackGroundColorWhite

ReadOnlyTrue

TextBoxNameTextBoxKurs

Text9150

ButtonNameButtonHitung

Text&Hitung

Perhatian : Pada saat membuat Form, DataGridView belum berisi, tulisan dalam DataGridView akan diisi saat program dijalankan.

Gambar 1. Program Konversi Mata Uang2. Buatlah event handler untuk obyek Form1 pada Event Load. Event ini untuk membuat kolom dan menuliskan judul header (baris paling atas tabel).private: System::Void Form1_Load(System::Object^ sender, System::EventArgs^ e) {dataGridViewTabel->Columns->Add("USD", "USD");dataGridViewTabel->Columns->Add("Rupiah", "Rupiah");}

3. Buatlah event handler untuk obyek buttonHitung pada Event Click. Event ini untuk menuliskan mengisi tabel konversi mata uang dengan nilai USD.private: System::Void buttonHitung_Click(System::Object^ sender, System::EventArgs^ e) {int Kurs, USD, Rupiah;

Kurs = Convert::ToInt16(textBoxKurs->Text);dataGridViewTabel->Rows->Clear();int n = dataGridViewTabel->Rows->Add(9);for (int i=1; iRows[i-1]->Cells["USD"]->Value=Convert::ToString(USD);dataGridViewTabel->Rows[i-1]->Cells["Rupiah"]->Value=Convert::ToString(Rupiah);}}

4. Jalankan.

IV. HASIL DAN PEMBAHASANprivate: System::Void Form1_Load(System::Object^ sender, System::EventArgs^ e) {dataGridViewTabel->Columns->Add("USD", "USD");dataGridViewTabel->Columns->Add("Rupiah", "Rupiah");}

Menggunakan DataGridViewPada percobaan ke-5 ini akan dibuat sebuah Program Konversi mata Uang dengan menggunakan DataGridView. DataGridView merupakan sebuah komponen yang dapat digunakan untuk menampilkan serta mengedit suatu data ke dalam bentuk tabel dari berbagai sumber data. Adapun komponen-komponen yang akan digunakan dalam praktikum ke-5 ini antara lain: Form Label TextBox Button DataGridViewUntuk mengawali pembuatan Project, pertama buat sebuah Form baru dengan memilih menu File-New lalu pilih Project. Setelah muncul dialog pernyataan New Project, beri nama project yang akan dibuat dengan nama DataGridView. Setelah muncul sebuah Form baru, masukkan komponen-komponen yang akan digunakan dan ditata seperti tampilan Form dibawah ini:

Gambar 2. Tampilan Form Sementara Program Konversi Mata Uang

Setelah Form ditata dan terlihat seperti pada gambar2, langkah selanjutnya yaitu memasukkan Event-Handler untuk obyek Form1 pada event Load. Event ini merupakan perintah dimana berfungsi untuk membuat kolom dan menuliskan judul header (baris paling atas tabel) yang akan dibuat. Berikut listing serta penjelasannya :private: System::Void Form1_Load(System::Object^ sender, System::EventArgs^ e) {dataGridViewTabel->Columns->Add("USD", "USD");dataGridViewTabel->Columns->Add("Rupiah", "Rupiah");}

Event handler diatas merupakan perintah untuk menambah 2kolom, yaitu kolom USD dan kolom Rupiah agar dapat dimuat dalam Tabel(dataGridViewTabel).

Setelah event handler untuk Form Load diisi/dimasukkan, langah selanjutnya yakni mamasukkan event handler untuk obyek buttonHitung pada event klick. Event ini berfungsi untuk memasukkan serta mengisi tabel konversi mata uang yang akan dibuat. Berikut event handler serta penjelasannya :private: System::Void buttonHitung_Click(System::Object^ sender, System::EventArgs^ e) {int Kurs, USD, Rupiah;

Kurs = Convert::ToInt16(textBoxKurs->Text);dataGridViewTabel->Rows->Clear();int n = dataGridViewTabel->Rows->Add(9);for (int i=1; iRows[i-1]->Cells["USD"]->Value=Convert::ToString(USD);dataGridViewTabel->Rows[i-1]->Cells["Rupiah"]->Value=Convert::ToString(Rupiah);}}

Event diatas menunjukkan bahwa nilai Kurs, USD, dan Rupiah di input sebagai tipe data integer. Untuk nilai kurs sendiri yaitu 9150, nilai USD sebesar i, dimana nilai I berkisar antara 1 sampai dengan 10, sedangkan nilai Rupiah adalah I (USD) dikali dengan nilai Kurs (dapat dilihat dalam rumus yang dilingkari). Dalam tipe perulangan yang digunakan (For), banyaknya nilai I berkisar dari 1 sampai 10. Jadi, jumlah baris yang dihasilkan akan muncul sebanyak 10 baris. Dan terakhir untuk pemanggilan, nilai mata uang USD dan Rupiah akan dikonversi kembali ke dalam tipe data String.

Setelah semua event handler dimasukkan/diisi, maka program konversi mata uang telah siap untuk dijalankan. Berikut contoh tampilannya:

Gambar 3. Tampilan program konversi mata uangPada saat form/project didebug (jika tidak terjadi Error), maka akan muncul sebuah Form (Program Konversi Mata Uang). Saat form tampil, tampilan awal form tidak langsung menunjukkan angka-angka hasil konversi mata uang USD ke Rupiah, tetapi Form hanya menampilkan 2buah kolom, yaitu kolom USD dan kolom Rupiah.

Gambar 4. Program sebelum tombol Hitung ditekan

Gambar 4. menunjukkan tampilan form/Program sebelum tombol Hitung ditekan. Ketika ingin melihat hasil konversi mata uang ditampilkan dalam Tabel Konversi, maka untuk menampilkannya tekan/klik terlebih dahulu tombol Hitung yang ada dalam Program. Setelah tombol Hitung ditekan/klik, maka akan muncul angka-angka hasil konversi mata uang seperti yang terlihat pada gambar 3.

V. TUGASa. Tabel Konversi Valuta Asing

Gambar 5. Tabel Konversi Valuta AsingUntuk mengawali pembuatan Project, buat sebuah Form baru agar Form sebelumnya tidak terhimpit. Dari percobaan sebelumnya yang telah dibuat, untuk Tugas ini fungsinya hampir sama, hanya saja untuk tugas ini ditambahkan 1 pengkonversian mata uang yaitu YEN.Tahapan langkah-langkah yang harus dilakukan sama dengan pembuatan project sebelumnya, yakni dimulai dengan pentataan Komponen-komponen yang digunakan. Untuk tambahan komponen, digunakan 1 Label, dan 1 textBox. Selanjutnya, lakukan pengisian event handler pada Form unntuk Form Load. private: System::Void Form1_Load(System::Object^ sender, System::EventArgs^ e) {dataGridViewTabel->Columns->Add("USD", "USD");dataGridViewTabel->Columns->Add("Rupiah", "Rupiah");dataGridViewTabel->Columns->Add("Yen", "Yen"); }

Listing diatas merupakan event handler yang akan diisikan pada Form Load. Dapat dilihat bahwa dilakukan penambahan untuk 1 baris Event (yakni event yang ditandai/diberi kotak). Pendefinisian potongan event handler diatas dimaknai dengan penambahan 1 buah kolom baru yaitu kolom untuk mata uang YEN.Selanjutnya, masukkan event handler untuk tombol Hitung. Event handler yang akan digunakan hampir sama dengan event handler yang digunakan pada percobaan sebelumnya, hanya saja untuk tugas ini dilakukan sedikit modifikasi untuk menambahkan pengkonversian 1 mata uang yaitu dari USD ke Rupiah, dan USD ke Yen. Berikut Listingnya:private: System::Void buttonHitung_Click(System::Object^ sender, System::EventArgs^ e) {int Kurs1,Kurs2, Rupiah, USD, Yen;

Kurs1 = Convert::ToInt16(textBoxKurs1->Text);Kurs2 = Convert::ToInt16(textBoxKurs2->Text);dataGridViewTabel->Rows->Clear();int n = dataGridViewTabel->Rows->Add(9);for (int i=1; iRows[i-1]->Cells["USD"]->Value =Convert::ToString(USD);dataGridViewTabel->Rows[i-1]->Cells["Rupiah"]->Value =Convert::ToString(Rupiah);dataGridViewTabel->Rows[i-1]->Cells["Yen"]->Value =Convert::ToString(Yen);}}Pemanggilan untuk nilai mata uang Yen dalam Tabel

Untuk event handler diatas ditambahkan 1 pendefinisian baru yaitu Kurs2, dimana berguna sebagai pengali nilai i untuk mendapatkan hasil pengkonversian untuk mata uang Yen. Mata uang Yen didapatkan dari rumus I dikali dengan Kurs2, dimana Kurs2 bernilai 105.Setelah event handler untuk Tombol Button diisi/dimasukkan, maka Program Konversi telah dapat dijalankan. Berikut tampilannya:

Gambar 6. Tampilan akhir Program Konversi Valuta Asingb. Membuat Tabel SinusUntuk mengawali pembuatan Tabel Sinus, buat sebuah Form baru dan usahakan diganti namanya agar form baru tidak tertimpa. Untuk membuat Program ini, cukup digunakan 2 komponeen saja, yakni 1 Button dan 1 DataGridView. Selanjutnya, tata komponen yang digunakan agar tampilan Project terlihat rapi. Berikut contahnya:

Gambar 7. Tampilan Form BaruSetalah form ditata seperti gambar 7, selanjutnya yaitu memasukkan event handler untuk form pada Form Load. Seperti halnya program konversi mata uang (Valuta Asing), event untuk form perlu dimasukkan karena sebagai pemanggilan kolom pada pada Tabel yang akan dibuat. Berikut event Form Load untuk Tabel Sinus :private: System::Void Form1_Load(System::Object^ sender, System::EventArgs^ e) {dataGridViewTabel->Columns->Add("Sudut", "Sudut");dataGridViewTabel->Columns->Add("Sinus", "Sinus"); }

Dalam tabel sinus yang akan dibuat, hanya terdiri dari 2 buah kolom, yaitu kolom Sudut dan kolom Sinus. Selanjutnya perlu dimasukkan event handler untuk menangani event pada ButtonHitung agar program dapat dikompilasi dan dijalankan. Dan berikut event handler untuk event pada ButtonHitung:private: System::Void buttonhitung_Click(System::Object^ sender, System::EventArgs^ e) {int Sudut;

dataGridViewTabel->Rows->Clear();int n = dataGridViewTabel->Rows->Add(36);for (int i=0; iRows[i]->Cells["Sinus"]->Value=String::Format("{0:0.000}", sinus);dataGridViewTabel->Rows[i]->Cells["Sudut"]->Value=Convert::ToString(Sudut);}}Rumus Sinus

Untuk penjelasan dari event handler diatas, bahwa nilai inputan awal pada tabel yaitu nilai Sudut dengan tipe data awal (integer). Pada tabel data kolom Sudut dan kolom Sinus banyaknya baris ke bawah terdiri dari 0, 10, dan kelipatannya hingga terakhir pada angka 360. Untuk nilai Sinus, akan terlihat pada Tabel untuk tiap-tiap sudutnya. Misalnya pada Sudut 100, pada kolom sinus akan menunjukkan angka 0,174. Nilai tersebut didapatkan dari rumus sinus pada Event yang digunakan. Dan sebagai nilai akhirnya, data-data inputan yang awalnya bertipe data Integer akan dikonversi lagi ke dalam tipe data String. Dan berikut contoh tampilan Tabel Sinus yang berhasil dibuat:

Gambar 8. Tabel SinusAwalnya program setelah didebug hanya menampilkan kotak yang hanya berisi kolom Sudut dan kolom Sinus yang sebelumnya telah dipanggil pada FormLoad.

Gambar 9. Tabel sebelum tombol Hitung ditekanDan setelah tombol Hitung ditekan atau diklik, maka angka-angka untuk kolom Sudut dan kolom Sinus akan diisi sesuai yang telah di atur dalam event handler yang dimasukkan pada event untuk Action ButtonHitung Click. Dan hasil akhirnya seperti yang terlihat pada gambar 8.

VI.KESIMPULANPenggunaan dataGridView dapat diterapkan untuk menampilkan data-data atau nilai yang banyak sehingga membutuhkan tabel untuk menampung serta mengelompokkannya. Pada umumnya dataGridView memang dimanfaatkan untuk menampilkan serta mengedit data yang umum berbetuk tabel dari berbagai sumber data. dataGridView sangat fleksibel dan dapat juga dikembangkan, serta memiliki banyak property, method dan event baik untuk mengubah tampilan, maupun perilaku tabel tersebut. Jika hendak ingin menampilkan data yang banyak dalam bentuk tabel maka salah satu komponen toolbox ini (dataGridView) sangat cocok untuk digunakan.

VII.REFERENSIKartika Firdausy, S.T., M.T. (2013) Petunjuk Praktikum Pemrograman Visual. Yogyakarta: Universtias Ahmad DahlanElectrical Engineering | Ahmad Dahlan Unversity