19
BAB III
PEMBAHASAN
3.1 Analisis Kebutuhan
1. Functional Requirements
Dalam web ini kami merancang agar user atau pengguna dapat mengakses
data informasi produk dengan lebih mudah.
2. Content Requirements
Konten yang terdapat pada web sistem penjualan ini berupa teks dan
gambar. Web ini membantu petugas penjualan (admin) dalam pengelolaannya.
3. Quality Requirements
Web ini dirancang dengan sistem keamanan yang belum ketat, serta manfaat
dan kegunaan dari web ini adalah untuk mempermudah admin dalam proses
pemesanan/pembelian produk yang dilakukan pelanggan (user).
4. System Environment Requirements
Web ini dapat diakses oleh pelanggan, di PC yang terhubung dengan
internet dimanapun dan kapanpun.
5. User Interface Requirements
Mudah digunakan dengan desain interface yang sederhana dan mudah
dimengerti oleh penggunanya.
6. Evolution Requirements
Web ini akan di update mengikuti perkembangan zaman yang ada.
20
7. Project Constraints
Kendala yang terjadi pada sub sistem yang kami buat adalah pelanggan
belum bisa mendaftarkan dirinya dan hanya bisa melakukan pengisian data saat
pemesanan/pembelian, pelanggan harus mengkonfirmasi melalui telepon untuk
proses transaksi ke admin, namun setelah itu admin akan melakukan pembaharuan
status pemesanan dan mengirim barang yang telah dipesan/dibeli.
3.2 Perancangan Perangkat Lunak
3.2.1 Rancangan Antar Muka
Rancangan antarmuka merupakan gambaran dari tampilan web yang
diusulkan oleh penulis. Pada uraian dibawah ini dapat dijelaskan rancangan
antarmuka yang kami buat.
1. Rancangan Antar Muka Admin
a. Rancangan Antar Muka Login Admin
Gambar III.1.
Rancangan Antar Muka Login Admin
21
b. Rancangan Antar Muka Menu Admin
Gambar III.2.
Rancangan Antar Muka Menu Admin
c. Rancangan Antar Muka Ganti Password
Gambar III.3.
Rancangan Antar Muka Ganti Password
22
d. Rancangan Antar Muka Kategori Produk
1) Rancangan Antar Muka Data Kategori Produk
Gambar III.4.
Rancangan Antar Muka Data Kategori Produk
2) Rancangan Antar Muka Edit Kategori
Gambar III.5.
Rancangan Antar Muka Edit Kategori
23
3) Rancangan Antar Muka Tambah kategori
Gambar III.6.
Rancangan Antar Muka Tambah Kategori
e. Rancangan Antar Muka Produk
1) Rancangan Antar Muka Data Produk
Gambar III.7.
Rancangan Antar Muka Data Produk
24
2) Rancangan Antar Muka Edit Produk
Gambar III.8.
Rancangan Antar Muka Edit Produk
3) Rancangan Antar Muka Tambah Produk
Gambar III.9.
Rancangan Antar Muka Tambah Produk
25
f. Rancangan Antar Muka Penjualan
1) Rancangan Antar Muka Data Penjualan
Gambar III.10.
Rancangan Antar Muka Data Penjualan
2) Rancangan Antar Muka Detail Order
Gambar III.11.
Rancangan Antar Muka Detail Order
26
g. Rancangan Antar Muka Ongkos Kirim
1) Rancangan Antar Muka Data Ongkos Kirim
Gambar III.12.
Rancangan Antar Muka Data Ongkos Kirim
2) Rancangan Antar Muka Tambah Ongkos Kirim
Gambar III.13.
Rancangan Antar Muka Tambah Ongkos Kirim
27
3) Rancangan Antar Muka Edit Ongkos Kirim
Gambar III.14.
Rancangan Antar Muka Edit Ongkos Kirim
h. Rancangan Antar Muka Data Hubungi Kami
Gambar III.15.
Rancangan Antar Muka Data Hubungi Kami
28
i. Rancangan Antar Muka Edit Profil
Gambar III.16.
Rancangan Antar Muka Edit Profil
j. Rancangan Antar Muka Edit Cara Pembelian
Gambar III.17.
Rancangan Antar Muka Edit Cara Pembelian
29
2. Rancangan Antar Muka User
a. Rancangan Antar Muka Menu User
Gambar III.18.
Rancangan Antar Muka Menu User
b. Rancangan Antar Muka Profil
Gambar III.19.
Rancangan Antar Muka Profil
30
c. Rancangan Antar Muka Cara Pembelian
Gambar III.20.
Rancangan Antar Muka Cara Pembelian
d. Rancangan Antar Muka Semua Produk
Gambar III.21.
Rancangan Antar Muka Semua Produk
31
e. Rancangan Antar Muka Produk Perkategori
Gambar III.22.
Rancangan Antar Muka Produk Perkategori
f. Rancangan Antar Muka Detail Produk
Gambar III.23.
Rancangan Antar Muka Detail Produk
32
g. Rancangan Antar Muka Keranjang Belanja
Gambar III.24.
Rancangan Antar Muka Keranjang Belanjaan
h. Rancangan Antar Muka Data Pembeli
Gambar III.25.
Rancangan Antar Muka Data Pembeli
33
i. Rancangan Antar Muka Proses Transaksi Selesai
Gambar III.26.
Rancangan Antar Muka Proses Transaksi Selesai
j. Rancangan Antar Muka Hubungi Kami
Gambar III.27.
Rancangan Antar Muka Hubungi Kami
34
3.2.2 Basis Data
A. Entity Relational Diagram (ERD)
Entity Relational Diagram merupakan pemodelan basis data dengan
menggunakan diagram relasi antar entitas, dapat dilakukan dengan
menggunakan suatu pemodelan basis data. Berikut ERD dari sistem
penjualan yang saya buat :
Gambar III.28.
Entity Relational Diagram
B. Logical Relational Structure (LRS)
Representasi dari struktur record-record pada tabel-tabel yang terbentuk
dari hasil relasi antar himpunan entitas. Berikut LRS dari sistem
pendaftaran yang saya buat :
35
Gambar III.29.
Logical Relational Structure
C. Spesifikasi File
Adapun spesifikasi file yang digunakan dalam perancangan program
penjualan barang elektronik adalah sebagai berikut:
1. Spesifikasi Tabel Admins
Nama File : Tabel Admins
Akronim File : admins
Fungsi File : Menyimpan spesifikasi data admin secara detail
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
36
Media File : Harddisk
Panjang Record : 340
Kunci Field : username
Software : Mysql
Tabel III.1.
Tabel Admins
No Elemen Data Nama Field Tipe Size Ket
1 Username username Varchar 50 Primary
Key
2 Password password Varchar 50
3 Nama Lengkap nama_lengkap Varchar 100
4 Email email Varchar 100
5 No. Tlp no_tlp Varchar 20
6 Level level Varchar 20
7 Blokir blokir Enum(„Y‟,‟N‟)
2. Spesifikasi Tabel Kategori
Nama File : Tabel Kategori
Akronim File : kategori
Fungsi File : Menyimpan spesifikasi data kategori
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 205
Kunci Field : id_kategori
Software : Mysql
37
Tabel III.2.
Tabel Kategori
No Elemen Data Nama Field Tipe Size Ket
1 Id Kategori id_kategori Int 5 Primary Key
2 Nama kategori nama_kategori Varchar 100
3 Kategori Seo kategori_seo Varchar 100
3. Spesifikasi Tabel Produk
Nama File : Tabel Produk
Akronim File : produk
Fungsi File : Menyimpan spesifikasi data produk secara detail
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 345,2
Kunci Field : id_produk
Software : Mysql
Tabel III.3.
Tabel Produk
No Elemen Data Nama Field Tipe Size Ket
1 Id Produk id_produk Int 5 Primary Key
2 Id Kategori id_kategori Int 5 Foreign Key
3 Nama Produk nama_produk Varchar 100
4 Produk Seo produk_seo Varchar 100
5 Deskripsi deskripsi Text
6 Harga Harga Int 20
38
7 Stok Stok Int 5
8 Berat berat Decimal 5,2
9 Tanggal tgl_masuk Date
10 Gambar gambar Varchar 100
11 Dibeli dibeli Int 5
4. Spesifikasi Tabel Orders
Nama File : Tabel Orders
Akronim File : orders
Fungsi File : Menyimpan spesifikasi data order secara detail
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 239
Kunci Field : id_order
Software : Mysql
Tabel III.4.
Tabel Orders
No Elemen Data Nama Field Tipe Size Ket
1 Id Orders id_orders Int 5 Primary Key
2 Nama Kostumer nama_kostumer Varchar 100
3 Alamat alamat Text
4 Telepon telpon Varchar 20
5 Email email Varchar 50
6 Status Order status_order Varchar 50
7 Tanggal Order tgl_order Date
39
8 Jam Order jam_order Time
9 Id Kota id_kota Int 2
10 Total total Int 11
5. Spesifikasi Tabel Orders Detail
Nama File : Tabel Orders Detail
Akronim File : orders_detail
Fungsi File : Menyimpan spesifikasi data order untuk membuat
laporan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 15
Kunci Field : id_orders
Software : Mysql
Tabel III.5.
Tabel Orders Detail
No Elemen Data Nama Field Tipe Size Ket
1 Id Orders id_orders Int 5
2 Id Produk id_produk Int 5
3 Jumlah Jumlah Int 5
40
6. Spesifikasi Tabel Kota
Nama File : Tabel Kota
Akronim File : kota
Fungsi File : Menyimpan spesifikasi data kota
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media File : Harddisk
Panjang Record : 113
Kunci Field : id_kota
Software : Mysql
Tabel III.6.
Tabel Kota
No Elemen Data Nama Field Tipe Size Ket
1 Id Kota id_kota Int 3 Primary Key
2 Nama Kota nama_kota Varchar 100
3 Ongkos Kirim ongkos_kirim Int 10
7. Spesifikasi Tabel Hubungi
Nama File : Tabel Hubungi
Akronim File : hubungi
Fungsi File : Menyimpan spesifikasi data user yang
menghubungi admin secara detail
Tipe File : File Master
Organisasi File : Indexed Sequential
41
Akses File : Random
Media File : Harddisk
Panjang Record : 255
Kunci Field : id_hubungi
Software : Mysql
Tabel III.7.
Tabel Hubungi
No Elemen Data Nama Field Tipe Size Ket
1 Id Hubungi id_hubungi Int 5 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
42
3.2.3 Rancangan Struktur Navigasi
1. Struktur Navigasi Admin
Gambar III.30.
Struktur Navigasi Admin
43
2. Struktur Navigasi User
Gambar III.31.
Struktur Navigasi User
44
3.3 Implementasi dan Pengujian Unit
3.3.1 Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi berisi tampilan antar muka web yang telah dirancang
sebelumnya.
1. Implementasi Halaman Antar Muka Admin
a. Halaman Login Admin
Gambar III.32.
Halaman Login Admin
b. Halaman Menu Admin
Gambar III.33.
Halaman Menu Admin
45
c. Halaman Ganti Password
Gambar III.34.
Halaman Ganti Password
d. Halaman Kategori Produk
1) Halaman Data Kategori
Gambar III.35.
Halaman Data Kategori
46
2) Halaman Edit Kategori
Gambar III.36.
Halaman Edit Kategori
3) Halaman Tambah Kategori
Gambar III.37.
Halaman Tambah Kategori
47
e. Halaman Produk
1) Halaman Data Produk
Gambar III.38.
Halaman Data Produk
2) Halaman Edit Produk
Gambar III.39.
Halaman Edit Produk
48
3) Halaman Tambah Produk
Gambar III.40.
Halaman Tambah Produk
f. Halaman Penjualan
1) Halaman Data Penjualan
Gambar III.41.
Halaman Data Penjualan
49
2) Halaman Detail Order
Gambar III.42.
Halaman Detail Order
g. Halaman Ongkos Kirim
1) Halaman Data Ongkos Kirim
Gambar III.43.
Halaman Data Ongkos Kirim
50
2) Halaman Edit Ongkos Kirim
Gambar III.44.
Halaman Edit Ongkos Kirim
3) Halaman Tambah Ongkos Kirim
Gambar III.45.
Halaman Tambah Ongkos Kirim
h. Halaman Data Hubungi Kami
Gambar III.46.
Halaman Data Hubungi Kami
51
i. Halaman Edit Profil
Gambar III.47.
Halaman Edit Profil
j. Halaman Edit Cara Pembelian
Gambar III.48.
Halaman Edit Cara Pembelian
52
2. Implementasi Antar Muka User
a. Halaman Menu User
Gambar III.49.
Halaman Menu User
b. Halaman Profil
Gambar III.50.
Halaman Profil
53
c. Halaman Cara Pembelian
Gambar III.51.
Halaman Cara Pembelian
d. Halaman Semua Produk
Gambar III.52.
Halaman Semua Produk
54
e. Halaman Produk Perkategori
Gambar III.53.
Halaman Produk Perkategori
f. Halaman Keranjang Belanjaan
Gambar III.54.
Halaman Keranjang Belanjaan
55
g. Halaman Detail Produk
Gambar III.55.
Halaman Detail Produk
h. Halaman Data Pembeli
Gambar III.56.
Halaman Data Pembeli
56
i. Halaman Proses Transaksi Selesai
Gambar III.57.
Halaman Proses Transaksi Selesai
j. Halaman Hubungi Kami
Gambar III.58.
Halaman Hubungi Kami
57
B. Spesifikasi Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang dibutuhkan untuk mengimplementasikan aplikasi Penjualan
Barang Elektronik Berbasis Web.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 4 GB
(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
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
58
2. Spesifikasi Perangkat Lunak
a. Server
1. Sistem operasi yang umum digunakan seperti: Microsoft Windows
atau Linux (Ubuntu, Fedora, dan lain-lain).
2. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad
yang terdiri dari beberapa komponen, diantaranya:
(a) Aplikasi Apache Server v2
(b) Aplikasi PHP Server v5
(c) Aplikasi MySQL Server v5
(d) Aplikasi phpMyAdmin v3
3. Aplikasi Web Lihatr seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
b. Client
1. Sistem operasi yang umum digunakan seperti: Microsoft Windows
atau Linux (Ubuntu, Fedora, dan lain-lain).
2. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
59
3.3.2 Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan black box testing
yang fokus terhadap proses masukan dan keluaran program.
Tabel III.8.
Hasil Pengujian Black Box Testing Halaman Login
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 dan
akan
menampilkan
“Anda
Belum
Mengisikan
Username”
Sesuai
harapan
Valid
2. Mengetikkan
username
dan
password
tidak diisi
atau kosong
kemudian
klik tombol
login.
Email :
owner
Password :
(kosong)
Sistem akan
menolak dan
akan
menampilkan
“Anda
Belum
Mengisikan
Password”
Sesuai
Harapan
Valid
3. Username
tidak diiisi
atau kosong
dan
password
diisi
kemudian
klik tombol
login.
Email :
(kosong)
Password :
admin
Sistem akan
menolak dan
akan
menampilkan
“Anda
Belum
Mengisikan
Username”
Sesuai
Harapan
Valid
4. Mengetikkan
username
dan
password
dengan data yang benar
kemudian
klik tombol
login.
Email :
owner
Password :
admin
Sistem
menerima
akses login
dan
kemudian langsung
menampilkan
menu utama
admin
Sesuai
Harapan
Valid
60
Tabel III.9.
Hasil Pengujian Black Box Testing Tambah Produk
No
.
Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpu
lan
1. Nama
produk,
kategori,
berat, harga,
stok,
deskripsi,
gambar
tidak diisi
kemudian
klik tombol
simpan.
Nama Produk:
(kosong)
Kategori:
(kosong)
Berat: (kosong)
Harga: (kosong)
Stok: (kosong)
Deskripsi:
(kosong)
Gambar:
(kosong)
Sistem akan
menerima
akses dan
produk tidak
ada yang
ditambahkan
Sesuai
harapan
Valid
2. Mengetikan
nama
produk,
kategori.
Berat, harga,
stok,
deskripsi,
gambar
tidak diisi
kemudian
klik tombol
simpan.
Nama Produk:
Acer Aspire One
Z12
Kategori: Laptop
Berat: (kosong)
Harga: (kosong)
Stok: (kosong)
Deskripsi:
(kosong)
Gambar:
(kosong)
Sistem akan
menerima
akses dan
produk tidak
ada yang
ditambahkan
Sesuai
Harapan
Valid
3. Mengetikka
n nama
produk,
kategori,
berat, harga,
stok,
deskripsi,
gambar
kemudian
klik tombol
simpan.
Nama Produk:
Acer Aspire One
Z12
Kategori: Laptop
Berat: 2
Harga: 6000000
Stok: 2
Deskripsi: Full
Specifications of
Laptop Acer
Aspire One Z1
Prosesor Core i3
LAYAR 14
inches
Ram 2GB
VGA Nvidia
Geforce 9900
500MB
Harddisk 500GB
Sistem akan
menerima
akses dan
produk
ditambahkan
Sesuai
Harapan
Valid
61
DVD RW
WiFi
Windows 8.1
CAMERA
Bluetooth
Gambar:
2acer.jpg
Tabel III.10.
Hasil Pengujian Black Box Testing Tambah Kategori
No
.
Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpu
lan
1. Nama
kategori
tidak diisi
kemudian
klik tombol
simpan.
Nama Kategori:
(kosong)
Sistem akan
menerima
akses dan
kategori
ditambahkan
Sesuai
harapan
Valid
2. Mengetikan
nama
kategori
kemudian
klik tombol
simpan.
Nama Kategori:
Laptop
Sistem akan
menerima
akses dan
kategori
ditambahkan
Sesuai
Harapan
Valid
Tabel III.11.
Hasil Pengujian Black Box Testing Tambah Ongkos Kirim
No
.
Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpu
lan
1. Nama kota,
ongkos
kirim
tidak diisi
kemudian
klik tombol
simpan.
Nama Kota:
(kosong)
Ongkos Kirim:
(kosong)
Sistem akan
menerima
akses dan
ongkos kirim
ditambahkan
Sesuai
harapan
Valid
2. Mengetikan nama kota,
ongkos
kirim
tidak diisi
kemudian
Nama Kota: Surabaya
Ongkos Kirim:
(kosong)
Sistem akan menerima
akses dan
ongkos kirim
ditambahkan
Sesuai Harapan
Valid
62
klik tombol
simpan.
3 Mengetikan
ongkos
kirim, nama
kota tidak
diisikan
kemudian
klik tombol
simpan.
Nama Kota:
(kosong)
Ongkos Kirim:
13000
Sistem akan
menerima
akses dan
ongkos kirim
ditambahkan
Sesuai
Harapan
Valid
4 Mengetikan
nama kota,
ongkos
kirim
kemudian
klik tombol
simpan.
Nama Kota:
Surabaya
Ongkos Kirim:
13000
Sistem akan
menerima
akses dan
ongkos kirim
ditambahkan
Sesuai
Harapan
Valid
Tabel III.12.
Hasil Pengujian Black Box Testing Data Pembeli
No. Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Nama,
alamat
lengkap,
telepon,
email, kota
tujuan,
masukan
kode tidak
diisikan
kemudian
klik proses.
Nama: (kosong)
Alamat
Lengkap:
(kosong)
Telepon:
(kosong)
Email: (kosong)
Kota Tujuan:
(kosong)
Masukan Kode:
(kosong)
Sistem akan
menolak
akses dan
menampilkan
“Anda
Belum
Mengisikan
Nama”
Sesuai
Harapan
Valid
2 Mengetikan
nama,
alamat
lengkap.
Telepon,
email, kota
tujuan, masukan
kode tidak
diisikan
kemudian
klik proses.
Nama: Riko
Alamat
Lengkap:
Jakarta
Telepon:
(kosong)
Email: (kosong) Kota Tujuan:
(kosong)
Masukan Kode:
(kosong)
Sistem akan
menolak
akses dan
menampilkan
“Anda
Belum
Mengisikan Telepon”
Sesuai
Harapan
Valid
63
3 Mengetikan
nama,
alamat
lengkap,
telepon,
email tidak
sesuai
format,
kota tujuan,
masukan
kode
kemudian
klik proses.
Nama: riko
Alamat
Lengkap:
jakarta
Telepon:
081234567
Email: riko.co
Kota Tujuan:
jakarta
Masukan Kode:
abcdegh
Sistem akan
menolak
akses dan
menampilkan
“Alamat
email anda
tidak valid,
mungkin
kurang titik
(.) atau tanda
@
Ulangi lagi”
Sesuai
Harapan
Valid
4 Mengetikan
nama,
alamat
lengkap,
telepon,
sesuai
format,
kota tujuan,
masukan
kode
kemudian
klik proses.
Nama: riko
Alamat
Lengkap:
jakarta
Telepon:
081234567
Email:
Kota Tujuan:
jakarta
Masukan Kode:
236cfge
Sistem akan
menerima
akses dan
menampilkan
proses
transaksi
selesai.
Sesuai
Harapan
Valid
Top Related