BAB III PEMBAHASAN - Bina Sarana Informatika · Use Case Narrative Mengelola Data Produk Tujuan Mengelola data produk. Deskripsi Sistem ini untuk aktor mengelola data produk; menambah,

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


Menyimpan data produk ke basis 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.


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


data pelanggan Aksi Aktor Reaksi Sistem


pelanggan

Sistem akan menampilkan data pelanggan.

2. Aktor melihat data

memilih salah satu data

pelanggan

Sistem akan menampilkan salah satu data pelanggan yang

dipilih.



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


data kategori Aksi Aktor Reaksi Sistem


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



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


data penjualan Aksi Aktor Reaksi Sistem


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


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


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


data kontak kami Aksi Aktor Reaksi Sistem


kontak kami

Sistem akan menampilkan data kontak kami.


memilih salah satu data

kontak kami

Sistem akan menampilkan salah satu data kontak kami

yang dipilih.



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


konfirmasi pembayaran

Sistem akan menampilkan data konfirmasi pembayaran


memilih salah satu data konfirmasi pembayaran

Sistem akan menampilkan salah satu data konfirmasi

pembayaran yang dipilih.



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


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


data penjualan


penjualan dengan format PDF

6. Aktor memilih laporan pie chart penjualan

Sistem akan menampilkan dan mencetak laporan pie chart penjualan dengan format PDF


data kontak kami

Sistem akan menampilkan dan mencetak laporan data kontak

kami dengan format PDF


data konfirmasi

pembayaran


konfirmasi pembayaran dengan format PDF



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




penjualan dan mengelola laporan Skenario Utama

Aktor Owner

Kondisi Awal Aktor melakukan login dan mengakses halaman utama owner


1. Aktor mengakses

halaman login Owner




Sistem akan validasi login. Masuk ke sistem informasi penjualan sebagai Owner


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



laporan

Sistem akan menampilkan semua data-data laporan


data produk

Sistem akan menampilkan dan mencetak laporan data produk

dengan format PDF


data pelangan


pelangan dengan format PDF


data kategori

Sistem akan menampilkan dan mencetak laporan data kategori

dengan format PDF


data penjualan


penjualan dengan format PDF

6. Aktor memilih laporan pie chart penjualan

Sistem akan menampilkan dan mencetak laporan pie chart penjualan dengan format PDF


data kontak kami

Sistem akan menampilkan dan mencetak laporan data kontak

kami dengan format PDF


data konfirmasi

pembayaran


konfirmasi pembayaran dengan format PDF



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


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



tentang kami

Sistem akan menampilkan halaman tentang kami; profil

perusahaan



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



cara beli

Sistem akan menampilkan halaman cara membeli



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


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



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



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



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


1. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk

49


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



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


3. Aktor mengakses

halaman daftar untuk

pengunjung

4. Aktor mengisi form dan

melakukan pendaftaran

Sistem akan menampilkan halaman form daftar


Menyimpan data pelanggan baru ke dalam basis data


Sistem akan menampilkan halaman login untuk Masuk ke

sistem informasi penjualan pakaian muslim wanita


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




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




Sistem akan validasi login. Masuk ke sistem informasi penjualan sebagai Pelanggan


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


beranda

Sistem akan menampilkan halaman beranda; kategori produk,

produk terbaru dan cari kisaran harga


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



tentang kami

Sistem akan menampilkan halaman tentang kami; profil

perusahaan



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



cara beli

Sistem akan menampilkan halaman cara membeli



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



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


konfirmasi pembayaran Aksi Aktor Reaksi Sistem

55



Sistem akan

pembayaran

menampilkan halaman form konfirmasi

2. Aktor menambah



Menyimpan data konfirmasi pembayaran ke basis data



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


1. Aktor memilih belanja Sistem akan menampilkan halaman belanja pelanggan;

kategori produk, cari kisaran produk, cari produk


keranjang

Sistem akan menampilakan data produk berhasil ditambah ke

keranjang 3. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk



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


4. Aktor memilih lebih detail Sistem akan menampilkan halaman detail produk


keranjang

Sistem akan menampilkan halaman keranjang Anda

6. Aktor memilih produk

rekomendasi

Sistem akan menampilkan halaman detail produk lainnya



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


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



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


keranjang belanja Aksi Aktor Reaksi Sistem


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



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


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


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


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


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


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


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


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


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


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


Media : Komputer

Jumlah 1

Frekuensi : Setiap mencetak data produk


76

3. Nama Dokumen : Laporan Data Kategori

Fungsi : Untuk melihat data kategori keseluruhan

Sumber : Website


Media : Komputer

Jumlah 1

Frekuensi : Setiap mencetak data kategori


4. Nama Dokumen : Laporan Data Penjualan

Fungsi : Untuk melihat data penjualan keseluruhan

Sumber : Website


Media : Komputer

Jumlah 1

Frekuensi : Setiap mencetak data penjualan


5. Nama Dokumen : Laporan Data Kontak Kami

Fungsi : Untuk melihat data kontak kami keseluruhan

Sumber : Website


Media : Komputer

77

Jumlah 1

Frekuensi : Setiap mencetak data kontak kami


6. Nama Dokumen : Laporan Data Konfirmasi Pembayaran

Fungsi : Untuk melihat data konfirmasi pembayaran keseluruhan

Sumber : Website


Media : Komputer

Jumlah 1

Frekuensi : Setiap mencetak data konfirmasi pembayaran


7. Nama Dokumen : Pie Chart Laporan Penjualan

Fungsi : Untuk melihat data penjualan dengan pie chart

Sumber : Website


Media : Komputer

Jumlah 1

Frekuensi : Setiap mencetak data pie chart penjualan


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


Akses File : Random



Field key : id


Tabel III.30

Spesifikasi File Transaksi


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



Akses File : Random



Field key : id


Tabel III.31

Spesifikasi File Produk



+Auto Increment

2. Nama Produk nama_produk varchar 50

3. Harga harga float


5. Model Produk model varchar 50

6. Deskripsi deskripsi text


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



Akses File : Random



Field key : id


Tabel III.32

Spesifikasi File Keranjang



+Auto Increment

2. Id Pelanggan id_pelanggan varchar 11 Foreign Key

3. Id Produk produk_id int 4 Foreign Key


87

5. Spesifikasi File Kategori

Nama File : Kategori

Fungsi : Untuk mengolah data kategori



Akses File : Random



Field key : id_ kategori


Tabel III.33

Spesifikasi File Kategori


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



Akses File : Random



Field key : id_layar


Tabel III.34

Spesifikasi File Layar


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



Akses File : Random



Field key : id_konfirmasi


Tabel III.35

Spesifikasi File Konfirmasi


1. Id Konfirmasi id_ konfirmasi varchar 11 Primary Key

2. No Pesanan no_pesanan varchar 11 Foreign Key

3. Nama nama varchar 30


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



Akses File : Random



Field key : -


Tabel III.36

Spesifikasi File Kontak


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



Akses File : Random



Field key : id_prov


Tabel III.37

Spesifikasi File Provinsi


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



Akses File : Random



Field key : id_kota


Tabel III.38

Spesifikasi File Kota


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


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


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


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


login

dan menampilkan

pesan “Maaf,

Username

dan Password Anda

Salah!!”

Sesuai

harapan

Valid

5. Mengetikkan

Nama user dan

Password

dengan data

yang benar


Nama user

: owner

(benar)

Password:

owner

(benar)


akses login

Sesuai

harapan

Valid

125

3. Form Login Pelanggan

Tabel III.41

Hasil Pengujian Black Box Testing Form Login Pelanggan

No. Skenario

pengujian


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


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


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)


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

BAB III PEMBAHASAN - Bina Sarana Informatika · Use Case Narrative Mengelola Data Produk Tujuan Mengelola data produk. Deskripsi Sistem ini untuk aktor mengelola data produk; menambah,

Documents