36
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Toko Gea Collection Bekasi beralamat di Pondok Ungu Permai Blok II
10/6A RT.004 RW.016 Kel. Kaliabang Tengah Kec. Bekasi Utara Kota Bekasi.
Toko Gea Collection Bekasi merupakan usaha kecil yang bergerak dibidang
penjualan pakaian seperti baju gamis, rok, atasan, celana, hijab dan lain-lain..
3.1.1. Sejarah Perusahaan
Toko Gea Collection berdiri pada tanggal 1 April 2013 oleh Ade Maisuri
sebagai pemilik dari usaha ini di wilayah Bekasi. Toko ini telah memiliki Surat
Keterangan Domisili Usaha dengan Nomor: 536/215-KL.KT/IV/2018. Usaha
yang dimiliki oleh beliau bergerak di bidang penjualan pakaian seperti baju gamis,
rok, atasan, celana, hijab dan lain-lain. Toko Gea Collection memiliki 2 orang
karyawan. Banyak customer yang mempercayai kualitas produk dengan bahan
terbaik untuk aktivitas sehari-hari, bukan hanya dalam ruang lingkup keagamaan
dan harga yang lumayan murah untuk kalangan menengah. Toko Gea Collection
menawarkan pakaian dengan desain simple, casual, dan nyaman saat dikenakan di
aktivitas sehari-hari. Produk unggulan yang ada di Toko Gea Collection terletak
pada khimar dan gamis yang diperuntukkan untuk wanita dewasa dengan bahan
ceruti dan perpaduan spesifikasi jahitan dua lapis untuk meminimalisir resiko
tembus pandang.
37
3.1.2. Struktur Organisasi dan Fungsi
Berikut ini penjelasan tugas dan fungsi dalam organisasi Toko Gea
Collection:
Sumber: Toko Gea Collection
Gambar III.1. Struktur Organisasi Toko Gea Collection
Berdasarkan susunan struktur organisasi diatas, dapat dijelaskan mengenai
tugas dan kewajiban yang harus dilaksanakan oleh tiap bagian yaitu:
1. Owner
a. Melakukan pemasaran toko.
b. Menjamin kualitas pelayanan konsumen dan kualitas para pekerja toko.
c. Mengarahkan jalannya usaha Toko Gea Collection guna menjaga kebutuhan
dan keberlangsungan usaha.
d. Menerima laporan-laporan yang berhubungan dengan kegiatan usaha toko.
e. Menggaji para karyawan.
f. Melakukan pengawasan intern para karyawan agar terkontrol.
2. Karyawan
a. Menjual dan menjelaskan spesifikasi barang kepada customer
b. Membuat bukti transaksi penjualan dengan menggunakan nota penjualan.
c. Membuat laporan penjualan dan laporan stok barang setiap bulannya dan
akan diserahkan kepada owner.
Owner
Ade Maisuri
Kayawan
Yulius
Karyawan
Wati
38
3.2. Tinjauan Kasus
Sistem penjualan pada Toko Gea Collection masih menggunakan sistem
manual. Dimana customer harus datang ke toko untuk membeli barang yang
diinginkan. Pada pencatatan transaksi dan pengolahan data mengunakan nota
pembayaran yang kemudian diarsipkan untuk dijadikan laporan penjualan pada
setiap akhir bulannya.
3.2.1 Proses Bisnis Sistem Berjalan
Proses bisnis sistem berjalan pada Toko Gea Collection dilakukan dengan
tujuan untuk mengetahui proses kerja yang sedang berjalan. Adapun prosedur
yang terdapat di Toko Gea Collection adalah:
Pada proses ini, customer datang ke toko untuk melihat dan memilih
barang apa saja yang diinginkan oleh customer. Kemudian karyawan akan
menjelaskan spesifikasi barang yang diinginkan oleh customer. Setelah customer
memutuskan untuk membeli barang, customer langsung memberikan barang
pilihannya ke bagian karyawan. Bagian karyawan akan menghitung dan customer
memproses pembayaran barang secara tunai. Karyawan akan langsung
membuatkan nota penjualan (2 rangkap) bewarna putih dan bewarna merah
sebagai tanda bukti pembayaran customer. Nota penjualan bewarna putih
diserahkan kepada customer dan nota penjualan bewarna merah disimpan dan
diarsipkan. Berdasarkan arsip nota penjualan dan laporan harian, pada akhir bulan
karyawan akan membuat laporan penjualan bulanan yang nantinya akan
diserahkan kepada owner.
39
3.2.2. Activity Diagram Berjalan
Gambar III.2. Activity Diagram Berjalan
act Activity Diagram Berjalan
Customer Karyawan Owner
Pha
se
start
Memilih barang
Membeli barang
Menjelaskan
Spesifikasi barang
Menerima barang
Melakukan pembayaran
barang secara tunai
Memberikan barang
Menghitung barang
Menerima pembayaran
Membuat nota
(2 rangkap)
Memberikan nota
bewarna putih
Menerima nota
bewarna putih
Menyimpan arsip nota
bewarna merahMendapatkan barang
Membuat laporan
Memberikan laporan
penjualan
Menerima laporan
penjualan
finish
40
3.2.3. Dokumen Masukan
Dokumen masukan (input) berisi data-data pada suatu sistem yang
dihasilkan dari proses data, yang kemudian digunakan untuk menghasilkan
keluaran yang diinginkan sesuai kebutuhan. Adapun bentuk dokumen masukan
yang digunakan adalah sebagai berikut:
1. Nama Dokumen : Form Pembelian
Fungsi : Sebagai data barang yang dibeli
Sumber : Owner
Jumlah : 1 Rangkap
Media : Kertas
Tujuan : Karyawan
Bentuk : Lampiran A-1
3.2.4. Dokumen Keluaran
Dokumen keluaran (output) merupakan hasil akhir dari proses penjualan
barang. Adapun bentuk dokumen keluaran tersebut adalah sebagai berikut:
1. Nama Dokumen : Nota Penjualan
Fungsi : Sebagai bukti transaksi penjualan barang
Sumber : Karyawan
Jumlah : 2 Rangkap
Media : Kertas
Tujuan : Customer
Bentuk : Lampiran B-1
41
2. Nama Dokumen : Laporan Penjualan Harian
Fungsi : Sebagai bukti laporan penjualan harian
Sumber : Karyawan
Jumlah : 1 Rangkap
Media : Kertas
Tujuan : Owner
Bentuk : Lampiran B-2
3. Nama Dokumen : Laporan Penjualan Bulanan
Fungsi : Sebagai bukti laporan penjualan bulanan
Sumber : Karyawan
Jumlah : 1 Rangkap
Media : Kertas
Tujuan : Owner
Bentuk : Lampiran B-3
3.2.5. Permasalahan Pokok
Dari hasil pengamatan serta uraian yang telah dijelaskankan di atas,
penulis menemukan beberapa permasalahan yang timbul dan harus segera
dilakukan pemecahannnya, agar tidak mengahambat dalam menyediakan
informasi yang lebih akurat sebagai berikut:
1. Customer masih datang langsung ke toko untuk membeli barang dan
mendapatkan informasi tentang barang terkini yang membutuhkan waktu
dan biaya yang tidak sedikit.
42
2. Pencatatan transaksi dan pengolahan data secara manual, baik nota
maupun laporan memakan biaya untuk pengadaan kertas dan tinta serta
menghambat penyerahan laporan keuangan kepada owner.
3.2.6. Pemecahan Masalah
Berdasarkan masalah yang dihadapi pada Toko Gea Collection penulis
mencoba mencari solusi sebagai berikut:
1. Dengan sistem online berbasis web, customer bisa secara langsung melihat
produk-produk terbaru dan melakukan order dimana pun dan kapan pun
tanpa harus membuang tenaga dan waktu.
2. Dengan adanya sistem, pencatatan transaksi dan pengolahan data dapat
tersimpan langsung di dalam database oleh komputer, sehingga data akan
jauh lebih aman dan terorganisir.
3.3. Analisa Kebutuhan Software
Saat ini internet merupakan salah satu infastruktur komunikasi yang
jangkauan penerimaannya sangat luas dan tanpa batas. Internet pun sering
digunakan sebagai media alternatif untuk menjalankan suatu usaha maupun bisnis.
Dengan keunggulan internet, banyak para pelaku bisnis memanfaatkannya sebagai
suatu media untuk mempromosikan usahanya serta produk-produk yang
dimilikinya dengan membuat sebuah sistem penjualan online atau e-commerce.
Berdasarkan pengamatan penulis, proses penjualan dan pengolahan data
pada Toko Gea Collection masih manual. Maka penulis mengusulkan
pengembangan sistem yang masih manual beralih ke sistem yang baru, dengan
43
menggunakan sistem informasi penjualan berbasis web atau e-commerce. agar
dapat dikenal lebih luas oleh customer yang akan membeli produk-produk yang
ditawarkan tanpa harus datang ke tempatnya secara langsung.
Di website ini memiliki 3 halaman user interface yaitu halaman
pengunjung, member dan halaman admin. Ketiga halaman tersebut mempunyai
fungsi, tujuan, dan proses yang berbeda. Pada halaman pengunjung hanya bisa
melihat tanpa membeli produk yang ditawarkan pada website. Sedangkan untuk
member bisa melihat, membeli produk, dan melakukan konfirmasi pembayaran
produk. Pada halaman admin berfungsi untuk menerima konfirmasi pembayaran
dan pengolahan data sampai laporan yang dikelola oleh admin.
3.3.1. Analisa Kebutuhan
1. Pengunjung
A.1. Pengunjung dapat melakukan pendaftaran member untuk melakukan
login.
A.2. Pengunjung dapat melihat produk.
2. Member
B.1. Member dapat melakukan login.
B.2. Member dapat melihat produk.
B.3. Member dapat melakukan pembelian produk.
B.4. Member dapat melakukan konfirmasi pembayaran.
B.5. Member dapat melakukan log out.
44
3. Admin
C.1. Admin dapat melakukan login.
C.2. Admin dapat mengolah data kategori produk.
C.3. Admin dapat mengolah data produk.
C.4. Admin dapat mengolah data member.
C.5. Admin dapat mengolah data pemesanan.
C.6. Admin dapat melihat konfirmasi pembayaran.
C.7. Admin dapat membuat laporan mingguan.
C.8. Admin dapat membuat laporan bulanan.
C.9. Admin dapat melakukan log out.
45
3.3.2. Use Case Diagram
1). Use Case Diagram Pengunjung
Gambar III.3. Use Case Diagram Pengunjung
2). Deskripsi Use Case Diagram Pengunjung
Tabel III.1.
Deskripsi Use Case Diagram Pengunjung
Use Case Narative Pengunjung
Tujuan Melakukan register kedalam sistem untuk
mengisi formulir pendaftaran member
Deskripsi Sistem ini memungkinkan aktor untuk
mengakses website
Skenario Utama
Aktor Pengunjung
Lihat Produk
Beli
Pengunjung
Jumlah
Catatan
Register
Isi Data Diri
Daftar
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
46
Kondisi Awal Aktor membuka website
Aksi Aktor Reaksi Sistem
1. Aktor Memilih Tombol
Registrasi
Sistem akan menampilkan formulir pendaftaran
member
2. Melihat Produk
Sistem akan menampilkan semua produk
3. Kondisi Akhir Jika perintah sesuai maka aktor dapat
melakukan aktivitas di dalam sistem
3). Use Case Diagram Member
Gambar III.4. Use Case Diagram Member
Lihat Produk
Beli Produk
Member
Jumlah
Catatan
Keranjang
Belanja
Lanjut Belanja
Selesai Belanja
Konfirmasi
PembayaranIsi Konfirmasi
Kirim
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
Login
Logout
47
4). Deskripsi Use Case Diagram Member
Tabel III.2.
Deskripsi Use Case Diagram Member
Use Case Narative Member
Tujuan Melakukan login kedalam sistem untuk
pemesanan barang
Deskripsi Sistem ini memungkinkan aktor untuk
mengakses website
Skenario Utama
Aktor Member
Kondisi Awal Aktor membuka website
Aksi Aktor Reaksi Sistem
1. Aktor Memilih Tombol
Login
Sistem akan menampilkan textbox mengisi
username dan password
2. Melihat Produk Sistem akan menampilkan semua produk
3. Aktor Memilih Tombol
Beli Produk
Sistem akan menampilkan form data
pembelian
4. Aktor Memilih Tombol
Keranjang Belanja
Sistem akan menampilkan jumlah item
belanja yang telah dipilih
5. Aktor Memilih Tombol
Konfirmasi Pembayaran
Sistem akan menampilkan textbox nomor
invoice
Kondisi Akhir
Jika perintah sesuai maka aktor dapat
melakukan aktivitas di dalam sistem
48
5). Use Case Diagram Admin
Gambar III.5. Use Case Diagram Admin
Mengolah
Kategori Produk
Tambah
<<include>>
Admin
Simpan
Delete
Mengolah
Data ProdukSimpan
Tambah
Mengolah
Data MemberEdit
Delete
<<include>>
<<include>>
<<include>>
<<include>>
Login
Delete
Logout
Input
Username
Input
Password
<<include>>
<<include>>
<<include>>
<<include>>
Simpan
<<include>>
<<include>>
Daftar Pesanan
Mengolah
Status Pesanan
Kembali
<<include>>
<<include>>
Konfirmasi
Pembayaran
Lihat
Kembali
<<include>>
<<include>>
Laporan
Penjualan
Laporan
Mingguan
Laporan
Bulanan
<<include>>
<<include>>
49
6). Deskripsi Use Case Diagram Admin
Tabel III.3
Deskripsi Use Case Diagram Admin
Use Case Narative Admin
Tujuan Melakukan login ke dalam sistem untuk
mengolah pemesanan barang
Deskripsi Sistem ini memungkinkan aktor untuk
membuka halaman administrator
Skenario Utama
Aktor Admin
Kondisi Awal Aktor akan membuka menu admin
Aksi Aktor Reaksi Sistem
1. Aktor Mengakses Menu
Login
Sistem akan menampilkan textbox mengisi
username dan password
2. Aktor Memilih Tombol
Daftar Kategori Produk
Sistem akan menampilkan data kategori
produk
3. Aktor Memilih Tombol
Data Produk
Sistem akan menampilkan data produk
4. Aktor Memilih Tombol
Data Member
Sistem akan menampilkan data member
5. Aktor Memilih Tombol
Daftar Pesanan
Sistem akan menampilkan daftar pesanan
6. Aktor Memilih Tombol
Konfirmasi Pembayaran
Sistem akan menampilkan data konfirmasi
pembayaran
7. Aktor Memilih Tombol
Laporan Penjualan
Sistem akan menampilkan laporan penjualan
mingguan dan bulanan
Kondisi Akhir
Jika perintah sesuai maka aktor dapat
melakukan aktivitas di dalam sistem
50
3.3.3. Activity Diagram
1). Activity Diagram Pendaftaran Member dan Login
Gambar III.6. Activity Diagram Pendaftaran Member dan Login
act Activity Diagram Pendaftaran Member dan Login Member
Member Sistem
Ph
ase
megunjungi website
register login
tampil halaman
beranda
tampil textbox
username dan password
tampil form
pendaftaran member
input username dan
password
tampil halaman
member
start
Tidak Valid
Valid
bukan member member
tampil form
gagal login
finish
input data diri dan
username baru
pilih tombol daftar
51
2). Activity Diagram Pembelian dan Pembayaran Produk
Gambar III.7. Activity Diagram Pembelian dan Pembayaran Produk
act Activity Diagram Pembelian dan Pembayaran Produk
SistemMember
Phas
e
melakukan login tampil halaman beranda
pilih
produktampil detail produk
tampil form data pesanan
beli
isi jumlah
pembelian
tampil form checkout belanja
melakukan pembayaran
tampil form invoice
pilih menu konfirmasi pembayaran tampil textbox nomor invoice
Input No Invoice dan pilih tombol
cek invoice
tampil form sukses konfirmasi
pembayaran
start
finish
Ya Tidak
input jenis pengiriman produk
selesai
Ya Tidak
selesai
belanja
lanjut
belanja
tampil form konfirmasi
pembayaran
upload bukti transfer pembayaran
52
3). Activity Diagram Admin
Gambar III.8. Activity Diagram Admin
act Activity Diagram Admin
Admin Sistem
Ph
ase
melakukan login
tampil menu admininput username dan
password
pilih menu admin
mengolah
daftar
produk
mengolah
kategori
produk
mengolah
data
member
mengolah
daftar
pesanan
simpan daftar pesanan
simpan data member
simpan kategori produk
simpan daftar produk
cek konfirmasi pembayaran
melakukan pengiriman
simpan data pengiriman
53
3.4. Desain
3.4.1. Entity Relationship Diagram (ERD)
Gambar III.9. Entity Relationship Diagram (ERD)
Konsumen
nama
jns_klmn
kota_id
password
alamatusername
tgl_lhir
id_konsumen
no_hp
melakukan Order
id_knfrmsi_pmbyrankurir
id_konsumen
nm_ktgori
jml_beli
nm_prduk
mempunyaiKategori Produk
nm_ktgori
kategori_seo
id_ktgri_prdk
Produk
id_produk
prdk_seo
memiliki
nm_prduk
satuan
hrg_beli
hrg_rseler
ket
hrg_knsmn
berat
id_ktgri_prdk
diskon
gambar
dikelola
Admin
nm_lngkp
password
id_users
level
username
id_session
blokir
no_hp
foto
KonfirmasiPembayaran
id_knfrmsi_pmbayrn
id_pnjlan
to_trans
id_rkening
wkt_knfrmsi
melakukan
bkti_trans
tgl_trans
nm_pngrm
dikelola
Pengiriman Produk
kurir
id_knfrms_pmbyrn
kota_id
no_trnsksi
provinsi_id
id_knsumen
diterima
dilakukan
1
M
111
1
1
1
1
1
1
M
M M
M
M
M
54
3.4.2. Logical Record Structure (LRS)
Gambar III.10. Logical Record Structure (LRS)
Konsumen
-id_konsumen*: int
-username: varchar
-password: text
-nama: varchar
-email: varchar
-jenis_kelamin: enum
-tgl_lahir: text
-alamat: text
-kota_id: int
-no_hp: varchar
Order
-id_konsumen*: int
-id_konfirmasi_pembayaran: int
-nm_kategori: varchar
-nm_produk: varchar
-jml_beli: int
-kurir: varchar
Kategori Produk
-id_kategori_produk*: int
-nama_kategori: varchar
-kategori_SEO: varchar
Produk
-id_produk*: int
-id_kategori_produk: varchar
-nm_produk: varchar
-produk_seo: varchar
-satuan: varchar
-hrg_beli: int
-hrg_resseler: int
-hrg_konsumen: int
-berat: varchar
-diskon: int
-gambar: varchar
-ket: text
Admin
-id_users*: int
-username: varchar
-password: varchar
-nm_lengkap: varchar
-email: varchar
-no_telp: varchar
-foto: varchar
-level: varchar
-blokir: enum
-id_session: varchar
Pengiriman Produk
-id_konfirmasi_pembayaran*: int
-kurir: varchar
-no_transaksi: varchar
-kota_id: varchar
-id_konsumen: varchar
-provinsi_id: varchar
Konfirmasi Pembayaran
-id_konfirmasi_pembayaran*: int
-id_penjualan: int
-to_transaksi: varchar
-id_rekening: int
-nm_pengirim: varchar
-tgl_trans: date
-bukti_trans: varchar
-wkt_konfimasi: datetime
1
M
1
1 1
1 1
M
M
M
M
M
55
3.4.3. Spesifikasi File
Spesifikasi file menjelaskan tentang file-file yang akan digunakan dalam
rancangan website dan sebagai media penyimpanan data dari proses yang terjadi
dari rancangan website. Dalam website ini file-file yang digunakan adalah:
1. Spesifikasi File Tabel User
Nama File : Tabel Users
Fungsi : Digunakan untuk menu admin
Akronim : users
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 911 byte
Kunci Field : id_users
Database : MySQL
Tabel III.4.
Tabel Spesifikasi File User
No Elemen Data Nama Field Type Size Keterangan
1 Id User id_users Integer 11 Primary Key
2 Username username Varchar 50
3 Password password Varchar 255
4 Nama Lengkap nama_lengkap Varchar 100
5 Email Email Varchar 100
6 Nomor Telepon no_telp Varchar 20
56
7 Foto Foto Varchar 100
8 Level Level Varchar 20
9 Blokir Blokir Enum Yes, No
10 Id Session id_session Varchar 255
2. Spesifikasi File Tabel Kategori Produk
Nama File : Tebel Kategori Produk
Fungsi : Digunakan untuk mengelola kategori produk
Akronim : rb_kategori_produk
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 521 byte
Kunci Field : id_kategori_produk
Database : MySQL
Tabel III.5.
Tabel Spesifikasi File Kategori Produk
No Elemen Data Nama Field Type Size Keterangan
1 Id Kategori
Produk
id_kategori_produk Integer 11 Primary
Key
2 Nama
Kategori
nama_kategori Varchar 255
3 Kategori SEO kategori_seo Varchar 255
57
3. Spesifikasi File Tabel Produk
Nama File : Tabel Produk
Fungsi : Digunakan untuk mengelola produk
Akronim : rb_produk
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 1.020 byte
Kunci Field : id_produk
Database : MySQL
Tabel III.6
Tabel Spesifikasi File Produk
No Elemen Data Nama Field Type Size Keterangan
1 Id Produk id_produk Integer 11 Primary Key
2 Id Kategori
Produk
id_kategori_produk Varchar 50
3 Nama Produk nama_produk Varchar 255
4 Produk SEO produk_seo Varchar 255
5 Satuan satuan Varchar 50
6 Harga Beli harga_beli Integer 11
7 Harga Reseller harga_reseller Integer 11
8 Harga
Konsumen
harga_konsumen Integer 11
58
9 Berat berat Varchar 50
10 Diskon diskon Integer 11
11 Gambar gambar Varchar 255
12 Keterangan keterangan Text
13 Username username Varchar 50
14 Waktu Input waktu_input Datetime
4. Spesifikasi File Tabel Konsumen
Nama File : Tabel Konsumen
Fungsi : Digunakan untuk mengelola data member
Akronim : rb_konsumen
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 767 byte
Kunci Field : id_konsumen
Database : MySQL
Tabel III.7.
Tabel Spesifikasi File Konsumen
No Elemen Data Nama Field Type Size Keterangan
1 Id Konsumen id_konsumen Integer 11 Primary Key
2 Username username Varchar 60
3 Password password Text
59
4 Nama Lengkap nama_lengkap Varchar 255
5 E-mail email Varchar 60
6 Jenis Kelamin jenis_kelamin Enum Laki-Laki,
Perempuan
7 Tanggal Lahir tanggal_lahir Date
8 Tempat Lahir tempat_lahir Varchar 100
9 Alamat Lengkap alamat_lengkap Text
10 Kota Id kota_id Integer 11
11 No HP no_hp Varchar 15
12 Foto foto Varchar 255
13 Tanggal Daftar tanggal_daftar Date
5. Spesifikasi File Tabel Penjualan
Nama File : Tabel Penjualan
Fungsi : Digunakan untuk mencatat data penjualan
Akronim : rb_penjualan
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 604 byte
Kunci Field : id_penjualan
Database : MySQL
60
Tabel III.8.
Tabel Spesifikasi File Penjualan
No Elemen Data Nama Field Type Size Keterangan
1 Id Penjualan id_penjualan Integer 11 Primary Key
2 Kode Transaksi kode_transaksi Varchar 50
3 Id Pembeli id_pembeli Integer 11
4 Diskon diskon Integer 11
5 Kurir kurir Varchar 255
6 Servis service Varchar 255
7 Ongkir ongkir Integer 11
8 Waktu
Transaksi
waktu_transaksi Datetime
9 Proses proses Enum 0, 1, 2, 3
6. Spesifikasi File Tabel Detail Penjualan
Nama File : Tabel Detail Penjualan
Fungsi : Digunakan untuk mencatat produk yang dibeli
Akronim : rb_penjualan_detail
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 105 byte
Kunci Field : id_penjualan_detail
Database : MySQL
61
Tabel III.9.
Tabel Spesifikasi File Detail Penjualan
No Elemen Data Nama Field Type Size Keterangan
1 Id Penjualan
Detail
id_penjualan_detail Integer 11 Primary Key
2 Id Penjualan id_penjualan Integer 11
3 Id Produk id_produk Integer 11
4 Jumlah jumlah Integer 11
5 Catatan catatan Longtext
6 Harga Jual harga_jual Integer 11
7 Satuan satuan Varchar 50
7. Spesifikasi File Tabel Konfirmasi Pembayaran
Nama File : Tabel Konfirmasi Pembayaran
Fungsi : Untuk melakukan konfirmasi pembayaran
Akronim : rb_konfirmasi
Tipe File : File Master
Media File : Harddisk
Akses File : Random
Panjang Record : 563 byte
Kunci Field : id_konfirmasi_pembayaran
Database : MySQL
62
Tabel III.10.
Tabel Spesifikasi File Konfirmasi Pembayaran
No Elemen Data Nama Field Type Size Keterangan
1 Id Konfirmasi
Pembayaran
id_konfirmasi_pem
bayaran
Integer 11 Primary Key
2 Id Penjualan id_penjualan Integer 11
3 Total Transfer total_transfer Varchar 20
4 Id Rekening id_rekening Integer 11
5 Nama Pengirim nama_pengirim Varchar 255
6 Tanggal Transfer tanggal_transfer Date
7 Bukti Transfer bukti_transfer Varchar 255
8 Waktu
Konfirmasi
waktu_konfirmasi Datatime
3.4.4. Struktur Navigasi
Struktur Navigasi berfungsi untuk menjelaskan secara singkat mengenai
alur berjalannya website, sehingga dapat menggambarkan bagaimana hubungan
antar isi-isi website tersebut. Struktur navigasi yang digunakan dalam pembuatan
website ini adalah struktur navigasi komposit.
63
1. Struktur Navigasi Pengunjung
Gambar III.11. Struktur Navigasi Pengunjung
2. Struktur Navigasi Member
Gambar III.12. Struktur Navigasi Member
Beranda
Search. Cara Belanja Semua Produk Tentang Kami Register Login
Kategori
Produk
Detail Produk Beli
Beranda
Login
Search.Cara
Belanja
Konfirmasi
Pembayaran
Semua
Produk
Tentang
Kami
Keranjang
BelanjaAccount Logout
Upload Bukti
Transfer
Kategori
Produk
Detail
Produk
List
Belanja
Edit Data
Profile
Ubah
Password
Histori
Belanja
Checkout &
Cetak Invoice
64
3). Struktur Navigasi Admin
Gambar III.13. Struktur Navigasi Admin
3.4.5. Deployment Diagram
Gambar III.14. Deployment Diagram
Halaman Depan
Aplikasi
Aplikasi Admin
XAMPP Server
Style CSS
Jquery j s
Web Server
Aplikasi Database
MySQL Database
Database Server
Browser
Client PC
Halaman Depan
Aplikasi
Aplikasi Admin
XAMPP Server
Style CSS
Jquery j s
Login
Home
Daftar
Kategori
Daftar
Produk
Data
Pelanggan
Daftar
Orderan
Konfirmasi
Bayar
Laporan
PenjualanEdit Profile
Master Data
Users
Tambah Edit
Ubah
Status
Pesanan
Unduh
Bukti
Transfer
Detail
Order
Edit Data
Admin
Tambah
Data
Admin
Delete Tambah Edit Delete Edit Delete
Logout
65
3.4.6. User Interface
Berikut adalah tampilan user interface yang dibuat:
1. User Interface Halaman Beranda
Dalam halaman beranda terdapat website update yang berisi informasi
umum tentang Toko Gea Collection dan info lain terupdate. Tampilan dari
halaman beranda adalah sebagai berikut:
Gambar III.15. User Interface Halaman Beranda
66
2. User Interface Halaman Pendaftaran Member Baru
Halaman pendaftaran member baru berisi data diri untuk menjadi member.
Tampilan dari halaman pendaftaran member baru adalah sebagai berikut:
Gambar III.16. User Interface Halaman Pendaftaran Member Baru
67
3. User Interface Halaman Login Member
Halaman login member berfungsi untuk melakukan proses pembelian dan
pembayaran produk dengan proses masukan menggunakan username dan
password. Berikut tampilan dari halaman login member:
Gambar III.17. User Interface Halaman Login Member
68
4. User Interface Semua Produk
Menu semua produk berisi daftar produk yang tersedia beserta harga jual.
Tampilan menu semua produk adalah sebagai berikut:
Gambar III.18. User Interface Halaman Semua Produk
69
5. User Interface Halaman Detail Produk
Pada Halaman Detail Produk berisi keterangan tentang produk yang dapat
dilihat oleh customer sebelum membeli produk. Tampilan dari halaman
detail produk:
G
a
m
b
a
r
I
I
Gambar III.19. User Interface Halaman Detail Produk
70
6. User Interface Keranjang Belanja
Keranjang belanja berfungsi untuk menyimpan produk yang telah dipilih
tanpa harus mengambilnya kembali sebelum membeli. Tampilan dari
halaman keranjang belanja adalah sebagai berikut:
Gambar III.20. User Interface Halaman Keranjang Belanja
71
7. User Interface Halaman Check Out Belanja
Check Out Belanja berfungsi untuk menyelesaikan pembelian produk yang
telah dibeli oleh customer. Tampilan dari halaman check out belanja
adalah sebagai berikut:
Gambar III.21. User Interface Halaman Check Out Belanja
72
8. User Interface Halaman Konfirmasi Pembayaran
Pada menu konfirmasi pembayaran digunakan untuk customer yang sudah
membeli produk dan sudah melakukan pembayaran. Konfirmasi ini
dengan menggunakan nomor invoice yang didapat saat check out belanja.
Tampilannya sebagai berikut:
Gambar III.22. User Interface Halaman Konfirmasi Pembayaran
73
9. User Interface Menu Admin
Menu admin ini hanya bisa diakses oleh admin. Dengan menu admin ini
dapat admin dapat melakukan login, mengolah data member, mengolah
produk, mengolah daftar pesanan, konfirmasi pembayaran, dan melihat
laporan penjualan. Tampilannya adalah sebagai berikut:
a. Menu Admin – Login Admin
Gambar III.23. Menu Admin – Login Admin
b. Menu Admin - Data Member
Gambar III.24. Menu Admin – Data Member
74
c. Menu Admin - Kategori Produk
Gambar III.25. Menu Admin – Kategori Produk
d. Menu Admin - Semua Produk
Gambar III.26. Menu Admin – Semua Produk
75
e. Menu Admin - Daftar Pesanan
Gambar III.27. Menu Admin – Daftar Pesanan
f. Menu Admin - Konfirmasi Pembayaran
Gambar III.28. Menu Admin – Konfirmasi Pembayaran
g. Menu Admin - Laporan Penjualan
Gambar III.29. Menu Admin – Laporan Penjualan
76
3.5. Implementasi
3.5.1. Code Generation
view_ checkouts.php
77
Gambar III.30. Code Generation Checkouts
78
3.5.2. Blackbox Testing
Teknik pengujian program dalam metode blackbox testing yang fokus
terhadap proses masukan dan keluaran program.
1. Pendaftaran Form Member Baru
Tabel III.11.
Tabel Hasil Pengujian Black Box Testing Form Pendaftaran Member baru
No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
lahir,
Kode Pos,
Email,
Username,
dan
Password
tidak diisi
kemudian
klik
tombol
daftar
Nama
Lengkap:
(kosong) No.
Telpon/Hp:
(kosong)
Alamat:
(kosong)
Provinsi:
(kosong)
Kota:
(kosong)
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Nama
Lengkap,
Data No.
Telpon/HP,
Alamat,
Provinsi,
Kota, Jenis
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
79
Username:
(kosong)
Password:
(kosong)
2 Mengetikk
an Nama
Lengkap,
dan No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(kosong)
Alamat:
(kosong)
Provinsi:
(kosong)
Kota:
(kosong)
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
No.
Telpon/HP,
Alamat,
Provinsi,
Kota, Jenis
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
3 Mengetikk
an Nama
Nama
Lengkap:
Sistem akan
menolak
Sesuai
harapan
Valid
80
Lengkap,
No.
Telpon/Hp
, dan
Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(kosong)
Provinsi:
(kosong)
Kota:
(kosong)
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
akses user
dan
menampilkan
“Field Data
Alamat,
Provinsi,
Kota, Jenis
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
4 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
dan
Provinsi,
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Provinsi,
Kota, Jenis
Sesuai
Harapan
Valid
81
Kota,
Jenis
Kelamin,
Tanggal
lahir,
Kode Pos,
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
V Blok J6 No
22) Provinsi:
(kosong)
Kota:
(kosong)
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
5 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
dan Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Kota, Jenis
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
Sesuai
Harapan
Valid
82
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
tidak boleh
dikosongkan”
6 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota, dan
Jenis
Kelamin,
Kode Pos,
Email,
Username,
dan
Password
tidak diisi
kemudian
klik
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin:
(kosong)
Tanggal
Lahir:
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Jenis
Kelamin,
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
83
tombol
daftar
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
7 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
dan
Tanggal
Lahir,
Kode Pos,
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin:
(Perempuan)
Tanggal
Lahir:
(kosong)
Kode Pos:
(kosong)
Email:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Tanggal
Lahir, Kode
Pos, Email,
Username,
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
84
Username:
(kosong)
Password:
(kosong)
8 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir, dan
Kode Pos,
Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin:
(Perempuan)
Tanggal
Lahir: (1996-
10-02) Kode
Pos: (kosong)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Kode Pos,
Email,
Username,
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
9 Mengetikk
an Nama
Nama
Lengkap:
Sistem akan
menolak
Sesuai
Harapan
Valid
85
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
dan Email,
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin:
(Perempuan)
Tanggal
Lahir: (1996-
10-02) Kode
Pos: (17610)
Email:
(kosong)
Username:
(kosong)
Password:
(kosong)
akses user
dan
menampilkan
“Field Data
Email,
Username,
Password
tidak boleh
dikosongkan”
10 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Username,
Password
Sesuai
Harapan
Valid
86
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Email, dan
Username,
Password
tidak diisi
kemudian
klik
tombol
daftar
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin:
(Perempuan)
Tanggal
Lahir: (1996-
10-02) Kode
Pos: (17610)
Email:
(ulfasari9@g
mail.com)
Username:
(kosong)
Password:
(kosong)
tidak boleh
dikosongkan”
11 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Sistem akan
menolak
akses user
dan
menampilkan
“Field Data
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
87
Email,
Username,
dan
Password
tidak diisi
kemudian
klik
tombol
daftar
Jenis
Kelamin:
(Perempuan)
Tanggal
Lahir: (1996-
10-02) Kode
Pos: (17610)
Email:
(ulfasari9@g
mail.com)
Username:
(ulfasari)
Password:
(kosong)
12 Mengetikk
an Nama
Lengkap,
No.
Telpon/Hp
, Alamat,
Provinsi,
Kota,
Jenis
Kelamin,
Tanggal
Lahir,
Kode Pos,
Email,
Username,
dan
Password
diisi
Nama
Lengkap:
(Ulfasari)
No.
Telpon/Hp:
(0896016927
36) Alamat:
(PUP Sektor
V Blok J6 No
22) Provinsi:
(Jawa Barat)
Kota:
(Bekasi)
Jenis
Kelamin
(Perempuan)
Tanggal
Lahir (1996-
Sistem akan
menerima
akses daftar
Sesuai
Harapan
Valid
88
kemudian
klik
tombol
daftar
10-02) Kode
Pos: (17610)
Email:
(ulfasari9@g
mail.com)
Username:
(ulfasari)
Password:
(12345)
2. Pengujian Form Login Member
Tabel III.12.
Tabel Hasil Pengujian Black Box Testing Form Login Member
No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan
Hasil
Pengujian
Kesimpulan
1 Username
dan
password
tidak diisi
lalu tekan
tombol
login
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak
akses user
dan
menampilkan
“Field
Username
dan
Password
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
2 Username Username: Sistem akan Sesuai Valid
89
diisi dan
Password
dalam
keadaan
kosong lalu
tekan
tombol
login
ulfasari
Password:
(kosong)
menolak
akses user
dan
menampilkan
“Field
Password
tidak boleh
dikosongkan”
Harapan
3 Username
dalam
keadaan
kosong dan
Password
diisi
kosong lalu
tekan
tombol
login
Username:
(kosong)
Password:
(12345)
Sistem akan
menolak
akses user
dan
menampilkan
“Field
Username
tidak boleh
dikosongkan”
Sesuai
Harapan
Valid
4 Mengetikk
an salah
satu
kondisi
salah pada
Username
atau
Password
lalu tekan
tombol
login
Username:
ulfasari
Password:
12346(salah)
Sistem akan
menolak
akses user
dan
menampilkan
“Gagal
Login!!!
Password
yang
dimasukkan
salah. Silakan
Coba Lagi”
Sesuai
Harapan
Valid
5 Username
dan
Username:
ulfasari
Sistem
menerima
Sesuai
Harapan
Valid
90
Password
diisi dalam
kondisi
benar lalu
tekan
tombol
login
Password:
12345
akses login
dan
kemudian
langsung
menampilkan
halaman
beranda
3. Pengujian Blackbox Testing Form Login Admin
Tabel III.13.
Hasil Pengujian Black Box Testing Form Login Admin
No
Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Username
dan
Password
tidak diisi
lalu tekan
tombol sign
in
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Harap isi
pada bidang
ini pada field
Username dan
Password”
Sesuai
Harapan
Valid
2 Username
diisi dan
password
dalam
keadaan
kosong lalu
tekan tombol
sign in
Username:
(admin)
Password:
(kosong)
Sistem akan
menolak akses
user dan
menampilkan
“Harap isi
pada bidang
ini pada field
Password”
Sesuai
Harapan
Valid
91
3 Username
dalam
keadaan
kosong dan
password
diisi lalu
tekan tombol
sign in
Username:
(kosong)
Password:
12345
Sistem akan
menolak akses
user dan
menampilkan
“Harap isi
pada bidang
ini pada field
Username”
Sesuai
Harapan
Valid
4 Mengetikkan
salah satu
kondisi salah
pada
Username
atau
password
lalu tekan
tombol sign
in
Username:
admin
(kosong)
Password:
12347
Sistem akan
menolak akses
user dan
menampilkan
“Form Login
admin
kembali”
Sesuai
Harapan
Valid
5 Mengetikkan
Username
dan
password
dalam
kondisi
benar lalu
tekan tombol
sign in
Username:
admin
Password:
admin
Sistem akan
menerima
akses login
dan
menampilkan
halaman
dashboard
admin
Sesuai
Harapan
Valid
92
3.5.3. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a. Processor : Intel Core 2 Duo CPU
b. Memory Size : 3,00 GB
c. Harddisk : 160 GB
2. Spesifikasi Software
a. Sistem Operasi : Microsoft Windows 7 Ultimate
b. Editor : Netbeans 8.2
c. Aplikasi Design : Adobe Photoshop
d. Bahasa Script : PHP
e. Web Server : XAMPP
f. Web Browser : Mozilla Firefox
g. Database : MySQL