Pemrograman Visual. Oleh: Danu Wira Pangestu, S.Kom. bangdanu.wordpress.com

(1)

Oleh: Danu Wira Pangestu, S.Kom.

Pemrograman Visual

bangdanu.wordpress.com

(2)

Sekilas .NET Framework



.NET Framework merupakan suatu kumpulan base class atau juga merupakan suatu set class library untuk

mendevelop suatu program.



Dengan Framework ini suatu aplikasi tidak memerlukan banyak class tambahan untuk melakukan suatu operasi tertentu, misalnya untuk berhubungan dengan

perangkat printer, input device, dll.



Cara ini akan mempercepat kerja program karena tidak perlu lagi untuk me-load suatu library (dll) tertentu .



Dengan .NET Framework kita dapat membuat aplikasi windows, aplikasi web, web services, dll diberbagai

sistem platform, bahkan di alat-alat mobile seperti PDA

(3)

Sekilas Visual Basic.NET

 Microsoft Visual Basic .NET adalah sebuah alat untuk

mengembangkan dan membangun aplikasi yang bergerak di

atas sistem .NET Framework, dengan menggunakan bahasa BASIC

 Para programmer dapat membangun aplikasi Windows Forms, Aplikasi web berbasis ASP.NET, dan juga aplikasi command-line

 Alat ini dapat diperoleh secara terpisah dari beberapa produk lainnya (seperti Microsoft Visual C++, Visual C#, atau Visual J#), atau juga dapat diperoleh secara terpadu dalam Microsoft

Visual Studio .NET

 Bahasa Visual Basic .NET sendiri menganut paradigma bahasa pemrograman berorientasi objek yang dapat dilihat sebagai evolusi dari Microsoft Visual Basic versi sebelumnya yang

diimplementasikan di atas .NET Framework. bangdanu.wordpress.com

(4)

Membuat Project Baru



Aktifkan Microsoft Visual Studio 2008



Pilih Create  Project

(5)

Membuat Project Baru



Pilih Project Types : Windows,



Templates : Windows Form Application



Beri nama Project pada bagian Name: Aplikasi1



Klik OK

(6)

Tampilan Visual Basic.NET

Menu & Toolbar

Form Design

Solution/Project Explorer

Properties Object Toolbox/

Alat Kerja

(7)

Latihan 1: Mengatur Properties



Klik 2 kali Form



Ketik listing program sebagai berikut:



Jalankan program dengan menekan tombol F5 atau tombol pada Toolbar

(8)

Latihan 1: Mengatur Properties



Hasil Program :



Klik tombol close untuk menutup form

(9)

Latihan 1: Mengatur Properties



Pilih (Form1 Event) di pilihan Class Name:



Pilih Click di Method Name:

(10)

Latihan 1: Mengatur Properties



Ketik listing berikut di Form1_Click:



Jalankan program, klik form dan lihat hasilnya

(11)

Latihan 2 : Menambahkan Objek



Klik Tab Form1.vb [Design]



Klik 2 kali tools Button di Toolbox, atur posisinya ditengah form



Klik 2 kali tools TextBox di Toolbox, atur posisinya diatas

Button

(12)

Latihan 2 : Menambahkan Objek



Klik 2 kali Button, dan berikan listing berikut:

Jalankan program dan klik Button1, kemudian lihat hasilnya

(13)

Latihan

 Tambahkan 1 buah Button dan 1 buah TextBox kedalam form, letakkan dibawah Button1.

 Buatlah perintah pada Button2 untuk mengubah teks dari form menjadi sesuai dengan yang diisikan pada TextBox2.

(14)

Variabel, Tipe Data & Operator

(15)

Variabel



Variabel adalah nama atau simbol yang digunakan untuk mewakili suatu nilai. Suatu

variabel mempunyai nama dan menyimpan tipe data yang merupakan jenis data variabel.



Aturan penamaan variabel adalah sebagai berikut:



Harus dimulai dengan sebuah huruf



Tidak lebih dari 255 karakter



Tidak boleh sama dengan nama statement, fungsi, metode, objek, dan sebagainya yang merupakan bahasa dari Visual BASIC.



Tidak boleh ada spasi, tanda titik(.), tanda seru(!), atau

karakter @, &, $, dan #.

(16)

Variabel

Deklarasi variabel dapat dituliskan dengan urutan sebagai berikut:

Public <nama_variabel> As <Tipe_Data>

Atau

Dim <nama_variabel> As <Tipe_Data>

Contoh :

Public Angka1 As Integer

Dim Nama As String

(17)

Tipe Data

Tipe data adalah jenis data yang disimpan dalam variabel. Tipe data untuk Visual BASIC adalah sebagai berikut:

 Tipe Data Numerik: digunakan untuk menyimpan data numerik, terdiri dari:

Tipe Data Ukuran Range

Byte 1 byte 0 sampai 255

Short 2 bytes -32,768 sampai 32,767.

Integer 4 bytes -2,147,483,648 sampai 2,147,483,647.

Long 8 bytes -9,223,372,036,854,775,808 sampai 9,223,372,036,854,775,807.

Single 4 bytes -3.4028235E+38 sampai -1.401298E-45;

1.401298E-45 sampai 3.4028235E+38 Double 8 bytes -1.79769313486231570E+308 sampai

-4.94065645841246544E-324;

4.94065645841246544E-324 sampai 1.79769313486231570E+308

(18)

Tipe Data



Tipe Data String : digunakan untuk menyimpan data berbentuk karakter. Panjang maksimal

karakter yang dapat disimpan adalah 2 milyar karakter. Penulisan data dengan tipe ini diawali dan diakhiri dengan tanda petik dua (“).

Contoh:

Dim Nama As String

Nama = “Habib Maulan”

(19)

Tipe Data



Tipe Data Logika (Boolean) : melakukan

pengetesan logika. Data dengan tipe data ini

hanya dapat bernilai benar(True) atau salah(False).

Contoh:

Dim Baru As Boolean Baru = True

(20)

Konstanta

Konstanta adalah suatu nilai konstan yang tidak

berubah. Seperti halnya variabel, konstanta dapat diberi nama dimana aturan penamaannya sama dengan variabel.

Contoh:

Const A = 10

(21)

Operator

Operator Pemberi Nilai

Deklarasi pemberian nilai pada Visual BASIC.NET = Bahasa BASIC yaitu menggunakan operator sama dengan ( = ).

Contoh : a = 24

nama = “Yudha Noviandi”

(22)

Operator

Operator Aritmatika

Operator Operasi

+ Penjumlahan

- Pengurangan

* Perkalian

/ Pembagian

\ Pembagian dengan hasil bilangan bulat Mod Sisa Pembagian (Modulus)

(23)

Operator

Operator Boolean

Operator Operasi

Not Negasi

And Logika and

Or Logika or

Xor Logika xor

(24)

Operator

Operator Pembanding

Operator Operasi

= Sama dengan

<> Tidak sama dengan

< Kurang dari

> Lebih dari

<= Kurang dari atau sama dengan

>= Lebih dari atau sama dengan

(25)

Operator

Derajat Operator

Operator Derajat

Not Tertinggi

* / \ mod and + - or xor

= <> <= >= Terendah

(26)

Latihan : Program Aritmatika

 Buatlah sebuah project dan form baru pada Visual BASIC, desain tampilan form sehingga didapat tampilan berikut

(27)

Latihan : Program Aritmatika

 Pengaturan Properties

Komponen Properti Nilai

Form1 (Name)

Text

StartupPosition

Frmaritmatika

Program Aritmatika 2-Center Screen

Label1 Text Bilangan 1

Label2 Text Bilangan 2

Label3 Text Hasil

Textbox1 (Name)

Text

Txtbil1

(kosongkan)

Textbox2 (Name)

Text

Txtbil2

(kosongkan)

Textbox3 (Name)

Text

Txthasil (kosongkan)

(28)

Latihan : Program Aritmatika

 Pengaturan Properties

Komponen Properti Nilai

Button1 (Name)

Text

Btntambah Tambah

Button2 (Name)

Text

Btnkurang Kurang

Button3 (Name)

Text

Btnkali Kali

Button4 (Name)

Text

Btnbagi Bagi

Button5 (Name)

Text

Btnkeluar Keluar

(29)

Latihan : Program Aritmatika

 Listing Program

Public Class Frmaritmatika

Private Sub Btntambah_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btntambah.Click

Dim bil1, bil2, hasil As Integer bil1 = txtbil1.Text

bil2 = txtbil2.Text hasil = bil1 + bil2 Txthasil.Text = hasil End Sub

Private Sub Btnkurang_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btnkurang.Click

Dim bil1, bil2, hasil As Integer bil1 = txtbil1.Text

bil2 = txtbil2.Text hasil = bil1 - bil2 Txthasil.Text = hasil

End Sub bangdanu.wordpress.com

(30)

Latihan : Program Aritmatika

Private Sub Btnkali_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btnkali.Click Dim bil1, bil2, hasil As Integer

bil1 = txtbil1.Text bil2 = txtbil2.Text hasil = bil1 * bil2 Txthasil.Text = hasil End Sub

Private Sub Btnbagi_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btnbagi.Click

Dim bil1, bil2 As Integer Dim hasil As Single bil1 = txtbil1.Text bil2 = txtbil2.Text hasil = bil1 / bil2 Txthasil.Text = hasil End Sub

Private Sub Btnkeluar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btnkeluar.Click

Close()

End Sub bangdanu.wordpress.com

(31)

Latihan



Buatlah program untuk menghitung:



Luas Segitiga



Luas Persegi Panjang

(32)

Percabangan

(33)

Percabangan



Pada beberapa kasus terkadang kita menginginkan komputer melakukan suatu pernyataan tertentu bila suatu kondisi terpenuhi.



Dalam Visual BASIC perintah percabangan/pemilihan keputusan dapat dilakukan dengan statemen

If...Then dan Select Case.

(34)

Statement If…Then



Statemen ini digunakan untuk melakukan aksi setelah melakukan pengujian terhadap suatu kondisi.



Pernyataan dalam blok statemen hanya akan

dilaksanakan ketika kondisi pengetesan/pengujian bernilai benar.



Statement If...Then memiliki beberapa sintaks/cara

penulisan sesuai dengan jumlah pernyataan yang

akan dieksekusi.

(35)

Statement If…Then

If...Then dengan Kondisi dan Pernyataan Tunggal If <kondisi> Then <Pernyataan>

Contoh :

If Nilai >= 60 Then Keterangan = “Lulus”

(36)

Statement If…Then

If...Then dengan Pernyataan Jamak If <Kondisi> Then

<Pernyataan_1>

<Pernyataan_2>

. .

<Pernyataan_n>

End If

Contoh :

If Nilai >= 60 Then Keterangan = “Lulus”

Ucapan = “Selamat”

End If

(37)

Statement If…Then

If...Then dengan 2 kondisi.

If <Kondisi> Then

<Pernyataan_Jika_Kondisi_Benar>

Else

<Pernyataan_Jika_Kondisi_Salah>

End If

Contoh:

If Nilai >= 60 Then

Keterangan = “Lulus”

Else

Keterangan = “Tidak Lulus”

Ucapan = “Jangan Bersedih”

End If

(38)

Statement If…Then

If...Then dengan 2 kondisi.

If <Kondisi> Then

<Pernyataan_Jika_Kondisi_Benar>

Else

<Pernyataan_Jika_Kondisi_Salah>

End If

Contoh:

If Nilai >= 60 Then

Keterangan = “Lulus”

Else

Keterangan = “Tidak Lulus”

Ucapan = “Jangan Bersedih”

End If

(39)

Statement If…Then

If...Then dengan kondisi jamak.

If <Kondisi_1> Then

<Pernyataan>

ElseIf <Kondisi_2> Then

<Pernyataan>

...

ElseIf <Kondisi_n> Then

<Pernyataan>

Else

<Pernyataan>

End If

Contoh:

If Nilai >= 85 Then

Keterangan = “Lulus, Sangat Memuaskan”

ElseIf Nilai >= 70 Then

Keterangan = “Lulus, Memuaskan”

ElseIf Nilai >=60 Then

Keterangan = “Lulus, Cukup Memuaskan”

Else

Keterangan = “Tidak Lulus, Silahkan Mengulang”

End If

(40)

Statement Select Case



Sama halnya seperti statemen If...Then, Select Case juga mengerjakan suatu blok statemen berdasarkan uji nilai ekspresi.



Perbedaannya adalah pada tata cara penulisan dan

pengelompokan nilai dari variabel/kondisi.

(41)

Statement Select Case

Sintaks :

Select Case <Variabel penguji>

Case <Nilai_1>

<Pernyataan_1>

Case <Nilai_2>

<Pernyataan_2>

Case Else

<Pernyataan_n>

End Select

Contoh:

Select Case Nilai Case “A”

Keterangan = “Sangat Memuaskan”

Case “B”

Keterangan = “Memuaskan”

Case “C”

Keterangan = “Cukup”

Case Else

Keterangan = “Kurang”

End Select

(42)

Latihan : Program Belanja Sederhana

 Buatlah sebuah project dan form baru pada Visual BASIC.NET, desain tampilan form sehingga didapat tampilan seperti pada gambar

(43)

Latihan : Program Belanja Sederhana

Pada program diatas perhitungan dilakukan dengan kriteria sebagai berikut:

- Total Harga = Harga Satuan x Jumlah Barang - Diskon dan Bonus, didapat dengan ketentuan:

- Total Bayar = Total Harga – Diskon

Total Harga Diskon Bonus

>=500 ribu 20% x Total Harga “Tas Pinggang”

200 ribu – 500 ribu 15% x Total Harga “Payung”

100 ribu – 200 ribu 10% x Total Harga “Kaos”

50 ribu – 100 ribu 5% x Total Harga “Cangkir”

< 50 ribu 0% “Tidak Ada”

(44)

Latihan : Program Belanja Sederhana

Public Class frmbelanja

Private Sub btnhitung_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnhitung.Click

'Deklarasi Variabel

Dim Harga, Jumlah As Integer

Dim Total, Diskon, Bayar As Double Dim Bonus As String

'Deklarasi Input Harga dan Jumlah Harga = txtharga.Text

Jumlah = txtjumlah.Text 'Perhitungan Total Harga Total = Harga * Jumlah

(45)

Latihan : Program Belanja Sederhana

'Penentuan Diskon dan Bonus If Total >= 500000 Then

Diskon = 0.2 * Total Bonus = "Tas Pinggang"

ElseIf Total >= 200000 Then Diskon = 0.15 * Total Bonus = "Payung"

ElseIf Total >= 100000 Then Diskon = 0.1 * Total

Bonus = "Kaos"

ElseIf Total >= 50000 Then Diskon = 0.05 * Total Bonus = "Pena"

Else

Diskon = 0

Bonus = "Tidak Ada"

End If

'Perhitungan Total Bayar Bayar = Total - Diskon

'Deklarasi Keluaran Total Harga, Diskon, Total Bayar, dan Bonus

txttotal.Text = Total txtdiskon.Text = Diskon txtbayar.Text = Bayar txtbonus.Text = Bonus End Sub

(46)

Latihan : Program Belanja Sederhana

Private Sub btnulang_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnulang.Click

'Membersihkan isi Textbox txtnama.Text = ""

txtharga.Text = ""

txtjumlah.Text = ""

txttotal.Text = ""

txtdiskon.Text = ""

txtbayar.Text = ""

txtbonus.Text = ""

txtnama.Focus() End Sub

Private Sub btnkeluar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnkeluar.Click

Close() End Sub End Class

(47)