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