BAB III PEMBAHASAN. pembayaran, serta menu transaksi untuk pengajuan cicilan.

(1)

37

PEMBAHASAN

3.1. Analisa Kebutuhan

A. Kebutuhan User (pengguna)

Adapun dalam website yang dirancang ini penulis membagi kedalam tiga

user (pengguna), diantaranya :

1. Pengunjung

Didalam menu ini, pengunjung hanya dapat melihat informasi mengenai katalog produk yang didalamnya menerangkan tipe produk beserta harga, syarat dan ketentuan, juga panduan mengenai cara cara pengajuan, cara pembayaran, serta menu transaksi untuk pengajuan cicilan.

2. Customer

Customer dalam hal ini ialah pengunjung yang mengajukan cicilan produk dan di approve, selanjutnya disediakan menu khusus cutomer yang ketika masuk kedalam menu customer tersedia menu untuk menampilkan informasi cicilan dari produk yang dipilih beserta tanggal jatuh tempo dan hitungan denda bila terlambat, serta menu konfirmasi pembayaran yang selanjutnya dicetak untuk bukti telah melakukan pembayaran.

3. Admin

Untuk menu admin sendiri, administrator mempunyai hak akses penuh untuk mengelola konten didalam website diantaranya mengelola informasi, menambah, edit, hapus produk, menghapus data customer, menyetuji dan

(2)

menghapus data pengajuan cicilan, mengahpus data testimoni pengunjung

website.

B. Kebutuhan Sistem

Dalam permasalahan ini penulis memberikan sebuah solusi dengan membuat website penjualan handphone kredit secara online, utuk para konsumen yang ingin membeli handphone secara kredit sistem dapat menampilkan katalog produk beserta detailnya yang selanjutnya web menyediakan halamanan untuk transaksi pengajuan kredit. Umtuk setiap pengajuan cicilan yang di approve web menyediakan halaman untuk konfirmasi pembayaran berdasarkan jumlah angsuran dengan cara mengupload bukti transfer pembayaran.

3.2. Perancangan Perangankat Lunak 3.2.1. Rancangan Antar Muka

1. Rancangan Antar Muka Halaman Beranda

Gambar III.1.

(3)

2. Rancangan Antar Muka Produk Barang

Gambar III.2.

Antar Muka Halaman Produk Barang

3. Rancangan Antar Muka Input Data Customer

Gambar III.3.

(4)

4. Rancangan Antar Muka Input Data Pengajuan Kredit

Gambar III.4.

Antar Muka Halaman Input Data Pengajuan Kredit

5. Rancangan Antar Muka Login Customer

Gambar III.5.

(5)

6. Rancangan Antar Muka halaman utama Menu Customer

Gambar III.6.

Antar Muka Halaman Utama Customer

7. Rancangan Antar Muka Data Pengajuan

Gambar III.7.

(6)

8. Rancangan Antar Muka Halaman Pembayaran

Gambar III.8.

Antar Muka Halaman Pembayaran

9. Rancangan Antar Muka Halaman Data Pembayaran

Gambar III.9.

(7)

10. Rancangan Antar Muka Halaman Login Admin

Gambar III.10.

Antar Muka Halaman Data Barang

11. Rancangan Antar Muka Halaman Utama Menu Admin

Gambar III.11.

(8)

12. Rancangan Antar Muka Halaman Input Cicilan

Gambar III.12.

Antar Muka Halaman Input Cicilan

13. Rancangan Antar Muka Halaman Input Cicilan

Gambar III.13.

(9)

14. Rancangan Antar Muka Halaman Input Kategori

Gambar III.14.

Antar Muka Halaman Input Kategori

15. Rancangan Antar Muka Halaman Input Barang

Gambar III.15.

(10)

16. Rancangan Antar Muka Halaman Data Customer

Gambar III.16.

Antar Muka Halaman Data Customer

17. Rancangan Antar Muka Halaman Data Barang

Gambar III.17.

(11)

18. Rancangan Antar Muka Halaman Data Pengajuan

Gambar III.18.

Antar Muka Halaman Data Pengajuan

19. Rancangan Antar Muka Halaman Data Pembayaran

Gambar III.19.

(12)

3.2.2. Rancangan Basis Data

1. ERD (Entity Relationship Diagram)

Gambar III.20.

(13)

2. LRS (Logical Record Structure) id_customer nama tempat_lhr tgl_lhr bln thn jk pekerjaan alamat no_ktp no_tlp email foto customer id_pengajuan tgl_pengajuan id_customer id_barang byk_barang id_cicilan cicilan_pokok bunga_perbulan cicilan_perbulan ttl_harga foto_ktp foto_dokumen angsuran_perbulan pengajuan id_bayar tgl_bayar id_pengajuan ttl_harga bayar_bln sisa_cicil sisa_angsuran tgl_tagihan denda ttl_denda keterangan pembayaran id_barang tipe id_kategori detail warna stok harga gambar barang id_kategori nm_kategori merk kategori id_cicilan lama_cicil bunga besaran jml_cicilan cicilan 1 ₁ 1 1 1 1 1 M M M Gambar III.21.

(14)

3. Spesifikasi File

Website yang penulis buat mempunyai database yang berfungsi untuk

menyimpan semua data yang ada di dalam website tersebut. Dalam pembuatan

website ini penulis membuat satu database dengan 8 table yang terdiri dari table

admin, table customer, table kategori, table barang table cicilan, table pengajuan,

table pembayaran, dan table testimoni. Adapun spesifikasi file-file dari database website tersebut antara lain:

A. Spesifikasi File Admin

Nama Database : hpkredit

Akronim : admin

Fungsi : Untuk menyimpan data admin

Type File : File Master

Organisasi File : Index Sequential

Akses File : Random

Panjang Record : 71 karakter

Media : HardDisk

Field Key : id_adm

Software : MySQL

Tabel III.1

Spesifikasi File Admin

No Elemen Data Nama Field Type Size Ket

1 id_adm id_adm Int 11 Primary Key

2 nm_adm nm_adm Varchar 30

(15)

4 password Password Varchar 15

B. Spesifikasi File Customer

Akronim : customer

Fungsi :Untuk menyimpan data customer

Organisasi File : Index sequential

Panjang Record : 435 karakter

Media : HardDisk

Field Key : id_customer

Software : MySQL

Tabel III.2

Spesifikasi File Customer

No Elemen Data Nama Field Type Size Ket 1 id_customer id_customer Varchar 20 Primary Key

2 nama nama Varchar 30

3 jk jk Varchar 15

4 tmpt_lhr tmpt_lhr Varchar 30

5 tgl_lhr tgl_lhr Varchar 5

6 bln bln Varchar 15

7 thn thn Varchar 5

8 alamat alamat Varchar 200

(16)

10 no_tlp no_tlp Varchar 15

11 email email Varchar 30

12 pekerjaan pekerjaan Varchar 30

13 foto foto Varchar 30

C. Spesifikasi File Kategori

Akronim : kategori

Fungsi : Menyimpan Data kategori barang

Media : HardDisk

Field Key : id_kategori

Software : MySQL

Tabel III.3

Spesifikasi File Kategori

No Elemen Data Nama Field Type Size Ket 1 id_kategori no_kategori Int 11 Primary Key

2 kd_kategori kd_kategori Varchar 15 3 nm_kategori nm_kategori Varchar 20

(17)

D. Spesifikasi File Barang

Akronim : barang

Fungsi : Menyimpan Data barang

Media : HardDisk

Field Key : id_brg

Software : MySQL

Tabel III.4 Spesifikasi File Barang

1 id_brg id_brg Integer 11 Primary Key

2 tipe nama_brg Varchar 20

3 id_kategori no_kategori Integer 11 Foreign Key

4 detail detail Varchar 100

5 warna warna Varchar 20

6 stok stok Integer 11

7 harga harga double

(18)

E. Spesifikasi File Cicilan

Akronim : cicilan

Fungsi : Menyimpan Data Besar Pilihan Cicilan

Media : HardDisk

Field Key : id_cicilan

Software : MySQL

Tabel III.5 Spesifikasi File Cicilan

No Elemen Data Nama Field Type Size Ket 1 id_cicilan id_cicilan Integer 11 Primary Key

2 lama_cicil lama_cicil Integer 11

3 bunga bunga Varchar 15

4 besaran besaran float

5 jml_cicilan jml_cicil Integer 11

F. Spesifikasi File Pengajuan

Akronim : pengajuan

Fungsi : Menyimpan Data pengajuan kredit

(19)

Media : HardDisk

Field Key : id_pengajuan

Software : MySQL

Tabel III.6

Spesifikasi File Pengajuan

1 id_pengajuan id_pengajuan Varchar 20 Primary Key

2 tgl_pengajuan tgl_pengajuan timestamp 3 id_customer id_customer Varchar 20

4 id_barang id_barang Integer 11

5 byk_barang byk_barang Integer 11

6 id_cicilan id_cicilan Integer 11

7 cicilan_pokok cicilan_pokok double 8 bunga_perbulan bunga_perbulan double 9 cicilan_perbulan cicilan_perbulan double

10 ttl_harga ttl_harga double

11 foto_ktp foto_ktp Varchar 30

12 foto_dokumen foto_dokumen Varchar 30 13 angsuran_perbulan angsuran_perbulan double

(20)

G. Spesifikasi File Pembayaran

Akronim : pembayaran

Fungsi : Menyimpan Data pembayaran

Type File : File Transaksi

Media : HardDisk

Field Key : id_bayar

Software : MySQL

Tabel III.7

Spesifikasi File Pembayaran

No Elemen Data Nama Field Type Size Ket 1 id_bayar id_bayar Integer 11 Primary Key

2 tgl_bayar tgl_bayar l Timestamp

3 id_pengajuan id_pengajuan Varchar 20 Foreign Key

4 ttl_harga ttl_harga double

5 bayar_bln bayar_bln Integer 11 6 sisa_cicil sisa_cicil Integer 11 7 sisa_angsuran sisa_angsuran double

8 tgl_tagihan tgl_tagihan date

(21)

10 ttl_denda ttl_denda Integer 11 11 keterangan keterangan Varchar 15

3.2.3. Rancangan Struktur Navigasi A. Rancangan Navigasi Pengguna (User)

index Beranda Pertanyaan Umum Panduan Cara Pengajuan Cara Pembayaran Syarat&Keten tuan Produk HUBUNGI

KAMI Testimoni Layanan

Cek Pengajuan Samsung Asus Vivo Oppo Gambar III.22. Struktur Navigasi User

(22)

B. Rancangan Navigasi Admin index Beranda Input Data Input Cicilan Input Kategori Kelola Data Data Customer Data Barang Kelola Testimoni Input Barang Data Pengajuan Pembayaran Keluar Edit Hapus Edit Hapus Hapus Hapus Hapus Edit Hapus Edit Hapus Gambar III.23. Struktur Navigasi Admin

C. Rancangan Navigasi Customer

index Beranda Data Diri Data Pengajuan Pembayaran

Keluar Data Diri

Detail Tagihan Bayar Tagihan

Gambar III.24. Struktur Navigasi Customer

(23)

3.3. Implementasi dan Pengujian Unit 3.3. 1. Implementasi

A. Implementasi Rancangan Antar Muka 1. Halaman Beranda Gambar III.25. Halaman Beranda 2. Halaman Produk Gambar III.26. Halaman Produk

(24)

3. Halaman Isi Data Diri

Gambar III.27. Halaman Isi Data Diri

4. Halaman Pengajuan Kredit

Gambar III.28. Halaman Pengajuan Kredit

(25)

5. Halaman Beranda Customer

Gambar III.29.

Halaman Beranda Customer

6. Halaman Data Pengajuan

Gambar III.30. Halaman Data Pengajuan

(26)

7. Halaman Pembayaran

Gambar III.31. Halaman Pembayaran

8. Halaman Data Pembayaran

Gambar III.32. Halaman Data Pembayaran

(27)

9. Halaman Login Admin

Gambar III.33. Halaman Login Admin

10. Halaman Beranda Admin

Gambar III.34. Halaman Beranda Admin

(28)

11. Halaman Input Cicilan

Gambar III.35. Halaman Input Cicilan

12. Halaman Input Kategori Barang

Gambar III.36. Halaman Input Cicilan

(29)

13. Halaman Input Barang

Gambar III.37. Halaman Input Barang

14. Halaman Data Customer

Gambar III.38. Halaman Input Barang

(30)

15. Halaman Data Barang

Gambar III.39. Halaman Data Barang

16. Halaman Data Pengajuan

Gambar III.40. Halaman Data Pengajuan

(31)

17. Halaman Data Pembayaran

Gambar III.41. Halaman Data Pembayaran

18. Halaman Kelola Testimoni

Gambar III.42. Halaman Kelola Testimoni

(32)

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website uji kendaraan. 1. Spesifikasi Perangkat Keras

a. Server 1) CPU

(a) Processor Intel® Core i3 (b) RAM DDR2 4 GB

(c) Hard Disk 1TB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet degan kecepatan 2 Mbps

b. Client 1) CPU

(a) Processor Intel ® Core i3 (b) RAM DDR2 2 GB

(c) Hard Disk 500GB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 2 Mbps

(33)

2. Spesifikasi Perangkat Lunak a. Server

1) Sistem Operasi menggunakan Microst Wondows.

2) Aplikasi bundle web server, menggunakan XAMPP, yang terdiri dari beberapa komponen, diantaranya :

(a) Apache Server v3 (b) PHP Server v3 (c) MySQL Server v5 (d) phpMyAdmin v3

3) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google

Chrome, Opera.

b. Client

1) Sistem Operasi menggunakan Microst Wondows.

2) Aplikasi Web Browser seperti Internet Explorer, Mozilla Firefox, Google

(34)

3.3.2. Pengujian Unit

1. Pengujian terhadap Form login admin

Tabel III.8

Hasil Pengujian Black Box Testing Halaman Login Admin

No. Skenario

Pengujian Test Case

Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 Username dan password tidak diisi kemudian klik tombol login Username : (kosong) Password : (kosong) Sistem akan menolak akses user dan menampilka n halaman gagal login Sesuai harapan Valid 2 Mengetikan username dan password tidak diisi atau kosong kemudian klik tombol login Username : adang123 Password : (kosong) Sistem akan menolak akses user dan menampilka n halaman gagal login Sesuai harapan Valid 3 Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username : (kosong) Password : 12345 Sistem akan menolak akses user dan menampilka n halaman gagal login Sesuai harapan Valid 4 Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol login Username : adang123 (benar) Password : 11111 (salah) Sistem akan menolak akses user dan menampilka n halaman gagal login Sesuai harapan Valid

(35)

5 Mengetikan username dan password dengan data yang benar kemudian klik tombol login Username : adang123 Password : 12345 Sistem Menerima akses login dan kemudian langsung menampilka n menu utama admin. Sesuai harapan Valid

2. Pengujian terhadap Halaman Input Kategori

Tabel III.9

Hasil Pengujian Black Box Testing Halaman Input Kategori

No. Skenario

Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Nama Kategori, Merk (kosong) kemudian klik tombol simpan. Nama Kategori: (kosong) Merk : (kosong) Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada kesalahan dalam pengisian data” Sesuai harapan valid 2. Mengetikkan Nama Kategori diisi,Merk tidak diisi (kosong) kemudian klik tombol simpan Nama Kategori: sgh Merk : (kosong) Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada kesalahan dalam pengisian Sesuai harapan valid

(36)

data” 3 Mengetikan Nama Kategori,Me rk kemudian klik tombol simpan Nama Kategori: sgh Merk : Samsung Sistem menerima perintah penyimpana n data,memun culkan konfirmasi teks “Input Data Kategori Berhasil Disimpan” Sesuai harapan valid

3. Pengujian terhadap Halaman Input Barang

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Input Barang

No. Skenario

Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Tipe, Detail, Warna, Stok, Harga (kosong) kemudian klik tombol simpan. Tipe: (kosong) Detail : (kosong) Warna : (kosong) Stok : (kosong) Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada kesalahan dalam pengisian data” Sesuai harapan valid 2. Mengetikkan Tipe, Detail, Warna, Stok, Harga tidak diisi (kosong) kemudian Tipe : J7 Prime Detail : (kosong) Warna : Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada Sesuai harapan valid

(37)

klik tombol simpan (kosong) Stok : (kosong) Harga : (kosong) kesalahan dalam pengisian data” 3 Mengetikan Tipe, Detail, Warna, Stok, Harga kemudian klik tombol simpan Tipe : J7 Prime Detail : GSM / HSPA / LTE Corning Gorilla Glass Warna : Putih Stok : 10 Harga : 2900000 Sistem menerima perintah penyimpana n data,memun culkan konfirmasi teks “Input Data Barang Berhasil Disimpan” Sesuai harapan valid

4. Pengujian terhadap Halaman Isi Data Diri

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Isi Data Diri

N.o Skenario

Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Nama,Temp at Lahir, Alamat, Nomor KTP, Nomor Nama : (kosong) Tempat Lahir : Sistem akan menolak menyimpan data dan menampilka n validasi Sesuai harapan valid

(38)

Telpon, email tidak diisi (kosong) kemudian klik tombol simpan. (kosong) Alamat : (kosong) Nomor KTP : (kosong) Nomor Telpon : (kosong) email (kosong) teks “Ada kesalahan dalam pengisian data” 2. Mengetikka n Nama,Temp at Lahir, Alamat, Nomor KTP, Nomor Telpon, email tidak diisi (kosong) kemudian klik tombol simpan. Nama : Adang Tempat Lahir : (kosong) Alamat : (kosong) Nomor KTP : (kosong) Nomor Telpon : (kosong) email (kosong) Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada kesalahan dalam pengisian data” Sesuai harapan valid 3 Mengetikka n Nama,Temp at Lahir, Alamat, Nomor KTP, Nama : Adang Tempat Lahir : Sistem akan menolak menyimpan data dan menampilka n validasi teks “Ada Sesuai harapan valid

(39)

Nomor Telpon, email diisi dengan sembarang kemudian klik tombol simpan. Karawang Alamat : Cikampek Nomor KTP : 3215130703 930004 Nomor Telpon : 0818095961 58 email email kesalahan dalam pengisian data” – Alamat email tidak valid. 4 Mengetikka n Nama,Temp at Lahir, Alamat, Nomor KTP, Nomor Telpon, email diisi dengan benar kemudian klik tombol simpan. Nama : Adang Tempat Lahir : Karawang Alamat : Cikampek Nomor KTP : 3215130703 930004 Nomor Telpon : 0818095961 58 email adang.abdul @gmail.co m Sistem menerima perintah penyimpana n data,memun culkan konfirmasi teks “Data Pengajuan Kredit Anda Berhasil Disimpan”. Sesuai harapan valid