PRAKTEK 2 PENGENALAN KOMPONEN/KONTROL

(CheckBox , RadioButton, CheckListBox, ProgressBar, HScrollBar, VScrollBar)

I.

Tujuan Instruksional Khusus

Setelah menyelesaikan praktek mahasiswa diharapkan dapat: 1. Memahami dan menggunakan CheckBox dan RadioButton. 2. Memahami dan menggunakan komponen CheckListBox, ProgressBar. 3. Memahami dan menggunakan komponen HScrollBar dan VScrollBar.

II. Teori Pendahuluan Dalam aplikasi visual seringkali diperlukan masukan/input berupa pilihan dalam bentuk check. VB.Net menyediakan komponen untuk pilihan input yaitu checkbox dimana user bisa memilih lebih dari satu item, radiobutton yang membolehkan user hanya memilih satu dari item yang tersedia, dan checklistbox dimana pilihan-pilihan disediakan dalam bentuk daftar/list. Komponen lain yang disediakan dalam lingkungan pemrograman Visual adalah Bar yang terdiri dari ProgressBar, HScrollBar dan VScrollBar. ProgressBar digunakan untuk mengetahui sampai dimana proses program dilakukan dengan tampilan suatu Bar. Sedangkan HScrollBar dan VScrollBar digunakan untuk melakukan scrolling terhadap suatu layar baik secara horisontal maupun vertikal.

III. Peralatan dan Bahan 1. PC Processor minimal Pentium IV, RAM minimal 512 MB 2. Software VB.Net

IV. Gambar Kerja/Rangkaian Dalam praktek ini mahasiswa diharuskan mengerjakan tugas dalam gambar kerja sebagai berikut:

Menjawab Pertanyaan

Mengisi Lembar Kerja

CheckBox RadioButton

CheckListBox

ProgressBar, HScrollBar, dan VScrollBar

Gambar 4.1: Gambar Kerja Praktek 3 V. Langkah Kerja/Percobaan 1. 2. 3. Hidupkan computer dan aktifkan program Visual Studio.NET. Buatlah Projek baru dan beri nama Praktek2. Dalam Form1 tambahkan komponen/control label, checkbox dan radio button dengan tampilan sebagai berikut:

Gambar 5.1: Komponen label, checkbox dan radio button 4. Atur propertinya sebagai berikut: Tabel 5.1: Pengaturan Properti Komponen Praktek2-01 No Nama Komponen Name Text Name Text Name Text Name Text Properti Nilai GBox1 Check Box GBox2 Radio Button ChkMerah Merah ChkKuning Kuning

1. Group Box1 2. Group Box2 3. CheckBox1 4. CheckBox2

5. CheckBox3 6. CheckBox4 7. CheckBox5 8. RadioButon1 9. RadioButon2 10. RadioButon3 11. Label1

12. Label2

13. Label3

14. Label4

15. Label5

16. Label6

Name Text Name Text Name Text Name Text Name Text Name Text Name AutoSize BackColor Name AutoSize BackColor Name AutoSize BackColor Name AutoSize BackColor Name AutoSize BackColor Name AutoSize BackColor

ChkHijau Hijau ChkPutih Putih ChkHitam Hitam RadMerah Merah RadKuning Kuning RadHijau Hijau LblMerah False Gray LblKuning False Gray LblHijau False Gray LblPutih False Gray LblHitam False Gray LblDisplay False Gray

5.

Klik 2 kali pada komponen ChkMerah lalu isikan kode program berikut.
If ChkMerah.Checked = True Then LblMerah.BackColor = Color.Red Else LblMerah.BackColor = Color.Gray End If

6.

Klik 2 kali pada komponen ChkKuning lalu isikan kode program berikut.
If ChkKuning.Checked = True Then LblKuning.BackColor = Color.Yellow Else LblKuning.BackColor = Color.Gray End If

7.

Klik 2 kali pada komponen ChkHijau lalu isikan kode program berikut.
If ChkHijau.Checked = True Then

LblHijau.BackColor = Color.Green Else LblHijau.BackColor = Color.Gray End

8.

Klik 2 kali pada komponen ChkPutih lalu isikan kode program berikut.
If ChkPutih.Checked = True Then LblPutih.BackColor = Color.White Else LblPutih.BackColor = Color.Gray End If

9.

Klik 2 kali pada komponen ChkHitam lalu isikan kode program berikut.
If ChkHitam.Checked = True Then LblHitam.BackColor = Color.Black Else LblHitam.BackColor = Color.Gray End If

10.

Klik 2 kali pada komponen radMerah lalu isikan kode program berikut.
If RadMerah.Checked = True Then LblDisplay.BackColor = Color.Red End If

11.

Klik 2 kali pada komponen radKuning lalu isikan kode program berikut.
If RadKuning.Checked = True Then LblDisplay.BackColor = Color.Yellow End If

12.

Klik 2 kali pada komponen radHijau lalu isikan kode program berikut.
If RadHijau.Checked = True Then LblDisplay.BackColor = Color.Green End If

13.

Simpan, jalankan program dan ambil gambar dari hasil program anda serta masukan dalam lembar kerja. Tambahkan Form baru dengan cara Klik Project Add Windows Form. Tambahkan komponen-komponen label, checklistbox, dan button dengan tampilan sebagai berikut:

14. 15.

Gambar 5.2. Tampilan Form Praktek2-02 16. Atur propertinya sebagai berikut: Tabel 5.2: Pengaturan Properti Komponen Praktek2-02 No Nama Komponen Name Text Properti Nilai

LblJudul Bahasa Pemrograman Pilihan Anda Font Microsoft Sans Serif;Bold;12 Name CLBProgram 2. CheckListBox Items VB.NET C Java Pascal PHP ASP Phyton Perl Delphi Name CmdPilih 3. Button1 Text Pilih 17. Klik 2 kali pada komponen CmdPilih lalu isikan kode program berikut.
If (CLBProgram.SelectedItem <> "") Then Dim Entry As Object For Each Entry In CLBProgram.CheckedItems MessageBox.Show(Entry.ToString()) Next Else MessageBox.Show("Anda harus memilih item")

1. Label1

End if

18.

Simpan, jalankan program dan ambil gambar dari hasil program anda serta masukan dalam lembar kerja. Tambahkan Form baru dengan cara Klik Project Add Windows Form. Tambahkan komponen-komponen label, textbox, progress bar, dan button dengan tampilan sebagai berikut:

19. 20.

Gambar 5.3. Tampilan Komponen Praktek2-03 21. Atur propertinya sebagai berikut: Tabel 5.3: Pengaturan Properti Komponen Praktek2-03 No Nama Komponen Properti Nilai

1. Label1 2. 3. 4. 5. 6. 22.

Name LblStart Text Start Label2 Name LblStop Text Stop Textbox1 Name TxtStart Textbox2 Name TxtStop Progress Bar1 Name PB1 Button1 Name CmdOK Text OK Klik 2 kali pada komponen TxtStart dan TxtStop, pada event keypress isikan kode program berikut.
If (Microsoft.VisualBasic.Asc(e.KeyChar) < 48) _ Or (Microsoft.VisualBasic.Asc(e.KeyChar) > 57) Then e.Handled = True End If If (Microsoft.VisualBasic.Asc(e.KeyChar) = 8) Then e.Handled = False

End If

23.

Klik 2 kali pada komponen CmdOK lalu isikan kode program berikut.
PB1.Minimum = Convert.ToInt32(TxtStart.Text) PB1.Maximum = Convert.ToInt32(TxtStop.Text) For i = PB1.Minimum To PB1.Maximum PB1.Value = i Next

24.

Simpan, jalankan program dan ambil gambar dari hasil program anda serta masukan dalam lembar kerja. Tambahkan Form baru dengan cara Klik Project Add Windows Form. Tambahkan komponen-komponen textbox, Hscrollbar, dan Vscrollbar dengan tampilan sebagai berikut:

25. 26.

Gambar 5.4. Tampilan Komponen Praktek2-04 27. Atur propertinya sebagai berikut: Tabel 5.4: Pengaturan Properti Komponen Praktek2-04 No 3. 4. 5. 6. 28. Nama Komponen Textbox1 Textbox2 HScrollBar HScrollBar Name Name Name Name Properti Nilai TxtHor TxtVer HScrollBar1 HScrollBar1

Klik 2 kali pada Form event Load lalu isikan kode program berikut.
HScrollBar1.Minimum = 0 HScrollBar1.Maximum = 100 HScrollBar1.LargeChange = 20 HScrollBar1.SmallChange = 5 HScrollBar1.Value = 25

VScrollBar1.Minimum = 0 VScrollBar1.Maximum = 100 VScrollBar1.LargeChange = 20 VScrollBar1.SmallChange = 5 VScrollBar1.Value = 25 TxtHor.Text = "Horizontal scroll value: " & HScrollBar1.Value TxtVer.Text = "Vertical scroll value: " & VScrollBar1.Value

29.

Klik 2 kali pada Komponen HScrollBar1 lalu isikan kode program berikut.
TxtHor.Text = "Horizontal scroll value: " & e.NewValue TxtVer.Text = "Vertical scroll value: " & VScrollBar1.Value

30.

Klik 2 kali pada Komponen VScrollBar1 lalu isikan kode program berikut.
TxtHor.Text = "Horizontal scroll value: " & HScrollBar1.Value TxtVer.Text = "Vertical scroll value: " & e.NewValue

31.

Simpan, jalankan program dan ambil gambar dari hasil program anda serta masukan dalam lembar kerja.

VI. Lembar Kerja No 1 2 3 4 Praktik Praktek2-01 Praktek2-02 Praktek2-03 Praktek2-04 Hasil Program <gambar hasil program> <gambar hasil program> <gambar hasil program> <gambar hasil program> Komentar <analisis anda> <analisis anda> <analisis anda> <analisis anda>

VII. Pertanyaan dan Tugas 1. Buatlah aplikasi menggunakan VSrollBar dan HScrollBar untuk menggulung/Scrolling layar suatu picture box dimana gambar dapat discroll secara vertical dan horizontal. (ingat setiap mahasiswa harus berbeda!) VIII. Kesimpulan Buat kesimpulan dari Praktek anda (ingat setiap mahasiswa harus berbeda!).