MODUL PERKULIAHAN

PEMROGRAMAN
VISUAL DOT NET

Control Windows

Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh

2
ILMU KOMPUTER SISTEM W181710001 Kurnia Gusti Ayu, M.Kom
INFORMASI

Abstract Kompetensi
 Mampu mengenal Control  Memahami kontrol windows di VB.Net
Windows  Keberhasilan mahasiswa dalam
membangun aplikasi yang diminta
dosen
Pengenalan Objek / Control Windows

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 untuk mendesain
aplikasi Windows Form.
Berikut ini adalah kategori dari Objek / Kontrol yang ada pada Visual Studio :
1. Common Control, Berisi kontrol-kontrol untuk mendesain form berbasis windows

Gambar 1. Tampilan Menu Objek Commond Control

2. Container, Digunakan untuk kontrol-kontrol lain pada form.
 Gambar 2. Tampilan Menu Objek Container

3. Menu & Toolbars, Digunakan untuk mendesain menu utama dan submenu serta menu
toolbar dan statusbar.

Gambar 3. Tampilan Menu Objek Menu & Toolbar

4. Data, Berisi kontrol-kontrol untuk pemrograman database, baik untuk koneksi maupun
menampilkan data

Gambar 4. Tampilan Menu Objek Data

5. Component, Berisi kontrol-kontrol pendukung pemrograman pada form window.

Gambar 5. Tampilan Menu Objek Components

6. Printing, Berisi kontrol-kontrol untuk mencetak data, baik ke printer maupun ke layar

Gambar 6. Tampilan Menu Objek Printing

7. Dialog, Berisi kontrol-kontrol untuk menampilkan berbagai macam kotak dialog.

Gambar 7. Tampilan Menu Objek Dialog

Menambah Objek / Control Windows Ke Form

 Tambahkan kontrol (obyek) Label ke Form1 dengan klik dua kali pada obyek label
atau dengan mengklik dan menggeser (Drag and Drop) ke Form1, seperti gambar di
bawah ini :

Gambar 1 . Tampilan Penambahan Objek

 Mengatur Properties Objek dan Form

Untuk mengatur salah satu objek yang terdapat pada Form, maka Klik sekali pada
objek yang ingin diubah, misalnya Label1, kemudian ubah properties Text pada jendela
Properties objek tersebut. Ubah teksnya menjadi “-Selamat Datang Jodoh-“, seperti
gambar
 Gambar 2. Mengatur Properties Pada Label

Setelah selesai mengetik kalimat yang diinginkan, lalu tekan Enter. Maka akan terlihat
perubahan Label1 yang terdapat pada Form.
 Untuk mengatur tampilan (Properties) form, maka lakukan cara yang sama, yaitu
dengan klik sekali pada TitleBar-nya Form, atau sembarang tempat area form tetapi
bukan objek yang terdapat pada form tersebut. Kemudian ubah properties seseuai
yang diinginkan, misalnya ingin mengubah Text (Title) Form tersebut menjadi “.::
Tentang Aku ::.” Lalu tekan Enter seperti pada gambar 3
 Gambar 3. Tampilan merubah properties Teks pada Form

 Menjalankan dan Menghentikan Program (Running/Debugging dan Stop)

Untuk melihat hasil program yangs sudah dibuat, maka hal yang dilakukan adalah
dengan menjalankan Window Form dengan cara mengklik tombol Start Debugging
berlogo anak panah kanan berwarna hijau atau dengan menekan tombol F5 pada
keyboard.

Gambar 4. Tampilan Cara Menjalankan Program

 Setelah diklik maka Visual Studio akan melakukan Running terhadap Project sehingga
akan terlihat wujud atau tampilan dari Program yang telah dirancang. Dan jika ingin
menghentikan (stop) program tersebut, maka cukup klik tanda Silang pada TitleBar
Program yang sedang Running tadi, seperti terlihat pada gambar Setelah diklik maka
Visual Studio akan melakukan Running terhadap Project sehingga akan terlihat wujud
atau tampilan dari Program yang telah dirancang. Dan jika ingin menghentikan (stop)
program tersebut, maka cukup klik tanda Silang pada TitleBar Program yang sedang
Running tadi, seperti terlihat pada gambar 5

Gambar 5. Tampilan Running dan Cara Menghentikan Program

 Menambahkan Form
Untuk menambah Form maka langkah-langkah yang dilakukan adalah :
1. Klik kanan Pada Project Name di Solution Explorer (Latihan1)
2. Pilih Add lalu Pilih Windows Form…
 Gambar 6. Tampilan Cara Menambah Form

Lalu akan muncul menu dialog “Add New Item”. Tidak perlu melakukan pemilihan
apapun, cukup melakukan pemberian nama form sesuai yang diinginkan, jika sudah
pilih Add.
 Gambar 7. Menu Dialog Menambah Form

Maka pada lembar kerja akan muncul satu buah form tambahan, dan pada Solutions
Explorer juga akan terjadi penambahan Form.

Gambar 8. Tampilan Menu Solution Explorer

 Mengatur StartUp Form

Pengaturan ini bertujuan untuk memilih form mana yang akan pertama sekali
dijalankan. Misal ada dua Form, maka saat pertama sekali program dijalankan
(Running), maka yang diinginkan tampil pertama Form1 atau Form2. Untuk
mengaturnya, caranya yaitu Klik dua kali My Project pada jendela Solution Explorer,
maka akan muncul menu dialog berikut.

Gambar 9. Tampilan Menu Properties Project

Pada bagian Startup From pada tab Application, tentukan Form mana yang akan dipilih
untuk tampil saat pertama sekali program dijalankan (Running).
Menyimpan, Mengakhiri & Membuka Project

 Untuk menyimpan project, caranya adalah Klik Menu File lalu Klik Menu Save All.

Gambar 10. Tampilan Cara Menyimpan Project Dengan MenuBar

Atau klik ikon Disket pada Toolbar.

Gambar 11. Tampilan Cara Menyimpan Project Dengan ToolBar

 Mengakhiri Project
Jika ingin mengakhiri project, maka klik Menu File + Exit.
 Gambar 12. Tampilan Cara Mengakhiri Project

 Cara untuk membuka Project yang sudah pernah dibuat adalah

1) Klik Menu File + Klik Open + Klik Project/Solution

Gambar 13. Tampilan Cara Membuka Project

 Atau klik Ikon Folder pada Toolbar

Gambar 14. Tampilan Cara Membuka dengan Ikon pada Toolbar

2) Cari Lokasi Penyimpanan Folder Project/Solution

3) Dilanjutkan dengan mencari File yang bertipe .sln atau .vbproj, Kemudan Klik dua
Kali
4) Klik Tombol Open

Gambar 15. Tampilan Menu Dialog Open Project

Cara lain untuk membuka project adalah dengan membuka tempat penyimpan
project, kemudian klik dua kali file yang berekstensi .sln
 Gambar 16. Tampilan Cara Membuka Project melalui File Project

Latihan

Latihan Memasang control pada form

1. Buatlah tampilan program seperti di bawah ini :

Ketikkan sintak program di bawah ini :

Hasil program :
o Ketika dimasukkan Nama dan Klik button OK

o Ketika diklik button Batal , maka isi textbox dan label hasil akan seperti
dibawah ini :
2. Buatlah program seperti dibawah ini :

Hasil :