BAB I Pengenalan VB .NET
1.4 Lingkungan Pemrograman VB .NET
Halaman Awal
Ketika Anda menjalankan Visual Studio .NET untuk pertama kali, Anda akan melihat jendela seperti gambar berikut ini. Pada tab My Profile di kotak Profile, pilih Visual Basic Developer. Dua kotak berikutnya akan diisi secara otomatis.
Pada sebelah bawah, di kontrol ComboBox pilihan At Startup, Anda dapat menentukan apa yang Anda inginkanketika memulai Visual Studio .NET. Pilihannya adalah:
o Show start page. Setiap saat Anda memulai Visual Studio .NET, halaman
start akan muncul.
o Load Last Loaded Solution. Ketika Anda membuat proyek sungguhan
(proyek yang penyelesaiannya membutuhkan waktu yang lama: mingguan atau bulanan). Pilih pilihan ini sehingga proyek secara otomatis akan di load setiap kali Anda menjalankan Visual Studio .NET.
o Show Open Project Dialog Box. Setiap saat Anda memulai Visual
Studio .NET, kotak dialog Open Project akan muncul di mana Anda dapat memilih proyek yang akan dibuka.
o Show New Project Dialog Box. Setiap Anda memulai Visual Studio
.NET, kotak dialog New Project akan muncul dimana Anda dapat memberi nama proyek baru.
o Show Empty Environment. Pilihan ini akan menampilkan suatu solution
baru yang kosong. Anda dapat menambahkan proyek baru atau proyek yang sudah ada ke solution dan item baru atau item yang sudah ada ke proyek.
Gambar 1.4.1 Jendela Start Page
Tipe Proyek
Pada kotak dialog Visual Basic New Project terdapat pilihan templates yang menunjukkan tipe proyek sebagai berikut:
o Window Application. Proyek untuk membuat aplikasi dengan antarmuka
Windows.
o Class Library. Class library adalah komponen untuk membuat kode
dasar, di mana tidak ada antarmuka yang terlihat. Class adalah kumpulan dari fungsi yang dapat digunakan dalam proyek lainnya. Class library ekivalen dengan tipe proyek ActiveX DLL dan ActiveX EXE dari Visual Basic6.
o Windows control library. Kontrol Windows seperti TextBox dan Label
adalah elemen dasar untuk membuat antarmuka. Jika kontrol yang disediakan VB.NET yang terlihat di toolbox tidak dapat memenuhi kebutuhan Anda, Anda dapat membuat kontrol sendiri menggunakan Windows control library. Ekivalen dengan tipe proyek ActiveX pada Visual Basic 6.
o Console Application. Aplikasi console akan menampilkan output pada
jendela command prompt seperto model DOS.
o Windows service. Windows service membuat aplikasi yang tidak
memiliki antarmuka. Service dapat dijalankan secara otomatis ketika komputer dijalankan, pause, dan restart. Windows service dapat digunakan untuk proses file copy, membaca isi database dan sebagainya. o ASP .NET Web application. Aplikasi web adalah aplikasi yang
ditempatkan di server web dan dapat ditampilkan di browser client dalam bentuk halaman HTML (Hyper Text Markup Language). Pilihan ini akan membuat aplikasi database web berbasis ASP NET (Active Server Page) o ASP .NET Web Service. Service web adalah program yang ditanamkan
pada server Web, seperti aplikasi Web tetapi tidak menampilkan halaman HTML. Nilai kembaliannya adalah hasil dari perhitungan atau lookup
database.
o Web control library. Digunakan untuk membuat kontrol Web yang
digunakan pada halaman Web.
Tampilan Lingkungan VB .NET
Gambar 1.4.3 Lingkungan Visual Basic .NET
Jendela Utama
Jendela utama terdiri dari baris judul, menu, dan toolbar. Baris judul berisi nama proyek dan nama form yang aktif. Juga terlihat kata yang diapit dengan lambar bracket ([]) satu di antara tigas: Design, Run, atau Break yang menunjukkan mode operasi VB .NET. Mode Design untuk membuat aplikasi, mode Run untuk menjalankan aplikasi, dan mode Break untuk menghentikan aplikasi dan melakukan debug (melacak kesalahan) jika memungkinkan. Di bawah baris judul terdapat menu yang bersifat dinamis, berubah jika Anda mencoba hal yang berbeda dalam VB .NET. Berikutnya adalah toolbar berupa kumpulan icon dan label yang dapat digunakan untuk mengakses dengan cepat fitur yang ada di menu. Di bawah menu terdapat toolbar standar.
Jendela Design
Di tengah lingkungan VB.NET terdapat jendela desain. Jendela ini merupakan pusat pengembangan aplikasi VB.NET. Di bagian atas jendela terdapat tab
yang berisi form dengan nama NamaForm.vb [Design]. Form adalah tempat pemakai “menggambar” aplikasi. Kode yang berhubungan dengan form terdapat pada tab NamaForm.vb.
Gambar 1.4.4 Jendela Desain
ToolBox
Toolbox berisi kontrol yang akan digunakan pada aplikasi Anda. Toolbox akan aktif jika ada form dalam jendela desain.
Jendela Solution Explorer
Jendela Solution Explorer menampilkan daftar semua form, modul, dan file lainnya untuk membuat aplikasi. Untuk menampilkan suatu form di jendela, klik ganda pada nama file.
Struktur isi jendela Solution Explorer mirip dengan panel TreeView pada Windows Explorer. Terdapat root yang berupa nama proyek dan cabang berupa: References yang berisi referensi ke namespaces, AssemblyInfo.vb yang berisi informasi assemblies dan berikutnya form, module, dan class (ketiganya menggunakan ekstensi yang sama yaitu .vb).
Jendela Properties
Jendela Properties digunakan pada mode desain untuk mengatur suatu nilai pada objek (kontrol). Kotak drop-down pada bagian atas jendela berisi daftar semua objek pada form sekarang. Disediakan dia tampilan yang dapat dipilih dengan cara mengklik tombol di bawah kota drop-down yaitu Alpabhetic (urut abjad) dan Categorized (dikelompokkan berdasarkan kategori tertentu). Di bawahnya terdapat properti yang disediakan untuk objek yang aktif (dipilih). Untuk membuka jendela Properties, Anda dapat menekan tombol fungsi F4 atau klik.
Jendela Task List dan Jendela Output
Kedua jendela aktif ketika aplikasi berjalan. Jendela task list akan memberi hightlights/menandai error yang ditemukan ketika mencoba menjalankan aplikasi. Jendela akan menunjukkan ke Anda, bari dari kode yang diidentifikasi error.
Jendela output menunjukkan langkah-langkah dalam mengompilasi aplikasi.
Gambar 1.4.8 Jendela Task List dan Jendela Output
Untuk membuat program, jalankan VB.NET dari menu Start > Microsoft
Visual Studio.NET > Microsoft Visual Studio .NET. Kemudian pilih menu File > New Project. Pada jendela New Ptoject, pilihlah Template dengan Windows Aplication.
Ketika Anda akan memulai proyek baru, Anda diminta untuk mengisi Name dan memilih Location (lokasi folder/direktori). Input yang Anda ketik pada kota Name akan menjadi nama subfolder yang terletak pada location yang Anda pilih atau dengan kata lain VB .NET membuatkan subfolder baru untuk tiap proyek yang Anda buat.
Subfolder tersebut berisi semua file solution, proyek, form, modul (ekstensi vb), dan file lainnya yang diperlukan oleh proyek. VB .NET akan membuat dua subfolder baru dalam subfolder Name yaitu: Obj dan Bin. Subfolder Obj berisi
file yang digunakan untuk men-debug (mencari bug/kesalahan program)
aplikasi Anda. Sedangkan subfolder Bin berisi file hasil kompilasi (file executable/dapat dijalankan dengan ekstensi .EXE). Nanti, Anda dapat melihat bahwa subfolder Bin dianggap sebagai path aplikasi di mana file data, gambar, sound, dan file yang diperlukan lainnya berada.
Klik Jendela Properties, kemudian klik pada properti Text dari Objek Form1 dan isi dengan “Hallo Windows”.
Gambar 1.4.9 Properties Program Hallo Windows
Jendela Kode
Sebelum melanjutkan membuat aplikasi, akan dibahas terlebih dahulu isi jendela kode. Bukalah jendela kode dengan cara klik menu View > Code atau klik tab Form1.vb atau tekan tombol fungsi F7. Terlihat tampilan seperti gambar berikut:
Gambar 1.4.10 Jendela Kode
Paling atas terdapat baris tab untuk mengelola jendela anak. Jendela anak dapat berisi file proyek (kode dan mode designer), Help MSDN, dan Start Page. Pada gambar di atas terlihat ada tiga tab, pertama adalah tab Start Page. Kedua adalah tab Form1.vb [Design] yang berisi jendela desainer form tempat Anda membuat antarmuka aplikasi. Ketiga adalah tab Form1.vb yang merupakan editor kode di mana nantinya Anda akan meletakkan kode. Tab ini yang sekarang aktif.
Di sebelah bawah tab terdapat dua ComboBox. Sebelah kiri berisi nama objek yang berada dalam form. Sebelah kanan berisi nama event untuk objek dipilih. Event atau kejadian adalah respons dari pemakai seperti tombol klik, menu dipilih dan sebagainya. Ketika Anda memiliki objek di sebelah kiri daftar, daftar sebeleh kanan menyesuaikan.
Form sebagai Class
Pada jendela kode Anda dapat melihat terdapat dua baris kode paling atas yang merupakan deklarasi awal dari form.
Public Class Form1
Inherits System.Windows.Forms.Form
Baris pertama mendeklarasikan class baru dengan nama Form1. Dalam VB .NET kita dapat mendeklarasikan class dalam sembarang tempat di file kode, tidak terbatas di modul class saja. Baris kedua menggunakan pernyataan
Inherits yang menentukan dari mana class Form1 diturunkan yaitu dari namespace System.Windows.Forms.Form.
Dari dua baris kode tersebut dapat disimpulkan bahwa form dalam VB .NET
adalah class dan class form diturunkan dari class
System.Windows.Forms.Form. Class yang menurunkan disebut sebagai base class sedangkan class turunan disebut derived class.
Setelah form baru ditambahkan ke proyek, form tersebut dapat memiliki menu sendiri, menanggapi event, tempat kontrol diletakkan, dan sebagainya. Untuk mempermudah kita membuat aplikasi, kita dapat membuat class turunan yang inherit/mewarisi fungsionalitas dari base class form sehingga kita dapat dengan mudah memodifikasi form sesuai keinginan.
Region Kode
Sekarang perhatikan baris yang berisi tulisan Windows Form Designer
generated code. Pada sebelah kiri dari kotak terdapat tanda plus (+). Baris
tersebut merupakan fitur baru dalam VB .NET yang diberi nama region kode (bagian dari kode yang dikelompokkan dalam suatu region/daerah).
#Region " Windows Form Designer generated code "
Public Sub New() MyBase.New()
'This call is required by the Windows Form Designer. InitializeComponent()
'Add any initialization after the InitializeComponent() call
End Sub
'Form overrides dispose to clean up the component list. Protected Overloads Overrides Sub Dispose(ByVal disposing As Boolean)
If disposing Then
If Not (components Is Nothing) Then components.Dispose()
End If End If
MyBase.Dispose(disposing) End Sub
'Required by the Windows Form Designer
Private components As System.ComponentModel.Icontainer
'NOTE: The following procedure is required by the Windows Form Designer
'It can be modified using the Windows Form Designer. 'Do not modify it using the code editor.
<System.Diagnostics.DebuggerStepThrough()> Private Sub InitializeComponent()
' 'Form1 '
Me.AutoScaleBaseSize = New System.Drawing.Size(5, 13) Me.ClientSize = New System.Drawing.Size(292, 266) Me.Name = "Form1"
Me.Text = "Halo Windows"
End Sub
#End Region
Ketika Anda membuat proyek baru yang menggunakan template Windows
Application, suatu region kode akan ditambahkan secara otomatis ke class form. Kalau Anda mengklik tanda -, maka kotak akan mengecil dan isi region
kode akan tersembunyi. Region kode dapat Anda gunakan untuk mengorganisasikan daerah kode tertentu di mana Anda dapat
menyembunyikannya jika Anda tidak ingin melihatnya. Anda dapat membuat region kode sendiri menggunakan pernyataan #Region dan #End Region.
Menggambar Antarmuka Pemakai
Berikutnya adalah menempatkan kontrol dari Toolbox ke form. Kontrol adalah tampilan berbasis grafis yang dimasukkan ke form untuk membuat interaksi dengan pemakai. Setelah berada di form, kontrol tersebut berubah menjadi objek yaitu elemen perantara pemakai yang dapat diprogram seperti di atur nilai propertinya dan sebagainya.
Ada dua cara untuk menempatkan kontrol di form:
Pertama, dengan cara drag and drop. Klik tombol Label di toolbox kemudian pindahkan pointer mouse pada jendela form. Kursor akan berubah bentuk menjadi + (Crosshair) diikuti icon kontrol yang Anda pilih misalnya label. Tempatkan kursor disudut kiri atas posisi label seperti gambar di bawah ini. Klik dan tahan kemudian seret kursor ke sudut kanan bawah. Ulangi dengan cara yang sama untuk meletakkan kontrol Textbox di bawah label.
Cara kedua, dengan cara klik-ganda pada kontrol di toolbox. Klik ganda pada
icon Button di toolbox. Objek Button1 akan muncul di sebelah kiri atas form.
Gunakan metode drag dan drop untuk menempatkan kontrol Button1 di sebelah kiri bawah form. Ulangi dengan cara yang sama untuk menempatkan kontrol Button2 ke form.
Untuk move/memindahkan kontrol caranya klik objek dalam form (akan muncul lambang + dengan tanda panah). Sekarang seret kontrol pada lokasi yang baru, kemudian lepaskan tombol.
Untuk resize/mengubah ukuran kontrol caranya klik kontrol untuk memilih/mengaktifkan, (akan muncul sizing handle berbentuk kotak kecil di sudut dan di tengah kontrol). Gunakan cara seret bagian handle untuk mengubah ukuran objek.
Untuk delete/menghapus kontrol caranya klik kontrol untuk mengaktifkan kemudian tekan tombol delete.
Berikutnya adalah mengatur properti dari objek. Properti adalah nilai atau karakteristik yang dimiliki oleh sebuah objek VB.NET. Misalnya objek Label memiliki properti Name, Text, BackColor, BorderStyle dan sebagainya. VB .NET menerapkan properti default. Anda dapat mengubah properti saat mendesain program atau saat program dijalankan. Untuk mengubah properti pada objek yang spesifik di jendela Properties, Anda harus memilih terlebih dulu objek di form.
Pilih objek Label1 dengan cara klik Kotak yang berisi tulisan Label1, kemudian klik jendela Properties atau tekan tombol fungsi F4. Atur properti Text dengan “Masukkan Nama”. Berikutnya pilih objek TextBox1 dengan cara mengkliknya kemudian atur properti sesuai Tabel berikut, juga atur properti objek lainnya.
Tabel 1.4.1 : Properti
Objek Properti Pengaturan
Label1 Text Masukkan Nama:
TextBox1 Name Text txtNama Button1 Name Text btnOK OK Button2 Name Text btnKeluar Keluar
Selanjutnya adalah menyisipkan kode. Klik-ganda pada objek Button1
(dengan teks “OK”). Anda akan melihat jendela kode seperti gambar berikut:
Gambar 1.4.12 Jendela Kode
Event klik adalah event default pada objek Button sehingga ketika Anda mengklik-ganda Button1(“OK”) dalam form maka Anda akan masuk subrutin btnOK-Click seperti berikut:
Private Sub btnOK_Click(ByVal sender As System.Object, _ ByVal e As System.EventArgs) Handles btnOK.Click
End Sub
Subrutin di atas merupakan event handle (menangani kejadian). Tiap kali tombol OK dalam form diklik, subrutin btnOK_Click akan diaktifkan. Untuk memberikan reaksi pada event click, Anda harus menyisipkan kode yang diperlukan pada subrutin.
Nama Subrutin dibuat berdasarkan nama objek, diikuti dengan garis bawah dan nama event. Yang membuat subrutin menjadi event handle adalah kata kunci Handles pada bagian belakang pernyataan. Masing-masing objek memiliki beberapa event dan Anda dapat mengatur beberapa event sekaligus pada suatu objek.
Sekarang kita menambahkan kode untuk menangani event click pada objek btnOK dan btnKeluar. Sisipkan baris kode berikut di antara pernyataan Private Sub dan End Sub.
Private Sub btnOK_Click(ByVal sender As System.Object, _ ByVal e As System.EventArgs) Handles btnOK.Click
MessageBox.Show("Halo, " & txtNama.Text & _
"! Selamat datang di Visual Basic .NET" & vbCrLf & _ "Pesan Halo")
'vbCrLf adalah konstanta untuk memindahkan teks 'berikutnya ke baris baru
End Sub
Private Sub btnKeluar_Click(ByVal sender As System.Object, _ ByVal e As System.EventArgs) Handles btnKeluar.Click
Me.Dispose()
End Sub
Kode di atas merupakan prosedur kejadian/event artinya kode yang berhubungan dengan suatu objek. Kode itu akan dijalankan ketika ada respon dari pemakai berupa event tertentu, di sini adalah tombol diklik. Pada prosedur btnOK_Click kode MessageBoxShow akan menampilkan pesan yang spesifik pada jendela kecil dengan tombol OK. Pemakai dapat melihat pesan dan mengklik tombol OK untuk menutup message box/kotak pesan.
Ada dua parameter berupa teks yang berada dalam metode MessageBox.show yaitu:
MessageBox.Show(isi pesan, judul MessageBox)
Isi pesan yang bertipe teks pengetikannya diapit dengan tanda kutip. Pada bagian & txtNama.Text &, ketika program berjalan akan ditampilkan teks yang berisi nama pemakai yang diinput pada objek textbox.
Teks yang didahului dengan tanda kutip (‘) merupakan komentar. Komentar umumnya berisi penjelasan yang berkaitan dengan kode.
Pada penggal baris Me.Dispose(). Me digunakan oleh VB .NET untuk menunjuk pada form.
Menjalakan Program
Setelah mengembangkan proyek VB.NET langkah berikutnya adalah menjalankan program. Ada tiga cara untuk menjalankan program:
o Klik tombol panah segitiga yang mirip tombol Play pada model CD Player yang terletak di toolbar
o Klik menu Debug kemudian pilih Start o Tekan tombol fungsi F5
Akan muncul jendela seperti gambar di bawah ini. Sekarang VB .NET sedang berjalan pada mode run. Perhatikan pada baris judul VB .NET tulisan [Design] berubah menjadi [run].
Pada aplikasi kita, pointer terlihat pada suatu TextBox, Anda dapat memulai event dengan mengetik nama Anda pada TextBox. Berikutnya tekan tombol “OK”. Ketika kita mengklik tombol kita akan menjalankan event yang disebut Click event. Komputer akan mengenali event dan menjalankan perintah yang berada dalam kode event handle yaitu menampilkan kotak pesan yang berisi pesan halo.
Gambar 1.4.13 Kotak Pesan
Menghentikan Proyek
Ada beberapa cara untuk menghentikan proyek VB.NET:
o Dalam aplikasi tersebut terdapat menu atau tombol untuk keluar misalnya pada aplikasi kita dengan cara mengklik tombol Keluar.
o Klik tombol Stop pada model CD Player
o Pilih menu Debug, kemudian klik pesan Stop Debugging
o Klik tombol Close yang terdapat di sudut kanan atas form aplikasi dengan bentuk seperti huruf X.
Menyimpan Proyek dan Keluar dari VB.Net
Jika aplikasi yang Anda buat, sudah dijalankan dan tanpa terjadi kesalahan, langkah berikutnya adalah menyimpan proyek. Caranya klik menu File > Save All untuk menyimpan semua perubahan yang Anda buat. Setelah Anda selesai bekerja dengan proyek VB.NET, Anda dapat keluar dari program dan lingkungan pengembangan VB.NET. Caranya sama pada kebanyakan aplikasi Windows yaitu:
o Klik menu File > Exit
o Klik tombol Close yang terdapat di sudut kanan baris judul VB.NET dengan bentuk seperti huruf X.
Soal Latihan
1. Suatu prosedur yang dipanggil ketika objek pertama kali dibuat disebut:
a. operator b. constructor c. destructor d. metode
2. Implementasi dari structured exception handling dengan menggunakan:
a. if...else b. select...case c. loop
3. Kode yang dikompilasi dengan COM disebut : a. unmanaged code
b. managed code c. ordered code e. unordered code
4. Bagian dari lingkungan pemrograman VB .NET yang merupakan komponen untuk membuat kode dasar tanpa antarmuka yang terlihat disebut :
a. Window Application b. Windows Control c. Class Library d. Console Application
5. Kontrol yang digunakan dalam aplikasi terletak di : a. Toolbox
b. Jendela Properties c. Jendela Output d. Jendela design