66
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.
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.
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
Tabel 4. 3 Objek pada form Tarik Tunai
No Objek Nama Objek Deskripsi
1 Label lbldate, label1, label2, label3, label4, label5, label6
Menjelaskan fungsi dari textbox
2 Textbox TxtKartu, txtTrans, txtRek, txtNasabah, txtJumlah
Menerima input dari smartcard reader dan user
3 Image ImgBtpn Menampilkan logo
Bank BTPN 4 Commandbutton cmdCetak,cmdSelesai,cmdVerified,
cmdAuthorized
Pada cmdLogin Untuk memproses hasil input user pada textbox, cmdKeluar untuk keluar dari aplikasi
5 ADODC ADODC1 Penghubung Basis data
dengan aplikasi 6 Frame Framekartu, frameotorisasi,
frametrans
Frame tempat
menampung objek
7 ActiveX GrFingerX activeX untuk
fingerprint
4.1.4 Form Cetak Transaksi
Tabel 4. 4 Objek pada cetak transaksi
No Objek Nama Objek Deskripsi
1 Label label1, label2, label3, label4, label5, label6
Menjelaskan fungsi dari textbox
2 Textbox Ttgltrans, tTrans, txtRek, txtNasabah, txtJumlah,tCust
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.
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
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.
Gambar 4. 9 Relasi Basis data Account
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.
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().
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.
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
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.
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
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.
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
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.
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.
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 :
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.
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.
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.
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 halaman login Tombol login Masukan username dan password Normal Masuk ke menu utama Berhasil masuk ke menu utama 2 Form halaman login Tombol login Masukan username dan password Tidak Normal Keluar menu pesan kesalahan Menu pesan kesalahan berhasil keluar 3 Form Transaksi tarik tunai Tombol cek kartu Membaca data nasabah pada kartu atau input nomor kartu Normal Mengklik tombol cek kartu Data nasabah pada kartu dapat terbaca 4 Form Transaksi tarik tunai Tombol cek verified Memverfika si data sidik jari nasabah Normal Mengklik tombol verified Verifikasi sidik jari berhasil 5 Form Transaksi tarik tunai Text Box Jumlah penarikan Masukan nominal yang akan di tarik Normal Memasukan data dengan format number Text box dapat di input dengan format number 6 Form Transaksi tarik tunai Text Box Jumlah penarikan Masukan nominal yang akan di tarik Tidak Normal Memasukan data dengan format non-number
Text box ti-dak dapat di input dengan format non-number
7 Form Transaksi tarik tunai Tombol Authorized Masukan nama pengguna dan kata sandi Normal Otorisasi KaCabang bila pe-narikan di-atas 5 juta Otorisasai berhasil 8 Form Transaksi tarik tunai Tombol Authorized Masukan nama peng-guna dan kata sandi Tidak Normal Keluar pesan kesalahan Otorisasai gagal, di coba kembali 9 Form Transaksi tarik tunai Tombol Cetak Mencetak validasi transaksi Normal Mengklik tombol cetak Printout hasil cetakan 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 dan password yang benar
Masuk ke menu utama
Berhasil masuk ke menu utama
Tombol login Masukan username dan password yang salah Keluar menu pesan kesalahan Tampilan pesan sesuai skenario Tombol cek kartu
Mengklik tombol cek kartu Data nasabah pada kartu dapat terbaca Tampilan pesan sesuai skenario
Tombol cek verified Mengklik tombol verified Verifikasi sidik jari nasabah berhasil Proses berhasil, dan dapat jumlah penarikan yang diinginkan Text Box Jumlah penarikan Masukan data nominal dengan format number Penginputan dapat di lakukan Proses berhasil, dan dapat jumlah penarikan yang diinginkan Text Box Jumlah penarikan Masukan data nominal dengan format non-number Penginputan hanya dapat di lakukan dengan format number Berhasil sesuai skenario Tombol Authorized Masukan username dan password yang benar Otorisasai berhasil, transaksi dapat di lanjutkan Tampilan pesan sesuai skenario
Tombol Cetak Mengklik tombol cetak Printout hasil cetakan validasi Berhasil sesuai skenario
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
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.
