Setelah kalian baca contoh studi kasus tentang kas kecil, mari kita lanjut!

Diagram Rancangan Sistem yang Diusulkan (usecase diagram, activity diagram,

sequence diagram dan class diagram)
dan Rancangan Tampilan Sistem yang Diusulkan
Seharusnya
dipisah, tidak lebih
A. Use Case Diagram yang diusulkan dari 9 usecase

Berikut ini adalah use case diagram sistem yang diusulkan.

Gambar 1. Use Case Diagram Sistem Usulan

a. Deskripsi Aktor

Tabel 1. Deskripsi Aktor Sistem Usulan

No Aktor Deskripsi
1. Accounting Orang yang memiliki hak akses untuk memanage
(menambahkan dan merubah) data pengguna,
merubah password, memvalidasi form pengajuan
dana kurang dari Rp 500.000 dan form
persediaan, menginput nomor akun beserta
kategorinya, mengisi form pengajuan dana,
mengupload bukti transaksi dan melihat laporan
penggunaan dana petty cash.
2. Kasir Orang yang memiliki hak akses untuk mengisi
form persediaan dana petty cash, mengisi form
pengajuan dana, mengupload bukti transaksi,

1
 menginput data transaksi petty cash, merubah
password dan melihat laporan penggunaan dana
petty cash.
3. Direktur Orang yang mempunyai hak akses untuk mengisi
form pengajuan dana, mengupload bukti
transaksi, memvalidasi form pengajuan dana
diatas Rp 500.000, merubah password dan
melihat laporan penggunaan dana petty cash.
4. Karyawan Orang yang memiliki hak akses untuk mengisi
form pengajuan dana, mengupload bukti transaksi
dan merubah password.

b. Deskripsi Use case

Tabel 2. Deskripsi Use Case Sistem Usulan

No Use case Deskripsi

1. Login Merupakan proses untuk melakukan
login (mengisi username dan
password yang valid).
2. Memanage pengguna Merupakan proses penambahan data
pengguna dan pengaturan hak akses
pengguna.
3. Mengisi form persediaan Merupakan proses menginput jumlah
persediaan pada form persediaan dana
petty cash.
4. Memvalidasi form Merupakan proses validasi atas form
pengajuan < Rp 500.000 pengajuan dana kurang dari Rp
dan form persediaan 500.000 dan form persediaan dana
5. Menginput nomor akun Merupakan proses penambahan data
beserta kategori nomor akun beserta kategori ke dalam
basis data.
6. Mengisi form pengajuan Merupakan proses mengisi form
pengajuan dana.
7. Memvalidasi form Merupakan proses validasi form
pengajuan > Rp 500.000 pengajuan dana petty cash diatas Rp
500.000
8. Mengupload bukti transaksi Merupakan proses upload bukti
transaksi.
9. Melakukan penjurnalan Merupakan proses menambahkan
data transaksi petty cash kedalam
basis data.
10. Merubah password Merupakan proses update password.

11. Melihat laporan Merupakan proses melihat/mengecek

laporan penggunaan dana petty cash.
Laporan dapat berbentuk Tabel dan
Grafik

2
c. Skenario Use case

1. Login

Tabel 3. Skenario Use Case Diagram - Login

Direktur, Accounting,
Reaksi Sistem
Kasir, dan Karyawan
Skenario Normal
Buka aplikasi web
Menampilkan halaman
Login
Memasukkan username dan
password yang valid
Klik tombol Login
Memeriksa kecocokan
username dan password
yang dimasukkan.
Menampilkan menu
Pengajuan
Skenario Alternatif
Login Buka aplikasi web
Menampilkan halaman
Login
Memasukkan username dan
password
Klik tombol Login
Memeriksa valid tidaknya
data masukkan
Menampilkan tanda login
tidak valid
Memasukkan username dan
password yang valid
Memeriksa valid tidaknya
data masukkan
Menampilkan menu
Pengajuan

3
B. Activity Diagram yang diusulkan

Berikut ini adalah activity diagram sistem yang diusulkan.

1. Login

Gambar 2. Activity Diagram – Login

C. Sequence Diagram yang Diusulkan

Berikut adalah Sequence diagram yang menggambarkan perilaku obyek dengan

usecase sebelumnya.

1. Login

Gambar 3. Sequence Diagram – Login

4
D. Class Diagram

Berikut ini adalah class diagram sistem yang diusulkan.

Gambar 4. Class Diagram Sistem Usulan

5
E. Rancangan Tampilan Sistem yang Diusulkan

1. Desain Tampilan Menu Login

Gambar 5. Rancangan Tampilan Menu Login

Keterangan Gambar :

Nama Layout : Login

Keterangan : Menu Login digunakan oleh semua pengguna (Direktur,

Accounting, Kasir dan Karyawan) untuk masuk kedalam sistem

informasi akuntansi petty cash. Semua pengguna harus mengisi

Username dan Password yang valid lalu pilih button “LOGIN”

untuk dapat mengakses sistem. Jika pengguna memasukkan

username atau password yang salah, maka tulisan password akan

berubah merah.

6
2. Tampilan Menu Login

Gambar 6. Menu Login

Jika pengguna salah memasukkan password, maka tulisan password akan

berubah menjadi warna merah, seperti gambar di bawah ini.

Gambar 7. Menu Login - Password Salah