bab iii pembahasan - bina sarana informatika · use case narrative mengelola data produk tujuan...
TRANSCRIPT
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan Software
3.1.1. Analisa Kebutuhan
Pada analisa kebutuhan sistem informasi penjualan pakaian muslim wanita berbasis
web e-commerce ini yang ingin diterapkan oleh penulis mempunyai empat spesifikasi
kebutuhan yaitu admin, owner (pemilik toko), pengunjung dan pelanggan.
1. Admin
A.1. Admin dapat melakukan login
A.2. Admin dapat mengelola Data Produk
A.3. Admin dapat mengelola Data Pelanggan
A.4. Admin dapat mengelola Data Kategori
A.5. Admin dapat mengelola Data Penjualan
A.6. Admin dapat mengelola Pengaturan Layar
A.7. Admin dapat mengelola Data Kontak Kami
A.8. Admin dapat mengelola Konfirmasi Pembayaran
A.9. Admin dapat mengelola Data Laporan
2. Owner (Pemilik Toko)
B.1. Owner dapat melakukan login
B.2. Owner dapat mengelola Data Laporan
30
31
3. Pengunjung
C.1. Pengunjung dapat melihat Beranda
C.2. Pengunjung dapat melihat Tentang Kami
C.3. Pengunjung dapat melihat Cara Beli
C.4. Pengunjung dapat menginput Form Kontak kami
C.5. Pengunjung dapat melihat halaman Belanja
C.6. Pengunjung dapat melihat Detail Produk
C.7. Pengunjung dapat menginput Form Daftar Pengunjung
4. Pelanggan
D.1. Pengunjung dapat melakukan login
D.2. Pengunjung dapat melihat Beranda
D.3. Pengunjung dapat melihat Tentang Kami
D.4. Pengunjung dapat dapat melihat Cara Beli
D.5. Pengunjung dapat menginput Form Kontak kami
D.6. Pengunjung dapat menginput Form Konfirmasi Pembayaran
D.7. Pengunjung dapat melakukan Belanja
D.8. Pengunjung dapat melihat Detail Produk
D.9. Pengunjung dapat mengelola Akun Pelanggan
D.10. Pengunjung dapat mengelola Keranjang Belanja
32
3.1.2. Use Case Diagram
A. Use Case Admin
Gambar III.1
Use Case Admin
1. Use Case Login Admin
Gambar III.2
Use Case Login Admin
33
Tabel III.1
Deskripsi Gambar Use Case Login Admin
Use Case Narrative Login Admin
Tujuan Melakukan login untuk masuk kedalam sistem informasi
penjualan pakaian muslim wanita
Deskripsi Sistem ini untuk aktor mengakses sistem informasi
penjualan Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login dan mengakses halaman utama
admin Aksi Aktor Reaksi Sistem
1. Aktor mengakses
halaman login Admin
2. Aktor memasukkan username dan password
Sistem akan menampilkan text box untuk mengisi nama
pengguna dan password.
Sistem akan validasi login. Masuk ke sistem informasi penjualan sebagai Admin
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
masuk ke sistem dan menampilkan halaman utama admin
2. Use Case Admin Mengelola Data Produk
Gambar III.3
Use Case Admin Mengelola Data Produk
34
Tabel III.2
Deskripsi Gambar Use Case Admin Mengelola Data Produk
Use Case Narrative Mengelola Data Produk
Tujuan Mengelola data produk.
Deskripsi Sistem ini untuk aktor mengelola data produk;
menambah, menghapus, mengubah data produk dan
menambahkannya ke layar gerak Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
data produk Aksi Aktor Reaksi Sistem
1. Aktor memilih data
produk
Sistem akan menampilkan data produk.
2. Aktor mengubah data
produk
Sistem akan menampilkan form ubah data produk
Memeriksa valid tidaknya data masukan
Meyimpan data yang telah diubah ke basis data
Menampilkan pesan bahwa data sukses disimpan
3. Aktor menambah data
produk
Sistem akan menampilkan form tambah data produk
Memeriksa valid tidaknya data masukan
Menyimpan data produk ke basis data
Menampilkan pesan bahwa data sukses disimpan
4. Aktor memilih data
produk yang akan
dihapus
Sistem akan menghapus data produk dari basis data
5. Aktor memilih tombol layar
Sistem akan masuk ke halaman pengaturan layar, menambah layar gerak.
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
35
3. Use Case Admin Mengelola Data Pelanggan
Gambar III.4
Use Case Admin Mengelola Data Pelanggan
Tabel III.3
Deskripsi Gambar Use Case Admin Mengelola Data Pelanggan
Use Case Narrative Mengelola Data Pelanggan
Tujuan Mengelola data pelanggan.
Deskripsi Sistem ini untuk aktor mengelola data pelanggan; melihat
data pelanggan Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
data pelanggan Aksi Aktor Reaksi Sistem
1. Aktor memilih data
pelanggan
Sistem akan menampilkan data pelanggan.
2. Aktor melihat data
memilih salah satu data
pelanggan
Sistem akan menampilkan salah satu data pelanggan yang
dipilih.
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
36
4. Use Case Admin Mengelola Data Kategori
Gambar III.5
Use Case Admin Mengelola Data Kategori
Tabel III.4
Deskripsi Gambar Use Case Admin Mengelola Data Kategori
Use Case Narrative Mengelola Data Pelanggan
Tujuan Mengelola data kategori.
Deskripsi Sistem ini untuk aktor mengelola data kategori;
menambah data kategori Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
data kategori Aksi Aktor Reaksi Sistem
1. Aktor memilih data
kategori
Sistem akan menampilkan data kategori.
2. Aktor menambah data
kategori
Sistem akan menampilkan form tambah data kategori
Menyimpan data produk ke basis data Menampilkan pesan bahwa data sukses disimpan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
37
5. Use Case Admin Mengelola Data Penjualan
Gambar III.6
Use Case Admin Mengelola Data Penjualan
Tabel III.5
Deskripsi Gambar Use Case Admin Mengelola Data Penjualan
Use Case Narrative Mengelola Data Penjualan
Tujuan Mengelola data penjualan.
Deskripsi Sistem ini untuk aktor mengelola data penjualan; melihat
data penjualan. Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
data penjualan Aksi Aktor Reaksi Sistem
1. Aktor memilih data
penjualan
Sistem akan menampilkan data penjualan.
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh Aktor
38
6. Use Case Admin Mengelola Pengaturan Layar
Gambar III.7
Use Case Admin Mengelola Pengaturan Layar
Tabel III.6
Deskripsi Gambar Use Case Admin Mengelola Pengaturan Layar
Use Case Narrative Mengelola Pengaturan Layar
Tujuan Mengelola pengaturan layar.
Deskripsi Sistem ini untuk aktor mengelola pengaturan layar;
melihat data layar dan menghapus data layar. Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
pengaturan layar Aksi Aktor Reaksi Sistem
1. Aktor memilih
pengaturan layar
Sistem akan menampilkan halaman pengaturan layar.
2. Aktor memilih
menghapus data layar
Sistem akan menghapus data layar dari basis data
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh Aktor
39
7. Use Case Admin Mengelola Data Kontak Kami
Gambar III.8
Use Case Admin Mengelola Data Kontak Kami
Tabel III.7
Deskripsi Gambar Use Case Admin Mengelola Data Kontak Kami
Use Case Narrative Mengelola Data Kontak Kami
Tujuan Mengelola data kontak kami
Deskripsi Sistem ini untuk aktor mengelola data kontak kami;
melihat data kontak kami Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih mengelola
data kontak kami Aksi Aktor Reaksi Sistem
1. Aktor memilih data
kontak kami
Sistem akan menampilkan data kontak kami.
2. Aktor melihat data
memilih salah satu data
kontak kami
Sistem akan menampilkan salah satu data kontak kami
yang dipilih.
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
40
8. Use Case Admin Mengelola Konfirmasi Pembayaran
Gambar III.9
Use Case Admin Mengelola Konfirmasi Pembayaran
Tabel III.8
Deskripsi Gambar Use Case Admin Mengelola Konfirmasi Pembayaran
Use Case Narrative Mengelola Konfirmasi Pembayaran
Tujuan Mengelola data konfirmasi pembayaran
Deskripsi Sistem ini untuk aktor mengelola data konfirmasi
pembayaran; melihat data konfirmasi pembayaran Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih data
konfirmasi pembayaran Aksi Aktor Reaksi Sistem
1. Aktor memilih data
konfirmasi pembayaran
Sistem akan menampilkan data konfirmasi pembayaran
2. Aktor melihat data
memilih salah satu data konfirmasi pembayaran
Sistem akan menampilkan salah satu data konfirmasi
pembayaran yang dipilih.
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
41
9. Use Case Admin Mengelola Data Laporan
Gambar III.10
Use Case Admin Mengelola Data Laporan
Tabel III.9
Deskripsi Gambar Use Case Admin Mengelola Data Laporan
Use Case Narrative Mengelola Data Laporan
Tujuan Mengelola data laporan
Deskripsi Sistem ini untuk aktor mengelola data laporan; melihat
data laporan dan mencetak laporan Skenario Utama
Aktor Admin
Kondisi Awal Aktor melakukan login, selanjutnya memilih data laporan
Aksi Aktor Reaksi Sistem
1. Aktor memilih data
laporan
Sistem akan menampilkan semua data-data laporan
2. Aktor memilih laporan data produk
Sistem akan menampilkan dan mencetak laporan data produk dengan format PDF
3. Aktor memilih laporan
data pelangan
Sistem akan menampilkan dan mencetak laporan data
pelangan dengan format PDF
4. Aktor memilih laporan data kategori
Sistem akan menampilkan dan mencetak laporan data kategori dengan format PDF
5. Aktor memilih laporan
data penjualan
Sistem akan menampilkan dan mencetak laporan data
penjualan dengan format PDF
6. Aktor memilih laporan pie chart penjualan
Sistem akan menampilkan dan mencetak laporan pie chart penjualan dengan format PDF
7. Aktor memilih laporan
data kontak kami
Sistem akan menampilkan dan mencetak laporan data kontak
kami dengan format PDF
8. Aktor memilih laporan
data konfirmasi
pembayaran
Sistem akan menampilkan dan mencetak laporan data
konfirmasi pembayaran dengan format PDF
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
42
B. Use Case Owner
Gambar III.11
Use Case Owner
Tabel III.10
Deskripsi Gambar Use Case Login Owner
Use Case Narrative Login Owner
Tujuan Melakukan login untuk masuk kedalam sistem informasi
penjualan pakaian muslim wanita
Deskripsi Sistem ini untuk aktor mengakses sistem informasi
penjualan dan mengelola laporan Skenario Utama
Aktor Owner
Kondisi Awal Aktor melakukan login dan mengakses halaman utama owner
Aksi Aktor Reaksi Sistem
1. Aktor mengakses
halaman login Owner
2. Aktor memasukkan username dan password
Sistem akan menampilkan text box untuk mengisi nama
pengguna dan password.
Sistem akan validasi login. Masuk ke sistem informasi penjualan sebagai Owner
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
masuk ke sistem dan menampilkan halaman utama
Owner
43
Tabel III.11
Deskripsi Gambar Use Case Owner Mengelola Data Laporan
Use Case Narrative Mengelola Data Laporan
Tujuan Mengelola data laporan
Deskripsi Sistem ini untuk aktor mengelola data laporan; melihat
data laporan dan mencetak laporan Skenario Utama
Aktor Owner
Kondisi Awal Aktor melakukan login, selanjutnya memilih data laporan
Aksi Aktor Reaksi Sistem
1. Aktor memilih data
laporan
Sistem akan menampilkan semua data-data laporan
2. Aktor memilih laporan
data produk
Sistem akan menampilkan dan mencetak laporan data produk
dengan format PDF
3. Aktor memilih laporan
data pelangan
Sistem akan menampilkan dan mencetak laporan data
pelangan dengan format PDF
4. Aktor memilih laporan
data kategori
Sistem akan menampilkan dan mencetak laporan data kategori
dengan format PDF
5. Aktor memilih laporan
data penjualan
Sistem akan menampilkan dan mencetak laporan data
penjualan dengan format PDF
6. Aktor memilih laporan pie chart penjualan
Sistem akan menampilkan dan mencetak laporan pie chart penjualan dengan format PDF
7. Aktor memilih laporan
data kontak kami
Sistem akan menampilkan dan mencetak laporan data kontak
kami dengan format PDF
8. Aktor memilih laporan
data konfirmasi
pembayaran
Sistem akan menampilkan dan mencetak laporan data
konfirmasi pembayaran dengan format PDF
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
seperti yang diinginkan oleh Aktor
44
C. Use Case Pengunjung
Gambar III.12
Use Case Pengunjung
1. Use Case Beranda Pengunjung
Gambar III.13
Use Case Beranda Pengunjung
45
Tabel III.12
Deskripsi Gambar Use Case Beranda Pengunjung
Use Case Narrative Beranda Pengunjung Tujuan Mengakses halaman beranda pengunjung
Deskripsi Sistem ini untuk halaman beranda pengunjung
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih halaman beranda
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
beranda
Sistem akan menampilkan halaman beranda; kategori
produk,produk terbaru, dan cari kisaran harga
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
2. Use Case Tentang Kami
Gambar III.14
Use Case Tentang Kami
Tabel III.14
Deskripsi Gambar Use Case Tentang Kami
Use Case Narrative Tentang Kami
Tujuan Mengakses halaman tentang kami pengunjung
Deskripsi Sistem ini untuk halaman tentang kami pengunjung
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih tentang kami
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
tentang kami
Sistem akan menampilkan halaman tentang kami; profil
perusahaan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
46
3. Use Case Cara Beli
Gambar III.15
Use Case Cara Beli
Tabel III.14
Deskripsi Gambar Use Case Cara Beli
Use Case Narrative Cara Beli Tujuan Mengakses halaman cara beli untuk pengunjung
Deskripsi Sistem ini untuk halaman cara beli untuk pengunjung
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih cara beli
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
cara beli
Sistem akan menampilkan halaman cara membeli
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
4. Use Case Kontak Kami
Gambar III.16
Use Case Kontak Kami
47
Tabel III.15
Deskripsi Gambar Use Case Kontak Kami
Use Case Narrative Kontak Kami Tujuan Melakukan kontak kepada admin
Deskripsi Sistem ini untuk aktor melakukan kontak kepada admin
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor mengakses halaman kontak kami
Aksi Aktor Reaksi Sistem
1. Aktor mengakses
halaman kontak kami
2. Aktor mengisi form kontak kami
Sistem akan menampilkan form kontak kami
Menampilkan pesan bahwa data kontak kamu disimpan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
5. Use Case Belanja Pengunjung
Gambar III.17
Use Case Belanja Pengunjung
48
Tabel III.16
Deskripsi Gambar Use Case Belanja Pengunjung
Use Case Narrative Belanja Pengunjung Tujuan Mengakses halaman belanja untuk melihat katalog produk
Deskripsi Sistem ini untuk halaman belanja pengunjung
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih belanja
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
belanja
Sistem akan menampilkan halaman belanja pengunjung;
kategori produk, cari kisaran produk, cari produk
2. Aktor memilih tambah ke
keranjang
Sistem akan mengarahkan ke halaman daftar/masuk untuk
pengunjung daftar dan masuk menjadi pelanggan 3. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
6. Use Case Detail Produk Pengunjung
Gambar III.18
Use Case Detail Produk Pengunjung
Tabel III.17
Deskripsi Gambar Use Case Detail Produk Pengunjung
Use Case Narrative Detail Produk Pengunjung Tujuan Mengakses halaman detail produk
Deskripsi Sistem ini untuk melihat halaman detail produk
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih lebih detail
Aksi Aktor Reaksi Sistem
1. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk
49
2. Aktor memilih tambah ke
keranjang
Sistem akan mengarahkan ke halaman daftar/masuk untuk
pengunjung daftar dan masuk menjadi pelanggan
3. Aktor memilih produk
rekomendasi
Sistem akan menampilkan halaman detail produk lainnya
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
7. Use Case Daftar Pengunjung
Gambar III.9
Use Case Daftar Pengunjung
Tabel III.18
Deskripsi Gambar Use Case Daftar Pengunjung
Use Case Narrative Daftar Pelanggan
Tujuan Melakukan pendaftaran untuk masuk kedalam sistem
informasi penjualan sebagai pelanggan Deskripsi Sistem ini untuk aktor mengakses sistem informasi penjualan
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor mengakses halaman daftar/masuk
Aksi Aktor Reaksi Sistem
3. Aktor mengakses
halaman daftar untuk
pengunjung
4. Aktor mengisi form dan
melakukan pendaftaran
Sistem akan menampilkan halaman form daftar
Memeriksa valid tidaknya data masukan
Menyimpan data pelanggan baru ke dalam basis data
Menampilkan pesan bahwa data sukses disimpan
Sistem akan menampilkan halaman login untuk Masuk ke
sistem informasi penjualan pakaian muslim wanita
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh Aktor
50
D. Use Case Pelanggan
Gambar III.20
Use Case Pelanggan
1. Use Case Login Pelanggan
Gambar III.21
Use Case Login Pelanggan
51
Tabel III.19
Deskripsi Gambar Use Case Login Pelanggan
Use Case Narrative Login Pelanggan
Tujuan Melakukan login untuk masuk kedalam sistem informasi
penjualan pakaian muslim wanita
Deskripsi Sistem ini untuk aktor mengakses sistem informasi
penjualan pakaian muslim wanita dan melakukan
pembelian Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login dan mengakses halaman utama
pelanggan Aksi Aktor Reaksi Sistem
1. Aktor mengakses
halaman login
Pelanggan
2. Aktor memasukkan username dan password
Sistem akan menampilkan text box untuk mengisi nama
pengguna dan password.
Sistem akan validasi login. Masuk ke sistem informasi penjualan sebagai Pelanggan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan
masuk ke sistem dan menampilkan halaman utama
Pelanggan
2. Use Case Beranda Pelanggan
Gambar III.22
Use Case Beranda Pelanggan
52
Tabel III.20
Deskripsi Gambar Use Case Beranda Pelanggan
Use Case Narrative Beranda Pelanggan Tujuan Mengakses halaman beranda pelanggan
Deskripsi Sistem ini untuk halaman beranda pelanggan
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya memilih halaman
beranda Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
beranda
Sistem akan menampilkan halaman beranda; kategori produk,
produk terbaru dan cari kisaran harga
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh Aktor
3. Use Case Tentang Kami
Gambar III.23
Use Case Tentang Kami
Tabel III.21
Deskripsi Gambar Use Case Tentang Kami
Use Case Narrative Tentang Kami
Tujuan Mengakses halaman tentang kami pelanggan
Deskripsi Sistem ini untuk halaman tentang kami pelanggan
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya memilih tentang kami
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
tentang kami
Sistem akan menampilkan halaman tentang kami; profil
perusahaan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
53
4. Use Case Cara Beli
Gambar III.24
Use Case Cara Beli
Tabel III.22
Deskripsi Gambar Use Case Cara Beli
Use Case Narrative Cara Beli
Tujuan Mengakses halaman cara beli untuk pelanggan
Deskripsi Sistem ini untuk halaman cara beli untuk pelanggan
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya memilih cara beli
Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
cara beli
Sistem akan menampilkan halaman cara membeli
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
5. Use Case Kontak Kami
Gambar III.25
Use Case Kontak Kami
54
Tabel III.23
Deskripsi Gambar Use Case Kontak Kami
Use Case Narrative Kontak Kami Tujuan Melakukan kontak kepada admin
Deskripsi Sistem ini untuk aktor melakukan kontak kepada admin
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya mengakses halaman
kontak kami Aksi Aktor Reaksi Sistem
1. Aktor mengakses
halaman kontak kami
2. Aktor mengisi form kontak kami
Sistem akan menampilkan form kontak kami
Menampilkan pesan bahwa data kontak kamu disimpan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
6. Use Case Konfirmasi Pembayaran
Gambar III.26
Use Case Konfirmasi Pembayaran
Tabel III.24
Deskripsi Gambar Mengakses Konfirmasi Pembayaran
Use Case Narrative Mengakses Konfirmasi Pembayaran Tujuan Mengakses konfirmasi pembayaran
Deskripsi Sistem ini untuk mengakses konfirmasi pembayaran
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya memilih halaman
konfirmasi pembayaran Aksi Aktor Reaksi Sistem
55
1. Aktor memilih halaman
konfirmasi pembayaran
Sistem akan
pembayaran
menampilkan halaman form konfirmasi
2. Aktor menambah
konfirmasi pembayaran
Memeriksa valid tidaknya data masukan
Menyimpan data konfirmasi pembayaran ke basis data
Menampilkan pesan bahwa data sukses disimpan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti yang diinginkan oleh Aktor
7. Use Case Belanja Pelanggan
Gambar III.27
Use Case Belanja Pelanggan
Tabel III.25
Deskripsi Gambar Use Case Belanja Pelanggan
Use Case Narrative Belanja Pelanggan Tujuan Mengakses halaman belanja untuk melihat katalog produk
Deskripsi Sistem ini untuk halaman belanja pengunjung
Skenario Utama
Aktor Pengunjung
Kondisi Awal Aktor memilih belanja
Aksi Aktor Reaksi Sistem
1. Aktor memilih belanja Sistem akan menampilkan halaman belanja pelanggan;
kategori produk, cari kisaran produk, cari produk
2. Aktor memilih tambah ke
keranjang
Sistem akan menampilakan data produk berhasil ditambah ke
keranjang 3. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
56
8. Use Case Detail Produk Pelanggan
Gambar III.28
Use Case Detail Produk Pelanggan
Tabel III.26
Deskripsi Gambar Use Case Detail Produk Pelanggan
Use Case Narrative Detail Produk Pelanggan
Tujuan Mengakses halaman detail produk
Deskripsi Sistem ini untuk melihat halaman detail produk
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor memilih lebih detail
Aksi Aktor Reaksi Sistem
4. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk
5. Aktor memilih tambah ke
keranjang
Sistem akan menampilkan halaman keranjang Anda
6. Aktor memilih produk
rekomendasi
Sistem akan menampilkan halaman detail produk lainnya
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
8. Use Case Akun Pelanggan
Gambar III.29
Use Case Akun Pelanggan
57
Tabel III.27
Deskripsi Gambar Use Case Akun Pelanggan
Use Case Narrative Akun Pelanggan Tujuan Mengakses halaman akun pelanggan untuk pengaturan akun
Deskripsi Sistem ini untuk halaman akun pelanggan
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor memilih akun pelanggan
Aksi Aktor Reaksi Sistem
1. Aktor memilih akun
pelanggan
Sistem akan menampilkan halaman akun pelanggan
2. Aktor memilih ubah data akun pelanggan
Sistem akan menampilakan data akun dan berhasil memperbaharui data
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
9. Use Case Keranjang Belanja Pelanggan
Gambar III.30
Use Case Keranjang Belanja Pelanggan
58
Tabel III.28
Deskripsi Gambar Keranjang Belanja Pelanggan
Use Case Narrative Keranjang Belanja Pelanggan Tujuan Mengakses keranjang belanja pelanggan
Deskripsi Sistem ini untuk aktor mengakses keranjang belanja
Skenario Utama
Aktor Pelanggan
Kondisi Awal Aktor melakukan login, selanjutnya memilih halaman
keranjang belanja Aksi Aktor Reaksi Sistem
1. Aktor memilih halaman
keranjang belanja
Sistem akan menampilkan halaman keranjang belanja
2. Aktor memilih belanja lagi
Sistem akan menampilkan halaman belanja
3. Aktor memilih lanjutkan
ke pembayaran
Sistem akan menampilkan halaman pembayaran pesanan
4. Aktor memilih selesaikan pesanan
Pesanan berhasil diselesaikan
Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan seperti
yang diinginkan oleh Aktor
59
3.1.3. Activity Diagram
A. Activity Diagram Admin
1. Activity Diagram Login Admin
Gambar III.31
Activity Diagram Login Admin
60
2. Activity Diagram Admin Mengelola Produk
Gambar III.32
Activity Diagram Admin Mengelola Produk
61
3. Activity Diagram Admin Mengelola Pelanggan
Gambar III.33
Activity Diagram Admin Mengelola Pelanggan
4. Activity Diagram Admin Mengelola Kategori
Gambar III.34
Activity Diagram Admin Mengelola Kategori
62
5. Activity Diagram Admin Mengelola Data Penjualan
Gambar III.35
Activity Diagram Admin Mengelola Data Penjualan
6. Activity Diagram Admin Mengelola Pengaturan Layar
Gambar III.36
Activity Diagram Admin Mengelola Pengaturan Layar
63
7. Activity Diagram Admin Mengelola Data Kontak Kami
Gambar III.37
Activity Diagram Admin Mengelola Data Kontak Kami
8. Activity Diagram Admin Mengelola Konfirmasi Pembayaran
Gambar III.38
Activity Diagram Admin Mengelola Konfirmasi Pembayaran
64
9. Activity Diagram Admin Mengelola Laporan
Gambar III.39
Activity Diagram Admin Mengelola Pelanggan
65
B. Activity Diagram Owner
1. Activity Diagram Login Owner
Gambar III.40
Activity Diagram Login Owner
66
2. Activity Diagram Owner Mengelola Laporan
Gambar III.41
Activity Diagram Owner Mengelola Laporan
67
C. Activity Diagram Pengunjung
1. Activity Diagram Daftar Pengunjung
Gambar III.42
Activity Diagram Daftar Pengunjung
68
D. Activity Diagram Pelanggan
1. Activity Diagram Login Pelanggan
Gambar III.43
Activity Diagram Login Pelanggan
2. Activity Diagram Mengakses Kontak Kami
Gambar III.44
Activity Diagram Mengakses Kontak Kami
69
3. Activity Diagram Mengakses Konfirmasi Pembayaran
Gambar III.45
Activity Diagram Mengakses Konfirmasi Pembayaran
70
4. Activity Diagram Belanja Pelanggan
Gambar III.46
Activity Diagram Belanja Pelanggan
71
3.1.4. Rancangan Dokumen
Pembuatan rancangan dokumen untuk sistem informasi penjualan pakaian muslim
wanita berbasis web e-commerce ini di awali dengan membuat Entity Relationship
Diagram (ERD), yang kemudian di ubah menjadi Logical Record Structure (LRS),
gambaran dari LRS tersebut akan menghasilkan sebuah tabel relasi basis data.
1. Rancangan Dokumen Masukan (Input)
A. Nama Dokumen : Form Pendaftaran Pelanggan
Fungsi : Untuk pendaftaran pelanggan
Sumber : Website
Tujuan : Untuk Pengunjung
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada pendaftar pengunjung menjadi pelanggan
Bentuk : Lihat Lampiran A.1
B. Nama Dokumen : Form Masuk Pelanggan
Fungsi : Untuk masuk (login) pelanggan
Sumber : Website
Tujuan : Untuk pelanggan
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada login pelanggan
Bentuk : Lihat Lampiran A.2
72
C. Nama Dokumen : Form Masuk Admin
Fungsi : Untuk masuk (login) admin
Sumber : Website
Tujuan : Untuk admin mengelola penjualan
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada login admin
Bentuk : Lihat Lampiran A.3
D. Nama Dokumen : Form Masuk Owner
Fungsi : Untuk masuk (login) owner
Sumber : Website
Tujuan : Untuk owner melihat data laporan-laporan
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada login owner
Bentuk : Lihat Lampiran A.4
E. Nama Dokumen : Form Tambah Kategori
Fungsi : Untuk menambah ketegori produk
Sumber : Website
Tujuan : Untuk admin mengelola kategori
Media : Komputer
73
Jumlah 1
Frekuensi : Setiap ada penambahan kategori baru
Bentuk : Lihat Lampiran A.5
F. Nama Dokumen : Form Tambah Produk
Fungsi : Untuk menambah produk baru
Sumber : Website
Tujuan : Untuk admin mengelola produk
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada penambahan produk baru
Bentuk : Lihat Lampiran A.6
G. Nama Dokumen : Form Tambah Layar Gerak
Fungsi : Untuk menambah layar gerak
Sumber : Website
Tujuan : Untuk admin mengeloala pengaturan layar
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada penambahan layar gerak
Bentuk : Lihat Lampiran A.7
74
H. Nama Dokumen : Form Transaksi
Fungsi : Untuk melakukan transaksi
Sumber : Website
Tujuan : Untuk pelanggan melakukan pembelian
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada pelanggan yang melakukan pembelanjaan
Bentuk : Lihat Lampiran A.8
I. Nama Dokumen : Form Kontak Kami
Fungsi : Untuk melakukan kontak kepada admin
Sumber : Website
Tujuan : Untuk pengunjung ataupun pelanggan
Media : Komputer
Jumlah 1
Frekuensi : Setiap ada pertanyaan dan kontak ke admin
Bentuk : Lihat Lampiran A.9
J. Nama Dokumen : Form Konfirmasi Pembayaran
Fungsi : Untuk melakukan konfirmasi pembayaran
Sumber : Website
Tujuan : Untuk pelanggan melakukan konfirmasi pembayaran
Media : Komputer
75
Jumlah 1
Frekuensi : Setiap ada konfirmasi pembayaran dari pelanggan
Bentuk : Lihat Lampiran A.3
A. Rancangan Dokumen Keluaran (Output)
1. Nama Dokumen : Laporan Data Pelanggan
Fungsi : Untuk melihat data pelanggan keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data pelanggan
Bentuk : Lihat Lampiran B.1
2. Nama Dokumen : Laporan Data Produk
Fungsi : Untuk melihat data produk keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data produk
Bentuk : Lihat Lampiran B.2
76
3. Nama Dokumen : Laporan Data Kategori
Fungsi : Untuk melihat data kategori keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data kategori
Bentuk : Lihat Lampiran B.3
4. Nama Dokumen : Laporan Data Penjualan
Fungsi : Untuk melihat data penjualan keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data penjualan
Bentuk : Lihat Lampiran B.4
5. Nama Dokumen : Laporan Data Kontak Kami
Fungsi : Untuk melihat data kontak kami keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
77
Jumlah 1
Frekuensi : Setiap mencetak data kontak kami
Bentuk : Lihat Lampiran B.5
6. Nama Dokumen : Laporan Data Konfirmasi Pembayaran
Fungsi : Untuk melihat data konfirmasi pembayaran keseluruhan
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data konfirmasi pembayaran
Bentuk : Lihat Lampiran B.6
7. Nama Dokumen : Pie Chart Laporan Penjualan
Fungsi : Untuk melihat data penjualan dengan pie chart
Sumber : Website
Tujuan : Untuk admin
Media : Komputer
Jumlah 1
Frekuensi : Setiap mencetak data pie chart penjualan
Bentuk : Lihat Lampiran B.7
78
3.2. Desain
3.2.1. Struktur Navigasi
Dengan adanya informasi yang tergambar dalam bentuk struktur navigasi, akan
membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara
halaman-halaman di dalam website tersebut. Adapun struktur navigasi yang digunakan
adalah sebagai berikut:
1. Struktur Navigasi Admin
Gambar III.47
Struktur Navigasi Admin
79
2. Struktur Navigasi Owner
Gambar III.48
Struktur Navigasi Owner
3. Struktur Navigasi Pengunjung
Gambar III.49
Struktur Navigasi Pengunjung
80
4. Struktur Navigasi Pelanggan
Gambar III.50
Struktur Navigasi Pelanggan
81
3.2.2. Entity Diagram Relationship (ERD)
Gambar III.51
Entity Diagram Relationship (ERD)
82
3.2.3. Logical Record Structure (LRS)
Gambar III.52
Logical Record Structure (LRS)
83
3.2.4. Spesifikasi File
1. Spesifikasi File Users
Nama File : Users
Fungsi : Untuk mengolah data user
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 634 karakter
Field key : id_pelanggan
Software : phpMyAdmin
Tabel III.29
Spesifikasi File Users
No. Elemen Data Nama Field Type Size Keterangan
1. Id Pelanggan id_pelanggan varchar 11 Primary Key
2. Username username varchar 30 Foreign Key
3. Email email varchar 35
4. Alamat alamat varchar 50
5. Negara negara varchar 9
6. Id Provinsi id_prov int 2 Foreign Key
7. Id Kota id_kota int 3 Foreign Key
8. Kecamatan kecamatan varchar 25
9. Kelurahan kelurahan varchar 25
10. Kodepos kodepos varchar 5
11. Pekerjaan pekerjaan varchar 20
12. No Hp no_hp varchar 14
84
13. Password password varchar 200
14. Hak Akses hak_akses varchar 5
15. Photo photo varchar 200
2. Spesifikasi File Transaksi
Nama File : Transaksi
Fungsi : Untuk mengolah data transaksi
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 63 karakter
Field key : id
Software : phpMyAdmin
Tabel III.30
Spesifikasi File Transaksi
No. Elemen Data Nama Field Type Size Keterangan
1. Id id int 11 Primary Key
+Auto Increment
2. Id Pelanggan id_pelanggan varchar 11 Foreign Key
3. Id Produk produk_id int 4 Foreign Key
4. Tanggal tgl varchar 25
5. Quantity qty int 12
85
3. Spesifikasi File Produk
Nama File : Produk
Fungsi : Untuk mengolah data produk
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 237 karakter
Field key : id
Software : phpMyAdmin
Tabel III.31
Spesifikasi File Produk
No. Elemen Data Nama Field Type Size Keterangan
1. Id id int 4 Primary Key
+Auto Increment
2. Nama Produk nama_produk varchar 50
3. Harga harga float
4. Quantity qty int 12
5. Model Produk model varchar 50
6. Deskripsi deskripsi text
7. Tanggal tgl varchar 10
8. Photo photo varchar 100
9. Id_kategori id_kategori int 11 Foreign Key
86
4. Spesifikasi File Keranjang
Nama File : Keranjang
Fungsi : Untuk mengolah data keranjang
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 31 karakter
Field key : id
Software : phpMyAdmin
Tabel III.32
Spesifikasi File Keranjang
No. Elemen Data Nama Field Type Size Keterangan
1. Id id int 4 Primary Key
+Auto Increment
2. Id Pelanggan id_pelanggan varchar 11 Foreign Key
3. Id Produk produk_id int 4 Foreign Key
4. Quantity qty int 12
87
5. Spesifikasi File Kategori
Nama File : Kategori
Fungsi : Untuk mengolah data kategori
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 31 karakter
Field key : id_ kategori
Software : phpMyAdmin
Tabel III.33
Spesifikasi File Kategori
No. Elemen Data Nama Field Type Size Keterangan
1. Id Kategori id_kategori int 3 Primary Key
+Auto Increment
2. Nama Kategori nama_kategori varchar 7
88
6. Spesifikasi File Layar
Nama File : Layar
Fungsi : Untuk mengolah data layar
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 267 karakter
Field key : id_layar
Software : phpMyAdmin
Tabel III.34
Spesifikasi File Layar
No. Elemen Data Nama Field Type Size Keterangan
1. Id Layar id_layar Int 3 Primary Key
+Auto Increment
2. Judul judul varchar 30
3. Sub Judul subjudul varchar 30
4. Deskripsi deskripsi text
5. Image image varchar 200
6. Id Produk id_produk int 4 Foreign Key
89
7. Spesifikasi File Konfirmasi
Nama File : Konfirmasi
Fungsi : Untuk mengolah data konfirmasi
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 318 karakter
Field key : id_konfirmasi
Software : phpMyAdmin
Tabel III.35
Spesifikasi File Konfirmasi
No. Elemen Data Nama Field Type Size Keterangan
1. Id Konfirmasi id_ konfirmasi varchar 11 Primary Key
2. No Pesanan no_pesanan varchar 11 Foreign Key
3. Nama nama varchar 30
4. Tanggal tgl varchar 35
5. Bayar bayar int 11
6. Bank bank varchar 20
7. Gambar gambar varchar 200
90
8. Spesifikasi File Kontak
Nama File : Kontak
Fungsi : Untuk mengolah data kontak
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 318 karakter
Field key : -
Software : phpMyAdmin
Tabel III.36
Spesifikasi File Kontak
No. Elemen Data Nama Field Type Size Keterangan
1. Nama nama varchar 30
2. Email email varchar 35
3. Subjek subjek varchar 40
4. Pesan pesan text
91
9. Spesifikasi File Provinsi
Nama File : Provinsi
Fungsi : Untuk mengolah data provinsi
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 28 karakter
Field key : id_prov
Software : phpMyAdmin
Tabel III.37
Spesifikasi File Provinsi
No. Elemen Data Nama Field Type Size Keterangan
1. Id Provinsi id_prov int 3 Primary Key
+Auto Increment
2. Nama Provinsi prov_nama varchar 25
92
10. Spesifikasi File Kota
Nama File : Kota
Fungsi : Untuk mengolah data kota
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media File : Harddisk
Panjang record : 28 karakter
Field key : id_kota
Software : phpMyAdmin
Tabel III.38
Spesifikasi File Kota
No. Elemen Data Nama Field Type Size Keterangan
1. Id Kota id_kota int 3 Primary Key
+Auto Increment
2. Nama Kota kota_nama varchar 25
3. Id Provinsi prov_id_fk int 3 Foreign Key
93
3.2.5. User Interface
Pada perancangan website penjualan pakaian muslim wanita ini penulis membuat
sebuah bentuk tampilan user interface dari halaman-halaman situs web, diantaranya:
1. User Interface Admin
a. User Interface Login Admin
Gambar III.53
User Interface Login Admin
94
b. User Interface Beranda Admin
Gambar III.54
User Interface Beranda Admin
95
c. User Interface Admin Mengelola Data Produk
Gambar III.55
User Interface Admin Mengelola Data Produk
96
d. User Interface Admin Mengelola Tambah Produk
Gambar III.56
User Interface Admin Mengelola Tambah Produk
97
e. User Interface Admin Mengelola Tambah Layar
Gambar III.57
User Interface Admin Mengelola Tambah Layar
f. User Interface Admin Mengelola Edit Produk
Gambar III.58
User Interface Admin Mengelola Edit Produk
98
g. User Interface Admin Mengelola Data Pelanggan
Gambar III.59
User Interface Admin Mengelola Data Pelanggan
99
h. User Interface Admin Melihat Data Pelanggan
Gambar III.60
User Interface Admin Melihat Data Pelanggan
100
i. User Interface Admin Mengelola Data Kategori
Gambar III.61
User Interface Admin Mengelola Data Kategori
101
j. User Interface Admin Mengelola Data Penjualan
Gambar III.62
User Interface Admin Mengelola Data Penjualan
102
k. User Interface Admin Mengelola Pengaturan Layar
Gambar III.63
User Interface Admin Mengelola Pengaturan Layar
l. User Interface Admin Mengelola Data Kontak Kami
Gambar III.64
User Interface Admin Mengelola Data Kontak Kami
103
m. User Interface Admin Melihat Data Kontak Kami
Gambar III.65
User Interface Admin Melihat Data Kontak Kami
n. User Interface Admin Mengelola Data Konfirmasi Pembayaran
Gambar III.66
User Interface Admin Mengelola Data Konfirmasi Pembayaran
104
o. User Interface Admin Mengelola Data Laporan
Gambar III.67
User Interface Admin Mengelola Data Laporan
105
p. User Interface Admin Melihat Situs
Gambar III.68
User Interface Admin Melihat situs
106
2. User Interface Owner
a. User Interface Login Owner
Gambar III.69
User Interface Login Owner
107
b. User Interface Beranda Owner
Gambar III.70
User Interface Beranda Owner
108
c. User Interface Owner Mengelola Laporan
Gambar III.71
User Interface Owner Mengelola Laporan
109
3. User Interface Pengunjung
a. User Interface Beranda Pengunjung
Gambar III.72
User Interface Beranda Pengunjung
110
b. User Interface Tentang Kami
Gambar III.73
User Interface Tentang Kami
111
c. User Interface Cara Beli
Gambar III.74
User Interface Cara Beli
112
d. User Interface Kontak Kami
Gambar III.75
User Interface Kontak Kami
113
e. User Interface Belanja Pengunjung
Gambar III.76
User Interface Belanja Pengunjung
114
f. User Interface Daftar Pengunjung
Gambar III.77
User Interface Daftar Pengunjung
115
4. User Interface Pelanggan
a. User Interface Masuk Pelanggan
Gambar III.78
User Interface Masuk Pelanggan
116
b. User Interface Beranda Pelanggan
Gambar III.79
User Interface Beranda Pelanggan
117
c. User Interface Belanja Pelanggan
Gambar III.80
User Interface Belanja Pelanggan
118
d. User Interface Detail Produk Pelanggan
Gambar III.81
User Interface Detail Produk Pelanggan
119
e. User Interface Keranjang Belanja Pelanggan
Gambar III.82
User Interface Keranjang Belanja Pelanggan
120
f. User Interface Transaksi
Gambar III.83
User Interface Transaksi
121
g. User Interface Transaksi Berhasil
Gambar III.84
User Interface Transaksi Berhasil
122
h. User Interface Konfirmasi Pembayaran
Gambar III.85
User Interface Konfirmasi Pembayaran
123
3.3. Implementasi
3.3.1. Blackbox Testing
1. Form Login Admin
Tabel III.39
Hasil Pengujian Black Box Testing Form Login Admin
No. Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Kesimpulan
1. Nama user dan
Password
tidak diisi
kemudian klik
tombol login
Nama user:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Username masih
kosong!”
“Password masih
kosong!”
Sesuai
harapan
Valid
2. Mengetikkan
Nama user dan
Password
tidak diisi atau
kosong
kemudian klik tombol login
Nama user:
admin
Password :
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Password masih
kosong!”
Sesuai
harapan
Valid
3. Nama user
tidak di isi
(kosong) dan
Password diisi
kemudian klik tombol login
Nama user:
(kosong)
Password:
admin
Sistem akan menolak
Akses dan
menampilkan pesan
“Username masih
kosong!”
Sesuai
harapan
Valid
4. Mengetikkan
salah satu
kondisi salah
pada Nama
user atau
Password
kemudian klik
tombol login
Nama user:
admin
(benar)
Password:
12345
(salah)
Sistem akan menolak
akses akan kembali
diarahkan ke halaman
login
dan menampilkan
pesan “Maaf, Username
dan Password Anda
Salah!!”
Sesuai
harapan
Valid
5. Mengetikkan
Nama user dan
Password
dengan data
yang benar
kemudian klik tombol login
Nama user
: admin
(benar)
Password:
admin
(benar)
Sistem akan menerima
akses login
Sesuai
harapan
Valid
124
2. Form Login Owner
Tabel III.40
Hasil Pengujian Black Box Testing Form Login Owner
No. Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Kesimpulan
1. Nama user dan
Password
tidak diisi
kemudian klik
tombol login
Nama user:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Username masih
kosong!”
“Password masih
kosong!”
Sesuai
harapan
Valid
2. Mengetikkan
Nama user dan
Password
tidak diisi atau
kosong
kemudian klik
tombol login
Nama user:
admin
Password :
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Password masih
kosong!”
Sesuai
harapan
Valid
3. Nama user
tidak di isi
(kosong) dan
Password diisi
kemudian klik
tombol login
Nama user:
(kosong)
Password:
admin
Sistem akan menolak
Akses dan
menampilkan pesan
“Username masih
kosong!”
Sesuai
harapan
Valid
4. Mengetikkan
salah satu
kondisi salah
pada Nama
user atau
Password
kemudian klik
tombol login
Nama user:
owner
(benar)
Password:
12345
(salah)
Sistem akan menolak
akses akan kembali
diarahkan ke halaman
login
dan menampilkan
pesan “Maaf,
Username
dan Password Anda
Salah!!”
Sesuai
harapan
Valid
5. Mengetikkan
Nama user dan
Password
dengan data
yang benar
kemudian klik tombol login
Nama user
: owner
(benar)
Password:
owner
(benar)
Sistem akan menerima
akses login
Sesuai
harapan
Valid
125
3. Form Login Pelanggan
Tabel III.41
Hasil Pengujian Black Box Testing Form Login Pelanggan
No. Skenario
pengujian
Test case Hasil yang diharapkan Hasil
pengujian
Kesimpulan
1. Nama user dan
Password
tidak diisi
kemudian klik
tombol login
Nama user:
(kosong)
Password:
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Username masih
kosong!”
“Password masih
kosong!”
Sesuai
harapan
Valid
2. Mengetikkan
Nama user dan
Password
tidak diisi atau
kosong
kemudian klik
tombol login
Nama user:
Maghfiroh
Maulani
Password :
(kosong)
Sistem akan menolak
akses dan
menampilkan pesan
“Password masih
kosong!”
Sesuai
harapan
Valid
3. Nama user
tidak di isi
(kosong) dan
Password diisi
kemudian klik tombol login
Nama user:
(kosong)
Password:
12345
Sistem akan menolak
Akses dan
menampilkan pesan
“Username masih
kosong!”
Sesuai
harapan
Valid
4. Mengetikkan
salah satu
kondisi salah
pada Nama
user atau
Password
kemudian klik
tombol login
Nama user:
Maghfiroh
Maulani
(benar)
Password:
12345 (salah)
Sistem akan menolak
akses akan kembali
diarahkan ke halaman
login
dan menampilkan
pesan “Maaf, Username
dan Password Anda
Salah!!”
Sesuai
harapan
Valid
5. Mengetikkan
Nama user dan
Password
dengan data
yang benar
kemudian klik
tombol login
Nama user:
Maghfiroh
Maulani
(benar)
Password:
11111111 (benar)
Sistem akan menerima
akses login
Sesuai
harapan
Valid
126
3.3.2. Spesifikasi Hardware dan Software
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang
dibutuhkan untuk mengimplementasi sistem informasi penjualan pakaian muslim wanita.
A. Spesifikasi Perangkat Keras
Spesifikasi perangkat keras yang penulis gunakan adalah :
1. Processor : Intel(R) Core(TM) i3-4005U CPU @ 1.70GHz (4 CPUs)
2. Memory : 4096MB RAM
3. Hard disk : 500 GB
4. Monitor : 14 “LED Display
5. Disk Drive : CD/DVD
6. Keyboard : 102 Keys
7. Printer : Brother
8. Mouse : Optical Mouse
B. Spesifikasi Perangkat Lunak
Spesifikasi perangkat keras yang penulis gunakan adalah :
1. Sistem Operasi : Windows 8.1
2. Program Design : Netbeans IDE 8.1
3. Bahasa Script : Java, Java Script, CSS
4. Aplikasi Pendukung : Enterprise Architect, Balsamiq Mockup 3, draw.io
5. Web Server : XAMPP v3.2.2
6. Web Browser : Mozilla Firefox, Google Chrome
7. Database : MySQL PhpMyAdmin