24

BAB III
PEMBAHASAN

3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
Wisnu Alam Gems adalah salah satu perusahaan yang bergerak di bidang
penjualan dan pembuatan batu mulia. Selain itu Wisnu Alam Gems juga melayani
pembuatan accessories untuk menunjangnya. Wisnu Alam Gems didirikan oleh
Zaenal Abidin pada tanggal 12 Januari 2008 bernomor surat izin usaha perdagangan
(SIUP) kecil pada 25 Oktober 2012 dengan nomor : 503/284-PK/401.303/2012.
Wisnu Alam Gems beralamatkan di Jakarta Gems Center BKS No. 55-60 jl.
Jatinegara Telp : 085233747100 , 082334495758, Pelayanan penjualan dimulai
pukul 10.00 16.00 setiap hari Senin-minggu.
Dalam kesahariannya Wisnu Alam Gems telah melakukan banyak transaksi
penjualan batu mulia, baik itu di Jakarta maupun diluar daerah. Transaksi tersebut
dilakukan secara tunai dan kredit. Beberapa jenis batu mulia beserta harga yang
disediakan oleh Wisnu Alam Gems antara lain :
Tabel III.1
Daftar Nama dan Harga Batu Mulia
No Jenis batu Daftar Harga
1. Berlian Rp.1.500.000
2. Safir Rp.1000.000
3. Akik Rp.1000.000
4. Zamrud Rp.1000.000
25

5. Aquamarine Rp.1000.000
6. Topaz Rp.1000.000
7. Ruby Rp.1000.000
8. Tourmaline Rp.1000.000
9. Kalimaya/opal Rp.1000.000
10. Amethyst Rp.1000.000
Sumber : Wisnu Alam Gems
Tabel diatas hanya beberapa contoh batu mulia yang disediakan oleh Wisnu
Alam Gems.
Wisnu Alam Gems mempunyai visi dan misi antara lain :
a. Visi
Memberikan pelayanan terbaik kepada setiap pelanggan
b. Misi
1) Mengembangkan usaha dagang agar menjadi lebih besar
2) Menyediakan produk yang bermutu tinggi sesuai dengan kebutuhan
pelanggan
3.1.2. Struktur Organisasi
Struktur organisasi merupakan suatu kerangka yang mewujudkan suatu pola
tetap dari hubungan antara kedudukan dan peranan dalam suatu lingkaran kerjasama.
Struktur organisasi merupakan syarat mutlak yang harus ada untuk menjalankan suatu
organisasi atau badan usaha, juga untuk mengetahui, mengontrol tugas dan tanggung
jawab masing-masing anggota agar tidak terjadi tugas yang rangkap dan ganda.
Berikut ini adalah gambar struktur organisasi pada Wisnu Alam Gems.
26


Produksi

Sales & Marketing

Operasional

Kurir

Admin &
keuangan

Pemilik

Sumber : Wisnu Gems
Gambar III.1
Struktur Organisasi Wisnu Gems
a. Pemilik, bertugas sebagai pemegang penuh kendali perusahaan dalam
mengambil keputusan.
b. Administrasi dan keuangan, bertugas menghitung, membuat neraca, serta
membuat laporan-laporan yang diperlukan oleh pemilik.
c. Produksi, bertugas membuat produk untuk dipasarkan.
d. Sales & Marketing, bertugas sebagai pemasar dan menjual produk-produk
yang ada dalam Toko Wisnu Gems, meningkatkan omset perusahaan serta
menangani keluhan-keluhan konsumen tentang pelayanan konsumen
e. Operasional, bertugas melakukan penjualan ditoko setiap harinya.
f. Kurir, bertugas menyiapkan dan mengirimkan barang-barang pesanan
konsumen.

3.2. Analisa kebutuhan
Dalam pembuatan website ini, diharapkan akan membawa banyak manafaat
yang didapat. Konsumen dapat mengakses secara langsung informasi-informasi yang
27

telah tersedia pada website. Melalui internet, dapat memudahkan siapa saja yang
membutuhkan informasi tentang produk pelumas dan oli yang dibutuhkan sebelum
membeli.
Untuk pengaksesan internet tentulah dibutuhkan suatu rancangan website
yang bersifat dinamis, interaktif, dan komunikatif yang dapat menyajikan informasi
yang dibutuhkan oleh pengunjung website. Maka sebagai sarana untuk mendapatkan
informasi tersebut, Toko Wisnu Alam Gems menyediakan sarana yang berbasis
internet yaitu website. Yang memberikan fasilitas lebih cepat untuk mendapatkan
informasi yang ada tentang produk yang dibutuhkan oleh konsumen.
Dalam hal ini penulis merancang sebuah website Sistem Informasi Toko
Wisnu Alam Gems untuk memberikan kemudahan bagi siapa saja yang
membutuhkan informasi tentang Toko Wisnu Alam Gems.

3.3. Perancangan Perangkat Lunak
Dalam hal ini penulis akan menggambarkan sebuah rancangan website yang
akan dibuat, baik mengenai rancangan antar muka, spesifikasi file dan implementasi
pengujian unit. yang nantinya dapat membantu dalam tahap perancangan website PT.
Serayu Multi Utama Lubrindo.
3.3.1. Rancangan Antar Muka
Rancangan antar muka yang penulis buat bertujuan untuk memberikan
gambaran tentang aplikasi website e-commerce yang akan dibangun, sehingga akan
28

mempermudah dalam mengimplementasikan aplikasi website e-commerce dan juga
memudahkan pembuatan aplikasi yang user friendly.
A. Rancangan Antar Muka Login Member
LOGIN
xxxx
xxxxxxx
Login
Username
Password
| Daftar sebagai anggota?

Gambar III.1
Rancangan Antar Muka Login Member
B. Rancangan Antar Muka Registrasi Member

Gambar III.2
Rancangan Antar Muka Registrasi Member

>>Registrasi Member
Alamat
Email
Password
Username
Nama Lengkap
HP
XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXX
XXXXXXXX
XXXXXXXXXXXXXXXXXX
Daftar
Batal
999999999999
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
29

C. Rancangan Antar Muka Rubah Register Member
Register Member
Alamat
Telepon
Email
Password
Nama Lengkap
Username
XXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXX
Update

Gambar III.3
Rancangan Antar Muka Rubah Data Member

D. Rancangan Antar Muka Cari Produk

xxxxxxxxxxxxxxxxx
Cari

Gambar III.4
Rancangan Antar Muka Cari Produk





30

E. Rancangan Antar Muka Detail Produk
Detail Produk
GAMBAR PRODUK
Price : 999999999
Stock: 99
Model:xxxxxxxxxx
Beli
Keterangan Produk

Gambar III.5
Rancangan Antar Muka Detail Produk

F. Rancangan Antar Muka Konfirmasi Pembayaran
Konfirmasi Pembayaran
Telepon
Alamat
Email
Atas Nama (Pemilik Rekening)
No. Rekening Pengirim
Bank Pengirim
Tanggal Transfer
Bank Tujuan
No. invoice
Nama Lengkap xxxxxxxxxxxxxxx
99999999999
xxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxx
9999999999999999
xxxxxxxxxxxxx
xxxxxxxxxxxx
xx99999
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Konfirmasi
99 xxxxxx 9999

Gambar III.7
Rancangan Antar Muka Konfirmasi Pembayaran

31

G. Rancangan Antar Muka Login Administrator
Login Administrator
Username
Password
Login Cancel
xxxxxxxxxxxxx
xxxxxxxxxxxx

Gambar III.8
Rancangan Antar Muka Login Admin

H. Rancangan Antar Muka Tambah Produk
Tambah Produk
xxxxxxxxxxxxxxxxxxxxx
999999
99
Browse Gambar
Deskripsi
Simpan Batal
xxxxxxxxxxxxxxxx
Stock
Harga
Nama Produk
Kategori
:
:
:
:
:
Tipe gambar harus JPG/JPEG dan ukuran lebar maks: 400px

Gambar III.9
Rancangan Antar Muka Tambah Produk
32

I. Rancangan Antar Muka Edit Produk
Edit Produk
xxxxxxxxxxxxxxxxxxxx
99999999999
99
Browse Ganti Gbr
Deskripsi
Update Batal
xxxxxxxxxx
Stock
Harga
Nama Produk
Kategori
:
:
:
:
:
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
:
Gambar
*) Apabila gambar tidak diubah, dikosongkan saja

Gambar III.10
Rancangan Antar Muka Edit Produk

J. Rancangan Antar Muka Cetak Laporan
NO. LAPORAN DATA
2
1 Data Produk
CETAK LAPORAN
Data Penjualan

Gambar III.11
Rancangan Antar Muka Cetak Laporan
33

3.2.2. Rancangan Basis Data
Perancangan basis data yang penulis buat menghasilkan pemetaan tabel-tabel
yang digambarkan dengan Entity Relationship Diagram (ERD) sebagai berikut:
A. Entity Relationship Diagram (ERD)
Member
Melakukan
Kategori Produk
Order Detail
Konfirmasi
Orders
Mendapat
Memiliki
Memiliki
Melakukan
Id_member
status
email
nama telepon
password
username alamat
Id_member
Total_harga
Id_member
Status_order
Id_orders
Tgl_order
Id_orders
Id_order
id_konfirmasi
jumlah Id_orders
bank_tujuan
norekening
id_orders
harga
alamat
email
tanggal
pemilik
nama
bank_pemilik
telepon
Id_produk
Id_produk
Id_produk
gambar
deskripsi stok
harga
nama_produk
Id_kategori
Id_kategori
Id_kategori
nama_kategori
1
M
1
M
1
1
1 M
1
1

Gambar III.12
Entity Relationship Diagram (ERD)

34

B. Logical Record Structure (LRS)
orders
Id_orders
Id_member
Status_order
Total_harga
Tgl_order
kategori
Id_kategori
Nama_ketgori
member
Id_member
Username
Password
Nama
Alamat
Email
Telepon
Status
konfirmasi
Id_konfirmasi
Id_orders
Nama
Bank_pemilik
Pemilik
Norekening
Bank_tujuan
Tanggal
Email
Alamat
Telepon
Order_detail
Id_orders
Id_produk
Jumlah
Harga
produk
Id_produk
Id_kategori
Nama_produk
Deskripsi
Harga
Stok
Gambar
1
1
M
1
1
1
1
M
M
1

Gambar III.12
Logical Record Structure (LRS)
C. Spesifikasi File
1. Spesifikasi file User admin
Nama File : Tabel Users
Akronim : users.MYD
Fungsi : Untuk mengakses web administrator
Tipe File : File Master
35

Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 86
Kunci Field : username
Software : MySql
Tabel III.1
Spesifikasi FileUsers
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Username Username Varchar 50 Primary Key
2 Password Password Varchar 50
3 Nama admin Nama_lengkap Varchar 100
4 Email Email Varchar 100
5 No telpon no_telp Varchar 20
6 Level acces Level Varchar 20 Default (user)
7 Blokir admin Blokir Enum(Y,N) Default (N)

2. Spesifikasi file Produk
Nama File : Tabel produk
Akronim : produk.MYD
Fungsi : Untuk menyimpan, merubah dan menghapus data produk
Tipe File : File Master
Organisasi File: Index Sequential
36

Akses File : Random
Media : Harddisk
Panjang Record: 72
Kunci Field : id_produk
Software : MySql
Tabel III.2
Spesifikasi FileProduk
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id produk id_produk Integer 5
Auto_increment,
Primary Key
2 Id kategori id_kategori Integer 5 Foreign Key
3 Nama Produk nama_produk Varchar 50
4 Deskripsi Deskripsi Text
5 Harga Harga Integer 8
6 Stok Stok Integer 3
7 Gambar Gambar Varchar 50

3. Spesifikasi File Orders
Nama File : Tabel Orders
Akronim : orders.MYD
Fungsi : Untuk memesan produk
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
37

Media : Harddisk
Panjang Record : 34
Kunci Field : id_orders
Software : MySql
Tabel III.3
Spesifikasi FileOrders
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id order id_orders Varchar 6 Primary Key
2 Id member id_member Integer 5 Foreign Key
3 Status order status_order
Enum(LUNAS,P
ESAN)

4 Total harga total_harga Double
5 Tanggal order tgl_order Date

4. Spesifikasi File Order Detail
Nama File : Tabel order_detail
Akronim : order_detail.MYD
Fungsi : Untuk menampilkan semua data pesanan
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 28
Kunci Field : id_orders
38

Software : MySql
Tabel III.4
Spesifikasi FileOrder Detail
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Order id_orders Varchar 6 Foreign Key
2 Id Produk id_produk Integer 5 Foreign Key
3 Jumlah Jumlah Integer 10
4 Harga Harga Double

5. Spesifikasi File Temporary Order
Nama File : Tabel order_temp
Akronim : order_temp.MYD
Fungsi : Untuk menyimpan data sementara pada kantong belanja
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 25
Kunci Field : id_orders_temp
Software : MySql



39

Tabel III.5
Spesifikasi FileTemporary order
No. Elemen Data Akronim Tipe Panjang Keterangan
1
Id order
temporary
id_orders_temp Integer 5
Auto_increment,
Primary Key
2 Id Produk id_produk Integer 5
3

Id Member id_member Integer 5
4 Jumlah Jumlah Integer 10

6. Spesifikasi File Modul
Nama File : Tabel Modul
Akronim : modul.MYD
Fungsi : Untuk merubah dan menyimpan semua data
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 382
Kunci Field : id_modul
Software : MySql




40

Tabel III.6
Spesifikasi FileModul
No.
Elemen
Data
Akronim Tipe Panjang Keterangan
1 Id modul id_modul Integer 5
Auto_increment,
Primary Key
2
Nama
modul
nama_modul Varchar 20
3 Link Link Varchar 50
4
Static
content
static_content Text
5 Gambar Gambar Varchar 30
6 Status Status Enum(user,admin)
7 Aktif Aktif Enum(Y,N)
8 Urutan Urutan Integer 5

7. Spesifikasi File Member
Nama File : Tabel Member
Akronim : member.MYD
Fungsi : Untuk menyimpan data member
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 90
Kunci Field : id_member
41

Software : MySql
Tabel III.7
Spesifikasi FileMember
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Member id_member Integer 5
Auto_increment,
Primary Key
2 Username Username Varchar 10
3 Password Password Varchar 50
4 Nama Nama Varchar 25
5 Alamat Alamat Text
6 Email Email Varchar 25
7 Telepon Telepon Varchar 20
8 Status Status Enum(Y,T)

8. Spesifikasi File Konfirmasi
Nama File : Tabel Konfirmasi
Akronim : konfirmasi.MYD
Fungsi : Untuk menyimpan data pesanan.
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 96
Kunci Field : id_konfirmasi
42

Software : MySql
Tabel III.8
Spesifikasi FileKonfirmasi
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Konfirmasi id_konfirmasi Integer 5
Auto_increment,
Primary Key
2 Id order id_orders Varchar 6 Foreign Key
3 Nama Nama Varchar 25
4 Bank Pemilik Bank_pemilik Varchar 25
5 Pemilik Pemilik Varchar 25

6
No. Rekening Norekening Varchar 50
7 Bank Tujuan bank_tujuan Varchar 25
8 Tanggal Tanggal Date
9 Email Email Varchar 25
10 Alamat Alamat Text
11 Telepon Telepon Varchar 25

9. Spesifikasi File Kategori
Nama File : Tabel Kategori
Akronim : kategori.MYD
Fungsi : Untuk menampilkan jenis produk
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
43

Media : Harddisk
Panjang Record : 20
Kunci Field : id_kategori
Software : MySql
Tabel III.9
Spesifikasi FileKategori
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Kategori id_kategori Integer 5
Auto_increment,
Primary Key
2 Nama Kategori nama_kategori Varchar 50

10. Spesifikasi File Hubungi
Nama File : Hubungi
Akronim : hubungi.MYD
Fungsi : Untuk melakukan kontak kepada admin
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 56
Kunci Field : id_hubungi
Software : MySql


44

Tabel III.10
Spesifikasi FileHubungi
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Hubungi id_hubungi Integer 5
Auto_increment,
Primary Key
2 Nama Nama Varchar 50
3 Email Email Varchar 100
4 Subjek Subjek Varchar 100
5 Pesan pesan Text
6 Tanggal Tanggal Date

11. Spesifikasi File Banner
Nama File : Banner
Akronim : banner.MYD
Fungsi : Untuk merubah Homepage
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 66
Kunci Field : id_banner
Software : MySql


45

Tabel III.10
Spesifikasi FileBanner
No. Elemen Data Akronim Tipe Panjang Keterangan
1 Id Banner id_banner Integer 5
Auto_increment,
Primary Key
2 Judul Judul Varchar 50
3 Url url Varchar 50
4 Gambar Gambar Varchar 30
5 Tanggal Posting tanggal_posting Date

3.2.3. Rancangan Struktur Navigasi
Struktur navigasi adalah bagian yang tak kalah penting dari pembuatan suatu
web. Dengan adanya struktur navigasi akan mempermudah dalam membaca alur dari
web tersebut. Adapun struktur navigasi dari web yang penulis buat adalah sebagai
berikut:
1. Rancangan Struktur Navigasi Pengunjung
Beranda
Detail
Produk
Kontak Kami Keranjang Produk Pemesanan Cari Link Bayar Kategori Daftar Login

Gambar III.14
Spesifikasi Struktur Navigasi Pengunjung
46

2. Rancangan Struktur Navigasi Member

Login
Beranda
Member Cari Link Bayar Kategori Kontak Kami Pemesanan Produk
Update Beli
Teruskan
Beli
Detail
Produk
Beli
Keranjang
Belanja
Selesai Beli
Daftar
Pesanan
Cetak
Invoice
Status Order Edit Akun Logout
Konfirmasi
Pembayaran

Gambar III.15
Spesifikasi Struktur Navigasi Member





47

3. Rancangan Struktur Navigasi Admin
Login
Home
Ganti
Password
Kontak Kami
Balas Email
Kategori
Edit Tambah
Produk
Edit Tambah
Cara dan
Ketentuan
Order
Detail
Ubah
Banner
Edit Tambah
Cetak Laporan
Data
Penjualan
Data
Produk
Manajemen
Member
Kirim
Email
Tambah Edit
Konfirmasi Logout

Gambar III.16
Spesifikasi Struktur Navigasi Admin

3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada website e-commerce berdasarkan
rancangan antar muka.
1. Halaman Login Member
Pembeli yang sudah terdaftar harus login terlebih dahulu untuk dapat masuk
ke halaman pemesanan produk, halaman ini ditunjukkan pada Gambar III.17.

Gambar III.17
Halaman Login Member
48

2. Halaman Register Member
Untuk dapat memesan barang pada website e-commerce ini, pembeli yang
belum terdaftar harus mendaftar terlebih dahulu melalui halaman register.
Data pembeli yang tersimpan digunakan sebagai data untuk login masuk
halaman website dan sebagai informasi acuan bagi administrator tentang
pemesanan barang yang dilakukan pembeli, halaman ini ditunjukkan pada
Gambar III.18.

Gambar III.18
Halaman Register Member

3. Halaman Rubah Register Member
Pembeli yang sudah terdaftar apabila ingin merubah data member, halaman
ini ditunjukkan pada Gambar III.19.
49


Gambar III.19
Halaman Rubah Register Member

4. Halaman Cari Produk
Pada halaman ini pembeli dapat mencari produk berdasarkan Nama dan jenis
produk, halaman ini ditunjukkan pada Gambar III.20.

Gambar III.20
Halaman Cari Produk
5. Halaman Detail Produk
Halaman ini menampilkan beberapa variasi produk yang dipilih beserta
informasi lainnya seperti jenis batu mulia yang ada, beserta stok produk yang
tersedia sekarang. Pada halaman ini pembeli juga dapat melihat produk serupa
yang ditampilkan pada halaman tersebut, halaman ini ditunjukkan pada
Gambar III.21.
50


Gambar III.21
Halaman Detail Produk
6. Halaman Konfirmasi Pembayaran
Pada halaman ini pembeli dapat mengkonfirmasi data serta no. invoice yang
telah dilunasi pemesanannya dengan mengisi nama lengkap, no invoice, bank
tujuan tanggal transfer, bank pengirim, no. rekening pengirim, atas nama
(pemilik rekening), email, dan alamat. Halaman ini ditunjukkan pada Gambar
III.23.

51


Gambar III.23
Halaman Konfirmasi Pembayaran
7. Hamalan Login Administrator
Administrator harus melakukan login terlebih dahulu untuk dapat
menggunakan modul-modul yang tersedia jika login berhasil, maka menu-
menu yang sesuai dengan akses admin akan ditampilkan. halaman ini
ditunjukkan pada Gambar III.24.

Gambar III.24
Halaman Login Administrator
52

8. Halaman Tambah Produk
Halaman ini menampilkan form isian data produk untuk menambah produk
baru, halaman ini ditunjukkan pada Gambar III.25.

Gambar III.25
Halaman Tambah Produk
9. Halaman Edit Produk
Halaman ini menampilkan data produk yang ingin dirubah apabila produk
akan di update, halaman ini ditunjukkan pada Gambar III.26.
53


Gambar III.26
Halaman Edit Produk
10. Halaman Cetak Laporan
Halaman ini menampilkan data laporan penjualan, admin dapat melihat
laporan data produk dan laporan data penjualan, halaman ini ditunjukkan pada
Gambar III.27.
54


Gambar III.27
Halaman Laporan Penjualan

B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang
dibutuhkan untuk mengimplemantasikan aplikasi website e-commerce.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel Core i3-3227U CPU @ 1.90 GHz
(b) RAM 4.00 GB DDR3
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 mbps
b. Client
1) CPU
55

(a) Processor Intel Inside Pentium 4
(b) RAM DDR2 1 GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem Operasi : Microsoft Windows
2) Program Aplikasi Design : Adobe Dreaamweaver CS6
Adobe Photoshop CS6

3) Paket Program : PHP
4) Web Server : XAMPP version 3.1.03.1.0
5) Web Browser : Mozilla Firefox
6) Database : MySQL dengan phpMyAdmin 5.5.27
b. Client
1) Sistem Operasi : Microsoft Windows
2) Web Browser : Mozilla Firefox, Google Chrome

3.3.2. Pengujian Unit
Pengujian terhadap program yang penulis buat yaitu menggunakan black box
testing yang memfokuskan terhadap proses masukan dan keluaran program.
56

A. Pengujian Terhadap Form Daftar Kontak Kami
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Daftar Kontak Kami
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Semua atau
beberapa isian
kosong pada
daftar Kontak
Kami, lalu
langsung
mengklik
tombol
Kirim

Beberapa dari:
Nama: (kosong)
Email : (kosong)
Subjek:
(kosong)
Pesan: (kosong)

Sistem akan
menolak akses
daftar kontak
kami dan
menampilkan
pesanIsi semua
Field dengan
benar!!!
Sesuai
harapan
Valid
2 Isian alamat
email salah
pada daftar
Kontak Kami,
lalu langsung
mengklik
tombol
Kirim

Nama: (terisi)
Email : (salah)
Subjek: (terisi)
Pesan: (terisi)
)

Sistem akan
menolak akses
daftar kontak
kami dan
menampilkan
pesanAlamat
email harus
benar!
Sesuai
harapan
Valid
3 Semua isian
pada daftar
Kontak Kami
benar dan
terisi, lalu
langsung
mengklik
tombol
Kirim

Nama: (terisi)
Email : (benar)
Subjek: (terisi)
Pesan: (terisi)

Sistem akan
melanjutkan
akses daftar
kontak kami dan
menampilkan
pesanKomentar
anda berhasil
dikirim!
Sesuai
harapan
Valid






57

B. Pengujian Terhadap Form Cari Produk
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Cari Produk
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
isian data cari
produk, lalu
langsung
mengklik
tombol Cari
cari: (kosong)

Sistem akan
menolak
akses cari
produk dan
menampilkan
pesan Anda
belum
memasukan
kata
kunci!!!

Sesuai
harapan
Valid

C. Pengujian Terhadap Form Daftar Member
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Daftar Member
No
.
Skenario
pengujian
Text case Hasil yang diharapkan
Hasil
pengujia
n
Kesimpula
n
1 Mengosongk
an semua
isian atau
salah satu
dari data
daftar
member, lalu
langsung
mengklik
tombol
Daftar

Salah satu
atau semua
dari :
Nama lengkap
: (kosong)
Username :
(kosong)
Password:
(kosong)
Email:
(kosong)
Alamat:
(kosong)
HP: (kosong)
Sistem akan menolak
akses daftar dan
menampilkan
pesanIsi semua Field
dengan benar dan
lengkap
Sesuai
harapan
Valid
58


2 Semua isian
terisi dari
data daftar
member, lalu
langsung
mengklik
tombol
Daftar

Nama lengkap
: (terisi)
Username :
(terisi)
Password:
(terisi)
Email: (terisi)
Alamat:
(terisi)
HP: (terisi)

Sistem akan
melanjutkan akses
daftar dan
menampilkan
pesanAccount anda
telah terdaftar,
silahkan login untuk
melanjutkan
Sesuai
harapan
Valid
3 Semua isian
terisi dari
data daftar
member
tetapi jumlah
digit pada
password <6
digit, lalu
langsung
mengklik
tombol
Daftar
Nama lengkap
: (terisi)
Username :
(terisi)
Password: (<6
digit)
Email: (terisi)
Alamat:
(terisi)
HP: (terisi)

Sistem akan menolak
akses daftar dan
menampilkan
pesanPassword
minimal 6 digit
Sesuai
harapan
Valid
4. Semua isian
terisi dari
data daftar
member
tetapi
username
telah terdaftar
Nama lengkap
: (terisi)
Username :
(telah
terdaftar)
Password:
(terisi)
Sistem akan menolak
akses daftar dan
menampilkan
pesanusername
sudah terdaftar,
gunakan username
lain
Sesuai
harapan
Valid
59

pada
database, lalu
langsung
mengklik
tombol
Daftar

Email: (terisi)
Alamat:
(terisi)
HP: (terisi)

5 Semua isian
terisi dari
data daftar
member
tetapi email
telah terdaftar
pada
database, lalu
langsung
mengklik
tombol
Daftar

Nama lengkap
: (terisi)
Username :
(terisi)
Password:
(terisi)
Email: (telah
terdaftar)
Alamat:
(terisi)
HP: (terisi)

Sistem akan menolak
akses daftar dan
menampilkan pesan
Email sudah terdaftar,
gunakan email lain
Sesuai
harapan
Valid
6 Semua isian
terisi dari
data daftar
member
tetapi
penulisan
email salah,
lalu langsung
mengklik
tombol
Daftar

Nama lengkap
: (terisi)
Username :
(terisi)
Password:
(terisi)
Email: (salah
penulisan
rahma@yaho
o, rahma
Alamat:
(terisi)
HP: (terisi)

Sistem akan menolak
akses daftar dan
menampilkan pesan
email harus benar,
contoh :
wisnugem@yahoo.co
m
Sesuai
harapan
Valid

D. Pengujian Terhadap Form Login Member
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Login Member
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
60

1 Mengosongkan
semua isian
data login
member, lalu
langsung
mengklik
tombol
Login

Username:
(kosong)
Password: (kosong)
Sistem akan
menolak
akses login
dan
menampilkan
pesan Isi
Semua
Field
Sesuai
harapan
Valid
2 Hanya mengisi
data username
dan
mengosongkan
password lalu
langsung
mengklik
tombol
Login
Username: (rahma)
Pasword: (kosong)



Sistem akan
menolak
akses login
dan
menampilkan
pesan
Username
dan
Password
salah
Sesuai
harapan
Valid
3. Hanya mengisi
data Password
dan
mengosongkan
Username lalu
langsung
mengklik
tombol
Login

Username:
(Kosong)
Pasword: (xxxxx)


Sistem akan
menolak
akses login
dan
menampilkan
pesan Isi
Semua
Field
Sesuai
harapan
Valid

E. Pengujian Terhadap Form Rubah Akun
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Rubah Akun
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
semua isian
atau salah satu
data rubah
akun kecuali
Salah satu atau
semua dari :
Nama lengkap :
(kosong)
Username :
Sistem akan
menolak
akses daftar
dan
menampilkan
Sesuai
harapan
Valid
61

password, lalu
langsung
mengklik
tombol
Update
(kosong)
Email: (kosong)
Alamat: (kosong)
Telepon: (kosong)



pesan Isi
semua data
dengan
lengkap
2 Merubah
semua data
rubah akun dan
mengisi
password baru,
lalu langsung
mengklik
tombol
Update
Nama lengkap :
(terisi)
Username : (terisi)
Password: (terisi)
Email: (terisi)
Alamat: (terisi)
Telepon: (terisi)

Sistem akan
melanjutkan
akses rubah
akun dan
menampilkan
pesan
Account dan
password
anda telah
terupdate
Sesuai
harapan
Valid
3 Merubah
semua data
rubah akun dan
mengosongkan
password baru,
lalu langsung
mengklik
tombol
Update
Nama lengkap :
(terisi)
Username : (terisi)
Password: (kosong)
Email: (terisi)
Alamat: (terisi)
Telepon: (terisi)



Sistem akan
menolak
akses daftar
dan
menampilkan
pesan
Account
anda telah
diupdate
Sesuai
harapan
Valid

F. Pengujian Terhadap Form Detail Produk
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Detail Produk
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Kondisi stok
produk nol ,
lalu mengklik
tombol Beli
Jumlah stok: (0)

Sistem akan
menolak
akses
pembelian
dan
menampilkan
pesan Maaf
Sesuai
harapan
Valid
62

stok produk
saat ini
sedang
habis

2 Kondisi stok
produk lebih
besar dari nol
, lalu
mengklik
tombol Beli
Jumlah beli: (>0) Sistem akan
melanjutkan
dan
menampilkan
pesan
Berhasil
masuk ke
keranjang
belanja

Sesuai
harapan
Valid

G. Pengujian Terhadap Form Konfirmasi Pembayaran
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Konfirmasi Pembayaran
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
semua atau
salah satu isian
data
konfirmasi
pembayaran,
lalu langsung
mengklik
tombol
Konfirmasi
Salah satu atau
semua dari :
Nama Lengkap:
(kosong)
No invoice:
(kosong)
Bank Tujuan:
(kosong)
Tanggal Transfer:
(Otomatis)
Bank Pengirim:
(kosong)
No. Rekening
Pengirim: (kosong)
Atas Nama
(Pemilik
Rekening):
(kosong)
Email: (kosong)
Sistem akan
menolak
akses
konfirmasi
pembayaran
dan
menampilkan
pesan Data
belum
lengkap
mohon di cek
kembali
Sesuai
harapan
Valid
63

Alamat: (kosong)
Telepon: (kosong)

2 Mengisi semua
isian data
konfirmasi
pembayaran,
lalu langsung
mengklik
tombol
Konfirmasi
Nama Lengkap:
(terisi)
No invoice:
(terisi)
Bank Tujuan:
(terisi)
Tanggal Transfer:
(terisi)
Bank Pengirim:
(terisi)
No. Rekening
Pengirim: (terisi)
Atas Nama
(Pemilik
Rekening): (terisi)
Email: (terisi)
Alamat: (terisi)
Telepon: (terisi)

Sistem akan
melanjutkan
akses
konfirmasi
pembayaran
dan
menampilkan
pesan
Konfirmasi
berhasil, data
anda akan
kami proses
Sesuai
harapan
Valid

H. Pengujian Terhadap Form Logout
Tabel III.17
Hasil Pengujian Black Box Testing Halaman Logout
No
.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujia
n
Kesimpula
n
1 Langsung
mengklik
tombol
Logout
Sistem akan
melanjutkan
akses logout
dan
menampilkan
pesan
Terimaksih
telah
mengunjungi
website kami

Sesuai
harapan
Valid
64


I. Pengujian Terhadap Form Login Admin
Tabel III.18
Hasil Pengujian Black Box Testing Halaman Login Admin
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Semua atau
salah satu isian
kosong selain
itu tidak
terdaftar pada
database lalu
langsung
mengklik
tombol
Login
Semua atau Salah
satu dari:
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses login
admin dan
menampilkan
pesan
LOGIN
GAGAL!!!
Username
atau password
anda salah
ULANGI
LAGI

Sesuai
harapan
Valid

J. Pengujian Terhadap Form Ganti Password
Tabel III.19
Hasil Pengujian Black Box Testing Halaman Ganti Password
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
semua isian data
input ganti
password, lalu
langsung
mengklik tombol
Proses
Masukan password
lama: (kosong)
Masukkan
Password Baru:
(kosong)
Konfirmasi
Password Baru:
(kosong)

Sistem akan
menolak akses
input ganti
password dan
menampilkan
pesan Anda
harus mengisikan
semua data pada
form Ganti
Password
Sesuai
harapan
Valid
65

2 Mengosongkan
salah satu dari
Masukkan
Password Baru
dan Konfirmasi
Password Baru
atau inputan
kedua data tidak
sama, lalu
langsung
mengklik tombol
Proses
Masukan password
lama: (terisi).
Semua atau Salah
satu dari:
Masukkan
Password Baru:
(kosong)atau(terisi
tetapi tidak sama
dengan
Konfirmasi
Password Baru).
Konfirmasi
Password Baru:
(kosong)atau(terisi
tetapi tidak sama
dengan Masukkan
Password Baru

Sistem akan
menolak akses
input ganti
password dan
menampilkan
pesan Password
baru yang Anda
masukkan
sebanyak dua kali
belum cocok
Sesuai
harapan
Valid
3 Isian data input
dari Masukan
password lama
salah , lalu
langsung
mengklik tombol
Proses
Masukan password
lama: (salah)
Masukkan
Password Baru:
(terisi)
Konfirmasi
Password Baru:
(terisi)

Sistem akan
menolak akses
input ganti
password dan
menampilkan
pesan Anda
salah
memasukkan
Password Lama
Anda
Sesuai
harapan
Valid
4 Semua isian data
input ganti
password terisi,
lalu langsung
mengklik tombol
Proses
Masukan password
lama: (terisi)
Masukkan
Password Baru:
(terisi)
Konfirmasi
Password Baru:
(terisi)

Sistem akan
menolak akses
input ganti
password dan
menampilkan
pesan Password
Telah Berubah
Sesuai
harapan
Valid




66

K. Pengujian Terhadap Form Tambah Produk
Tabel III.20
Hasil Pengujian Black Box Testing Halaman Tambah Produk
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
semua isian
data tambah
produk , lalu
langsung
mengklik
tombol
Simpan
Nama Produk:
(kosong)
Kategori: (kosong)
Harga : (kosong)
Stok: (kosong)
Deskripsi: (kosong)
Gambar: (kosong)

Sistem akan
menolak
akses tambah
produk dan
menampilkan
pesan Anda
belum
menginput
data!!!
Sesuai
harapan
Valid
2 Mengosongkan
beberapa dari
isian data
tambah produk
, lalu langsung
mengklik
tombol
Simpan
Beberapa dari:
Nama Produk:
(kosong)
Kategori: (kosong)
Harga : (kosong)
Stok: (kosong)
Deskripsi: (kosong)
Gambar: (kosong)

Sistem akan
menolak
akses tambah
produk dan
menampilkan
pesan
Beberapa
data kosong,
mohon dicek
kembali!!!
Sesuai
harapan
Valid
3 Semua isian
data tambah
produk terisi,
lalu langsung
mengklik
tombol
Simpan
Nama Produk:
(terisi)
Kategori: (terisi)
Harga : (terisi)
Stok: (terisi)
Deskripsi: (terisi)
Gambar: (terisi)

Sistem akan
melanjutkan
akses tambah
produk dan
menampilkan
pesan Data
Berhasil
tersimpan.
Sesuai
harapan
Valid

L. Pengujian Terhadap Form Edit Produk
Tabel III.21
Hasil Pengujian Black Box Testing Halaman Edit Produk
No. Skenario Text case Hasil yang Hasil Kesimpulan
67

pengujian diharapkan pengujian
1 Beberapa isian
data edit
produk
terubah
kecuali Ganti
Gbr, lalu
langsung
mengklik
tombol
Update
Salah satu dari:
Nama Produk:
(terubah)
Kategori: (terubah)
Harga : (terubah)
Stok: (terubah)
Deskripsi: (terubah)

Ganti Gbr: (kosong)

Sistem akan
melanjutkan
akses edit
produk dan
menampilkan
pesan Data
Berhasil di
Update.
Sesuai
harapan
Valid
1 Beberapa isian
data edit
produk
terubah, lalu
langsung
mengklik
tombol
Update
Salah satu dari:
Nama Produk:
(terubah)
Kategori: (terubah)
Harga : (terubah)
Stok: (terubah)
Deskripsi: (terubah)
Ganti Gbr: (terisi)

Sistem akan
melanjutkan
akses edit
produk dan
menampilkan
pesan Data
dan Gambar
Berhasil di
Update.
Sesuai
harapan
Valid

M. Pengujian Terhadap Form Tambah Member
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Tambah Member
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Mengosongkan
semua isian
data tambah
member , lalu
langsung
mengklik
tombol
Simpan
Id Member:
(kosong)
Username:
(kosong)
Password :
(kosong)
Nama Lengkap:
(kosong)
Alamat: (kosong)
Email: (kosong)
No. Tlp/HP:
(kosong)

Sistem akan
menolak
akses tambah
member dan
menampilkan
pesan Anda
belum
menginput
data!!!
Sesuai
harapan
Valid
68

2 Mengosongkan
beberapa dari
isian data
tambah
member , lalu
langsung
mengklik
tombol
Simpan
Beberapa dari:
Id Member:
(kosong)
Username:
(kosong)
Password :
(kosong)
Nama Lengkap:
(kosong)
Alamat: (kosong)
Email: (kosong)
No. Tlp/HP:
(kosong)
Sistem akan
menolak
akses tambah
member dan
menampilkan
pesan
Beberapa
data kosong,
mohon dicek
kembali!!!
Sesuai
harapan
Valid
3 Semua isian
data tambah
member terisi,
lalu langsung
mengklik
tombol
Simpan
Id Member: (terisi)
Username: (terisi)
Password : (terisi)
Nama Lengkap:
(terisi)
Alamat: (terisi)
Email: (terisi)
No. Tlp/HP: (terisi)
Sistem akan
melanjutkan
akses tambah
member dan
menampilkan
pesan Data
Berhasil
tersimpan.
Sesuai
harapan
Valid

N. Pengujian Terhadap Form Edit Member
Tabel III.23
Hasil Pengujian Black Box Testing Halaman Edit Member
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Beberapa isian
data edit
member
terubah
kecuali
Username
dan
Password,
lalu langsung
mengklik
tombol
Update
Beberapa dari:
Id Member:
(terubah)
Username: (kosong)
Password : (kosong)
Nama Lengkap:
(terubah)
Alamat: (terubah)
Email: (terubah)
No. Tlp/HP:
(terubah)
Sistem akan
melanjutkan
akses edit
member dan
menampilkan
pesan
Account
Berhasil di-
Update.
Sesuai
harapan
Valid
69

1 Beberapa isian
data edit
member
terubah, lalu
langsung
mengklik
tombol
Update
Beberapa dari:
Id Member:
(terubah)
Username: (terisi)
Password : (terisi)
Nama Lengkap:
(terubah)
Alamat: (terubah)
Email: (terubah)
No. Tlp/HP:
(terubah)
Sistem akan
melanjutkan
akses edit
member dan
menampilkan
pesan
Account dan
Password
Berhasil di-
Update.
Sesuai
harapan
Valid

O. Pengujian Terhadap Form Detail Order
Tabel III.24
Hasil Pengujian Black Box Testing Halaman Detail order
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Merubah
status order,
lalu langsung
mengklik
tombol
Ubah
Status order:
(Pesan
atauLunas)
Sistem akan
melanjutkan
akses ubah
status order
dan
menampilkan
pesan Status
order
berhasil
dirubah
menjadi
(Pesan atau
Lunas)
Sesuai
harapan
Valid

P. Pengujian Terhadap Form Tambah Kategori
Tabel III.25
Hasil Pengujian Black Box Testing Halaman Tambah Kategori
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
70

1 Mengosongkan
isian data
tambah
kategori , lalu
langsung
mengklik
tombol
Simpan
Nama Kategori:
(kosong)
Sistem akan
menolak
akses tambah
member dan
menampilkan
pesan Anda
belum
menginput
data!!!
Sesuai
harapan
Valid
2 isian data
tambah
kategori terisi,
lalu langsung
mengklik
tombol
Simpan
Nama Kategori:
(terisi)

Sistem akan
melanjutkan
akses tambah
Kategori dan
menampilkan
pesan Data
Berhasil
tersimpan.
Sesuai
harapan
Valid

Q. Pengujian Terhadap Form Edit Kategori
Tabel III.26
Hasil Pengujian Black Box Testing Halaman Edit Kategori
No.
Skenario
pengujian
Text case
Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Isian data
tambah
kategori
terubah, lalu
langsung
mengklik
tombol
Update
Nama Kategori:
(terubah)

Sistem akan
melanjutkan
akses tambah
Kategori dan
menampilkan
pesan Data
Berhasil di
Update.
Sesuai
harapan
Valid