BAB III PEMBAHASAN. a. Admin dapat menggati detail informasi toko. c. Admin dapat menambahkan, mengedit, menghapus produk

(1)

20

PEMBAHASAN

3.1 Analisa Kebutuhan A. Kebutuhan Pengguna

1. Administrator

a. Admin dapat menggati detail informasi toko b. Admin dapat menggati logo toko

c. Admin dapat menambahkan, mengedit, menghapus produk d. Admin dapat melihat order dari pembeli

e. Admin dapat melihat konsumen yang sudah melakukan pembayarans f. Admin dapat mencetak laporan transaksi bulanan atau tahunan g. Admin dapat merubah password admin

2. Pengunjung

a. Pengunjung hanya dapat melihat produk yang ditawarkan

b. Pengunjung hanya mendapatkan informasi produk seperti gambar, nama, detail dan harga produk

2. Member

a. Member mengisi data member untuk membuat akun b. Member dapat melihat produk serta detail produk

c. Member dapat membeli barang dan mengisi alamat pengiriman setelah selesai pilih beli

d. Member dapat mengisi konfirmasi pembayaran lalu transaksi dapat diproses dan barang akan dikirim ke pembeli

(2)

B. Kebutuhan sistem

Kebutuhan sistem untuk member yaitu menyediakan form pendaftaran bagi pengunjung yang ingin menjadi member, menyediakan layanan untuk Komentar, menyediakan layanan transaksi pembelian, memberikan informasi produk yang dijual.

3.2 Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka

A. Rancangan Antar Muka Login Admin

Login Image Username Password LOGIN ADMIN Login XXXXXX XXXXXXXXXXX Gambar III.1 Rancangan Login Admin

(3)

B. Rancangan Antar Muka Beranda Admin

Gambar III.2

Rancangan Beranda Admin

C. Rancangan Antar Muka Tambah Barang

Gambar III.3

Rancangan Tambah Barang

(4)

Gambar III.4

Rancangan Pendaftaran Pelanggan

E. Rancangan Antar Muka Login Member

Gambar III.5

Rancangan Login Member

(5)

Gambar III.6

Rancangan Form Member

F. Rancangan Antar Muka Keranjang Belanja

Gambar III.7

Rancangan Keranjang Belanja

(6)

KONFIRMASI BELANJA

No Nama Barang Harga (Rp) Jumlah Total (Rp)

Grand Total

xxxxxxxxxxx 000000000 000000000

xxxxxxxxxxx 000000000 000000000 :

xxxxxxxxxx

Simpan & Lanjutkan Transaksi 000 000 000000000 000000000 000000000 Lengkapi Penerimaan Nama Penerima : : : : : : xxxxxxxxxx xxxxxxxxxx Alamat Tujuan Provinsi Tujuan Kota Tujuan Kode Pos No. Telepon xxxxxxxxxx 00000 000000000 Gambar III.8

Rancangan Konfirmasi Belanja

(7)

Gambar III.9

(8)

3.2.2 Rancangan Basis Data

A. Entity Relationship Diagram

Pelanggan kd_pelanggan nm_pelanggan kelamin email No_telepon username password Tgl_daftar Memiliki Admin password Id_admin username Pemesanan no_pemesanan kd_pelanggan tgl_pemesanan Nama_penerima alamat_lengkap kd_provinsi Memiliki provinsi kd_provinsi nm_provinsi Barang kd_barang nm_barang harga_modal harga_jual stok keterangan file_gambar kd_kategori Memiliki Kategori kd_kategori nm_kategori Memiliki Tmp Keranjang id_keranjang kd_barang harga jumlah tanggal kd_pelanggan Pemesanan Item id_pesan no_pemesanan kd_barang harga jumlah Memiliki Konfirmasi id_konfirmasi No_pemesanan nm_pelanggan jumlah_transfer keterangan 1 M M 1 1 M 1 M 1 1 1 Mengelola M 1 Mengelola M 1 Memiliki Gambar III.10

Entity Relationship Diagram

(9)

Pelanggan kd_pelanggan nm_pelanggan kelamin email no_telepon username password tgl_daftar Pemesanan no_pemesanan kd_pelanggan tgl_pemesanan nama_penerima alamat_lengkap kd_provinsi kota kode_pos no_telepon status_bayar Konfirmasi id_konfirmasi no_pemesanan nm_pelanggan jumlah_transfer keterangan tanggal Provinsi kd_provinsi nm_provinsi biaya_kirim Pemesanan Item Id_pemesanan no_pemesanan kd_barang harga jumlah Kategori kd_kategori nm_kategori Tmp_Keranjang Id_keranjang kd_barang harga jumlah tanggal kd_pelanggan Barang kd_barang nm_barang harga_modal harga_jual stok keterangan file_gambar kd_kategori Admin Id_admin username password * * ** * _** ** * ** ** ** * ** ** * * * * 1 M 1 1 1 1 1 1 1 1 1 1 M M Gambar III.11

Logical Relational Structure (LRS)

(10)

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada database refill_oi dengan parameter-parameter sbb:

1. Spesifikasi File Admin

Nama File : admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hardisk

Panjang record : 43

Kunci Field : id

Software : Mysql

Tabel III.1 Spesifikasi File Admin

No. Elemen data Nama Field Tipe Size Ket 1. Id adnmin Id Int 3 Primary Key

2. Username username Varchar 30 3. Password password Varchar 10

2. Spesifikasi File Pelanggan

(11)

Akronim : pelanggan

Fungsi : Untuk menyimpan data pembeli

Media : Hardisk

Panjang record : 141

Kunci Field : kd_pelanggan

Software : Mysql

Tabel III.2

Spesifikasi File Pelanggan

No. Elemen data Nama Field Tipe Size Ket 1. Kode pelanggan kd_pelanggan Int 6 Primary Key

2. Nama pelanggan pelanggan Varchar 30 3. Jenis kelamin Kelamin Varchar

4. Alamat email Email Varchar 50 5. Nomer telepon Telepon Int 15 6. Username username Varchar 20 7. Password password Varchar 20 8. Tanggal daftar tgl_daftar Date -

3. Spesifikasi File Pemesanan

Nama File : pemesanan

(12)

Fungsi : Untuk menyimpan dan memesan barang

Media : Hardisk

Kunci Field : no_pemesanan

Software : Mysql

Tabel III.3

Spesifikasi File Pemesanan

No. Elemen data Nama Field Tipe Size Ket

1. Nomer pemesanan no_pemesanan Char 7 Primary Key

2. Kode pelanggan kd_pelanggan Char 6 Foreign Key

3. Tanggal pemesanan tgl_pemesanan Date -

4. Nama penerima nama_penerima Text

5. alamat_lengkap alamat_lengkap Varchar 50

6. kd_provinsi kd_provinsi Char 3

7. Kota Kota Varchar 30

8. kode_pos kode_pos Int 5

9. no_telepon no_telepon Int 15

10. status_bayar status_bayar Enum -

(13)

Nama File : barang

Akronim : barang

Fungsi : Untuk menyimpan data barang

Media : Hardisk

Kunci Field : kd_barang

Software : Mysql

Tabel III.4 Spesifikasi File Barang

1. Kode barang kd_barang Char 5 Primary Key

2. Nama barang nm_barang Varchar 50

3. Harga modal harga_modal Double

4. Harga jual harga_jual Double

5. Jumlah stok Stok Double

6. keterangan keterangan Text -

(14)

8. Kode kategori kd_kategori Char 4 Foreign Key

5. Spesifikasi File Kategori

Nama File : kategori

Akronim : kategori

Fungsi : Untuk menyimpan dan membedakan jenis – jenis

barang

Media : Hardisk

Panjang record : 34

Kunci Field : kd_kategori

Software : Mysql

Tabel III.5 Spesifikasi File Kategori

1. Kode kategori kd_kategori Char 4 Primary Key

2. Nama kategori nm_kategori Varchar 30

6. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

(15)

Fungsi : Untuk menyimpan data konfirmasi pemesanan

Media : Hardisk

Panjang record : 51

Kunci Field : id

Software : Mysql

Tabel III.6

Spesifikasi File konfirmasi

1. Id konfirmasi Id Int 4 Primary Key

2. Nomer pemesanan no_pemesanan Varchar 5 Foreign Key

3. Nama pelanggan nm_pelanggan Varchar 30

4. Jumlah transfer jumlah_transfer Int 12

5. Keterangan Keterangan Text

6. Tanggal Tanggal Date -

7. Spesifikasi File Pemesanan Item

Nama File : pemesanan item

Akronim : pemesanan item

Fungsi : Untuk menyimpan dan memesan per item

(16)

Media : Hardisk

Panjang record : 32

Kunci Field : id

Software : Mysql

Tabel III.7

Spesifikasi File Pemesan Item

1. Id pemesanan item Id Int 4 Primary Key

2. Nomer pemesanan no_pemesanan Char 8

3. Kode barang kd_barang Char 5

4. Harga harga Int 12

5. Jumlah Jumlah Int 3

8. Spesifikasi File Provinsi

Nama File : provinsi

Akronim : provinsi

Fungsi : Untuk mengetahui daerah pemesanan konsumen

(17)

Panjang record : 65

Kunci Field : kd_provinsi

Software : Mysql

Tabel III.8

Spesifikasi File Provinsi

No. Elemen data nama Field Tipe Size Ket

1. Kode provinsi kd_provinsi Char 3 Primary Key

2. Nama provinsi nm_provinsi Varchar 50

3. Biaya kirim biaya_kirim Int 12

9. Spesifikasi File Tmp Keranjang

Nama File : tmp keranjang

Akronim : tmp keranjang

Fungsi : Untuk menyimpan data pemesanan beli

Media : Hardisk

Panjang record : 32

Kunci Field : id

Software : Mysql

(18)

Spesifikasi File Tmp Keranjang

1. Id tampil keranjang Id Int 4 Primary Key

2. Kode barang kd_barang Char 5 Foreign Key

3. Harga harga Int 5

4. Jumlah jumlah Int 12

5. Tanggal tanggal Date -

(19)

3.2.3 Rancangan Struktur Navigasi

Gambar III.12

(20)

Gambar III.13

(21)

Gambar III.14

Struktur Navigasi Pelanggan

3.3. Implementasi dan Pengujian Unit 3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi elearning berdasarkan hasil

rancangan antar muka

1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan modul-modul yang tersedia Jika login berhasil, maka menu-menu yang sesuai dengan kategori user tersebut akan ditampilkan.

(22)

Gambar III.15

Halaman Login Admin

2. Halaman Home Admin

Di halaman ini administrator dapat menggunakan modul-modul yang telah tersedia. Jika ingin keluar klik logout, maka akan langsung keluar menuju

halaman login admin.

Gambar III.16

Halaman Beranda Admin

(23)

Module ini digunakan untuk melihat dan menambah barang baru yang berisi

kode, nama barang, stok, keterangan barang, stok, harga barang, serta kategori. Jika berhasil ditambahkan maka barang akan bertambah.

Gambar III.17

Halaman Tambah Barang

4. Halaman Edit Barang

Module ini digunakan untuk mengedit rincian barang yang sudah ada Jika

(24)

Gambar III.18

Halaman Edit Barang

5. Halaman Login Member

Pelanggan harus melakukan login terlebih dahulu sebelum melakukan

pembelian barang. Jika berhasil maka pelanggan bisa langsung mengakses halaman pembayaran serta halaman konfirmasi pembayaran.

(25)

Halaman Login Member

6. Halaman Pendaftaran Member

Untuk mendaftar akun, pelanggan harus melakukan pengisian data terlebih dahulu secara lengkap. Jika berhasil maka pelanggan bisa memakai akun yang sudah dibuat.

Gambar III.20

Halaman Pendaftaran Member

7. Halaman Keranjang Belanja

Pada halaman ini pelanggan sudah membeli barang dapat melanjutkan ke proses konfirmasi belanja.

(26)

Gambar III.21

Halaman Keranjang Belanja

8. Halaman Konfirmasi Belanja

Agar pesanan dapat diproses penjual maka customers harus mengisi form konfirmasi pembayaran yang berisi data-data transaksi perbankan. Setelah mengisi data konfirmasi pembayaran tekan Kirim maka akan tampil notifikasi

pemberitahuan bahwa pesanan sedang diproses oleh pembeli.

Gambar III.22

Halaman Konfirmasi Belanja

9. Halaman Daftar Barang

Dihalaman ini pelanggan bisa melakukan pembelian dengan cara menarik gambar produk yang ingin dibeli ke keranjang beranda yang berada di bawah. Setelah itu pelanggan tinggal memilih jumlah pesanan lalu klik Payment untuk menuju proses pemesanan barang.

(27)

Gambar III.23

Halaman Daftar Barang

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan Web Penjualan Sparepart Alat Musik.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Intel(R) Pentium(R) CPU B940 @ 2.00GHz (2 CPUs), ~2.0GHz (b) RAM DDR3 2 GB

(c) Hard Disk 500 GB 2) Mouse

(28)

3) Keyboard

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

b. Client

1) CPU

(a) Intel(R) Pentium(R) CPU B940 @ 2.00GHz (2 CPUs), ~2.0GHz (b) RAM DDR2 2 GB

(c) Hard Disk 200 GB 2) Mouse

3) Keyboard

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

2. Spesifikasi Perangkat Lunak

a. Server

1. Operation System Microsoft Windows 7

2. Web Apache Server, PHP Server, MySQL Server, phpMyAdmin 3. Browser Google Chrome

b. Client

1. Operation System Microsoft Windows 7.

2. Browser Mozilla Firefox , Google Chrome , Opera, Internet Explorer.

3.3.2. Pengujian Unit

Pengujian terhadap web yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

(29)

A. Pengujian Terhadap Form Login Admin

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Login Admin

No .

Skenario pengujian

Test Case Hasil yang

diharapkan Hasil pengujia n Kesimp ulan 1. Username dan password tidak diisi kemudian klik tombol login Username: (kosong) Password: (kosong) Sistem akan menolak akses user dan menampilkan “Data Username dan Data Password tidak boleh kosong!” Sesuai harapan Valid 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik tombol login Username: admin Password: (kosong) Sistem akan menolak akses user dan menampilkan “Data Password tidak boleh kosong !” Sesuai harapan Valid 3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username: (kosong) Password: admin Sistem akan menolak akses user dan menampilkan “Data username tidak boleh kosong!” Sesuai harapan Valid 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol login Username: admin (benar) Password:lig ht (salah) Sistem akan menolak akses user Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol login Username: admin (benar) Password: admin (benar) Sistem menerima akses login dan kemudian langsung menampilkan menu utama Sesuai harapan Valid

(30)

B. Pengujian Terhadap Form Login Member

Tabel III.11

Hasil Pengujian Black Box Testing Halaman Login Member

No .

Skenario pengujian

diharapkan Hasil pengujia n Kesimpulan 1. Username dan password tidak diisi kemudian klik tombol Sign In Username : (kosong) Password: (kosong) Sistem akan menolak akses user dan menampilkan “LOGIN ANDA SALAH Kesalahan input: 1.Data Username kosong,silahka n isi dengan benar 2.Data Password kosong, silahkan isi dengan benar ” Sesuai harapan Valid 2. Mengetikkan username dan pasword tidak diisi atau kosong kemudian klik tombol Sign In Username : yapox Password: (kosong) Sistem akan menolak akses user dan menampilkan “Data Password kosong, silahkan isi dengan benar” Sesuai harapan Valid 3. Username tidak diisi (kosong) Username : (kosong) Sistem akan menolak akses Sesuai harapan Valid

(31)

dan password diisi kemudian klik tombol Sign In Password: yapox user dan menampilkan “Data Username kosong, silahkan isi dengan benar” 4. Mengetikkan salah satu kondisi salah pada username atau password kemudian klik tombol Sign In Username : hasan (benar) Password: april (salah) Sistem akan menolak akses user dan menampilkan “Data Username dan Password yang Anda masukan belum benar” Sesuai harapan Valid 5. Mengetikkan username dan password dengan data yang benar kemudian klik tombol Sign In Username : hasan (benar) Password: bsi (benar) Sistem menerima akses login dan kemudian langsung menampilakan menu utama Sesuai harapan Valid

C. Pengujian Terhadap Form Tambah Data Barang

Tabel III.12

Hasil Pengujian Black Box Testing Halaman Tambah Data Barang

No .

Skenario pengujian

diharapkan

Hasil pengujian

Kesimp ulan

(32)

1. Nama barang, Harga, Stok,Gambar, Keterangan, Kategori tidak diisi kemudian klik tombol simpan Nama barang: (kosong) Harga: (kosong) Stok: (kosong) Gambar: (kosong) Keterangan: (kosong) Kategori: (kosong) Sistem akan menolak menyimpan data dan menampilkan “Nama Barang, Harga, Stok,Gambar Keterangan, Kategori Tidak boleh kosong!” Sesuai harapan Valid 2. Nama barang diisi, kemudian Harga, Stok,Gambar, Keterangan, Kategori tidak diisi lalu klik tombol simpan Nama barang: (terisi) Harga: (kosong) Stok: (kosong) Gambar: (kosong) Keterangan: (kosong) Kategori: (kosong) Sistem akan menolak menyimpan data dan menampilkan “Harga, Stok,Gambar, Keterangan, Kategori Tidak boleh kosong!” Sesuai harapan Valid

3. Nama barang &

Harga diisi, Stok,Gambar Keterangan & Kategori tidak diisi kemudian klik tombol simpan Nama barang: (terisi) Harga: (terisi) Stok: (kosong) Gambar: (kosong) Keterangan: (kosong) Kategori: (kosong) Sistem akan menolak menyimpan data dan menampilkan “Srok, Keterangan, Gambar, Kategori Tidak boleh kosong!” Sesuai harapan Valid 4. Nama barang, Harga, Stok, Gambar terisi, Kategori, keterangan tidak diisi kemudian klik tombol Nama barang: (terisi) Harga: (terisi) Stok: (terisi) Gambar: (terisi) Sistem akan menolak menyimpan data dan menampilkan “Keterangan tidak boleh Sesuai harapan Valid

(33)

simpan Keterangan: (kosong) Kategori: (terisi) kosong!” 5. Nama barang, Harga, Stok, Gambar, Keterangan, Kategori diisi kemudian klik tombol simpan Nama barang: (terisi) Harga: (terisi) Stok: (terisi) Keterangan: (terisi) Kategori: (terisi) Sistem akan menyimpan data dan menampilkan “Data Produk Tersimpan” Sesuai harapan Valid

D. Pengujian Terhadap Form Edit Barang

Tabel III.13

Hasil Pengujian Black Box Testing Halaman Edit Barang

No .

Skenario pengujian

diharapkan Hasil pengujian Kesim pulan 1. Nama Barang,Harga ,Stok,gambar Keterangan, Kategori tetap kemudian klik tombol simpan Nama Barang: (tetap) Harga: (tetap) Stok: (tetap) Gambar: (tetap) Keterangan: (tetap) Kategori: (tetap) Sistem akan menyimpan data baru. Sesuai harapan Valid

(34)

2. Nama Barang,Harga ,Stok,gambar Keterangan, Kategori dirubah kemudian klik tombol simpan Nama Barang: (ubah) Harga: (ubah) Stok: (ubah) Gambar: (ubah) Keterangan: (ubah) Kategori: (ubah) Sistem akan menyimpan data baru Sesuai harapan Valid 3. Nama Barang,Harga ,Stok dirubah,gamb ar Keterangan, Kategori tetap kemudian klik tombol simpan Nama Barang: (ubah) Harga: (ubah) Stok: (ubah) Gambar: (tetap) Keterangan: (tetap) Kategori: (tetap) Sistem akan menyimpan data baru Sesuai harapan Valid

E. Pengujian Terhadap Form Tujuan Pengiriman Barang

Tabel III.14

Hasil Pengujian Black Box Testing Halaman Tujuan Pengiriman Barang

No .

Skenario pengujian

diharapkan Hasil pengujian Kesim pulan 1. Nama, Alamat, Size tidak diisi (kosong) kemudian klik tombol Nama: (kosong) Alamat: (kosong) Provinsi : (kosong) Sistem akan menolak menyimpan data dan menampilkan “Nama,Alamat,ko ta,Kode Pos,No Sesuai harapan Valid

(35)

simpan dan lanjutkan transaksi Kota : (kosong) Kode pos: (kosong) No. Telepon : (kosong) Telepon masihkosong, Provinsi,belum dipillih” 2. Alamat & Size tidak diisi (kosong) dan Nama diisi kemudian klik tombol simpan dan lanjutkan transaksi Nama: (terisi) Alamat: (kosong) Provinsi : (kosong) Kota : (kosong) Kode pos: (kosong) No. Telepon : (kosong) Sistem akan menolak menyimpan data dan menampilkan “Alamat,kota,Kod e Pos,No Telepon masihkosong, Provinsi belum dipillih” Sesuai harapan Valid 3. Size tidak diisi (kosong) dan Nama & Alamat diisi kemudian klik tombol simpan dan lanjutkan transaksi Nama: (terisi) Alamat: (terisi) Provinsi : (kosong) Kota : (kosong) Kode pos: (kosong) No. Telepon : (kosong) Sistem akan menolak menyimpan data dan menampilkan “kota,Kode Pos,No Telepon masihkosong, Provinsi belum dipillih” Sesuai harapan Valid 4. Nama, Alamat, Size diisi kemudian klik tombol simpan dan lanjutkan transaksi Nama: (terisi) Alamat: (terisi) Provinsi : (terisi) Kota : (terisi) Kode pos: (terisi) No. Telepon : (terisi) Sistem akan menyimpan data Sesuai harapan Valid

F. Pengujian Terhadap Form Konfirmasi Pemesanan

(36)

Hasil Pengujian Black Box Testing Halaman Konfirmasi Pemesanan No Skenario pengujian Test Case Hasil yang diharapkan Hasil pengujian Kesimpulan 1. No Pemesanan, Nama Pelanggan, Jumlah Transfer, Keterangan tidak diisi (kosong) kemudian klik tombol kirim No Pemasan an: (kosong) Nama: (kosong) Jumlah: (kosong) Keterang an: (kosong) Sistem akan menolak menyimpan data dan menampilkan “No pemesanan nama pelanggan Jumlah Transfer keterangan masih kosong!” Sesuai harapan Valid 2. No Pemesanan (terisi), Nama Pelanggan, Jumlah Transfer, Keterangan tidak diisi (kosong) kemudian klik tombol kirim No Pemasan an: (terisi) Nama: (kosong) Jumlah: (kosong) Keterang an: (kosong) Sistem akan menolak menyimpan data dan menampilkan “nama pelanggan Jumlah Transfer keterangan masih kosong!” Sesuai harapan Valid 3. Size tidak diisi (kosong) dan Nama & Alamat diisi kemudian Sistem akan menolak menyimpan data dan menampilkan “jumlah pesanan Sesuai harapan Valid

(37)

klik tombol beli