MODUL 11 VB

Modul Praktikum Bahasa Pemrograman Visual (BPV)

Jurusan Teknik Elektro FT UM 1

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 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 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-upJenis menu ini memerlukan pemicu seperti klik kanan agar dapat ditampilkan.

3. Tool BarPada 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. LATIHAN1. Menu

Di VB.NET, menu-menu dihasilkan melalui objek MenuItem yang merepresentasikan bagian-bagian individu menu, misalnya File > New, Open, dan sebagainya. Langkah-langkah pembuatan menu diperlihatkan sebagai berikut:1. Buat project aplikasi Windows.

2. Tambahkan 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”. Atur propertinya seperti table berikut :

4. untuk melengkapi menu. Anda dapat menambahkan shortcut melalui property ShortcutKeys.

5. Tambahkan control RichTextBox, kemudian ubah nilai property Dock menjadi Fill. Atur posisinya agar tidak tertindih menu bar. Hasil diperlihatkan seperti Gambar 2.



6. Lengkapi kode programnya seperti berikut :

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, ByVale 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

7. Jalankan aplikasi dan coba akses menu-menu yang tersedia.

2. Menu PopUp1. Masih di project yang sama, tambahkan sebuah komponen ContextMenuStrip.



2. Buat menu item Cut, Copy, Paste, dan Select All pada ContextMenuStrip. Atur property-properti Name dari menu PopUp, missal popCut, popCopy, popPaste, dan popAll.

3. Tambahkan control RichTextBox, kemudian ubah nilai property Dock menjadi Fill4. Untuk mengaitkan menu popup dengan control, tetapkan nilai property

ContextMenuStrip di RichTextBox.5. Lengkapi kode programnya.

Private Sub popCut_Click(ByVal sender As System.Object, ByVal e AsSystem.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, ByVale 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 AsSystem.EventArgs) Handles MyBase.Load

End Sub

6. Hasil pembuatan menu popup seperti Gambar 3.

3. Tool Bar



1. Masih di project yang sama, tambahkan sebuah komponen ToolStrip.2. Untuk menambahkan item, gunakan 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.5. Lengkapi kode programnya seperti contoh-contoh sebelumnya.6. Jalankan aplikasi dan uji fungsionalitasnya.

4. MDI 1. Buat 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.

7. Lengkapi kode program di form induk.

Public Class Form1

Private Sub NewToolStripMenuItem_Click(ByVal sender AsSystem.Object, ByVal e As System.EventArgs) Handles mnuNew.Click Dim MDIChild As New frmChild MDIChild.MdiParent = Me MDIChild.Text = "Window" MDIChild.Show() End Sub

Private Sub mnuHorizontal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles mnuHorizontal.Click Me.LayoutMdi(MdiLayout.TileHorizontal) End Sub

Private Sub mnuVertical_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles mnuVertical.Click Me.LayoutMdi(MdiLayout.TileVertical) End Sub

Private Sub mnuCascade_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles mnuCascade.Click Me.LayoutMdi(MdiLayout.Cascade) End Sub

Private Sub mnuArrange_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles mnuArrange.Click Me.LayoutMdi(MdiLayout.ArrangeIcons) End Sub

Private Sub mnuClose_Click(ByVal sender As System.Object, ByVale As System.EventArgs) Handles mnuClose.Click For Each ChildForm As Form In Me.MdiChildren ChildForm.Close() Next End SubEnd Class

8. Perhatikan, di form child tidak perlu menuliskan kode apa pun.9. Jalankan aplikasi.



F. TUGAS PRAKTIKUM1. 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.

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.

3. Tambahkan status bar pada aplikasi MDI yang dibuat. Misal: untuk menampilkan current time

G. TUGAS RUMAH1. Buat splash screen sebagai pembuka dari aplikasi.2. Pada form login yang telah dibuat pada tugas praktikum, modifikasi sistem login dengan

menggunakan system basis data. Antarmuka terdiri dari komponen input dan komponen button, jika input data user dilakukan maka pengecekan data yang diinputkan ke table login yang terdapat pada basis data yang dibuat. Jika data tersebut ada, maka login valid, namun jika tidak, maka tutup apilkasi.

3. Laporan tugas rumah tetap pada bentuk printout dan kumpulkan tugas rumah (softcopy) dari tiap individu dalam 1 CD tiap offering.

MODUL 11 VB

Documents

Transcript of MODUL 11 VB