Aplikasi Pemrograman dengan Visual Studio 2012 32

Alur Program Berurutan (Sequential)

Instruksi program secara umum akan dieksekusi dimulai dari baris awal ke baris
berikutnya, dari setiap barisnya dimulai dari kiri kearah kanan. Alur program berurutan
merupakan program atau instruksi yang harus dikerjakan atau dieksekusi secara berurut.
Program berurutan merupakan suatu alur program yang sederhana, bentuk umum
program berurutan adalah sebagai berikut :

Pernyataan_1
Pernyataan_2
......
Pernyataan_n

2.1 Membuat Program Berurutan

Dalam pembahasan pada bagian ini dibuat satu program sederhana untuk menghitung
jumlah pembayaran dari suatu penjualan barang. Data yang di-inputkan adalah Nama
Barang, Harga dan Jumlah. Jumlah Pembayaran dihitung dari Harga dikali dengan
Jumlah. Langkah-langkah pembuatan program tersebut adalah sebagai berikut :

1. Buatlah satu projek baru dengan nama PENJUALAN

2. Masukkan beberapa objek Label, Objek Button dan Line Shape seperti pada gambar
dibawah ini :

Gambar 2.1 Form Design

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 33

3. Susunlah properties objek-objek tersebut hingga tampilan form tampak seperti pada
gambar dibawah ini :

Gambar 2.2 Design Properties

4. Sebagai tambahan properties objek diatas adalah seperti pada tabel dibawah ini

Tabel 2.1 Properti Objek PENJUALAN

5. Pada Properties Textbox2 (TxtHrg), Textbox3 dan Label6, pilih TextAlign, kemudian
pilih Right agar data yang diinputkan ataupun hasil perhitungan akan diletakkan
dalam posisi rata kanan.

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 34

6. Untuk mengetikkan instruksi program, dalam posisi Form Design, klik dua kali pada
tombol Hitung (BtnHitung) dan ketiklah instruksi berikut ini:

Private Sub BtnHitung_Click(sender As Object, e As EventArgs) Handles

BtnHitung.Click
Dim Hrg As Double
Dim Jlh As Double
Dim JByr As Double

' Proses
Hrg = Val(TxtHrg.Text)
Jlh = Val(TxtJlh.Text)
JByr = Hrg * Jlh

' Output
LblJPbyr.Text = JByr.ToString
End Sub

7. Buka kembali form design, klik dua kali pada tombol Hapus (BtnHapus) dan ketiklah
instruksi berikut ini:

Private Sub BtnHapus_Click(sender As Object, e As EventArgs) Handles

BtnHapus.Click
TxtNBrg.Text = ""
TxtHrg.Text = ""
TxtJlh.Text = ""
LblJPbyr.Text = ""
TxtNBrg.Focus()
End Sub

8. Untuk menyimpan program pilih File pada Menu utama, kemudian pilih Save All
9. Jalankan program dengan mengklikikon Start (tanda panah kanan) inputkan pada
kotak sebelah kanan Nama Barang, Komputer kotak berikutnya 4500000 (Harga)
dan 2 (jumlah), kemudian klik Hitung. Hasil dari program PENJUALAN tersebut
akan tampak seperti pada gambar berikut ini:

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 35

Gambar 2.3 Hasil Program

10. Untuk menghapus isi input dan hasil proses klik tombol Hapus sehingga akan
menghasilkan form kosong yang siap diisi data kembali seperti pada gambar dibawah
ini :

Gambar 2.4 Form siap isi

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 36

2.2 Format Keluaran Numerik

Pada visual basic sebelumnya fungsi Str digunakan untuk mengkonversi angka numeric
menjadi angka character agar angka tersebut dapat digabungkan dan ditampilkan bersama
dengan objek lainnya. Pada visual basic 2012 fungsi ToString dapat melakukan
pekerjaan yang sama dan telah memiliki beberapa fitur sehingga angka dapat ditampilkan
dalam format yang dikenal secara umum, sebagai contoh fungsi ini memungkinkan
sejumlah angka ditampilkan dengan pemisah ribuan dan jumlah tertentu dari decimal dan
memungkinkan sejumlah uang ditampilkan dengan tanda rupiah ataupun dolar serta
memungkinkan persentase ditampilkan dalam bentuk symbol persen. Format keluaran
Numerik dari instruksi ini adalah:

NamaVariabel.ToString(StringFormat)

StringFormat dapat berupa “N” untuk sebuah bilangan, “C” untuk sejumlah uang
(currency) dan “P” untuk persen. Nilai yang diberikan (kemungkina dibulatkan) menjadi
dua desimal. Jumlah titik desimal dapat diubah dengan huruf, salah salah satu huruf
diikuti dengan satu angka.
Contoh pada program PENJUALAN diatas bila instruksi output pada blok BtnHitung
semula seperti berikut ini :

' Output
LblJPbyr.Text = JByr.ToString

Instruksi program ditambah dengan format ToString menjadi

' Output
LblJPbyr.Text = JByr.ToString("N2")

Maka hasil program akan merubah tampilan output Jlh. Pembayaran seperti pada
gambar berikut ini :

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 37

Gambar 2.5 Hasil format ToString

Bila Instruksi program ditambah dengan format ToString menjadi

' Output
LblJPbyr.Text = "Rp " & JByr.ToString("N0")

Maka hasil program akan berubah tampak seperti pada gambar dibawah ini :

Gambar 2.6 Hasil format Rp

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 38

Variabel pada ekspresi ToString dapat diganti dengan angka literal atau dengan ekspresi
yang melibatkan literal. Ekspresi yang melibatkan literal harus diapit oleh tanda kurung.
Tabel berikut ini memberikan beberapa contoh kegunaan dari fungsi ToString.

Tabel 2.2 Format ToString

String Format “C” menggunakan konversi akuntansi dengan menandai jumlah negatif
dengan mengapitnya memakai tanda kurung.

2.3 Menggunakan Masked TextBox sebagai Format Input

Permasalahan lain dapat muncul ketika tipe data salah di-input-kan kedalam suatu
TextBox, Misalnya jika user merespon permintaan jumlah barang dalam bentuk
numerik, contohnya angka 2, tetapi yang diketikkan adalah “Dua” kedalam textbox,
maka program tidak dapat menjalankan eksekusi dengan benar. Untuk menghindari
kesalahan dari contoh ini yakni dengan menggunakan Objek kotak textbox masked.

2.31 Masked TextBox

Objek Masked TextBox ( ) memuat sepasang kurung yang berisi sebuah
titik dan diikuti dengan hypen (-). Properti yang paling penting dari sebuah objek ini
adalah properti Mask yang dipakai untuk menampilkan karakter-karakter tertentu pada
suatu objek untuk memberikan acuan visual bagi pengguna. Berikut ini gambar properti
Mask yang dimaksud

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 39

Gambar 2.7 Input Mask

Contoh beberapa pengaturan yang dapat diberikan pada properti Mask antara lain adalah
seperti pada tabel berikut ini :

Tabel 2.3 Format Input Mask

Bila dalam sebuah form memuat objek Masked TextBox denga properti Mask memiliki
pengaturan 000-00-0000 maka pada saat program dijalankan, String “___-__-____”
akan tampil pada kotak teks masked tersebut. Pengguna diizinkan untuk mengetikkan
sebuah digit untuk setiap karakter garis bawah. Tanda hubung (hypen) tidak dapat diubah
dan tidak ada karakter yang dapat diketikkan selain pada karakter garis bawah yang
tersedia. Saat program dijalankan, karakter 0, L dan & pada pengaturan untuk properti

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 40

Mask akan digantikan oleh karakter-karakter garis bawah yang menjadi tempat bagi
digit, huruf dan karakter. Tanda hubung (hypen) dapat dihilangkan bila tidak
diperlukan dan diganti dengan space kosong melalui properti PromptChar sehinggan
dari bentuk diatas berubah menjadi “ - - ”.
Berikut ini adalah contoh program PENJUALAN diatas dengan menggunakan objek
Textbox Masked:

1. Gantilah objek TextBox2 (TxtHrg) menjadi MaskedTextbox1 seperti pada gambar

berikut ini:

Gambar 2.8 Design dengan MaskedTexBox

2. Kemudian susunlah properti MaskedTexBox1 tersebut seperti pada tabel berikut ini

Tabel 2.4 Properti MaskedTexBox1

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 41

3. Perbaiki Instruksi program terutama yang berkaitan dengan objek MaskedTexBox1

seperti berikut ini :

Private Sub BtnHitung_Click(sender As Object, e As EventArgs) Handles

BtnHitung.Click
Dim Hrg As Double
Dim Jlh As Double
Dim JByr As Double

' Proses
Hrg = Val(MTxtHrg.Text)
Jlh = Val(TxtJlh.Text)
JByr = Hrg * Jlh

' Output
LblJPbyr.Text = "Rp " & JByr.ToString("N0")
End Sub

Private Sub BtnHapus_Click(sender As Object, e As EventArgs) Handles

BtnHapus.Click
TxtNBrg.Text = ""
MTxtHrg.Text = ""
TxtJlh.Text = ""
LblJPbyr.Text = ""
TxtNBrg.Focus()
End Sub

4. Jalankan program melalui tombol Start, tampilan program PENJUALAN, Coba

Input-kan untuk Harga berupa huruf atau karakter khusus (bukan angka), pada saat
huruf atau karakter khusus diketikkan, Objek tersebut tidak ada respon/ tidak dapat
masuk pada objek tersebut. Hal ini disebabkan karena objek tersebut sudah diformat
melalui properti Mask dengan simbol “0” (hanya dapat menerima data numerik), bila
di-inputkan angka maka program akan mengeksekusinya seperti pada umumnya,
berikut ini hasil output seperti pada gambar 4.8 berikut ini :

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 42

Gambar 2.9 Output dengan MaskedTexBox

2.32 Date/Time sebagai input dan Output dengan MaskedTexBox

Semua masukan dan keluaran pada umumnya adalah berupa angka atau string, namun
beberapa program aplikasi memerlukan tanggal (Date) sebagai input ataupun output.
Visual Basic memiliki tipe data Date dan literal Date. Sebuah variabel bertipe Date
dideklarasikan dengan sebuah pernyataan dalam format :

Dim NamaVar As Date

Sama seperti literal, string yang dituliskan diapit oleh tanda kutip ganda, literal tanggal
dituliskan diapit oleh tanda pagar, sebagai contoh pernyataan.

Dim HariLahir As Date = #02/26/2001#

Fungsi pernyataan diatas adalah mendeklarasikan sebuah variabel tanggal dan

menugaskan sebuah nilai kepadanya
Fungsi CDate meng-conversi sebuah string menjadi sebuah tanggal. Sebagai contoh,
pernyataan :

Dim Tgl As Date = Cdate(KotakTeks.Text)

Fungsi pernyataan diatas adalah menugaskan isi dari sebuah kotak teks kepada sebuah
variabel bertipe Date.

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 43

Tanggal dapat diformat dengan metode ToString. Jika VarTgl merupakan sebuah
variabel bertipe Date, maka nilai dari VarTgl.ToString(“D”) sebuah string yang
memuat tanggal yang ditetapkan oleh VarTgl. Contoh :

Dim HariLahir As Date = #02/26/2001#

KotakTeks.Text = HariLahir.ToString(“D”)

Dari kode program diatas, output yang dihasilkan Monday 26, 2001, Jika “D” diganti
denga “d”. maka 02/26/2001 akan ditampiln pada Kotak Teks. Tabel berikut ini adalah
beberapa fungsi yang berkaitan dengan Date

Tabel 2.5 Fungsi Date

Contoh program berikut ini adalah insruksi program yang berkaitan dengan sebuah
tanggal dengan menggunakan objek MaskedTexBox yang datanya dimasukkan oleh
pengguna dengan format tertentu.

1. Buatlah satu projek baru dengan nama UMUR

2. Masukkan beberapa objek Label, MaskedTexBox dan Button serta desainlah form
tersebut seperti pada gambar dibawah ini

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 44

Gambar 2.9 Desain Form Hitung Usia

3. Sisunlah properti form tersebut seperti pada tabel berikut ini:

Tabel 2.6 Pengaturan properti form Masked (Date)

4. Untuk setting Masked (Date) perhatikan gambar berikut ini :

Politeknik Negeri Medan Khr/D4-AKP/Mar '17

Aplikasi Pemrograman dengan Visual Studio 2012 45

Gambar 2.11 Setting MaskedTexBox

5. Listing kode program Hitung Usia

Private Sub BtnHitung_Click(sender As Object, e As EventArgs) Handles

BtnHitung.Click
Dim Tgl_Lhr = CDate(Mtxt_TL.Text)
bl_Tgl_Lengkap.Text = Tgl_Lhr.ToString("D")
Lbl_Tgl_Skr.Text = Today.ToString("D")
' Lbl_Usia.Text = DateDiff(DateInterval.Day, Tgl_Lhr,
Today).ToString("n0")
Lbl_Umur.Text = (Year(Now) - Year(Tgl_Lhr)).ToString("N0") & " Tahun"
End Sub

6. Form hasil program Hitung Usia pada gambar berikut ini

Gambar 2.11 Output Hitung Usia

Politeknik Negeri Medan Khr/D4-AKP/Mar '17