BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Internet tidak hanya digunakan oleh kalangan tertentu saja, akan tetapi
internet telah digunakan oleh semua kalangan. Dikarenakan banyak website
bermunculan, diantaranya memberikan informasi seperti yang ada di televisi maupun
surat kabar. Website ini dibuat untuk kemudahan dalam pemberian informasi bagi
konsumen.
Dalam Tugas Akhir ini penulis membuat sebuah halaman website yang
difokuskan pada informasi tentang jasa dan produk dari penjualan sepatu olahraga
serta pada website ini konsumen dapat berbelanja sepatu olahraga melalui online.
Fasilitas website ini dibuat guna untuk mempermudah konsumen berbelanja sepatu
olahraga tanpa terhalang oleh jarak dan waktu. Jadi konsumen dapat berbelanja kapan
saja dan dimana saja.
Berikut ini adalah spesifikasi kebutuhan (system requirement) dari sistem ecommerce.
A. Halaman Admin
Halaman ini adalah tempat dimana administrator masuk kedalam website.
Untuk memperbaharui informasi yang ada didalam website. Berikut ini adalah
uraian yang terdapat pada halaman administrator :
1. Admin dapat melakukan login ke dalam sistem

33

34

2. Admin dapat mengelola data admin

3. Admin dapat mengelola data pelanggan
4. Admin dapat mengelola data merek
5. Admin dapat mengelola data produk
6. Admin dapat mengelola data pembelian
7. Admin dapat mengelola konfirmasi
8. Admin dapat logout dari sistem
B. Halaman User
Halaman ini merupakan halaman pengunjung yang dapat diakses oleh
member, pada halamaman ini member dapat melihat produk, tentang kami, kontak
kami, melakukan transaksi pembelian dan lain-lain. Berikut uraian yang terdapat pada
halaman ini:
1. Pelanggan dapat melakukan login ke dalam sistem
2. Pelanggan dapat melihat informasi produk terbaru
3. Pelanggan dapat melihat informasi detail produk
4. Pelanggan dapat menghubungi admin
5. Pelanggan dapat melihat produk berdasarkan kategori
6. Pelanggan dapat melihat produk terlaris
7. Pelanggan dapat langsung melakukan pencarian produk
8. Pelanggan dapat melihat informasi cara pemesanan produk
9. Pelanggan dapat melihat banyaknya produk yang dipesan
10. Pelanggan dapat melakukan konfirmasi pembayaran

35

C. Halaman Front Page

Halaman ini merupakan halaman pengunjung yang dapat melihat produk, cara
belanja, detail produk, namun belum dapat melakukan transaksi. Berikut uraian yang
terdapat pada halaman ini:
1.
2.
3.
4.
5.
6.
7.

Pengunjung dapat melihat informasi produk terbaru

Pengunjung dapat melihat produk berdasarkan kategori
Pengunjung dapat mencari produk
Pengunjung dapat melihat detail produk
Pengunjung dapat melihat informasi cara pemesanan produk
Pengunjung dapat menghubungi admin
Pengunjung dapat mendaftar jadi member

3.2. Perancangan Perangkat Lunak

3.2.1. Rancangan Antar Muka
A. Rancangan Antar Muka Login Admin
Halamanan Login admin merupakan awal pada web administrator. Pada
halaman ini seorang admin harus memasukkan username dan password sebelum
masuk ke halaman lainnya. Di dalam halaman admin terdapat rancangan sebagai
berikut:

1. Rancangan Halaman Login Admin

36

Gambar III.1
Rancangan Halaman Login Admin
2. Rancangan Halaman Tambah Admin

Gambar III.2
Rancangan Halaman Tambah Admin
3. Rancangan Halaman Tambah Kategori

37

Gambar III.3
Rancangan Halaman Tambah Kategori
4. Rancangan Halaman Tambah Produk

Gambar III.4
Rancangan Halaman Tambah Produk
B. Website User

38

Website user merupakan website yang ditunjukan untuk para pengunjung web
atau web publikasi, yang dikelola melalui web administrator. Di dalam web user
terdapat rancangan sebagai berikut:
1. Rancangan Halaman Front Page

Gambar III.5
Rancangan Halaman Front Page

2. Rancangan Halaman Login Member

39

Gambar III.6
Rancangan Halaman Login Member
3. Rancangan Daftar Member

Gambar III.7
Rancangan Halaman Daftar Member
4. Rancangan Detail Produk

40

Gambar III.8
Rancangan Halaman Detail Produk
5. Rancangan Keranjang Belanja

Gambar III.9
Rancangan Halaman Keranjang Belanja

6. Konfirmasi Pembayaran

41

Gambar III.10
Rancangan Halaman Konfirmasi Pembayaran

3.2.2. Basis Data

A. Entity Relationship Diagram (ERD)

42

Gambar III.11
Entity Relationship Diagram

B. Logical Relational Structure (LRS)

43

Gambar III.12
Logical Relational Structure
C. Spesifikasi File
1. Spesifikasi Halaman Website Administrator
a. Halaman Admin
Nama File
: Login Admin
Akronim
: admin.MYD
Fungsi
: Untuk akses masuk ke ruang admin
Tipe File
: File Master
Organisasi File
: Index Sequential
Akses File
: Random
Media
: Harddisk
Panjang Record
: 243
Kunci Field
: id_admin
Software
: MySql
Tabel III.1
Spesifikasi File Admin
No
1
2

Elemen Data
id admin
Nama

3
4

Username
Password

Akronim
id_admin
nama_admi
n
username
password

Tipe
Integer
Varchar

Size
3
50

Varchar
Varchar

20
100

Keterangan
Primary Key

44

5
6

Email
nomor telepon

Email
no_tlp

Varchar
Enum

50
20

b. Halaman Data Produk

Nama File
: Produk
Akronim
: produk.MYD
Fungsi
: Untuk tambah, edit, atau hapus produk
Tipe File
: File Master
Organisasi File
: Index Sequential
Akses File
: Random
Media
: Harddisk
Panjang Record
: 251
Kunci Field
: Id_produk, Ket_produk
Software
: MySql
Tabel III.2
Spesifikasi File Produk
No
1
2
3
4
5
6
7
8
9
10

Elemen Data
Id produk
Id kategori
Tipe
Keterangan
Harga
Stok
Tanggal masuk
Id tipe
Gambar
Diskon

c. Halaman Transaksi
Nama File
Akronim
Fungsi
Tipe File
Organisasi File
Akses File
Media
Panjang Record
Kunci Field
Software

Akronim
id_produk
id_kategori
tipe_produk
ket_produk
hrg_produk
stok_produk
tgl_masuk
id_tipe
gbr_produk
diskon_produk

Tipe
Integer
Integer
Varchar
Text
Integer
Integer
Date
Integer
Varchar
Integer

Size
5
5
100

Keterangan
Primary Key
Primary Key

20
5
11
100
5

: Transaksi_temp
: transaksi_temp.MYD
: Untuk mengolah data transaksi sementara
: File Master
: Index Sequential
: Random
: Harddisk
: 51
:: MySql
Tabel III.3
Spesifikasi File Transaksi Temporer

45

No
1
2
3
4
5
6

Elemen Data
Kode transaksi
Id produk
Id member
Harga
Jumlah
Subtotal

Akronim
kode_transaksi
id_produk
id_member
Harga
Jumlah
Subtotal

Tipe
Varchar
Integer
Integer
Integer
Integer
integer

Size
14
5
5
11
5
11

Keterangan

2. Spesifikasi Halaman User

a. Halaman Kontak Kami
Nama File
: Hubungi
Akronim
: hubungi.MYD
Fungsi
: Form untuk menghubungi admin
Tipe File
: File Master
Organisasi File
: Index Sequential
Akses File
: Random
Media
: Harddisk
Panjang Record
: 255
Kunci Field
: id_hubungi
Software
: MySql
Tabel III.4
Spesifikasi File Kontak Kami
No
1
2
3
4
5
6

Elemen Data
Id hubungi
Nama
Email
Subjek
Pesan
Tanggal

b. Halaman Kategori
Nama File
Akronim
Fungsi
Tipe File
Organisasi File
Akses File
Media
Panjang Record
Kunci Field
Software

Akronim
id_hubungi
Nama
Email
Subjek
Pesan
Tanggal

Tipe
Integer
Varchar
Varchar
Varchar
Text
Date

: Kategori
: kategori.MYD
: Menentukan jenis produk
: File Master
: Index Sequential
: Random
: Harddisk
: 105
: id_kategori
: MySql

Size
5
50
100
100

Keterangan
Primary Key

46

Tabel III.5
Spesifikasi File Kategori
No
1
2

Elemen Data
Id kategori
Nama kategori

c. Halaman Konfirmasi
Nama File
Akronim
Fungsi
Tipe File
Organisasi File
Akses File
Media
Panjang Record
Kunci Field
Software

No
1
2
3
4
5
6
7
8
9
10

Akronim
Tipe
id_kategori
Integer
nama_kategori Varchar

Size
5
100

Keterangan
Primary Key

: Konfirmasi
: konfirmasi.MYD
: Konfirmasi pembayaran
: File Master
: Index Sequential
: Random
: Harddisk
: 214
: alamat
: MySql
Tabel III.6
Spesifikasi File Konfirmasi

Elemen Data
Kode transaksi
Nama
Atas nama
Pemilik
No rekening
Tujuan
Tanggal
Email
Alamat
Telepon

Akronim
kode_transaksi
Nama
bank_pemilik
pemilik
norekening
bank_tujuan
Tanggal
Email
Alamat
Telepon

Tipe
Varchar
Varchar
Varchar
Varchar
Varchar
Varchar
Date
Varchar
Text
Varchar

Size
14
25
25
25
50
25

Keterangan

25
Primary Key
25

d. Halaman Semua Produk

Nama File
: Tipe
Akronim
: tipe.MYD
Fungsi
: Menentukan produk berdasarkan merek
Tipe File
: File Master
Organisasi File
: Index Sequential
Akses File
: Random
Media
: Harddisk
Panjang Record
: 105
Kunci Field
:Software
: MySql

47

Tabel III.7
Spesifikasi File Tipe
No
1
2

Elemen Data
Id tipe
Nama Tipe

Akronim
id_tipe
nama_tipe

Tipe
Integer
Varchar

Size
5
100

Keterangan

3.2.3. Struktur Navigasi

Pada penjualan sepatu online menggunakan struktur navigasi campuran (Full
Web Model). Struktur navigasi berupa susunan dari website secara menyeluruh.
A. Struktur Navigasi Admin
Admin harus melakukan login terlebih dahulu untuk dapat mengolah data-data
yang terdapat dalam menu-menu yang ada di beranda admin.

Gambar III.13
Struktur Navigasi Admin
B. Struktur Navigasi User
Setelah pengunjung sudah terdaftar sebagai pelanggan / pembeli, kemudian
login pada menu login yang telah disediakan untuk dapat membeli produk-produk.

48

Gambar III.14
Struktu Navigasi User
C. Struktur Navigasi Front Page
Berikut ini adalah struktur navigasi untuk pengunjung. Pengunjung hanya bisa
melihat produk-produk, apabila pengunjung ingin membeli produk maka pengunjung
harus mendaftar sebagai member untuk bisa login.

Gambar III.15
Struktur Navigasi Front Page

49

3.3. Implementasi dan Pengujian Unit

3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
1. Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan
menu-menu yang tersedia. Jika login berhasil, maka menu-menu yang ada di
halaman beranda admin akan ditampilkan.

Gambar III.16
Halaman Login Admin
2. Halaman Tambah Admin

Gambar III.17
Halaman Tambah Admin

50

3. Halaman Tambah Kategori

Gambar III.18
Halaman Tambah Kategori

4. Halaman Tambah Produk

51

Gambar III.19
Halaman Tambah Produk

5. Halaman Front Page

52

Gambar III.20
Halaman Front Page

6. Halaman Login Member

53

Gambar III.21
Halaman Login Member
7. Halaman Daftar Member

Gambar III.22
Halaman Daftar Member

8. Halaman Detail Produk

54

Gambar III.23
Halaman Detail Produk
9. Halaman Keranjang Belanja

Gambar III.24
Halaman Keranjang Belanja
10. Halaman Konfirmasi

55

Gambar III.25
Halaman Konfirmasi
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang
digunakan untuk mengimplementasikan aplikasi e-commerce untuk website penjualan
sepatu.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
a) Processor Intel(R) Pentium(R) CPU 2020M @ 2,40Ghz
b) RAM DDR3 2GB
c) Hard Disk 500GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar 1366 x 768
5) Koneksi internet dengan kecepatan modem 21Mbps
b. Client
1) CPU
2) Monitor
2. Spesifikasi Perangkat Lunak
a. Server
1) Microsoft Windows 8.1
2) XAMPP yang terdiri dari:
a) Aplikasi Apache Server v2

56

b) Aplikasi PHP server v5

c) Aplikasi MySQL server v5
d) Aplikasi phpMyAdmin v3
3) Aplikasi web browser Google Chrome
b. Client
1) Microsoft Windows 8.1
2) Aplikasi web browser Google Chrome

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
A. Pengujian Terhadap Form Login Admin
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Login Admin
No

Sekenario
Pengujian

Hasil
yang
diharapkan
Sistem akan menolak
Username dan Username:
akses
login
dan
Password tidak (kosong)
menampilkan Email
diisi kemudian Password:
atau Password anda
klik login
(kosong)
salah
Mengetikan
Username dan
Sistem akan menolak
Username:
Password tidak
akses
login
dan
ikhsan
diisi
atau
menampilkan Email
Password:
kosong
atau Password anda
(kosong)
kemudian klik
salah
login
Mengetikkan
Username: Sistem
menerima
Username dan ikhsan
akses
login
dan
Password
Password: kemudian langsung
dengan
data 1234
menampilkan menu
Text Case

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

Sesuai
harapan

Valid

Sesuai
harapan

Valid

57

yang
benar
kemudian klik
login

utama

B. Pengujian Terhadap Form Tambah Admin

Tabel III.9
Hasil Pengujian Black Box Testing Halaman Tambah Admin
No

Sekenario
Pengujian
Mengosongkan
semua
isian
yang ada di
menu tambah
admin
kemudian klik
simpan

Mengisi salah
satu
menu
tambah admin
dan
sisanya
dikosongkan
kemudian klik
simpan

Mengisi semua
menu tambah
admin dengan
benar kemudian
klik simpan

Text Case
Username,
password,
nama
lengkap,
email, dan
telepon
(kosong)
Username
(ikhsan),
password,
nama
lengkap,
email, dan
telepon
(kosong)
Username,
password,
nama
lengkap,
email, dan
telepon
(diisi)

Hasil
diharapkan

yang Hasil
Pengujian

Kesimpulan

Sistem akan menolak

akses simpan dan
Sesuai
menampilkan Data
harapan
yang anda masukan
belum lengkap!

Valid

Sistem akan menolak

akses simpan dan
Sesuai
menampilkan Data
harapan
yang anda masukan
belum lengkap!

Valid

Sistem
menerima
akses daftar dan Sesuai
menyimpan
akun Harapan
admin yang baru

Valid

C. Pengujian Terhadap Form Tambah Kategori

Tabel III.10
Hasil Pengujian Black Box Testing Halaman Tambah Kategori
No
1
2

Sekenario
Pengujian
Nama Kategori
tidak
diisi
kemudian klik
simpan
Mengisi Nama

Text Case
Nama
Kategori:
(kosong)
Nama

Hasil
yang
diharapkan
Sistem akan menolak
dan
menampilkan
Nama
Kategori
Belum Diisi!
Sistem
akan

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

Sesuai

Valid

58

Kategori
kemudian
simpan

Kategori:
klik Sepatu
Futsal

menerima
menyimpan
kategori

dan
nama harapan

D. Pengujian Terhadap Form Tambah Produk

Tabel III.11
Hasil Pengujian Black Box Testing Halaman Tambah Produk
No

Sekenario
Pengujian

Mengosongkan
semua
isian
yang ada di
menu tambah
produk
kemudian klik
simpan

Mengisi salah
satu isian yang
ada di menu
tambah produk
kemudian klik
simpan

Mengisi semua
isian yang ada
di menu tambah
produk
kemudian klik
simpan

Text Case
Kategori,
merek,
nama
keterangan
,
harga,
diskon,
gambar,
stok:
(kosong)
Kategori(s
epak bola)
merek,
nama
keterangan
,
harga,
diskon,
gambar,
stok:
(kosong)
Kategori,
merek,
nama
keterangan
,
harga,
diskon,
gambar,
stok:
(diisi)

Hasil
diharapkan

yang Hasil
Pengujian

Kesimpulan

Sistem akan menolak

akses simpan dan
Sesuai
menampilkan Data
harapan
yang anda masukan
belum lengkap!

Valid

Sistem akan menolak

akses simpan dan
Sesuai
menampilkan Data
harapan
yang anda masukan
belum lengkap!

Valid

Sistem
menerima
menyimpan
produk

Valid

akan
dan Sesuai
data harapan

59

E. Pengujian Terhadap Form Login Member

Tabel III.12
Hasil Pengujian Black Box Testing Halaman Login Member
No

Sekenario
Pengujian

Text Case

Email
dan
Password tidak
diisi kemudian
klik login

Email:
(kosong)
Password:
(kosong)

Mengetikan
Email
dan
Password tidak
diisi
atau
kosong
kemudian klik
login
Mengetikkan
Email
dan
Password
dengan
data
yang
benar
kemudian klik
login

Email:
muhamma
d_ikhsani
@ymail.co
m
Password:
(kosong)
Email:
muhamma
d_ikhsani
@ymail.co
m
Password:
1234

Hasil
yang
diharapkan
Sistem akan menolak
akses
login
dan
menampilkan Email
atau Password anda
salah

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

Sistem akan menolak

akses
login
dan
Sesuai
menampilkan Email
harapan
atau Password anda
salah

Valid

Sistem
menerima
akses
login
dan
Sesuai
kemudian langsung
harapan
menampilkan menu
utama

Valid

F. Pengujian Terhadap Form Daftar Member

Tabel III.13
Hasil Pengujian Black Box Testing Halaman Daftar Member
No

Sekenario
Pengujian
Mengosongkan
semua
isian
yang ada di
menu
daftar
member
kemudian klik
simpan

Hasil
yang
diharapkan
Nama,
Sistem
akan
alamat, jenis menolak
akses
kelamin,
simpan
dan
password,
menampilkan
email,
Data yang anda
telepon,
masukan belum
(kosong)
lengkap!
Text Case

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

60

Mengisi salah
satu isian yang
ada di menu
daftar member
kemudian klik
simpan

Mengisi semua
isian yang ada
di menu daftar
member
kemudian klik
simpan

Nama(diisi),
alamat, jenis
kelamin,
password,
email,
telepon,
(kosong)
Nama,
alamat, jenis
kelamin,
password,
email,
telepon,
(diisi)

Sistem
akan
menolak
akses
simpan
dan
Sesuai
menampilkan
harapan
Data yang anda
masukan belum
lengkap!

Valid

Sistem
akan
menyimpan data
daftar dan akan Sesuai
menampilkan
harapan
Selamat Datang
(Nama)

Valid

G. Pengujian Terhadap Form Detail Produk

Tabel III.14
Hasil Pengujian Black Box Testing Halaman Detail Produk
No

Sekenario
Pengujian

Text Case

Mengosongkan
isian jumlah

Jumlah:
(kosong)

Mengisi jumlah
Stok: 5
kurang dari stok
Jumlah: 1
yang ada

Mengisi jumlah
Stok: 5
melebihi
dari
Jumlah: 6
stok yang ada

Hasil
yang
diharapkan
Sistem akan menolak
dan
menampilkan
Anda
belum
mengisi
jumlah
produk
Sistem
akan
menerima dan akan
menampilkan
Produk
berhasil
ditambahkan
ke
keranjang belanja
Sistem akan menolak
dan
menampilkan
Stok barang tidak
mencukupi

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

Sesuai
harapan

Valid

Sesuai
harapan

Valid

H. Pengujian Terhadap Form Keranjang Belanja

Tabel III.15
Hasil Pengujian Black Box Testing Halaman Keranjang Belanja

61

No

Sekenario
Pengujian

Klik
tombol
hapus
pada
Jumlah:1
keranjang
belanja

Text Case

Hasil
yang
diharapkan
Sistem
akan
menerima dan
akan
menampilkan
keranjang
belanja masih
kosong

Hasil
Pengujian

Kesimpulan

Sesuai
harapan

Valid

I. Pengujian Terhadap Form Konfirmasi

Tabel III.16
Hasil Pengujian Black Box Testing Halaman Konfirmasi
No

Sekenario
Pengujian

Mengosongkan
semua
isian
yang ada di
menu
konfirmasi
kemudian klik
konfirmasi data

Mengisi salah
satu isian yang
ada di menu
konfirmasi
kemudian klik
konfirmasi data

Mengisi semua
isian yang ada
di
menu
konfirmasi tapi
tidak
ceklis
perstujuan
kemudian klik
konfirmasi data

Text Case
Nama
pemesan,
email,
telepon
pengirim,
alamat
lengkap pengiriman,
bukti transfer, nama
bank,
no
rekening,tanggal
transfer, bank tujuan,
(kosong)
Nama
pemesan:
ikhsan
,
email,
telepon
pengirim,
alamat
lengkap
pengiriman,
bukti
transfer, nama bank,
no rekening,tanggal
transfer, bank tujuan,
(kosong)
Nama
pemesan,
email,
telepon
pengirim,
alamat
lengkap pengiriman,
bukti transfer, nama
bank,
no
rekening,tanggal
transfer, bank tujuan,
(diisi) Persetujuan
(kosong)

Hasil
diharapkan

yang

Hasil
Penguji
an

Kesimp
ulan

Sistem akan menolak

akses simpan dan Sesuai
Valid
menampilkan Data harapan
anda belum lengkap

Sistem akan menolak

akses simpan dan Sesuai
Valid
menampilkan Data harapan
anda belum lengkap

Sistem akan menolak

akses simpan dan
menampilkan Anda Sesuai
Valid
belum
menyetujui harapan
peraturan
yang
berlaku

62

Mengisi semua
isian yang ada
di
menu
konfirmasi
kemudian klik
konfirmasi data

Nama
pemesan,
email,
telepon
pengirim,
alamat
lengkap pengiriman,
bukti transfer, nama
bank, no rekening,
tanggal
transfer,
bank tujuan, (diisi)

Sistem akan menerima

dan mengirimkan data
tersebut ke admin dan
menampilkan
Sesuai
Valid
konfirmasi
telah harapan
dikirim, kami akan
memproses
konfirmasi anda