22

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Dalam menganalisa sebuah perancangan website penjualan, banyak hal yang

harus diketahui sebelumnya, dimana penjual dan pembeli tidak bertatap muka

secara langsung, calon pembeli melakukan pembelian melalui media browser.

Dalam website ini pun meliputi kebutuhan pengguna dan kebutuhan sistem.

A. Kebutuhan pengguna

Dalam tahapan ini penulis melakukan pengumpulan data yang dilakukan dan

difokuskan pada kegiatan transaksi dan informasi produk, sesuai kebutuhan

pengguna. Dimana website yang akan dibuat ini mempunyai tiga halaman

pengguna yaitu halaman admin, halaman pelanggan dan halaman pengunjung

website, sebagai berikut:

1. Halaman Admin

a. Dapat melakukan login ke halaman admin.

b. Dapat menambah dan menghapus data admin.

c. Dapat menambah, mengubah dan menghapus data barang.

d. Dapat melihat dan menghapus datan pelanggan.

e. Dapat mengubah dan menghapus data pesanan.

f. Dapat menambah, mengubah dan menghapus data ongkir.

g. Dapat melihat dan menghapus data konfirmasi.

h. Dapat melihat dan menghapus data buku tamu dari pelanggan.

i. Dapat melihat laporan barang, pelanggan, ongkir dan pengiriman..

j. Dapat melakukan logout.

23

2. Pelanggan

a. Dapat melakukan login sebagai pelanggan.

b. Dapat melihat produk.

c. Dapat melihat cara pesan.

d. Dapat melihat kontak kami.

e. Dapat mengisi buku tamu.

f. Dapat melakukan transaksi.

g. Dapat membatalkan transaksi.

h. Dapat melakukan konfirmasi pembayaran.

i. Dapat melihat daftar transaksi.

j. Dapat mengisi buku tamu.

k. Dapat melakukan logout.

3. Pengunjung

a. Dapat melihat produk.

b. Dapat melihat cara pesan.

c. Dapat melihat kontak kami.

d. Dapat menjadi pelanggan (member).

e. Dapat melihat buku tamu

3.2. Rancangan Dokumen

A. Rancangan Dokumen Masukan (Input)

Rancangan dokumen masukan berfungsi untuk menjelaskan mengenai semua

dokumen input yang digunakan pada web penjualan alat musik rebana.

Dokumen masukan yang digunakan adalah sebagai berikut:

1. Nama Dokumen : Data Barang

Fungsi : Menginput data Barang

Sumber : Admin

Tujuan : User

24

Media : Form

Jumlah : Satu form

Frekuensi : Setiap menginput data produk

Bentuk : Lampiran A.1.

2. Nama Dokumen : Data Ongkos Kirim

Fungsi : Menginput data ongkos kirim

Sumber : Admin

Tujuan : User

Media : Form

Jumlah : SatuForm

Frekuensi : Setiap menginput data ongkos kirim

Bentuk : Lampiran A.2.

B. Rancangan Dokumen Keluran (Output)

Rancangan dokumen keluaran berfungsi untuk menjelaskan mengenai semua

dokumen output yang digunakan pada web penjualan alat musik rebana.

Dokumen masukan yang digunakan adalah sebagai berikut:

1. Nama Dokumen : Laporan Barang

Fungsi : Untuk mengetahui laporan data barang

Sumber : User

Tujuan : Admin

Media : Kertas

Jumlah : Satu lembar

Frekuensi : Satu dibutuhkan

Bentuk : Lampiran B.1.

25

2. Nama Dokumen : Laporan Pelanggan

Fungsi : Untuk mengetahui laporan data pelanggan

Sumber : User

Tujuan : Admin

Media : Kertas

Jumlah : Satu lembar

Frekuensi : Satu dibutuhkan

Bentuk : Lampiran B.2.

3. Nama Dokumen : Laporan Ongkir

Fungsi : Untuk mengetahui laporan data ongkir

Sumber : User

Tujuan : Admin

Media : Kertas

Jumlah : Satu lembar

Frekuensi : Satu dibutuhkan

Bentuk : Lampiran B.3.

4. Nama Dokumen : Laporan Pengiriman

Fungsi : Untuk mengetahui data pengiriman

Sumber : User

Tujuan : Admin

Media : Kertas

Jumlah : Satu Lembar

Frekuensi : Satu dibutuhkan

Bentuk : Lampiran B.4.

26

3.3. Rancangan Basis Data

Basis data dapat didefinisikan sebagai himpunan kelompok data yang

saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat

dimanfaatkan kembali dengan cepat dan mudah.

3.3.1. Entity Relationship Diagram (ERD

Gambar III.1.

Entity Relationship Diagram (ERD)

27

3.3.2. Logical Record Structure (LRS)

Gambar III.2.

Logical Relationship Structure (LRS)

28

3.4. Spesifikasi File

1. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : Untuk mengelola data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 31

Kunci Field : id_admin

XAMPP : Database

Tabel III.1.

Spesifikasi File Admin

No Elemen Data Nama Field Type Size Keterangan

1 Id Admin id_admin Int 11 Primary Key

2 Username Username Varchar 10

3 Password Password Varchar 10

29

2. Spesifikasi File Barang

Nama File : Barang

Akronim : Barang

Fungsi : Untuk mengelola data barang

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 340

Kunci Field : id_barang

XAMPP : Database

Tabel III.2.

Spesifikasi File Barang

No Elemen Data Nama Field Type Size Keterangan

1 Id Barang id_barang Int 11 Primary Key

2 Nama Barang nm_barang Varchar 35

3 Deskripsi Deskripsi Text Foreign Key

4 Harga Harga Int 11

5 Stok Stok Int 3

6 Kategori Kategori Varchar 25

7 Gambar Gambar Varchar 255

30

3. Spesifikasi File Buku Tamu

Nama File : Buku Tamu

Akronim : Buku Tamu

Fungsi : Untuk mengelola data buku tamu

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 66

Kunci Field : id_bukutamu

XAMPP : Database

Tabel III.3.

Spesifikasi File Bukutamu

No Elemen Data Nama Field Type Size Keterangan

1 Id Buku Tamu id_bukutamu Int 11 Primary Key

2 Nama Nama Varchar 30

3 Email Email Varchar 25

4 Komentar Komentar Text Foreign Key

31

4. Spesifikasi File Kantong

Nama File : Kantong

Akronim : Kantong

Fungsi : Untuk mengelola data kantong

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 58

Kunci Field : id_kantong

XAMPP : Database

Tabel III.4.

Spesifikasi File Kantong

No Elemen Data Nama Field Type Size Keterangan

1 Id Kantong id_kantong Int 11 Primary key

2 Id Barang id_barang Int 11

3 Jumlah jumlah Int 11

4 Tanggal Kantong tgl_kantong Date

5 Jam Kantong jam_kantong Time

6 Username username Varchar 25

32

5. Spesifikasi Tabel Konfirmasi

Nama File : konfirmasi

Akronim : konfimasi

Fungsi : Untuk mengkonfirmasi data pemesanan produk

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 212

Kunci Field : id_konfirmasi

XAMPP : Database

Tabel III.5.

Spesifikasi File Konfirmasi

No Elemen Data Nama Field Type Size Keterangan

1 Id Konfirmasi id_konfirmasi int 11 Primary Key

2 No Pesan no_pesan Varchar 20

3 Jumlah Bayar Jumbay Int 11

4 Tanggal Bayar tgl_bayar Date

5 Dari Bank dari_bank Varchar 25

6 Dari Bank dari_rek Varchar 30

7 Gambar Gambar Varchar 100

8 Nama Pelanggan nm_pelanggan Varchar 15

33

6. Spesifikasi File Kota

Nama File : Kota

Akronim : Kota

Fungsi : Untuk menyimpan data kota

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 46

Kunci Field : id_kota

XAMPP : Database

Tabel III.6.

Spesifikasi File Kota

No Elemen Data Nama Field Type Size Keterangan

1 Id Kota id_kota Int 5 Primary Key

2 Nama Kota nm_kota Varchar 30

3 Ongkos Kirim ongkos_kirim Int 11

34

7. Spesifikasi File Pelanggan

Nama File : Pelanggan

Akronim : Pelanggan

Fungsi : Untuk menyimpan data pelanggan

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 181

Kunci Field : id_pelanggan

XAMPP : Database

Tabel III.7.

Spesifikasi File Pelanggan

No Elemen Data Nama Field Type Size Keterangan

1 Id Pelanggan id_pelanggan Int 11 Primary key

2 Nama Pelanggan nm_pelanggan Varchar 50

3 Password Pelanggan pass_pelanggan Varchar 8

4 Nama Nama Varchar 30

5 Alamat Pelanggan alamat_pelanggan Varchar 50

6 Telepon Pelanggan tlp_pelanggan Varchar 12

7 Email Pelanggan email_pelanggan Varchar 20

35

8. Spesifikasi File Pemesanan

Nama File : Pemesanan

Akronim : Pemesanan

Fungsi : Untuk untuk menyimpan data pemesanan

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 85

Kunci Field : no_pesan

XAMPP : Database

Tabel III.8.

Spesifikasi File Pemesanan

No Elemen Data Nama Field Type Size Keterangan

1 No Pesan no_pesan Varchar 10 Primary key

2 Tanggal Pesan tgl_pesan Date

3 Jam Pesan jam_pesan Time

4 Status status Varchar 20

5 Username username Varchar 50

6 Id Kota id_kota Int 5

36

9. Spesifikasi File Pemesanan Detail

Nama File : Pemesanan Detail

Akronim : Pemesanan Detail

Fungsi : Untuk menyimpan data pemesanan detail

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 34

Kunci Field : -

XAMPP : Database

Tabel III.9.

Spesifikasi File Pemesanan Detail

No Elemen Data Nama Field Type Size Keterangan

1 No Pesan no_pesan Varchar 12

2 Id Barang id_barang Int 11

3 Jumlah Jumlah Int 11

37

10. Spesifikasi File Pengiriman

Nama File : Pengiriman

Akronim : Pengiriman

Fungsi : Untuk menyimpan data pengiriman

Tipe File : File Transaksi

Organisasi File : Index Sequential

Akses File : Random

Media : Hardisk

Panjang Record : 17

Kunci Field : id_kirim

XAMPP : Database

Tabel III.10.

Spesifikasi File Pengiriman

No Elemen Data Nama Field Type Size Keterangan

1 Id Kirim id_kirim Int 11 Primary Key

2 Jam Kirim jam_kirim Time

3 Tanggal Kirim tgl_kirim Date

4 No Pesan no_pesan Varchar 6

38

3.5. Pengkodean

1. Struktur Pengkodean Transaksi

Gambar III.3.

Struktur Pengkodean Transaksi

Keterangan :

INV : Kode Transaksi

220619 : Tanggal Transaksi

001: Nomor Urut Transaksi

3.6. Rancangan Struktur Navigasi

Struktur navigasi yang digunakan penulis yaitu Struktur Navigasi Campuran

(Compisite) dimana struktur ini merupakan gabungan dari struktur navigasi linier,

non-linier, dan hirarki. Alasan penggunaan struktur navigasi campuran ini

disebabkan karena sifat dari struktur navigasi ini yang sangat interaktif, dimana

akan menghasilkan aplikasi yang membuat pemakainya dapat dengan leluasa

menelusuri program aplikasi ini.

39

1. Struktur navigasi halaman admin

INDEX

Beranda Barang Pelanggan Pesanan KonfirmasiOngkir

LOGIN

Buku tamu Admin

Tambah

Edit

Hapus

detail

hapus

Ubah status

Tambah Hapus Hapus Download

Laporan Logout

Hapus

Edit

Hapus

Tambah

Hapus

Gambar III.4.

Struktur Navigasi Halaman Admin

40

2. Struktur navigasi halaman pengunjung

Beranda Produk Cara

PesanKontak Kami Login

Index

Daftar Buku Tamu

Konten

Produk

Simpan

Batal

Gambar III.5.

Struktur Navigasi Halaman Pengunjung

41

3. Struktur navigasi halaman pelanggan

Beranda Produk Cara Pesan Buku Tamu Kontak Kami

Index

Daftar

Transaksi

Keranjang

Konfirmasi

Pembayaran

Login

Logout

Detail

Transaksi

Konten

Produk

Lanjutkan Belanja

Update Jumlah

Selesai Belanja

Kirim

Batal

Alamat

Pengiriman

Print

Kembali

Gambar III.6.

Struktur Navigasi Halaman Pelanggan

42

3.7. Spesifikasi Sistem Komputer

Dalam pembuatan dan penyusunan website penjualan alat musik rebana ini

diperlukan 2 bentuk sarana yang penting yaitu:

1. Spesifikasi perangkat keras (Hardware)

a. Server

1). CPU

a. Processor : Core™ i3-2305M CPU @2.30GHz

b. Memory : DDR3 2GB

c. Hard Disk : 320GB

2). Mouse.

3). Keyboard.

4). Monitor dengan resolusi layar maksimum VESA 1366x768 @60Hz.

5). Koneksi internet dengan kecepatan 100Mbps

b. Client

1. CPU

a). Processor : Core™ i3

b). Memory : RAM 2 GB

c.) Hard Disk : 320 GB

2. Spesifikasi perangkat lunak (Software)

a. Server

1). Sistem operasi : Microsoft Windows 7 Ultimate 64 bit

2). Aplikasi bundle web server : XAMPP versi 3.2

3). Aplikasi web browser : Mozilla Firefox

43

b. Client

1). Sistem operasi : Windows 7

2). Aplikasi bundle web server : XAMPP

3). Aplikasi web browser : Mozilla Firefox

3.8. Implementasi

A. Implementasi Rancangan Antar Muka

1. Halaman utama

Halaman utama adalah tampilan utama pada saat pengunjung mengunjungi

web ini.

Gambar III.7.

Tampilan Halaman Utama

44

2. Halaman Login admin

Admin harus login terlebih dahulu untuk bisa menggunakan konten-konten

yang terdapat di halaman admin, jika berhasil akan masuk ke halaman

beranda admin.

Gambar III.8.

Tampilan Halaman Login Admin

45

3. Halaman admin

Halaman admin ini digunakan untuk mengelola web. Admin memliki hak

akses penuh dalam menghapus, mengupdate, menambahkan serta mengubah

produk dan data-data yang ada di dalam web ini.

Gambar III.9.

Tampilan Halaman Admin

46

4. Halaman produk

Halaman produk adalah halaman tampilan produk-produk yang ada pada

website penjualan Alat Musik Rebana, pada halaman ini pelanggan dapat

memilih produk yang diinginkan.

Gambar III.10.

Tampilan Halaman Produk

47

5. Halaman keranjang belanja

Halaman ini adalah halaman keranjang belanja (shopping cart), dimana

customer dapat memasukan daftar produk alat musik rebana yang akan

dibeli.

Gambar III.11.

Tampilan Halaman Keranjang Belanja

48

6. Halaman alamat pengiriman

Setelah pelanggan yakin akan barang yang dibeli, selanjutnya akan muncul

form alamat pengiriman untuk proses pengiriman pembelian.

Gambar III.12.

Tampilan Halaman Alamat Pengiriman

49

7. Halaman daftar transaksi

Halaman ini akan muncul setelah customer mengkonfirmasi data

pembeliannya dengan benar, untuk di proses selanjutnya dan menuju

halaman pembayaran.

Gambar III.13.

Tampilan Halaman Daftar Transaksi

50

8. Halaman konfirmasi pembayaran

Setelah customer mencatat nomor id order, customer diwajibkan mengisi

form konfirmasi pembayaran agar produk yang dibeli segera dikirim.

Gambar III.14.

Tampilan Halaman Konfirmasi Pembayaran

51

3.9. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing

yang fokus terhadap proses pemasukan dan pengeluaran program.

A. Pengujian terhadap halaman login admin.

Tabel III.11.

Hasil Pengujian 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 pengguna yang

akan login dan

menampilkan pesan

Username dan

password harap di isi.

Sesuai

harapan Valid

2

Mengetikan

username dan

password tidak

diisi atau

kosong

kemudian klik

tombol login.

Username:

neneng

(benar)

Password

: (kosong)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Username dan

password harap di isi.

Sesuai

harapan Valid

3

Username tidak

diisi dan

password diisi

dengan benar

kemudian klik

tombol login.

Username:

(kosong)

Password

: neneng

(benar)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Username dan

password harap di isi.

Sesuai

harapan Valid

4

Mengetikan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login.

Username:

neneng

(benar)

Password

: 1234

(salah)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Username dan

password harap di isi.

Sesuai

harapan Valid

5

Mengetikan

username dan

password

dengan data

yang benar

kemudian klik

tombol login.

Username:

neneng

(benar)

Password

: neneng

(benar)

Sistem menerima

akses login dan

menampilkan pesan

LOGIN Sukses, Anda

akan diarahkan ke

halaman admin, jika

halaman gagal

terbuka klik disini

Sesuai

harapan Valid

52

B. Pengujian terhadap halaman login pelanggan.

Tabel III.12.

Hasil Pengujian Halaman Login Pelanggan

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 pengguna yang

akan login dan

menampilkan pesan

Anda Gagal

LOGIN..!!

Sesuai

harapan Valid

2

Mengetikan

username dan

password tidak

diisi atau kosong

kemudian klik

tombol login.

Username:

yosi

(benar)

Password :

(kosong)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Anda Gagal

LOGIN..!!

Sesuai

harapan Valid

3

Username tidak

diisi dan

password diisi

dengan benar

kemudian klik

tombol login.

Username:

(kosong)

Password :

1234

(benar)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Anda Gagal

LOGIN..!!

Sesuai

harapan Valid

4

Mengetikan salah

satu kondisi salah

pada username

atau password

kemudian klik

tombol login.

Username:

yosi

(benar)

Password

:12345

(salah)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan

Anda Gagal

LOGIN..!!

Sesuai

harapan Valid

5

Mengetikan

username dan

password dengan

data yang benar

kemudian klik

tombol login.

Username:

yosi

(benar)

Password :

1234

(benar)

Sistem menerima

akses login dan

menampilkan pesan

Selamat Datang,

Sdr/Sdri yosi seftian,

kemudian

menampilkan

halaman utama

member.

Sesuai

harapan Valid

53

C. Pengujian terhadap halaman daftar pelanggan.

Tabel III.13.

Hasil Pengujian Halaman Daftar Pelanggan

No. Skenario

Pengujian Test Case Hasil Yang Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak mengisi

salah satu data

yang ingin

dimasukan

kemudian klik

tombol simpan.

Nama :

(kosong)

Sistem akan menolak

akses pengguna yang

akan login dan

menampilkan pesan nama

lengkap harus di isi.

Sesuai

harapan Valid

2

Mengisi semua

data yang ingin

dimasukan

kemudian klik

tombol daftar.

Data terisi

dengan

benar.

Sistem menerima akses

kemudian menyimpan

data member. Sesuai

harapan Valid

D. Pengujian terhadap form konfirmasi pembayaran

Tabel III.14.

Hasil Pengujian Konfirmasi Pembayaran

No. Skenario

Pengujian Test Case Hasil Yang Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak mengisi

salah satu data

di form

konfirmasi

pembayaran

Jumlah

Bayar:

(kosong)

Sistem akan menolak

akses pengguna dan

menampilkan pesan Isi

isian ini.

Sesuai

harapan Valid

2

Mengisi dengan

lengkap data

yang ada di

form konfirmasi

pembayaran

Data terisi

dengan

benar.

Sistem menerima akses

kemudian menampilkan

pesan Data Berhasil

Tersimpan Sesuai

harapan Valid

54

E. Pengujian terhadap tambah ongkir

Tabel III.15.

Hasil Pengujian Tambah Ongkir

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak mengisi

salah satu data

di form ongkir.

Biaya Kirim:

(kosong)

Sistem akan

menolak akses

pengguna dan

menampilkan

pesan Isi isian ini.

Sesuai

harapan Valid

2

Mengisi dengan

lengkap data

yang ada di form

ongkir

Data terisi

dengan

benar.

Sistem menerima

akses kemudian

menampilkan

pesan Data

Berhasil Tersimpan

Sesuai

harapan Valid

F. Pengujian terhadap tambah barang.

Tabel III.16.

Hasil Pengujian Tambah Barang

No. Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1

Tidak mengisi

salah satu data di

form barang.

Nama

Barang:

(kosong)

Sistem akan

menolak akses

pengguna dan

menampilkan pesan

Isi isian ini.

Sesuai

harapan Valid

2

Mengisi dengan

lengkap data

yang ada di form

barang

Data terisi

dengan

benar.

Sistem menerima

akses kemudian

menampilkan pesan

Data Berhasil

Tersimpan

Sesuai

harapan Valid