BAB V IMPLEMENTASI
Bab ini membahas mengenai implementasi dan hasil dari pengujian sistem. 5.1 Lingkungan Implementasi Implementasi merupakan tahapan dimana hasil perancangan yang telah dibangun mulai diterapkan pada kondisi yang menyerupai kondisi yang sebenarnya. Lingkungan implementasi meliputi lingkungan perangkat lunak (software) dan lingkungan perangkat keras (hardware).
5.1.1 Lingkungan Implementasi Hardware Spesifikasi hardware yang digunakan dalam membangun aplikasi ini adalah sebagai berikut:
Server:
Processor Intel Dual Core B960 (2.2 GHz)
Hard Disk: 500 GB
Memory: 4 GB
Monitor: 2”
Client: Processor Intel Dual Core B960 (2.2 GHz) Hard Disk: 500 GB Memory: 4 GB Monitor: 2”
5.1.2 Lingkungan Implementasi Software Spesifikasi software yang digunakan untuk membangun aplikasi ini adalah: Server: -
Sistem Operasi: Linux Fedora 14
-
Program Editor:
51
52
Vim, untuk penulisan kode program di sisi server. Hasil kode tersebut disimpan dengan extension *.pm
Client: -
Sistem Operasi: Microsoft Windows 7
-
Program Aplikasi:
Microsoft Visual Studio 2008, digunakan untuk penulisan kode program dan desain aplikasi dengan platform windows desktop based.
Sublime Text 2, digunakan untuk penulisan kode program dan desain aplikasi dengan platform web based.
Eclipse, digunakan untuk penulisan kode program dan desain aplikasi dengan platform android based.
5.2 Implementasi Komponen Implementasi komponen merupakan daftar dari perancangan yang telah diimplementasikan. Implementasi komponen web service pada sistem transaksi pulsa dapat dijelaskan pada Tabel 5.1 sampai Tabel 5.5.
5.3 Implementasi Tampilan Tampilan antarmuka implementasi web service pada transaksi pulsa merupakan perancangan antarmuka yang telah dijelaskan pada bab sebelumnya, dimana hasil implementasi dari perancangan tersebut dapat dilihat pada Gambar 5.1 sampai dengan 5.18 dibawah ini.
53
5.3.1 Tampilan Desktop
1
2
3
4
Gambar 5.1 Tampilan Login Desktop Deskripsi Gambar 5.1: 1. Edit Text No HP Utama untuk mengisi nomor HP member terdaftar 2. Edit Text Pin untuk mengisi pin transaksi nomor HP member terdaftar 3. Button Login untuk melakukan proses login 4. Button Reset untuk membersihkan Edit Text
1
5 3
1
6 4
Gambar 5.2 Tampilan Menu Utama Desktop Deskripsi Gambar 5.2: 1. Button New Transaction untuk menuju ke menu transaksi baru 2. Button Transaction List untuk menuju ke menu daftar transaksi 3. Button Deposit List untuk menuju ke menu daftar deposit
54
4. Button Product List untuk menuju ke menu daftar produk 5. Button Cek Saldo untuk mengetahui sisa saldo 6. Button Logout untuk keluar dari menu utama
1 2 3 4
Gambar 5.3 Tampilan Menu New Transaction Desktop
Deskripsi Gambar 5.3: 1. List Box Nominal untuk menampilkan nominal transaksi 2. Edit Text No Tujuan untuk mengisi nomor HP tujuan 3. Edit Text Pin untuk mengisi pin transaksi member 4. Button Inject untuk melakukan proses transaksi
1 2 3 4
Gambar 5.4 Tampilan Menu Transaction List Desktop
55
Deskripsi Gambar 5.4: 1. Date List From untuk menampilkan batas tanggal awal 2. Date List To untuk menampilkan batas tanggal akhir 3. Edit Text Msisdn untuk mengisi nomor tujuan 4. Button Search untuk melakukan proses pencarian
1 2 3
Gambar 5.5 Tampilan Menu Deposit List Desktop
Deskripsi Gambar 5.5 1. Date List From untuk menampilkan batas tanggal awal 2. Date List To untuk menampilkan batas tanggal awal 3. Button Search untuk melakukan proses pencarian
1 2
Gambar 5.6 Tampilan Menu Product List Desktop
56
Deskripsi Gambar 5.6 1. List Box Product untuk menampilkan daftar produk 2. Button Show untuk melakukan proses menampilkan daftar harga
2
1
5.3.2 Tampilan Web
3
Gambar 5.7 Tampilan Login Web
Deskripsi Gambar 5.7: 1. Edit Text No Hp Utama untuk mengisi nomor HP utama member terdaftar 2. Edit Text Pin untuk mengisi pin transaksi member
1
2
3
4
6
5
Gambar 5.8 Tampilan Menu Utama Web Deskripsi Gambar 5.8: 1. Button New Transaction untuk menuju menu transaksi baru 2. Button Transaction List untuk menuju menu daftar transaksi
57
3. Button Deposit List untuk menuju menu daftar deposit 4. Button Balance untuk memproses sisa saldo
1
2 3
4
Gambar 5.9 Tampilan Menu New Transaction Web
Deskripsi Gambar 5.9: 1. List Box Nominal untuk menampilkan nominal transaksi 2. Edit Text No Tujuan untuk mengisi nomor HP tujuan 3. Edit Text Pin untuk mengisi pin transaksi 4. Button Inject untuk memproses transaksi
1 2 3 4
Gambar 5.10 Tampilan Menu Transaction List Web Deskripsi Gambar 5.10: 1. Date From untuk menampilkan tanggal awal 2. Date To untuk menampilkan tanggal akhir
58
3. Edit Text Msisdn untuk mengisi nomor HP tujuan 4. Button Search untuk memproses pencarian transaksi
1
2
3
Gambar 5.11 Tampilan Deposit List Web Deskripsi Gambar 5.11: 1. Date From untuk menampilkan tanggal awal 2. Date To untuk menampilkan tanggal akhir 3. Button Search untuk memproses pencarian data deposit
1 2
Gambar 5.12 Tampilan Product List Web Deskripsi Gambar 5.12: 1. List Box Product untuk menampilkan daftar produk 2. Button Search untuk memproses menampilkan daftar harga produk
59
5.3.3 Tampilan Android
1 2 3
Gambar 5.13 Tampilan Login Android Deskripsi Gambar 5.13: 1. Edit Text Username untuk mengisi nomor hp utama member terdaftar 2. Edit Text Password untuk mengisi pin transaksi member 3. Button Sign In untuk memproses login
2
1
4
3
5
Gambar 5.14 Tampilan Menu Utama Android Deskripsi Gambar 5.14: 1. Button Transaction List untuk menuju menu daftar transaksi 2. Button New Transaction untuk menuju menu transaksi baru 3. Button Deposit List untuk menuju menu daftar deposit 4. Button Product List untuk menuju menu daftar harga produk
60
5. Button Cek Saldo untuk melakukan proses pengecekan sisa saldo
1 2 3
4
Gambar 5.15 Tampilan Menu Daftar Transaksi Android Deskripsi Gambar 5.15: 1. Date From untuk mengisi tanggal awal 2. Date To untuk mengisi tanggal akhir 3. Edit Text Msisdn untuk mengisi nomor tujuan 4. Button Search untuk memproses pencarian data transaksi
1
2 3 4
Gambar 5.16 Tampilan Menu New Transaction Android Deskripsi Gambar 5.16: 1. Edit Text No Tujuan untuk mengisi nomor tujuan transaksi 2. List Box Nominal untuk memilih nominal transaksi
61
3. Edit Text Pin untuk mengisi pin transaksi member
1 2 3
Gambar 5.17 Tampilan Menu Deposit List Android Deskripsi Gambar 5.17: 1. Date From untuk mengisi tanggal awal 2. Date To untuk mengisi tanggal akhir 3. Button Search untuk memproses pencarian data deposit
1 2
Gambar 5.18 Tampilan Menu Product List Android Deskripsi Gambar 5.18: 1. List Box Product untuk memilih produk 2. Button Search untuk memproses pencarian harga produk
5.4 Hasil Pengujian Dari rencana pengujian yang telah disebutkan pada halaman sebelumnya, berikut ini adalah hasil pengujian yang telah dilakukan dimana hasil tersebut dapat dilihat pada tabel 5.1 sampai dengan tabel 5..
Tabel 5.1 Pengujian Fitur Login Identifikasi
Deskripsi
Prosedur
Masukkan
Keluaran yang
Hasil yang
Diharapkan
Didapat
Pengujian 1. U-Login
Pengujian input login
jika
- Buka aplikasi - Input
nomor
HP utama - Input transaksi
Klik Login
Aplikasi
akan Aplikasi
mengirim
Kesimpulan
Diterima
menerima respon
permintaan login dari server pin
ke
server
dan
menerima respon dari server berupa status login
62
Tabel 5.2 Pengujian Fitur New Transaction Identifikasi
Deskripsi
Prosedur
Masukkan
Pengujian 1. U-New Transaction
Pengujian input baru
jika
transaksi
- Pilih nominal - Input
nomor
HP utama - Input transaksi
pin
Klik Inject
Keluaran yang
Hasil yang
Diharapkan
Didapat
Aplikasi
akan Aplikasi
mengirim
menerima respon
permintaan
login dari server
Kesimpulan
Diterima
transaksi baru ke server
dan
menerima respon dari server
63
Tabel 5.3 Pengujian Fitur Transaction List Identifikasi
Deskripsi
Prosedur
Masukkan
Pengujian 1. U-
Pengujian
Transaction
pencarian
List
transaksi
- Pilih data
tanggal Klik Search
awal - Pilih
tanggal
akhir - Input
Keluaran yang
Hasil yang
Diharapkan
Didapat
Aplikasi
HP utama
Diterima
mengirim
menerima respon
permintaan
daftar
pencarian nomor
akan Aplikasi
transaksi server
Kesimpulan
transaksi
data dari server ke dan
menerima respon dari server
64
Tabel 5.4 Pengujian Fitur Deposit List Identifikasi
Deskripsi
Prosedur
Masukkan
Pengujian 1. U-Deposit List
Pengujian pencarian deposit
- Pilih data
tanggal Klik Search
awal - Pilih akhir
tanggal
Keluaran yang
Hasil yang
Diharapkan
Didapat
Aplikasi
akan Aplikasi
Diterima
mengirim
menerima respon
permintaan
daftar
pencarian
Kesimpulan
deposit
data dari server
deposit ke server dan
menerima
respon dari server
65
Tabel 5.5 Pengujian Fitur Product List Identifikasi
Deskripsi
Prosedur
Masukkan
Pengujian 1. U-Product List
Pengujian input baru
jika
transaksi
- Pilih produk
Klik inject
Keluaran yang
Hasil yang
Diharapkan
Didapat
Aplikasi
akan Aplikasi
mengirim
Kesimpulan
Diterima
menerima respon
permintaan daftar dari server harga produk ke server
dan
menerima respon dari server
66
67
5.5 Pengujian Sistem Pengujian dilakukan dengan menggunakan metode pengujian white box.
5.5.1 Pengujian White Box Pengujian white box dilakukan dengan menguji atribut dan method yang ada pada kelas-kelas yang dibangun. Pengujian dilakukan dengan mengecek semua statement pada program telah dieksekusi paling tidak satu kali. Pengujian ini dilakukan pada proses pengembangan sistem yakni pengujian kode program (coding).
1. Pengujian Login Login adalah tampilan awal ketika aplikasi klien dijalankan.
Gambar 5.19 Pengujian Login Desktop
68
Gambar 5.20 Pengujian Login Web
Gambar 5.21 Pengujian Login Android
Untuk melakukan pengujian login, user mengisi terlebih dahulu No Hp Utama dan Pin yang dimiliki user, lalu menekan tombol Login. Bila login berhasil, aplikasi akan masuk ke menu utama, sedangkan bila ada kesalah makan akan muncul peringatan seperti gambar di bawah ini.
69
Gambar 5.22 Pengujian Login Desktop Gagal
Gambar 5.23 Pengujian Login Web Gagal
Gambar 5.24 Pengujian Login Android Gagal
70
2. Pengujian Menu Menu merupakan tampilan yang muncul setelah login berhasil. Di menu ini terdapat menu-menu pilihan yang dapat digunakan oleh user. Menu yang tersedia disesuaikan dengan fungsi yang terdapat pada web service. Dimulai dari menu New Transaction, Transaction List, Deposit List, Product List dan Cek saldo.
Gambar 5.25 Menu Desktop
Gambar 5.26 Menu Web
71
Gambar 5.27 Menu Android
3. Pengujian Menu New Transaction Menu New Transaction akan muncul begitu user menekan tombol New Transaction pada menu utama. Untuk melakukan transaksi, user memilih daftar nominal yang tersedia, lalu mengisi No Tujuan dan Pin transaksi user seperti gambar di bawah ini.
Gambar 5.28 Pengujian New Transaction Desktop
72
Gambar 5.29 Pengujian New Transaction Web
Gambar 5.30 Pengujian New Transaction Android
Bila transaksi berhasil/sedang diproses oleh server maka akan muncul pesan seperti gambar dibawah ini.
73
Gambar 5.31 Pengujian Transaksi Pulsa Desktop Berhasil
Gambar 5.32 Pengujian Transaksi Pulsa Web Berhasil
74
Gambar 5.33 Pengujian Transaksi Pulsa Android Berhasil
Gambar diatas menunjukkan pesan transaksi pulsa senilai 5000 telah berhasil dilakukan. Sedangkan bila terjadi kesalahan masukan maupun terjadi gangguan, maka akan muncul pesan kesalahan seperti contohnya gambar di bawah ini, dimana user melakukan kesalahan pada masukan no hp tujuan transaksi.
Gambar 5.34 Pengujian Transaksi Pulsa Desktop Gagal
75
Gambar 5.35 Pengujian Transaksi Pulsa Web Gagal
Gambar 5.36 Pengujian Transaksi Pulsa Android Gagal
4. Pengujian Menu Transaction List Menu Transaction List akan muncul begitu user menekan tombol Transaction List pada menu utama. Untuk mendapatkan daftar transaksi, user memilih tanggal awal pada field date from dan tanggal akhir field date to sebagai acuan untuk mencari transaksi yang user lakukan dan menekan tombol search untuk memproses permintaan, hasilnya seperti gambar di bawah ini.
76
Gambar 5.37 Pengujian Menu Transaction List Desktop
Gambar 5.38 Pengujian Menu Transaction List Web
77
Gambar 5.39 Pengujian Menu Transaction List Android
Pada gambar diatas, user mencari daftar transaksi antara tanggal 1 September 2015 sampai dengan tanggal 5 September 2015, dan hasilnya akan ditampilkan berupa daftar transaksi yang telah dilakukan user selama periode tersebut.
5. Pengujian Menu Deposit List Menu Deposit List akan muncul begitu user menekan tombol Deposit List pada menu utama. Untuk mendapatkan daftar deposit, user memilih tanggal awal pada field date from dan tanggal akhir field date to sebagai acuan untuk mencari deposit yang user lakukan dan menekan tombol search untuk memproses permintaan, hasilnya seperti gambar di bawah ini.
78
Gambar 5.40 Pengujian Menu Deposit List Desktop
Gambar 5.41 Pengujian Menu Deposit List Web
79
Gambar 5.42 Pengujian Menu Deposit List Android
Pada gambar diatas, user mencari daftar deposit antara tanggal 1 Agustus 2015 sampai dengan tanggal 5 Agustus 2015, dan hasilnya akan ditampilkan berupa daftar deposit yang telah dilakukan user selama periode tersebut.
6. Pengujian Menu Product List Menu Product List akan muncul begitu user menekan tombol Product List pada menu utama. Untuk mendapatkan daftar harga per produk, user memilih produk yang ingin dilihat harganya lalu menekan tombol show untuk memproses permintaan, hasilnya seperti gambar di bawah ini.
80
Gambar 5.43 Pengujian Menu Product List Desktop
Gambar 5.44 Pengujian Menu Product List Web
81
Gambar 5.45 Pengujian Menu Product List Android
Pada gambar pengujian diatas, user ingin mengetahui harga produk pulsa untuk provider Indosat. Hasilnya ditampilkan berupa daftar yang berisi nama provider dan nominal beserta harganya.
7. Pengujian Cek Saldo Cek saldo yang terdapat pada menu utama berfungsi untuk mendapatkan jumlah sisa saldo yang dimiliki oleh user, hasilnya seperti gambar di bawah ini.
Gambar 5.46 Pengujian Cek Saldo Desktop
82
Gambar 5.47 Pengujian Cek Saldo Web
Gambar 5.48 Pengujian Cek Saldo Android
