BAB III PEMBAHASAN - Bina Sarana Informatika · Use Case Narrative Mengelola Data Produk Tujuan...

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

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

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

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

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

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.

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

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

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

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.

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.

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

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

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

C. Use Case Pengunjung

Gambar III.12

Use Case Pengunjung

1. Use Case Beranda Pengunjung

Gambar III.13

Use Case Beranda Pengunjung

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

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

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

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

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

D. Use Case Pelanggan

Gambar III.20

Use Case Pelanggan

1. Use Case Login Pelanggan

Gambar III.21

Use Case Login Pelanggan

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

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

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

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

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

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

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

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

3.1.3. Activity Diagram

A. Activity Diagram Admin

1. Activity Diagram Login Admin

Gambar III.31

Activity Diagram Login Admin

2. Activity Diagram Admin Mengelola Produk

Gambar III.32

Activity Diagram Admin Mengelola Produk

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

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

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

9. Activity Diagram Admin Mengelola Laporan

Gambar III.39

Activity Diagram Admin Mengelola Pelanggan

B. Activity Diagram Owner

1. Activity Diagram Login Owner

Gambar III.40

Activity Diagram Login Owner

2. Activity Diagram Owner Mengelola Laporan

Gambar III.41

Activity Diagram Owner Mengelola Laporan

C. Activity Diagram Pengunjung

1. Activity Diagram Daftar Pengunjung

Gambar III.42

Activity Diagram Daftar Pengunjung

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

3. Activity Diagram Mengakses Konfirmasi Pembayaran

Gambar III.45

Activity Diagram Mengakses Konfirmasi Pembayaran

4. Activity Diagram Belanja Pelanggan

Gambar III.46

Activity Diagram Belanja Pelanggan

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

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

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

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

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

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

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

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

2. Struktur Navigasi Owner

Gambar III.48

Struktur Navigasi Owner

3. Struktur Navigasi Pengunjung

Gambar III.49

Struktur Navigasi Pengunjung

4. Struktur Navigasi Pelanggan

Gambar III.50

Struktur Navigasi Pelanggan

3.2.2. Entity Diagram Relationship (ERD)

Gambar III.51

Entity Diagram Relationship (ERD)

3.2.3. Logical Record Structure (LRS)

Gambar III.52

Logical Record Structure (LRS)

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

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

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

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

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

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

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

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

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

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

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

b. User Interface Beranda Admin

Gambar III.54

User Interface Beranda Admin

c. User Interface Admin Mengelola Data Produk

Gambar III.55

User Interface Admin Mengelola Data Produk

d. User Interface Admin Mengelola Tambah Produk

Gambar III.56

User Interface Admin Mengelola Tambah Produk

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

g. User Interface Admin Mengelola Data Pelanggan

Gambar III.59

User Interface Admin Mengelola Data Pelanggan

h. User Interface Admin Melihat Data Pelanggan

Gambar III.60

User Interface Admin Melihat Data Pelanggan

i. User Interface Admin Mengelola Data Kategori

Gambar III.61

User Interface Admin Mengelola Data Kategori

j. User Interface Admin Mengelola Data Penjualan

Gambar III.62

User Interface Admin Mengelola Data Penjualan

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

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

o. User Interface Admin Mengelola Data Laporan

Gambar III.67

User Interface Admin Mengelola Data Laporan

p. User Interface Admin Melihat Situs

Gambar III.68

User Interface Admin Melihat situs

2. User Interface Owner

a. User Interface Login Owner

Gambar III.69

User Interface Login Owner

b. User Interface Beranda Owner

Gambar III.70

User Interface Beranda Owner

c. User Interface Owner Mengelola Laporan

Gambar III.71

User Interface Owner Mengelola Laporan

3. User Interface Pengunjung

a. User Interface Beranda Pengunjung

Gambar III.72

User Interface Beranda Pengunjung

b. User Interface Tentang Kami

Gambar III.73

User Interface Tentang Kami

c. User Interface Cara Beli

Gambar III.74

User Interface Cara Beli

d. User Interface Kontak Kami

Gambar III.75

User Interface Kontak Kami

e. User Interface Belanja Pengunjung

Gambar III.76

User Interface Belanja Pengunjung

f. User Interface Daftar Pengunjung

Gambar III.77

User Interface Daftar Pengunjung

4. User Interface Pelanggan

a. User Interface Masuk Pelanggan

Gambar III.78

User Interface Masuk Pelanggan

b. User Interface Beranda Pelanggan

Gambar III.79

User Interface Beranda Pelanggan

c. User Interface Belanja Pelanggan

Gambar III.80

User Interface Belanja Pelanggan

d. User Interface Detail Produk Pelanggan

Gambar III.81

User Interface Detail Produk Pelanggan

e. User Interface Keranjang Belanja Pelanggan

Gambar III.82

User Interface Keranjang Belanja Pelanggan

f. User Interface Transaksi

Gambar III.83

User Interface Transaksi

g. User Interface Transaksi Berhasil

Gambar III.84

User Interface Transaksi Berhasil

h. User Interface Konfirmasi Pembayaran

Gambar III.85

User Interface Konfirmasi Pembayaran

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

2. Mengetikkan

Nama user dan

Password

tidak diisi atau

kosong

kemudian klik tombol login

Nama user:

Password :

(kosong)

Sistem akan menolak

akses dan

menampilkan pesan

“Password masih

kosong!”

Sesuai

harapan

3. Nama user

tidak di isi

(kosong) dan

Password diisi

Nama user:

(kosong)

Password:

Sistem akan menolak

Akses dan

menampilkan pesan

“Username masih

kosong!”

Sesuai

harapan

4. Mengetikkan

salah satu

kondisi salah

pada Nama

user atau

Password

kemudian klik

tombol login

Nama user:

(benar)

Password:

(salah)

Sistem akan menolak

akses akan kembali

diarahkan ke halaman

dan menampilkan

pesan “Maaf, Username

dan Password Anda

Salah!!”

Sesuai

harapan

5. Mengetikkan

Nama user dan

Password

dengan data

yang benar

Nama user

: admin

(benar)

Password:

(benar)

Sistem akan menerima

akses login

Sesuai

harapan

2. Form Login Owner

Tabel III.40

Hasil Pengujian Black Box Testing Form Login Owner

No. Skenario

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

2. Mengetikkan

Nama user dan

Password

tidak diisi atau

kosong

kemudian klik

tombol login

Nama user:

Password :

(kosong)

Sistem akan menolak

akses dan

menampilkan pesan

“Password masih

kosong!”

Sesuai

harapan

3. Nama user

tidak di isi

(kosong) dan

Password diisi

kemudian klik

tombol login

Nama user:

(kosong)

Password:

Sistem akan menolak

Akses dan

menampilkan pesan

“Username masih

kosong!”

Sesuai

harapan

4. Mengetikkan

salah satu

kondisi salah

pada Nama

user atau

Password

kemudian klik

tombol login

Nama user:

(benar)

Password:

(salah)

Sistem akan menolak

akses akan kembali

dan menampilkan

pesan “Maaf,

Username

dan Password Anda

Salah!!”

Sesuai

harapan

5. Mengetikkan

Nama user dan

Password

dengan data

yang benar

Nama user

: owner

(benar)

Password:

(benar)

akses login

Sesuai

harapan

3. Form Login Pelanggan

Tabel III.41

Hasil Pengujian Black Box Testing Form Login Pelanggan

No. Skenario

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

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

3. Nama user

tidak di isi

(kosong) dan

Password diisi

Nama user:

(kosong)

Password:

Sistem akan menolak

Akses dan

menampilkan pesan

“Username masih

kosong!”

Sesuai

harapan

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

dan menampilkan

pesan “Maaf, Username

dan Password Anda

Salah!!”

Sesuai

harapan

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

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...

Documents

Transcript of BAB III PEMBAHASAN - Bina Sarana Informatika · Use Case Narrative Mengelola Data Produk Tujuan...

Mengelola Lini Produk Dan Merek

BAB 1 - Bina Sarana Informatika...Mengelola Data Ujian 8. Mengelola Nilai Ujian 9. Mengelola Pembayaran 10. Mengelola Data Buku 11. Mengelola Pengumuman 12. Mengelola Profile b) Skenario

THESIS Perencanaan Peningkatan Kualitas Produk Data ...

Mengelola Bauran dan Lini Produk

Mengelola Bauran Dan Lini Produk Kelompok 1

Panduan Lengkap Mengelola Data Excel 2013 · Title: Panduan Lengkap Mengelola Data Excel 2013 Author: Yudhy Wicaksono Subject: Penggunaan Excel 2013 yang semakin luas saat ini menjadi

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · RANCANGAN SISTEM DAN PROGRAM USULAN ... Pre-conditions Administrator akan mengelola data produk, kategori, ... Organisasi File: Random

SISTEM INFORMASI PENJUALAN TUNAI OBAT DAN PRODUK …dll.pdf · penjualan tunai seperti data produk, data outlet, data jenis produk dan data supplier. Sehingga dapat dihasilkan proses

Mengelola data dan informasi

IDENTIFIKASI DATA BASE KEPENDUDUKAN SEBAGAI PRODUK ...

BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id file42 Tabel IV.2 Deskripsi Use Case Mengelola Data Kunjungan Use Case Mengelola Data Kunjungan Requirement Admin posyandu mengelola

ABSTRAK - repository.maranatha.edu filedalam mengelola data karyawan, penggajian, laporan keuangan, juga mengelola data pengiriman barang pada perusahaan CV Galung Mas Cargo. Bahasa

Mengelola Sumber Data

KUALITAS PRODUK DAN INOVASI PRODUK DI ...kc.umn.ac.id/1418/7/HALAMAN AWAL.pdfkemampuan setiap seorang manajer dalam mengelola dan menerapkan strategi bisnis pada restoran mereka. Salah

BAB III PEMBAHASAN · A. Skenario Kebutuhan Admin Pendaftaran: 1. Mengelola data pasien baru 2. Mengelola data pasien yang sudah terdaftar 3. Mengelola dan mengakses pembayaran pasien

PRODUK DATA INDERAJA UNTUK MENDUKUNG SISTEM …

SISTEM INFORMASI PENGELOLAAN DATA REKAM MEDIS … · 2016-08-24 · Oleh karena itu diperlukan suatu sistem informasi yang mampu mengelola data pasien, data pendaftaran, data rekam

jdih.padang.go.idjdih.padang.go.id/po-content/uploads/9613 Tahun 2004.pdfa. rrEngurnptAkan, mengelola data dan informesi sert penyajan bahan-bahan yang DRD; b. mer:gatur tan mengelola

Microsoft Excel Mengelola Data - Satria, Tulung, Sandhika, Rudi - SMP Kristen Elkana Pasuruan

BAB IV PERANCANGAN SISTEM USULAN...Membuat Kartu Berobat 2. Skenario Kebutuhan Dokter a. Mengelola data Pengobatan Mata b. Mengelola data Buku Dokter c. Mengelola data Resep Obat d.