LAPORAN PRAKTIKUM V
PRAKTIKUM PEMROGRAMAN VISUAL
APLIKASI WINDOWS FORMDisusun untuk Memenuhi Matakuliah Praktikum Pemrograman Visual
Yang Dibimbing oleh Bapak Azhar Ahmad Smaragdina, M.Pd
Oleh:
GISRA RAHMADHITA130533608259
S1 PTI 2013 Offering B
UNIVERSITAS NEGERI MALANGFAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTROS1 PENDIDIKAN TEKNIK INFORMATIKA
MARET 2015
MODUL XI
APLIKASI WINDOWS FORM
A. TUJUAN1. Memahami komponen-komponen aplikasi Windows Form2. Mampu menggunakan menu-menu dan MDI untuk menciptakan aplikasi Windows Form
B. ALOKASI WAKTU4 js (4 x 50 menit)
C. PETUNJUK1. 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 TEORI1. 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 penggunaanlayar.
E. LATIHAN1. Menu
Di VB.NET, menu-menu dihasilkan melalui objek MenuItem yang merepresentasikan bagian-bagian individu menu, misalnya File > New, Open.
Langkah-Langkah1. 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. 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 SubEnd Class
Screenshot
PenjelasanPada program ini hal yang dilakukan adalah menambahkan beberapa menustrip kedalam form serta
menambahkan beberapa action untuk mengformat text.
2. Menu PopUp
Langkah-Langkah1. 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 Fill4. 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 SubEnd Class
Screenshot
PenjelasanSama seperti program sebelumnya.program kali ini menambahkan contextmenusstrip yang berfungsi
untuk memformat text didaerah text box.
3. Tool BarLangkah-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
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 SubEnd Class
Screenshot
PenjelasanProgram ini dibuat untuk menambahkan beberapa toolbar yang memiliki fungsi untuk mengformat
text dalam textbox sama seperti sebelumnya
4. MDILangkah-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.
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 SubEnd Class
Screenshot
PenjelasanProgram ini berfungsi untuk menformat bentuk form sesuai yang kita inginkan.Pada program ini
terdapat beberapa pilihan dalam mengatur layout pembentukan text.
F. TUGAS PRAKTIKUM1. Sempurnakan pembuatan MDI agar mampu menghasilkan title yang unik pada childwindow. Misalnya Window 1, Window 2, Window 3, dan seterusnya. Di mana nilaibilangan (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 SubEnd Class
Screenshot
Penjelasan
Program ini sama dengan program sebelumnya hanya ditambahkan action script untuk membuat program
keluar.
2. Tambahkan form login pada aplikasi MDI yang dibuat. Gunakan kondisi IF untuksimulasi validasi identitas. Jika validasi login berhasil, maka tampilkan form MDI, jikagagal 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
PenjelasanProgram 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 currenttimeSource 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 SubEnd Class
Screenshot
PenjelasanPada program ini difungsikan untuk membuat waktu sekarang yang disisipkan pada program yang
sebelumnya sudah kita buat
G. TUGAS RUMAH1. 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 SubEnd Class
Screenshot
PenjelasanPada 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
Top Related