BAB IV PERANCANGAN. Gambar 4.1: Use Case Diagram Plafon Mingguan. Tabel 4.1: Deskripsi Use Case Diagram Plafon Mingguan

Transkripsi

1 42 BAB IV PERANCANGAN 4.1 Perancangan Sistem Usulan Berdasarkan analisa permasalahan yang terjadi di PT PLN (Persero) Distribusi Banten, penulis mengusulkan perancangan sistem untuk menangani masalah terebut Use Case Diagram Use Case Diagram Plafon Mingguan Gambar 4.1: Use Case Diagram Plafon Mingguan Tabel 4.1: Use Case Diagram Plafon Mingguan Use Case Diagram Plafon Mingguan Hanya Supervisor Pembayaran yang dapat mengakses semuanya pada Use Case ini. Sementara Kasir dan DM Keuangan hanya dapat melihat untuk menjadi bahan persetujuan pada proses selanjutnya

2 Use Case Diagram SKK Gambar 4.2: Use Case Diagram SKK Tabel 4.2: Use Case Diagram SKK Use Case Diagram Plafon Mingguan Hanya Supervisor Anggaran yang dapat mengakses semuanya pada Use Case ini. Sementara DM Anggaran, Supervisor Verifikasi dan Staff Verifikasi hanya dapat melihat untuk menjadi bahan persetujuan dan pembuatan form verifikasi pada proses selanjutnya.

3 Use Case Diagram SPK Gambar 4.3: Use Case Diagram SPK Tabel 4.3: Use Case Diagram SPK Use Case Diagram SPK Hanya Supervisor Anggaran yang dapat mengakses semuanya pada Use Case ini. Sementara DM Anggaran, Supervisor Verifikasi dan Staff Verifikasi hanya dapat melihat untuk menjadi bahan persetujuan dan pembuatan form verifikasi pada proses selanjutnya.

4 Use Case Diagram Nota Dinas Gambar 4.4: Use Case Diagram Nota Dinas Tabel 4.4: Use Case Diagram Nota Dinas Use Case Diagram Nota Dinas Hanya Staff Verifikasi yang dapat mengakses semuanya pada Use Case ini. Sementara DM Anggaran dan Staff Supervisor Verifikasi hanya dapat melihat untuk menjadi bahan persetujuan pada proses selanjutnya.

5 Use Case Diagram Verifikasi Gambar 4.5: Use Case Diagram Verifikasi Tabel 4.5: Use Case Diagram Verifikasi Use Case Diagram Verifikasi Hanya Staff Verifikasi yang dapat mengakses semuanya pada Use Case ini. Sementara DM Anggaran, Supervisor Verifikasi, DM Keuangan dan MB Keuangan hanya dapat melihat untuk menjadi bahan persetujuan pada proses selanjutnya

6 Use Case Diagram Pembayaran Gambar 4.6: Use Case Diagram Pembayaran Tabel 4.6: Use Case Diagram Pembayaran Use Case Diagram Pembayaran Hanya Kasir yang dapat mengakses semuanya pada Use Case ini. Sementara Supervisor Pembayaran dan DM Keuangan hanya dapat melihat untuk menjadi bahan persetujuan pada proses selanjutnya

7 Use Case Diagram Sistem Gambar 4.7: Use Case Diagram Sistem Tabel 4.7: Use Case Diagram Sistem Use Case Diagram Sistem Semua Users dapat mengakses semuanya pada Use Case ini. Dimana User dapat memantau setiap transaksi mulai dari memasukan tagihan sampai pembayaran sudah dilunasi atau belum.

8 Activity Diagram Activity Diagram Input Data Gambar 4.8: Use Activity Diagram Input Data Tabel 4.8: Activity Diagram Input Data Activity Diagram Input Data Pada proses input data ke database, user melakukan login terlebih dahulu, lalu sistem menampilkan menu sesuai dengan hak user, dan user masuk ke menu index yang sesuai bagiannya, dan mengklik tambah untuk memasukan data baru kedalam database.

9 Activity Diagram Delete Data Gambar 4.9: Activity Diagram Delete Data Tabel 4.9: Activity Diagram Delete Data Activity Diagram Delete Data Pada proses delete data ke database, user melakukan login terlebih dahulu, lalu sistem menampilkan menu sesuai dengan hak user, dan user masuk ke menu index yang sesuai bagiannya, dan mengklik delete untuk menghapus data yang ada pada tampilan index.

10 Activity Diagram Edit Data Gambar 4.10: Activity Diagram Edit Data Tabel 4.10: Activity Diagram Edit Data Activity Diagram Edit Data Pada proses edit data ke database, user melakukan login terlebih dahulu, lalu sistem menampilkan menu sesuai dengan hak user, dan user masuk ke menu index yang sesuai bagiannya, dan mengklik edit untuk mengubah data yang ada sebelumnya dan selanjutkan akan di simpan kembali kedalam database.

11 Activity Diagram Cari Data Gambar 4.11: Activity Diagram Cari Data Tabel 4.11: Activity Diagram Cari Data Activity Diagram Cari Data Pada proses cari data, user melakukan login terlebih dahulu, lalu sistem menampilkan menu sesuai dengan hak user, dan user masuk ke menu index yang sesuai bagiannya, dan mengisi kata kunci pada kolom pencarian dan akan muncul hasilnya.

12 Activity Diagram Detail Data Gambar 4.12: Activity Diagram Detail Data Tabel 4.12: Activity Diagram Detail Data Activity Diagram Detail Data Pada proses detail data, user melakukan login terlebih dahulu, lalu sistem menampilkan menu sesuai dengan hak user, dan user masuk ke menu index yang sesuai bagiannya, dan mengklik view untuk melihat data lebih jelas dari index yang ditampilkan.

13 Activity Diagram Plafon Mingguan Gambar 4.13: Activity Diagram Plafon Mingguan Tabel 4.13: Activity Diagram Plafon Mingguan Activity Diagram Plafon Mingguan Terdapat 1 Aktor yaitu Supervisor Pembayaran, Dimana Hak user untuk memasukan data Plafon Mingguan kedalam database dan nantinya data tersebut akan digunakan sebagai pengecekan penggabungan nilai akhir dengan data pembayaran dari kasir.

14 Activity Diagram SKK Gambar 4.14: Activity Diagram SKK Tabel 4.14: Activity Diagram SKK Activity Diagram SKK Terdapat 2 Aktor yaitu Supervisor Pembayaran, dimana hak Supervisor Anggaran untuk memasukan data SKK kedalam database dan nantinya data tersebut akan diperiksa oleh DM Anggaran, apabila setuju data akan dilanjutkan pada proses pembuatan tagihan dan jika tidak maka akan dikembalikan ke Supervisor Pembayaran untuk mengecek dan memasukannya kembali.

15 Activity Diagram SPK Gambar 4.15: Activity Diagram SPK Tabel 4.15: Activity Diagram SPK Activity Diagram SPK Terdapat 2 Aktor yaitu Supervisor Pembayaran, dimana hak Supervisor Anggaran untuk memasukan data SPK kedalam database dan nantinya data tersebut akan diperiksa oleh DM Anggaran, apabila setuju data akan dilanjutkan pada proses pembuatan tagihan dan jika tidak maka akan dikembalikan ke Supervisor Pembayaran untuk mengecek dan memasukannya kembali.

16 Activity Diagram Nota Dinas Gambar 4.16: Activity Diagram Nota Dinas Tabel 4.16: Activity Diagram Nota Dinas Activity Diagram Nota Dinas Terdapat 1 Aktor yaitu Staff Verifikasi, Dimana Hak user untuk memasukan data Nota Dinas kedalam database dan nantinya data tersebut akan digunakan sebagai acuan dalam pembuatan data verifikasi / tagihan, dan jika user memilih simpan maka akan kembali menginput data Nota Dinas ke dalam database.

17 Activity Diagram Verifikasi Gambar 4.17: Activity Diagram Verifikasi Tabel 4.17: Activity Diagram Verifikasi Activity Diagram Verifikasi Terdapat beberapa Aktor yaitu Staff Verifikasi, Supervisor Verifikasi, DM Anggaran, DM Keuangan, MB Keuangan, dan kasir. Dimana hak Staff Verifikasi membuat data verifikasi dimana data tersebut mengacu pada data SKK, SPK dan Nota Dinas. Lalu user Supervisor Verifikasi melakukan persetujuan atas data tersetbut, jika tidak maka akan dilakukan revisi kembali oleh Staff Verifikasi dan jika setuju akan dilakukan pengecekan dana berdasarkan plafon mingguan, jika dana tidak ada maka akan dilakukan revisi kembali oleh Staff Verifikasi dan jika dananya ada maka sistem akan melakukan pengelompokan nilai akhir pada semua transaksi, jika nilai akhirnya < 100 Juta akan dilakukan pengecekan kembali oleh Supervisor Verifikasi dan jika nilai akhir masih salah maka akan dilakukan revisi kembali oleh Staff Verifikasi, jika setuju maka akan dilakukan pengecekan dan persetujuan pada DM Keuangan. Jika nilai total akhir >= 100 juta maka akan langsung dilakukan pengecekan dan persetujuan pada DM Keuangan. User DM Keuangan melakukan persetujuan data tersebut, jika tidak setuju maka akan dilakukan revisi kembali oleh Staff Verifikasi dan jika setuju akan diperiksa kembali oleh MB Keuangan serta melakukan persetujuan, jika tidak setuju maka akan dilakukan

18 59 revisi kembali oleh Staff Verifikasi dan jika setuju maka akan dilanjutkan pada user Kasir untuk melakukan pembayaran Activity Diagram Pembayaran Gambar 4.18: Activity Diagram Pembayaran Tabel 4.18: Activity Diagram Pembayaran Activity Diagram Pembayaran Terdapat beberapa Aktor yaitu Kasir, Supervisor Pembayaran dan DM Keuangan. Dimana hak Kasir memasukan data pembayaran dan akan disimpan oleh sistem. Selanjutnya Supervisor Pembayaran melakukan pengecekan data berdasarkan data Plafon Mingguan, dimana hasil dari pengecekan tersebut akan di setujui, jika tidak akan dilakukan pengecekan data kembali dan memasukan kembali oleh Kasir. Jika disetujui maka akan dilakukan persetujuan untuk pembayaran tagihan tersetbut oleh DM Keuangan. Selanjutnya Kasir akan mencetak lembar tagihan dan surat transfer.

19 Activity Diagram Status Gambar 4.19: Activity Diagram Status Tabel 4.19: Activity Diagram Status Activity Diagram Status User login maka sistem akan menampilkan dasboard dan user akan memilih menu apa yang diinginkan, lalu user melakukan Input, Delete, Update serta Approve. Dimana sistem mencatat semua aktifitas yang di lakukan user dan sistem akan megambil data tersebut yang nantinya akan di tampilkan pada proses status.

20 Sequence Diagram Sequence Diagram Plafon Mingguan Gambar 4.20: Sequence Diagram Plafon Mingguan Sequence Diagram SKK Gambar 4.21: Sequence Diagram SKK

21 Sequence Diagram SPK Gambar 4.22: Sequence Diagram SPK

22 Sequence Diagram Nota Dinas Gambar 4.23: Sequence Diagram Nota Dinas

23 Sequence Diagram Verifikasi Gambar 4.24: Sequence Diagram Verifikasi Sequence Diagram Input Plafon Mingguan Gambar 4.25: Sequence Diagram Input Plafon Mingguan

24 Sequence Diagram Input SKK & SPK Gambar 4.26: Sequence Diagram Input SKK & SPK Sequence Diagram Input Nota Dinas Gambar 4.27: Sequence Diagram Input Nota Dinas Sequence Diagram Input Tagihan Gambar 4.28: Sequence Diagram Input Tagihan

25 Sequence Diagram Input Pembayaran Gambar 4.29: Sequence Diagram Input Pembayaran Sequence Diagram Approve SKK & SPK Gambar 4.30: Sequence Diagram Approve SKK & SPK Sequence Diagram Approve Verifikasi (Supervisor Verifikasi) Gambar 4.31: Sequence Diagram Approve Verifikasi (Supervisor Verifikasi)

26 Sequence Diagram Approve Verifikasi (Mengecek Anggaran) Gambar 4.32: Sequence Diagram Approve Verifikasi (Mengecek Anggaran) Sequence Diagram Approve Verifikasi (DM Keuangan) Gambar 4.33: Sequence Diagram Approve Verifikasi (DM Keuangan)

27 Sequence Diagram Approve Verifikasi (MB Keuangan) Gambar 4.34: Sequence Diagram Approve Verifikasi (MB Keuangan) Sequence Diagram Approve Pembayaran (Supervisor Pembayaran) Gambar 4.35: Sequence Diagram Approve Pembayaran (Supervisor Pembayaran)

28 Sequence Diagram Approve Pembayaran (DM Keuangan) Gambar 4.36: Sequence Diagram Approve Pembayaran (DM Keuangan) Sequence Diagram Cetak Laporan Monitoring Pembayaran Gambar 4.37: Sequence Diagram Cetak Laporan Monitoring Pembayaran

29 Sequence Diagram Cetak Laporan Pajak Gambar 4.38: Sequence Diagram Cetak Laporan Pajak Sequence Diagram Cetak Laporan Penyerapan Anggaran Gambar 4.39: Sequence Diagram Cetak Laporan Penyerapan Anggaran

30 Class Diagram Gambar 4.40: Class Diagram

31 Rancangan Tampilan Rancangan Tampilan Login Gambar 4.41: Rancangan Tampilan Login Rancangan Tampilan Dashboard Gambar 4.42: Rancangan Tampilan Dashboard

32 Rancangan Tampilan Index Data Gambar 4.43: Rancangan Tampilan Index Data Rancangan Tampilan Form Input Data Gambar 4.44: Rancangan Tampilan Form Input Data

33 Rancangan Tampilan Form Edit Data Gambar 4.45: Rancangan Tampilan Form Edit Data Rancangan Tampilan Status Gambar 4.46: Rancangan Tampilan Status

34 Rancangan Tampilan Cetak Laporan Gambar 4.47: Rancangan Tampilan Cetak Laporan Rancangan Tampilan Logout Gambar 4.48: Rancangan Tampilan Logout