PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR
01
LINGKUNGAN VB .NET DAN VISUAL STUDIO 2010
SOLUTIONS DAN PROJECT
SOLUTIONS Solutions Pada Visual Studio merupakan Kumpulan dari Project – Project yang bersifat global dalam ruang lingkup .NET Framework. Solutions bisa berisi satu atau beberapa kumpulan Project yang terdiri dari berbagai macam type project seperti Winforms, XAML, WPF, Web, Service, Azure, Silverlight, MS Office Application, Extenseion,Setup Deployment, dlsb atau sesuai dengan plugin yang terinstal.
PROJECT Project Pada Visual Studio merupakan kumpulan file yang berisi sourceode, setting, plugin, dlsb yang menunjang dalam pembuatan suatu project. Jenis Project dalam Visual Studio 2010 dibagi dalam 4 garis besar CLS (Common Leanguage Spesification) yaitu : VB .NET, C#, Visual C++, F#. Bila kita langsung membuat project tanpa membuat solutions, makan secara otomatis akan dibuat solutions dengan nama yang sama dengan project yang dibuat.
1
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR
VISUAL BASIC .NET PADA IDE VISUAL STUDIO 2010
Membuat Solutions Pada Visual Studio 2010 1. Buka Microsoft Visual Studio 2010 2. Setelah Terbuka, Pilih File -> New -> Project 3. Kemudian Pilih Other Project Types -> Visual Studio Solutions -> Blank Solutions. Pada Target Framework pilih .NET Framework 4. Pada Name ketikan Nama dari Solution. Pada Locations, klik tombol Browse dan pilih di mana Solutions akan di simpan. Centang Pada Create directory for solutions kemudidan klik tombol OK. Sampai disini Solution telah dibuat namun masih kosong karena masih belum mempunyai project.
Membuat Project VB .NET Pada Visual Studio 2010 1. Setelah Solutions di buat, Pilih File –> Add –> New Project 2. Pada tempelate pilih Visual Basic. Target Framework sebaiknya sama dengan solutions yang kita buat. Pilih Windows Forms Applications. Kemudian pada Name ketikan nama project. Untuk location akan otomatis berada di dalam folder solutions yang telah kita buat. Kemudian tekan tombol OK.
2
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR
Menu dan Container VB .NET dalam IDE Visual Studio 2010 Saat Project Berhasil Dibuat, maka otomatis akan dibuat default Form yaitu Form1
Berikut adalah work area (area kerja) pada Visual Studio 2010. Merupakan Area Menu pada Visual Studio baik untuk membuat Solutions atau Project / File / Object Baru, Property, Reference,Run / Debug, dlsb. Merupakan Area Tool Bars, baik untuk running/debug, control aligment, dlsb. Merupakan Area ToolBox yang berisi Control – Control yang akan dipakai dalam Visua Basic .NET Merupakan Main Area untuk menulis code, design Form / Control / Objek. Merupakan Message / Note area untuk menampilkan log, informasi, pesan ataupun kesalahan dalam proses pengembangan / produksi. Merupakan Area Explorer untuk melihat struktur Solutions / Team / Class Merupakan Area Property dan Event dari masing - masing Control / Object
3
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR
Aplikasi Pertama Pada Visual Basic .NET Skenario : Kita akan membuat aplikasi sederhana untuk mendaftarkan nama mahasiswa. Pada Solution Explorer, Klik Kanan Pada From1.vb menjadi frmCoba.vb. Dan berikut Daftar Lengkap Control dan Properties pada frmCoba.vb No Jenis Control
Nama Control
Properties Control
1. 2. 3. 4. 5. 6. 7.
frmUtama Label1 txtNama btnDaftar Label2 lstDaftar btnBersih
Text : “Aplikasi VB .NET” Text : “Nama Mahasiswa Polnustar”
Form Label Text Box Button Label List Box Button
Text : “Daftar” Text : “Daftar Mahasiswa Polnustar” Text : “Bersihkan”
Berikut adalah hasil design frmCoba.vb
Variabel yang akan digunakan pada aplikasi : -
Variabel Nama Mahasiswa Variabel yang akan memuat dan menyimpan value nama mahasiswa Type : String
Dalam aplikasi yang akan kita buat, ada dua metode /method yang akan kita gunakan, yaitu : -
-
Mendaftarkan Nama Mengisi Variabel Mahasiswa dengan mengambile value dari Properties : Text dari txtNama (textBox) dan Mendaftarkan / Menambahkan ke lstDaftar (List Box) sebagai item dari list box. Membersihkan Daftar Membersihkan daftar / list dari List Box.
4
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR Sedangkan Event pada aplikasi Adalah : -
Klik (Click) pada btnDaftar untuk memanggil metode Mendaftarkan Nama Klik (Click) pada btnBersih uuntuk memanggil metode Membersihkan Daftrar.
Development Process :
Untuk membuka jendela kode, pada Area Solution Explorer, klik pada frmCoba.vb, kemudian klik View Code
Untuk membuka jendela design, pada Area Solution Explorer, kli pada frmCoba.vb, kemudian klik View Designer
Berikut adalah struktur awal dari frmCoba.vb
5
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR Langkah yang akan dilakukan adalah : 1. Deklarasi Nama dan Tipe Variabel Dim Nama_Mahasiswa As String
LIBRARY SYNTAX 01 2. Membuat Sub / Metode Mendaftarkan Nama Mahasiswa Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtMahasiswa Nama_Mahasiswa = txtNama.Text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstDaftar lstDaftar.Items.Add(Nama_Mahasiswa) End Sub
LIBRARY SYNTAX 02 3. Membuat Sub / Metode Membersifhkan Daftar Nama Mahasiswa Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstDaftar lstDaftar.Items.Clear() End Sub
LIBRARY SYNTAX 03 4. Membuat Event untuk Mendaftarkan Nama Mahasiswa Untuk membuat Event, tampilkan Main Area pada mode Design View, kemudian klik pada btnDaftar. Arahkan kursor pada Properties Area, kemudian pilih Events kemudian Double Klik pada Event “Click”. Maka kita akan otomatis kembali masuk ke jendela kode dengan struktur syntax sebagai berikut Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click End Sub
LIBRARY SYNTAX 04 Kemudian modifikasi syntax menjadi seperti berikut : Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() End Sub
LIBRARY SYNTAX 05 5. Membuat Event untuk Membersihkan Daftar Nama Mahasiswa Buatlah kembali Event Click untuk btnBersih dan modifikasi syntax menjadi seperti berikut : Private Sub btnBersih_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBersih.Click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Sub
LIBRARY SYNTAX 06
6
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR 6. Daftar Lengkap syntax yang ada pada frmCoba.vb Public Class frmCoba Dim Nama_Mahasiswa As String Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtMahasiswa Nama_Mahasiswa = txtNama.Text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstDaftar lstDaftar.Items.Add(Nama_Mahasiswa) End Sub Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstDaftar lstDaftar.Items.Clear() End Sub Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() End Sub Private Sub btnBersih_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBersih.Click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Sub End Class
LIBRARY SYNTAX 07 Dari Syntax diatas dapat kita lihat dan pahami bagaimana cara penyusunan clausa syntax dimana susunannya adalah: Class -> Variable Class -> Sub / Method - > Variable Method 7. Debuging Aplikasi Untuk mendebug /running aplikasi yang kita buat, Pada Menu pilih Debug -> Start Debuging (F5). Berikut aplikasi yang sedang running
7
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR Pengembangan Aplikasi Berikut adalah beberapa syntax tambahan yang berkaitan dengan aplikasi yang kita buat. 1. Syntax metode Menampilkan Pesan Konfirmasi MessageBox.Show("ISI PESAN")
LIBRARY SYNTAX 08 2. Syntax metode memindahkan fokus ke btnDaftar pada saat tombol enter ditekan pad txtNama dengan membuat Event “KeyPress” pada txtNama. Berikut adalah syntax di dalam event KeyPress If e.KeyChar = Convert.ToChar(13) Then btnDaftar.Focus() End If
LIBRARY SYNTAX 09 3. Syntax metode mengosongkan txtNama txtNama.Text = String.Empty
LIBRARY SYNTAX 10 4. Syntax metode memindahkan kembali fokus ke txtNama saat Nama Mahasiswa telah terdaftar txtNama.Focus()
LIBRARY SYNTAX 11
Dari contoh syntax di atas, kembangkanlah aplikasi dengan skenario : Memasukan nama kemudian saat kita menekan tombol enter pada txtNama, fokus langsung dialihkan ke btnDaftar, kemudian saat Nama Mahasiswa Didaftarkan, maka akan di muncunlkan pesan konfirmasi, kemudian txtNama akan kembali kosong dan fokus di kembalikan di txtNama.
8
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR
LIBRARY SYNTAX
01. LIBRARY Dim Nama_Mahasiswa As String 02. LIBRARY Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtMahasiswa Nama_Mahasiswa = txtNama.Text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstDaftar lstDaftar.Items.Add(Nama_Mahasiswa) End Sub 03. LIBRARY Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstDaftar lstDaftar.Items.Clear() End Sub 04. LIBRARY Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click End Sub 05. LIBRARY Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() End Sub 06. LIBRARY Private Sub btnBersih_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBersih.Click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Sub
9
PEMROGRAMAN VISUAL – TEKNIK KOMPUTER DAN KOMUNIKASI - POLNUSTAR 07. LIBRARY Public Class frmCoba Dim Nama_Mahasiswa As String Sub MendaftarkanNamaMahasiswa() '01_Mengisi Variabel Nama Mahasiswa dari Property: Text pada txtMahasiswa Nama_Mahasiswa = txtNama.Text '02_Mendaftarkan Nama Mahasiswa ke Daftar Mahasiswa ke Property : Items pada lstDaftar lstDaftar.Items.Add(Nama_Mahasiswa) End Sub Sub MembersihkanDaftarNamaMahasiswa() '01_Mengosongkan Intems pada lstDaftar lstDaftar.Items.Clear() End Sub Private Sub btnDaftar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDaftar.Click '01_Memanggil Metode MendaftarkanNamaMahasiswa Call MendaftarkanNamaMahasiswa() End Sub Private Sub btnBersih_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBersih.Click '01_Memanggil Metode MembersihkanDaftarNamaMahasiswa Call MembersihkanDaftarNamaMahasiswa() End Sub End Class
08. LIBRARY MessageBox.Show("ISI PESAN") 09. LIBRARY If e.KeyChar = Convert.ToChar(13) Then btnDaftar.Focus() End If 10. LIBRARY txtNama.Text = String.Empty 11. LIBRARY txtNama.Focus()
10
