FORM DAN OBJEK KONTROL (1)

 

Form

Form digunakan ketika akan meletakkan object-object apa saja yang akan digunakan dalam program, object-object yang terdapat dalam toolbox, diletakkan dan didesain dalam bagian form. Form sebenarnya adalah suatu objek yang dipakai sebagai tempat bekerja program aplikasi. Secara otomatis akan tersedia form yang baru jika kita membuatprogram aplikasi baru, yaitu dengan nama Form1.

Objek Kontrol

Objek / Kontrol merupakan suatu tampilan berbasis grafis yang ditempatkan ke form untuk membuat interaksi dengan pemakai. Keberadaan kontrol di dalam form berubah menjadi objek yaitu elemen perantara pemakai yang dapat diprogram untuk kebutuhan tertentu.

Toolbox merupakan tempat penyediaan kontrol-kontrol program yang digunakan untukmendesain aplikasi Windows Form.

Berikut ini adalah kategori dari Objek / Kontrol yang ada pada Visual Studio Community 2013.

1)      Label merupakan objek control yang dapat menampilkan output tetapi tidak dapat memberikan input pada saat dijalankan.

2)      TextBox Merupakan objek control yang dapat diberikan input pada saat program dijalankan.

3)      Button merupakan objek control yang dapat mengeksekusi perintah-perintah yang telah diberikan.

4)      CheckBox merupakan objek control yang berfungsi untuk memilih beberapa item data. Dengan objek ini anda dapat lebih dari satu pilihan dan bahkan memilih semua pilihan tersedia.

5)      RadioButton fungsi hampir sama dengan checkbox, tetapi hanya dapat memilih satu pilihan yang tersedia.

6)      ComboBox merupakan objek control yang dapat digunakan untuk menampilkan daftar item dengan pilihan dropdown.

7)      ListBox merupakan objek control yang jauh berbeda dengan ComboBox hanya saja pada listbox menu daftar pilihan ditampilkan secara kesuluruhan.

8)      Timer merupakan objek control yang berfungsi untuk mengatur dan menampilkan waktu yang diperlukan.

9)      DateTimerPicker objek control yang berfungsi untuk menampilkan tanggal dengan menu DropDown.

Membuat Aplikasi Sederhana

1)      Buka aplikasi Visual Studio Community 2013.


2)  Buat project baru dengan memilih Start New Project. Setelah itu pilih bagian visual basic, windows form application. Kemudian beri nama “Praktikum 1”.


3)     Berikut tampilan awal project “Praktikum1”.


4)      Selanjutnya gunakan toolbox yaitu dengan menambahkan label.

5)   Atur bagian properties pada form dan objek kontrol label dengan mengubahnya menjadi sebagai berikut.

Objek

Properties

Nilai

Form1

Name

Text

FrmUtama

Praktikum 1 & 2

Label1

Name

Text

LblText

Penamaan


6)     Setelah mengganti nilai dari properties, maka akan muncul tampilan seperti gambar dibawah ini


7)     Untuk mengubah kode program pada form, bisa dengan menekan dua kali pada bagian nama form, maka akan muncul ruang untuk menuliskan kode program. Kemudian isi dengan kode program berikut.

8)    Setelah kode program di isi, maka akan terjadi perubahan pada form seperti pada gambar dibawah ini.


9)   Ketika sudah memahami dasar pembuatan form, maka project tersebut disimpan dan dibuat kembali project baru dengan nama “Praktikum 2” sebagai pembuatan form lanjutan yang lebih spesifik.


10)  Berikut tampilan awal project “Praktikum 2”.


11)   Selanjutnya tambahkan objek pada form dibagian toolbox, objek yang ditambahkan yakni sebagai berikut.

a.       Label

b.       CheckBox

c.       RadioButton

 d.       GroupBox

12)   Atur bagian properties pada form dan objek kontrol yang dipilih dengan mengubahnya menjadi sebagai berikut.

Objek

Properties

Nilai

Form1

Name

Text

Form1

Praktikum 2 (Check Box & Radio Button)

Label1

Name

Text

 

Autosize

Borderstyle

Font

Text Align

LblFont

Praktikum 2 (CHECK BOX DAN RADIO BUTTON

False

Fixed 3D

Microsoft sans serif, 16

Center

GroupBox1

Name

Text

gbEfek

Efek

GroupBox2

Name

Text

gbFS

FontStyle

CheckBox1

Name

Text

cbBoxSO

StrikeOut

CheckBox2

Name

Text

cbBoxunder

Underline

RadioButton1

Name

Text

rbRegular

Regular

RadioButton2

Name

Text

rbItalic

Italic

RadioButton3

Name

Text

rbBold

Bold

RadioButton4

Name

Text

rbBoldItalic

Bold Italic

13)  Setelah mengganti nilai dari properties, maka akan muncul tampilan seperti gambar dibawah ini.


14)   Setelah itu melakukan pengisian kode program pada masing-masing objek kontrol.

15)   Klik ganda pada CheckBox1, kemudian ketikkan kode program berikut ini.

16)   Klik ganda pada CheckBox2, kemudian ketikkan kode program berikut ini.

17)  Klik ganda pada RadioButton1, kemudian ketikkan kode program berikut ini.

18)  Klik ganda pada RadioButton2, kemudian ketikkan kode program berikut ini.

19)   Klik ganda pada RadioButton3, kemudian ketikkan kode program berikut ini.

20)  Klik ganda pada RadioButton4, kemudian ketikkan kode program berikut ini.

21) Jalankan aplikasi dengan menekan tombol F5 (di keyboard), atau melalui ikon Start Debugging di toolbar, atau melalui menu Debug → Start Debuging. Hasilnya yakni sebagai berikut.

      Pengguna dapat memilih untuk melakukan perubahan efek ataupun fontstyle terhadap kalimat tersebut. 
      

Komentar