Manajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
LAPORAN PRAKTIKUM V
1. LAPORAN PRAKTIKUM V
PRAKTIKUM PEMROGRAMAN VISUAL
APLIKASI WINDOWS FORM
Disusun untuk Memenuhi Matakuliah Praktikum Pemrograman Visual
Yang Dibimbing oleh Bapak Azhar Ahmad Smaragdina, M.Pd
Oleh:
GISRA RAHMADHITA
130533608259
S1 PTI 2013 Offering B
UNIVERSITAS NEGERI MALANG
FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
S1 PENDIDIKAN TEKNIK INFORMATIKA
MARET 2015
2. 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. ALOKASI WAKTU
4 js (4 x 50 menit)
C. 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 asisten/dosen apabila ada hal-hal yang kurang jelas.
D. DASAR TEORI
1. Menu
Keberadaan menu mempunyai tujuan agar end user untuk mengakses perintah-perintah dan fungsi-
fungsi 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.
E. 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 :
3. 4. Untuk melengkapi menu dengan menggunakan shortcut melalui property ShortcutKeys.
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
Private Sub mnuAll_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles mnuAll.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
Pada program ini hal yang dilakukan adalah menambahkan beberapa menustrip kedalam form serta
menambahkan beberapa action untuk mengformat text.
4. 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 property-
properti 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
5. Penjelasan
Sama seperti program sebelumnya.program kali ini menambahkan contextmenusstrip yang berfungsi
untuk memformat text didaerah text box.
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
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
6. 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 btnCut_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnCut.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Cut()
End If
End Sub
Private Sub btnCopy_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnCopy.Click
If Me.RichTextBox1.SelectedText <> "" Then
Me.RichTextBox1.Copy()
End If
End Sub
Private Sub btnPaste_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnPaste.Click
Me.RichTextBox1.Paste()
End Sub
End Class
Screenshot
Penjelasan
Program ini dibuat untuk menambahkan beberapa toolbar yang memiliki fungsi untuk mengformat
text dalam textbox sama seperti sebelumnya
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
utama bernama File dan Window.
7. 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
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
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.
8. F. 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.
9. 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 = "dhita" 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 dugunakan untuk membuat login, jika login sukses maka akan masuk ke form yang sudah
dibuat sebelumnya
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
10. G. TUGAS RUMAH
1. Buat splash screen sebagai pembuka dari aplikasi.
Source Code
Public NotInheritable Class SplashScreen1
Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles Timer1.Tick
ProgressBar1.Value += 10
If ProgressBar1.Value = 100 Then
Timer1.Dispose()
Form1.Show()
Me.Hide()
End If
End Sub
End Class
Screenshot
Penjelasan
Pada program ini kita disuruh untuk menambahkan slpash screen yang digunakan untuk menampilkan
proses awal masuk program
H.KESIMPULAN
I.DAFTAR PUSTAKA
Modul XI Praktikum Pemrograman Visual. APLIKASI WINDOWS FORM. Malang: Pendidikan
Teknik Informatika Universitas Negeri Malang