id_ spm
CRUD R
nama_staff CRUD
R jabatan
CRUD R
id _COA
CRUD R
total_pembayaran CRUD
R keterangan
CRUD R
tgl_spm R
R jam_spm
R R
status CRUD
RU
Realisasi
id_ realisasi
CRU R
id_ anggaran
CRU R
id _spm
CRU R
tgl_realisasi CRU
R
4.1.3.7 Statechart Diagram Sistem Yang Diusulkan
Statechart diagram menggambarkan spesifikasi urutan-urutan state yang
diakibatkan oleh urutan event yang ada dalam SIA pengendalian anggaran. 1.
Statechart Diagram Masuk Halaman SIA Pengendalian Anggaran
Gambar 4.5 Statechart Diagram
Masuk Halaman SIA Pengendalian Anggaran
menampilkan halaman login membuka aplikasi
menampilkan halaman home user username dan password salah
username dan password benar
menampilkan pesan error pilih ulangi login
Pada Statechart Diagram Gambar 4.5 user melakukan event membuka aplikasi SIA pengendalian anggaran, maka state akan menampilkan halaman
login. Kemudian user melakukan login dengan memasukkan username dan
password dengan benar untuk dapat masuk ke halaman SIA pengendalian
anggaran. Jika username atau password yang dimasukkan salah, state akan menampilkan pesan error dan meminta user untuk mengulangi login. Jika
username dan password yang dimasukkan benar, maka state akan menampilkan
halaman home user sesuai dengan authentifikasi. 2.
Statechart Diagram Manajemen User level admin
Gambar 4.6 Statechart Diagram
Manajemen User
menampilkan halaman home untuk GBA
menampilkan halaman manajemen user memilih menu manajemen user
menampilkan form input user menampilkan form edit user
memilih tambah user memilih data user yang ingin diedit
input data user edit data user
data ditampilkan pada tabel
menampilkan pesan keluar sistem memilih menu logout
Login sebagai GBA
Pada Statechart Diagram Gambar 4.6 user melakukan event login sebagai GBA, maka state akan menampilkan halaman home untuk GBA. GBA dapat
menambah data user dan mengubah data user dengan melakukan event memilih menu manajemen user dan state akan menampilkan halaman manajemen user.
GBA melakukan event memilih tambah user untuk menambah data user, kemudian state akan menampilkan form input user. Selanjutnya GBA melakukan
event input data user, setelah input data selesai state akan menampilkan data
tersebut pada tabel. Untuk melakukan edit data user, GBA melakukan state memilih data user yang ingin diedit. Kemudian state akan menampilkan form edit
user . Selanjutnya GBA melakukan event edit data user dan state akan
menampilkan data yang telah diubah tersebut pada tabel. Event memilih menu logout
dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
3. Statechart Diagram
Manajemen Modul
Gambar 4.7 Statechart Diagram
Manajemen Modul
Pada Statechart Diagram Gambar 4.7 user melakukan event login sebagai GBA, maka state akan menampilkan halaman home untuk GBA. GBA dapat
menambah dan mengubah data modul dengan melakukan event memilih menu manajemen modul, kemudian state akan menampilkan halaman manajemen
modul. GBA melakukan event memilih tambah modul untuk menambah data modul, selanjutnya state akan menampilkan form input modul. Kemudian GBA
melakukan event input data modul, setelah selesai state akan menampilkan data tersebut pada tabel. Untuk melakukan edit data modul, GBA melakukan state
menampilkan halaman home untuk GBA
menampilkan halaman manajemen modul memilih menu manajemen modul
menampilkan form input modul menampilkan form edit modul
memilih tambah modul memilih data modul yang ingin diedit
input data modul edit data modul
data ditampilkan pada tabel
menampilkan pesan keluar sistem memilih menu logout
login sebagai GBA
menghapus data dari tabel modul memilih data yang ingin dihapus
memilih menu logout
memilih data modul yang ingin diedit. Kemudian state akan menampilkan form edit
modul. Selanjutnya GBA melakukan event edit data modul dan state akan menampilkan data modul yang telah diubah tersebut pada tabel. Jika event
memilih data modul yang ingin dihapus dilakukan, maka state akan menghapus data dari tabel. Event memilih menu logout dilakukan untuk keluar dari sistem
dan state akan menampilkan pesan keluar sistem. 4.
Statechart Diagram Manajemen Pembayaran
Gambar 4.8 Statechart Diagram
Manajemen Pembayaran Pada Statechart Diagram Gambar 4.8 user melakukan event login sebagai
GBA, maka state akan menampilkan halaman home untuk GBA. GBA melakukan event
memilih menu manajemen pembayaran, kemudian state menampilkan halaman manajemen pembayaran. Ketika event memilih tambah pembayaran
dilakukan state akan menampilkan form input pembayaran, kemudian dilanjutkan
menampilkan halaman home untuk GBA
menampilkan halaman SPM memilih menu SPM
menampilkan form input pembayaran menampilkan form edit pembayaran
memilih tambah pembayaran memilih data pembayaran yang ingin diedit pada SPM yang belum divalidasi
input data pembayaran edit data pembayaran
data ditampilkan pada tabel memilih menu logout
menampilkan data secara detail memilih aksi detail untuk mencetak SPM yang tervalidasi
menampilkan SPM siap dicetak memilih icon print
menampilkan pesan keluar sistem memilih menu logout
Login sebagai GBA
menghapus data dari tabel memilih aksi hapus pada SPM yang belum divalidasi
memilih menu logout
dengan melakukan event input data pembayaran, setelah selesai state akan menampilkan data yang telah diinput pada tabel pembayaran. GBA melakukan
event memilih data pembayaran yang ingin diedit pada pembayaran yang
statusnya belum tervalidasi untuk mengubah data pembayaran tersebut, setelah event
ini dilakukan state menampilkan form edit pembayaran. Selanjutnya GBA melakukan event edit data pembayaran dan state akan menampilkan data yang
telah diedit pada tabel. Jika event memilih data modul yang ingin dihapus pada data pembayaran yang belum divalidasi dilakukan, maka state akan menghapus
data dari tabel. Event memilih menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
5. Statechart Diagram
Manajemen Kategori COA
Gambar 4.9 Statechart Diargam
Manajemen Kategori COA Pada Statechart Diargam Gambar 4.9 user melakukan event login sebagai
GBA, maka state akan menampilkan halaman home untuk GBA. GBA melakukan event
memilih tambah kategori COA, kemudian state menampilkan form input
menampilkan halaman home untuk GBA menampilkan halaman kategori COA
memilih menu kategori COA
menampilkan form input kategori COA menampilkan form edit kategori COA
memilih tambah kategori COA memilih data kategori COA yang ingin diedit
input data kategori COA edit data kategori COA
menampilkan data pada tabel menampilkan pesan keluar sistem
memilih menu logout login sebagai GBA
memilih data yang ingin dihapus
menghapus data dari tabel memilih menu logout
kategori COA. Selanjutnya GBA melakukan event input data kategori COA untuk menambahkan kategori COA pada sistem, kemudian state menampilkan data pada
tabel. Ketika GBA melakukan event memilih data kategori COA yang ingin diedit, maka state menampilkan form edit kategori COA. Selanjutnya GBA
melakukan event edit data kategori COA, kemudian state akan menampilkan data yang telah diubah pada tabel. Untuk menghapus data kategori COA, GBA
melakukan event memilih data yang ingin dihapus, kemudian state menghapus data dari sistem. Event memilih menu logout dilakukan untuk keluar dari sistem
dan state akan menampilkan pesan keluar sistem. 6.
Statechart Diagram Manajemen COA
Gambar 4.10 Statechart Diagram
Manajemen COA Pada Statechart Diargam Gambar 4.10 user melakukan event login
sebagai GBA, maka state akan menampilkan halaman home untuk GBA. GBA melakukan event memilih tambah COA, kemudian state menampilkan form input
menampilkan halaman home untuk GBA menampilkan halaman COA
memilih menu COA
menampilkan form input COA menampilkan form edit COA
memilih tambah COA memilih COA yang ingin diedit
input data COA edit data COA
menampilkan data pada tabel menampilkan pesan keluar sistem
memilih menu logout login sebagai GBA
memilih data yang ingin dihapus
menghapus data dari tabel memilih menu logout
COA. Selanjutnya GBA melakukan event input data COA untuk menambahkan COA pada sistem, kemudian state menampilkan data pada tabel. Ketika GBA
melakukan event memilih COA yang ingin diedit, maka state menampilkan form edit
COA. Selanjutnya GBA melakukan event edit data COA, kemudian state akan menampilkan data yang telah diubah pada tabel. Untuk menghapus data
COA, GBA melakukan event memilih data yang ingin dihapus, kemudian state menghapus data dari sistem. Event memilih menu logout dilakukan untuk keluar
dari sistem dan state akan menampilkan pesan keluar sistem. 7.
Statechart Diagram Manajemen Anggaran
Gambar 4.11 Statechart Diagram
Manajemen Anggaran Pada Statechart Diagram Gambar 4.11 user melakukan event login
sebagai GBA, maka state akan menampilkan halaman home untuk GBA. GBA dapat menambah data anggaran dan mengubah data anggaran dengan melakukan
event memilih menu anggaran dan state akan menampilkan halaman anggaran.
menampilkan halaman home untuk GBA menampilkan halaman anggaran
memilih menu anggaran
menampilkan form input anggaran menampilkan form edit anggaran
memilih tambah anggaran memilih anggaran yang ingin diedit
input data anggaran edit data anggaran
menampilkan data pada tabel menampilkan pesan keluar sistem
memilih menu logout login sebagai GBA
menghapus data dari tabel anggaran memilih data yang ingin dihapus
memilih menu logout
GBA melakukan event memilih tambah anggaran untuk menambah data anggaran, kemudian state akan menampilkan form input anggaran. Selanjutnya GBA
melakukan event input data anggaran, setelah input data selesai state akan menampilkan data tersebut pada tabel. Untuk melakukan edit data anggaran, GBA
melakukan state memilih data anggaran yang ingin diedit. Kemudian state akan menampilkan form edit anggaran. Selanjutnya GBA melakukan event edit data
anggaran dan state akan menampilkan data anggaran yang telah diubah tersebut pada tabel. Jika event memilih data anggaran yang ingin dihapus dilakukan, maka
state akan menghapus data dari tabel. Event memilih menu logout dilakukan
untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem. 8.
Statechart Diagram Manajemen Realisasi Anggaran
Gambar 4.12 Statechart Diagram
Manajemen Realisasi Anggaran
menampilkan halaman home untuk GBA menampilkan halaman realisasi anggaran
memilih menu realisasi anggaran
menampilkan form input realisasi anggaran menampilkan form edit realisasi anggaran
memilih tambah realisasi anggaran memilih data realisasi anggaran yang ingin diedit
input data realisasi anggaran edit data realisasi anggaran
menampilkan data pada tabel menampilkan pesan keluar sistem
memilih menu logout login sebagai GBA
menampilkan laporan realisasi anggaran siap cetak memilih icon print
memilih menu logout
Pada Statechart Diagram Gambar 4.12 user melakukan event login sebagai GBA, maka state akan menampilkan halaman home untuk GBA. GBA
dapat menambah data anggaran dan mengubah data realisasi anggaran dengan melakukan event memilih menu realisasi anggaran dan state akan menampilkan
halaman realisasi anggaran. GBA melakukan event memilih tambah realisasi anggaran untuk menambah data realisasi anggaran, kemudian state akan
menampilkan form input realisasi anggaran. Selanjutnya GBA melakukan event input
data realisasi anggaran, setelah input data selesai state akan menampilkan data tersebut pada tabel. Untuk melakukan edit data realisasi anggaran, GBA
melakukan event edit data realisasi anggaran. Kemudian state akan menampilkan form edit
realisasi anggaran. Selanjutnya GBA melakukan event edit data realisasi anggaran dan state akan menampilkan data realisasi anggaran yang telah diubah
tersebut pada tabel. GBA juga dapat melalukan event memilih icon print, kemudian state akan menampilkan laporan realisasi anggaran siap dicetak. Event
memilih menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
9. Statechart Diagram
Manajemen user level Kepala seksi operator
Gambar 4.13 Statechart Diagram Manajemen User
level Kepala seksi operator
Pada Statechart Diargam Gambar 4.13 user melakukan event login sebagai Kepala seksi operator, maka state akan menampilkan halaman home
untuk Kepala seksi operator. Kepala seksi operator melakukan event memilih menu manajemen user, kemudian state menampilkan halaman profil Kepala seksi
operator. Selanjutnya Kepala seksi operator melakukan event memilih aksi edit, kemudian state akan menampilkan form edit profil Kepala seksi operator.
Selanjutnya Kepala seksi operator melakukan event edit data Kepala seksi operator dan state akan menampilkan hasil perubahan data tersebut pada tabel.
Event memilih menu logout dilakukan untuk keluar dari sistem dan state akan
menampilkan pesan keluar sistem.
menampilkan halaman home Kepala seksi operator menampilkan halaman profil Kepala seksi operator
memilih menu manajemen user
menampilkan form edit profil memilih aksi edit
edit data Kepala seksi operator menampilkan data pada tabel
menampilkan pesan keluar sistem memilih menu logout
login sebagai Kepala seksi operator
10. Statechart Diagram
Lihat SPM Yang Belum Diproses
Gambar 4.14
Statechart Diagram Lihat SPM Yang Belum Diproses
Pada Statechart Diargam Gambar 4.14 user Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home user. User
melakukan event memilih menu SPM, kemudian state menampilkan halaman SPM yang belum diproses. Untuk melihat data SPM secara detail, user melakukan
event melihat data SPM secara detail, selanjutnya state menampilkan data SPM
yang dipilih secara detail. Jika event memvalidasi SPM dilakukan, maka state akan menghilangkan data dari tabel SPM yang belum tervalidasi, dan data
tersebut akan masuk ke tabel SPM yang tervalidasi. Jika event memilih SPM tervalidasi dilakukan, maka state akan menampilkan SPM yang tervalidasi. Event
menampilkan halaman home user
menampilkan halaman SPM yang belum diproses memilih menu SPM
menampilkan pesan keluar sistem login
menampilkan data SPM secara detail melihat data SPM secara detail
memilih menu logout menghilangkan data dari tabel SPM belum tervalidasi
memvalidasi SPM
memilih menu logout menampilkan SPM tervalidasi
memilih SPM tervalidasi
memilih menu logout
memilih menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
11. Statechart Diagram
Lihat Data SPM Yang Telah Diproses
Gambar 4.15 Statechart Diagram
Lihat Data SPM Yang Telah Diproses
Pada Statechart Diargam Gambar 4.15 user GBA maupun Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home
user . Pada statechart diagram lihat data spm yang telah diproses user melakukan
event memilih menu pembayaran, kemudian state menampilkan halaman
pembayaran. Untuk melihat data pembayaran secara detail, user melakukan event melihat data pembayaran secara detail, selanjutnya state menampilkan data
menampilkan halaman home user
menampilkan halaman pembayaran memilih menu pembayaran
menampilkan pesan keluar sistem login
menampilkan data pembayaran secara detail melihat data pembayaran secara detail
memilih menu logout
pembayaran yang dipilih secara detail. Event memilih menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
12. Statechart Diagram
Lihat Anggaran
Gambar 4.16 Statechart Diagram
Lihat Anggaran
Pada Statechart Diargam Gambar 4.16 user Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home user. Untuk
melihat data anggaran, user melakukan event memilih menu anggaran, selanjutnya state menampilkan halaman anggaran. Event memilih menu logout
dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
menampilkan halaman home user
menampilkan halaman anggaran memilih menu anggaran
menampilkan pesan keluar sistem login
memilih menu logout
13. Statechart Diagram
Lihat Laporan Realisasi Anggaran
Gambar 4.17 Statechart Diagram
Lihat Laporan Realisasi Anggaran
Pada Statechart Diargam Gambar 4.17 user Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home user. Untuk
melihat data realisasi anggaran, user melakukan event memilih menu realisasi anggaran, selanjutnya state menampilkan halaman realisasi anggaran. Kepala
seksi operator juga dapat melakukan event memilih icon print, selanjutnya state akan menampilkan laporan realisasi anggaran yang siap dicetak. Event memilih
menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
menampilkan halaman home user
menampilkan halaman realisasi memilih menu realisasi
menampilkan pesan keluar sistem login
memilih menu logout menampilkan laporan realisasi anggaran siap cetak
memilih icon print
memilih menu logout
14. Statechart Diargam
Grafik Realisasi Anggaran
Gambar 4.18
Statechart Diargam Grafik Realisasi Anggaran
Pada Statechart Diargam Gambar 4.18 user Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home user. Untuk
melihat grafik realisasi anggaran, user melakukan event memilih menu grafik, selanjutnya state menampilkan halaman grafik realisasi anggaran. Selanjutnya
user melakukan event memilih tahun realisasi anggaran yang ingin dilihat,
kemudian state menampilkan grafik realisasi anggaran. Event memilih menu logout
dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
menampilkan halaman home user
menampilkan halaman grafik realisasi anggaran memilih menu grafik
menampilkan pesan keluar sistem login
menampilkan grafik realisasi anggaran memilih tahun realisasi anggaran yang ingin dilihat
memilih menu logout
15. Statechart Diagram
Cari Data
Gambar 4.19
Statechart Diagram Cari Data
Pada Statechart Diargam Gambar 4.19 user GBA maupun Kepala seksi operator melakukan event login, maka state akan menampilkan halaman home
user . Untuk melakukan pencarian data, user melakukan event memilih menu cari,
selanjutnya state menampilkan halaman cari data. Selanjutnya user melakukan event input
data yang dicari, kemudian state menampilkan data yang ditemukan. Event
memilih menu logout dilakukan untuk keluar dari sistem dan state akan menampilkan pesan keluar sistem.
menampilkan halaman home user
menampilkan halaman cari data memilih menu cari
menampilkan pesan keluar sistem login
menampilkan data yang ditemukan input data yang dicari
memilih menu logout
4.2 Application Domain Analysis
4.2.1 Use Case Diagram
1. Identifikasi Aktor
Identifikasi Aktor
No Aktor
Deskripsi
1 GBA
Orang menangani proses pengendalian anggaran di BTN Syariah Cabang Tangerang. Mulai dari
proses pencatatan biaya yang dianggarkan sampai pada laporan penggunaan dana anggaran.
2 Kepala Seksi Operator
Orang yang bertanggung jawab mengawasi kinerja General Branch Administration GBA
dan yang menerima laporan mengenai data anggaran maupun realisasi anggaran.
2. Identifikasi
Use Case
Identifikasi Use Case
No Nama
Use Case Deskripsi
Aktor
1. Login
Use Case ini menggambarkan
kegiatan memasukkan username dan password
untuk mengakses sistem. GBA, Kepala
Seksi Operator
2. Manajemen Modul
Use Case ini menggambarkan
kegiatan dalam mengelola content modul yang ada di sistem.
GBA
3. Manajemen User
Use Case ini menggambarkan
kegiatan user dalam menambah dan memperbaharui data user yang ada
pada sistem. GBA, Kepala
seksi operator
4. Manajemen
Pembayaran Use Case
ini menggambarkan kegiatan untuk mengelola data
pembayaran. Mulai dari menambah data pembayaran berdasarkan memo
tagihan yang diajukan oleh Staff, mengubah data pembayaran,
mengupdate status SPM yang telah selesai diproses dan mencetak Surat
Perintah Membayar SPM. GBA
5. Manajemen Kategori
Chart Of Account COA
Use Case ini menggambarkan
kegiatan dalam mengelola data kategori yang ada pada COA.
GBA
6. Manajemen COA
Use Case ini menggambarkan
kegiatan dalam mengelola data COA yang dipakai dalam SIA
pengendalian anggaran. GBA
7. Manajemen
Anggaran Use Case
ini menggambarkan kegiatan mencatat, menghapus dan
mengubah data biaya anggaran BTN GBA
