BAB V IMPLEMENTASI Bab ini membahas mengenai implementasi dan hasil dari pengujian sistem. 5. 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.. Lingkungan Implementasi Hardware Spesifikasi hardware yang digunakan dalam membangun aplikasi ini adalah sebagai berikut: Server: Client: Processor Intel Dual Core B960 (2.2 GHz) Hard Disk: 500 GB Memory: 4 GB Monitor: 2 Processor Intel Dual Core B960 (2.2 GHz) Hard Disk: 500 GB Memory: 4 GB Monitor: 2 5..2 Lingkungan Implementasi Software Spesifikasi software yang digunakan untuk membangun aplikasi ini adalah: Server: - Sistem Operasi: Linux Fedora 4 - Program Editor: 5
52 Client: Vim, untuk penulisan kode program di sisi server. Hasil kode tersebut disimpan dengan extension *.pm - 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. 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. sampai dengan 5.8 dibawah ini.
53 5.3. Tampilan Desktop 2 3 4 Gambar 5. Tampilan Login Desktop Deskripsi Gambar 5.:. 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 5 3 6 4 Gambar 5.2 Tampilan Menu Utama Desktop Deskripsi Gambar 5.2:. 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 2 3 4 Gambar 5.3 Tampilan Menu New Transaction Desktop Deskripsi Gambar 5.3:. 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 4 2 3 Gambar 5.4 Tampilan Menu Transaction List Desktop
55 Deskripsi Gambar 5.4:. 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 3 2 Gambar 5.5 Tampilan Menu Deposit List Desktop Deskripsi Gambar 5.5. Date List From untuk menampilkan batas tanggal awal 2. Date List To untuk menampilkan batas tanggal awal 3. Button Search untuk melakukan proses pencarian 2 Gambar 5.6 Tampilan Menu Product List Desktop
56 Deskripsi Gambar 5.6. List Box Product untuk menampilkan daftar produk 2. Button Show untuk melakukan proses menampilkan daftar harga 5.3.2 Tampilan Web 2 3 Gambar 5.7 Tampilan Login Web Deskripsi Gambar 5.7:. Edit Text No Hp Utama untuk mengisi nomor HP utama member terdaftar 2. Edit Text Pin untuk mengisi pin transaksi member 2 3 4 5 6 Gambar 5.8 Tampilan Menu Utama Web Deskripsi Gambar 5.8:. 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 3 2 4 Gambar 5.9 Tampilan Menu New Transaction Web Deskripsi Gambar 5.9:. 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 2 3 4 Gambar 5.0 Tampilan Menu Transaction List Web Deskripsi Gambar 5.0:. 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 2 3 Gambar 5. Tampilan Deposit List Web Deskripsi Gambar 5.:. Date From untuk menampilkan tanggal awal 2. Date To untuk menampilkan tanggal akhir 3. Button Search untuk memproses pencarian data deposit 2 Gambar 5.2 Tampilan Product List Web Deskripsi Gambar 5.2:. List Box Product untuk menampilkan daftar produk 2. Button Search untuk memproses menampilkan daftar harga produk
3 2 5 3 59 5.3.3 Tampilan Android Gambar 5.3 Tampilan Login Android Deskripsi Gambar 5.3:. 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 4 Gambar 5.4 Tampilan Menu Utama Android Deskripsi Gambar 5.4:. 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
3 2 60 5. Button Cek Saldo untuk melakukan proses pengecekan sisa saldo 4 Gambar 5.5 Tampilan Menu Daftar Transaksi Android Deskripsi Gambar 5.5:. 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 2 3 4 Gambar 5.6 Tampilan Menu New Transaction Android Deskripsi Gambar 5.6:. Edit Text No Tujuan untuk mengisi nomor tujuan transaksi 2. List Box Nominal untuk memilih nominal transaksi
6 3. Edit Text Pin untuk mengisi pin transaksi member 2 3 Gambar 5.7 Tampilan Menu Deposit List Android Deskripsi Gambar 5.7:. Date From untuk mengisi tanggal awal 2. Date To untuk mengisi tanggal akhir 3. Button Search untuk memproses pencarian data deposit 2 Gambar 5.8 Tampilan Menu Product List Android Deskripsi Gambar 5.8:. 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. sampai dengan tabel 5.. Tabel 5. Pengujian Fitur Login Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Diharapkan. U-Login Pengujian jika - Buka aplikasi Klik Login Aplikasi akan input login - Input nomor mengirim HP utama permintaan login - Input pin ke server dan transaksi menerima respon dari server berupa status login Hasil yang Didapat Aplikasi menerima respon dari server Kesimpulan Diterima 62
Tabel 5.2 Pengujian Fitur New Transaction Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Diharapkan. U-New Pengujian jika - Pilih nominal Klik Inject Aplikasi akan Transaction input transaksi - Input nomor mengirim baru HP utama permintaan - Input pin transaksi baru ke transaksi server dan menerima respon dari server Hasil yang Didapat Aplikasi menerima respon login dari server Kesimpulan Diterima 63
Tabel 5.3 Pengujian Fitur Transaction List Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Diharapkan. U- Pengujian - Pilih tanggal Transaction pencarian data awal List transaksi - Pilih tanggal akhir - Input nomor HP utama Klik Search Aplikasi akan mengirim permintaan pencarian data transaksi ke server dan menerima respon dari server Hasil yang Didapat Aplikasi menerima respon daftar transaksi dari server Kesimpulan Diterima 64
Tabel 5.4 Pengujian Fitur Deposit List Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Diharapkan. U-Deposit Pengujian - Pilih tanggal Klik Search Aplikasi akan List pencarian data awal mengirim deposit - Pilih tanggal permintaan akhir pencarian data deposit ke server dan menerima respon dari server Hasil yang Didapat Aplikasi menerima respon daftar deposit dari server Kesimpulan Diterima 65
Tabel 5.5 Pengujian Fitur Product List Identifikasi Deskripsi Prosedur Pengujian Masukkan Keluaran yang Diharapkan. U-Product Pengujian jika - Pilih produk Klik inject Aplikasi akan List input transaksi mengirim baru permintaan daftar harga produk ke server dan menerima respon dari server Hasil yang Didapat Aplikasi menerima respon dari server Kesimpulan Diterima 66
67 5.5 Pengujian Sistem Pengujian dilakukan dengan menggunakan metode pengujian white box. 5.5. 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).. Pengujian Login Login adalah tampilan awal ketika aplikasi klien dijalankan. Gambar 5.9 Pengujian Login Desktop
68 Gambar 5.20 Pengujian Login Web Gambar 5.2 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
7 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.3 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 September 205 sampai dengan tanggal 5 September 205, 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.4 Pengujian Menu Deposit List Web
79 Gambar 5.42 Pengujian Menu Deposit List Android Pada gambar diatas, user mencari daftar deposit antara tanggal Agustus 205 sampai dengan tanggal 5 Agustus 205, 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
8 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