BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Implementasi

4.1

Implementasi diterapkan dengan maksud agar sistem yang telah dibuat dapat berjalan secara efisien, efektif dan dapat membantu kebutuhan user maupun kebutuhan pihak manajemen dalam membantu berjalannya pembukaan program produk hadiah tabungan di PT Bank OCBC NISP

4.1.1

Kebutuhan Sistem Dalam mengoperasaikan aplikasi sistem informasi Gift Reward Saving

Account dibutuhkan beberapa persyaratan hardware, software, dan brainware. Aplikasi sistem tersebut akan berjalan dengan baik jika hardware, software, dan brainware yang ada setara atau melebihi persyaratan minimum seperti yang tercantum sebagai berikut : 1. Hardware

Perangkat keras yang direkomendasikan adalah 1. Processor Core i3 2. RAM 2 GB 3. Monitor 14 inchi 4. Hardisk 250 GB 2. Software

Spesifikasi software yang direkomendasikan adalah sebagai berikut 1. Sistem operasi yang digunakan adalah windows 7 2. Pemograman PHP version 5.4.4. 3. Program aplikasi database yang digunakan adalah mySQL versi 5.5.25. 4. Web Browser, Firefox, Google Chrome, Opera.

1 http://digilib.mercubuana.ac.id/

2

3. Brainware

Brainware adalah setiap orang yang terlibat dalam kegiatan pemanfaatan komputer atau sistem pengolahan data. Brainware merupakan sumber daya inspirasi utama bagi terbentuknya suatu sistem komputer. Untuk menjalankan aplikasi sistem informasi Gift Reward Saving Account berbasisi Website di PT Bank OCBC NISP dibutuhkan user yang minimal dapat membaca dan menguasai penggunaan perangkat komputer.

4.1.2 Tampilan Antar Muka Halaman Login 1.

Gambar 4. 1 Halaman Login Halaman ini adalah halaman yang pertama kali untuk login ke menu Aplikasi Gift Reward Saving Account. Ada tiga kategori grub user login yaitu sebagai admin, user dan Supervisor.

http://digilib.mercubuana.ac.id/

3

2.

Halaman Menu Utama Admin

Gambar 4. 2 Halaman Menu Utama Admin

Halaman menu ini adalah Halaman menu admin dimana pada saat login pertama kali menggunakan user sebagai admin , maka halaman tersebut adalah tampilan pertama kali sebagai halaman inti menu admin. Menu Admin terdiri dari beberapa pilihan menu yaitu Report, Cabang, Nasabah, Katalog Hadiah, dan User. a.

Menu Report Untuk melihat data report penginputan data pembukaan program hadiah

dapat mengklik menu Report. Tampilan awal menu Report dapat dilihat pada gambar dibawah.

Gambar 4. 3 Halaman Menu Report

http://digilib.mercubuana.ac.id/

4

Admin dapat melihat masing-masing report dari program product hadiah yang ada dengan mengklik pilihan daftar program produk hadiah, misal untuk melihat report data program hadian Tanda 360, maka klik Report Tanda 360 maka akan tampil pada gambar dibawah ini.

Gambar 4. 4 Halaman Report Program Produk Tanda 360

Untuk menarik atau download report program produk Tanda 360 maka dapat mengklik export Excel dan akan tampil pengisian untuk filter berdasarkan tanggal pembukaan program hadiah dengan Tampilan menu seperti dibawah ini.

Gambar 4. 5 Halaman Download Report Program Tanda 360

http://digilib.mercubuana.ac.id/

5

b.

Menu Cabang Untuk melakukan penambahan atau perubahan data Cabang, admin dapat

memilih menu cabang. Tampilan awal menu cabang dapat dilihat pada gambar berikut.

Gambar 4. 6 Halaman Menu Cabang

Admin dapat melakukan perubahan data cabang dengan mengklik tombol Edit maka akan tampil menu pengubahan data cabang dengan tampilan sebagai berikut

Gambar 4. 7 Halaman Menu Edit cabang

http://digilib.mercubuana.ac.id/

6

Admin dapat melakukan penambahan daftar cabang baru dengan mengklik Tombol Tambah Cabang , maka akan muncul data pengisian cabang baru dengan tampilan sebagai berikut.

Gambar 4. 8 Halaman Tambah cabang

c.

Menu Nasabah Menu Nasabah digunakan untuk melakukan penginputan data Nasaabah

baru atau perubahan data nasabah, Menu ini dapat diakses oleh semua Kategori user baik itu admin, user, supervisor. Tampilan menu Nasabah dapat digambarkan sebagai berikut.

Gambar 4. 9 Halaman Nasabah

http://digilib.mercubuana.ac.id/

7

Untuk melakukan penambahan data nasabah baru dapat mengklik tombol tambah nasabah, maka akan tampil pengisian data nasabah beru seperti pada gambar berikut.

Gambar 4. 10 Halaman Tambah Nasabah

Untuk melakukan perubahan data Nasabah dapat mengklik tombol edit, kemudian akan tampil form perubahan data nasabah seperti pada tampilan berikut ini.

Gambar 4. 11 Halaman Edit Nasabah

http://digilib.mercubuana.ac.id/

8

d.

Menu Katalog Hadiah Admin dapat melakukan penginputan atau maintenance data Katalog

Hadiah program produk hadiah pada menu Katalog Hadiah dengan Tampilan awal sebagai berikut.

Gambar 4. 12 Halaman Katalog Hadiah Admin dapat melakukan penambahan data katalog hadiah masing-masing program produk hadiah dengan mengklik pilihan daftar program hadiah, misalnya admin akan menambahkan data katalog hadiah program Taka hadiah maka klik daftar hadiah Taka kemudian akan tampil halaman seperti dibawah ini.

Gambar 4. 13 Halaman Katalog Hadiah Taka

http://digilib.mercubuana.ac.id/

9

Untuk melakukan penambahan input data katalog hadiah Taka dapat mengklik Tambah Hadiah maka akan tampil halaman sebagai berikut.

Gambar 4. 14 Halaman Tambah Hadiah Taka

Untuk melakukan perubahan data Katalog Taka dapat mengklik tombol edit kemudian akan tampil form perubahan data katalog Taka dengan tampilan seabagai berikut.

Gambar 4. 15 Tampilan Halaman Edit Hadiah Taka

http://digilib.mercubuana.ac.id/

10

e.

Menu Akses User Admin dapat melakukan kelola data user yang dapat mengakses aplikasi

dengan mengontrol melalui menu user , admin dapat melakukan penambahan atau perubahan daftar user dengan tampilan halaman awal sebagai berikut.

Gambar 4. 16 Tampilan Halaman Akses User

Admin dapat melakukan penambahan user baru dengan mengklik tombol New User, kemudian akan tampil halaman penginputan data user sebagai berikut.

Gambar 4. 17 Tampilan Tambah Akses User

http://digilib.mercubuana.ac.id/

11

Untuk melakukan perubahan data user, admin dapat melakukan perubahan dengan mengklik tombol Edit, maka akan tampil form perubahan data user

sebagai

berikut.

Gambar 4. 18 Halaman Edit Akses User

3.

Halaman Menu Utama User Halaman menu Utaman User adalah halaman awal ketika login

menggunakan akses sebagai user. Berikut tampilan awal halaman utama menu user.

Gambar 4. 19 Halaman Menu Utama User

http://digilib.mercubuana.ac.id/

12

Beberapa pilihan menu yang ada di user antar lain menu Nasabah, Transaksi Hadiah, dan cek poin. a.

Menu Nasabah

Gambar 4. 20 Halaman Menu Nasabah pada User

b.

Menu Transaksi Hadiah Menu Transaksi Hadiah digunakan oleh user untuk melakukan

penginputan pembukaan program produk hadiah. Berikut tampilan menu transaksi hadiah sebagai berikut.

Gambar 4. 21 Halaman Menu Transaksi Hadiah

http://digilib.mercubuana.ac.id/

13

User dapat melakukan penginputan data pembukaan program hadiah dengan cara memilih pilihan daftar menu program hadiah yang akan diinput, misalnya User akan menginput pembukaan program produk hadiah Taka, maka klik tombol pilihan menu Program Hadiah Taka. Selanjutnya akan tampil halaman sebagai berikut

Gambar 4. 22 Halaman Transaksi Hadiah Taka

Untuk Melakukan penginputan penambahan data transaksi pembukaan program hadiah dapat mengklik Tambah hadiah Taka, makan akan tampil halaman penginputan prmbukaan program taka hadiah sebagai berikut.

Gambar 4. 23 Halaman Input Transaksi Program Hadiah Taka

http://digilib.mercubuana.ac.id/

14

c.

Cek Poin User dapat melakukan pengecekan jumlah poin yang dimiliki oleh

nasabah. Untuk melihat jumlah poin yang dimiliki oleh nasabah dapat mengklik menu Cek poin maka akan tampil halaman sebagai berikut.

Gambar 4. 24 Halaman Cek Poin pada User 4.

Halaman Menu Utama Supervisor Halaman Menu Utama Supervisor adalah tampilan halaman awal ketika

melakukan login menggukan user akses sebagai Supervisor . Berikut tampilan awal menu utama supervisor.

Gambar 4. 25 Halaman Menu Utama Supervisor

http://digilib.mercubuana.ac.id/

15

Pada menu utama supervisor ada pilihan daftar menu yang tersedia yaitu salah satunya adalah menu Transaksi hadih untuk otorisasi penginputan yang dilakukan oleh user. Supervisor dapat melakukan otorisasi atau approval penginputan Transaksi program produk hadiah dengan mengklik menu Transaksi Hadiah. Berikut tampilan halamannya pada gambar berikut ini.

Gambar 4. 26 Halaman Transaksi Hadiah Pada Menu Supervisor. Supervisor dapat melakukan otorisasi penginputan pembukaan program produk hadiah dengan memilih daftar program hadiah yang tersedia, misalnya Supervisor akan melakukan otorisasi untuk penginputan hadiah penukaran poin maka dapat mengklik pilihan Program hadiah Point. Berikut tampilan halaman pada gambar dibawah ini.

Gambar 4. 27 Tampilan Halaman Transaksi Hadiah Program Hadiah Point

http://digilib.mercubuana.ac.id/

16

4.2

Tahap Pengujian Pada bagian ini akan dijelaskan mengenai pengujian terhadap aplikasi

Sistem Informasi Gift Reward Saving Account yang telah dibangun. Pengujian menggunakan metode pengujian Black Box yang dilakukan sebelum aplikasi digunakan oleh pengguna dengan tujuan untuk menguji aplikasi secara keseluruhan sehingga dapat diketahui bahwa aplikasi telah sesuai dengan kebutuhan. 4.2.1

Skenario Pengujian Menu dan Fungsi Skenario pengujian menu dan fungsi pada aplikasi sistem informasi gift

reward saving account diuraikan pada tabel berikut ini: Tabel 4. 1 Pengujian Pada Halaman Login No 1

Deskripsi Fungsional Halaman Login

Skenario Pengujian

Kasus Uji

Pengujian username dan password untuk admin.

Normal :

Pengujian username dan password untuk admin.

Normal :

Username : admin Password :adin

Username : admin Password :1111111

http://digilib.mercubuana.ac.id/

Hasil Yang Harapkan

Hasil

Berhasil masuk ke Sukses aplikasi dan menampilkan halaman utama admin Aplikasi tetap berada pada halaman login dan menampilkan pesan “The User could not be found. Please, Check user and Password”

Sukses

17

Tabel 4. 2 Pengujian Pada Halaman Admin No 1

2

Deskripsi Fungsional Halaman Tambah User

Halaman Cabang

Skenario Pengujian

Test Case

Hasil Yang Harapkan

Hasil

Menambahk Mengklik tombol new an User user lalu isis data user dan klik tombol; “ submit”

Sukses Sistem berhasil menambahkan data user dan menampilkan data user yang sudah ditambahkan

Menghapus data user

Memilih salah satu data user, lalu mengklik tombol ‘Hapus, lalu pilih ‘Ok’.

S Sistem akan menampilkan pesan “Are You Sure You want to delete” kemuidian Ok, maka data user terhapus

Sukses

Melakukan perubah data user

Memilih salah satu data user , lalu klik tombol “edit” kemudian ubah data dan klik tombol “submit”

Sistem akan menyimpan berubahan data dan menampilkan data user yang sudah dilakukan perubahan.

Sukses

Menambah Menambah data data Cabang Cabang dengan isian benar dan setelah itu Klik tombol “submit”

Sistem akan menampilkan data cabang yang sudah di tambahkan.

Sukses

Menghapus data Cabang yang dipilih.

Sistem akan menampilkan pesan “Are You Sure You want to delete” kemuidian Ok, maka data terhapus

Sukses

Memilih salah satu data Cabang, lalu mengklik tombol ‘Hapus, lalu pilih ‘Ok’.

http://digilib.mercubuana.ac.id/

18

3

Halaman Katalog hadiah

Melakukan perubahan data Cabang yang dipilih

Memilih salah satu data cabang , lalu klik tombol “edit” kemudian ubah data dan klik tombol “submit”

Sistem akan menyimpan berubahan data dan menampilkan data Cabang yang sudah dilakukan perubahan.

Sukses

Menambahk an data Katalog Hadiah

Memilih Tambah hadiah yang akan ditambahkan lalu isi data kemudian klik tombol ”Submit”

Sistem akan menampilkan data katalog hadiah yang sudah ditambahkan.

Sukses

Menghapus data Katalog Hadiah

Memilih salah satu data Katalog Hadiah, lalu mengklik tombol ‘Hapus, lalu pilih ‘Ok’.

Sistem akan menampilkan pesan “Are You Sure You want to delete” kemuidian Ok, maka data terhapus

Sukses

Melakukan perubahan data Katalog Hadiah

Memilih salah satu data Katalog Hadiah , lalu klik tombol “edit” kemudian ubah data dan klik tombol “submit”

Sistem akan menyimpan berubahan data dan menampilkan data Katalog Hadiah yang sudah dilakukan perubahan.

Sukses

Tabel 4. 3 Pengujian Pada Halaman User No 1

Deskripsi Fungsional Halaman Transaksi Hadiah

Skenario Pengujian Menambahkan data transaksi hadiah

Test Case Mengklik Tambah Hadiah kemudian mengisi data nasabah dan data program hadiah kemudian klik submit

http://digilib.mercubuana.ac.id/

Hasil Yang Harapkan

Hasil

Sistem menampilkan transaksi data Pembukaan program hadiah nasabah yang sudah di tambahkan

Sukses

19

2

Halaman Cek Poin

Menghapus data penginputan transaksi Hadiah

Klik tombol delete yang ada di sebelah kanan data yang akan dihapus

Sistem akan menampilkan pesan “Are You Sure You want to delete” kemudian klik Ok, maka data terhapus

Sukses

Melakukan Perubahan data penginputan transaksi hadiah

Klik tombol Edit yang ada disebelah kanan data yang akan diubah kemudian ubah data dan klik tombol submit

Sistem akan menyimpan berubahan data dan menampilkan data penginputan transaksi Program hadiah yang sudah dilakukan perubahan

Sukses

Cek jumlah poin nasabah

Input nomor CIF nasabah lalu klik tombol “cari”

Sistem menampilkan data jumlah poin yang dimiliki nasabah

Sukses

Tabel 4. 4 Pengujian Pada Halaman Supervisor

No

Deskripsi Fungsional

Skenario Pengujian

Kasus Uji

Hasil Yang Harapkan

Hasil

1

Halaman Transaksi Hadiah

Approval Otorisasi Penginputan Transaksi Program Hadiah

Klik tombol “Approve” di sebelah kanan data penginputan yang akan dilakukan otorisasi

Sistem Akan memvalidasi otorisasi penginputan dan akan menyimpannya ke report database

Sukses

Reject penginputan Transaksi Program Hadiah

Klik tombol “ Reject” di sebelah kanan data penginputan yang akan dilakukan otorisasi

Sistem akan menghapus daftar antrian data yang akan di otorisasi

Sukses

http://digilib.mercubuana.ac.id/