Anda di halaman 1dari 19

MODUL PRAKTIKUM 2

PEMROGRAMAN DASAR
FORM DAN OBJEK KONTROL
SEMESTER GANJIL TAHUN AJARAN 2017/2018

Nama : _____________________________________

No Absen : _____________________________________

Kelas : _____________________________________

SMK NEGERI 2 KOTA PROBOLINGGO


Jl. Mastrip 153 Kota Probolinggo Kodepos 67213
Telp / Fax : (0335) 421324
KOTA PROBOLINGGO

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
MODUL 2
FORM DAN OBJEK KONTROL

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])

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
Pemanggilan:
Dim Pesan = MessageBox.Show("Teknik Komputer dan Jaringan", "TriAriniTitisingtyas",
MessageBoxButtons.OK, MessageBoxIcon.Information)

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

b) Input Box (Kotak Input Pesan)


Form yang digunakan untuk interaksi antara pengguna dengan aplikasi dimana
pengguna dapat memasukkan suatu nilai lalu mengklik tombol dan menunggu efek
yang ditimbulkan oleh aplikasi yang dibuat.

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).

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
3) Lalu ketikkan kode program berikut:

4) Atau kode program berikut:

5) Jalankan program. Klik Start Debugging.

Penjelasan dan Kesimpulan Latihan 1:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

2. Latihan 2: Input Box


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name
berilah nama file dengan format : Latihan 2_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan
2_01_Tri Arini Titisingtyas_XITKJ1.
2) Pada Form 1 klik ganda (double click).

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
3) Lalu ketikkan kode program berikut:

4) Atau kode program berikut:

5) Jalankan program. Klik Start Debugging.

Penjelasan dan Kesimpulan Latihan 2:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

3. Latihan 3: Label, TextBox, dan Button


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name
berilah nama file dengan format: Latihan 3_No Absen_Nama Siswa_Nama Kelas. Contoh : Latihan
3_01_Tri Arini Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox pada Bagian Common Control.

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
3) Gunakan Label, TextBox, dan Button.
a) Label b) TextBox

c) Button

4) Letakkan Label, TextBox, dan Button pada Form 1 sebagai berikut:

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
5) Pada bagian Properties atur Label, TextBox, Button, dan Form.
Pengaturan Properties
Nama Properties Nilai
Control
Form1 MaximizeBox False
StartPosition CenterScreen
Text Run
Button1 Name BtnOK
Text OK
Button2 Name BtnCancel
Text Cancel
Label1 Text Ketikkan
nama
aplikasi, file,
folder yang
ingin dibuka:
TextBox1 Name TxtInputan

6) Klik ganda pada tombol OK, lalu ketikkan kode program berikut:

7) Klik ganda pada tombol Cancel, lalu ketikkan kode program berikut:

8) Jalankan program. Klik Start Debugging.

9) Simpan aplikasi dengan cara File > Save All.

Penjelasan dan Kesimpulan Latihan 3:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
4. Latihan 4: CheckBox dan RadioButton
1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah nama
file dengan format: Latihan 4_No Absen_Nama Siswa_Nama Kelas. Contoh : Latihan 4_01_Tri Arini
Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 1 Label, 2 Group Box, 2 CheckBox, dan 4 RadioButton.
a) Label b) GroupBox

c) CheckBox d) RadioButton

4) Letakkan Label, GroupBox, CheckBox, dan RadioButton seperti berikut:

Label1 GroupBox1 dan


GroupBox2

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

5) Klik ganda pada Checkbox1, lalu ketikkan kode program berikut:

6) Klik ganda pada Checkbox2, lalu ketikkan kode program berikut:

7) Klik ganda pada RadioButton1, lalu ketikkan kode program berikut:

8) Klik ganda pada RadioButton2, lalu ketikkan kode program berikut:

9) Klik ganda pada RadioButton3, lalu ketikkan kode program berikut:

10) Klik ganda pada RadioButton4, lalu ketikkan kode program berikut:

11) Jalankan aplikasi. Klik Start Debugging.

12) Simpan aplikasi dengan cara File > Save All.

Penjelasan dan Kesimpulan Latihan 4:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
_____________________________________________________________________________
_____________________________________________________________________________

5. Latihan 5: ComboBox dan ListBox


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah nama
file dengan format: Latihan 5_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 5_01_Tri Arini
Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 2 Label, 1 ComboBox, dan 1 ListBox.

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) Klik ganda pada ComboBox1. Lalu ketikkan kode program berikut:

7) Jalankan aplikasi dengan Start Debbuging.

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
8) Simpan aplikasi dengan pilih File > Save All.

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

4) Klik ganda pada Button1. Lalu ketikkan kode program berikut:

5) Jalankan aplikasi dengan Start Debugging.

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
6) Simpan aplikasi dengan File > Save All.

Penjelasan dan Kesimpulan Latihan 6:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

7. Latihan 7: Timer dan DateTimePicker


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah nama
file dengan format: Latihan 7_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 7_01_Tri Arini
Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.

Label1 dan Label2

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

3) Klik ganda pada Form1. Lalu ketikkan kode program berikut:

4) Klik ganda pada Timer1. Lalu ketikkan kode program berikut:

5) Jalankan aplikasi dengan Start Debugging.

Tampilan Waktu dalam


Format 12 Jam

Tampilan Waktu dalam


Format 24 Jam

Tampilan Tanggal pada


DateTimePicker

6) Simpan aplikasi dengan File > Save All.

Penjelasan dan Kesimpulan Latihan 7:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

8. Latihan 8: MenuStrip, ContextMenuStrip, dan RichTextBox


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah
nama file dengan format: Latihan 8_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 8_01_Tri
Teknik Komputer dan Jaringan
Tri Arini Titidingtyas 2017
Arini Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 1 buah MenuStrip, 1 buah ContextMenuStrip, dan 1 buah RichTextBox.
4) Letakkan dan atur posisi komponen.

RichTextBox1

MenuStrip1 ContextMenuStrip1

5) Buatlah menu pilihan Menu Strip.

6) Buatlah menu dan submenu pilihan pada ContextMenuStrip.

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:

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
8) Klik ganda pada menu Simpan, 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:

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
17) Jalankan aplikasi dengan Start Debugging.

18) Simpan aplikasi dengan File > Save All.

Penjelasan dan Kesimpulan Latihan 8:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

9. Latihan 9: OpenFileDialog dan SaveFileDialog


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah
nama file dengan format: Latihan 9_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 9_01_Tri
Arini Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 2 buah Button, 1 buah ComboBox, 1 buah PictureBox, 1 buah OpenFileDialog, 1 buah
SaveFileDialog.

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:

3) Klik ganda pada Form1, lalu ketikkan kode program berikut:

4) Jalankan aplikasi dengan Start Debugging.

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
5) Simpan aplikasi dengan klik File > Save All.

Penjelasan dan Kesimpulan Latihan 9:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

10. Latihan 10: ToolStrip dan StatusStrip


1) Buatlah project baru. Pilih Windows > Windows Form Application pada Project. Pada Name berilah
nama file dengan format: Latihan 10_No Absen_Nama Siswa_Nama Kelas. Contoh: Latihan 10_01_Tri
Arini Titisingtyas_XITKJ1.
2) Tampilan Jendela Visual Studio. Lihat pada Toolbox.
3) Gunakan 1 buah ToolStrip dan 1 buah StatusStrip.

ToolStrip

StatusStrip

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017
Pengaturan Properties
Nama Control Properties Nilai
ToolStripDropDownButton1 DisplayText ImageAndText
Text File
BukaToolStripMenuItem Image Gunakan Ikon Buka File

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.

Penjelasan dan Kesimpulan Latihan 10:


_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

Kejujuran itu Indah dan juga membawa Berkah


Ilmu yang berguna adalah ilmu yang berasal dari Kejujuran, Usaha dan Doa

Teknik Komputer dan Jaringan


Tri Arini Titidingtyas 2017