Pemrograman Pada Embedded Visual Basic

Transkripsi

1 3 Pemrograman Pada Embedded Visual Basic Objektif : Mengenal Elemen-Elemen Pada Embedded Visual Basic Mengetahui Fungsi Masing-Masing Elemen 3.1. Kontrol Kontrol adalah sebuah object yang terdapat pada form tempat aplikasi Embedded Visual Basic ini dibuat. Setiap kontrol tersebut memiliki nilai-nilai properti, metode dan event tersendiri yang dapat membuat kontrol ini bekerja sesuai dengan fungsinya. Pada Embedded Visual Basic, kontrol-kontrol tersebut dibagi menjadi kontrol-kontrol standar dan kontrolkontrol Active-X. Kontrol Standar Tabel 3.3 Kontrol Standar CheckBox Control ListBox Control ComboBox Control OptionButton Control CommandButton Control Scrollbar Control (Horizontal) Frame Control (Vertikal) Shape Control Label Control TextBox Control Pemrograman Pada Embedded Visual Basic Halaman 29

2 Line Control Timer Control Kontrol Active-X Tabel 3.4 Kontrol ActiveX Comm Control ImageList Control ListView Control CommonDialog Control MenuBar Control FileSystem Controls PictureBox Control TabStrip Control Grid Control TreeView Control Image Control Winsock Control Selain beberapa kontrol diatas, terdapat juga beberapa kontrol yang diaktifkan dengan memilih salah satunya pada daftar komponen tambahan yang terdapat pada Embedded Visual Basic. Caranya adalah dengan mengaktifkan menu Project, Components. Kemudian pilihlah salah satu atau beberapa kontrol yang akan digunakan dengan cara men check-list nya. Jangan lupa menekan tombol OK untuk meyakinkan pilihan anda. Halaman 30 Pemrograman Pada Embedded Visual Basic

3 Gambar 3.1 Memilih komponen Pada pengembangannya, terdapat banyak kontrol-kontrol lain buatan pihak ketiga yang dapat didownload di internet baik itu gratis atau bayar, sehingga variasi pembuatan aplikasi-pun dapat lebih banyak. Pemilihan kontrol yang tepat juga dapat mengoptimalkan penggunaan suatu aplikasi Menggunakan Kontrol Tabstrip Kontrol TabStrip digunakan untuk memperbanyak pilihan tampilan pada satu halaman tampilan utama. Biasa digunakan untuk membuat beberapa pilihan konfigurasi pada satu form utama. Salah satu tujuan penggunaan kontrol TabStrip adalah untuk meminimalkan jumlah form tapi dapat mengakomodir halaman tampilan dengan jumlah yang banyak. Kontrol TabStrip terdiri dari beberapa tab (satuan tampilan) yang dipanggil sesuai dengan index masing-masing tab tersebut. Tab-tab tersebut dapat diberi caption untuk memberi nama masing-masing tab. Pada caption tab-tab tersebut juga dapat disertakan gambar yang dipanggil dari kontrol ImageList. Pemrograman Pada Embedded Visual Basic Halaman 31

4 Gambar 3.2 Contoh penggunaan kontrol TabStrip Salah satu kelemahan menggunakan kontrol TabStrip adalah sulitnya menempatkan object-object yang akan diakomodir oleh TabStrip tersebut pada saat pembuatan. Hal itu disebabkan karena tidak adanya pemisah pada peletakkan object-objet tersebut, sehingga perlu dibuat suatu cara agar penggunaannya dapat dipermudah. Salah satu caranya adalah dengan menyertakan kontrol PictureBox untuk setiap tab pada kontrol TabStrip tersebut. Dan kemudian object-object tersebut diletakkan pada masing-masing frame tersebut sesuai dengan lokasi tab yang diinginkan. Sehingga, pada pembuatannya, kita tinggal mengatur frame-frame tersebut untuk ditampilkan atau tidak ditampilkan ketika tab yang mewakili frame tersebut dipilih. Berikut ini merupakan contoh pembuatan aplikasi dengan menyertakan kontrol TabStrip. 1. Buat project baru untuk Pocket PC. 2. Tambahkan komponen Microsoft CE TabStrip Control 3.0 dengan memilihnya pada menu Project, Components. Microsoft TabStrip Control 3.0 secara default sudah diikutsertakan pada paket instalasi Microsoft Embedded Visual Basic Ubah properti Project1 seperti pada tabel dibawah ini : Halaman 32 Pemrograman Pada Embedded Visual Basic

5 Project Name Remote Path Run On Target TabStrip \Windows\Start Menu\Project1.vb Pocket PC 2002 Emulation 4. Buat form baru dan ubah properti seperti pada tabel dibawah ini : Name frmutama Caption Contoh TabStrip 5. Pada form utama, tambahkan kontrol TabStrip dengan memilih icon pada ToolBox dan letakkan pada form seperti ini. Name Enabled TabStrip True 6. Untuk menambah jumlah dan memberi nama masing-masing TabStrip, masuklah pada Property Pages dengan cara klik kanan pada kontrol tersebut dan memilih Property. Dan isikan informasi yang diinginkan. Pemrograman Pada Embedded Visual Basic Halaman 33

6 Isikanlah nilai-nilai properti seperti berikut ini, tekan Add Tab untuk menambah Tab baru : Index Caption Key 1 Tab 1 TabSatu 2 Tab 2 TabDua 7. Setelah selesai mengatur TabStrip yang bersangkutan, sekarang kita tinggal membuat isi masing-masing TabStrip tersebut. Untuk memisahkan object-object yang ingin digunakan, gunakanlah kontrol Frame pada icon dan letakkan object-object tersebut pada masing-masing Frame untuk masing-masing Tab seperti berikut ini. Berikanlah nilai properti seperti berikut ini untuk Frame pertama : Kontrol Frame Name Frame1 Enabled True Caption (Kosongkan) BorderStyle 0 vbbsnone Label Name lblsatu Caption Isi Tab Strip 1 TextBox Name txtsatu CommandButton Name cmdsatu Caption Button 1 Berikanlah nilai properti seperti berikut ini untuk Frame kedua : Kontrol Frame Name Frame2 Enabled True Caption (Kosongkan) Halaman 34 Pemrograman Pada Embedded Visual Basic

7 BorderStyle 0 vbbsnone Label Name lbldua Caption Isi Tab Strip 2 CheckBox Name chksatu Caption Check Box 2 OptionButton Name optsatu Caption Option 2 8. Tambahkan kode program seperti dibawah ini untuk mengatur peletakkan masing-masing frame atas TabStrip. Kode Program 2.1 Private Sub Form_Load() Frame1.Top = TabStrip1.ClientTop Frame1.Left = TabStrip1.ClientLeft Frame1.Height = TabStrip1.ClientHeight Frame1.Width = TabStrip1.ClientWidth Frame2.Top = TabStrip1.ClientTop Frame2.Left = TabStrip1.ClientLeft Frame2.Height = TabStrip1.ClientHeight Frame2.Width = TabStrip1.ClientWidth Frame1.ZOrder vbbringtofront End Sub Kemudian tambahkan lagi kode program dibawah ini untuk mengatur efek yang terjadi jika tombol TabStrip ditekan. Kode Program 2.2 Private Sub TabStrip1_Click() Select Case TabStrip1.SelectedItem.Key Case "satu": Frame1.ZOrder vbbringtofront Case "dua": Frame2.ZOrder vbbringtofront End Select End Sub 9. Simpan project dan tekan F5 untuk menjalankannya Pemrograman Pada Embedded Visual Basic Halaman 35

8 3.3. Menggunakan Kontrol Treeview Kontrol TreeView biasa digunakan untuk menunjukkan hirarki atau urutan isi objectobject. Urutan object-object tersebut dapat diatur apakah akan ditunjukkan atau tidak sesuai dengan keinginan. TreeView paling sering digunakan untuk menunjukkan hirarki file, yang terdapat pada folder-folder. Contohnya terdapat pada Windows Explorer. Gambar 3.3 Contoh penggunaan kontrol TreeView Halaman 36 Pemrograman Pada Embedded Visual Basic

9 Masing-masing elemen pada TreeView disebut dengan Node, pada Node tersebut dapat ditambahkan beberapa sub-node sebagai cabang dari node utama. Untuk setiap node juga dapat disertakan gambar yang dipanggil dari kontrol ImageList. Node-node tersebut dapat dibuka (expand) atau dapat pula di tutup (collapse) sesuai dengan keinginan. Berikut ini merupakan contoh pembuatan aplikasi dengan menggunakan kontrol TreeView : 1. Buat project baru untuk Pocket PC. 2. Tambahkan komponen Microsoft CE TreeView Control 3.0 dengan memilihnya pada menu Project, Components. Microsoft CE TreeView Control 3.0 secara default sudah diikutsertakan pada paket instalasi Microsoft Embedded Visual Basic Ubah properti Project1 seperti pada tabel dibawah ini : Project Name TreeView Remote Path \Windows\Start Menu\Project1.vb Run On Target Pocket PC 2002 Emulation 4. Buat form baru dan ubah properti seperti pada tabel dibawah ini : Name frmutama Caption Contoh TreeView 5. Tambahkan kontrol TreeView pada frmutama dengan memilih icon pada ToolBox. Ubah properti seperti pada tabel dibawah ini : Name TreeView Enabled True Pemrograman Pada Embedded Visual Basic Halaman 37

10 6. Tambahkan kode program dibawah ini dengan cara klik dua kali pada frmutama. Kode Program 2.3 Private Sub Form_Load() TreeView.Nodes.Add,, "HP", "Hewlett Packard" TreeView.Nodes.Add "HP", 4, "HP1", "HP ipaq 1910" TreeView.Nodes.Add "HP", 4, "HP2", "HP ipaq 2210" TreeView.Nodes.Add "HP", 4, "HP3", "HP ipaq 4150" TreeView.Nodes.Add,, "O2", "O2" TreeView.Nodes.Add "O2", 4, "O21", "O2 XDA" TreeView.Nodes.Add "O2", 4, "O22", "O2 X-Phone" End Sub 7. Simpan project dan tekan F5 untuk menjalankannya. Halaman 38 Pemrograman Pada Embedded Visual Basic

11 3.4. Menggunakan Kontrol Menubar Kontrol MenuBar merupakan salah satu komponen yang paling sering digunakan pada aplikasi Pocket PC. MenuBar adalah suatu menu khusus yang dapat memberikan aksiaksi tertentu jika dipilih. Menu tersebut juga dapat terdiri dari sub-sub menu didalamnya yang juga dapat diberi aksi jika dipilih. Lain halnya pada Microsoft Visual Basic yang memiliki Menu Editor untuk membuat menu, pada Embedded Visual Basic tidak terdapat. Berikut ini merupakan contoh pembuatan aplikasi dengan menyertakan kontrol MenuBar : 1. Buat project baru untuk Pocket PC. 2. Tambahkan komponen Microsoft PocketPC MenuBar Control 3.0 dengan memilihnya pada menu Project, Components. Microsoft PocketPC MenuBar Control 3.0 secara default sudah diikutsertakan pada paket instalasi Microsoft Embedded Visual Basic Ubah properti Project1 seperti pada tabel dibawah ini : Project Name MenuBar Remote Path \Windows\Start Menu\ Project1.vb Run On Target Pocket PC 2002 Emulation Pemrograman Pada Embedded Visual Basic Halaman 39

12 4. Buat form baru dan ubah properti seperti pada tabel dibawah ini : Name frmutama Caption Contoh MenuBar 5. Tambahkan kontrol MenuBar pada frmutama dengan memilih icon pada ToolBox. Ubah properti seperti pada tabel dibawah ini : Name MenuBar Enabled True NewButton False 6. Tambahkan kode program dibawah ini dengan cara klik dua kali pada frmutama. Kode Program 2.4 Private Sub Form_Load() Dim mnufile As MenuBarMenu Dim mnuedit As MenuBarMenu Set mnufile = MenuBar.Controls.AddMenu("File", "mnufile") mnufile.items.add 1, "mnufilenew", "New" mnufile.items.add 2, "mnufileopen", "Open" Halaman 40 Pemrograman Pada Embedded Visual Basic

13 mnufile.items.add 3, "mnufilesave", "Save" mnufile.items.add 4,,, mbrmenuseparator mnufile.items.add 5, "mnufileexit", "Exit" Set mnuedit = MenuBar.Controls.AddMenu("Edit", "mnuedit") mnuedit.items.add 1, "mnueditcopy", "Edit" mnuedit.items.add 2, "mnueditpaste", "Paste" Set mnufile = Nothing Set mnuedit = Nothing End Sub Untuk memberikan reaksi atas menu-menu yang dipilih, maka tambahkanlah kode program dibawah ini. Kode Program 2.5 Private Sub MenuBar_MenuClick(ByVal Item As MenuBarLib.Item) Select Case Item.Key Case "mnufilenew": MsgBox "menu File > New dipilih" Case "mnufileopen": MsgBox "menu File > Open dipilih" Case "mnufilesave": MsgBox "menu File > Save dipilih" Case "mnufileexit": App.End Case "mnueditcopy": MsgBox "menu Edit > Copy dipilih" Case "mnueditpaste": MsgBox "menu Edit > Paste dipilih" End Select End Sub 7. Simpan project dan tekan F5 untuk menjalankannya. Pemrograman Pada Embedded Visual Basic Halaman 41

14 Halaman 42 Pemrograman Pada Embedded Visual Basic