MODUL PRAKTIKUM PEMROGRAMAN VISUAL BASIC

Ukuran: px

Mulai penontonan dengan halaman:

Download "MODUL PRAKTIKUM PEMROGRAMAN VISUAL BASIC"

Iwan Tanuwidjaja
7 tahun lalu
Tontonan:

1 Fakultas Teknik Praktikum MODUL PRAKTIKUM PEMROGRAMAN VISUAL BASIC Moh. Anshori Aris Widya, S.Kom UNIPDU (Universitas Pesantren Tinggi Darul Ulum) UNIPDU Komplek Pondok Pesantren Tinggi Darul Ulum Peterongan Jombang 61481

PRAKTIKUM 10 IMAGE CONTAINER dan APLIKASI MULTI FORM A. Tujuan - Mengenal Image Container di Visual Basic 2008 - Praktikum Aplikasi Multi Form di Visual Basic 2008 B.

2 PRAKTIKUM 10 IMAGE CONTAINER dan APLIKASI MULTI FORM A. Tujuan - Mengenal Image Container di Visual Basic Praktikum Aplikasi Multi Form di Visual Basic 2008 B. Perangkat Lunak (Software) - Microsoft Visual Basic 2008 C. Dasar Teori Pada saat pembuatan aplikasi, kita sering menggunakan gambar-gambar sebagai icon pada tombol, toolbar, menu, tab control dan lain sebagainya. Untuk memungkinkan hal tersebut kita sering menggunakan Property Image pada control-control tersebut. Pada saat kita mengakseses Property Image tersebut, terdapat 2 pilihan yaitu : 1. Local Resource Local Resource adalah salah satu cara peng-inputan gambar pada Property Image yang memungkinkan sebuah gambar diinputkan ke sebuah control. Cara ini paling sering digunakan karena paling mudah dipelajari dan mudah dilakukan. Walaupun cara ini paling mudah dan dan sering digunakan, cara ini memiliki kelebihan dan kekurangan. Kelebihan : - Mudah dipelajari dan dilakukan - Setelah sebuah control yang telah diinputkan gambar dengan cara ini berhasil maka saat control tersebut di-copy ke project lainnya, gambar akan tetap ada pada control tersebut. Dikarenakan gambar yang telah diinputkan dengan cara ini akan diubah menjadi meta data sehingga kemanapun control tersebut di-copy maka gambar akan tetap ada pada control tersebut. 1 Pemrograman Visual Basic UNIPDU

3 Kelemahan : - Cara ini hanya mampu menyimpan meta data dari sebuah gambar saja. 2. Project Resources File Project Resources File salah satu cara peng-inputan gambar pada Property Image yang memungkinkan sebuah gambar ke sebuah control. Perbedaannya dengan Local Resource adalah dengan cara ini gambar yang akan diinputkan secara fisik akan disimpan ke dalam folder bernama Resources didalam Project tersebut dan bukan lagi disimpan dalam meta data. Kemudian setelah kita memilih gambar-gambar tersebut maka akan terbuat daftar gambar-gambar tersebut pada file Resources.resx. Jika dalam Local Resource kita hanya diperbolehkan memilih satu gambar, maka pada Project Resources File kita boleh memilih lebih dari satu gambar. Kelebihan Kelemahan : - File Fisik gambar ikut tersimpan - Dapat menyimpan banyak gambar, kita dapat memilih gambar mana yang akan diinputkan kedalam control. : - Cara ini tidak menyimpan gambar secara meta data, melainkan menyimpan secara fisik. Jadi saat sebuah control yang telah diinputkan gambar dengan cara ini berhasil maka saat control tersebut di-copy ke project lainnya, gambar akan hilang dari control tersebut. Dikarenakan gambar yang telah diinputkan dengan cara ini akan tidak diubah menjadi meta data. - Jika salah satu gambar dihapus dari resources, maka daftar gambar yang ada pada Resources.resx harus diedit secara manual. Selain menggunakan cara diatas dalam peng-inputan gambar, kita dapat memanfaatkan sebuah control yang memiliki fungsi khusus sebagai Image Container (Penampung Gambar). Control tersebut adalah ImageList. Dalam ImageList gambar yang dipilih akan diubah ke dalam meta data dan dapat menyimpan lebih dari satu gambar. Sehingga dengan kata lain control ini merupakan solusi bagi kelemahan pada cara-cara diatas. 2 Pemrograman Visual Basic UNIPDU

Untuk menambahkan control-control ke dalam Form Design, ikuti perintah

4 D. Praktikum Membuat Aplikasi Windows 1. Konsep Project a. Aplikasi Multi Form 2. Buat Project baru 3. Untuk menambahkan control-control ke dalam Form Design, ikuti perintah langsung saat perkuliahan. 4. Desain sedemikian rupa sehingga menjadi gambar dibawah ini 3 Pemrograman Visual Basic UNIPDU

5 5. Dari gambar screenshoot tersebut diketahui bahwa terdapat 2 menu utama yaitu Menu dan Aplikasi. Pada Menu terdapat Menu Keluar sedangkan pada Aplikasi terdapat Menu Stopwatch. 4 Pemrograman Visual Basic UNIPDU

6 6. Listing programnya adalah Public Class Form1 Private Sub mnkeluar_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles mnkeluar.click Close() Private Sub mnstopwatch_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles mnstopwatch.click Form2.ShowDialog() End Class 7. Setelah selesai lanjutkan ke langkah berikutnya 5 Pemrograman Visual Basic UNIPDU

7 8. Kemudian Buat Form Baru. 9. Konsep Aplikasi (Membuat Aplikasi Stopwatch sederhana) 10. Tambahkan control-control berikut ke dalam Form Design. No Object Property Nilai Text frmstopwatch Aplikasi Stopwatch Buatan Sendiri 1 Form FormBorderStyle FixedSingle StartPosition CenterScreen MaximizeBox MinimizeBox False False 2 Timer 3 ImageList 4 Label 5 Button 6 Button 7 Button Enabled Interval ImageSize ColorDepth Images Font Text TextAlign AutoSize Dock ImageAlign Text TextAlign ImageList ImageKey ImageAlign Text TextAlign ImageList ImageKey ImageAlign Text TextAlign ImageList ImageKey tmrhitung False 10 ListIcon - Width = 48 - Height = 48 Depth32Bit (Sesuai Instruksi saat Praktikum) lblstopwatch Calibri, 36 00:00:00:00 MiddleCenter False Top btnmulai MiddleLeft Mulai MiddleRight ListIcon player_play.png btnpause MiddleLeft Pause MiddleRight ListIcon player_pause.png btnstop MiddleLeft Stop MiddleRight ListIcon player_stop.png 11. Desain sedemikian rupa sehingga menjadi gambar dibawah ini 6 Pemrograman Visual Basic UNIPDU

8 12. Setelah selesai men-design silahkan menuju listing program 7 Pemrograman Visual Basic UNIPDU

9 13. Berikut ini listing aplikasi tersebut Public Class Form2 Dim AngkaJam, AngkaMenit, AngkaDetik, AngkaMilidetik As Integer Dim J, M, D, MD As String Sub Jam() If AngkaJam < 10 Then J = "0" & CStr(AngkaJam) Else J = CStr(AngkaJam) Sub Menit() If AngkaMenit = 60 Then AngkaMenit = 0 AngkaJam += 1 If AngkaMenit < 10 Then M = "0" & CStr(AngkaMenit) Else M = CStr(AngkaMenit) Sub Detik() If AngkaDetik = 60 Then AngkaDetik = 0 AngkaMenit += 1 If AngkaDetik < 10 Then D = "0" & CStr(AngkaDetik) Else D = CStr(AngkaDetik) Sub Milidetik() AngkaMilidetik += 1 If AngkaMilidetik = 100 Then AngkaMilidetik = 0 AngkaDetik += 1 If AngkaMilidetik < 10 Then 8 Pemrograman Visual Basic UNIPDU

10 MD = "0" & CStr(AngkaMilidetik) Else MD = CStr(AngkaMilidetik) Private Sub tmrhitung_tick(byval sender As System.Object, ByVal e As System.EventArgs) Handles tmrhitung.tick Call Jam() Call Menit() Call Detik() Call Milidetik() lblstopwatch.text = String.Format("{0}:{1}:{2}:{3}", J, M, D, MD) Private Sub btnmulai_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnmulai.click tmrhitung.enabled = True Private Sub btnpause_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnpause.click tmrhitung.enabled = False Private Sub btnstop_click(byval sender As System.Object, ByVal e As System.EventArgs) Handles btnstop.click tmrhitung.enabled = False AngkaJam = 0 AngkaMenit = 0 AngkaDetik = 0 AngkaMilidetik = 0 lblstopwatch.text = "00:00:00:00" End Class 14. Jalankan aplikasi dengan menekan tombol F5 (di keyboard), atau melalui ikon Start Debugging di toolbar, atau melalui menu Debug > Start Debuging. 15. Analisa dan perhatikan apakah project yang dibuat telah sesuai konsep yang telah ditentukan (konsep akan diterangkan pada saat praktikum). 16. Simpan Project anda (untuk penjelasan mengenai Listing Program akan diterangkan pada saat praktikum). E. Referensi - Drs. Daryanto. Belajar Komputer Visual Basic, Bandung: Yrama Widya, Ir. Suryanto Thabrani, MM. Mudah & Cepat Menguasai Visual Basic, Jakarta: Mediakita, Soetam Rizky. Learning By Sample Visual Basic 2008, Jakarta: Prestasi Pustaka, Pemrograman Visual Basic UNIPDU

dokumen-dokumen yang mirip

MODUL PRAKTIKUM PEMROGRAMAN VISUAL BASIC

Fakultas Teknik Praktikum 4 2014 MODUL PRAKTIKUM PEMROGRAMAN VISUAL BASIC Moh. Anshori Aris Widya, S.Kom UNIPDU (Universitas Pesantren Tinggi Darul Ulum) 2013-2014 UNIPDU Komplek Pondok Pesantren Tinggi