BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Desain antarmuka Perancangan antarmuka yang dibuat mengedepankan prinsip user friendly agar pengguna dapat dengan mudah memahami sistem tarik tunai ini. Menggunakan bahasa pemrograman Microsoft Visual basic 6.0, maka antarmuka GUI yang dibuat menjadi lebih sederhana. 4.1.1 Antarmuka Login pemakai Gambar 4.1 Form login Keterangan : Form login dirancang dengan menggunakan beberapa objek yaitu objek label, textbox, image, ADODC dan commandbutton. 66

67 Tabel 4. 1 Objek pada form Login No Objek Nama Objek Deskripsi 1 Label lbluser,lblpass Menjelaskan fungsi dari textbox nama pengguna dan kata sandi 2 Textbox txtuser, txtpass Menerima input nama pengguna dan kata sandi 3 Image ImgBtpn Menampilkan logo Bank BTPN 4 Commandbutton cmdlogin,cmdkeluar Pada cmdlogin Untuk memproses hasil input pengguna pada textbox, cmdkeluar untuk keluar dari aplikasi 5 ADODC ADODC1 Penghubung basis data dengan aplikasi 4.1.2 Form Utama Form Utama dibuat menggunakan form MDI (Multiple Document Interface) tujuannya adalah agar form dapat membuat menu untuk keperluan aplikasi tarik tunai. Gambar 4. 2 Form Utama Tarik tunai

68 Tabel 4. 2 Objek pada form Utama No Objek Nama Objek Deskripsi 1 Menu mntransaksi, mntariktunai, mnkeluar Mntransaksi untuk menu utama, mntariktunai untuk memanggil form tarik tunai, mnkeluar untuk keluar dari aplikasi tarik tunai 2 Image ImgBtpn Menampilkan logo Bank BTPN 3 PictureBox Picture1 Untuk menampung objek image Pada form MDI, objek lainnya tidak dapat diletakkan seperti pada form biasa, hanya objek picturebox saja yang dapat diletakkan pada form MDI, sehingga untuk memasang logo BTPN sebelumnya diletakkan dahulu pada form MDI objek picturebox. 4.1.3 Form Transaksi Tarik Tunai Gambar 4. 3 Form Transaksi Tarik tunai

69 Tabel 4. 3 Objek pada form Tarik Tunai No Objek Nama Objek Deskripsi 1 Label lbldate, label1, label2, label3, label4, label5, label6 2 Textbox TxtKartu, txttrans, txtrek, txtnasabah, txtjumlah Menjelaskan dari textbox fungsi Menerima input dari smartcard reader dan 3 Image ImgBtpn Menampilkan logo 4 Commandbutton cmdcetak,cmdselesai,cmdverified, cmdauthorized user Bank BTPN Pada cmdlogin Untuk memproses hasil input user pada textbox, cmdkeluar keluar dari aplikasi untuk 5 ADODC ADODC1 Penghubung Basis data 6 Frame Framekartu, frameotorisasi, frametrans dengan aplikasi Frame menampung objek tempat 7 ActiveX GrFingerX activex untuk fingerprint 4.1.4 Form Cetak Transaksi Gambar 4. 4 Tampilan hasil cetak

70 Tabel 4. 4 Objek pada cetak transaksi No Objek Nama Objek Deskripsi 1 Label label1, label2, label3, label4, label5, label6 2 Textbox Ttgltrans, ttrans, txtrek, txtnasabah, txtjumlah,tcust Menjelaskan fungsi dari textbox Menampilkan isi dari field data transasksi 3 Image ImgBtpn Menampilkan logo Bank BTPN 4.2 Desain Basis Data Gambar 4. 5 Basis data Account Dalam perancangan aplikasi tarik tunai ini, dibuat sebuah Basis data yang berisi tiga buah tabel yaitu tabel Nasabah, tabel Transaksi dan tabel User.

71 4.2.1 Tabel Nasabah Gambar 4. 6 Tampilan Tabel Nasabah Tabel Nasabah digunakan untuk menyimpan data nasabah Bank BTPN. Dalam tabel Nasabah terdapat enam buah field yang terdiri dari No_rek, Nama, Alamat, Card_ID, FP_Data, Saldo dimana masing masing field menampung data sesuai dengan type data serta deskripsi yang sudah diberikan. 4.2.2 Tabel user Gambar 4. 7 Tampilan Tabel user

72 Tabel User digunakan untuk menyimpan data pengguna aplikasi tarik tunai. Dalam tabel User terdapat lima buah field yang terdiri dari Nama, username, password, level, aktif dimana masing masing field menampung data sesuai dengan type data serta deskripsi yang sudah diberikan. 4.2.3 Tabel Transaksi Gambar 4. 8 Tampilan Tabel Transaksi Tabel Transaksi digunakan untuk menyimpan data transaksi nasabah pada aplikasi tarik tunai. Dalam tabel Transaksi terdapat enam buah field yang terdiri dari tgl_trans, no_trans, no_rek, no_kartu, jml_penarikan, operator dimana masing masing field menampung data sesuai dengan type data serta deskripsi yang sudah diberikan. 4.3 Relasi Basis data Ada dua relasi antar tabel dalam Basis data Account yaitu relasi antara tabel nasabah dengan tabel transaksi dan relasi tabel user dengan tabel transaksi. Relasi antara tabel nasabah dengan tabel transaksi dimaksudkan agar transaksi yang dilakukan selalu mengacu kepada data nasabah yang tersimpan pada tabel nasabah. Sedangkan relasi antara tabel user dengan tabel transaksi dimaksudkan agar transaksi yang dilakukan tercatat siapa yang melakukannya, serta mengacu kepada data pengguna aplikasi tarik tunai.

73 Gambar 4. 9 Relasi Basis data Account Gambar 4. 10 Relasi Nasabah dengan Transaksi

74 Tabel nasabah ber-relasi dengan tabel transaksi pada field nasabah.no_rek dengan field transaksi.no_rek dengan tipe relasi One-To- Many. Gambar 4. 11 Relasi user dengan transaksi Tabel user ber-relasi dengan tabel transaksi pada field user.username dengan field transaksi.username dengan type relasi One-to-Many. 4.4 Implementasi Aplikasi Tarik Tunai Saat aplikasi pertama kali dijalankan, maka form login akan lebih dulu muncul sebelum form menu utama, hal ini dimaksudkan agar pengguna aplikasi tarik tunai hanyalah orang yang memang terdaftar untuk menggunakan aplikasi tarik tunai ini.

75 Gambar 4. 1 Tampilan halaman Login Saat form login dijalankan, pertama kali yang dilakukan oleh program memanggil prosedur form_load(), dimana pada prosedur form_load diletakan perintah untuk menghubungkan Basis data dengan aplikasi pada prosedur form_load(). Private Sub Form_Load() Dim db As Connection Set db = New Connection db.cursorlocation = aduseclient db.open "Provider=MSDASQL.1;Persist Security Info=False;Data Source=Tariktunai" Set adoprimaryrs = New Recordset adoprimaryrs.open "select username,password from User", db, adopenstatic, adlockoptimistic End Sub Aplikasi tarik tunai melakukan koneksi dengan Basis data account dengan menggunakan perintah : db.open "Provider=MSDASQL.1;Persist Security Info=False;Data Source=Tariktunai". Sedangkan untuk membuka tabel user pada Basis data tariktunai dengan perintah : adoprimaryrs.open "select username,password from User", db, adopenstatic, adlockoptimistic.

76 Pada saat tombol login di tekan, maka akan dilakukan pengecekan username dan password apakah terdapat pada Basis data account tabel user. Jika tidak terdaftar, maka akan muncul pesan Gambar 4. 23 Tampilan pesan jika User atau Password tidak sesuai Sedangkan jika terdaftar, maka program langsung menampilkan halaman utama aplikasi tarik tunai. Setelah halaman utama tampil, transaksi tarik tunai sudah dapat dilakukan dengan mengikuti prosedur yang sudah ditetapkan oleh bank BTPN. Untuk melakukan transaksi tarik tunai, customer service harus mengaktifkan menu tarik tunai pada halaman utama aplikasi tarik tunai. Kemudian tranksaksi tarik tunai dilakukan dengan memasukkan smartcard pada smartcard reader. Setelah smartcard ada di smartcard reader, maka customer service harus menekan tombol cek kartu, aplikasi otomatis melakukan pengecekan pada Basis data dengan data yang ada pada smartcard. Jika data yang terdapat pada smartcard terdaftar pada tabel nasabah, data nasabah akan di tampilkan, kemudian transaksi dapat dilanjutkan ke tahap berikutnya yaitu verifikasi sidik jari.

77 Gambar 4. 34 Tampilan Transaksi Tarik Tunai Pada tombol cek kartu untuk melakukan pembacaan kartu dan mengambil data pada smartcard digunakan perintah Dim strresult As String Dim omykad As New mykadpro.jpn '--for vb6 user use this declaration strresult = omykad.beginjpn("ft SCR2000", strlicensekey) '--for vb6 user use this function If strresult = "0" Then If omykad.getidnum = Rs.Fields.nasabah("card_id").Value Then txtnokartu.text = omykad.getidnum txtnorek.text = omykad.getrek txtnasabah.text = omykad.getnasabah MsgBox "Retrieve MYKAD Informations completed!", vbokonly + vbinformation, strtitle Else MsgBox "Kartu tidak terdaftar" End If Else MsgBox strresult, vbokonly + vbcritical, strtitle End If

78 Jika data pada smartcard terdaftar, maka akan ditampilkan data nasabah, jika tidak terdaftar, akan ditampikan pesan Kartu tidak terdaftar. 4.5 Implementasi Verifikasi Sidik Jari Setelah cek kartu dilakukan, kemudian dilakukan pengecekan sidik jari nasabah pada program dengan menekan tombol verified, kemudian membandingkan capture sidik jari yang di pindai dengan capture sidik jari yang berada di smart card. Gambar 4. 15 Tampilan verifikasi sidik jari Jika capture yang di pindai sama dengan capture yang berada pada smartcard, maka transaksi dapat di lanjutkan. Gambar 4. 16 Tampilan verifikasi berhasil

79 Setelah pengecekan sidik jari selesai, kemudian dilakukan input jumlah nominal penarikan, saat jumlah yang dimasukkan lebih dari 5 juta, maka aplikasi otomatis meminta otorisasi Kepala cabang. Gambar 4. 17 Otorisasi tarik tunai Setelah otorisasi berhasil dilakukan, maka dilakukan pencetakan transaksi dengan menekan tombol cetak, dimana didalam objek tombol cetak terdapat perintah : Private Sub cmdcetak_click() adoprimaryrs.addnew adoprimaryrs.fields.transaksi("tgl_trans").value = lbldate.caption adoprimaryrs.fields.transaksi("no_trans").value = txtnotrans.text adoprimaryrs.fields.transaksi("no_rek").value = txtnorek.text adoprimaryrs.fields.transaksi("card_id").value = txtnokartu.text adoprimaryrs.fields.transaksi("jml_penarikan").valu e = txtnominal.text adoprimaryrs.fields.transaksi("operator").value = frmlogin.txtusername.text adoprimaryrs.update rpttrans.show End Sub

80 Sebelum dilakukan pencetakan, aplikasi akan menyimpan transaksi yang dilakukan, dan mengecek ketersediaan dana nasabah pada sistem jika dana yang diambil mencukupi kemudian transaksi dapat tercetak : Gambar 4. 18 Cetakan validasi tarik tunai Setelah dilakukan pencetakan, aplikasi akan kembali ke halaman utama aplikasi tarik tunai. 4.6 Pengujian Setelah mengimplementasikan rancangan untuk pengujian sistem guna mengetahui kinerja sistem dengan menggunkan Visual Basic 6.0. Langkah selanjutnya adalah melakukan beberapa pengujian baik pada sistem maupun data yang di masukkan. Tetapi sebelum itu kita perlu mengetahui metode apa yang akan digunakan dalam melakukan pengujian tersebut dan mengetahui perangkat apa yang dipakai dalam melakukkan pengujian dan untuk membangun aplikasi.

81 4.6.1 Metode Pengujian Skenario pengujian meliputi pengujian perangkat lunak terhadap fungsionalitas aplikasi yang di bangun, pengujian proses yang terjadi pada perangkat lunak yang di bangun dengan proses yang terjadi didalam sistem, dan pengujian kelayakan aplikasi dalam sebuah aplikasi yang akan di gunakan. Metode yang di gunakan dalam aplikasi ini adalah pengujian Black-Box. Penggunaan metode ini penulis anggap sesuai dengan aplikasi yang akan dibangun, karena metode pengujian Black-Box melakukan pengujian dengan cara memberikan sejumlah masukkan pada program aplikasi yang akan diproses sesuai dengan kebutuhan fungsionalnya untuk menghasilkan keluaran yang diinginkan. Apabila keluaran proses tidak menghasilkan sesuai dengan yang diinginkan, maka program aplikasi ini masih terdapat kesalahan-kesalahan yang harus di perbaiki pada program aplikasi tersebut. Apabila keluaran proses menghasilkan kebutuhan fungsionalnya, maka program aplikasi tersebut sudah berjalan dengan benar. Pengujian Black-Box melakukan pengujian pada program tarik tunai dari menu login, validasi, proses tarik tunai, sampai dengan pencetakan transaksi. 4.6.2 Lingkungan Pengujian Perancangan aplikasi tarik tunai dengan menggunakan Visual Basic memiliki spesifikasi sebagai berikut : 1. Spesifikasi Perangkat Keras Perangkat keras (hardware) adalah unsur-unsur yang terdiri dari beberapa perangkat keras komputer yang digunakan untuk membantu proses kerja manusia (brainware). Istilah umum yang di gunakan untuk perangkat keras adalah mendefinisikan semua elemen elektronika dan mekanik dari komputer, bersama dengan peralatan yang di gunakan dengan komputer.

82 Bagian-bagian pokok perangkat keras pada sistem komputer adalah : a. Masukkan (input) merupakan alat untuk memasukkan data dan program. b. CPU (Central Processing Unit) merupakan otak dari komputer yang fungsinya sebagai pusat pengolahan data. c. Tempat penyimpanan (Storage device) merupakan alat yang digunakan untuk menyimpan program dan data yang dilibatkan dalam proses yang sedang aktif. d. Keluaran (output) merupakan alat untuk menampilkan hasil keluaran dari data yang telah di masukkan. Adapun konfigurasi perangkat keras yang di gunakan dalam pembuatan program aplikasi tarik tunai pada tugas akhir ini adalah sebagai berikut : a. 1 Unit komputer server digunakan sebagai Server Jaringan dengan spesifikasi : Tabel 4. 5 Komputer Server No Unit Spesifikasi 1 Processor Pentium 4 2GHz 2 Memory 512MB 3 Display Adapter On board 4 Network Interface Card (NIC) On board 5 Hardisk 250GB b. 1 unit komputer Customer Service yang digunakan untuk melayani nasabah. Spesifikasi :

83 Tabel 4. 6 Komputer Customer Service No Unit Spesifikasi 1 Processor Pentium 4 2GHz 2 Memory 512MB 3 Display Adapter On board 4 Network Interface Card (NIC) RT-Link 5 Hardisk 80GB 2. Spesifikasi Perangkat Lunak Perangkat lunak (software) merupakan bagian dari komputer yang berupa program-program beserta intruksi-intruksi penggunaanya yang berhubungan langsung dengan tipe perangkat keras yang kita gunakan. Fungsi perangkat lunak antara lain: a. Mengidentifikasi dan menyiapkan aplikasi program sehingga tata kerja seluruh peralatan komputer terkontrol b. Mengatur dan membuat pekerjaan lebih efisien. Secara fungsi, perangkat lunak (software) dapat di bagi menjadi tiga yaitu: a. Sistem operasi perangkat lunak (system software) b. Bahasa pemrograman (programming language) c. Program aplikasi (aplication software) Adapun alasan di gunakan perangkat lunak bahasa pemrograman Visual Basic 6.0 adalah: a. Bahasa pemrograman visual mendukung penggunaan object atau program dengan orientasi object (Object Oriented Programming). Dengan ini maka listing program yang di buat relatif lebih sedikit. b. Object-object yang di sediakan mudah digunakan sehingga untuk mendesain suatu aplikasi progra dengan Visual Basic 6.0 tidak sesulit yang di gambarkan.

84 c. Gaya bahasa pemrograman Vusual Basic 6.0 yang relatif mudah untuk dipelajari. Perangkat lunak (software) yang di gunakan penyusun dalam menyusun tugas akhir ini adalah: Tabel 4. 7 Perangkat lunak No Perangkat Lunak Keterangan 1 Sistem operasi Windows XP Profesional service pack 2 2 Software Basis data Microsoft Access 2003 3. Paket Program Microsoft Visual Basic 6.0 4.6.3 Lingkup Pengujian Untuk melihat ukuran sukses dari aplikasi tarik tunai ini, maka dilakukan pengujian dengan langkah-langkah sebagai berikut : 1. Menyusun setiap layar antarmuka yang akan di uji. Beberapa layar antarmuka yang akan diuji adalah sebagai berikut : a. Masukan username dan password b. Menu Utama c. Transaksi tarik tunai 2. Pelaksanaan perangkat lunak. Pengujian pelaksanaan perangkat lunak meliputi : a. Koneksi ke basis data. Pengujian akan di lihat dari kondisi program yang terkoneksi dengan baik atau tidak ke basis data. b. Keterkaitan antara layar antarmuka yang satu dengan yang lainnya. c. Menu Transaksi tarik tunai.

85 Program akan di uji apakah layar antarmuka aplikasi tarik tunai dapat digunakan untuk menghasilkan data-data Nasabah atau Transaksi tarik tunai. 4.6.4 Pengujian Sistem Proses pengujian memfokuskan pada logika perangkat lunak internal yang memastikan bahwa semua pernyataan telah diuji, dan fungsional eksternal yaitu pengujian untuk menemukan kesalahan-kesalahan dan memastikan bahwa masukkan yang didefinisikan akan menghasilkan keluaran yang di butuhkan. Untuk melakukan pengujian aplikasi tarik tunai tersebut, terlebih dahulu di buka dari Visual Basic 6.0, kemudian pada menu pilih Debug dan Start Debugging. Pengujian program dengan metode Black-Box, testing dilakukan dari modul halaman pertama kemudian di lanjutkan sampai semua modul diuji coba dan berdasarkan sesi implementasi yang telah dijelaskan sebelumnya. Semua uji coba tersebut di rangkum ke daalam tabel di bawah ini.

86 Tabel 4.8 Skenario Pengujian Aplikasi No Antar muka yang diuji Bagian dari antar muka yang diuji Status aplikasi Kasus uji Skenario pengujian Hasil yang di harapkan 1 Form Tombol Masukan Normal Masuk ke Berhasil halaman login username menu masuk ke login dan utama menu utama password 2 Form Tombol Masukan Tidak Keluar Menu pesan halaman login username Normal menu pesan kesalahan login dan kesalahan berhasil password keluar 3 Form Tombol Membaca Normal Mengklik Data Transaksi cek kartu data nasabah tombol cek nasabah tarik tunai pada kartu kartu pada kartu atau input dapat nomor kartu terbaca 4 Form Tombol Memverfika Normal Mengklik Verifikasi Transaksi cek verified si data sidik tombol sidik jari tarik tunai jari nasabah verified berhasil 5 Form Text Box Masukan Normal Memasukan Text box Transaksi Jumlah nominal data dengan dapat di tarik tunai penarikan yang akan di format input dengan tarik number format number 6 Form Text Box Masukan Tidak Memasukan Text box ti- Transaksi Jumlah nominal Normal data dengan dak dapat di tarik tunai penarikan yang akan di format non- input dengan tarik number format nonnumber

87 7 Form Tombol Masukan Normal Otorisasi Otorisasai Transaksi Authorized nama KaCabang berhasil tarik tunai pengguna bila pe- dan kata narikan di- sandi atas 5 juta 8 Form Tombol Masukan Tidak Keluar Otorisasai Transaksi Authorized nama peng- Normal pesan gagal, di tarik tunai guna dan kesalahan coba kata sandi kembali 9 Form Tombol Mencetak Normal Mengklik Printout Transaksi Cetak validasi tombol hasil cetakan tarik tunai transaksi cetak validasi Berikut akan di tampilkan hasil pengujian pelaksanaan perangkat lunak yang di rangkum ke dalam tabel tersebut. Tabel 4.9 Evaluasi Hasil Pengujian Bagian dari antar muka yang diuji Prosedur Pengujian Keluaran yang di inginkan Hasil yang di dapat Tombol login Masukan username Masuk ke Berhasil masuk ke dan password yang menu utama menu utama benar Tombol login Masukan username Keluar menu Tampilan pesan dan password yang pesan sesuai skenario salah kesalahan Tombol cek Mengklik tombol cek Data nasabah Tampilan pesan kartu kartu pada kartu sesuai skenario dapat terbaca

88 Tombol cek Mengklik tombol Verifikasi Proses berhasil, verified verified sidik jari dan dapat jumlah nasabah penarikan yang berhasil diinginkan Text Box Masukan data Penginputan Proses berhasil, Jumlah nominal dengan dapat di dan dapat jumlah penarikan format number lakukan penarikan yang diinginkan Text Box Masukan data Penginputan Berhasil sesuai Jumlah nominal dengan hanya dapat di skenario penarikan format non-number lakukan dengan format number Tombol Masukan username Otorisasai Tampilan pesan Authorized dan password yang berhasil, sesuai skenario benar transaksi dapat di lanjutkan Tombol Cetak Mengklik tombol Printout hasil Berhasil sesuai cetak cetakan skenario validasi 4.7 Analisa Hasil Pengujian Pengujian simulasi program aplikasi tarik tunai ini di lakukan untuk menguji dan memastikan bahwa program yang telah di rancang dan di buat ini dapat berfungsi dengan baik dan sesuai dengan rumusan rancangan yang telah di tetapkan sebelumnya. Tanpa adanya pengujian, maka tidak dapat di ketahui

89 apakah simulasi yang telah di buat sesuai dengan spesifikasi rancangan program aplikasi. Berikut ini penjelasan hasil dari pengujian tersebut : 1. Pengujian dengan metode black-box dapat memudahkan penulis dalam pembuatan aplikasi yang sesuai dengan pereancanaan, sehingga apabila aplikasi tersebut masih ada kesalahan langsung dapat segera di perbaiki 2. Dengan mengetahuui kebutuhan fungsional di setiap rancangan aplikasi, dapat meminimalisasikan kesalahan pengguna dalam menjalankan aplikasi teersebut. 3. Simulasi perancangan aplikasi tarik tunai ini, berjalan sesuai dengan yang telah ditetapkan, namun bila diaplikasikan sebenarnya, dengan menggunakan smart card dan card reader perlu di kaji ulang karena akan ada sedikit banyak perubahan terutama secara codding.