ANALISA DAN PERANCANGAN SISTEM
Gambar III. 2 Diagram Use Case Staff Bagian Penjualan
Dalam Diagram Use Case tersebut, terdapat 2 aktor utama yang akan menjadi pengguna dari sistem, yaitu :
1. Staff Bagian Pembelian
2. Staff Bagian Penjualan
Dalam Diagram Use Case Staff Pembelian terdapat 2 package yaitu Package Kelola Data Pemasok dan Kelola Data Master Barang. Adapun detail dari
Package Use Case tersebut adalah sebagai berikut : Package Use Case Kelola Data Pemasok
Staff Pembelian
Catat Data Pemasok
Ubah Data Pemasok
Hapus Data Pemasok
Kelola Data Pemasok
Gambar III. 3 Package Use Case Kelola Data Pemasok
Package Use Case Kelola Data Master Barang
Staff Pembelian
Catat Data Master Barang
Ubah Data Master Barang
Hapus Data Master Barang
Kelola Data Master Barang
Gambar III. 4 Package Use Case Kelola Data Master Barang
III.5.1.2 Use Case Naratif
Nama Use Case : Login Nama Use case
Login ID use case
U-001
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian, Staff Penjualan
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff pembelian dan
staff penjualan melakukan login ke dalam sistem.
Pra-kondisi Staff pembelian dan staff penjualan telah masuk
kedalam sistem dan ingin melakukan pengelolaan dalam sistem.
Pemicu Staff pembelian dan staff penjualan harus melakukan
login sebelum memasuki sistem.
Langkah umum
Aksi aktor Respon sistem
Step 1 : Staff pembelian dan
staff penjualan
menekan menu
login yang telah disediakan
oleh sistem. Step
2 :
sistem menampilkan
tampilan untuk
mengisikan username dan password.
Step 3 : Staff pembelian dan
staff penjualan
mengisikan username dan password.
Step 4 : Staff pembelian dan
staff penjualan
melakukan submit atas login yang dilakukan.
Step 5 : sistem akan menampung
username dan
password yang
dimasukkan oleh staff pembelian
dan staff
penjualan. Step 6 : Sistem akan
menampilkan konfirmasi login.
Langkah alternatif Alt. Step 3 : Jika username atau password salah,
sistem menampilkan pesan error dan user harus login
kembali. Alt. Step 6 : Sistem akan menampilkan pesan eror
jika username dan password tidak sesuai dengan database.
Kesimpulan Use case ini selesai jika sistem menampilkan halaman
utama dari sistem menurut aktifasi login.
Pasca kondisi Staff pembelian dan staff penjualan berada pada
halaman utama bagian pembelian.
Nama Use Case : Catat Data Pemasok Nama Use case
Catat Data Pemasok ID use case
U-002
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder
-
Deskripsi Use case ini menggambarkan staff pembelian
melakukan pencatatan data pemasok.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu catat pemasok
Pemicu Ada data pemasok yang harus ditambahkan.
Langkah umum
Aksi aktor Respon sistem
Step 1 : Staff pembelian menekan menu tambah
data pemasok yang telah disediakan oleh sistem.
Step 2
: sistem
menampilkan tampilan
untuk mengisikan data pemasok.
Step 3 : Staff pembelian mengisikan
data pemasok.
Step 4 : Staff pembelian Step 5 : sistem akan
melakukan submit atas data yang dimasukkan.
memasukkan data
pemasok yang
dimasukkan oleh staff pembelian
ke dalam
database. Step 6 : Sistem akan
menampilkan konfirmasi atas data pemasok yang
berhasil disimpan.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
mengisikan data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil ditambahkan.
Kesimpulan
Use case ini selesai jika staff pembelian telah selesai menambahkan data pemasok atau batal melakukan
penambahan.
Pasca kondisi Data pemasok telah berhasil dicatat dan ditambahkan
ke dalam database.
Nama Use Case : Ubah Data Pemasok Nama Use case
Ubah Data Pemasok ID use case
U-003
Prioritas Tinggi
Pelaku bisnis utama
Staff Pembelian
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff pembelian
melakukan pengubahan data pemasok.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu ubah pemasok
Pemicu Ada data pemasok yang harus diubah.
Langkah umum
Aksi aktor Respon sistem
Step 1 : Staff pembelian menekan menu ubah data
pemasok yang
telah disediakan oleh sistem.
Step 2
: sistem
menampilkan tampilan
untuk mengubah
data pemasok.
Step 3 : Staff pembelian mengubah data pemasok.
Step 4 : Staff pembelian melakukan submit atas
data yang telah diubah. Step 5 : sistem akan
mengupdate data
pemasok yang
telah diubah
oleh staff
pembelian ke
dalam database.
Step 6 : Sistem akan menampilkan konfirmasi
atas data pemasok yang berhasil diubah.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
mengubah data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil diubah.
Kesimpulan Use case ini selesai jika staff pembelian telah selesai
mengubah data pemasok atau batal melakukan
pengubahan.
Pasca kondisi Data pemasok dalam database telah berhasil diubah.
Nama Use Case : Hapus Data Pemasok Nama Use case
Hapus Data Pemasok ID use case
U-004
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff pembelian
melakukan penghapusan data pemasok.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu hapus pemasok
Pemicu
Ada data pemasok yang harus dihapus.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu hapus data pemasok yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
tampilan untuk menghapus data
pemasok. Step 3 : Staff pembelian
memilih data pemasok yang akan dihapus.
Step 4 : Staff pembelian menghapus
data pemasok.
Step 5 : sistem akan menghapus data pemasok
yang telah dipilih oleh staff pembelian
Step 6 : Sistem akan menampilkan konfirmasi
atas data pemasok yang
berhasil dihapus
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal menghapus
data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal menghapus
dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil dihapus.
Kesimpulan Use case ini selesai jika staff pembelian telah selesai
mennghapus data pemasok atau batal menghapus data pemasok.
Pasca kondisi Data pemasok telah berhasil dihapus dari dalam
database.
Nama Use Case : Catat Pembelian Nama Use case
Catat Pembelian ID use case
U-005
Prioritas Tinggi
Pelaku bisnis utama
Staff Pembelian
Pelaku bisnis Sekunder
-
Deskripsi Use case ini menggambarkan staff pembelian
melakukan pencatatan
pembelian barang
dari pemasok.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu catat pembelian.
Pemicu Ada data pembelian yang harus ditambahkan.
Langkah umum Aksi actor
Respon sistem Step 1 : Staff pembelian
menekan menu
catat Step
2 :
sistem menampilkan
tampilan
pembelian yang
telah disediakan oleh sistem.
untuk mengisikan data pembelian.
Step 3 : Staff pembelian mengisikan
data pembelian barang.
Step 4 : Staff pembelian melakukan submit atas
data yang dimasukkan. Step 5 : sistem akan
memasukkan data
pembelian barang yang dimasukkan oleh staff
pembelian ke
dalam database.
Step 6 : Sistem akan menampilkan konfirmasi
atas data pembelian yang berhasil disimpan.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
mengisikan data pembelian dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pembelian tidak berhasil ditambahkan.
Kesimpulan
Use case ini selesai jika staff pembelian telah selesai menambahkan data pembelian atau batal melakukan
penambahan.
Pasca kondisi Data
pembelian telah
berhasil dicatat
dan ditambahkan ke dalam database.
Nama Use Case : Catat Retur Pembelian Nama Use case
Catat Retur Pembelian
ID use case U-006
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder -
Deskripsi
Use case ini menggambarkan staff pembelian melakukan pencatatan data barang yang akan diretur
ke pemasok.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu catat retur pembelian.
Pemicu Ada data barang diretur yang harus ditambahkan.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu catat retur pembelian
yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
tampilan untuk mengisikan data
barang yang akan diretur. Step 3 : Staff pembelian
mengisikan data barang yang akan diretur.
Step 4 : Staff pembelian melakukan submit atas
data yang dimasukkan. Step 5 : sistem akan
memasukkan data barang yang akan diretur yang
dimasukkan oleh staff pembelian
ke dalam
database. Step 6 : Sistem akan
menampilkan konfirmasi atas data barang yang
akan diretur yang berhasil disimpan.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
mengisikan data retur pembelian dan memilih menu lain.
Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke
halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror
apabila data barang yang akan diretur tidak berhasil ditambahkan.
Kesimpulan
Use case ini selesai jika staff pembelian telah selesai menambahkan data barang yang diretur atau batal
melakukan penambahan.
Pasca kondisi Data barang yang akan diretur telah berhasil dicatat
dan ditambahkan ke dalam database.
Nama Use Case : Cetak Laporan Pembelian Nama Use case
Cetak Laporan Pembelian ID use case
U-007
Prioritas Tinggi
Pelaku bisnis utama
Staff Pembelian
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff pembelian
mencetak laporan pembelian.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu cetak laporan pembelian.
Pemicu
Staff pembelian ingin mencetak laporan pembelian.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu
lihat Step
2 :
sistem menampilkan
laporan
laporan pembelian yang telah
disediakan oleh
sistem. pembelian pada layar.
Step 3 : Staff pembelian menekan tombol cetak
laporan pembelian.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal mencetak
laporan pembelian dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Kesimpulan
Use case ini selesai jika staff pembelian telah mencetak laporan pembelian.
Pasca kondisi
Laporan pembelian telah berhasil dicetak.
Nama Use Case : Cek Stok Barang Nama Use case
Cek Stok Barang ID use case
U-008
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder
-
Deskripsi
Use case ini menggambarkan staff pembelian melakukan pengecekan stok barang.
Pra-kondisi
Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan
memilih menu cek stok barang
Pemicu Staff pembelian ingin mengecek persediaan barang.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu cek stok barang
yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
informasi stok barang.
Langkah alternatif Alt. Step 1 : Jika staff pembelian batal melakukan
pengecekan stok barang atau menekan menu lain.
Kesimpulan
Use case ini selesai jika informasi stok barang telah ditampilkan.
Pasca kondisi
Sistem menampilkan informasi stok barang kepada staff pembelian.
Nama Use Case : Tambah Data Master Barang Nama Use case
Tambah Data Master Barang ID use case
U-009
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff pembelian
menambah data master barang.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu tambah data master barang dibawah
menu cek stok barang.
Pemicu
Ada data barang baru yang akan ditambahkan
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu tambah barang
yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
tampilan untuk menambah data
barang Step 3 : Staff pembelian
menekan tombol tambah data barang
Step 5 : sistem akan memasukkan data barang
yang telah ditambah oleh staff pembelian
Step 6 : Sistem akan
menampilkan konfirmasi atas data barang yang
berhasil ditambahkan.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
tambah data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal ditambahkan
Kesimpulan Use case ini selesai jika data barang telah berhasil
ditambah
Pasca kondisi Data barang dalam database telah berhasil ditambah
Nama Use Case : Ubah Data Master Barang Nama Use case
Ubah Data Master Barang ID use case
U-010
Prioritas Tinggi
Pelaku bisnis utama
Staff Pembelian
Pelaku bisnis Sekunder
-
Deskripsi Use case ini menggambarkan staff pembelian
mengubah data master barang.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu ubah data master barang dibawah
menu cek stok barang.
Pemicu Ada data barang baru yang akan diubah
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff pembelian
menekan menu ubah data Step
2 :
sistem menampilkan
tampilan
barang yang
telah disediakan oleh sistem.
untuk mengubah
data barang
Step 3 : Staff pembelian menekan tombol ubah
data barang Step 5 : sistem akan
mengubah data barang sesuai dengan input dari
staff pembelian Step 6 : Sistem akan
menampilkan konfirmasi atas data barang yang
berhasil diubah.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
ubah data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal diubah
Kesimpulan Use case ini selesai jika data barang telah berhasil
diubah
Pasca kondisi Data barang dalam database telah berhasil diubah
Nama Use Case : Hapus Data Barang Nama Use case
Hapus Data Master Barang ID use case
U-011
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian
Pelaku bisnis Sekunder
-
Deskripsi Use case ini menggambarkan staff pembelian
menghapus data master barang.
Pra-kondisi Staff pembelian berada pada halaman utama bagian
pembelian setelah melakukan proses login dan memilih menu hapus data master barang dibawah
menu cek stok barang.
Pemicu Ada data barang baru yang akan dihapus
Langkah umum
Aksi aktor Respon sistem
Step 1 : Staff pembelian menekan menu hapus
barang yang
telah disediakan oleh sistem.
Step 2
: sistem
menampilkan tampilan
untuk menghapus data barang
Step 3 : Staff pembelian memilih data yang akan
dihapus
Step 4 : Staff pembelian menghapus data pemasok
Step 5 : sistem akan menghapus data barang
dari dalam database Step 6 : Sistem akan
menampilkan konfirmasi atas data barang yang
berhasil dihapus.
Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan
hapus data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal menghapus
data barang dan menekan tombol batal akan kembali ke halaman utama staff pembelian.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal dihapus
Kesimpulan Use case ini selesai jika data barang telah berhasil
dihapus
Pasca kondisi
Data barang dalam database telah berhasil dihapus
Nama Use Case : Catat Penjualan Nama Use case
Catat Penjualan ID use case
U-012
Prioritas Tinggi
Pelaku bisnis utama Staff Penjualan
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff penjualan
melakukan pencatatan data penjualan barang.
Pra-kondisi Staff penjualan berada pada halaman utama bagian
penjualan setelah melakukan proses login dan memilih menu catat penjualan.
Pemicu Ada data penjualan yang harus ditambahkan.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff penjualan
menekan menu
catat penjualan
yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
tampilan untuk mengisikan data
penjualan. Step 3 : Staff penjualan
mengisikan data
penjualan barang. Step 4 : Staff penjualan
melakukan submit atas data yang dimasukkan.
Step 5 : sistem akan memasukkan
data penjualan barang yang
dimasukkan oleh staff penjualan
ke dalam
database. Step 6 : Sistem akan
menampilkan konfirmasi atas data penjualan yang
berhasil disimpan.
Langkah alternatif Alt. Step 3 : Jika staff penjualan batal melakukan
mengisikan data penjualan dan memilih menu lain. Alt. Step 4 : Jika staff penjualan batal melakukan
submit dan menekan tombol batal akan kembali ke halaman utama staff penjualan.
Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data penjualan tidak berhasil ditambahkan.
Kesimpulan Use case ini selesai jika staff penjualan telah selesai
menambahkan data pembelian atau batal melakukan penambahan.
Pasca kondisi Data penjualan telah berhasil dicatat dan ditambahkan
ke dalam database.
Nama Use Case : Cetak Laporan Penjualan Nama Use case
Cetak Laporan Penjualan ID use case
U-013
Prioritas Tinggi
Pelaku bisnis utama Staff Penjualan
Pelaku bisnis Sekunder
-
Deskripsi
Use case ini menggambarkan staff penjualan mencetak laporan penjualan.
Pra-kondisi
Staff penjualan berada pada halaman utama bagian penjualan setelah melakukan proses login dan
memilih menu cetak laporan penjualan.
Pemicu Staff penjualan ingin mencetak laporan penjualan.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff penjualan
menekan menu
cetak laporan penjualan yang
telah disediakan
oleh Step
2 :
Sistem menampilkan
laporan penjualan pada layar.
sistem. Step 3 : Staff penjualan
menekan tombol cetak laporan penjualan.
Langkah alternatif
Alt. Step 3 : Jika staff penjualan batal mencetak laporan penjualan dan menekan tombol batal akan
kembali ke halaman utama staff penjualan.
Kesimpulan Use case ini selesai jika staff penjualan telah
mencetak laporan penjualan.
Pasca kondisi Laporan penjualan telah berhasil dicetak.
Nama Use Case : Cek Stok Barang Nama Use case
Cek Stok Barang ID use case
U-014
Prioritas
Tinggi
Pelaku bisnis utama Staff Penjualan
Pelaku bisnis Sekunder -
Deskripsi Use case ini menggambarkan staff penjualan
melakukan pengecekan stok barang.
Pra-kondisi Staff penjualan berada pada halaman utama bagian
penjualan setelah melakukan proses login dan memilih menu cek stok barang
Pemicu Staff penjualan ingin mengecek persediaan barang.
Langkah umum Aksi aktor
Respon sistem Step 1 : Staff penjualan
menekan menu cek stok barang
yang telah
disediakan oleh sistem. Step
2 :
sistem menampilkan
informasi stok barang.
Langkah alternatif
Alt. Step 1 : Jika staff penjualan batal melakukan pengecekan stok barang atau menekan menu lain.
Kesimpulan Use case ini selesai jika informasi stok barang telah
ditampilkan.
Pasca kondisi
Sistem menampilkan informasi stok barang kepada staff penjualan.
Nama Use Case : Logout
Nama Use case Logout
ID use case U-015
Prioritas Tinggi
Pelaku bisnis utama Staff Pembelian, Staff Penjualan
Deskripsi Use case ini menggambarkan Staff Pembelian dan
Staff Penjualan melakukan logout keluar dari sistem. Pra-kondisi
Aktor berada pada halaman utama staff pembelian atau staff penjualan dan telah selesai melakukan
aktifitas dalam sistem. Pemicu
Aktor harus melakukan logout agar sistem tertutup dan data dalam database aman.
Langkah umum Aksi aktor
Respon sistem Step 1 : Aktor memilih
logout. Step 2 : Sistem menutup
tampilan halaman utama staff pembelian atau staff
penjualan dan kembali ke halaman index.
Kesimpulan Use case ini selesai jika sistem telah keluar dari
halaman utama staff pembelian atau staff penjualan. Pasca kondisi
Aktor keluar dari halaman utama staff pembelian atau staff penjualan dan kembali ke halaman indeks.
III.5.2 Diagram Aktivitas
III.5.2.1 Diagram Aktivitas Use Case Login Pengguna
masukkan username dan password
menekan tombol batal menekan tombol login
kembali ke halaman login mencocokkan username dan password dengan database
menampilkan halaman utama staff menampilkan informasi gagal login
halaman login
batal login
tidak cocok cocok
user sistem
Gambar III. 5 Diagram Aktivitas Use Case Login Pengguna
III.5.2.2 Diagram Aktivitas Use Case Tambah Data Pemasok
halaman utama staff pembelian
klik menu tambah pemasok
mengisi data pemasok
kembali ke halaman utama staff pembelian tekan tombol setuju
simpan masukan ke dalam database
user sistem
batal setuju
Gambar III. 6 Diagram Aktivitas Use Case Tambah Data Pemasok
III.5.2.3 Diagram Aktivitas Use Case Ubah Data Pemasok
halaman utama staff pembelian
klik menu ubah pemasok
mengubah data pemasok
kembali ke halaman utama staff pembelian tekan tombol setuju
simpan masukan ke dalam database
user sistem
batal setuju
Gambar III. 7 Diagram Aktivitas Use Case Ubah Data Pemasok
III.5.2.4 Diagram Aktivitas Use Case Hapus Data Pemasok
halaman utama staff pembelian
klik menu hapus pemasok
menghapus data pemasok
kembali ke halaman utama staff pembelian tekan tombol setuju
data dihapus dari dalam database
user sistem
batal setuju
Gambar III. 8 Diagram Aktivitas Use Case Hapus Data Pemasok
III.5.2.5 Diagram Aktivitas Use Case Catat Pembelian
Halaman utama staff pembelian
klik menu catat pembelian
mengisi data pembelian
kembali ke halaman utama staff pembelian tekan tombol setuju
simpan masukan ke dalam database
user sistem
batal setuju
Gambar III. 9 Diagram Aktivitas Use Case Catat Pembelian
III.5.2.6 Diagram Aktivitas Catat Retur Pembelian
user sistem
halaman utama staff pembelian
klik tombol catat retur pembelian
mengisi data retur pembelian
kembali ke halaman Utama staff pembelian
tekan tombol setuju
simpan masukan ke dalam database batal
setuju
Gambar III. 10 Diagram Aktivitas Use Case Catat Retur Pembelian
III.5.2.7 Diagram Aktivitas Use Case Cetak Laporan Pembelian
halaman utama staff pembelian
menekan tombol batal menekan tombol cetak
memroses data pembelian dari database
menampilkan laporan pembelian
mencetak laporan pembelian
user sistem
batal setuju
kembali ke halaman utama staff pembelian
tekan tombol lihat laporan pembelian
Gambar III. 11 Diagram Aktivitas Use Case Cetak Laporan Pembelian
III.5.2.8 Diagram Aktivitas Use Case Cek Stok Barang Staff Pembelian
halaman utama staff pembelian
tekan tombol cek stok barang
menampilkan informasi stok barang
user sistem
Gambar III. 12 Diagram Aktivitas Use Case Cek Stok Barang Staff Pembelian
III.5.2.9 Diagram Aktivitas Use Case Tambah Data Master Barang Staff
Pembelian
halaman utama staff pembelian
tekan menu tambah data master barang
kembali ke halaman utama staff pembelian
tekan tombol setuju
simpan masukan ke dalam database
user sistem
setuju batal
mengisi data master barang
Gambar III. 13 Diagram Aktivitas Use Case Tambah Data Master Barang Staff Pembelian
III.5.2.10 Diagram Aktivitas Use Case Ubah Data Master Barang Staff
Pembelian
halaman utama staff pembelian
tekan menu ubah data master barang
kembali ke halaman utama staff pembelian
tekan tombol setuju
simpan masukan ke dalam database
user sistem
setuju batal
mengubahi data master barang
Gambar III. 14 Diagram Aktivitas Use Case Ubah Data Master Barang Staff Pembelian
III.5.2.11 Diagram Aktivitas Use Case Hapus Data Master Barang Staff
Pembelian
halaman utama staff pembelian
tekan menu hapus data master barang
kembali ke halaman utama staff pembelian
tekan tombol hapus
data barang terhapus dari dalam database
user sistem
setuju batal
menghapus data master barang
Gambar III. 15 Diagram Aktivitas Use Case Hapus Data Master Barang Staff Pembelian
III.5.2.12 Diagram Aktivitas Use Case Catat Penjualan
Halaman utama staff penjualan
klik menu catat penjualan
mengisi data penjualan
kembali ke halaman utama staff penjualan tekan tombol setuju
simpan masukan ke dalam database
user sistem
batal setuju
Gambar III. 16 Diagram Aktivitas Use Case Catat Penjualan
III.5.2.13 Diagram Aktivitas Use Case Cetak Laporan Penjualan
halaman utama staff penjualan
menekan tombol batal menekan tombol cetak
memroses data penjualan dari database
menampilkan laporan penjuaian
mencetak laporan penjualan
user sistem
batal setuju
kembali ke halaman utama staff penjualan
tekan tombol lihat laporan penjualan
Gambar III. 17 Diagram Aktivitas Use Case Cetak Laporan Penjualan
III.5.2.14 Diagram Aktivitas Use Case Cek Stok Barang Staff Penjualan
halaman utama staff penjualan
tekan tombol cek stok barang
menampilkan informasi stok barang
user sistem
Gambar III. 18 Diagram Aktivitas Use Case Cek Stok Barang Staff
Penjualan
III.5.2.15 Diagram Aktivitas Use Case Logout Pengguna
halaman utama staff
menutup sistem
user sistem
klik tombol logout
Gambar III. 19 Diagram Aktivitas Use Case Logout Pengguna
III.5.3 Diagram Konteks
Sistem Informasi Toko Retail Staff Pembelian
Staff Penjualan
data barang data pemasok
data pembelian data retur pembelian
informasi stok barang informasi pemasok
informasi pembelian informasi retur pembelian
berkas laporan pembelian data barang
data penjualan
informasi stok barang informasi penjualan
berkas laporan penjualan
Gambar III. 20 Diagram Konteks
III.5.4 Diagram Berjenjang
Sistem Informasi Toko
Retail
Proses Pembelian
2
Proses Penjualan
3 Login
1p Logout
4p
Kelola Data Pemasok
2.1p
Catat Pembelian
2.2p
Catat Retur Pembelian
2.3p
Cetak Laporan
Pembelian
2.4p
Cek Stok Barang
2.5p
Kelola Data Master
Barang
2.6p
Catat Penjualan
3.1p
Cetak Laporan
Penjualan
3.2p
Cek Stok Barang
3.3p
Gambar III. 21 Diagram Berjenjang
III.5.5 Perancangan Database
III.5.5.1 Diagram ER
Gambar III. 22 Diagram ER
III.5.5.2 Perancangan Tabel
Tabel III. 1 Tabel Barang
Nama Field Tipe
Ukuran Keterangan
kode_barang
Varchar
10 kode barang
nama_barang
Varchar
50 nama barang
satuan
Decimal
10 satuan barang
stok
Decimal
10 stok barang
Tabel III. 2 Tabel Pemasok
Nama Field Tipe
Ukuran Keterangan
kode_pemasok
int
15 kode pemasok
nama_pemasok
varchar
50 nama pemasok
alamat
varchar
50 alamat pemasok
telepon
decimal
15 telepon pemasok
Tabel III. 3 Tabel Pembelian
Nama Field Tipe
Ukuran Keterangan
nomor_faktur
varchar
10 nomor faktur
pembelian total
decimal
10 total pembelian
tgl_masuk
date
- tanggal pembelian
userid
varchar
5 User id pengguna
Tabel III. 4 Tabel Detail Pembelian
Nama Field Tipe
Ukuran Keterangan
nama_barang
varchar
50 nama barang
nomer_faktur
varchar
10 nomor faktur
pembelian kode_barang
varchar 10
kode barang
harga_beli
decimal 10
harga beli barang jumlah
decimal 10
jumlah barang dibeli subtotal
decimal 10
total bayar barang dibeli
Tabel III. 5 Tabel Penjualan
Nama Field Tipe
Ukuran Keterangan
nomer_nota
varchar
10 nomor nota
penjualan total_bayar
decimal
10 total pembayaran
penjualan tgl_nota
date
tanggal nota penjualan
userid
varchar
5 User id pengguna
Tabel III. 6 Tabel Detail Penjualan
Nama Field Tipe
Ukuran Keterangan
kode_barang
varchar
10 kode barang
nomor_nota
varchar
10 nomor nota
penjualan harga_jual
decimal 10
harga barang dijual
jumlah
decimal 10
jumlah barang dijual
subtotal
decimal 10
total bayar barang dijual
Tabel III. 7 Tabel Retur Pembelian
Nama Field Tipe
Ukuran Keterangan
no_retur
varchar
10 nomor retur barang
tgl_retur
date
- tanggal pereturan barang
kode_barang
varchar 10
kode_barang nama_barang
varchar 50
nama_barang jumlah_barang
decimal
10 jumlah barang rusak
Tabel III. 8 Tabel Pengguna
Nama Field Tipe
Ukuran Keterangan
userid
varchar
20 nomor id pegawai
password
varchar
20 password
nama_pegawai
varchar 50
nama pegawai level
varchar 10
level pegawai
III.5.6 Identifikasi Perilaku dan Respon Sistem Dengan Sequence Diagram
III.5.6.1 Sequence Diagram Untuk Login PenggunaAdministrator
: user : halaman
login : login logout
handler pengguna
: halaman utama
1: user login 2: proses_
loginusername,password 3:
proses_loginusername,pass word
4: data valid 5:
session_registerusername,pass word
6: tampilan halaman utama
1: batal login 2: reset
Alt-step user batal login
Alt-step user gagal login 4: data tidak valid
6a: tampilan pesan eror
6b: tampilan halaman login
Gambar III. 23 Sequence Diagram Use Case Login
III.5.6.2 Sequence Diagram Untuk Use Case Catat Pemasok
: user : halaman
utama : tambah pemasok
handler : pemasok
: halaman catat pemasok
1: catat data pemasok
2: form_tambah_pemasokkode,nama,alamat,telepon
5: sukses catat data pemasok
6: tampilan pesan sukses catat data pemasok
1: batal mencatat data pemasok
2: reset
3: tampilan halaman utama 3: proses_tambahpemasokkode,nama,alamat,telepon
Alt-step user batal mencatat data pemasok 4: proses_tambahpemasokkode,nama,alamat,telepon
Gambar III. 24 Sequence Diagram Use Case Catat Pemasok
III.5.6.3 Sequence Diagram Untuk Use Case Ubah Pemasok
: user : halaman
utama : ubah pemasok
handler : pemasok
: halaman ubah pemasok
1: ubah data pemasok
2: form_ubah_pemasokkode,nama,alamat,telepon
5: sukses ubah data pemasok
6: tampilan pesan sukses ubah data pemasok
1: batal mengubah data pemasok
2: reset
3: tampilan halaman utama 3: proses_ubahpemasokkode,nama,alamat,telepon
Alt-step user batal mengubah data pemasok 4: proses_ubahpemasokkode,nama,alamat,telepon
Alt-step user gagal mengubah data pemasok
Gambar III. 25 Sequence Diagram Use Case Ubah Pemasok
III.5.6.4 Sequence Diagram Untuk Use Case Ubah Pemasok
: user : halaman
utama : hapus pemasok
handler : pemasok
: halaman hapus pemasok
1: hapus data pemasok
2: form_hapus_pemasokkode,nama,alamat,telepon
5: sukses hapus data pemasok
6: tampilan pesan sukses hapus data pemasok
1: batal menghapus data pemasok
2: reset
3: tampilan halaman utama 3: hapus_pemasokkode,nama,alamat,telepon
Alt-step user batal menghapus data pemasok 4: hapus_pemasokkode,nama,alamat,telepon
Alt-step user gagal menghapus data pemasok
Gambar III. 26 Sequence Diagram Use Case Hapus Pemasok
III.5.6.5 Sequence Diagram Untuk Use Case Catat Pembelian
: user : halaman
utama : tambah
pembelian handler : pembelian
: halaman catat pembelian
1: catat data pembelian
2: form_pembeliannomer_faktur,kode_pemasok,nama_barang,harga_beli,jumlah_barang
4: sukses catat data pembelian
5: tampilan pesan sukses catat data pembelian
1: batal mencatat data pembelian
2: reset
3: tampilan halaman utama Alt-step user batal mencatat data pembelian
3: form_insert_belinomer_faktur,kode_pemasok,nama_barang,harga_beli,jumlah_barang
Gambar III. 27 Sequence Diagram Use Case Catat Pembelian
III.5.6.6 Sequence Diagram Untuk Use Case Catat Retur Pembelian
: user : halaman
utama : retur pembelian
handler : retur
pembelian : halaman catat
retur pembelian 1: catat data retur pembelian
4: sukses catat data retur pembelian
5: tampilan pesan sukses catat data retur pembelian
1: batal mencatat data retur pembelian
2: reset
3: tampilan halaman utama Alt-step user batal mencatat data retur pembelian
3: form_catat_returnomer_retur,kode_barang,nama_barang,jumlah_barang,tanggal_retur 2: form_catat_returnomer_retur,kode_barang,nama_barang,jumlah_barang,tanggal_retur
Gambar III. 28 Sequence Diagram Use Case Catat Retur Pembelian
III.5.6.7 Sequence Diagram Untuk Use Case Cetak Laporan Pembelian
: user : halaman
utama : laporan beli
handler : pembelian
: halaman laporan pembelian
1: lihat laporan pembelian
2: laporan_belicatatan pembelian
3: viewbulancatatan pembelian
4: detail laporan pembelian
5: detail laporan pembelian
6: tampilan halaman laporan pembelian
Gambar III. 29 Sequence Diagram Use Case Cetak Laporan Pembelian
III.5.6.8 Sequence Diagram Untuk Use Case Cek Stok Barang
: user : halaman
utama : cek barang
handler : barang
: halaman cek stok barang
1: lihat stok barang
2: form_cek_stokB
3: form_cek_stokB
4: data stok barang
5: data stok barang
6: tampilan halaman cek stok barang
Gambar III. 30 Sequence Diagram Use Case Cek Stok Barang
III.5.6.9 Sequence Diagram Untuk Use Case Tambah Data Master
Barang
: user : halaman
utama : data barang
handler : pemasok
: halaman tambah data master barang
1: tambah data master barang
2: form_tambah_barangkode,nama,satuan,harga jual, harga beli
5: sukses tambah data master barang
6: tampilan pesan sukses tambah data master barang
1: batal menambah data master barang
2: reset
3: tampilan halaman utama 3: proses_tambahbarangkode,nama,satuan,harga jual, harga beli
Alt-step user batal menambah data master barang Alt-step user gagal menambah data master barang
3: proses_tambahbarangkode,nama,satuan,harga jual, harga beli
Gambar III. 31 Sequence Diagram Use Case Tambah Data Master Barang
III.5.6.10 Sequence Diagram Untuk Use Case Ubah Data Master Barang
: user : halaman
utama : data master
barang handler : pemasok
: halaman ubah data master barang
1: ubah data master barang
2: form_ubah_barangkode,nama,satuan,harga jual, harga beli
5: sukses ubah data master barang
6: tampilan pesan sukses ubah data master barang
1: batal mengubah data master barang
2: reset
3: tampilan halaman utama 3: proses_ubahbarangkode,nama,satuan,harga jual, harga beli
Alt-step user batal mengubah data master barang Alt-step user gagal mengubah data master barang
3: proses_ubahbarangkode,nama,satuan,harga jual, harga beli
Gambar III. 32 Sequence Diagram Use Case Ubah Data Master Barang
III.5.6.11 Sequence Diagram Untuk Use Case Hapus Data Master Barang
: user : halaman
utama : data master
barang handler : pemasok
: halaman hapus data master barang
1: hapus data master barang
2: form_hapus_barangkode,nama,satuan,harga jual, harga beli
5: sukses hapus data master barang
6: tampilan pesan sukses hapus data master barang
1: batal menghapus data master barang
2: reset
3: tampilan halaman utama 3: form_hapus_barangkode,nama,satuan,harga jual, harga beli
Alt-step user batal menghapus data master barang Alt-step user gagal menghapus data master barang
3: form_hapus_barangkode,nama,satuan,harga jual, harga beli
Gambar III. 33 Sequence Diagram Use Case Hapus Data Master Barang
III.5.6.12 Sequence Diagram Untuk Use Case Catat Penjualan
: user : halaman
utama : barang handler
: penjualan : halaman catat
penjualan 1: catat data penjualan
2: form_insert_jualnomer_nota, nama_barang, harga_jual, jumlah_barang
4: sukses catat data penjualan
5: tampilan pesan sukses catat data penjualan
1: batal mencatat data penjualan
2: reset
3: tampilan halaman utama Alt-step user batal mencatat data penjualan
3: proses_jualnomer_nota,nama_barang,harga_jual,jumlah_barang
Gambar III. 34 Sequence Diagram Use Case Catat Penjualan
III.5.6.13 Sequence Diagram Use Case Cetak Laporan Penjualan
: user : halaman
utama : laporan jual
handler : penjualan
: halaman laporan penjualan
1: lihat laporan penjualan
2: laporan_jualcatatan penjualan
3: viewbulan_jualcatatan penjualan
4: detail laporan penjualan
5: detail laporan penjualan
6: tampilan halaman laporan penjualan
Gambar III. 35 Sequence Diagram Use Case Cetak Laporan Penjualan
III.5.6.14 Sequence Diagram Use Case Cek Stok Barang
: user : halaman
utama : cek barang
handler : barang
: halaman cek stok barang
1: lihat stok barang
2: form_cek_stok
3: cekBarang
4: data stok barang
5: data stok barang
6: tampilan halaman cek stok barang
Gambar III. 36 Sequence Diagram Use Case Cek Stok Barang
III.5.6.15 Desain Tampilan Halaman GUI
III.5.6.16 Halaman Login
username password
LOGIN
login
Gambar III. 37 Desain Halaman Login
III.5.6.17 Halaman Utama Staff Pembelian
HEADER
Pemasok Pembelian
Retur Pembelian
Laporan Pembelian
Cek Barang Logout
Selamat Datang Staff Pembelian
Gambar III. 38 Desain Halaman Utama Staff Pembelian
III.5.6.18 Halaman Utama Staff Penjualan
HEADER
Penjualan Laporan Penjualan
Cek Barang Logout
Selamat Datang Staff Penjualan
Gambar III. 39 Desain Halaman Utama Staff Penjualan
III.5.6.19 Halaman Catat Data Pemasok Staff Pembelian
Kode Pemasok Nama Pemasok
Alamat Pemasok Nomor Telepon Pemasok
OK Batal
Halaman Catat Data Pemasok
Masukkan Data Pemasok
Gambar III. 40 Desain Halaman Catat Data Pemasok Staff Pembelian
III.5.6.20 Halaman Catat Data Pembelian
Masukkan Data Pembelian
Jumlah pembelian Nomer Faktur
Kode Barang Harga Beli
Jumlah Barang
simpan
Gambar III. 41 Desain Halaman Catat Data Pembelian
III.5.6.21 Halaman Catat Data Retur Pembelian
Nomor Pembelian
Tanggal Pembelian Jumlah Barang Rusak
Nomor Retur Pembelian Kode Pemasok
OK Batal
Masukkan Data Retur Pembelian
Halaman Catat Retur Pembelian
Total Retur Barang Kode Barang
Gambar III. 42 Desain Gambar Catat Data Retur Pembelian
III.5.6.22 Halaman Cetak Laporan Pembelian
LAPORAN PEMBELIAN
Cetak Batal
Halaman Laporan Pembelian
Gambar III. 43 Desain Gambar Cetak Laporan Pembelian
III.5.6.23 Halaman Cek Stok Barang Staff Pembelian
Cek Stok Barang
Kode barang
Nama barang
Satuan Stok
D-001 Mesin diesel
pcs 5
D-002 kompresor
pcs 4
D-003 Mixer semen
pcs 2
D-004 Bor listrik
pcs 15
D-005 Pompa air
pcs 10
Gambar III. 44 Desain Halaman Cek Stok Barang Staff Pembelian
III.5.6.24 Halaman Catat Data Penjualan
Nomor Penjualan
Total Penjualan Nama Barang
Kode Barang Tanggal Penjualan
OK Batal
Masukkan Data Penjualan
Halaman Catat Penjualan
Gambar III. 45 Desain Halaman Catat Data Penjualan
III.5.6.25 Halaman Cetak Laporan Penjualan
LAPORAN PENJUALAN
Cetak Batal
Halaman Laporan Penjualan
Gambar III. 46 Desain Halaman Cetak Laporan Penjualan
III.5.6.26 Halaman Cek Stok Barang Staff Penjualan
Cek Stok Barang
Kode barang
Nama barang
Satuan Stok
D-001 Mesin diesel
pcs 5
D-002 kompresor
pcs 4
D-003 Mixer semen
pcs 2
D-004 Bor listrik
pcs 15
D-005 Pompa air
pcs 10
Gambar III. 47 Desain Halaman Cek Stok Barang Staff Penjualan
74