CODING DAN TESTING 
APLIKASI FORM 
WINDOWS 
Rosa andrie 
rosaandrie@gmail.com 
22-26 Sept 2014
OOP 
• Anda bekerja menggunakan OOP saat mendesain Form 
Windows dengan Form Designer. Setiap control dalam 
form adalah object, termasuk form itu sendiri juga object. 
Object-object ini diturunkan dari class yang merupakan 
bagian dari .NET Class Library. 
• Ketika anda membuat project baru, anda sebenarnya 
membuat class baru yang menurunkan karakteristik class 
Form dari .NET Class Library. Ketika anda bekerja di 
form, anda sebenarnya membuat instance dari class 
form, dan instance ini dinamakan object.
OOP 
• Ketika anda menambahkan control kedalam form, anda 
sebenarnya menambahkan object control kedalam form. 
Setiap control adalah instance dari class tertentu. Control 
textbox adalah object yang merupakan instance dari class 
Textbox. Proses membuat object dari class dinamakan 
dengan instantiation.
OOP 
• Properties dari object mendefinisikan karakteristik object 
dan data. Contoh, property Name memberikan nama ke 
control. Method dari object mendefinisikan operasi yang 
akan dilakukan oleh object. Event adalah sinyal yang 
dikirimkan oleh object ke aplikasi yang merupakan respon 
dari sesuatu yang dikenakan. Contoh, object control 
button mengenerate event yang dinamakan Click jika user 
meng-klik tombol. Kemudian aplikasi dapat merespon 
dengan menjalankan VB procedure untuk menangani 
even Click 
• Property, method, dan event dari object atau class 
dinamakan member dari object atau class
Menggunakan prop,meth,event 
• Ketika bekerja pada code editor, kita hampir selalu 
merefer pada prop, meth, dan event dari objectnya. 
Caranya dengan mengetik nama object diikuti period 
(dinamakan dot operator / dot) dan nama member. 
• VB dilengkapi dengan fitur IntelliSense yang akan 
menampilkan daftar member dari dapat dipakai pada 
class atau object setelah mengetik nama dan period. 
Kemudian pilih member yg diinginkan dengan 
mengkliknya (Tab atau spasi dapat digunakan)
• Event jarang direfer, karena VS secara otomatis men-generate 
code yang bekerja dengan event
• Statement yang merefer properties 
• Statemen yang merefer method 
• Statemen yang merefer event
Event Handler 
• Windows Forms App bersifat event-driven. Mereka 
bekerja dengan merespon even yang ada pada object. 
Untuk merespon event, anda meng-kode procedure yang 
dikenal dengan nama event handler. Pada kasus dibawah 
ini, event handler berisi statemen tunggal yang 
menggunakan method Close untuk menutup form. 
Procedure Click event saat tombol exit dieksekusi
Event Umum
Event Handler 
• Untuk membuat event handler, cukup dengan double click 
pada form designer dan akan diarahkan pada Code Editor 
Window. Insertion point akan diletakkan otomatis diantara 
statemen Sub dan End Sub. Selanjutnya tinggal 
memasukkan statemen VB untuk procedure antara 
statemen Sub dan End Sub.
Comment 
• Comment digunakan oleh team programmer untuk memahami 
maksud code yang ditulis teman programmer dalam satu tim 
• Gunakan comment hanya untuk menjelaskan code yang sulit 
dipahami. 
• Semua comment akan ditampilkan dengan Warna hijau pada 
Code Editor
Code Snippet 
• VS menyediakan fitur untuk memasukkan code 
standard seperti conditional. Fitur ini dinamakan 
code snippet 
• Untuk menggunakan snippet code pada baris 
yang kosong, klik kanan pada baris kosong di 
Code Editor dan pilih Insert Snippet dari menu 
shortcut. Kemudian duoble-click nama dari grup 
(Code Pattern), double-click nama dari subgrup 
(conditional dan loop), dan double-click nama 
snippet yang diinginkan.
Tipe Data Built-in
Deklarasi Variable
Aritmatika Expresi dan Operatornya
Aritmatika Expresi dan Operatornya
Operator Assignment
Operator Assignment
Class Math
Class Math
Latihan 3 
1. Copy project Invoice Total yang telah dibuat 
kedalam folder c:VB2010lat3 
2. Buka InvoiceTotal.sln yang sekarang ada di 
C:VB2010lat3 
3. Tampilkan form Invoice Total pada Form Designer, 
double-click tombol Calculate untuk membuka 
Code Editor dan membuat procedure event Click 
pada object ini. Kemudian masukkan kode pada 
prosedur ini seperti terlihat pada slide 12. Saat 
anda memasukkan code, usahakan menggunakan 
seluruh fitur yang disediakan VS untuk coding 
termasuk snippet.
Latihan 3 
4. Buat click event untuk tombol Exit dengan cara yang 
sama seperti pada soal no 3 
5. Buka jendela Error List (View->Error List). Jika ada error 
syntax pada jendela ini, double-click tiap error untuk 
menuju error di Code Editor. Kemudian perbaiki error 
yang ada. 
6. Tekan F5 untuk build dan run project. Jika ada syntax 
error, perbaiki dan tekan F5 lagi. 
7. Coba aplikasi dengan memasukkan nilai ke subtotal. 
Pastikan perhitungan telah benar, kemudian click 
tombol Exit atau tekan Esc untuk akhiri aplikasi. Jika 
ada yang belum sesuai, lakukan perbaikan.
Latihan 3 
8. Jalankan aplikasi lagi. Kali ini masukkan xx pada 
subtotal kemudian klik tombol calculate. Hal ini akan 
menyebabkan VS masuk pada mode break dan 
menampilkan Exception Assistant. 
9. Perhatikan statemen yang ditunjuk dan baca pesan 
yang ditampilkan pada Exception Assistant. Tutup 
Assistant dan pindahkan pointer mouse pada statemen 
yang error untuk menampilkan data tip. 
10. Click panah drop down pada data tip dan pilih Text 
Visualizer. Ini dilakukan untuk menampilkan data yang 
dimasukkan. Click tombol Stop Debugging pada toolbar 
Standard untuk mengakhiri aplikasi
Latihan 3 
11. Pada deklarasi variable Dim untuk nama variable 
discoutPercent, ubah nama variable menjadi 
discountPct. Lakukan perubahan nama variable untuk 
keseluruhan code menggunakan bar->klik kanan- 
>rename. Jalankan aplikasi untuk pastikan tidak ada 
kesalahan 
12. Pada statemen If, klik kanan salah satu variable 
discountPct. Pilih rename dan ubah variable menjadi 
discountPercent. Jalankan aplikasi untuk pastikan tidak 
ada kesalahan

Materi 3 Coding dan Testing aplikasi

  • 1.
    CODING DAN TESTING APLIKASI FORM WINDOWS Rosa andrie rosaandrie@gmail.com 22-26 Sept 2014
  • 2.
    OOP • Andabekerja menggunakan OOP saat mendesain Form Windows dengan Form Designer. Setiap control dalam form adalah object, termasuk form itu sendiri juga object. Object-object ini diturunkan dari class yang merupakan bagian dari .NET Class Library. • Ketika anda membuat project baru, anda sebenarnya membuat class baru yang menurunkan karakteristik class Form dari .NET Class Library. Ketika anda bekerja di form, anda sebenarnya membuat instance dari class form, dan instance ini dinamakan object.
  • 3.
    OOP • Ketikaanda menambahkan control kedalam form, anda sebenarnya menambahkan object control kedalam form. Setiap control adalah instance dari class tertentu. Control textbox adalah object yang merupakan instance dari class Textbox. Proses membuat object dari class dinamakan dengan instantiation.
  • 4.
    OOP • Propertiesdari object mendefinisikan karakteristik object dan data. Contoh, property Name memberikan nama ke control. Method dari object mendefinisikan operasi yang akan dilakukan oleh object. Event adalah sinyal yang dikirimkan oleh object ke aplikasi yang merupakan respon dari sesuatu yang dikenakan. Contoh, object control button mengenerate event yang dinamakan Click jika user meng-klik tombol. Kemudian aplikasi dapat merespon dengan menjalankan VB procedure untuk menangani even Click • Property, method, dan event dari object atau class dinamakan member dari object atau class
  • 5.
    Menggunakan prop,meth,event •Ketika bekerja pada code editor, kita hampir selalu merefer pada prop, meth, dan event dari objectnya. Caranya dengan mengetik nama object diikuti period (dinamakan dot operator / dot) dan nama member. • VB dilengkapi dengan fitur IntelliSense yang akan menampilkan daftar member dari dapat dipakai pada class atau object setelah mengetik nama dan period. Kemudian pilih member yg diinginkan dengan mengkliknya (Tab atau spasi dapat digunakan)
  • 6.
    • Event jarangdirefer, karena VS secara otomatis men-generate code yang bekerja dengan event
  • 7.
    • Statement yangmerefer properties • Statemen yang merefer method • Statemen yang merefer event
  • 8.
    Event Handler •Windows Forms App bersifat event-driven. Mereka bekerja dengan merespon even yang ada pada object. Untuk merespon event, anda meng-kode procedure yang dikenal dengan nama event handler. Pada kasus dibawah ini, event handler berisi statemen tunggal yang menggunakan method Close untuk menutup form. Procedure Click event saat tombol exit dieksekusi
  • 9.
  • 10.
    Event Handler •Untuk membuat event handler, cukup dengan double click pada form designer dan akan diarahkan pada Code Editor Window. Insertion point akan diletakkan otomatis diantara statemen Sub dan End Sub. Selanjutnya tinggal memasukkan statemen VB untuk procedure antara statemen Sub dan End Sub.
  • 14.
    Comment • Commentdigunakan oleh team programmer untuk memahami maksud code yang ditulis teman programmer dalam satu tim • Gunakan comment hanya untuk menjelaskan code yang sulit dipahami. • Semua comment akan ditampilkan dengan Warna hijau pada Code Editor
  • 15.
    Code Snippet •VS menyediakan fitur untuk memasukkan code standard seperti conditional. Fitur ini dinamakan code snippet • Untuk menggunakan snippet code pada baris yang kosong, klik kanan pada baris kosong di Code Editor dan pilih Insert Snippet dari menu shortcut. Kemudian duoble-click nama dari grup (Code Pattern), double-click nama dari subgrup (conditional dan loop), dan double-click nama snippet yang diinginkan.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 23.
  • 24.
  • 25.
    Latihan 3 1.Copy project Invoice Total yang telah dibuat kedalam folder c:VB2010lat3 2. Buka InvoiceTotal.sln yang sekarang ada di C:VB2010lat3 3. Tampilkan form Invoice Total pada Form Designer, double-click tombol Calculate untuk membuka Code Editor dan membuat procedure event Click pada object ini. Kemudian masukkan kode pada prosedur ini seperti terlihat pada slide 12. Saat anda memasukkan code, usahakan menggunakan seluruh fitur yang disediakan VS untuk coding termasuk snippet.
  • 26.
    Latihan 3 4.Buat click event untuk tombol Exit dengan cara yang sama seperti pada soal no 3 5. Buka jendela Error List (View->Error List). Jika ada error syntax pada jendela ini, double-click tiap error untuk menuju error di Code Editor. Kemudian perbaiki error yang ada. 6. Tekan F5 untuk build dan run project. Jika ada syntax error, perbaiki dan tekan F5 lagi. 7. Coba aplikasi dengan memasukkan nilai ke subtotal. Pastikan perhitungan telah benar, kemudian click tombol Exit atau tekan Esc untuk akhiri aplikasi. Jika ada yang belum sesuai, lakukan perbaikan.
  • 27.
    Latihan 3 8.Jalankan aplikasi lagi. Kali ini masukkan xx pada subtotal kemudian klik tombol calculate. Hal ini akan menyebabkan VS masuk pada mode break dan menampilkan Exception Assistant. 9. Perhatikan statemen yang ditunjuk dan baca pesan yang ditampilkan pada Exception Assistant. Tutup Assistant dan pindahkan pointer mouse pada statemen yang error untuk menampilkan data tip. 10. Click panah drop down pada data tip dan pilih Text Visualizer. Ini dilakukan untuk menampilkan data yang dimasukkan. Click tombol Stop Debugging pada toolbar Standard untuk mengakhiri aplikasi
  • 28.
    Latihan 3 11.Pada deklarasi variable Dim untuk nama variable discoutPercent, ubah nama variable menjadi discountPct. Lakukan perubahan nama variable untuk keseluruhan code menggunakan bar->klik kanan- >rename. Jalankan aplikasi untuk pastikan tidak ada kesalahan 12. Pada statemen If, klik kanan salah satu variable discountPct. Pilih rename dan ubah variable menjadi discountPercent. Jalankan aplikasi untuk pastikan tidak ada kesalahan

Editor's Notes

  • #13 Event handler untuk event click dari tombol calculate menghitung persen diskon, jumlah diskon, dan total invoice berdasarkan pada subtotal yang dimasukkan. Jika user memasukkan nilai subtotal 1000, diskonnya akan 20%, jumlah diskonnya 200, dan invoice totalnya menjadi 800. Event handler untuk event click dari tombol exit hanya berisi statemen tunggal yang mengeksekusi method Close dari form.
  • #17 Tipe Decimal adalah tipe data non-integer, biasanya digunakan untuk menyimpan nilai uang / moneter
  • #18 Variable menyimpan nilai yang dapat diubah saat program dieksekusi. Sebelum menggunakan variable, harus dideklarasikan menggunakan statemen Dim Nilai variable dapat diisi segera setelah variable dideklarasikan. Jika tidak dilakukan, maka akan diisi nilai default 0 untuk seluruh tipe numerik, nilai default False untuk tipe boolean, dan nilai default binary 0 untuk tipe Char Konstanta menyimpan nilai yang tidak dapat diubah Perjanjian Nama Awali nama variable dengan huruf kecil, dan ikuti dengan huruf besar untuk tiap kata setelah kata pertama. Hal ini dinamakan dengan Camel Notation Buat huruf besar untuk tiap kata pada nama konstanta. Hal ini dinamakan dengan Pascal Notation Buat nama yang memiliki arti agar mudah diingat saat menulis kode
  • #19 Tujuh operator atas dinamakan binary operator karena mereka akan beroperasi pada dua operand. Dua operator selanjutnya dinamakan unary operator karena beroperasi hanya pada satu operand.
  • #22 Urutan operasi Aritmatika Exponensial Positive dan negative Kali, bagi, bagi integer, dan modulus Jumlah dan kurang
  • #25 Empat method yang ditunjukkan diatas dinamakan shared method. Artinya anda memanggil method2 ini langsung dari class Math, bukan dari object. Gunakan nama Class (Math), dot, dan nama method, kemudian diikuti dengan dengan satu atau lebih argumen yang ditutup dengan kurung dan dipisahkan oleh koma. Method Round membutuhkan satu argumen yaitu nilai yang akan dibulatkan, ditambah satu argumen tambahan opsional. Method Sqrt hanya membutuhkan satu argumen. Method Min dan Max membutuhkan dua argumen. Method Round menggunakan tipe khusus rounding yang dinamakan banker’s rounding. Angka selalu dibulatkan pada nilai genap terdekat.