Desain Input Output 1.Desain Form Login 1.Desain Form Login

BAB V : KESIMPULAN DAN SARAN

3.8. Desain Input Output 1.Desain Form Login 1.Desain Form Login

Desain form untuk melakukan proses login adalah sebagai berikut: Form Login Form Login 2008 User Name : Pilih tahun : Password :

Gambar 3. 59 Desain Form Login

3.8.2. Form Cover DPA

Desain form untuk melakukan proses insert cover DPA adalah sebagai berikut:

Form Insert Cover DPA

Form Insert Cover DPA Tahun : Kegiatan : Sumber Dana : Lokasi Kegiatan : Pengguna Anggaran : Kode Belanja : 2008 Pilih kegiatan Pilih belanja

Pilih pengguna anggaran

Buat DPA Reset

Gambar 3. 60 Desain Form Insert Cover DPA

3.8.3. Form Pilih Cover DPA

Desain form untuk memilih cover DPA, sebagai awal dari proses insert DPA adalah sebagai berikut:

Form Insert Detail DPA

Tahun : Kode DPA :

2008 Pilih cover DPA Tambahkan data batal

3.8.4. Desain Form Insert Data DPA

Desain form untuk proses insert DPA adalah sebagai berikut:

Form Insert detail DPA

Form Insert detail DPA Tahun : Lokasi : Waktu pelaksanaan : Kegiatan : Kode DPA : Capaian program : Triwulan IV : Triwulan III : Triwula II : Triwulan I : Sumber dana : Prosen hasil : Hasil : Prosentase keluaran : Keluaran : Masukan : Prosentase capaian program : Kelompok sasaran : 2008 1.02.01.15.01.5.2 Pengadaan obat dan ...

Silahkan pilih Sampai dengan Silahkan pilih

Tambahkan data batal

Gambar 3. 62 Desain Form Insert Detail DPA

3.8.5. Desain Form Insert SPD

Desain from untuk proses insert SPD adalah sebagai berikut:

Form Insert SPD

Rekening : Kegiatan : Kode DPA :

Pilih kode rekening tambah

Kode rekening Uraian aksi

3.8.6. Desain Form Insert Rincian Anggaran

Desain form untuk proses insert rincian anggaran adalah sebagai berikut:

Form Insert Rincian Anggaran

Kode DPA : Harga : Satuan : Volume : Rincian : Rekening : Kegiatan : tambah

uaraian volume satuan harga

Gambar 3. 64 Desain form insert rincian anggaran

3.8.7. Desain Form DPA SKPD Baru

Desain Form untuk menampilkan data DPA SKPD yang baru adalah sebagai berikut: DPA SKPD Baru DPA SKPD Baru Kode DPA : Sumber dana : Lokasi : Waktu pelaksanaan : Kegiatan : Skpd :

Indikator dan tolok ukur kinerja belanja angsung Indikator Tolok ukur kinerja Target kinerja

Kode rekening uraian volume satuan harga jumlah

Triwula IV : Triwula III : Triwulan II : Triwulan I :

3.8.8. Desain Form Edit DPA

Desain form untuk proses edit DPA adalah sebagai berikutr:

Form Edit DPA

Kode DPA : Sumber dana : Lokasi : Waktu pelaksanaan : Kegiatan : Skpd :

Indikator dan tolok ukur kinerja belanja angsung Indikator Tolok ukur kinerja Target kinerja

Kode rekening uraian volume satuan harga jumlah Triwula IV : Triwula III : Triwulan II : Triwulan I : Kelompok sasaran : Edit batal

Gambar 3. 66 Desain Form Edit DPA

3.8.9. Desain Form Edit Rincian Anggaran

Desain form untuk proses edit rincian anggaran adalah sebagai berikut: Form Edit Rincian Anggaran

Form Edit Rincian Anggaran

Rekening :

Uraian :

Volume :

Satuan :

Harga :

Pilih kode rekening

edit batal

Gambar 3. 67 Desain Form EDit Rincian Anggara n

3.8.10. Desain Form Insert NPD

Desain form untuk melakukan proses insert NPD adalah sebagai berikut:

Form Insert NPD Form Insert NPD SKPD : Kode DPA : Kegiatan : Pilih DPA Pilih SKPD

Pilih Sub DPA

Buat SPD Reset

Gambar 3. 68 Desain Form Insert NPD

3.8.11. Desain Form Insert SPD

Desain form untuk proses insert SPD adalah sebagai berikut:

Form insert SPD Form insert SPD Kode DPA : Rek.Kas Daerah : Bendahara : PPTK : Jumlah : Kegiatan :

Pilih rek.kas daerah

Buat SPD batal

3.8.12. Desain Form Edit SPD

Desain form untuk proses edit SPD adalah sebagai berikut:

Form Edit SPD Form Edit SPD Bendahara : PPTK : Jumlah : Kegiatan : Kode DPA : Edit batal

Gambar 3. 70 Desain Form Edit SPD

3.8.13. Desain Form Buat SPP Baru

Desain form untuk proses insert SPP adalah sebagai berikut:

Form Buat SPP baru

Nomor SPD : Pihak ke-3 :

Jenis SPP : Pilih jenis spp

Pilih perusahaan

Pilih kode SPD

Buat pengajuan reset

Kode SPP jenis Kegiatan Tanggal pengajuan status

3.8.14. Desain Form Insert Pengajuan Anggaran

Desain form untuk proses insert pengajuan anggaran adalah sebagai berikut:

Form anggaran yang diajukan

Rekening : Nomor SPD :

Pihak ke-3 : Kode SPP :

Pilih kode rekening

Tambahkan anggaran batal

Kode rekening uraian aksi

Gambar 3. 72 Desain Form Insert Pengajuan Anggaran

3.8.15. Desain Form Insert Pengajuan Rincian Anggaran

Desain form untuk proses insert pengajuan rincian anggaran adalah sebagai berikut:

Form rincian anggaran yang diajukan

Harga : Satuan : Volume : Uraian : Rekening :

Pilih rincian anggaran

Tambahkan rincian batal

Uraian voleme satuan harga

3.8.16. Desain Form Antri Persetujuan SPP

Desain Form untuk menampilkan antrian persetujuan SPP adalah sebagai berikut :

Form antrian persetujuan surat permintaan pembayaran

Kode SPP kegiatan Tanggal pengajuan lihat

Gambar 3. 74 Desain Form Antrian Persetujuan SPP

3.8.17. Desain Form Detail SPP

Desain Form untuk menampilkan data detail SPP adalah sebagai berikut: Data detail SPP Data detail SPP Kegiatan : Program : Urusan Pemerintahan : Bulan Pengajuan : Tahun Anggaran : Tanggal DPA : Kode DPA : SKPD : Tanggal Pengajuan : Kode SPP :

Kode rekening uraian volume satuan harga

3.8.18. Desain Form Antrian Verifikasi SPP

Desain form untuk menampilkan antrian verifikasi SPP adalah sebagai berikut:

Daftar antrian ACC SPP

Kode SPP kegiatan Tanggal pengajuan lihat

Gambar 3. 76 Desain Form Antrian ACC SPP

3.8.19. Desain Antrian Pembuatan SPM

Desain form untuk menampilkan antrian pembuatan SPM adalah sebagai berikut:

Kode SPP Tanggal ACC Nama kegiatan lokasi Lihat

Form Antrian Pembuatan SPM

3.8.20.Desain Form Penerbitan SPM

Desain Form untuk proses penerbitan SPM adalah sebagai berikut:

Penerbitan SPM Penerbitan SPM Tanggal anggaran : Tanggal SPD : Kode SPD : Tanggal DPA : Kode DPA : Lokasi kegiatan : Nama kegiatan : Tanggal ACC : Kode SPP :

Rancian penggunaan anggaran

Kode rekening uraian volume satuan harga jumlah potong

Gambar 3. 78 Desain Form Penerbitan SPM

3.8.21.Desain Form Insert Potongan SPM

Desain form untuk proses insert potongan SPM adalah sebagai berikut:

Tambahkan potongan SPM

Pajak : Potongan : Uraiang yang dikenakan potongan : Kode SPP :

Pilih potongan

submit batal

Kode rekening uraian jumlah potongan

3.8.22. Desain Form Detail SPM

Desain form untuk menampilkan data detail SPM adalah sebagai berikut:

SPM SPM Kode SPD/tanggal SPD : NPWP : BANK/no rekening : Bendahara pengeluaran : SKPD : Kode SPM : Tahun anggaran :

Kode Rekening uraian jumlah potongan

Gambar 3. 80 Desain Form Detail SPM

3.8.23.Form Daftar SPM

Desain form untuk menampilkan daftar SPM yang ada dalam sistem adalah sebagai berikut:

SKPD Kode SPM Tanggal pengajuan satatus detail

Form Daftar SPM

Gambar 3. 81 Form Daftar SPM

3.8.24. Form Antrian Verifikasi SPM

Desain form untuk menampilkan daftar antrian verifikasi SPM

3.8.25.Desain Form Antrian Penerbitan SP2D

Desaian form untuk menampilkan antrian permbuatan SP2D adalah sebagai berikut:

Kode SPM Tanggal ACC Nama kegiatan lokal lihat

Form Antrian Pembuatan SP2D

Gambar 3. 83 Desain Form Antrian Pembuatan SP2D

3.8.26.Desain Form Pencairan SP2D

Desain form untuk melakukan proses pencairan SP2D adalah sebagai berikut:

Pencairan SP2D

Kode SP2D : Pilih kode SP2D CAIRKAN

KODE SP2D Kode pencairan Tanggal pencairan kegiatan jumlah

Gambar 3. 84 Desain Form Pencairan SP2D

3.8.27.Desain Form Pembuatan NPD

Desaian form untuk melakukan proses pembuatan NPD adalah sebagai berikut:

BUAT NOTA PENCAIRAN DANA

Kode SP2D :

BUAT NPD RESET

Kode NPD Kode SP2D jumlah status

3.8.28. Desain Antrian persetujuan NPD

Desain form untuk menampilkan antrian persetujuan NPD alah sebagai berikut:

Antrian persetujuan NPD

Kode NPD jumlah Tanggal pengajuan lihat

Gambar 3. 86 Desain Form Antrian Persetujuan NPD

3.8.29. Desain Form Antrian Verifikasi NPD

Desain Form untuk menampilkan antrian verifikasi NPD adalah sebagai berikut:

Antrian ACC nota Pencairan Dana

Kode NPD jumlah Tanggal pengajuan lihat

Gambar 3. 87 Desain Antrian verifikasi NPD

3.8.30. Desain Form Pembuatan Bukti Pembelanjaan

Desain form untuk proses pembuatan bukti pembelanjaan adalah sebagai berikut:

BUAT BUKTI PEMBELANJAAN

Nama penerima : NIP penerima :

Kode SP2D : Pilih kode SP2D

BUAT BUKTI RESET

Kode Bukti Tanggal pembelanjaan jumlah detail

3.8.31. Desain Form Rincian Pembelanjaan

Desain form untuk proses insert rincian pembelanjaan adalah sebagai berikut:

INSERT RINCIAN PEMBELANJAAN

Jumlah : Pos yang dibelanjakan :

Saldo : Kode SP2D :

Pilih yang dibelanjakan

Tambahkan Reset

uraian jumlah potongan

Dalam dokumen SISTEM INFORMASI SUB TRANSAKSI PENGELUARAN KEUANGAN DAERAH BERBASIS WEB DENGAN JSP DAN MYSQL (Halaman 168-182)