bab iii pembahasan · 45 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan...
TRANSCRIPT
45
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
Boutique Koys adalah perusahaan konveksi rumahan yang bergerak dalam
bidang pembuatan pakaian muslimah dalam partai besar (kodian) maupun eceran
(grosir). Boutique Koys didirikan pada tanggal 10 Januari 2015 oleh owner Boutique
Koys yaitu ibu Ruqoyah. Melalui hobinya Ibu Ruqoyah membuat sendiri semua
design pakaian muslimah yang akan di produksi setiap minggunya. Sehingga setiap
hasil produksinya sangat mengutamakan design yang up-to-date, mutu dan kualitas
bahan, serta harga yang terjamin.
Boutique Koys meyediakan berbagai macam pakaian muslimah mulai dari
pakaian muslim syar’i, muslim casual, muslim dress, serta pakaian muslim untuk
sehari-hari. Boutique Koys telah memiliki kurang lebih 12 unit mesin jahit dengan
jumlah karyawan sebanyak 16 orang.
Konveksi Boutique Koys beralamat di Jalan Gardu no. 200, Lenteng Agung,
Jakarta Selatan. Dan telah memiliki toko yang beralamat di Mall Thamrin City,
Lantai 5 Blok H15 No.1 Jakarta Pusat.
46
3.1.2. Visi dan Misi Perusahaan
Dalam suatu perusahaan di perlukan suatu visi dan misi agar dapat menjadi
sebuah perusahaan besar. Makna dan arti di dalam visi dan misi perusahaan dapat
menjadi tolak ukur dalam kemajuan suatu perusahaan. Adapun Visi dan Misi dari
Boutique Koys adalah sebagai berikut:
A. VISI
1. Menjadi perusahaan Moeslim Fashion yang terkenal dengan model yang up-
date, mengutamakan kualitas bahan dan keaslian produk.
2. Menjadi perusahaan Moeslim Fashion terbesar di Indonesia.
B. MISI
1. Selalu menomorsatukan model yang up-date, mengutamakan kualitas bahan,
dan keaslian produk.
2. Membangun kepercayaan yang tinggi dan memberikan pelayanan yang
terbaik demi kepuasan pelanggan.
Dengan adanya visi misi ini maka owner dan para staff Boutique Koys akan
terus terpacu agar dapat menghasilkan yang terbaik untuk perusahaan sehingga dapat
mensejahterakan perusahaan dan memberikan keuntungan (profit) perusahaan.
47
3.1.3. Struktur Organisasi dan Fungsi
Adapun struktur organisasi bagian produksi pada Boutique Koys Jakarta yaitu :
OWNER
Ibu Ruqoyah
Assisten Owner dan
Pembuat Laporan
Ibu Romlah
Model
Mona Febrina
Assisten Konveksi
Bapak Omen
Photographer
Bapak Murjal
Pembuat
Pola
Bapak Juli
Tukang Potong
Bahan
Bapak Nizar
Penjahit Tukang PackingQuality Control
Produksi
Sumber: Owner Boutique Koys
Gambar III.1
Struktur Organisasi Bagian Produksi Boutique Koys Jakarta
Tugas dan fungsi masing-masing bagian yang ada di Struktur Organisasi
bagian produksi pada Boutique Koys Jakarta, yaitu:
a. Owner
Tugas dari owner adalah selain sebagai pemilik konveksi, Owner bertugas
memilih design dan warna yang sedang up-to-date untuk produksi pakaian,
penanggung jawab atas permintaan konsumen. Serta mengurus semua keuangan
dalam proses produksi baik dalam pembayaran dan pembelian bahan,
48
pembelian kelengkapan penjahit dan penggajian karyawan. Dan menyiapkan
sampel desain dan bahan untuk proses produksi selanjutnya.
b. Assisten Owner dan Pembuat Laporan
Tugas dari Assisten owner dan pembuat laporan adalah sebagai pembantu
owner untuk memantau jalannya produksi pada konveksi sekaligus sebagai
administrasi untuk pembuatan laporan. Dan membantu dalam pendataan
pesanan konsumen. Serta membantu owner dalam pendistribusian penggajian
karyawan.
c. Assisten Konveksi
Tugas dari Assisten konveksi adalah sebagai pembantu Assiten Owner dalam
memantau jalannya proses produksi pakaian, memesan dan membeli bahan
untuk produksi, mendata dan memenuhi kelengkapan penjahit serta
penanggung jawab akan kebersihan konveksi. Dan menghitung Stok pakian
yang ada pada gudang.
d. Pembuat Pola
Tugas dari pembuat pola adalah sebagai pembatu owner dalam menyesuaikan
ukuran, bahan dan warna dalam proses pemilihan produksi pakaian. Serta
pembuat pola untuk memudahkan tukang potong dalam proses pemotongan
bahan. Dan membantu owner dalam menyiapkan sampel pakaian yang akan di
jadikan untuk produksi pakaian selanjutnya.
e. Tukang Potong
Tugas dari tukang potong adalah memotong bahan yang telah disesuaikan
dengan pola. Mengitung hasil potongan dan di bagikan langsung ke penjahit.
49
f. Penjahit
Tugas dari penjahit adalah menjahit semua potongan yang telah sesuai dengan
sampel, sehingga menjadi pakian muslimah yang siap di pasarkan.
g. Quality Control Produksi
Tugas dari quality control produksi adalah mengecek semua hasil jahitan
membuang semua benang-benang yang menggantung. Dan menempelkan merk
produk.
h. Tukang Packing
Tugas dari tukang packing adalah melipat semua pakain yang telah di cek atau
periksa. Lalu memasukan pakian yang telah dilipat kedalam plastik rapping.
Serta membantu asisten owner dalam pendistribusian pesanan yang akan di
kirim ke konsumen.
i. Model dan Photographer
Tugas dari model adalah Berfoto menyesuaikan dengan pakian muslimah yang
di produksi. Sedangkan untuk tugas fotographer adalah mengedit hasil foto
sehingga foto siap di update atau dipasarkan.
3.2. Analisa Kebutuhan
Analisa kebutuhan merupakan langkah awal untuk menentukan perangkat lunak
seperti apa yang akan dihasilkan, ketika kita melaksanakan sebuah proyek pembuatan
perangkat lunak.
50
3.2.1. Identifikasi Kebutuhan Pengguna
Mengindentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna.
A. Kebutuhan Pengguna Pelanggan
1. Pelanggan dapat melakukan transaksi pembelian produk dengan mendaftar
sebagai pelanggan atau masuk jika sudah memiliki member.
2. Pelanggan membeli produk Boutique Koys setelah masuk dan tampil form
“keranjang belanja” dimana form keranjang dapat di hapus dan di perbaharui
data pembelian.
3. Pelanggan dapat mengisi form pengisian data pelanggan dan memilih jasa
pengiriman yang tersedia untuk memudahkan dalam proses pengiriman.
4. Pelanggan dapat mencetak faktur pembelian berupa struk setelah melakukan
proses pengisian data pengiriman.
5. Pelanggan dapat melakukan proses konfirmasi pembayaran di form konfirmasi
pembayaran yang sudah tersedia dan meng-upload bukti transaksi.
6. Pelanggan dapat mencetak faktur pembelian barang.
7. Pelanggan dapat mengisi testimoni dan melihat data testimoni.
8. Pelanggan dapat menguhubungi admin untuk bertanya dengan mengirimkan
e-mail di dalam menu hubungi kami.
B. Kebutuhan Pengguna Pengunjung
1. Pengunjung hanya dapat melihat produk tidak bisa melakukan transaksi
pembelian.
51
C. Kebutuhan Pengguna Admin
1. Admin dapat masuk ke halaman admin dengan mengisi username dan
password.
2. Admin dapat mengelola data admin.
3. Admin dapat melihat data admin.
4. Admin dapat menambahkan produk yang akan di jual.
5. Admin dapat melihat data produk yang akan di jual.
6. Admin dapat mengelola data produk yang akan di jual.
7. Admin dapat menambahkan kategori produk.
8. Admin dapat melihat data kategori produk.
9. Admin dapat melihat data pemesanan barang.
10. Admin dapat mengelola data pemesanan barang.
11. Admin dapat mengelola data biaya kirim untuk pengiriman barang.
12. Admin dapat melihat alamat pengiriman.
13. Admin dapat mengelola data hubungi kami.
14. Admin dapat membalas e-mail ke pelanggan.
15. Admin dapat melakukan logout dari web pengelolaan admin (Back End).
52
3.2.2. Identifikasi Kebutuhan Sistem
A. Security
1) Dilengkapi password untuk sistem informasi website nya maupun database
nya.
2) Logout untuk menghindari suatu manipulasi data.
B. Informasi
1) Digunakan untuk memberitahu apabila suatu input data tidak sesuai yaitu
berupa validasi.
2) Digunakan untuk menampilkan cara pembelian bagi user , laporan member,
barang dan penjualan bagi admin.
3.3. Perancangan Perangkat Lunak
Perancangan sistem dan perangkat lunak dalam rancangan program penjualan
perlengkapan hewan berbasis web yaitu rancangan antarmuka, rancangan basis data
dan rancangan struktur navigasi antara lain :
3.3.1. Rancangan Antar Muka
A. Rancangan Antar Muka Login Admin
Username
Password
Logo
FooterBATALKAN LOGIN
xxxxxxxxx
xxxxxxxxx
Header
Gambar III.2.
Rancangan Antar Muka Login Admin
53
B. Rancangan Antar Muka Index Admin
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Welcome Admin,
Boutique Koys
Silahkan Klik Menu kiri untuk mengelola Data
Gambar III.3.
Rancangan Antar Muka index Admin
C. Rancangan Antar Muka Menu Admin
Header
Footer
Menu Admin
xxxxxxx
xxxxxxx
Simpan Batal
Data Admin
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Username :
Password :
Gambar III.4.
Rancangan Antar Muka Menu Admin
54
D. Rancangan Antar Muka Ganti Password Admin
Header
Footer
xxxxxxx
xxxxxxx
Ubah
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Username :
Password Lama :
Password Baru : xxxxxxx
Gambar III.5.
Rancangan Antar Muka Ganti Password Admin
E. Rancangan Antar Muka Menu Produk
Header
Footer
Simpan
Nama
Deskripsi
xxxxx
xxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Warna
Kategori
Harga
Stock
Gambar
xxxxxx
xxxxxxx
xxxxxxx
Batal
Data Produk
Menu Produk
Browse..
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
* Untuk gambar baik dengan ukuran 100 x 125 Pixels
* Ketik nama gambar beserta format, contoh : B001.png
Gambar III.6.
Rancangan Antar Muka Menu Produk
55
F. Rancangan Antar Muka Ubah Produk
Header
Footer
Ubah
Nama
Deskripsi
xxxxx
xxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Warna
Kategori
Harga
Stock
Gambar
xxxxxx
xxxxxxx
xxxxxxx
Browse..
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
ID xxxxx
Gambar III.7.
Rancangan Antar Muka Ubah Produk
G. Rancangan Antar Muka Kategori Produk
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Kategori
Id_Kategori :
Kategori :
xxxxx
xxxxx
Simpan Batal
Data Kategori
Gambar III.8.
Rancangan Antar Muka Kategori Produk
56
H. Rancangan Antar Muka Transaksi
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Data Transaksi
Data Transaksi
Gambar III.9.
Rancangan Antar Muka Transaksi
I. Rancangan Antar Muka Detail Transaksi
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Detail Transaksi
Data Detail Transaksi
No. Transaksi : xx
Tgl & Jam Transaksi : xxxx & xxxx
Status : xxxxx Ubah Status
1 = Baru
Gambar III.10.
Rancangan Antar Detail Transaksi
57
J. Rancangan Antar Muka Pengiriman
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Kirim
Pilih Kota :
Pilih Kurir :
Tarif Kirim :
xxxxx
xxxxx
Simpan Batal
Data Pengiriman
xxxxx
Gambar III.11.
Rancangan Antar Muka Pengiriman
K. Rancangan Antar Muka Kurir
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Kurir
Nama Kurir : xxxxx
Simpan Batal
Data Kurir
Gambar III.12.
Rancangan Antar Muka Kurir
58
L. Rancangan Antar Muka Kota
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Kota
Nama Kota : xxxxx
Simpan Batal
Data Kota
Gambar III.13.
Rancangan Antar Muka Kota
M. Rancangan Antar Muka Konfirmasi Pembayaran
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Konfirmasi
Data Konfirmasi
Gambar III.14.
Rancangan Antar Muka Konfirmasi Pembayaran
59
N. Rancangan Antar Muka Laporan
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Laporan
Produk Member Penjualan
Gambar III.15.
Rancangan Antar Muka Laporan
O. Rancangan Antar Muka Hubungi Kami
Header
Footer
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Hubungi
Data Hubungi Admin
Gambar III.16.
Rancangan Antar Muka Hubungi Kami
P. Rancangan Antar Muka Balas Email
Header
Footer
Kirim
Kepada :
Subjek :
Pesan :
xxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxx
· Admin
· Produk
· Kategori Produk
· Transaksi
· Pengiriman
· Kurir
· Kota
· Konfrimasi
Pembayaran
· Laporan
· Hubungi Kami
· Logout
Menu Hubungi
Batal
Gambar III.17.
Rancangan Antar Muka Balas Email
60
Q. Rancangan Antar Muka Index User
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Login
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Welcome .. Selamat Berbelanja produk-produk Terbaru Sista..
Gambar
Kategori
Testimoni
Gambar Gambar
Login | Belum ?Silahkan
Daftar
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Gambar III.18.
Rancangan Antar Muka Index User
R. Rancangan Antar Muka Home User
Home | Produk | Cara Pembelian | Cara Pembayaran | Konfirmasi Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Welcome .. Selamat Berbelanja produk-produk Terbaru Sista..
Gambar
Kategori
Testimoni
Gambar Gambar
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Logout | Selamat Berbelanja xxxx
Gambar III.19.
Rancangan Antar Muka Home User
61
S. Rancangan Antar Muka Login User Dan Daftar Member
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Jika Sista Sudah Daftar silahkan Login
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Username :
Password :
xxxxx
xxxxx
Login
Daftar Member Baru
Nama :
Alamat :
Telepon :
Email :
xxxxx
xxxxx
xxxxx
xxxxx
User :
Password :
Re Password :
xxxxx
xxxxx
xxxxx
Daftar
* Isi data dengan benar, setiap transaksi yang Anda lakukan sangat
berpengaruh pada informasi data member yang Anda input untuk
pengiriman produk barang yang Anda beli. Terima kasih
Gambar III.20.
Rancangan Antar Muka Login User Dan Daftar Member Baru
T. Rancangan Antar Muka Cara pembelian
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Login | Belum ?Silahkan
Daftar
Login
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Cara Pembelian
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Keterangan
Gambar III.21.
Rancangan Antar Muka Cara Pembelian
62
U. Rancangan Antar Muka Cara Pembayaran
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Login | Belum ?Silahkan
Daftar
Login
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Cara Pembayaran
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Keterangan
Gambar III.22.
Rancangan Antar Muka Cara Pembayaran
V. Rancangan Antar Muka Hubungi Kami
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Hubungi Kami
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Nama :
Email :
Subjek :
Pesan :
xxxxx
xxxxx
xxxxx
xxxxx
Proses
Gambar III.23.
Rancangan Antar Muka Hubungi kami
63
W. Rancangan Antar Muka Profil
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Login | Belum ?Silahkan
Daftar
Login
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Tentang Kami
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
xxx
Mengapa Harus Berbelanja di Website Boutique Koy's ??
xxx
Profile
xxx
Gambar III.24.
Rancangan Antar Muka Profil
X. Rancangan Antar Muka Produk
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Produk Boutique Koy's
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Gambar 1 Gambar 2 Gambar 3
Gambar 6Gambar 5Gambar 4
Gambar III.25.
Rancangan Antar Muka Produk
64
Y. Rancangan Antar Muka Produk Detail
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Produk Detail
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
GambarKeterangan
Beli
Gambar III.26.
Rancangan Antar Muka Produk Detail
Z. Rancangan Antar Muka Keranjang Belanja
Home | Produk | Cara Pembelian | Cara Pembayaran | Konfirmasi Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
HeaderLogout | Terima kasih xxxx
Logo
Keranjang Belanja
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Lanjutkan Belanja
Produk Nama Aksi Qty Total
Grand Total
Alamat Jalan :
Pilih Kota :
Pilih Kurir :
xxxxxx
xxxxxx
xxxxxx
Selesai Belanja
Total harga diatas belum termasuk ongkos kirim yang akan
dihitung saat Selesai Belanja.
Gambar III.27.
Rancangan Antar Muka Keranjang Belanja
65
AA. Rancangan Antar Muka Faktur Pembayaran
Home | Produk | Cara Pembelian | Cara Pembayaran | Konfirmasi Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
HeaderLogout | Terima kasih xxxx
Logo
Terima kasih untuk pesanan Anda
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
TERIMA KASIH
FAKTUR PEMBAYARAN
XXXXXXX
XXXXXX
XXXXXXXXXX
XXXXXXXXXXXXX
XXXXX
XXXXXX
XXXXX
XXXXX
Gambar III.28.
Rancangan Antar Muka Faktur Pembayaran
BB. Rancangan Antar Muka Faktur Print
Header
FAKTUR PEMBAYARAN
LOGO
XXXXX
XXXXXXX
XXXXXX
XXXXXXXXXX
XXXXXXXXXXXXX
XXXXX
XXXXXX
XXXXX
TERIMA KASIH
Footer
XXXXXXX
XXXXXX
XXXXXXXXXX
Gambar III.29.
Rancangan Antar Muka Faktur Print
66
CC. Rancangan Antar Muka Konfirmasi Pembayaran
Home | Produk | Cara Pembelian | Cara Pembayaran | Konfirmasi Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
HeaderLogout | Terima kasih xxxx
Logo
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Apabila anda sudah Melakukan pembayaran. Konfirmasikan pembayaran anda
dengan mengisi form di bawah ini:
KONFIRMAS PEMBAYARAN
No. Faktur :
Tanggal Transfer :
Transfer Atas Nama :
Telpon :
Jumlah Transfer : Rp.
Keterangan tambahan :
Gambar :
Input
Browse
Gambar III.30.
Rancangan Antar Muka Konfirmasi Pembayaran
DD. Rancangan Antar Muka Isi Testimoni
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
Silahkan Isi Testimoni nya Sista ,,.
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Username :
Password :
Testimonia :
xxxxx
xxxxx
Captcha
Simpan
Login | Belum ?Silahkan
Daftar
Login
xxxxx
xxxxx
Gambar III.31.
Rancangan Antar Muka Isi Testimoni
67
EE. Rancangan Antar Muka Lihat Testimoni
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
DATA TESTIMONI
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Login | Belum ?Silahkan
Daftar
Login
Xxxxx
XXXXXXXXXXXXX
XXXXXX
XXXXXXXXXXXXXXX
XXXXX
XXXXXXXXXXXXX
XXXXX
XXXXXXXXXX
Gambar III.32.
Rancangan Antar Lihat Testimoni
FF. Rancangan Antar Muka Cari Produk
Home | Produk | Cara Pembelian | Cara Pembayaran | Hubungi Kami | Profil |
Slide Gambar
Best Seller
Gambar
xxxxxx
Pencarian
Keranjang Belanja
Kantong
Belanja
Footer
Header
Logo
DATA TESTIMONI
Kategori
Testimoni
Pembayaran
Pengiriman
Gambar
Gambar
xxxxx
xxxxx
Xxxxx
XXXXXXXXXXXXX
XXXXXX
XXXXXXXXXXXXXXX
XXXXX
XXXXXXXXXXXXX
Data Produk XXXX ditemukan :
Detail
Gambar III.33.
Rancangan Antar Muka Cari Produk
68
3.3.2. Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
pelanggan melakukan Transaksi
Barang
memiliki
Kategori
Mempunyai
Id_barang
subtotal
No_transaksi
No_transaksi
Id_pelanggan
nama_pelanggan
Alamat
Nama_kategori
Id_kategori
password
username
gambar
Id_kategori
Id_barang
Deskripsi
warna
Kurir_id
mempunyai
Kirim
Id
harga
1 m
m
1
1
1
Konfirmasi
pembayaran
melakukan
Keterangan
nama
id
Telpon
Bank
Gambar
tanggal
mempunyai kota
Id_kota
Nama_kota
m
1
1
1
1 1
1
mempunyai
1
Id_pelanggan Id
Nama_barang
Id_kategoriId_barang
Id_pelanggan No_transaksi
Id_bayar
notransaksi
No_transaksi
Id
Id_kotaid
telepon
harga
Jumlah
Kota_id
Alamat Ongkir
Tanggal
Jam
Grandtotal
status
No_TransaksiId_barang
Stok
Kurir
Id_kurir Nama_kurir
1
mempunyai
1
Id_kota
Id_kurir
Kurir_id
Kota_id
Detail
Transaksi
1
Memilih
Gambar III.34.
Entity Relation Diagram
69
B. Logical Record Structure (LRS)
Pelanggan
id_pelanggan *
nama_pelanggan
username
password
alamat
telepon
Barang
id_barang *
Id_kategori
nama_barang
warna
deskripsi
stok
harga
gambar
Kategori
id_kategori*
nama_kategori
Transaksi
No_transaksi *
Kurir_id
Kota_id
Alamat
Ongkir
Status
Grandtotal
Jam
tanggal
Detail Transaksi
No_transakasi **
Id_barang
Jumlah
Sub total1
m
1
1
m
1
1
m
Konfirmasi_pembayaran
Id *
Tanggal
Nama
Telpon
Keterangan
Bank
Gambar
1
1
Kirim
Id *
Kurir_Id
Kota_id
Harga
kota
id_kota *
nama_kota
11
Kurir
id_Kurir *
nama_Kurir
1
1
1
1
Keterangan :
* Primary Key
** Foregin Key
Gambar III.35.
Logical Record Structure (LRS)
70
C. Spesifikasi File
Spesifikasi file merupakan penjelasan mengenai bentuk–bentuk file databse
yang digunakan untuk pengolahan proses dari suatu sistem. File–file ini tersimpan
pada database tokomuslim dengan parameter–parameter sebagai berikut :
1. Spesifikasi File Pelanggan
Nama File : File Pelanggan
Akronim : Pelanggan
Fungsi : Untuk menyimpan data pelanggan
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 856 Karakter
Kunci Field : id_pelanggan
Software : Mysql
Tabel III.1.
Spesifikasi File Pelanggan
No. Elemen Data Nama Field Tipe Size Ket.
1. id_pelanggan id_pelanggan Int 11 Primay Key
2. nama_pelanggan nama_pelanggan Varchar 35 -
3. Username username Varchar 20 -
4. Email Email Text 255 -
5. Password password Text 255 -
71
6. Alamat alamat Text 255 -
7. Telepon telepon Varchar 25 -
2. Spesifikasi File Barang
Nama File : File Barang
Akronim : Barang
Fungsi : Untuk menyimpan data barang
Tipe : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 409 Karakter
Kunci Field : id_barang
Software : Mysql
Tabel III.2
Spesifikasi File Barang
No. Elemen Data Nama Field Tipe Size Ket.
1. id_barang id_barang Int 6 Primay Key
2. nama_barang nama_barang Varchar 35 -
3. Warna warna Varchar 35 -
4. Deskripsi deskripsi Text 255 -
5. Stok Stok Int 11 -
6. Harga barang Harga Int 11 -
72
7. Gambar gambar Varchar 50 -
8. Id_kategori id_kategori Int 6 -
3. Spesifikasi File Kategori
Nama File : File Kategori
Akronim : Kategori
Fungsi : Untuk menyimpan data kategori
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 46 Karakter
Kunci Field : id_kategori
Software : Mysql
Tabel III. 3.
Spesifikasi File Kategori
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Kategori id_ kategori Int 11 Primay Key
2. Nama Kategori nama_ kategori Varchar 35 -
4. Spesifikasi File Transaksi
Nama File : File Transaksi
73
Akronim : Transaksi
Fungsi : Untuk menyimpan data transaksi
Tipe : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 251 Karakter
Kunci Field : no_transaksi
Software : Mysql
Tabel III.4.
Spesifikasi File Transaksi
No. Elemen Data Nama Field Tipe Size Ket.
1. no transaksi no_transaksi Int 11 Primay Key
2. Status status Var 50 -
3. Kurir_id kurir_id Int 11 -
4. Kota_id kota_id Int 11 -
5. Alamat alamat Var 100 -
6. Ongkir ongkir Int 11 -
7. Grand total grandtotal Int 11 -
8. Tanggal tanggal date 8 -
9. Jam Jam time 8 -
10. Username username var 30 -
74
5. Spesifikasi File detail transaksi
Nama File : File detailtransaksi
Akronim : detailtransaksi
Fungsi : Untuk menyimpan data transaksi secara rinci
Tipe : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 44 Karakter
Kunci Field : no_transaksi
Software : Mysql
Tabel III.5.
Spesifikasi File detailtransaksi
No. Elemen Data Nama Field Tipe Size Ket.
1. No_transaksi no_transaksi Int 11 Foregin Key
2. Id_barang id_barang Int 11 -
3. Jumlah jumlah Int 11 -
4. Subtotal subtotal Int 11 -
6. Spesifikasi File Konfirmasi
Nama File : File Konfirmasi
Akronim : konfirmasi
Fungsi : Untuk menyimpan data konfirmasi pembayaran
75
Tipe : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 453 Karakter
Kunci Field : id
Software : Mysql
Tabel III.6.
Spesifikasi File Konfirmasi
No. Elemen Data Nama Field Tipe Size Ket.
1. Id id Int 11 Primay Key
2. Bank bank Varchar 50 -
3. Nama nama Varchar 50 -
4. Telpon telpon Var 18 -
5. Jumlah jumlah Int 11 -
6. Tanggal tanggal Date 8 -
7. Gambar gambar Varchar 50 -
8. Keterangan keterangan Text 255 -
7. Spesifikasi File kirim
Nama File : File pengiriman
Akronim : kirim
Fungsi : Untuk menyimpan data pengiriman barang
76
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 48,2 Karakter
Kunci Field : id
Software : Mysql
Tabel III.7.
Spesifikasi File kirim
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Id Int 11 Primay Key
2. Kurir_id kurir_id Int 11 -
3. Kota_id kota_id Int 11 -
4. Harga Harga Double 15,2 -
8. Spesifikasi File Kota
Nama File : File Kota
Akronim : Kota
Fungsi : Untuk menyimpan data kota pengiriman
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
77
Panjang record : 54 Karakter
Kunci Field : id
Software : Mysql
Tabel III.8.
Spesifikasi File Kota
No. Elemen Data Nama Field Tipe Size Ket.
1. Id kota id Int 4 Primay Key
2. Nama kota nama Varchar 50 -
9. Spesifikasi File Kurir
Nama File : File Kurir
Akronim : Kurir
Fungsi : Untuk menyimpan data kurir pengiriman
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang record : 41 Karakter
Kunci Field : id
Software : Mysql
78
Tabel III.9
Spesifikasi File Kurir
No. Elemen Data Nama Field Tipe Size Ket.
1. Id kurir id Int 6 Primay Key
2. Nama kurir nama Varchar 35 -
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi yang digunakan adalah struktur navigasi campuran. Struktur
navigasi campuran merupakan gabungan dari ketiga struktur yaitu linier, non-linier
dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas.
Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini
dapat memberikan interaksi yang lebih tinggi.
A. Struktur Navigasi Pengunjung
Index
Hme
Cari Produk
Cara PembelianProduk
Isi Testimoni
Cara Pembayaran Profil
Produk Detail
Kategori
Lihat kategori
Lihat Testimoni
Gambar III.36.
Struktur Navigasi Pengunjung
79
B. Struktur Navigasi User (front-end)
Index
HOME PRODUK
Muslim DailyMuslim DressMuslim CasualMuslim Syar’i
Produk Detail
Mengisi Formulir
Pengiriman
Transaksi Selesai
Keranjang Belanja
Konfirmasi Pembayaran
Logout
Lihat Produk Katalog
Kategori
PROFILCara PembayaranCara Pembelian
Hubungi kami Isi dan Lihat Testimoni
Login Belum Daftar?
Hubungu kamiKonfirmasi
Pembayaran
Gambar III.37.
Struktur Navigasi User (front-end)
80
C. Struktur Navigasi Admin (back-end)
Home
Login
Admin LaporanProduk Kategori Logout
Laporan
Penjualan
Laporan
Member
Laporan
Produk
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Pengiriman
Hapus
Tambah
Kota
Hapus
Tambah
Konfirmasi
Pembayaran
Hapus
Ubah
Transaksi
Ubah
Kurir
Hapus
Tambah
Konfirmasi
Pembayaran
Gambar III.38.
Struktur Navigasi Admin (back-end)
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi penjualan pakaian berbasis
web berdasarkan hasil rancangan antar muka antara lain:
1. Halaman Login Admin
Gambar III.39.
Halaman Login Admin
81
2. Halaman Login salah
Gambar III.40.
Halaman Login salah
3. Halaman Index Admin
Gambar III.41.
Halaman Index Admin
82
4. Halaman Menu Admin
Gambar III.42.
Halaman Menu Admin
5. Halaman Ganti Password Admin
Gambar III.43.
Halaman Ganti Password Admin
83
6. Halaman Menu Produk
Gambar III.44.
Halaman Menu Produk Admin
7. Halaman Ubah Produk
Gambar III.45.
Halaman Menu Ubah Produk Admin
84
8. Halaman Menu Kategori
Gambar III.46.
Halaman Menu Kategori
9. Halaman Menu Ubah Kategori
Gambar III.47.
Halaman Menu Ubah Kategori
85
10. Menu Data Transaksi
Gambar III.48.
Halaman Menu Data Transaksi
11. Halaman Menu kirim
Gambar III.49.
Halaman Menu kirim
86
12. Halaman Menu Data Kurir
Gambar III.50.
Halaman Menu Data Kurir
13. Halaman Menu Data Kota
Gambar III.51.
Halaman Menu Data Kota
87
14. Halaman Menu Konfirmasi Pembayaran
Gambar III.52.
Halaman Menu Konfirmasi Pembayaran
15. Halaman Menu Detail transaksi
Gambar III.53.
Halaman Menu Detail Transaksi
88
16. Halaman Menu Laporan
Gambar III.54.
Halaman Menu Laporan
17. Halaman Menu Hubungi Kami
Gambar III.55.
Halaman Menu Hubungi Kami
89
18. Halaman Menu Balas Email
Gambar III.56.
Halaman Menu Balas Email
19. Menu Index Website
Gambar III.57.
Halaman Menu Index website
90
20. Halaman Login dan Daftar Member Baru
Gambar III.58.
Halaman Menu Login dan Daftar Member Baru
91
21. Halaman Cara Pembelian
Gambar III.59.
Halaman Menu Cara Pembelian
22. Halaman Cara Pembayaran
Gambar III.60.
Halaman Menu Cara Pembayaran
92
23. Halaman Profil
Gambar III.61.
Halaman Menu Profil
93
24. Halaman Home User
Gambar III.62.
Halaman Menu Home User
94
25. Halaman Produk
Gambar III.63.
Halaman Menu Produk
26. Halaman Produk Detail
Gambar III.64.
Halaman Menu Produk Detail
95
27. Halaman Keranjang Belanja
Gambar III.65.
Halaman Menu Keranjang Belanja
96
28. Halaman Faktur Pembayaran
Gambar III.66.
Halaman Menu Faktur Pembayaran
29. Halaman Faktur Print
Gambar III.67.
Halaman Menu Faktur Prin
97
30. Halaman Hasil Pencarian Produk
Gambar III.68.
Halaman Menu Pencarian Produk
31. Halaman Kategori Produk
Gambar III.69.
Halaman Menu Kategori Produk
98
32. Halaman Isi Testimoni
Gambar III.70.
Halaman Menu Isi Testimoni
33. Halaman Lihat Testimoni
Gambar III.71.
Halaman Menu Lihat Testimoni
99
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan program aplikasi penjualan pakaian
berbasis web.
1. Spesifikasi Perangkat Keras
A. Server
1. CPU
a. Processor intel dual core 2.3 GHz
b. RAM 2 GB
c. Hardisk 320 GB
d. VGA MobileIntel (R) 965 ExpressChipset Family358 MB
2. Mouse
3. Keyboard
4. Monitor dengan resolusi layar minimum 1024x768
5. Koneksi internet dengan kecepatan 2 Mbps.
B. Client
1. CPU
a. Processor inteldual core 2,3GHz
b. RAM 1 - 2 GB
c. Hardisk 320 GB
d. VGA Intel HD
2. Mouse
3. Keyboard
100
4. Monitor dengan resolusi layar minimum 1024x768
5. Koneksi internet dengan kecepatan 2 Mbps.
2. Spesifikasi Perangkat Lunak
A. Server
1. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86).
2. Aplikasi bundle web server adalah Xampp1.8.1-0 terdiri dari beberapa
komponen diantaranya:
a. Aplikasi PHP
b. Aplikasi MySQL
c. Aplikasi phpMyAdmin
3. Aplikasi web browser seperti Internet Explorer, Google ChromeMozilla
Firefox.
B. Client
1. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86)
2. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
101
3.4.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
Table III.10.
Pengujian Form Login Admin
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Username
dan password
di kosongkan
kemudian
klik tombol
login
User id:
(kosong)
Password:(kos
ong)
Sistem akan
menolak akses
user dan akan
menampilkan
“You missed 2
fields. They
have been
highlighted.”
Sesuai
harapan
Valid
2 Mengetikkan
username dan
password
tidak di isi
kemudian
klik tombol
login
Username:
(admin)
Password:(kos
ong)
Sistem akan
menolak akses
user dan akan
menampilkan
“You missed 1
field. it has
been
highlighted.”
Sesuai
harapan
Valid
3 Username
tidak di isi
dan password
di isi
kemudian
klik tombol
login
Username:
(kosong )
Password:
(admin)
Sistem akan
menolak akses
user dan akan
menampilkan
“You missed 1
field. it has
been
highlighted.”
Sesuai
harapan
Valid
102
4 Mengetikan
salah satu
kondisi salah
pada
username
atau
password
kemudian
klik tombol
login
Username:
(admin )
Password:
(user)
Sistem akan
menolak akses
user dan akan
menampilkan
“LOGIN
GAGAL.
Username atau
password anda
tidak sesuai.
Atau akun anda
sedang
diblokir.”
Sesuai
harapan
Valid
5 Mengetikan
username dan
password
dengan data
yang benar
kemudian
klik tombol
login
Username:
admin(benar )
Password:
admin(benar)
Sistem
menerima akses
Login. Dan
masuk ke form
menu utama
admin.
Sesuai
harapan
Valid
B. Pengujian Terhadap Form Tambah Admin
Table III.11.
Pengujian Form Tambah Admin
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an field
Username.
Username:
(kosong)
Password:
(admin)
Akan
menampilkan
Pesan Validasi
“Please fill out
this field”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
Password
Username:
(admin)
Password:
(Kosong)
Akan
menampilkan
Pesan Validasi
“Please fill out
this field”
Sesuai
harapan
Valid
103
3 Mengosongk-
an field
Username dan
field
Password
Username:
(Kosong)
Password
(Kosong)
Akan
menampilkan
Pesan Validasi
dimasing
masing kotak.
Sesuai
harapan
Valid
4 Mengetikkan
username dan
password
dengan benar
Username:
(admin)
Password
(admin)
Akan
menampilkan
Pesan” Data
Admin baru
berhasil
disimpan.
Sesuai
harapan
Valid
C. Pengujian Terhadap Form Ganti Password Admin
Table III.12.
Pengujian Form Ganti password Admin
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an Field
Password
Lama.
Username:
(admin)
Password
Lama
(kosong)
Password
Baru
(******)
Akan
menampilkan
Pesan Validasi
dibawah field
password
lama“Please fill
out this field”
Sesuai
harapan
Valid
2 Password
Lama di isi
tidak sesuai
atau salah
Username
(admin)
Password
Lama
(tidak sesuai)
Password
Baru(ada)
Sistem akan
menolak akses
ubah password
admin dan akan
menampilkan
“Password lama
salah, input
dengan benar
password lama
Anda!.”
Sesuai
harapan
Valid
3 Mengosongk- Username: Akan Sesuai Valid
104
an field
Password
Baru
(admin)
Password
Lama
(******)
Password
Baru
(kosong)
menampilkan
Pesan Validasi
di bawah field
password Baru
“Please fill out
this field”
harapan
4 Mengosongk-
an 2 field
password
Lama dan
field
password
Baru
Username:
(admin)
Password
Lama
(kosong)
Password
Baru
(kosong)
Menampilkan
Pesan Validasi
disamping
masing masing
field password
Lama dan field
password Baru.
Sesuai
harapan
Valid
5 Mengetikan
Password
Lama dan
Password
baru dengan
data yang
benar
kemudian klik
tombol Ubah
Username:
(admin)
Password
Lama
(benar)
Password
Baru
(benar)
Sistem
menerima akses
Ubah admin
dan kemudian
langsung
menampilkan
pesan “Data
Sudah
Berubah.”
.
Sesuai
Harapan
Valid
D. Pengujian Terhadap Form Tambah Produk
Table III.13.
Pengujian Form tambah produk admin
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosong
kan field
Nama
Nama:
(kosong)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Akan
menampilkan
Pesan Validasi
dibawah kolom
nama “Anda
Belum
Sesuai
harapan
Valid
105
Casual)
Warna :
(Merah)
Harga:
(350000)
Stock:
(20)
Mengisikan
Nama Produk”
2 Mengosong
kan field
Warna
Nama:
(Bridal Syari)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Casual)
Warna :
(Kosong)
Harga:
(350000)
Stock:
(20)
Akan
menampilkan
Pesan Validasi
dibawah kolom
harga “Anda
belum
mengisikan
warna produk”.
Sesuai
harapan
Valid
3 Mengosong
kan field
Harga
Nama:
(Bridal Syari)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Casual)
Warna :
(Merah)
Harga:
(Kosong)
Stock:
(10)
Akan
menampilkan
Pesan Validasi
dibawah kolom
stok “Anda
belum
mengisikan
harga produk”.
Jika disikan
dengan Huruf
maka akan
muncul Notif “
Isikan Angka”
Sesuai
harapan
Valid
4 Mengosong
kan field
Harga
Nama:
(Bridal Syari)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Casual)
Warna :
Akan
menampilkan
Pesan Validasi
dibawah kolom
stok “Anda
belum
mengisikan
harga produk”.
Sesuai
harapan
Valid
106
(Merah)
Harga:
(Kosong)
Stock:
(10)
Jika disikan
dengan Huruf
maka akan
muncul Notif “
Isikan Angka”
4 Mengosong
kan field
Stock
Nama:
(Bridal Syari)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Casual)
Warna :
(Merah)
Harga:
(350000)
Stock:
(Kosong)
Akan
menampilkan
Pesan Validasi
disamping
kolom gambar
“Anda belum
mengisikan
stock produk”
Sesuai
harapan
Valid
5 Mengisi
semua field
lalu klik
tombol
Nama:
(Bridal Syari)
Deskripsi:
(bahan sutra)
kategori:
(Muslim
Casual)
Warna :
(Merah)
Harga:
(350000)
Stock:
(20)
Sistem
menerima akses
Tambah produk
kemudian
menampilkan
pesan “Produk
Berhasil
disimpan”.
Sesuai
harapan
Valid
107
E. Pengujian Terhadap Form Tambah Kategori
Table III.14.
Pengujian Form Tambah Kategori
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosong
kan field
id_kategori
Kategori:
(kosong)
Akan
menampilkan
Pesan Validasi
dibawah kolom
id_kategori
“Please fill out
this field”
Sesuai
harapan
Valid
2 Mengosong
kan field
kategori
Kategori:
(kosong)
Akan
menampilkan
Pesan Validasi
dibawah kolom
kategori
“Please fill out
this field”
Sesuai
harapan
Valid
3 Mengetikkan
atau mengisi
field
id_kategori
dan kategori
lalu klik
tombol
simpan
Id_kategori:
(111)
Kategori:
(Muslim
Casual)
Sistem
menerima akses
Tambah
Kategori dan
kemudian
langsung
menampilkan
pesan “Data
berhasil di
simpan.”
Sesuai
harapan
Valid
F. Pengujian Terhadap Form Login User
Table III.15.
Pengujian Form Login User
No Skenario Test Case Hasil yang di Hasil Kesimpulan
108
Pengujian harapkan Pengujian
1 Mengosongk-
an field
Username.
Username:
(kosong)
Password:
(user)
Akan
menampilkan
Pesan Validasi
“Anda belum
mengisikan
Username”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
Password
kosong
Username:
(user)
Password:
(Kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
mengisikan
Password”
Sesuai
harapan
Valid
3 Mengosongk-
an field
Username dan
field
Password
Username:
(Kosong)
Password
(Kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
mengisikan
Username”
“Anda belum
mengisikan
Password”
Sesuai
harapan
Valid
4 Mengetikkan
Username
salah dan
Password
benar
Username:
(salah)
Password:
(User)
Sistem menolak
akses
Login User dan
kemudian
langsung
menampilkan
pesan
“Username dan
Password yang
Anda isi salah”
Sesuai
harapan
Valid
5 Mengetikkan
username dan
password
dengan benar
Username:
(User)
Password:
(User)
Sistem
menerima akses
Login User dan
kemudian
langsung
Sesuai
harapan
Valid
109
menampilkan
pesan “Halo!
selamat
berbelanja.”
G. Pengujian Terhadap Form Daftar Member Baru User
Table III.16.
Pengujian Form Member Baru User
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an field nama
kosong.
Nama:
(kosong)
Akan
menampilkan
pesan
validasi”Anda
belum
mengisikan
Nama”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
alamat kosong
Alamat:
(Kosong)
Akan
menampilkan
pesan
validasi”Anda
belum
mengisikan
Alamat dengan
benar”
Sesuai
harapan
Valid
3 Mengosongk-
an Field
Telepon
Telepon:
(Kosong)
Akan
menampilkan
pesan validasi ”
Isikan 10 digit
angka telpon”
Sesuai
harapan
Valid
4 Mengetikan
field telepon
dengan huruf
Telepon:
(sepuluh)
Akan
menampilkan
Pesan Validasi
“Isikan Angka”
Sesuai
harapan
Valid
5 Mengosongk-
an Field email
Email:
(kosong)
Akan
menampilkan
Sesuai
harapan
Valid
110
pesan validasi”
email is
required”
6 Mengisikan
Field email
tidak sesuai
format
Email:
(isiatyahoodot
com)
Akan
menampilkan
Pesan Validasi
“Format Email
belum benar”.
Sesuai
harapan
Valid
7 Mengosongk-
an field user
member
User:
(kosong)
Akan
menampilkan
pesan
validasi”Anda
belum
mengisikan
“user name”
Sesuai
harapan
Valid
8 Mengosongk-
an field
password
member
Password:
(Kosong)
Akan
menampilkan
pesan
validasi”Anda
belum
mengisikan
“Password”
Sesuai
harapan
Valid
9 Mengosongk-
an field re-
password
member
Re-Password:
(Kosong)
Akan
menampilkan
pesan
validasi”Anda
belum
mengisikan
Nama”
password
Sesuai
harapan
Valid
10 Membedakan
field re-
password
member
dengan
password
member
Password:
(1989-09-27)
Re-Password:
(1989-09-27)
Sistem akan
menolak akses
dan
menampilkan
Pesan
“Password tidak
sama, ulangin
password
Sesuai
harapan
Valid
111
Anda!”
11 Mengetikkan
Semua field
dengan benar
diantaranya
format email
dengan benar
dan nomor
telepon
dengan huruf
Sistem
menerima akses
daftar member
baru dan
menampilkan
pesan “Selamat
selamat datang,
anda telah
menjadi
member,
silahkan login”
H. Pengujian Terhadap Form Hubungi Kami
Table III.17.
Pengujian Form Hubungi kami
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an field
Nama.
Nama:
(kosong)
Email:
(mona.febrina
@gmail.com)
Subjek:
(Minta
Informasi)
Pesan:
(hay ,,
bagaimana
pengirman
saya?)
Akan
menampilkan
Pesan Validasi
disamping field
Nama “Anda
belum
Mengisikan
Nama”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
email.
Nama:
(Mona
Febrina)
Email:
(kosong)
Subjek:
Akan
menampilkan
Pesan Validasi
disamping field
email “email is
required”
Sesuai
harapan
Valid
112
(Minta
Informasi)
Pesan:
(apakah ada
katalog?)
3 Mengetikkan
format email
salah
Nama:
(Hay
Bagaimana
pengiriman
saya?)
Email:
(
butik_koys@
gmail.com)
Subjek:
(Minta
Informasi)
Pesan:
(hay
bagaimana
pengiriman
saya?)
Akan
menampilkan
Pesan Validasi
disamping field
email “Format
email belum
benar”
Sesuai
harapan
Valid
4 Mengosongka
n kan field
subjek
Nama:
(Mona
Febrina)
Email:
(mona.febrina
@gmail.com)
Subjek:
(Kosong)
Pesan:
(hay
bagaimana
pengiriman
saya?)
Akan
menampilkan
Pesan Validasi
disamping
field“Anda
belum
mengisikan
subjek pesan”
Sesuai
harapan
Valid
5 Mengosongk-
an Field pesan
Nama:
(Mona
Febrina)
Email:
Akan
menampilkan
Pesan Validasi
disamping field
Sesuai
harapan
Valid
113
(mona.febrina
@gmail.com)
Subjek:
(Minta
Informasi)
Pesan:
(Kosong?)
pesan “Anda
belum
mengisikan
pesan”.
6 Mengetikkan
Semua field
dengan benar
diantaranya
format email
dengan benar
Nama:
(Mona
Febrina)
Email:
(mona.febrina
@gmail.com)
Subjek:
(Minta
Konfirmasi)
Pesan:
(hay
bagaimana
pengiriman
saya?)
Sistem
menerima pesan
dan kemudian
langsung
menampilkan
pesan
“Terimakasih
telah
menghubungi
kami akan
segera
meresponnya.”
Sesuai
harapan
Valid
I. Pengujian Terhadap Form Isi Testimonial
Table III.18.
Pengujian Form Isi Testimoni
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an field
Nama.
Nama:
(kosong)
Email:
(mona.febrina
@gmail.com)
Testimonial:
(website ini
warna nya
pink semua)
Akan
menampilkan
Pesan Validasi
disamping field
Nama “Anda
belum
Mengisikan
Nama Anda”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
Nama:
(Mona
Akan
menampilkan
Sesuai
harapan
Valid
114
email. Febrina)
Email:
(Kosong)
Testimonial:
(website ini
warna nya
pink semua)
Pesan Validasi
disamping field
email “email is
required”
3 Mengetikkan
format email
salah
Nama:
(Mona
Febrina)
Email:
(Mona.febrina
atgmaildotco
m)
Testimonial:
(website ini
warna nya
pink semua)
Akan
menampilkan
Pesan Validasi
disamping field
email “Format
email belum
benar”
Sesuai
harapan
Valid
4 Mengosongka
n kan field
Testimonial
Nama:
(Mona
Febrina)
Email:
(Mona.febrina
@gmail.com)
Testimonial:
(Kosong)
Akan
menampilkan
Pesan Validasi
disamping
field“Anda
belum
mengisikan isi
testimonial”
Sesuai
harapan
Valid
6 Mengetikkan
Semua field
dengan benar
diantaranya
format email
dengan benar
Nama:
(Mona
Febrina)
Email:
(Mona.febrina
@gmail.com)
Testimonial:
(website ini
warna nya
pink semua)
Sistem
menerima
testimonial dan
menampilkan
pesan
“Terimakasih.”
Sesuai
harapan
Valid
115
J. Pengujian Terhadap Form Pembelian
Table III.19.
Pengujian Form Pembelian
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Apabila
Pembelian
melebihi Stok
barang yang
ada.
Stok 3
pembelian 5
Akan tampil
Pesan “Maaf
stok habis”
Sesuai
Harapan
Valid
K. Pengujian Terhadap Form Konfirmasi Pembayaran
Table III.20.
Pengujian Form Konfirmasi Pembayaran
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1. Apabila
mengosongka
n salah satu
Field yang
tersedia.
Salah Satu
Field kosong
Akan tampil
bold merah
pada field yang
di kosongkan
Sesuai
Harapan
Valid