Oleh:
Abi Makruf P
130533608097
S1 PTI 2013 Offering E
LABORATORIUM KOMPUTER
Fakultas Teknik Elektro - Universitas Negeri Malang
Jl.Semarang, Jawa Timur
Nim
130533608097
Prodi
S1 PTI13 E
Dosen Pembimbing
MODUL XI
APLIKASI WINDOWS FORM
A. TUJUAN
1. Memahami komponen-komponen aplikasi Windows Form
2. Mampu menggunakan menu-menu dan MDI untuk menciptakan aplikasi Windows Form
B. DASAR TEORI
1. Menu
Keberadaan menu mempunyai tujuan agar end user untuk mengakses perintah-perintah dan fungsifungsi high level dalam antarmuka yang familiar dan mudah dipahami.Di Windows Form, menu utama
direpresentasikan oleh objek MenuStrip. Menu ini berperan sebagai penampung item-item menu dalam
struktur menu.
2. Menu Pop-up
Jenis menu ini memerlukan pemicu seperti klik kanan agar dapat ditampilkan.
3. Tool Bar
Pada Windows Form, tool bar direpresentasikan oleh objek ToolBar, dan button-buton di dalamnya
direpresentasikan oleh ToolBarButton.
4. MDI (Multiple Document Interface)
MDI menyediakan metodologi untuk menyediakan antarmuka document centric. Salah satu
keuntungan MDI adalah mereduksi clutter dan meningkatkan efisiensi penggunaan
layar.
C. LATIHAN
1. Menu
Di VB.NET, menu-menu dihasilkan melalui objek MenuItem yang merepresentasikan bagian-bagian
individu menu, misalnya File > New, Open.
Langkah-Langkah
1. Membuat project aplikasi Windows.
2. Menambahkan komponen MenuStrip ke dalam form, kemudian buat dua buah menu utama bernama
File dan Edit.
3. Di menu Edit, tambahkan submenu Cut, Copy, Paste, dan Select All. Untuk menyisipkan separator,
gunakan menu drop down di sebelah teks Type Here. Aturpropertinya seperti table berikut :
4.
5. Tambahkan control RichTextBox, kemudian ubah nilai property Dock menjadi Fill serta mengatur
posisinya agar tidak tertindih menu bar.
Source Code
Public Class Form1
Private Sub mnuCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Private Sub mnuCopy_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCopy.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Copy()
End If
End Sub
Private Sub mnuPaste_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuPaste.Click
Me.RichTextBox1.Paste()
End Sub
End Sub
End Class
Screenshot
Penjelasan
Pada program ini hal yang dilakukan adalah menambahkan beberapa menustrip kedalam form serta
menambahkan beberapa action untuk mengformat text. Dengan memasukkan perintah Cut, Copy, Paste serta
Select All yang berguna untuk mengkopi, menempelkan atau memilih semua teks yang kita tuliskan pada
richTetBox.
2. Menu PopUp
Langkah-Langkah
1. Masih di project yang sama, menambahkan sebuah komponen ContextMenuStrip.
2. Dengan membuat menu item Cut, Copy, Paste, dan Select All pada ContextMenuStrip. Atur propertyproperti Name dari menu PopUp, missal popCut, popCopy, popPaste, dan popAll.
3. Menambahkan control RichTextBox, kemudian ubah nilai property Dock menjadi Fill
4. Untuk mengaitkan menu popup dengan control, tetapkan nilai property ContextMenuStrip di
RichTextBox.
Source Code
Public Class Form1
Private Sub mnuCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Private Sub mnuCopy_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCopy.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Copy()
End If
End Sub
Private Sub mnuPaste_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuPaste.Click
Me.RichTextBox1.Paste()
End Sub
Private Sub mnuAll_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuAll.Click
Me.RichTextBox1.SelectAll()
End Sub
Private Sub popCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
popCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Private Sub popCopy_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
popCopy.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Copy()
End If
End Sub
Private Sub popPaste_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
popPaste.Click
Me.RichTextBox1.Paste()
End Sub
Private Sub popAll_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
popAll.Click
Me.RichTextBox1.SelectAll()
End Sub
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
MyBase.Load
End Sub
End Class
Screenshot
Penjelasan
Sama seperti program sebelumnya.program kali ini menambahkan contextmenusstrip yang berfungsi
untuk memformat text didaerah text box. Yang nantinya kita bisa memilih perintah Cut, Copy, Paste serta
Select All dengan mengklik kanan pada mouse tanpa memilih perintah melalui Menu Edit.
3. Tool Bar
Langkah-Langkah
1. Masih di project yang sama, tambahkan sebuah komponen ToolStrip.
2. Untuk menambahkan item, mengunakan menu drop down atau melalui ToolStrip Tasks.Sebagai
contoh, tambahkan item Button, kemudian atur property Name menjadi btnCut.
3. Langkah berikutnya adalah menspesifikasikan image pada button dengan cara klik tombol disebelah
property image. Pilih local resource, kemudian klik Import untuk mencari file gambar yang akan
digunakan.
4. Ulangi langkah no 2 dan no 3 untuk menambahkan item Copy dan Paste.
Source Code
Public Class Form1
Private Sub mnuCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Private Sub mnuCopy_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuCopy.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Copy()
End If
End Sub
Private Sub mnuPaste_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuPaste.Click
Me.RichTextBox1.Paste()
End Sub
Private Sub mnuAll_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
mnuAll.Click
Me.RichTextBox1.SelectAll()
End Sub
Private Sub popCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
popCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Screenshot
Penjelasan
Program ini kita membuat program untuk memotong dan menduplikasi teks yang berada pada
richTextBox, sama seperti tugas tugas sebelumnya. Cuman bedanya kita disuruh menambahkan beberapa
toolbar yang memiliki fungsi untuk mengformat text dalam textbox.
4. MDI
Langkah-Langkah
1. Membuat aplikasi Windows baru.
2. Pembuatan project baru sekaligus akan menciptakan form pertama sebagai form default. Form ini akan
berfungsi sebagai form induk (parent) sehingga anda perlu mengatur property IsMDIContainer menjadi
True.
3. Untuk melengkapi form induk ini, tambahkan komponen MenuStrip, kemudian buat dua buah menu
4. Untuk menampilkan daftar window yang terbuka, ubah nilai property MdiWindowListItem pada
komponen MenuStrip menjadi WindToolStripMenuItem.
5. Setelah pembuatan form induk selesai, lanjutkan dengan menambahkan item baru untuk membuat form
anak (Child Form). Ubah nilai property Name menjadi frmChild.
6. Tambahkan control RichTextBox ke dalam form anak, kemudian atur property Anchor kontrol ini
menjadi Top, Left, dan property Dock menjadi Fill.
Source Code
Public Class Form1
Private Sub NewToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles NewToolStripMenuItem.Click
Dim MDIChild As New frmChild
MDIChild.MdiParent = Me
MDIChild.Text = "Window"
MDIChild.Show()
End Sub
Private Sub TileHorizontallyToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles TileHorizontallyToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.TileHorizontal)
End Sub
Me.LayoutMdi(MdiLayout.ArrangeIcons)
End Sub
Private Sub CloseToolStripMenuItem_Click_1(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles CloseToolStripMenuItem.Click
For Each ChildForm As Form In Me.MdiChildren
ChildForm.Close()
Next
End Sub
End Class
Screenshot
Penjelasan
Program ini berfungsi untuk menformat bentuk form sesuai yang kita inginkan.Pada program
ini terdapat beberapa pilihan dalam mengatur layout pembentukan text. Untuk membuat form1
menjadi form induk, pilih IsMDIContainer pada properties Form1 dan ubah value menjadi True.
D. TUGAS PRAKTIKUM
1. Sempurnakan pembuatan MDI agar mampu menghasilkan title yang unik pada child
window. Misalnya Window 1, Window 2, Window 3, dan seterusnya. Di mana nilai
bilangan (urutan) dokumen di-generate secara dinamis.
Source Code
Public Class Form1
Dim s As String = 0
Private Sub NewToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles NewToolStripMenuItem.Click
Dim MDIChild As New frmChild
MDIChild.MdiParent = Me
MDIChild.Text = "Window " & s
MDIChild.Show()
s=s+1
End Sub
Private Sub TileHorizontallyToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles TileHorizontallyToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.TileHorizontal)
End Sub
Private Sub TileVerticallyToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles TileVerticallyToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.TileVertical)
End Sub
Private Sub CascadeToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles CascadeToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.Cascade)
End Sub
Private Sub ArrangeIconsToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles ArrangeIconsToolStripMenuItem.Click
Me.LayoutMdi(MdiLayout.ArrangeIcons)
End Sub
Private Sub CloseToolStripMenuItem_Click_1(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles CloseToolStripMenuItem.Click
For Each ChildForm As Form In Me.MdiChildren
ChildForm.Close()
Next
End Sub
Private Sub ExitToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles ExitToolStripMenuItem.Click
Me.Close()
End Sub
End Class
Screenshot
Penjelasan
Program ini sama dengan program sebelumnya hanya ditambahkan action script untuk
membuat program keluar. Skrip
MDIChild As New frmChild
MDIChild.Show()
Dim s As String = 0
Dim
2. Tambahkan form login pada aplikasi MDI yang dibuat. Gunakan kondisi IF untuk
simulasi validasi identitas. Jika validasi login berhasil, maka tampilkan form MDI, jika
gagal tampilkan peringatan gagal login yang dilanjutkan dengan penutupan aplikasi.
Source Code
Public Class Form1
Dim MDIChild As New frmChild
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
Button1.Click
If TextBox1.Text = "tamsun" And TextBox2.Text = "12345" Then
MDIChild.Show()
Else
MessageBox.Show("id dan password anda salah")
End If
End Sub
End Class
Screenshot
Penjelasan
Program ini digunakan untuk membuat login,di mana user dan passwordnya sudah ditentukan
pada skrip. Jika login sukses maka akan masuk ke form yang sudah dibuat sebelumnya. Sintak
MDIChild.Show() untuk menampilkan form anakkan yang nantinya akan menampilkan waktu. Jika
password salah atau idnya salah maka akan muncul messagebox dengan skrip MessageBox.Show("id
dan password anda salah").
3. Tambahkan status bar pada aplikasi MDI yang dibuat. Misal: untuk menampilkan current
time
Source Code
Public Class frmChild
Private Sub frmChild_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles
MyBase.Load
Label1.Text = Date.Now.ToString("dd MM yyy")
Label2.Text = Date.Now.ToString("hh:mm")
End Sub
End Class
Screenshot
Penjelasan
Pada program ini difungsikan untuk membuat waktu sekarang yang disisipkan pada program yang
sebelumnya sudah kita buat.
E. TUGAS RUMAH
1. Buat splash screen sebagai pembuka dari aplikasi.
Source Code
Public Class NumericTextBox
Inherits System.Windows.Forms.TextBox
Protected Overrides Sub onkeypress(ByVal e As _
System.Windows.Forms.KeyPressEventArgs)
If Not Char.IsDigit(e.KeyChar) And e.KeyChar <> ChrW(Keys.Back) And e.KeyChar <>
ChrW(Keys.Delete) Then
e.Handled = True
Else
e.Handled = False
End If
End Sub
End Class
Screenshot
Penjelasan
Pada program ini kita disuruh untuk menampilkan inputan berupa numerik. Di program ini
kita
menggunakan
perkondisian
if-else,
Fungsi
dari
syntax
e.KeyChar
<>
F. KESIMPULAN
G. DAFTAR PUSTAKA
Tim Asisten Dosen.2015.Modul 8Aplikasi Windows Lanjut. Teknik Elektro. Universitas
Negeri Malang.