PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem
4.1.1. Analisa Kebutuhan
Setelah menganalisis sistem berjalan pada CV. Visca Busana, maka penulis merancang sistem sistem usulan terhadap pengolahan data penjualan produk dan stok barang yang merupakan perkembangan dari sistem yang sedang berjalan pada CV.
Visca Busana. sistem yang dirancang memiliki ciri-ciri dan alur sistem yang mirip dengan sistem sebelumnya sehingga karyawan dapat mengikuti sistem usulan ini dengan baik apabila diterapkan, namun terdapat beberapa perubahan di dalam tahapan-tahapan / prosedur-prosudernya dikarenakan sistem yang dirancang bersifat komputerisasi.
1. Halaman Front Page :
A1. Pelanggan dapat melakukan login
A2. Pelanggan dapat melakukan pendaftaran member
A3. Pelanggan dapat memilih menu lihat semua untuk melihat semua produk yang dijual
A4. Pelanggan dapat memilih menu info untuk melihat informasi cara berbelanja
A5. Pelanggan dapat memilih menu keranjang untuk melihat produk yang sudah dipilih
A6. Pelanggan dapat memilih menu beli untuk melakukan transaksi pembayaran
2. Halaman Administrator
B1. Admin dapat melakukan login
B2. Admin menginput data karyawan / admin B3. Admin dapat mengelola data produk
B4. Admin dapat mengelola info produk dan penjualan B5. Admin dapat melihat laporan / mencetak laporan 4.1.2. Rancangan Diagram Use Case
1. Use Case Diagram Halaman Pelanggan
Gambar IV.1.
Rancangan Use Case Halaman Pelanggan
Tabel IV.1. Deskripsi Usecase Diagram Login
Use Case Name
Login
Requirment A1
Goal Pelanggan dapat melakukan login
sebelum berbelanja
Pre-condition Pelanggan memilih menu login
Post-condition Tampil Form Login
Failed end condition Pelanggan tidak memilih menu login
Primary Actor Pelanggan
Main Flow / Basic Path 1. Pelanggan memilih menu login 2. Pelanggan mengisi username dan password
3. Jika proses login berhasil, sistem menampilkan halaman utama
Invariant -
Tabel IV.2. Deskripsi Usecase Diagram Pendaftaran Member
Use Case Name Pendaftaran Member
Requirment A2
Goal Pelanggan dapat melakukan
pendaftaran member
Pre-condition Pelanggan memilih menu login, Klik daftar
Post-condition Tampil Form Pendaftaran
Failed end condition Pelanggan tidak mengklik button daftar
Primary Actor Pelanggan
Main Flow / Basic Path 1.Pelanggan memilih menu login 2.Pelanggan mengklik daftar
3.Sistem menampilkan halaman daftar member
Invariant -
Tabel IV.3. Deskripsi Usecase Diagram Halaman Produk
Use Case Name Halaman Produk
Requirment A3
Goal Pelanggan dapat melihat semua jenis
produk
Pre-condition Pelanggan mengakses sistem penjualan
Produk CV Visca Busana
Post-condition Tampilan halaman produk
Failed end condition Pelanggan tidak memilih menu lihat semua
Primary Actor Pelanggan
Main Flow / Basic Path 1. Pelanggan mengakses sistem penjualan produk CV.Visca Busana
2. Pelanggan Memilih Menu Lihat Semua
3.Sistem Menampilkan Halaman Lihat Semua
Invariant -
Tabel IV.4. Deskripsi Usecase Diagram Halaman Info
Tabel IV.5. Deskripsi Usecase Diagram Halaman Menu Keranjang
Use Case Name Keranjang
Use Case Name Info
Requirment A1-A4
Goal Pelanggan dapat melihat info cara
berbelanja
Pre-condition Pelanggan memilih menu info
Post-condition Tampil Halaman Info
Failed end condition Pelanggan tidak memilih halaman info
Primary Actor Pelanggan
Main Flow / Basic Path 1. Pelanggan melakukan login 2. Pelanggan memilih menu info
3. Sistem menampilkan menu halaman info
Invariant -
Requirment A1-A5
Goal Pelanggan dapat melihat produk yang
sudah dipilih
Pre-condition Pelanggan memilih menu keranjang
Post-condition Tampil halaman menu keranjang
Failed end condition Pelanggan tidak memilih menu keranjang
Primary Actor Pelanggan
Main Flow / Basic Path 1. Pelanggan melakukan login
2. Pelanggan memilih menu keranjang untuk melihat produk yang dipilih sebelumnya
3.Sistem menampilkan halaman menu keranjang
Invariant -
Tabel IV.6. Deskripsi Usecase Diagram Pembelian
Use Case Name Pembelian
Requirment A1-A5-16
Goal Pelanggan dapat melakukan transaksi
pembelian
Pre-condition Pelanggan mengklik menu beli
Post-condition Tampil halaman transaksi pembelian
Failed end condition Pelanggan tidak mengklik menu beli
Primary Actor Use Pelanggan
Main Flow / Basic Path 1. Pelanggan melakukan login
2. Pelanggan memilih menu keranjang 3. Pelanggan mengklik menu beli
Invariant -
2.Use Case Diagram Halaman Admin
Gambar IV.2.
Rancangan Use Case Halaman Admin
Tabel IV.7. Deskripsi Usecase Diagram Login Admin
Use Case Name Beranda Login
Requirment B1
Goal Admin dapat melakukan login untuk masuk ke sistem
Pre-condition Admin memilih menu login
Post-condition Tampil halaman menu login
Failed end condition Admin tidak memilih menu login
Primary Actor Admin/Karyawan
Main Flow / Basic Path 1.Admin melakukan login
2.Admin mengisi username dan password
3.Jika proses login berhasil, sistem akan menampilkan halaman utama admin
Invariant -
Tabel IV.8. Deskripsi Usecase Diagram Input Data Petugas
Use Case Name Menginput Data Petugas
Requirment B2
Goal Admin menginput data login
Pre-condition Admin memilih menu input data
petugas
Post-condition Tampil halaman input data petugas
Failed end condition Admin tidak memilih menu input data petugas
Primary Actor Admin/Karyawan
Main Flow / Basic Path 1.Admin Melakukan login
2.Admin mengisi username dan password
3.Admin memilih menu input data 4.Admin menginput datanya
Invariant -
Tabel IV.9. Deskripsi Usecase Diagram Kelola Produk
Use Case Name Kelola Produk
Requirment B1-B3
Goal Admin mengelola data transaksi
produk
Pre-condition Admin memilih menu kelola transaksi
Post-condition Tampil halaman menu kelola transaksi Failed end condition Admin tidak memilih menu kelola
transaksi
Primary Actor Admin / Karyawan
Main Flow / Basic Path 1.Admin melakukan login
2.Admin memilih menu kelola Transaksi Produk
3.Admin mengelola transaksi
4.Admin menginput data transaksi produk
Invariant -
Tabel IV.10. Deskripsi Usecase Diagram Mengelola Info Penjualan
Use Case Name Mengelola Info Penjualan
Requirment B1-B4
Goal Admin mengelola info penjualan
Pre-condition Admin memilih menu info penjualan
Post-condition Tampil halaman menu info penjualan
Failed end condition Admin tidak memilih menu info penjualan
Primary Actor Admin / Karyawan
Main Flow / Basic Path 1.Admin melakukan login
2.Admin memilih menu info penjualan
3.Admin mengelola info penjualan
Invariant -
Tabel IV.11. Deskripsi Usecase Diagram Laporan
Use Case Name Laporan
Requirment B1-B5
Goal Admin mencetak laporan
Pre-condition Admin memilih menu laporan
Post-condition Tampil halaman menu laporan
Failed end condition Admin tidak memilih menu laporan
Primary Actor Admin / Karyawan
Main Flow / Basic Path 1.Admin melakukan login 2.Admin memilih menu laporan 3.Admin melihat laporan hasil penjualan
4.Admin mencetak laporan hasil penjualan
Invariant -
4.1.3. Rancangan Diagram Aktivitas 1.Activity Diagram Login
Gambar IV.3.
Activity Diagram Login
2.Activity Diagram Pembelian Produk
Gambar IV.4.
Activity Diagram Pembelian Produk
3.Activity Diagram Mengelola Verifikasi Pesanan
Gambar IV.5.
Activity Diagram Mengelola Pesanan
4.1.4. Rancangan Dokumen Sistem Usulan A. Rancangan Dokumen Masukan
1. Pesanann Masuk
Nama Dokumen : Pesanan Masuk
Fungsi : Sebagai bukti customer memesan barang Sumber : Customer / Pelanggan
Tujuan : Bagian Pemasaran
Media : Komputer
Frekuensi : Setiap customer memsan barang Bentuk : Lampiran A-3
2. Bukti Transfer
Nama Dokumen : Bukti Transfer
Fungsi : Sebagai bukti pembayaran Sumber : Customer / Pelanggan Tujuan : Bagian sales marketing
Media : Komputer
Frekuensi : Setiap customer melakukan pembayaran Bentuk : Lampiran A-4