BAB 3 PEMBAHASAN
3.4 Perancangan Arsitektur Perangkat Lunak
3.4.2 Perancangan Antarmuka
Pengguna utama system ini adalah bagian yang menangani seputar penerimaan transaksi pembayaran yang tingkat kemampuan dalam menggunakan system bervariasi sehingga rancangan antarmuka harus sederhana dan mudah digunakan. Karena aplikasi yang akan dibangun berjalan di lingkungan web, tampilan aplikasi hanya dapat dilihat dalam browser. TPU yang dihasilkan harus
Login Pelkas
Home Validasi
TPU pelkas
Status TPU Pembatalan
TPU Logout Ganti Passwor Print out laporan Lihat laporan Login KasubagKeu Home Validasi TPU KasubagKeu
Status TPU Pembatalan
TPU Logout Ganti Passwor Print out laporan Lihat laporan
informatif dan memuat semua informasi yang diperlukan sebagai bukti penyetoran uang.
1. Login Sebagai KasubSie
Tabel Perancangan Antar Muka login sebagai kasubsie
Form Navigasi TF01
Klik Login menuju TF01a.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.16 Perancangan Tampilan Halaman Awal
TF01a
Klik Close Panel menuju TF01.
Jika Username dan Password sesuai maka akan menuju TF102. Jika tidak maka akan menuju M09 atau M10
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
TF102
Klik Home menuju ke TF102.
Klik Ganti Password menuju ke TF103.
Klik TPU Baru menuju ke TF105.
Klik Status TPU menuju ke TF108.
Klik Pembatalan TPU
menuju ke TF109.
Klik Logout menuju ke TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.18 Perancangan Tampilan Halaman Utama User Kasubsie
TF103
Klik Kembali menuju ke TF102.
Klik Ganti menuju ke TF104. Apabilia isisan belum lengkap akan menuju M06. Jika pengisian password lama salah maka akan muncul pesan M07 Jika password baru tidak sama pada saat pengulangan password baru maka akan muncul pesan M08.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.19 Perancangan Tampilan Halaman Ganti PasswordUser Kasubsie
Logo dan banner
home manajemen laporan logout TPU baru Status TPU
Pembatalan TPU footer User info Login sebagai : ….. Tanggal : …… jam : ……. Ganti Password
Logo dan banner
kembali
footer Ganti Password
Password lama Password baru Ulangi Password baru
TF104
Klik Home menuju ke TF102.
Klik TPU Baru menuju ke TF105.
Klik Status TPU menuju ke TF108.
Klik Pembatalan TPU
menuju ke TF109.
Klik Logout menuju ke TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.20
Perancangan Tampilan Halaman Ganti Password berhasil User Kasubsie
TF105
Klik Home menuju ke TF102.
Klik TPU Baru menuju ke TF105.
Klik Status TPU menuju ke TF108.
Klik Pembatalan TPU
menuju ke TF109.
Klik Logout menuju ke TF01.
Klik Next menuju ke TF106. Apabila tanggal TPU belum terisi maka akan muncul pesan M03 , dan juga jika jumlah setor belum terisi maka akan muncul pesan M04.
Klik Reset me-reset form isian TPU BARU.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout TPU baru Status TPU
Pembatalan TPU
footer Perubahan password berhasil !
Logo dan banner
home manajemen laporan logout TPU baru Status TPU
Pembatalan TPU footer TPU Baru Tanggal TPU Kota Pelayanan Jumlah setor (Rp) next reset v
Gambar 3.21 Perancangan Tampilan Halaman TPU Baru 1 User Kasubsie
TF106
Klik Kembali menuju ke TF105.
Klik Simpan menuju ke TF107. Jika isian tidak sesuai maka akan menuju M05, M11,M12,M13 atau M14
Klik Reset me-reset form isian Tanda Penyetoran Uang
Klik Browse untuk meng-upload tanda bukti penyetoran, berupa gambar. Klik Tambah untuk
menambah isian rincian TPU
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
TF107
Klik Kembali menuju ke TF105.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.23 Perancangan Tampilan Halaman TPU Baru Berhasil Disimpan User Kasubsie TF108
Klik Home menuju ke TF102.
Klik TPU Baru menuju ke TF105.
Klik Status TPU menuju ke TF108.
Klik Pembatalan TPU
menuju ke TF109.
Klik Logout menuju ke TF01.
Klik cari untuk
menampilkan pencarian. Klik View menuju TF10. Klik Print menuju TF11.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
kembali
footer Data telah tersimpan !
Logo dan banner
home manajemen laporan logout TPU baru Status TPU
Pembatalan TPU footer Status TPU Kota pelayanan tanggal status
Kota pelayanan : ….. |tanggal : ….. |status : ……. cari v S /d v No No TPU Tgl Kota pelayanan
Jmlh uang Val-1 Val-2 Val-1
View| Print
icon icon icon
Gambar 3.24 Perancangan Tampilan Halaman Status TPU User Kasubsie TF109
Klik Home menuju ke TF102.
Klik TPU Baru menuju ke TF105.
Klik Status TPU menuju ke TF108.
Klik Pembatalan TPU
menuju ke TF109.
Klik Logout menuju ke TF01.
Klik cari untuk
menampilkan pencarian. Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.25 Perancangan Tampilan Halaman Pembatalan TPU User Kasubsie
Logo dan banner
home manajemen laporan logout TPU baru Status TPU
Pembatalan TPU footer Pembatalan TPU Kota pelayanan tanggal Kota pelayanan : ….. cari v S /d No No TPU Tgl Kota pelayanan
Jmlh uang Dibatalkan oleh
TF110
Klik Kembali menuju ke form sebelumnya TF109 / TF108.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.26 Perancangan Tampilan Halaman View TPU User Kasubsie
Logo dan banner
kembali
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
1. Transfer / setor melalui bank : Rp ……
2. Setoran tunai ke kas besar : Rp …… 3. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ………..
Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Bukti transaksi
Gambar
TF111
Form untuk meng-print out laporan TPU.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.27 Perancangan Tampilan Halaman Print TPU User Kasubsie
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
1. Transfer / setor melalui bank : Rp …… 2. Setoran tunai ke kas besar : Rp …… 3. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ……….. Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Dibuat dan disetor
………/………./………. Mengetahui dan disetujui
…………./………./……… Diperiksa
…………./………./……… Mengetahui dan disetujui
…………./………./………
2. Login Sebagai Kasie
Tabel Perancangan Antar Muka login sebagai kasie
FORM KETERANGAN TF01
Klik Login menuju TF01a.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.28 Perancangan Tampilan Halaman Awal User Kasie
TF01a
Klik Close Panel menuju TF01.
Jika Username dan Password sesuai maka akan menuju TF102. Jika tidak maka akan menuju M09 atau M10
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
TF202
Klik Home menuju ke TF202.
Klik Ganti Password menuju ke TF203.
Klik ValidasiTPU Cab
menuju ke TF205. Klik Status TPU menuju
ke TF208.
Klik Pembatalan TPU
menuju ke TF209. Klik Logout menuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.30 Perancangan Tampilan Halaman View TPU User Kasie TF203
Klik Kembali menuju ke TF202.
Klik Ganti menuju ke TF204. Apabilia isisan belum lengkap akan menuju M06. Jika pengisian password lama salah maka akan muncul pesan M07 Jika password baru tidak sama pada saat pengulangan password baru maka akan muncul pesan M08.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout Validasi TPU cab Status TPU
Pembatalan TPU footer User info Login sebagai : ….. Tanggal : …… jam : ……. Ganti Password
Logo dan banner
kembali
footer Ganti Password
Password lama Password baru Ulangi Password baru
Gambar 3.31 Perancangan Tampilan Halaman Ganti Password User Kasie TF204
Klik Homemenuju ke TF202.
Klik ValidasiTPU Cab
menuju ke TF205. Klik Status TPU menuju
ke TF208.
Klik Pembatalan TPU
menuju ke TF209. Klik Logoutmenuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.32 Perancangan Tampilan Halaman Ganti Password berhasil User Kasie TF205
Klik Homemenuju ke TF202.
Klik Validasi TPU cab
menuju ke TF205. Klik Status TPU menuju
ke TF208.
Klik Pembatalan TPU
menuju ke TF209. Klik Logout menuju ke
TF01.
Klik Validasi menuju ke TF206 lelu menuju ke M02 atau M01. Klik Batal menuju ke
TF207 lelu menuju ke M02 atau M01.
Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout Validasi TPU cab Status TPU
Pembatalan TPU
footer Perubahan password berhasil !
Logo dan banner
home manajemen laporan logout Validasi TPU cab Status TPU
Pembatalan TPU
footer Validasi TPU Cabang
Kota pelayanan
tanggal cari
v S /d
No No Tanggal Kota pelayanan Jumlah uang
View
validasi batal
Gambar 3.33 Perancangan Tampilan Halaman Validasi TPU User Kasie TF206
Klik Kembali menuju ke TF205.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.34 Perancangan Tampilan Halaman Validasi TPU Berhasil User Kasie TF207
Klik Kembali menuju ke TF205.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar.3.35 Perancangan Tampilan Halaman Pembatalan TPU Berhasil User Kasie
Logo dan banner
kembali
footer TPU telah divalidasi !
Logo dan banner
kembali
footer TPU telah dibatalkan !
TF208
Klik Homemenuju ke TF202.
Klik Validasi TPU cab
menuju ke TF205. Klik Status TPU menuju
ke TF208.
Klik Pembatalan TPU
menuju ke TF209. Klik Logout menuju ke
TF01.
Klik cari untuk menampilkan pencarian. Klik View menuju TF10. Klik Print menuju TF11.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.36 Perancangan Tampilan Halaman Status TPU User Kasie TF209
Klik Homemenuju ke TF202.
Klik Validasi TPU cab
menuju ke TF205. Klik Status TPU menuju
ke TF208.
Klik Pembatalan TPU
menuju ke TF209. Klik Logout menuju ke
TF01.
Klik cari untuk memulai pencarian.
Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout Status TPU Pembatalan TPU footer Status TPU Kota pelayanan tanggal status
Kota pelayanan : ….. |tanggal : ….. |status : ……. cari v S /d v No No TPU Tgl Kota pelayanan
Jmlh uang Val-1 Val-2 Val-1
View | Print
icon icon icon Validasi TPU cab
Logo dan banner
home manajemen laporan logout Status TPU Pembatalan TPU footer Pembatalan TPU Kota pelayanan tanggal Kota pelayanan : ….. cari v S /d No No TPU Tgl Kota pelayanan
Jmlh uang Dibatalkan oleh
View
Gambar 3.37 Perancangan Tampilan Halaman Status TPU User Kasie TF210
Klik Kembali menuju ke TF208/TF209
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.38 Perancangan Tampilan Halaman View TPU User Kasie
Logo dan banner
kembali
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
1. Transfer / setor melalui bank : Rp …… 2. Setoran tunai ke kas besar : Rp …… 3. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ………..
Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Bukti transaksi
Gambar
TF211
Form untuk meng-print out laporan TPU.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.39 Perancangan Tampilan Halaman Print TPU User Kasie
Tanda Penyetoran Uang _ | | X
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
1. Transfer / setor melalui bank : Rp …… 2. Setoran tunai ke kas besar : Rp …… 3. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ……….. Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Dibuat dan disetor
………/………./………. Mengetahui dan disetujui
…………./………./……… Diperiksa
…………./………./……… Mengetahui dan disetujui
3. Login Sebagai Pelkas
Tabel Perancangan Antar Muka login sebagai Pelkas
FORM KETERANGAN TF01
Klik Login menuju TF01a.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.40 Perancangan Tampilan Halaman Awal
TF01a
Klik Close Panel menuju TF01.
Jika Username dan Password sesuai maka akan menuju TF102. Jika tidak maka akan menuju M09 atau M10
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Gambar 3.41 Perancangan Form Login TF302
.
Klik Home menuju ke TF302.
Klik Ganti Password menuju ke TF303. Klik Validasi TPU Kas
menuju ke TF305. Klik Status TPU menuju
ke TF308.
Klik Pembatalan TPU
menuju ke TF309. Klik Logout menuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.42 Perancangan Tampilan Halaman Utama User Pelaksana Kas
TF303
Klik Kembali menuju ke TF302.
Klik Ganti menuju ke TF304. Apabilia isisan belum lengkap akan menuju M06. Jika pengisian password lama salah maka akan muncul pesan M07 Jika password baru tidak sama pada saat pengulangan password baru maka akan muncul pesan M08.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.43 Perancangan Tampilan Halaman Ganti Password User Pelaksana Kas
Logo dan banner
home manajemen laporan logout Validasi TPU kas Status TPU
Pembatalan TPU footer User info Login sebagai : ….. Tanggal : …… jam : ……. Ganti Password
Logo dan banner
kembali
footer Ganti Password
Password lama Password baru Ulangi Password baru
TF303
Klik Homemenuju ke TF302.
Klik Validasi TPU Kas
menuju ke TF305. Klik Status TPU menuju
ke TF308.
Klik Pembatalan TPU
menuju ke TF309. Klik Logout menuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.44 Perancangan Tampilan Halaman Ganti Password Berhasil User Pelaksana Kas
TF305
Klik Home menuju ke TF302.
Klik ValidasiTPU Kas
menuju ke TF305. Klik Status TPU menuju
ke TF308.
Klik Pembatalan TPU
menuju ke TF309. Klik Logout menuju ke
TF01.
Klik Validasi menuju ke TF306 lelu menuju ke M02 atau M01.
Klik Batal menuju ke TF306 lelu menuju ke M02 atau M01.
Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout Validasi TPU kas Status TPU
Pembatalan TPU
footer Perubahan password berhasil !
Logo dan banner
home manajemen laporan logout Validasi TPU kas Status TPU
Pembatalan TPU
footer Validasi TPU Cabang
Kota pelayanan
tanggal cari
v
S /d
No No Tanggal Kota pelayanan Jumlah uang
View
validasi batal
Gambar 3.45 Perancangan Tampilan Halaman Validasi TPU User Pelaksana Kas TF306
.
Klik Kembali menuju ke TF305.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.46 Perancangan Tampilan Halaman Validasi TPU Berhasil User Pelaksana Kas
TF307
Klik Kembali menuju ke TF305.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.47 Perancangan Tampilan Halaman Pembatalan TPU Berhasil User Pelaksana Kas
Logo dan banner
kembali
footer TPU telah divalidasi !
Logo dan banner
kembali
footer TPU telah dibatalkan !
TF308
Klik Home menuju ke TF302.
Klik ValidasiTPU Kas
menuju ke TF305. Klik Status TPU menuju
ke TF308.
Klik Pembatalan TPU
menuju ke TF309. Klik Logout menuju ke
TF01.
Klik cari untuk menampilkan pencarian. Klik View menuju TF10. Klik Print menuju TF11.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.48 Perancangan Tampilan Halaman Status TPU User Pelaksana Kas
TF309
Klik Home menuju ke TF302.
Klik ValidasiTPU Kas
menuju ke TF305. Klik Status TPU menuju
ke TF308.
Klik Pembatalan TPU
menuju ke TF309. Klik Logout menuju ke
TF01.
Klik cari untuk memulai pencarian.
Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Logo dan banner
home manajemen laporan logout Status TPU Pembatalan TPU footer Status TPU Kota pelayanan tanggal status
Kota pelayanan : ….. |tanggal : ….. |status : ……. cari v S /d v No No TPU Tgl Kota pelayanan
Jmlh uang Val-1 Val-2 Val-1
View | Print
icon icon icon Validasi TPU kas
Logo dan banner
home manajemen laporan logout Status TPU Pembatalan TPU footer Pembatalan TPU Kota pelayanan tanggal Kota pelayanan : ….. cari v S /d No No TPU Tgl Kota pelayanan
Jmlh uang Dibatalkan oleh
View
Gambar 3.49 Perancangan Tampilan Halaman Pembatalan TPU User Pelaksana Kas TF310
melihat Laporan TPU.
Klik Kembali menuju ke form sebelumnya TF309 / TF308.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.50 Perancangan Tampilan Halaman View TPU User Pelaksana Kas
Logo dan banner
kembali
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
4. Transfer / setor melalui bank : Rp …… 5. Setoran tunai ke kas besar : Rp …… 6. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ………..
Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Bukti transaksi
Gambar
TF311
Form untuk meng-print out laporan TPU.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.51 Perancangan Tampilan Halaman Print TPU User Pelaksana Kas
Tanda Penyetoran Uang _ | | X
footer
No TPU : ….. loket : …… Bulan / tahun : …… periode : …..
Tanggal : ….. sejumlah : ….. Rincian penyetoran ke kas PDAM TirtaRaharja :
4. Transfer / setor melalui bank : Rp …… 5. Setoran tunai ke kas besar : Rp …… 6. Lainnya : Rp ……
Rincian penerimaan oleh pelaksana kas
No Nama / NIPP Pada LPP rek air Pada LPP rek non air Jumlah A : ………..
Jumlah B : ……….. Uraian penjelasan penerimaan
No Uraian LBR jumlah
Jumlah C : ……….. Dibuat dan disetor
………/………./………. Mengetahui dan disetujui
…………./………./……… Diperiksa
…………./………./……… Mengetahui dan disetujui
4. Login Sebagai Kasubag keu
Tabel Perancangan Antar Muka login sebagai Kasubag Keu
FORM KETERANGAN TF01
Klik Login menuju TF01a.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.52 Perancangan Tampilan Halaman Awal
TF01a
Klik Close Panel menuju TF01.
Jika Username dan Password sesuai maka akan menuju TF102. Jika tidak maka akan menuju M09 atau M10
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
TF402
Klik Homemenuju ke TF402.
Klik Ganti Password menuju ke TF403. Klik Validasi TPU Keu
menuju ke TF405. Klik Status TPU menuju
ke TF408.
Klik Pembatalan TPU
menuju ke TF409. Klik Logout menuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.54 Perancangan Halaman Utama
TF403
Klik Kembali menuju ke TF402.
Klik Ganti menuju ke TF404. Apabilia isisan belum lengkap akan menuju M06. Jika pengisian password lama salah maka akan muncul pesan M07 Jika password baru tidak sama pada saat pengulangan password baru maka akan muncul pesan M08.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.55 Perancangan Halaman ganti password
Logo dan banner
home manajemen laporan logout Validasi TPU keu Status TPU
Pembatalan TPU footer User info Login sebagai : ….. Tanggal : …… jam : ……. Ganti Password
Logo dan banner
kembali
footer Ganti Password
Password lama Password baru Ulangi Password baru
TF404
Klik Homemenuju ke TF402.
Klik Validasi TPU Keu
menuju ke TF405. Klik Status TPU menuju
ke TF408.
Klik Pembatalan TPU
menuju ke TF409. Klik Logoutmenuju ke
TF01.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.56 Perancangan Halaman Ganti Password Berhasil User KasubagKas TF405
Klik Homemenuju ke TF402.
Klik Validasi TPU Keu
menuju ke TF405. Klik Status TPU menuju
ke TF08.
Klik Pembatalan TPU
menuju ke TF409. Klik Logout menuju ke
TF01.
Klik Validasi menuju ke T406 lelu menuju ke M02 atau M01.
Klik Batal menuju ke TF406 lelu menuju ke M02 atau M01.
Klik View menuju TF10.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.57 Perancangan Halaman Validasi TPU User KasubagKas
Logo dan banner
home manajemen laporan logout Validasi TPU keu Status TPU
Pembatalan TPU
footer Perubahan password berhasil !
Logo dan banner
home manajemen laporan logout Validasi TPU keu Status TPU
Pembatalan TPU
footer Validasi TPU Cabang
Kota pelayanan
tanggal cari
v
S /d
No No Tanggal Kota pelayanan Jumlah uang
View
validasi batal
TF406
Klik Kembali menuju ke TF405.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.58 Perancangan Halaman Validasi TPU Berhasil User KasubagKas
TF407
Klik Kembali menuju ke TF405.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.59 Perancangan Halaman Pembatalan TPU Berhasil User KasubagKas
Logo dan banner
kembali
footer TPU telah divalidasi !
Logo dan banner
kembali
footer TPU telah dibatalkan !
TF408
Klik Homemenuju ke TF402.
Klik Validasi TPU Keu
menuju ke TF405. Klik Status TPU menuju
ke TF08.
Klik Pembatalan TPU
menuju ke TF409. Klik Logout menuju ke
TF01.
Klik cari untuk menampilkan pencarian. Klik View menuju TF10 Klik Print menuju TF11.
Ukuran : 1024 x 768
Warna Background : Abu – Abu
Font : Arial
Gambar 3.60 Perancangan Halaman Status TPU User KasubagKas TF409
Klik Homemenuju ke TF402.
Klik Validasi TPU Keu
menuju ke TF405. Klik Status TPU menuju
ke TF08.