PEMROGRAMAN DASAR
FORM DAN OBJEK KONTROL
SEMESTER GANJIL TAHUN AJARAN 2017/2018
Nama : _____________________________________
No Absen : _____________________________________
Kelas : _____________________________________
A. Tujuan
1. Mengenal dan Mengimplementasikan Form
2. Mengenal dan Mengimplementasikan Label, TextBox, dan Button
3. Mengenal dan Mengimplementasikan CheckBox dan RadioButton
4. Mengenal dan Mengimplementasikan ComboBox dan ListBox
5. Mengenal dan Mengimplementasikan PictureBox
6. Mengenal dan Mengimplementasikan Timer dan DateTimePicker
7. Mengenal dan Mengimplementasikan MenuStrip, ContextMenustrip, dan RichTextBox
8. Mengenal dan Mengimplementasikan Toolbar, ImageList, dan StatusBar
9. Mengenal dan Mengimplementasikan OpenFileDialog dan SaveFileDialog
10. Mengenal dan Mengimplementasikan ToolStrip dan StatusStrip
11. Mengenal dan Mengimplementasikan NotifyIcon
B. Petunjuk
1. Awali setiap aktivitas dengan doa, semoga berkah, dan mendapat kemudahan.
2. Pahami tujuan, dasar teori, dan latihan-latihan praktikum dengan baik.
3. Kerjakan tugas-tugas praktikum dengan baik, sabar, dan jujur.
4. Tanyakan kepada guru apabila ada hal-hal yang kurang jelas.
C. Dasar Teori
1. Form merupakan media interaksi antar pengguna dengan aplikasi yang dibuat. Form dikatakan
sebagai wadah atau penampung objek kontrol yang akan digunakan. Form juga dapat dikatakan
sebagai objek karena memberikan reaksi saat menemui suatu kejadian.
a. Form Dinamis
adalah form yang dimanipulasi atau diubah bentuk serta disisipi objek kontrol yang berisi
perintah-perintah yang diperlukan oleh aplikasi yang dibuat.
Contohnya:
Windows (Windows Form, Console, Class Library, WPFDSB)
Web
Smart Device
Database (Access dan SQL Server)
Report (Report Application dan Crystal Report)
WCF
b. Form Statis
adalah form yang tidak dapat dimanipulasi atau diubah bentuk serta disisipi objek
kontrol. Form Statis dibagi menjadi dua yaitu :
a) Form Pesan (MessageBox)
Form yang bertugas untuk menampilkan pesan keterangan yang terdapat suatu
kejadian yang diterima oleh aplikasi.
Penulisan:
MessageBox.Show(Text [, Caption] [, Button] [, Icon] [, DefaultButton] [, Option] [,
DisplayHelpButton]
Pemanggilan:
MessageBox.Show("Teknik Komputer dan Jaringan", "TriAriniTitisingtyas",
MessageBoxButtons.OK, MessageBoxIcon.Information)
Penulisan:
Variabel = MessageBox.Show(Text [, Caption] [, Button] [, Icon] [, DefaultButton] [, Option]
[, DisplayHelpButton])
Keterangan:
Text : Diisi dengan kalimat isi pesan yang ingin ditampilkan
Caption: Diisi untuk judul pesan atau Tittle Bar dan yang ingin ditampilkan
Button : Diisi dengan perintah yang merupakan konstanta dari tombol-tombol
yang ingin ditampilkan dari MessageBox
Icon : Diisi dengen perintah yang merupakan konstanta dari icon-icon yang
ingin ditampilkan dari MessageBox
Penulisan:
Variabel = InputBox(Prompt [, Title] [, Default] [, X] [, Y])
Pemanggilan:
Dim Inputan = InputBox("Masukkan Nama Anda", "Kotak Input", 250, 200)
Penulisan:
Variabel = InputBox(Prompt [, Title])
Pemanggilan:
Dim Inputan = InputBox("Masukkan Nama Anda", "Kotak Input")
Keterangan:
Prompt : Diisi dengan kalimat isi pesan dari kotak pesan yang diinginkan
Title : Diisi untuk judul kotak pesan (Title Bar) yang ingin ditampilkan
Default : Diisi dengan nilai inputan yang akan diinput apabila ingin otomatis
dibuat
X : Diisi nilai posisi sudut X
Y : Diisi nilai posisi sudut Y
2. Label merupakan objek kontrol yang dapat menampilkan output (keluaran) tetapi tidak
dapat memberikan input pada aplikasi yang dijalankan.
3. TextBox merupakan objek kontrol yang dapat memberikan input saat program
dijalankan.
4. Button merupakan objek kontrol yang dapat mengeksekusi perintah-perintah yang
telah dibuat pada jendela kode program.
D. Latihan
1. Latihan 1: Form Pesan
1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah
nama file dengan format: Latihan 1_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 1_01_Tri
Arini Titisingtyas_XITKJ1.
2) Pada Form 1 klik ganda (double click).
c) Button
6) Klik ganda pada tombol OK, lalu ketikkan kode program berikut:
7) Klik ganda pada tombol Cancel, lalu ketikkan kode program berikut:
c) CheckBox d) RadioButton
CheckBox1 dan
CheckBox2 RadioButton 1
RadioButton 4
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Text Font
Label1 Name LblFont
AutoSize False
BorderStyle Fixed3D
Text CheckBox dan RadioButton
TextAlign MiddleCenter
GroupBox1 Text Efek
GroupBox2 Text FontStyle
CheckBox1 Text StrikeOut
CheckBox2 Text Underline
RadioButton1 Text Regular
RadioButton2 Text Italic
RadioButton3 Text Bold
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
RadioButton4 Text BoldItalic
10) Klik ganda pada RadioButton4, lalu ketikkan kode program berikut:
ComboBox
2 Label
ListBox
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Text Informasi Drive
Label1 Text Drive
Label2 Text Keterangan
ComboBox1 Name CmbDrive
ListBox1 Name LstInfo
4) Klik Icon View Code Pada Solution Explorer. Lalu di atas Public Class Form1, ketikkan kode program
seperti berikut:
Imports System.IO
Public Class Form1
End Class
5) Klik ganda pada Form1. Lalu ketikkan kode program berikut:
6. Latihan 6: PictureBox
1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah nama
file dengan format: Latihan 6_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 6_01_Tri Arini
Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 1 buah Button dan 1 buah PictureBox.
PictureBox1
Button1
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Text Menampilkan Gambar
Button1 Name BtnTampil
Text Tampil
PictureBox1 Name PicGambar
SizeMode CenterImage
DateTimePicker
Timer1
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
Text Informasi Waktu
Label1 Name Lbl12Jam
Label2 Name Lbl24Jam
DateTimePicker Name DTTanggal
Timer1 Enabled True
RichTextBox1
MenuStrip1 ContextMenuStrip1
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Text Notepad
RichTextBox1 Name RchText
7) Klik ganda pada menu Buka, lalu ketikkan kode program berikut:
9) Klik ganda pada menu Baru, lalu ketikkan kode program berikut:
10) Klik ganda pada menu ContextMenuStrip dengan nama menu Regular, lalu ketikkan kode program
berikut:
11) Klik ganda pada menu ContextMenuStrip dengan nama menu Bold, lalu ketikkan kode program berikut:
12) Klik ganda pada menu ContextMenuStrip dengan nama menu Italic, lalu ketikkan kode program
berikut:
13) Klik ganda pada menu ContextMenuStrip dengan nama menu Warna Sub Menu Merah, lalu ketikkan
kode program berikut:
14) Klik ganda pada menu ContextMenuStrip dengan nama menu Warna Sub Menu Kuning, lalu ketikkan
kode program berikut:
15) Klik ganda pada Menu ContextMenuStrip dengan nama menu Warna Sub Menu Hijau, lalu ketikkan kode
program berikut:
16) Klik ganda pada RichTextBox1 dan pilih Event MouseDown, lalu ketikkan kode program berikut:
Button1
PictureBox1
Button2
ComboBox1
SaveFileDialog1
OpenFileDialog1
Pengaturan Properties
Nama Control Properties Nilai
Form1 MaximizeBox False
StartPosition CenterScreen
Text Foto Convert
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
Button1 Name BtnBukaFileFoto
Text Buka File Foto
Button2 Name BtnSimpanFileFoto
Text Simpan File Foto
ComboBox1 Name CmbFormat
PictureBox1 Name PicFoto
1) Klik ganda pada Button Buka File Foto, lalu ketikkan kode program berikut:
2) Klik ganda pada Button Simpan File Foto, lalu ketikkan kode program berikut:
ToolStrip
StatusStrip
4) Pada bagian ToolStrip buatlah tombol DropDownButton dengan cara klik ToolStrip, lalu pilih
DropDownButton. Buatlah menu seperti gambar berikut:
5) Pada bagian ToolStrip buatlah tombol Button dengan cara klik ToolStrip, lalu pilih Button. Atur
properties Button: Text = About, DisplayText = Text.
6) Tambahkan separator pada ToolStrip dengan cara klik ToolStrip, lalu pilih Separator.
7) Pada bagian StatusStrip buatlah StatusLabel dengan cara klik StatusStrip, lalu pilih StatusLabel.