Modul Praktikum Visual Basic .NET

BAB I PENDAHULUANSetelah melaksanakan praktikum pada bab ini diharapkan mahasiswa dapat : Membuat project aplikasi baru dengan Visual Basic .NET Memahami prinsip design graphical user interfaces Mengenal konsep events secara sederhana Mengkonversikan aplikasi menjadi executable windows application

Teori SingkatMembuat aplikasi dengan Visual Basic .NET sangat sederhana. Hanya dengan 3 langkah dasar, akan didapat aplikasi yang selanjutnya dapat dijalankan tanpa memerlukan lingkungan pemrograman Visual Basic .NET. 3 langkah dasar tersebut adalah : Membuat antarmuka pengguna (user interface) dari aplikasi Menuliskan kode program (source code) dari aplikasi yang akan membuat aplikasi menjalankan apa yang seharusnya dikerjakan. Meng-kompile aplikasi menjadi file yang executable sehingga dapat dijalankan sebagai aplikasi yang berdiri sendiri (standalone)

Latihan 1.11. Awali selalu pekerjaan dgn doa, mudah-mudahan diberi kemudahan dan dapat memberikan manfaat 2. Jalankan Microsoft Visual Studio .NET atau Microsoft Visual Basic .NET 3. Buat Project baru dengan : Klik menu File New New Project

Langkah 3

Langkah 4 Langkah 5

Gambar 1.1

Langkah 6

4. Pada kotak dialog New Project, pilih tipe aplikasi yang akan dibuat yaitu Windows Application (lihat gambar 1.1) 5. Tentukan name dari aplikasi : AplikasiSelamatDatang 6. Tentukan location dimana aplikasi akan disimpan (sesuaikan dgn aturan pada lab) 7. Setelah menentukan tipe aplikasi, nama serta lokasi dimana akan disimpan Klik tombol OK 8. Kenali sekilas lingkungan pengembangan terintegrasi Visual Basic .NET (lihat gambar 1.2) 9. Cari bagian yang disebut menubar 10. Cari bagian yang disebut toolbar 11. Cari bagian yang disebut tabs 12. Cari bagian yang disebut form (window application) 13. Cari bagian yang disebut solution explorer 14. Cari bagian yang disebut toolbox 15. Cari bagian yang disebut properties windowModul Praktikum VB .NET 1

menubar

toolbar

tabs

Form

Solution Explorer

toolbox

Properties window

Gambar 1.2 16. Design User Interface dengan menambahkan 1 buah label dan 2 buah button dari Toolbox ke dalam Form. Susun sehingga di dapat tampilan sbb :

1

2

3

17. Atur properties pada controls melalui properties window dengan aturan sesuai tabel 1.1 Contoh :

Modul Praktikum VB .NET

2

Tabel 1.1 Control Form Label1

Properties Name Text Name Text TextAlign Font Name Font Size Font Bold ForeColor Name Text TextAlign Name Text TextAlign

Nilai frmSelamatDatang Aplikasi Selamat Datang lblKet Selamat Datang di VB .NET MiddleCenter Times New Roman 12 True Red btnKet1 Keterangan 1 MiddleCenter btnKet2 Keterangan 2 MiddleCenter

2 3

18. Setelah pengaturan properties akan didapat tampilan sbb :

Gambar 1.5 19. Tambahkan kode dengan Double Click pada btnKet1, tambahkan kode untuk event btnKet1_Click menjadi sbb :

Private Sub btnKet1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnKet1.Click lblKet.Text = "Selamat Datang di VB .NET" End Sub

20. Double Click pada btnKet2, tambahkan kode untuk event btnKet2_Click menjadi sbb :

Private Sub btnKet2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnKet2.Click lblKet.Text = "Nikmati kemudahan membuat aplikasi" End Sub


3

21. Atur startup object dari project menjadi frmSelamatDatang melalui menubar : Project AplikasiSelamatDatang properties

22. Coba jalankan aplikasi dengan click button start pada toolbar menekan tombol F5 pada keyboard

, atau dengan

23. Tutup kembali aplikasi 24. Selanjutnya untuk mengkonversi aplikasi menjadi file executable (.exe); melalui menubar klik Build Build AplikasiSelamatDatang

25. Proses konversi akan berjalan singkat karena aplikasi masih sederhana. Cari file executable (AplikasiSelamatDatang.exe) hasil konversi dan coba jalankan (biasanya terdapat di folder \bin lokasi penyimpanan project). Dari proses konversi didapatkan aplikasi exe yang dapat berjalan tanpa memerlukan VB .NET 26. Simpan project anda dengan clik save all pada toolbar

27. Pelajari kembali dan pahami langkah dasar yang dilakukan untuk membuat aplikasi !


4

Tugas 1.11. Buat Project baru tipe window application dengan nama TugasSatu1. Aplikasi TugasSatu1 ketika awal dijalankan akan menampilkan Nim, Nama serta Kelas anda. Didalamnya terdapat pula 2 buat tombol : 1 Tombol Tampilkan : jika di click berfungsi untuk menampilkan Nim, Nama, Kelas seperti ketika awal berjalan 2 Tombol Kosongkan : jika di click berfungsi untuk mengosongkan Nim, Nama, Kelas (tampilan kosong) 2. Buat file TugasSatu1.exe dari project TugasSatu1 Keterangan : anda mungkin membutuhkan 3 buat control label serta 2 buah control button atau terserah bagaimana anda memahami tugas ini

BAB II VARIABEL, I/O, TIPE DATASetelah melaksanakan praktikum pada bab ini diharapkan mahasiswa dapat : Mengenal variabel serta cara pendeklarasiannya Menguasai proses input dan output Mengenal berbagai tipe data serta penggunaannya Mengenal berbagai operator aritmatika serta penggunaannya Mengetahui cara penggabungan string

Teori SingkatKetika data dimasukan ke dalam komputer, maka data tersebut akan disimpan dalam memori. Variabel sesungguhnya adalah box memory dengan nama tertentu. Variabel dapat di deklarasikan dalam berbagai tipe. Untuk mendeklarasikan variabel dilakukan dengan sintaks sbb : Dim namaVariabel as TipeVariabel Contoh : Dim umur as Integer Dim nama as StringModul Praktikum VB .NET

mendeklarasikan variabel umur dengan tipe data Integer mendeklarasikan variabel nama dengan tipe data String5

Variabel dapat digunakan untuk menerima input. Untuk input dapat digunakan berbagai control yang ada misal TextBox. umur = TextBox1.Text memasukan nilai properties Text dari TextBox1 ke dalam variabel umur memberikan nilai variabel umur ke dalam properties Text dari TextBox1

Juga dapat digunakan sebagai output, misal : TextBox1.Text = umur

Untuk variabel dengan tipe numeric dapat dilakukan operasi aritmatika pada variabel tsb. Dalam VB .NET operator aritmatika yang tersedia terlihat pada tabel 2.1. Tabel 2.1 Operasi Penambahan Pengurangan Perkalian Pembagian (float) Pembagian (Integer) Modulus Pangkat / Eksponensial Unary negatif Unary Positif Operator + * / \ Mod ^ + Ekspresi a+b ab a*b a/b a\b a Mod b a^b -a +b

Sedangkan untuk varibel String, dapat dilakukan operasi penggabungan String. Misal : Dim x as String Dim y as String Dim z as String x = Selamat Sore y = Emha z=x&&y mendeklarasikan variabel x dengan tipe data String mendeklarasikan variabel y dengan tipe data String mendeklarasikan variabel z dengan tipe data String

nilai z = Selamat Sore Emha

Latihan 2.11. Awali selalu pekerjaan dgn doa, mudah-mudahan diberi kemudahan dan dapat memberikan manfaat 2. Buat Project baru Visual Basic .NET tipe : window application, nama : AplikasiLatihanDua1, tentukan pula lokasi penyimpanan (sesuai aturan lab) 3. Design User Interface dengan menambahkan 3 buah Label, 4 buah TextBox, 1 buah ComboBox, 1 buah ListBox serta 1 buah Button dari Toolbox ke dalam Form. Susun sehingga di dapat tampilan seperti pada gambar 2.1.


6

1 2 3

4 5

6

7 8 9 10

Gambar 2.1 4. Atur property semua control mengikuti tabel 2.2 Tabel 2.2 Control Form 1 2 3 4 5 Properties Name Text Name Text Name Text Name Text Name Text Name Items frmLatihanDua1 Latihan 2.1 lblNama Nama lblPendidikan Pendidikan lblPekerjaan Pekerjaan txtNama ( kosongkan ! ) cbPendidikan SD SMP SMA Diploma Sarjana lstPekerjaan Pedagang PNS Guru Swasta ABRI txtPesan1 ( kosongkan ! ) True txtPesan2 ( kosongkan ! ) True txtPesan3 ( kosongkan ! ) True btnOK OK7

Nilai

6

Name Items

7 8 9 10

Name Text ReadOnly Name Text ReadOnly Name Text ReadOnly Name Text



Gambar 2.2 6. Tambahkan kode dengan Double Click pada btnOK, tambahkan kode untuk event btnOK_Click menjadi sbb :

Private Sub btnOK_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnOK.Click Dim nama As String Dim pendidikan As String Dim pekerjaan As String nama = txtNama.Text pendidikan = cbPendidikan.Text pekerjaan = lstPekerjaan.SelectedItem txtPesan1.Text = "Halo " & nama txtPesan2.Text = "Pendidikan Anda " & pendidikan & " Ya ?" txtPesan3.Text = "Anda seorang " & pekerjaan & ", Hebat !!!" End Sub

7. Atur startup object dari project menjadi frmLatihanDua1 melalui menubar : Project AplikasiLatihanDua1 properties

8. Coba jalankan aplikasi dengan click button start pada toolbar menekan tombol F5 pada keyboard

, atau dengan


8

Gambar 2.3 9. Coba kompile aplikasi untuk mendapatkan AplikasiLatihanDua1.exe 10. Simpan project anda dengan clik save all 11. Pelajari ! pada toolbar

Latihan 2.21. Buat Project baru Visual Basic .NET tipe : window application, nama : AplikasiLatihanDua2, tentukan pula lokasi penyimpanan (sesuai aturan lab) 2. Design User Interface dengan menambahkan 6 buah Label, 4 buah TextBox, serta 1 buah Button dari Toolbox ke dalam Form. Susun sehingga di dapat tampilan seperti pada gambar 2.4.


9

Gambar 2.4

3. Atur property untuk form saja mengikuti tabel 2.2 Tabel 2.3 Control Form Properties Name Text frmLatihanDua2 Latihan 2.2 Nilai


Gambar 2.5 5. Selanjutnya tambahkan kode untuk event frmLatihanDua2_Load dengan Double Click pada Form dan tambahkan kode menjadi sbb :

Private Sub frmLatihanDua2_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Label1.Text = "Makanan dibeli" Label2.Text = "Minuman dibeli" Label3.Text = "Harga Satuan" Label4.Text = Label5.Text = Label6.Text = TextBox1.Text TextBox2.Text "Harga Satuan" "" "" = "0" = "0"


10

TextBox3.Text = "0" TextBox4.Text = "0" Button1.Text = "Hitung" End Sub

6. Double Click pada button1, tambahkan kode untuk event Button1_Click menjadi sbb :

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click Dim Dim Dim Dim Dim Dim jmlMakanan As Integer jmlMinuman As Integer hrgSatuanMakanan As Single hrgSatuanMinuman As Single rerata As Single total As Single

jmlMakanan = CInt(TextBox1.Text) jmlMinuman = CInt(TextBox2.Text) hrgSatuanMakanan = CSng(TextBox3.Text) hrgSatuanMinuman = CSng(TextBox4.Text) rerata = (hrgSatuanMakanan + hrgSatuanMinuman) / 2 total = (jmlMakanan * hrgSatuanMakanan) + (jmlMinuman * hrgSatuanMinuman)

Satu baris

Label5.Text = "Harga rata-rata makanan dan minuman : " & rerata Label6.Text = "Nilai total pembelian : " & total End Sub

7. Atur startup object dari project menjadi frmLatihanDua2 melalui menubar : Project AplikasiLatihanDua2 properties 8. Coba jalankan aplikasi dengan click button start pada toolbar menekan tombol F5 pada keyboard , atau dengan


11

9. Coba kompile aplikasi untuk mendapatkan AplikasiLatihanDua2.exe 10. Simpan project anda dengan clik save all 11. Pelajari ! pada toolbar

Tugas 2.11. Buat Project baru tipe window application dengan nama TugasDua1. Aplikasi TugasDua1 meminta input dua buah bilangan integer (misal : a dan b). Kemudian memberikan nilai hasil operasi penjumlahan, pengurangan, perkalian, pembagian, pembagian integer, eksponensial, serta modulus dari kedua bilangan tersebut


12

BAB III KONDISI BERSYARATSetelah melaksanakan praktikum pada bab ini diharapkan mahasiswa dapat : Menguasai penggunaan kondisi bersyarat untuk mengatur alur aplikasi Menguasai penggunaan if, else, elseif, select case Menguasai penggunaan operator relasional dalam kondisi bersyarat Menguasai penggunaan operator logical dalam kondisi bersyarat

Teori SingkatKondisi bersyarat merupakan suatu kondisi yang mana dilakukan analisa terhadap data untuk menentukan alur aplikasi selanjutnya (Atau dengan kata lain menentukan bagian kode program yang mana yang selanjutnya harus dijalankan). Contoh kondisi bersyarat : Jika nilai anda lebih dari lima maka anda lulus Jika nilai anda kurang dari atau sama dengan lima maka anda harus mengulang ujian Sintaks untuk membentuk kondisi bersyarat secara sederhana adalah : If ( syarat ) then Statement End if Atau ketika syarat merupakan suatu kondisi yang bertingkat dapat digunakan sintaks : If ( syarat1 ) then Statement1 ElseIf ( syarat2 ) then Statement2 ElseIf ( syarat3 ) then Statement3 Else Statement4 End if Selain menggunakan if, else, dan elseif, kondisi bersyarat dapat dibentuk menggunakan statement select case dengan sintaks : Select case (syarat) Case (kondisi1) Statement 1 Case (kondisi2) Statement 2 Case Else Statement 3 End Select Didalam membentuk syarat dapat digunakan operator relasional (tabel 3.1) dan juga operator logical (tabel 3.2) Tabel 3.1 Operasi Sama dengan Tidak Sama dengan Kurang dari Lebih dari Kurang dari atau Sama dengan Lebih dari atau Sama denganModul Praktikum VB .NET

Operator = < > =

Ekspresi 5 = (4-1) atau TL = TL 4 (5-2) atau MH TL 5 < 7 atau A < B 78 > 3 atau C > A 5 = B13

Tabel 3.2 Operator And Or Xor Not Arti Benar jika semua kondisi benar Benar jika salah satu atau semua kondisi benar Benar hanya jika salah satu kondisi benar Kebalikan dari kondisi yang anda (not Benar adalah Salah)

Latihan 3.11. Awali selalu pekerjaan dgn doa, mudah-mudahan diberi kemudahan dan dapat memberikan manfaat 2. Buat Project baru Visual Basic .NET tipe : window application, nama : AplikasiLatihanTiga1, tentukan pula lokasi penyimpanan (sesuai aturan lab) 3. Design User Interface dengan menambahkan 3 buah Label, 4 buah TextBox, 1 buah ComboBox, 1 buah ListBox serta 1 buah Button dari Toolbox ke dalam Form. Susun sehingga di dapat tampilan seperti pada gambar 3.1

1 3

2

Gambar 3.1 4. Atur property mengikuti tabel 3.3 Tabel 3.3 Control Form 1 2 3 Properties Name Text Name Text Name Text Name Text frmLatihanTiga1 Latihan 3.1 lblNilai Nilai txtNilai ( Kosongkan ! ) btnProses Proses Nilai


Gambar 3.2


14

6. Double Click pada btnProses, tambahkan kode untuk event Button1_Click menjadi sbb :

Private Sub btnProses_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnProses.Click Satu baris If CInt(txtNilai.Text) > 5 Then MessageBox.Show("Selamat Anda lulus", "Hasil", MessageBoxButtons.OK, MessageBoxIcon.Information) Else MessageBox.Show("Maaf anda harus mengulang ujian", "Hasil", MessageBoxButtons.OK, MessageBoxIcon.Information) End If End Sub

12. Atur startup object dari project menjadi frmLatihanTiga1 melalui menubar : Project AplikasiLatihanTiga1 properties 13. Coba jalankan aplikasi dengan click button start pada toolbar menekan tombol F5 pada keyboard , atau dengan

Gambar 3.3 14. Coba kompile aplikasi untuk mendapatkan AplikasiLatihanTiga1.exe 15. Simpan project anda dengan clik save all 16. Pelajari ! pada toolbar

Latihan 3.21. Buat Project baru Visual Basic .NET tipe : window application, nama : AplikasiLatihanTiga2, tentukan pula lokasi penyimpanan (sesuai aturan lab) 2. Design User Interface dengan menambahkan 2 buah Label, 1 buah TextBox, 1 buah ComboBox serta 1 buah Button dari Toolbox ke dalam Form. Susun sehingga di dapat tampilan seperti pada gambar 3.4

1 3

2 4 5

Gambar 3.4


15

3. Atur property untuk form mengikuti tabel 3.4 Tabel 3.4 Control Form 1 2 3 Properties Name Text Name Text Name Text Name Text Items (beri satu item kosong diurutan pertama) Name Text Name Text frmLatihanTiga2 Latihan 3.2 lblNmBarang Barang dibeli lblJmlBeli Jumlah beli cbNmBarang ( Kosongkan ! ) Minuman Makanan txtJmlBeli ( Kosongkan ! ) btnProses Proses Nilai

4 5


Gambar 3.5 8. Double Click pada Form, tambahkan kode untuk event frmLatihanTiga2_Load menjadi sbb :

Private Sub frmLatihanTiga2_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load txtJmlBeli.Text = "" txtJmlBeli.ReadOnly = True btnProses.Enabled = False End Sub

9. Double Click pada cbNmBarang, tambahkan kode untuk event cbNmBarang_TextChanged menjadi sbb :

Private Sub cbNmBarang_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles cbNmBarang.TextChanged txtJmlBeli.ReadOnly = False btnProses.Enabled = True If cbNmBarang.Text.Trim = "" Then txtJmlBeli.Text = "" txtJmlBeli.ReadOnly = True btnProses.Enabled = False End If End Sub


16

10. Double Click pada btnProses, tambahkan kode untuk event btnProses_Click menjadi sbb :

Private Sub btnProses_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnProses.Click Dim brgDiBeli As String Dim jml As Integer If IsNumeric(txtJmlBeli.Text) Then brgDiBeli = cbNmBarang.Text jml = CInt(txtJmlBeli.Text) If brgDiBeli = "Minuman" And jml > 5 Then MessageBox.Show("Anda akan mendapat bonus 1 SoftDrink") ElseIf brgDiBeli = "Minuman" Then MessageBox.Show("Anda akan mendapat diskon 10%") Else MessageBox.Show("Terima kasih atas kunjungannya") End If Else MessageBox.Show("Input tidak valid") End If End Sub

11. Atur startup object dari project menjadi frmLatihanTiga2 melalui menubar : Project AplikasiLatihanTiga2 properties 12. Jalankan aplikasi dgn click button start pada toolbar , atau dengan tombol F5

Gambar 3.6Modul Praktikum VB .NET 17

13. Coba kompile aplikasi untuk mendapatkan AplikasiLatihanTiga1.exe 14. Simpan project anda dengan clik save all pada toolbar 15. Pelajari !

Tugas 3.11. Buat Project baru tipe window application dengan nama TugasTiga1. Aplikasi TugasTiga1 memiliki fungsi untuk mengecek IPK seorang mahasiswa dan memberikan pesan predikat kelulusan bagi mahasiswa tersebut. IPK 3.51 s.d 4.00 Cumlaude IPK 2.76 s.d 3.50 Sangat Memuaskan IPK 2.00 s.d 2.75 Memuaskan IPK 0.00 s.d 1.99 Tidak mendapat predikat Dan jika input IPK < 0.00 atau > 4.00 Muncul Pesan Input Tidak Valid Jika bukan angka (karakter huruf) Muncul Pesan Input Tidak Valid


18

Latihan 3.3 (Mandiri diluar lab)1. Buat Project baru Visual Basic .NET tipe : window application, nama : AplikasiLatihanTiga3 2. Design User Interface sehingga di dapat tampilan seperti pada gambar 3.8

1 3 2 4 5

Gambar 3.8 3. Atur property mengikuti tabel 3.4 Tabel 3.4 Control Form 1 2 3 4 5 Properties Name Text Name Text Name Text Name Text Name Text Name Text frmLatihanTiga3 Latihan 3.3 Mandiri lblNama Nama lblNilai Nilai txtNama ( Kosongkan ! ) txtNilai ( Kosongkan ! ) btnProses Proses Nilai



19

5. Tambahkan kode untuk event frmLatihanTiga3_Load menjadi sbb :

Private Sub frmLatihanTiga3_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load btnProses.Enabled = False End Sub

6. Tambahkan kode untuk event txtNama_TextChanged menjadi sbb :

Private Sub txtNama_TextChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles txtNama.TextChanged btnProses.Enabled = True If txtNama.Text.Trim = "" Or txtNilai.Text.Trim = "" Then btnProses.Enabled = False End If End Sub

7. Tambahkan kode untuk event txtNilai_TextChanged menjadi sbb :

Private Sub txtNilai_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles txtNilai.TextChanged btnProses.Enabled = True If txtNama.Text.Trim = "" Or txtNilai.Text.Trim = "" Then btnProses.Enabled = False End If End Sub

8. Tambahkan kode untuk event btnProses_Click menjadi sbb :

Private Sub btnProses_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnProses.Click Select Case txtNama.Text.Trim.ToUpper Case "EMHA" MessageBox.Show("Selamat Datang Emha", "Pesan") Case "TAUFIQ" MessageBox.Show("Selamat Datang Taufiq", "Pesan") Case "LUTHFI" MessageBox.Show("Selamat Datang Luthfi", "Pesan") Case Else MessageBox.Show("Anda siapa ya ???", "Pesan") End Select On Error Resume Next Select Case CInt(txtNilai.Text.Trim) Case Is < 6 MessageBox.Show("Nilai anda kurang dari 6", "Pesan") Case Is < 8 MessageBox.Show("Nilai anda dalam range 6-8 ", "Pesan") Case Is

Modul Praktikum Visual Basic .NET

Documents

Transcript of Modul Praktikum Visual Basic .NET