22 3.1. Analisa Kebutuhan
Analisa kebutuhan sistem perlu dilakukan agar tidak terjadi kesalahan dalam
pembuatan sistem yang akan dibangun. Hal pertama yang perlu dilakukan dalam
anilisa kebutuhan sistem adalah menentukan dan mengungkapkan kebutuhan
sistem. Kebutuhan sistem terbagi menjadi dua yaitu: kebutuhan sistem fungsional
dan kebutuhan non-fungsional, yang diperlukan untuk mencapai tujuan yang ingin
dicapai.
1. Kebutuhan Pengguna
a. Administrator
1. Admin bisa melakukan login untuk mengakses dan mengelola halaman
admin.
2. Admin bisa menambah, mengubah, dan menghapus data kategori
barang.
3. Admin bisa menambah, mengubah, dan menghapus data produk.
4. Admin bisa melihat, mengelola, dan mengubah status order.
5. Admin bisa melihat konfirmasi pembayaran.
6. Admin bisa menambah, mengubah, dan menghapus data ongkos kirim.
7. Admin bisa mengelola laporan yang terkait dengan transaksi
penjualan..
1. Pelanggan bisa login untuk melihat keseluruhan website.
2. Pelanggan bisa melihat semua produk secara detail yang tersedia.
3. Pelanggan bisa melakukan pembelian produk.
4. Pelanggan bisa melakukan konfirmasi pembayaran.
c. Pengunjung (visitor)
1. Pengunjung bisa mendaftar sebagai pelanggan baru.
2. Pengunjung hanya bisa melihat home, profil, cara pembelian.
3. Pengunjung tidak bisa melihat keranjang dan tidak bisa melakukan
konfirmasi.
4. Pengunjung tidak dapat melakukan transaksi, apabila belum terdaftar
sebagai pelanggan.
2. Kebutuhan Sistem
Kebutuhan Non-fungsional adalah kebutuhan yang tidak secara langsung
terkait dengan fitur tertentu dalam sistem.
a. Operasional
Untuk lebih spesifik mengenai kebutuhan perangkat keras yang penulis
guakan dapat diuraikan sebagai berikut:
1) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz
2) RAM : 2GB
3) Harddisk : 500 GB
Sedangkan untuk spesifikasi perangkat lunak yang penulis gunakan dapat
a. Tahap Pembuatan
Software yang digunakan adalah:
1. Sistem Operasi Microsoft Windows 7
2. Xampp (web server)
3. Adobe Dreamweaver CS5
b. Tahap Implementasi
Tahap implementasi ini menggunakan:
1. Sistem Operasi (Windows xp,Windows 7)
2. Browser (Chrome,Mozilla)
b. Pengguna
1. Admin
Admin adalah penanggung jawab dari website dan memiliki hak akses
tertinggi dalam sistem. Admin dapat melakukan pengolahan data-data
yang ada di dalam website. Yaitu produk, informasi kategori produk,
memproses transaksi pemesanan, melihat laporan.
2. Pengunjung
Pengunjung website disini hanya dapat melihat produk dan pengunjung
tidak bisa melakukan pembelian jika belum mendaftar menjadi
member.
3. Pelanggan
Pelanggan website disini dapat melihat keseluruhan website dan bisa
melakukan login juga bisa berbelanja dan melakukan konfirmasi
3.2.1. Rancangan Antar Muka
Perancangan antar muka perlu dilakukan untuk membuat tampilan website
tertata dengan baik sesuai dengan layout-nya. Dengan rancangan antar muka yang
baik akan mempermudah tahapan implementasi dalam mendesain website, yaitu:
1. Rancangan Antar Muka Admin
a. Home Admin
Selamat Datang!
Hai Administrator, Selamat datang di halaman admin Administrator. Silahkan klik menu pilihan yang berada di sebelah kiri untuk mengelola
halaman admin.
Login : Rabu, 19 Juli 2017 | 18:52:36 WIB Home Kategori Produk Produk Order Konfirmasi Pembayaran Logout Ongkos Kirim Laporan Footer
b. Login Admin
Username
Password
Sign in
xxxxxxxxxx xxxxxxxxxxSign in
Gambar III.2. Rancangan Antar Muka Login Admin
c. Kategori produk
Kategori
Tambah Kategori
No Nama Kategori Aksi
99 99 XXXXXXXX XXXXXXXX Edit Edit Hapus Hapus Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer
Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Tambah Kategori Nama Kategori XXXXXX Simpan Batal Footer
Gambar III.4. Rancangan Antar Muka Tambah Kategori
e. Edit Kategori Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Edit Kategori Nama Kategori XXXXX Update Batal Footer
Gambar III.5. Rancangan Antar Muka Edit Kategori
Produk
Tambah Produk
No Nama Produk Aksi
99 99 XXXXXXXX XXXXXXXX Edit Edit Hapus Hapus Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Berat 99 99 Harga 999999 999999 Diskon 99 99 99 99 Stok 99 99 Tgl.Ma suk 99 99
Gambar III.6. Rancangan Antar Muka Produk
g. Tambah Produk Tambah Produk Nama Produk Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Kategori Berat Harga Diskon Stok Deskripsi Gambar XXXXXXXX - Pilih Kategori - ▼ KG99 99999 % 99 99 Path XXXXXXXXX No File Chosen Choose File Simpan Batal
Gambar III.7. Rancangan Antar Muka Tambah Produk
Edit Produk Nama Produk Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Kategori Berat Harga Diskon Stok Deskripsi XXXXX XXXXX ▼ KGXX XXXXX % XX XX Path XXXXX XXXXX Update Batal Ganti Gbr Gambar No File Chosen Choose File
Gambar III.8. Rancangan Antar Muka Edit Produk
i. Order
Order
No.Order Nama Kustomer Tgl.Order 99 99 XXXXXXXX XXXXXXXX d-m-Y d-m-Y 99 99 Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Jam Status Baru/ Lunas Baru/ Lunas Aksi Detail Detail
Gambar III.9. Rancangan Antar Muka Order
Detail Order Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer No. Order Tgl. & Jam Order Status Order
: XX : XXXX
XXXX ▼ Ubah Status
Nama Produk Berat(KG) Jumlah Harga Satuan Sub Total
XXXXXX XXXX XX 999 999
Total Rp.: Ongkos Kirim Rp.: Total Berat Rp.: Total Ongkos Kirim Rp.: Grand Total Rp.: 999 999 999 999 999 Data Kustomer Nama Kustomer Alamat Pengiriman Nomor Rekening Email : XXXXX : XXXXX : 99999 : XXXXX
Gambar III.10. Rancangan Antar Muka Detail Order
Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer No. ID Order 99 99 99 99 KONFIRMASI
Nama Kustomer Jumlah Transfer No Rekening Nama Rekening Jenis Bank XXXXX XXXXX 99999999 99999999 999999 999999 XXXXX XXXXX XXX XXX
Gambar III.11. Rancangan Antar Muka Konfirmasi Pembayaran
l. Ongkos Kirim Ongkos Kirim Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer
No. Nama Kota XXXXX
XXXXX 99
99
Tambah Ongkos Kirim
Ongkos Kirim Aksi
99999 99999 Edit Edit Hapus Hapus
Gambar III.12. Rancangan Antar Muka Ongkos Kirim
Tambah Ongkos Kirim Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer Nama Kota : : Ongkos Kirim XXXXX 99999 Simpan Batal
Gambar III.13. Rancangan Antar Muka Tambah Ongkos Kirim
n. Laporan Laporan Home Kategori Produk Produk Order Konfirmasi Pembayaran Ongkos Kirim Laporan Logout Footer
Laporan Per Periode :
Dari Tanggal 99999▼ s/d Tanggal
Proses Laporan Hari Ini
XXXX▼ 99999▼
: Proses
99999▼ XXXX▼ 99999▼
Gambar III.14. Rancangan Antar Muka Laporan
Login : Rabu, 19 Juli 2017 | 18:52:36 WIB Kategori Produk Produk Order Konfirmasi Pembayaran Logout Ongkos Kirim Laporan Footer Localhost Says: X
Anda telah keluar dari Halaman Administrator OK
2. Rancangan Antar Muka Pelanggan (member) a. Login Pelanggan Lupa Password? Header Shopping Cart Register Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Form Login Email Password LOGIN XXXXXXXX 999999999
Gambar III.16. Rancangan Antar Muka Login Pelanggan
b. Lupa Password
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Footer
Lupa Password Masukkan Email Anda
KIRIM
XXXXXXXXXXX
Header
Shopping Cart Logout
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Produk
Footer
Gambar III.18. Rancangan Antar Muka Home Pelanggan
d. Profil Pelanggan
Header
Shopping Cart Logout
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Tentang Kami
Footer
e. Cara Pembelian Pelanggan
Header
Shopping Cart Logout
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Panduan Cara Pembelian
Footer
Gambar III.20. Rancangan Antar Muka Cara Pembelian Pelanggan
f. Produk Pelanggan
Header
Shopping Cart LogOut
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli
g. Detail Produk Pelanggan
Header
Shopping Cart LogOut
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Gambar Harga Stok Beli Nama Produk Keterangan
Gambar III.22. Rancangan Antar Muka Detail Produk Pelanggan
h. Keranjang Belanja
Keranjang Belanja
Header
Shopping Cart LogOut
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Footer
No Produk Nama Produk Berat(KG) QTY Harga Sub Total Hapus 99 99 XXXX XXXX XXXXX XXXXX 99 99 99 99 99999 99999 99999 99999 Hapus Hapus
Lanjutkan Belanja Selesai Belanja
Total: Rp 999
i. Selesai Belanja
No.Order
Header
Shopping Cart LogOut
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Footer
No Nama Produk Berat(KG) QTY Harga Sub Total 99 99 XXXXX XXXXX 99 99 99 99 99999 99999 99999 99999 Satuan 99 99 99999 99999/KG 999 KG 99999 99999 Total:
Ongkos Kirim untuk Tujuan Kota Anda: Total Berat: Total Ongkos Kirim: Grand Total: Proses Transaksi Selesai
Alamat Kustomer
No Order anda adalah : 7 , Silahkan Dicatat nomer order anda untuk melakukan konfirmasi pembayaran
Silahkan transfer ke nomor rekening yang tertera pada profil Apabila Anda tidak melakukan pembayaran dalam 3 hari, maka transaksi dianggap batal. Dan setelah proses konfirmasi barang akan dikirim 1 hari setelah tahap konfirmasi
i. Konfirmasi
Header
Shopping Cart LogOut
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer KONFIRMASI PEMBAYARAN Nama Penerima Email Penerima Telpon Penerima ID Order Jumlah Transfer Jenis Bank Transfer No Rekening Kustomer Nama Rekening Kustomer
XXXXX XXXXX 99999 99 99999 XXXXX 99999 XXXXX KIRIM
Gambar III.25. Rancangan Antar Muka Konfirmasi
3. Rancangan Antar Muka Pengunjung (visitor)
a. Home Pengunjung
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Produk
Gambar III.26. Rancangan Antar Muka Home Pengunjung b. Register Header Shopping Cart Register Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Form Register Nama Lengkap Password Alamat Pengiriman Telpon Email Kota Tujuan Daftar XXXXXXXXXX 999999999999 XXXXXXXXXXX 99999999 XXXXXXXXXXX - Pilih Kota - ▼
Gambar III.27. Rancangan Antar Muka Register
e. Profil Pengunjung
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Tentang Kami
Footer
f. Cara Pembelian Pengunjung
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk
Pembayaran
Panduan Cara Pembelian
Footer
Gambar III.29. Rancangan Antar Muka Cara Pembelian Pengunjung
g. Produk Pengunjung
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli Gambar Nama Produk Diskon Selengkapnya Beli
g. Detail Produk Pelanggan
Header
Shopping Cart Register
Login
Home Profil Cara Pembelian Keranjang Belanja Konfirmasi
Kategori Produk Pembayaran Footer Gambar Harga Stok Beli Nama Produk Keterangan
Gambar III.31. Rancangan Antar Muka Detail Produk Pengunjung
4. Spesifikasi sistem komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak
minimum yang di butuhkan untuk mengimplementasikan aplikasi e-commerce
untuk penjualan busana waniita k-fashion.
1) Spesifikasi perangkat keras:
a. Server
1. CPU
a) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz
b) RAM : 2GB
c) System Type 32-bit Operating System.
4. Monitor dengan resolusi layar 1024 x 600
5. Koneksi internet dengan kecepatan 5 Mbps
b. Client
1. CPU
a) Processor : Intel(R) Atom(TM) CPU N2800 @1.86GHz 1.86 GHz
d) RAM : 2GB
e) System Type 32-bit Operating System.
2. Mouse
3. Keyboard
4. Monitor dengan resolusi layar 1024 x 600
5. Koneksi internet dengan kecepatan 5 Mbps
1) Spesifikasi perangkat lunak:
a. Server
1. Sistem operasi yang digunakan adalah Microsoft windows 7
2. Aplikasi bundle web server adalah XAMPP terdiri dari beberapa komponen
diantaranya:
(a) Aplikasi PHP
(b) Aplikasi MySQL
3. Aplikasi web browser seperti google chrome, chromium.
b. Client
1. Sistem operasi yang digunakan adalah Microsoft windows 7
3.2.2. Rancangan Basis Data
A. Entity Relationship Diagram(ERD)
memiliki Kustomer Kota Id_kota Nama_kota Ongkos_kirim Id_kota Id_kustomer Id_kustomer Password Nama_lengkap Alamat Email Telpon melakukan Orders Id_orders Id_kustomer Id_orders Tgl_order Status_order Jam_order Id_kustomer melakukan Id_orders Id_konfirmasi Konfirmasi Id_konfirmasi Jns_bank Id_orders Jumlah_trasfer Nama_rekening No_rekening memiliki Produk Id_orders Id_produk Jumlah Id_produk Id_kategori Nama_produk Deskripsi Stok Harga Tgl_masuk Dibeli Diskon Gambar mempunyai Kategori Id_produk Id_kategori Id_kategori Nama_kategori 1 1 1 M M M 1 M M 1 Gambar III.32
Kota
Id_kota* Nama_kota Ongkos_kirimKustomer
Id_kustomer* Password Nama_lengkap Alamat Email Telpon Id_kota**Konfirmasi
Id_konfirmasi* Id_orders** Jumlah_transfer No_rekening Nama_rekening Jenis_bankOrders
Id_orders* Status_order Tanggal_order Jam_order Id_kustomer**Orders_detail
Id_orders* Id_produk** JumlahProduk
Id_produk*
Id_kategori**
Nama_produk
Deskripsi
Harga
Stok
Berat
Tanggal_masuk
Gambar
Dibeli
Diskon
Kategori
Id_kategori* Nama_kategori1
1
M
1
M
1
M
M
M
1
M
1
Gambar III.33C) Spesifikasi File
1. Spesifikasi file Admin
Nama File : admins
Akronim : admins
Fungsi : Untuk menyimpan data admin
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 340
Kunci Field : username
Software : MySQL
Tabel III.I
Tabel Spesifikasi File Admin
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Username Username Varchar 25 Primary Key
2. Password Password Varchar 35
3. Nama_lengkap Nama_lengkap Varchar 30
4. Email Email Varchar 25
5. No_telp No_telp Varchar 13
6. Level Level Varchar 15
Nama File : Kustomer
Akronim : Kustomer
Fungsi : Untuk menyimpan data pelanggan
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 180
Kunci Field : id_kustomer
Software : MySQL
Tabel III.2
Tabel Spesifikasi File Kustomer
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_kustomer Id_kustomer Int 5 Primary Key
2. Password Password Varchar 35
3. Nama_lengkap Nama_lengkap Varchar 30
4. Email Email Varchar 30
5. Telpon Telpon Varchar 13
3. Spesifikasi File Produk
Nama File : Produk
Akronim : Produk
Fungsi : Untuk menyimpan data barang
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 250,2
Kunci Field : id_produk
Software : MySQL
Tabel III.3
Tabel Spesifikasi File Produk
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_produk Id_produk Int 5 Primary Key
2. Id_kategori Id_kategori Int 5
3. Nama_produk Nama_lengkap Varchar 20
4. Deskripsi Deskripsi Text -
5. Harga Harga Int 20
6. Stok Stok Int 5
7. Berat Berat Decimal 5,2
8. Tgl_masuk Tgl_masuk Date -
9. Gambar Gambar Varchar 100
4. Spesifikasi File Kategori
Nama File : Kategori
Akronim : Kategori
Fungsi : Untuk menyimpan data kategori
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 105
Kunci Field : id_kategori
Software : MySQL
Tabel III.4
Tabel Spesifikasi File Kategori
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_kategori Id_kategori Int 5 Primary Key
2. Nama_kategori Nama_kategori Varchar 20
5. Spesifikasi File Kota
Nama File : Kota
Akronim : Kota
Fungsi : Untuk menyimpan data kota
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 113
Kunci Field : id_kota
Software : MySQL
Tabel III.5
Tabel Spesifikasi File Kota
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_kota Id_kota Int 3 Primary Key
2. Nama_kota Nama_kategori Varchar 20
3. Ongkos_kirim Ongkos_kirim Int 10
6. Spesifikasi File Orders
Nama File : Orders
Akronim : Orders
Fungsi : Untuk menyimpan data pemesanan
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 60
Kunci Field : id_orders
Tabel Spesifikasi File Orders
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_orders Id_orders Int 5 Primary Key
2. Status_order Status_order Varchar 50
3. Tgl_order Tgl_order Date -
4. Jam_order Jam_order Time -
5. Id_kustomer Id_kustomer Int 5
7. Spesifikasi File Orders Detail
Nama File : Orders_detail
Akronim : Orders_detail
Fungsi : Untuk menyimpan data pemesanan
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 15
Kunci Field : id_orders
Tabel III.7
Tabel Spesifikasi File Order Detail
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_orders Id_orders Int 5 Primary Key
2. Id_produk Id_produk Int 5
3. Jumlah Jumlah Int 5
8. Spesifikasi File Orders Temp
Nama File : Orders_temp
Akronim : Orders_temp
Fungsi : Untuk menyimpan data pemesanan
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 120
Kunci Field : id_orders_temp
Software : MySQL
Tabel III.8
Tabel Spesifikasi File Orders Temp
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_orders_temp Id_orders Int 5 Primary Key
4. Jumlah Jumlah Int 5
5. Tgl_order_temp Tgl_order_temp Date -
6. Jam_order_temp Jam_order_temp Time -
7. Stok_temp Stok_temp Int 5
9. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Akronim : Konfirmasi
Fungsi : Untuk menyimpan data konfirmasi pembayaran
Tipe Data : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 69
Kunci Field : id_konfirmasi
Software : MySQL
Tabel III.9
Tabel Spesifikasi File Konfirmasi
No. Elemen Data Akronim Tipe Data Size Keterangan
1. Id_konfirmasi Id_konfirmasi Int 5 Primary Key
2. Id_orders Id_orders Int 5
4. No_rekening No_rekening Int 16
5. Nama_rekening Nama_rekening Varchar 20
A. Struktur Navigasi Admin
Home Kategori Produk Produk
Login Tampil Home Tampil Kategori Produk Tampil Produk Tampil Ongkos Kirim
Tambah Edit Hapus Tambah Edit Hapus Tambah Edit Hapus Output Proses Index Order Tampil Order Detail Konfirmasi Ongkos Kirim Kirim Lapor an Log Out
B. Struktur Navigasi Pelanggan (member)
Index Login
Home Profil Cara
Pembelian
Keranjang
Belanja Konfirmasi Logout
Kategori Beli Keranjang Belanja Struk Belanja
Gambar III.35. Struktur Navigasi Pelanggan (member)
C. Struktur Navigasi Pengunjung (visitor)
Home Profil Cara
Pembelian
Keranjang
Belanja Konfirmasi Login Register Index
Konfirmasi
Detail
Produk Beli
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka Admin
1. Login Admin
Gambar III.37. Implementasi Login Admin
2. Home Admin
3. Kategori Produk
Gambar III.39. Implementasi Kategori Produk Admin
4. Tambah Kategori Produk
Gambar III.41. Implementasi Edit Kategori Produk Admin
6. Produk
7. Tambah Produk
Gambar III.44. Implementasi Edit Produk Admin
9. Order
10. Detail Order
Gambar III.46. Implementasi Detail Order Admin
11. Konfirmasi Pembayaran
Gambar III.48. Implementasi Ongkos Kirim Admin
13. Tambah Ongkos Kirim
Gambar III.49. Implementasi Tambah Ongkos Kirim Admin
14. Edit Ongkos Kirim
15. Laporan
Gambar III.51. Implementasi Laporan Admin
16. Log Out Admin
1. Index Pelanggan
2. Login Pelanggan
4. Profil
6. Keranjang Belanja
8. Detail Produk
C. Implementasi Rancangan Antar Muka Pengunjung
1. Index Pengunjung
4. Profil
5. Keranjang Belanja
7. Register
Berikut pengujian unit terhadap program yang dibuat menggunakan
black-box testing yang fokus terhadap proses masukan dan keluaran program, yaitu:
1. Pengujian Terhadap Login Admin
Tabel III.10.
Hasil Pengujian Black-Box Testing Terhadap Login Admin
No Skenario
pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu lan 1 Username dan password, tidak di isi, kemudian klik tombol sign in Username: (kosong) Password: (kosong) Sistem akan menolak akses dan akan menampilkan pesan: 1.Anda belum mengisikan Username. Sesuai harapan Valid 2 Mengetikan username dan password tidak di isi kemudian klik tombol sign in Username: (admin) Password: (kosong) Sistem akan menolak akses admin dan menampilkan pesan: 1.Anda belum mengisikan Password. Sesuai harapan Valid
3 Mengetikan
password dan
username tidak di isi kemudian klik tombol sign in Username: (kosong) Password: (admin) Sistem akan menolak akses admin dan menampilkan pesan: 1.Anda belum mengisikan Username. Sesuai harapan Valid 4 Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol sign in Username: (admin) Password: 123456 (salah) Sistem akan menolak akses admin dan menampilkan pesan: 1.LOGIN GAGAL! Username atau Password Anda tidak benar. Atau account Anda sedang diblokir. ULANGI LAGI. Sesuai harapan Valid
username dan password dengan data yang benar kemudian klik tombol sign in (admin) Password: (admin) menerima akses login dan kemudian langsung menampilkan menu utama admin harapan
2. Pengujian Terhadap Tambah Kategori
Tabel III.11.
Hasil Pengujian Black-Box Testing Terhadap Tambah Kategori
No Skenario
pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu lan 1 Nama Kategori tidak di isi, kemudian klik tombol simpan Nama Kategori: (kosong) Sistem akan menolak dan akan menampilkan pesan: 1.Anda belum mengisikan kategori Sesuai harapan Valid
2 Nama Kategori di
isi, kemudian klik
tombol simpan Nama Kategori: (Dress) Sistem akan menerima dan menyimpan data Sesuai harapan Valid
3. Pengujian Terhadap Tambah Produk
Tabel III.12.
Hasil Pengujian Black-Box Testing Terhadap Tambah Produk
N
o
Skenario
pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu lan 1 Nama Produk, Harga, Diskon, Stok, Deskripsi, Gambar tidak di isi, kemudian klik tombol simpan Nama Produk: (kosong) Harga: (kosong) Diskon: (kosong) Stok: (kosong) Deskripsi: (kosong) Sistem akan menolak dan akan menampilka n pesan: 1.Anda belum mengisikan nama produk 2.Anda belum Sesuai harapan Valid
(kosong) harga 3.Anda belum mengisikan diskon 4.Anda belum mengisikan stok 5.Anda belum mengisikan deskripsi 6.Anda belum memasukka n foto
2 Jika salah satu
data tidak di isi
contoh: Nama Produk tidak di isi, kemudian Nama Produk: (kosong) Sistem akan menolak dan akan menampilka n pesan: Sesuai harapan Valid
klik tombol simpan 1.Anda belum mengisikan nama produk 3 Nama Produk, Harga, Diskon, Stok, Deskripsi, Gambar tidak di isi, kemudian klik tombol simpan Nama Produk: (flower dress) Harga: (80000) Diskon: (10%) Stok: (30) Deskripsi: (All size 100% cotton cocok untuk dipakai ke acara formal) Gambar: Sistem akan menerima dan menyimpan data Sesuai harapan Valid
dress)
4. Pengujian Terhadap Tambah Ongkos Kirim
Tabel III.13.
Hasil Pengujian Black-Box Testing Terhadap Tambah Ongkos Kirim
No Skenario pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu Lan 1 Nama Kota, Ongkos Kirim tidak di isi, kemudian klik tombol simpan Nama Kota: (kosong) Ongkos Kirim: (kosong) Sistem akan menolak dan menampilk an pesan: 1.Anda belum mengisikan nama kota 2.Anda belum mengisikan ongkos Sesuai harapan Valid
kirim
2 Jika salah satu data tidak di isi contoh:
Ongkos Kirim tidak di isi, kemudian klik tombol simpan Ongkos Kirim: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan ongkos kirim Sesuai harapan Valid 3 Nama Kota, Ongkos Kirim di isi, kemudian klik tombol simpan Nama Kota: (kosong) Ongkos Kirim: (kosong) Sistem akan menerima dan menyimpan data Sesuai harapan Valid
Tabel III.14.
Hasil Pengujian Black-Box Testing Terhadap Register Pengunjung
No Skenario pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu Lan 1 Nama Lengkap, Password, Alamat Pengiriman, Telpon, Email, Kota Tujuan tidak di isi, kemudian klik daftar Nama Lengkap: (kosong) Password: (kosong) Alamat Pengiriman : (kosong) Telpon: (kosong) Email: (kosong) Kota Tujuan: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Data yang anda isikan belum lengkap Sesuai harapan Valid
2 Jika salah satu data tidak di isi, contoh : Nama Lengkap tidak diisi, kemudan klik tombol daftar Nama Lengkap: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan nama Sesuai harapan Valid
3 Nama Lengkap, Telpon, Password
,Email, Kota
Tujuan diisi. dan Alamat
Pengiriman tidak di isi, kemudian klik tombol daftar
Nama Pelanggan: (Febrihana) Password: (1234567) Telpon: (08953204 74301) Email: (eby@gmai l.com) Kota Tujuan: (Depok) Alamat: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Anda belum mengisikan Alamat. Sesuai harapan Valid 4 Nama Lengkap, Password, Alamat Pengiriman, Telpon, Email, Kota Tujuan di isi. Kemudian klik tombol daftar Nama Pelanggan: (Febrihana) Password: (1234567) Alamat Pengiriman : (jl.cemara no.29) Telpon: (08953204 74301) Email: (eby@gmai l.com) Kota Sistem akan menerima dan menyimpan data pelanggan serta akan menampilk an pesan: Anda berhasil Melakuka n Registrasi Silahkan Sesuai harapan Valid
(Depok) login disini
6. Pengujian Terhadap Login Pelanggan
Tabel III.15.
Hasil Pengujian Black-Box Testing Terhadap Login Pelanggan
No Skenario
pengujian
Test case Hasil yang
diharapkan
Hasil
pengujian
Kesimpu
lan
1 Email di isi benar
dan Password tidak di isi, kemudian klik tombol login Email: (eby@gmai l.com) Password: (kosong) Sistem akan menolak akses dan akan menampilk an pesan: 1.Anda belum mengisikan Password Sesuai harapan Valid
2 Email tidak di isi
dan Password di
isi dengan benar
kemudian klik tombol login Email: (kosong) Password: (1234567) Sistem akan menolak akses dan akan menampilk an pesan: Sesuai harapan Valid
1.Anda
belum
mengisikan
3 Email di isi salah dan Password di isi benar, kemudian klik tombol login Email: (kodok@g mail.com) Password: (1234567) Sistem akan menolak dan akan menampilk an pesan: 1.Email atau Password anda tidak benar Sesuai harapan Valid
4 Email di isi benar dan Password di isi salah, kemudian klik tombol login Email: (eby@gmai l.com) Password: (111111) Sistem akan menolak dan akan menampilk an pesan: 1.Email atau Password anda tidak benar Sesuai harapan Valid
5 Email di isi benar dan Password di isi benar, kemudian klik tombol login Email: (eby@gmai l.com) benar Password: Sistem akan menerima akses login, dan akan Sesuai harapan Valid
benar an pesan: Silahkan berbelanja di Toko K-Fashion
7. Pengujian Terhadap Konfirmasi Pembayaran
Tabel III.16.
Hasil Pengujian Black-Box Testing Terhadap Konfirmasi Pembayaran
No Skenario
pengujian
Test case Hasil yang
diharapkan Hasil pengujian Kesimpu lan 1 Id Order, Jumlah Transfer, Jenis Bank Transfer, No Rekening Kustomer, Nama Rekening Kustomer tidak di
isi, Kemudian klik
tombol kirim Id Order: (kosong) Jumlah Transfer: (kosong) Jenis Bank Transfer: (kosong) No Rekening Kustomer: (kosong) Sistem akan menolak dan akan menampilk an pesan: 1.Data yang anda isikan belum lengkap Sesuai harapan Valid
Nama Rekening Kustomer: (kosong) 2 Id Order, Jumlah Transfer, Jenis Bank Transfer, No Rekening Kustomer, dan Nama Rekening Kustomer di isi, Kemudian klik tombol kirim Id Order: (16) Jumlah Transfer: (90000) Jenis Bank Transfer: (BRI) No Rekening Kustomer: (98786756 456677) Nama Rekening Kustomer: (Febrihana) Sistem akan menerima dan akan menyimpan data, kemudian akan menampilk an pesan: Anda berhasil melakukan konfrmasi pembayara n Sesuai harapan Valid