bab iii pembahasan · 4. melakukan pemesanan kebutuhan barang di toko. 5. membuat pencapaian target...
TRANSCRIPT
40
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
Smile Petshop merupakan sebuah perusahaan yang bergerak di bidang
penjualan perlengkapan hewan. Smile Petshop berdiri pada tanggal 14 Desember
2014 beralamat di Jl. Kebagusan Raya No.2 RT 03/04 Kebagusan – Jakarta Selatan.
Pendiri Smile Petshop adalah Drh. Syarif Edwar yang berprofesi sebagai dokter
hewan.
Berawal dari kesayangan pemilik petshop terhadap hewan dan semakin
maraknya pecinta hewan peliharaan di Indonesia menyebabkan timbulnya suatu
kebutuhan yang besar akan suatu tempat yang dapat menampung dan menyediakan
berbagai alat dan jasa yang berkaitan dengan perawatan hewan kesayangan berupa
petshop. Hal tersebut menimbulkan adanya peluang usaha dari penyedia jasa dan
produk hewan peliharaan yang terus meningkat di Indonesia. Maka dari itu, Smile
petshop hadir sebagai tempat untuk memenuhi kebutuhan hewan peliharaan yang
tetap berkomitmen untuk mensejahterakan hewan peliharaan dengan menyediakan
pelayanan terbaik bagi pelanggan dan hewan peliharaan.
Smile petshop menyediakan berbagai perlengkapan hewan kesayangan seperti
makanan hewan (pets food), aksesoris, kandang, pasir, dan peralatan mandi bagi
hewan peliharaan.
41
Dengan mengutamakan pelayanan dan kualitas terbaik dari produk dan jasa
yang di berikan dan dari kepercayaan pelanggan, saat ini pendapatan Smile Petshop
mencapai 100 – 150 juta perbulan. Dan target kedepannya smile petshop
merencanakan untuk membuka cabang baru masih di daerah sekitar Jakarta Selatan
mengingat potensi pasar yang terus berkembang di daerah ini.
Struktur Operasional Smile Petshop berada di bawah kendali direktur (Bpk.
Drh. Syarif Edwar). Sedangkan penanggung jawab kegiatan operasioanal di Smile
Petshop adalah pengawas toko (Ibu Ike Wulan Sari).
3.1.2. Visi dan Misi Perusahaan
A. Visi : Menjadi Petshop terbaik yang peduli dan menyayangi hewan peliharaan
B. Misi :
1. Menjalankan Seluruh SOP (Standar Operational Prosedur) perusahaan.
2. Mengelola perusahaan sesuai dengan bisnis yang sehat dengan di dukung
oleh teknologi tepat guna dan sumber daya manusia yang professional.
3. Unggul dalam pelayanan dan penyediaan produk yang berkualitas.
42
3.1.3. Struktur Organisasi dan Fungsi
DokterGroomer / DeliveryKasir
Direktur
Pengawas Toko / HRD
Ike Wulan Sari
General
Sumber : Bagian HRD Smile Petshop (2016)
Gambar III.1
Struktur Organisasi Smile Petshop
Tugas dan fungsi dari masing – masing bagian pada struktur organisasi Smile
Petshop :
A. Direktur
1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar
perusahaan.
2. Membuat perencanaan kegiatan untuk menjamin tercapainya target dan
kualitas SDM yang sesuai dengan Standar Operasional Perusahaan (SOP).
3. Mengelola dan mengawasi seluruh kegiatan yang berlangsung.
4. Bertanggung jawab penuh terhadap keluar masuk barang.
43
B. Pengawas Toko / HRD
1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar
perusahaan.
2. Bertanggung jawab dalam pengelolaan dan mengembangkan Sumber Daya
Manusia dengan berpedoman kepada kebijakan dan Standar Operasional
Perusahaan (SOP).
3. Melaksanakan persiapan dan seleksi tenaga kerja.
4. Membuat perjanjian kerja serta memperbaharui.
5. Memberikan kompensasi upah kepada pegawai.
6. Melakukan pengawasan atas seluruh fasilitas alat dan sarana penunjang
sesuai (SOP) perusahaan.
7. Memimpin dan membina karyawan bawahan sesuai dengan prosedur.
8. Mengatsai semua permasalahan yang terjadi di toko.
9. Membuat laporan perbulan yang di laporkan kepada direktur.
10. Menyetorkan uang hasil omset toko setiap hari.
11. Membuat pencapaian target kemajuan dan monitoring mulai dari target
harian, mingguan, dan bulanan.
C. General
1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar
perusahaan.
2. Mematuhi dan menjalankan (SOP) dan tata tertib perusahaan.
3. Melakukan pengecekan dan bertanggung jawab terhadap penyediaan barang
di toko.
44
4. Melakukan pemesanan kebutuhan barang di toko.
5. Membuat pencapaian target kemajuan dan monitoring mulai dari target
harian, mingguan, dan bulanan.
D. Kasir
1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar
perusahaan.
2. Mematuhi dan menjalankan (SOP) dan tata tertib perusahaan.
3. Melayani customer dengan baik dan benar.
4. Menjalankan proses penjualan dan pembayaran (transaksi).
5. Bertanggung jawab terhadap pengecekan barang yang masuk ke toko sesuai
faktur.
6. Mengetahuai jenis dan manfaat seluruh produk dengan baik dan benar.
7. Bertanggung jawab mengontrol stok barang dan merawat alat penunjang
kerja yang ada di toko.
8. Membuat pencapaian target kemajuan dan monitoring mulai dari target
harian, mingguan, dan bulanan.
9. Mengelola keuangan toko dan membuat laporan transaksi harian untuk di
laporkan kepada pengawas toko.
10. Membuat laporan keuangan dan transaksi perbulan untuk di cek pengawas
toko dan di laporkan kepada direktur (Pemilik perusahaan).
E. Groomer / Delivery
1. Menjaga kehormatan dan nama baik perusahaan di dalam maupun di luar
perusahaan.
45
2. Mematuhi dan menjalankan (SOP) dan tata tertib perusahaan.
3. Menguasai teknik dan tata cara grooming dengan baik.
4. Delivery pesan antar tepat waktu dan cermat bila ada salah pengiriman
5. Bersikap ramah dan sopan terhadap pelanggan.
F. Dokter
1. Menjalankan dan mengembangkan klinik sesuai visi dan misi perusahaan.
2. Menjaga kehormatan dan nama baik perusahaan baik di dalam maupun di
luar perusahaan.
3. Mengatasi permasalahan klinik baik di dalam maupun diluar klinik.
4. Melaporkan kepada pihak pengawas toko apabila ada kendala yang
menghambat kelancaran kinerja dokter klinik.
5. Melaporkan jumlah pasien setelah selesai praktek kepada kasir.
6. Bertanggung jawab terhadap pencapaian target klinik.
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.
3.2.1. Identifikasi Kebutuhan Pengguna
Mengindentifikasi kebutuhan yang di peroleh berdasarkan kebutuhan
pengguna.
46
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 petshop 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
peoses pengisian data pengiriman.
5. Pelanggan dapat melakukan proses konfirmasi pembayaran di ”form”
konfirmasi pembayaran yang sudah tersedia.
6. Pelanggan dapat mengisi testimoni.
B. Kebutuhan Pengguna Pengunjung
1. Pengunjung hanya dapat melihat produk tidak bisa melakukan transaksi
pembelian.
2. Pengunjung dapat melihat testimoni.
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.
47
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 ongkos kirim untuk pengiriman barang.
12. Admin dapat mengelola data hubungi kami.
13. Admin dapat melakukan logout dari web pengelolaan admin (back And)
3.2.2. Identifikasi Kebutuhan Sistem
A. Operasional
1) Perangkat Keras
Untuk merancang dan membuat media informasi berbasis web dibutuhkan
perangkat keras agar program aplikasi yang dibuat dapat berjalan dengan baik.
Spesifikasi perangkat keras yang digunakan yaitu menggunakan processor
Intel core 2 duo 1.8 GHz, Memori 1 GB – 2 GB ,VGA Mobile Intel(R)
Express Chipset Family 358 MB.
2) Perangkat Lunak
Software atau perangkat lunak yang digunakan untuk mendukung dan
merancang pembuatan media informasi berbasis web harus sesuai dengan
kebutuhan. Perangkat lunak yang digunakan yaitu menggunakan sistem
operasi Microsoft Windows 7 Ultimate 32bit (x86), software untuk
48
perancangan mengunakan Macromedia Dreamweaver 8 dan software untuk
mendesain menggunakan photoshop.
B. Security
1) Dilengkapi password untuk sistem informasi website nya maupun database
nya.
2) Logout untuk menghindari suatu manipulasi data.
C. 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 antar muka, rancangan
basis data dan rancangan struktur navigasi antara lain :
49
3.3.1. Rancangan Antar Muka
A. Rancangan Antar Muka Admin
1. Rancangan Antar Muka Login Admin
Header
FOOTERBATALKAN LOGIN
xxxxxxxx
xxxxxxx
Username
Password
Gambar III.2.
Rancangan Antar Muka Login Admin
2. Rancangan Antar Muka Index Admin
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi
Pembayaran
· Hubungi Kami
· Laporan
· Logout
Selamat Datang,
Silahkan Klik Menu Kiri Untuk Mengelola
Gambar III.3.
Rancangan Antar Muka Index Admin
50
3. Rancangan Antar Muka Menu admin
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu Admin
Username :
Password :
xxxxxxx
xxxxxxx
Data Admin
Simpan Batal
Gambar III.4.
Rancangan Antar Muka Menu Admin
4. Rancangan Antar Muka Ganti Pasword Admin
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Username :
Password Lama :
xxxxxxx
xxxxxxx
Ubah
Password Baru : xxxxxxx
Gambar III.5.
Rancangan Antar Muka Ganti Password Admin
51
5. Rancangan Antar Muka Menu Produk
Header
Footer
Nama :
Deskripsi :
Harga :
Stok :
Gambar :
Simpan Batal
Kategori :
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
Browse
Data Produk
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi
Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu produk
Berat : xx Kg
Gambar III.6.
Rancangan Antar Muka Menu Produk
52
6. Rancangan Antar Muka Ubah Produk
Header
Footer
Nama :
Deskripsi :
Harga :
Stok :
Gambar :
Ubah
Kategori :
xxxxxx
xxxxxx
xxxxxx
xxxxxx
xxxxxx
Browse
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi
Pembayaran
· Hubungi Kami
· Laporan
· Logout
ID : xx
Berat : xx Kg
Gambar III.7.
Rancangan Antar Muka Ubah Produk
7. Rancangan Antar Muka Menu Kategori
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu Kategori
Kategori xxxxxxx
Data Kategori
Simpan Batal
Gambar III.8.
Rancangan Antar Muka Menu Kategori
53
8. Rancangan Antar Muka Ubah Kategori
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu Kategori
Kategori xxxxxxx
Data Kategori
Simpan Batal
Gambar III.9.
Rancangan Antar Muka Ubah Kategori
9. Rancangan Antar Muka Kurir
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu Kurir
Nama Kurir xxxxxxx
Data Kurir
Simpan Batal
Gambar III.10.
Rancangan Antar Muka Menu Kurir
54
10. Rancangan Antar Muka Kota
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu kota
Nama Kota xxxxxxx
Data Kota
Simpan Batal
Gambar III.11.
Rancangan Antar Muka Menu Kota
11. Rancangan Antar Muka Tarif
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Menu Tarif
Pilih Kurir xxxxxxx
Data Tarif
Simpan Batal
Tarif Kirim
Pilih Kota xxxxxxx
xxxxxxx
Gambar III.12.
Rancangan Antar Muka Menu Tarif
55
12. Rancangan Antar Muka Menu Transaksi
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Data Transaksi
Data Transaksi
Gambar III.13.
Rancangan Antar Muka Menu Transaksi
13. Rancangan Antar Muka Konfirmasi Pembayaran
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Data Konfirmasi Pembayaran
Id AksiStatusKetTeleponJumlahBankNamaTanggal
99 Detailxxxxxx99999999XxxxxxYy-mm-dd
99 Deatilxxxxxx99999999xxxxxxYy-mm-dd
Gambar
xxx
xxx
Gambar III.14.
Rancangan Antar Muka Konfirmasi Pembayaran
56
14. Rancangan Antar Muka Detail Transaksi
Header
Footer
No. Order :
Tanggal & Jam Order :
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi
Pembayaran
· Hubungi Kami
· Laporan
· Logout
Detail Order
Status Order :
99
YY:MM:DD
Ubah Status99
1 = Baru 0 = Lunas / Terkirim
Member Nama Produk Jumlah Harga Satuan Subtotal
xxxx xxxx 99 9999999 9999999
9999999Total Rp.
99999Ongkil Rp.
9999999Grand Total Rp.
Gambar III.15.
Rancangan Antar Muka Detail Transaksi
15. Rancangan Antar Muka Hubungi Kami
Header
Footer
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Data Yang Menghubungi
Data Penghubung
Gambar III.16.
Rancangan Antar Muka Menu Hubungi Kami
57
16. Rancangan Antar Muka Balas Email
Header
Footer
Balas Email
Data Penghubung
Kepada
Subjek
xxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx
Pesan
Kirim Batal
· Admin
· Produk
· Kategori
· Kurir
· Kota
· Tarif
· Transaksi
· Konfirmasi Pembayaran
· Hubungi Kami
· Laporan
· Logout
Gambar III.17.
Rancangan Antar Muka Menu Balas Email
58
B. Rancangan Antar Muka User
1. Rancangan Antar Muka Index Website
Header
Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProduk
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Selamat Berbelanja
Gambar
Keranjang Belanja
Best Seller
Bank Pembayaran
Gambar Gambar
Gambar Gambar Gambar
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
Nama Produk Nama Produk Nama Produk
Nama Produk Nama Produk Nama Produk
99Nama Produk
Gambar
Pencarian
xxxxxxx
Profil
Password
Daftar Member Baru
xxxx
xxxx
Login
Gambar III.18.
Rancangan Antar Muka Index
59
2. Rancangan Antar Muka Daftar Member Baru
Kategori
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
PencarianDaftar member Baru
Nama :
Alamat :
Telepon :
Email :
xxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxx
xxxxxx
xxxxxx
User :
Password :
Re Password :
xxxxxx
xxxxxx
xxxxxx
Daftar
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.19.
Rancangan Antar Muka Daftar Member Baru
60
3. Rancangan Antar Muka Profil
Kategori Profil Smile Petshop
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
GambarBest Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
Profil Website
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.20.
Rancangan Antar Muka Profil
61
4. Rancangan Antar Muka Produk
Header
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Produk
Gambar
Keranjang Belanja
Best Seller
Bank Pembayaran
Gambar Gambar
Gambar Gambar Gambar
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
Nama Produk Nama Produk Nama Produk
Nama Produk Nama Produk Nama Produk
99
Nama Produk
Gambar
Pencarian
xxxxxxxPet Food & Aksesoris Store
Header
Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.21.
Rancangan Antar Muka Produk
62
5. Rancangan Antar Muka Cara Pembelian
Kategori Cara pembelian
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.22.
Rancangan Antar Muka Cara Pembelian
63
6. Rancangan Antar Muka Cara Pembayaran
Kategori Cara pembayaran
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.23.
Rancangan Antar Muka Cara Pembayaran
64
7. Rancangan Antar Muka Konfirmasi Pembayaran
Slide
Beranda Hubungi KamiCara PembayaranCara PengirimanCara MembeliProduk
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Keranjang Belanja
Best Seller
Bank Pembayaran
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
99
Nama Produk
Gambar
Pencarian
xxxxxxx
Konfirmasi Pembayaran
Profil
Header
Logo
YY/MM/DDTanggal Transfer
Transfer Atas Nama
Bank
Jumlah Transfer
xxxxxx
999999
Input
No. Transaksi
Gambar Choose File
xxxxxxxxxxxxxxx
99
Telepon 999999
Keterangan Tambahan
xxxxxxxxxx
Gambar III.24.
Rancangan Antar Muka Konfirmasi Pembayaran
65
8. Rancangan Antar Muka Hubungi Kami
Kategori Hubungi kami
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
Nama :
Email :
Subyek :
xxxxx
Pesan :
xxxxx
xxxxx
xxxxx
Proses
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.25.
Rancangan Antar Muka Hubungi Kami
66
9. Rancangan Antar Muka Menu Kategori
Kategori Produk Kategori
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
Gambar Gambar Gambar
Gambar Gambar Gambar
[ Kategori 1 ]
[ Kategori 2 ]
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.26.
Rancangan Antar Muka Kategori
67
10. Rancangan Antar Muka Isi Testimoni
Kategori Post Comment
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
Nama :
Email :
xxxxx
Pesan :
xxxxx
xxxxxxxxxx
Simpan
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.27.
Rancangan Antar Muka Isi Testimoni
68
11. Rancangan Antar Muka Lihat Testimoni
Kategori Testimonial
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.28.
Rancangan Antar Muka Lihat Testimoni
69
12. Rancangan Antar Muka Hasil Pencarian
Kategori Hasil Pencarian
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
· Xxxxx(9)
Testimoni
· Xxxxx(9)
· Xxxxx(9)
Pengiriman
Gambar
XXXXX
Keranjang Belanja
Gambar
Best Seller
99
Nama Produk
Gambar
Bank Pembayaran
Gambar
Footer
Pencarian
Gambar
Gambar
Gambar
Gambar
Gambar
Gambar
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.29.
Rancangan Antar Muka Hasil Pencarian
70
13. Rancangan Antar Muka Produk Detail
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Keranjang Belanja
Best Seller
Bank Pembayaran
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
99Nama
Produk
Gambar
Pencarian
xxxxxxx
Produk Detail
Beli
Gambar
Header
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProfil Produk
Gambar III.30.
Rancangan Antar Muka Produk Detail
71
14. Rancangan Antar Muka Keranjang Belanja
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Keranjang Belanja
Best Seller
Bank Pembayaran
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
99
Nama Produk
Gambar
Pencarian
xxxxxxx
Keranjang Belanja
Produk Nama Harga (Rp) Hapus Qty Total(Rp)
xxxxxxx 999999xxxxxxxxx 99 999999
Grand Total (Rp.) 999999
Lanjutkan Belanja Selesai Belanja
Header
Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProfil Produk
Apabila menambah jumlah (Qty) tekan Enter
Total harga diatas belum termasuk ongkos kirim yang akan di hitung
saat Selesai Belanja.
Alamat Jalan
Pilih Kota
Pilih Kurir
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxx
xxxx
Gambar III.31.
Rancangan Antar Muka Keranjang Belanja
15. Rancangan Antar Muka Selesai Belanja
Katagori
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
· xxxxx (9)
Testimoni
· xxxxx
· Xxxxx
Keranjang Belanja
Best Seller
Bank Pembayaran
Footer
Pengiriman
Gambar
Gambar
Gambar
Gambar
99
Nama Produk
Gambar
Pencarian
xxxxxxx
Terima Kasih untuk pesanan anda
Data Pemesan Beserta Ordernya adalah sebagai berikut :
No. Faktur 99
Header
Beranda Hubungi KamiKonfirmasi PembayaranCara PembayaranCara PembelianProfil Produk
Mohon Lakukan Konfirmasi Pembayaran Pada menu Konfirmasi Pembayaran
setelah anda melakukan pembayaran, dengan :
Total Produk
Pengiriman
Total Pesanan yang harus
Dibayar adalah
999999
99999
9999999
Gambar III.32.
Rancangan Antar Muka Selesai Belanja
72
3.3.2. Rancangan Basis Data
A. Entity Relationship Diagram (ERD)
pelanggan melakukan Transaksi
memilih
Barang
memiliki
Kategori
memiliki
Detailtransaksi
notransaksi
Id_barang jumlah
subtotal
Kurir_id
username
status
Nama_pelanggan
alamat
Nama_kategori Id_kategori
password
telepon
harga
gambar
Nama_barang
Id_barang
id_kategori
stok
deskripsi
ongkir
mempunyai
Tarif
Kurir_id
Id_tarif
Kota_idharga
1 m
1
m
1
1
1
1
Konfirmasi
melakukan
keterangan
teleponjumlah
nama
bank
gambartanggal
memiliki
mempunyai
mempunyai
kota
kurir
Id_kota Nama_kota
Id_kurir Nama_kurir
m
1
m
1
1
1
1
1 1
1
mempunyai
1
1
Kota_id
Alamat
notransaksi
grandtotal
tanngal
jam
Id_konfirmasi
berat
Gambar III.33.
Entity Relation Diagram
73
B. Logical Relation Structure (LRS)
Pelanggan
email*
Nama_pelanggan
Alamat
Telepon
Password
Barang
Id_barang*
Nama_barang
Deskripsi
Id_kategori
Harga
Stok
Gambar
Berat
Kategori
Id_kategori*
Nama_kategori
Transaksi
Notransaksi*
Username
Kurir_id
Kota_id
Ongkir
Alamat
Status
grandtotal
Tanggal
jam
Tarif
Id_tarif*
Kota_id
Kurir_id
harga
Konfirmasi
Id_konfirmasi*
tanggal
Nama
Jumlah
Telepon
keterangan
bank
gambar
Detail Transaksi
Notransaksi
Id_barang
Jumlah
Subtotal
1 m
1
M
1
1
1 1
1
1 1
1
kota
Id_kota*
Nama_kota
1
1
Kurir
Id_kurir*
Nama_kurir
1
1
1
m
1
1
Gambar III.34
Logical Relation Structure (LRS)
74
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 smilepetshop dengan parameter – parameter sebagai berikut :
1. Spesifikasi File Pelanggan
Nama File : File Pelanggan.MYD
Akronim : Pelanggan
Fungsi : Untuk menyimpan data pelanggan
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 77 Karakter
Kunci Field : email
Software : Mysql
Tabel III.1
Spesifikasi File Pelanggan
No. Elemen Data Nama Field Tipe Size Ket.
1. Email email Varchar 30 Primay Key
2. Nama Pelanggan nama_pelanggan Varchar 35
3. Alamat Pelanggan alamat Text -
5. Telepon Pelanggan telepon Int 12
7. Password Pelanggan password Text -
75
2. Spesifikasi File Kategori
Nama File : File Kategori.MYD
Akronim : Kategori
Fungsi : Untuk menyimpan data kategori
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 41 Karakter
Kunci Field : id_kategori
Software : Mysql
Tabel III. 2
Spesifikasi File Kategori
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Kategori id_ kategori Int 6 Primay Key
2. Nama Kategori nama_ kategori Varchar 35
3. Spesifikasi File Barang
Nama File : File Barang.MYD
Akronim : Barang
Fungsi : Untuk menyimpan data barang
Tipe : File transaksi
76
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 120 Karakter
Kunci Field : id_barang
Software : Mysql
Tabel III.3
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. Deskripsi deskripsi Text -
4. Id Kategori id_kategori Varchar 6 Foreign Key
5. Harga harga Int 7
6. Stok stok Int 5
7. Gambar gambar Varchar 50
8. Berat berat Int 11
4. Spesifikasi File Transaksi
Nama File : File Transaksi.MYD
Akronim : Transaksi
Fungsi : Untuk menyimpan data transaksi
Tipe : File Transaksi
Organisasi File : Index Sequential
77
Akses File : Random
Media : Hard Disk
Panjang record : 115 Karakter
Kunci Field : notransaksi
Software : Mysql
Tabel III.4
Spesifikasi File Transaksi
No. Elemen Data Nama Field Tipe Size Ket.
1. No Transaksi notransaksi Int 6 Primary Key
2. Username Pelanggan username Varchar 20
3. Id Kurir kurir_id Int 6 Foreign key
4. Id Kota kota_id Int 6 Foreign key
5. Ongkos Pengiriman ogkir Int 6
6. Alamat alamat Varchar 50
7. Status status Varchar 10
8. Grand Total grandtotal Int 11
9. Tanggal Pembelian tanggal Date
10. Jam Pembelian jam Time
5. Spesifikasi File detail transaksi
Nama File : File detailtransaksi.MYD
Akronim : detailtransaksi
Fungsi : Untuk menyimpan data transaksi secara rinci
Tipe : File transaksi
Organisasi File : Sequential
78
Akses File : Random
Media : Hard Disk
Panjang record : 43 Karakter
Kunci Field : -
Software : Mysql
Tabel III.5
Spesifikasi File detailtransaksi
No. Elemen Data Nama Field Tipe Size Ket.
1. No Transaksi notransaksi Int 6 Foreign key
2. Id Barang id_barang Int 6 Foreign key
3. Jumlah nama_barang Int 20
4. Subtotal harga Int 11
6. Spesifikasi File Konfirmasi pembayaran
Nama File : File Konfirmasi.MYD
Akronim : Konfirmasi
Fungsi : Untuk menyimpan data konfirmasi pembayaran
Tipe : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 128 Karakter
Kunci Field : id_bayar
Software : Mysql
79
Tabel III.6
Spesifikasi File Konfirmasi Pembayaran
No. Elemen Data Nama Field Tipe Size Ket.
1. Id konfirmasi id_konfirmasi Int 6 Primay Key
2. Tanggal tanggal Date -
3. Nama nama Varchar 30
4. Jumlah jumlah Int 10
5. Telepon telepon Int 12
6. Keterangan keterangan Text -
7. Nama bank bank Varchar 20
8. Gambar gambar Varchar 50
7. Spesifikasi File Kota
Nama File : File Kota.MYD
Akronim : Kota
Fungsi : Untuk menyimpan data kota area pengiriman
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 36 Karakter
Kunci Field : id_kota
Software : Mysql
80
Tabel III.7
Spesifikasi File Kota
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Kota id_kota Int 6 Primay Key
2. Nama Kota nama_kota Varchar 30
8. Spesifikasi File Kurir
Nama File : File Kurir.MYD
Akronim : Kurir
Fungsi : Untuk menyimpan data kurir pengiriman
Tipe : File master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 36 Karakter
Kunci Field : id_kurir
Software : Mysql
Tabel III.8
Spesifikasi File Kurir
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Kurir id_kurir Int 6 Primay Key
2. Nama Kurir nama_kurir Varchar 30
81
9. Spesifikasi File Tarif
Nama File : File Tarif.MYD
Akronim : Tarif
Fungsi : Untuk menyimpan data tarif pengiriman
Tipe : File transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang record : 24 Karakter
Kunci Field : id_tarif
Software : Mysql
Tabel III.9
Spesifikasi File Tarif
No. Elemen Data Nama Field Tipe Size Ket.
1. Id Tarif id_tarif Int 6 Primay Key
2. Id Kirir kurir_id Int 6 Foreign Key
3. Id Kota kota_id Int 6 Foreign Key
4. Harga harga Double -
5. Berat berat Int 6
82
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 User (front-end)
Index
Beranda Hubungi KamiKonfirmasi
PembayaranCara PembayaranCara PembelianProdukProfil
Login Belum Daftar?
Grooming &
Beauty
Suplement &
Medicals
Cages & carrier
(Kandang)Aksesoris
Dog Food
(Makanan Anjing)
Cat Food
(Makanan Kucing)
Produk Detail
Mengisi Formulir
Pengiriman
Konfirmasi
Pembayaran
Keranjang Belanja
Transaksi Selesai
Logout
Lihat cara
pembelian
Isi Formulir
Konfirmasi
Pembayaran
Lihat Cara
Pembayaran
Isi Formulir
Hubungi kamiLihat ProdukLihat ProfilKategori
Gambar III.35.
Struktur Navigasi User (front-end)
83
B. Struktur Navigasi Admin (back-end)
Home
Login
Admin Tarif Kurir Kota LaporanProduk Kategori Logout
Laporan
Penjualan
Laporan
Member
Laporan
Produk
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Hapus
Ubah
Tambah
Konfirmasi
pembayaran
TambahHapus
Hubungi
Kami
Hapus
Balas
Transaksi
Lihat
Edit
Gambar III.36.
Struktur Navigasi Admin (back-end)
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka admin
1. Halaman Login Admin
Gambar III.37
Halaman Login Admin
84
2. Halaman Login salah
Gambar III.38.
Halaman Login Salah
3. Halaman Index Admin
Gambar III.39
Halaman Index Admin
85
4. Halaman Menu Admin
Gambar III.40
Halaman Menu Admin
5. Halaman Ganti Password Admin
Gambar III.41
Halaman Ganti password Admin
86
6. Halaman Menu Produk
Gambar III.42
Halaman Menu Produk
7. Halaman Ubah Produk
Gambar III.43
Halaman Ubah Produk
87
8. Halaman Menu Kategori
Gambar III.44
Halaman Menu Kategori
9. Halaman Ubah Kategori
Gambar III.45
Halaman Ubah Kategori
88
10. Halaman Transaksi
Gambar III.46
Halaman Transaksi
11. Halaman Detail Transaksi
Gambar III.47
Halaman Detail Transaksi
89
12. Halaman Menu Tarif
Gambar III.48
Halaman Menu Tarif
13. Halaman Menu Kota
Gambar III.49
Halaman Menu Kota
90
14. Halaman Menu Kurir
Gambar III.50
Halaman Menu Kurir
15. Halaman Menu Konfirmasi Pembayaran
Gambar III.51
Halaman Menu Konfirmasi Pembayaran
91
16. Halaman Menu hubungi kami
Gambar III.52
Halaman Menu hubungi kami
17. Halaman Menu Balas Email
Gambar III.53
Halaman Menu Balas Email
92
18. Halaman Menu Laporan
Gambar III.54
Halaman Menu laporan
B. Implementasi Rancangan Antar Muka User
1. Halaman Index website
Gambar III.55
Halaman index website
93
2. Halaman Daftar Member baru
Gambar III.56
Halaman Daftar Member Baru
3. Halaman Home
Gambar III.57
Halaman home
94
4. Halaman Profil
Gambar III.58
Halaman Profil
95
5. Halaman Produk
Gambar III.59
Halaman Produk
6. Halaman Cara Pembelian
Gambar III.60
Halaman Cara Pembelian
96
7. Halaman Cara Pembayaran
Gambar III.61
Halaman Cara Pembayaran
8. Halaman Konfirmasi Pembayaran
Gambar III.62
Halaman konfirmasi Pembayaran
97
9. Halaman Hubungi Kami
Gambar III.63
Halaman Hubungi Kami
10. Halaman Kategori
Gambar III.64
Halaman Kategori
98
11. Halaman Isi Testimoni
Gambar III.65
Halaman Isi Testimoni
12. Halaman Lihat Testimoni
Gambar III.66
Halaman Lihat Testimoni
99
13. Halaman Hasil Pencarian
Gambar III.67
Halaman Hasil Pencarian
14. Halaman Produk Detail
Gambar III.68
Halaman Produk Detail
100
15. Halaman Keranjang belanja
Gambar III.69
Halaman Keranjang Belanja
16. Halaman Transaksi Selesai
Gambar III.70
Halaman Transaksi Selesai
101
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum
yang dibutuhkan untuk mengimplementasikan program sistem informasi penjualan
e-commerce.
1. Spesifikasi Perangkat Keras
A. Server
1. CPU
a. Processor intel dual core 2.3 GHz
b. RAM 2 GB
c. Hard Disk 320 GB
d. VGA Mobile Intel (R) 965 Express Chipset Family 358 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 intel dual core 2,3GHz
b. RAM 1 - 2 GB
c. Hard Disk 320 GB
d. VGA Intel HD
2. Mouse
3. Keyboard
4. Monitor dengan resolusi layar minimum 1024x768
5. Koneksi internet dengan kecepatan 2 Mbps.
2. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86).
b. Aplikasi bundle web server adalah Xampp 1.8.1-0 terdiri dari
beberapa komponen diantaranya:
1. Aplikasi PHP
2. Aplikasi MySQL
3. Aplikasi phpMyAdmin
c. Aplikasi web browser seperti Internet Explorer, Google Chrome
Mozilla Firefox
102
2. Client
a. Sistem operasi Microsoft Windows 7 Ultimate 32bit (x86)
b. Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet
Explorer, Google Chrome.
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
Tabel 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
103
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
Tabel 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
“Anda belum
Mengisikan
Username”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
Password
Username:
(admin)
Password:
(Kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
Password”
Sesuai
harapan
Valid
3 Mengosongk-
an field
Username:
(Kosong)
Akan
menampilkan
Sesuai
harapan
Valid
104
Username dan
field
Password
Password
(Kosong)
Pesan Validasi
dimasing
masing kotak.
4 Mengetikkan
username dan
password
dengan benar
Username:
(admin)
Password
(admin)
Akan
menampilkan
Pesan” Admin
baru berhasil
ditambah.
Sesuai
harapan
Valid
C. Pengujian Terhadap Form Ganti Password Admin
Tabel 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
disamping field
password
lama“Anda
belum
Mengisikan
Password”
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-
an field
Password
Baru
Username:
(admin)
Password
Lama
(******)
Password
Baru
(kosong)
Akan
menampilkan
Pesan Validasi
disamping field
password Baru
“Anda belum
Mengisikan
Password Baru”
Sesuai
harapan
Valid
4 Mengosongk-
an 2 field
password
Username:
(admin)
Password
Menampilkan
Pesan Validasi
disamping
Sesuai
harapan
Valid
105
Lama dan
field
password
Baru
Lama
(kosong)
Password
Baru
(kosong)
masing masing
field password
Lama dan field
password Baru.
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
Tabel III.13
Pengujian Form Tambah Produk
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosong
kan field
Nama
Nama:
(kosong)
Deskripsi:
(Persian)
karegori:
(Carrier)
Harga:
(450000)
Stock:
(4)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
Nama Produk”
Sesuai
harapan
Valid
2 Mengosong
kan field
Deskripsi
Nama:
(Carrier)
Deskripsi:
(ukuran L)
Kategori:
(Carrier)
Harga:
(450000)
Stock:
(4)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
Deskripasi”.
Sesuai
harapan
Valid
3 Mengosong
kan field
Nama:
(Carrier)
Akan
menampilkan
Sesuai
harapan
106
Kategori Deskripsi:
(Ukuran L)
Kategori:
(Kosong)
Harga:
(240000)
Stock:
(4)
Pesan Validasi
“Anda belum
Mengisikan
Kategori”.
4 Mengosong
kan field
Harga
Nama:
(Carrier)
Deskripsi:
(Ukuran L)
Kategori:
(Carrier)
Harga:
(kosong)
Stock:
(4)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
harga Produk”.
Sesuai
harapan
Valid
5 Mengosong
kan field stock
Nama:
(carrier)
Deskripsi:
(Ukuran L)
Kategori:
(Carrier)
Harga:
(240000)
Stock:
(kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
Stock Produk”.
Sesuai
harapan
Valid
6 Mengosong
kan field
gambar
Nama:
(carrier)
Deskripsi:
(Ukuran L)
Kategori:
(Carrier)
Harga:
(240000)
Stock:
(4)
Gambar :
(kosong)
Akan
menampilkan
Pesan Validasi
disamping
kolom gambar
“No file
selected”
Sesuai
harapan
Valid
6 Mengisi
semua field
lalu klik
tombol
Nama:
(Carrier)
Deskripsi:
(Ukuran L)
Kategori:
Sistem
menerima akses
Tambah produk
kemudian
menampilkan
Sesuai
harapan
Valid
107
(Carrier)
Harga:
(248000)
Stock:
(4)
pesan “Produk
Berhasil
disimpan”.
E. Pengujian Terhadap Form Tambah Kategori
Tabel III.14
Pengujian Form Tambah Kategori
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosong
kan field
kategori
Kategori:
(kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
Mengisikan
Kategori”
Sesuai
harapan
Valid
2 Mengetikkan
atau mengisi
field kategori
lalu klik
tombol
simpan
Kategori:
(Carrier)
Sistem
menerima akses
Tambah
Kategori dan
kemudian
langsung
menampilkan
pesan “Kategori
Bertambah.”
Sesuai
harapan
Valid
F. Pengujian Terhadap Form Login User
Tabel III.15
Pengujian Form login User
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosongk-
an field
Username.
Username:
(kosong)
Password:
(user)
Akan
menampilkan
Pesan Validasi
disamping field
username
“Anda belum
Mengisikan
Username”
Sesuai
harapan
Valid
2 Mengosongk- Username: Akan Sesuai Valid
108
an Field
Password
kosong
(user)
Password:
(Kosong)
menampilkan
Pesan Validasi
disamping field
password
“Anda belum
Mengisikan
Password”
harapan
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
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
menampilkan
pesan “Halo !
selamat
berbelanja.”
Sesuai
harapan
Valid
109
G. Pengujian Terhadap Form Daftar Member Baru User
Tabel III.16
Pengujian Form Daftar Member Baru User
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujia
n
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
“Isi Alamat anda
dengan benar”
Sesuai
harapan
Valid
3 Mengosongk-
an Field
Telepon
Telepon:
(Kosong)
Akan
menampilkan
Pesan Validasi
“Isikan 10 digit
angka telepon”
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
Pesan Validasi
“email is
required”.
Sesuai
harapan
Valid
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
nama user”.
Sesuai
harapan
Valid
8 Mengosongk- Password: Akan Sesuai Valid
110
an field
password
member
(Kosong) menampilkan
Pesan Validasi
“Anda belum
mengisikan
Password”.
harapan
9 Mengosongk-
an field re-
password
member
Re-Password:
(Kosong)
Akan
menampilkan
Pesan Validasi
“Anda belum
mengisikan re-
Password”.
Sesuai
harapan
Valid
10 Membedakan
field re-
password
member
dengan
password
member
Password:
(1993-12-05)
Re-Password:
(05-12-1993)
Sistem akan
menolak akses
dan
menampilkan
Pesan “Password
tidak sama,
ulangin
password Anda!”
Sesuai
harapan
Valid
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
anda Telah
Menjadi
Member,
silahkan login”.
H. Pengujian Terhadap Form Hubungi Kami
Tabel 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:
(aisitipaujiah
@gmail.com)
Subjek:
(Minta
Informasi)
Akan
menampilkan
Pesan Validasi
disamping field
Nama “Anda
belum
Mengisikan
Nama”
Sesuai
harapan
Valid
111
Pesan:
(apakah ada
katalog?)
2 Mengosongk-
an Field
email.
Nama:
(Ai)
Email:
(kosong)
Subjek:
(Minta
Informasi)
Pesan:
(apakah ada
katalog?)
Akan
menampilkan
Pesan Validasi
disamping field
email “email is
required”
Sesuai
harapan
Valid
3 Mengetikkan
format email
salah
Nama:
(Ai)
Email:
(aiattgmaildot
con)
Subjek:
(Minta
Informasi)
Pesan:
(apakah ada
katalog?)
Akan
menampilkan
Pesan Validasi
disamping field
email “Format
email belum
benar”
Sesuai
harapan
Valid
4 Mengosongka
n kan field
subjek
Nama:
(Ai)
Email:
(aisitipaujiah
@gmail.com)
Subjek:
(Kosong)
Pesan:
(apakah ada
katalog?)
Akan
menampilkan
Pesan Validasi
disamping
field“Anda
belum
mengisikan
subjek pesan”
Sesuai
harapan
Valid
5 Mengosongk-
an Field pesan
Nama:
(Ai)
Email:
(aisitipaujiah
@gmail.com)
Subjek:
(Minta
informasi)
Pesan:
(Kosong)
Akan
menampilkan
Pesan Validasi
disamping field
pesan “Anda
belum
mengisikan
pesan”.
Sesuai
harapan
Valid
6 Mengetikkan Nama: Sistem Sesuai Valid
112
Semua field
dengan benar
diantaranya
format email
dengan benar
(Ai)
Email:
(aisitipaujiah
@gmail.com)
Subjek:
(Minta
informasi)
Pesan:
(apakah ada
katalog?)
menerima pesan
dan kemudian
langsung
menampilkan
pesan
“Terimakasih
telah
menghubungi
kami akan
segera
meresponnya.”
harapan
I. Pengujian Terhadap Form Isi Testimoni
Tabel 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:
(aisitipaujiah
@gmail.com)
Testimonial:
(website ini
keren)
Akan
menampilkan
Pesan Validasi
disamping field
Nama “Anda
belum
Mengisikan
Nama Anda”
Sesuai
harapan
Valid
2 Mengosongk-
an Field
email.
Nama:
(Ai)
Email:
(Kosong)
Testimonial:
(website ini
keren)
Akan
menampilkan
Pesan Validasi
disamping field
email “email is
required”
Sesuai
harapan
Valid
3 Mengetikkan
format email
salah
Nama:
(Ai)
Email:
(aiatgmaildotc
om)
Testimonial:
(website ini
keren)
Akan
menampilkan
Pesan Validasi
disamping field
email “Format
email belum
benar”
Sesuai
harapan
Valid
4 Mengosongka
n kan field
Testimonial
Nama:
(kosong)
Email:
(aisitipaujiah
Akan
menampilkan
Pesan Validasi
disamping
Sesuai
harapan
Valid
113
@gmail.com)
Testimonial:
(kosong)
field“Anda
belum
mengisikan isi
testimonial”
6 Mengetikkan
Semua field
dengan benar
diantaranya
format email
dengan benar
Nama:
(Ai)
Email:
(aisitipaujiah
@gmail.com)
Testimonial:
(website ini
keren)
Sistem
menerima
testimonial dan
menampilkan
pesan
“Terimakasih.”
Sesuai
harapan
Valid
J. Pengujian Terhadap Form Pembelian
Tabel 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 1
pembelian 4
Akan tampil
Pesan “Maaf
stok habis”
Sesuai
Harapan
Valid
K. Pengujian Terhadap Form Konfirmasi
Tabel III.20
Pengujian Form Konfirmasi
No Skenario
Pengujian Test Case
Hasil yang di
harapkan
Hasil
Pengujian Kesimpulan
1 Mengosong
kan field No
transaksi
No transaksi:
(kosong)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
Akan
menampilkanPe
san Validasi
dibawah kolom
nama “Please
fill out this
field”
Sesuai
harapan
Valid
114
(400000)
Telephon:
(08190811933
4)
Gambar:
(aa.jpeg)
Keterangan:
(Sudah
transafer)
2 Mengosong
kan field
Tanggal
No transaksi:
(10)
Tanggal
transfer:
(kosong)
Transfer atas
transfer atas
nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Gambar:
(aa.jpeg)
Keterangan:
(Sudah Di
transfer)
Akan
menampilkan
Pesan Validasi
dibawah kolom
deskripsi
“Please fill out
this field”
Sesuai
harapan
Valid
3 Mengosong
kan field
transfer atas
nama
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Kosong)
Bank:
(BCA)
Akan
menampilkan
Pesan Validasi
dibawah kolom
nama “Please
fill out this
field”
Sesuai
harapan
Valid
115
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Gambar:
(aa.jpeg)
Keterangan:
(sudah
transfer)
4 Mengosong
kan field Bank
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Ai)
Bank:
(kosong)
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Gambar:
(aa.jpeg)
Keterangan:
(sudah
transfer)
Akan
menampilkan
Pesan Validasi
dibawah kolom
kategori
“Please select
an item in the
list”
Sesuai
harapan
Valid
5 Mengosong
kan Jumlah
transfer
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
atas nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
(Kosong)
Akan
menampilkan
Pesan Validasi
dibawah kolom
stok “Please fill
out this field””.
Sesuai
harapan
Valid
116
Telephon:
(08190811933
4)
Gambar:
(aa.jpeg)
Keterangan:
(sudah
transfer)
6 Mengosong
kan field
gambar
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Gambar:
(kosong)
Keterangan:
(sudah
transfer)
Akan
menampilkan
Pesan Validasi
disamping
kolom gambar
“No file
selected”
Sesuai
harapan
Valid
7 Mengosong
kan field
keterangan
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Akan
menampilkan
Pesan Validasi
dibawah kolom
stok “Please fill
out this field””.
Sesuai
harapan
Valid
117
Gambar:
(aa.jpeg)
Keterangan:
(Kosong) 8 Mengisi
semua field
lalu klik
tombol input
No transaksi:
(10)
Tanggal
transfer:
(2016/07/02)
Transfer atas
nama:
(Ai)
Bank:
(BCA)
Jumlah
Transfer:
(400000)
Telephon:
(08190811933
4)
Gambar:
(aa.jpg)
Keterangan:
(sudah di
transfer)
Sistem
menerima akses
Tambah produk
kemudian
menampilkan
pesan “Data
sudah terkirim”
Sesuai
harapan
Valid