Perancangan Antar Muka Perancangan Sistem
STUKTUR MENU HALAMAN UTAMA
Prof il
Pr o
fil D
ina s
Vi si
dan Mi
si
P ro
g ra
m Ke
rja
Index
Ag e
n d
a lo
g o
u t
P et
a d
an G
eog ra
fis STUKTUR MENU
HALAMAN DINAS Mast
er Jal
an U
sul an
Ja lan
Kont ra
kt or
Konsu ltan
Pe ncai
ra n
Keua ngan
SP 2P
P em
bayaran Keua
ngan SP
M
Pe k
e rj
a a
n J
a la
n
Kon tra
k Ker
ja Prog
re s
Keu anga
n
P ro
g re
s Pe
k e
rja a
n
Prog re
s Fi
si k
P rog
re s
Fi si
k d
an Ke
uang an
P ro
gres keua
ngan
L a
p o
ra n
Pr o
gres Fi
si k
R e
kap U
sul an
Ag enda
Be rit
a
A d
m in
ba ckU
p D
a ta
R eso
tre D
at a
R en
cana K
erj a
U se
r
Ha la
m a
n Di
n a
s Ars
ip Be
rit a
Gambar 4.38. Stuktur Menu Halaman Dinas
1. Stuktur Menu Konsultan Stuktur menu ini merupakan menu yang ada pada halaman Konsultan
setelah dimana user melakukan terlebih dahulu. Halaman ini adalah halaman untuk menyampaikan laporan progres fisik.
STUKTUR MENU HALAMAN
KONSULTAN P
ro fil
P rofil
Di na
s V
isi d
a n Mi
s i
P rog
ra m
K e
rja In
d ex
A ge
nd a
lo go
u t
P e
ta d an
Geo g
ra fis
H a
la man
K o
ns ul
ta n
P ROG
RE S
F IS
IK P
ROG RE
S K
E U
A N
G A
N
Gambar 4.39. Stuktur Menu Konsultan 4.2.4.2 Perancangan Input
Desain input merupakan awal di mulainya suatu proses informasi, dimana bahan bahan mentah dari informasi atau data suatu organisasi. Akurat tidaknya
suatu data dari sistem informasi tidak lepas dari data yang di masukkan. Adapun perancangan input adalah sebagai berikut :
1. Halaman Utama Halaman utama dimana user pertama kali masuk ke website Dinas Bina
Marga Kabupaten Bandung. Pada halaman ini user dapat mengakses informasi kebinamargaan.
HEADER
FOOTER
Index Profil
Program Kerja Arsip Berita
Agenda Halaman Dinas
Login
RIGHT
Gambar 4.40. Halaman Utama
2. Halaman Login Halaman login ini, untuk menentukan hak akses user. Sebelum user dapat
mengakses data. Jika user belum mempunyai username, user diharuskan menghubungi admin untuk membuat acount.
username password
halaman login
login
Gambar 4.41. Halaman Login 3. Halaman Utama Dinas
Halaman utama Dinas setelah user login hak akses sebagai Bidang Jalan, Bidang Keuangan, Bidang Program, Admin. Pada halaman ini Pegawai Dinas
Bina Marga dapat melakukan penginputan, pengolahan, dan penyimpanan data.
HEADER
FOOTER
Master Pekerjaan Jalan
progres jalan laporan
Admin Index
Profil Program Kerja
Arsip Berita Agenda
Halaman Dinas Logout
Gambar 4.42. Halaman Utama Dinas
4. Halaman Utama Konsultan Halaman utama setelah user login dengan hak akses sebagai Konsultan.
Dimana konsultan dapat menginput laporan hasil dilapangan.
HEADER
FOOTER
Index Profil
Program Kerja Arsip Berita
Agenda Halaman Konsultan
Logout Progres Fisik
Progres Keuangan
Gambar 4.43. Halaman Utama Konsultan
5. Halaman Input Usulan Jalan Halaman ini untuk menginputkan data usulan jalan yang telah di survey
dilapangan, yang akan di proses untuk pekerjaan jalan.
HALAMAN INPUT USULAN JALAN
Ruas Jalan Panjang
Lebar
Konstruksi Biaya
Anggaran Sumber Dana
Kondisi Rusak Ringan
Rusak Berat Kode Prioritas
Rawan Pangan Fungsi Jalan
Polulasi Kendaraan roda 4
Mendukung Hasil Pertanian
Pergerakan Barang dan Jasa
Peluang Investasi
Peningkatan Pendapatan Masyarakat
simpan batal
Usulan Jalan Recana Pekerjaan
Gambar 4.44. Halaman Input Usulan Jalan
6. Halaman Input Kontrak Kerja Halaman ini untuk menginput data kontrak kerja, setelah ditentukan
pemenang tendernnya.
HALAMAN INPUT KONTRAK KERJA
Jenis Penyedia Nama
Alamat Tlp
Ruas Jalan Tahun Anggaran
No. Kontrak Tgl Kontrak
Nilai Kontrak Waktu Mulai
Waktu Selesai No. Kontrak
Ruas Jalan Tgl Kontrak
Nilai Kontrak Waktu Mulai
Waktu selesai
simpan batal
Gambar 4.45. Halaman Input Kontrak Kerja
7. Halaman Pembayaran Keuangan Halaman ini untuk menginput pembayaran keuangan SPM
HALAMAN INPUT PEMBAYARAN
KEUANGAN
No. SPM Tanggal
Kode Penyedia
Jumlah Pembayaran
Keperluan No. Kontrak
simpan batal
Pembayaran
x =
terbilang
Gambar 4.46. Halaman Input Pembayaran Keuangan
8. Halaman Input Pencairan Keuangan Halaman ini untuk menginput Pencairan Keuangan SPM yang mengacu
pada pembayaran Keuangan SP2P.
HALAMAN INPUT PENCAIRAN KEUANGAN
No. SPM Tgl
Pembayaran SKPD
No. SP2P Tgl
Pencairan Dari
Tahun Anggaran
Keperluan No. Kontrak
Jumlah Pembayaran
Nilai Kontrak Ruas Jalan
Nama Penyedia
No. NPWP Bank
No. Rekening
PPN PPH
Jum. Potongan
Denda Astek
Jum. Pembayaran
Total Pembayaran
simpan batal
terbilang
Gambar 4.47. Halaman Input Pencairan Keuangan
9. Halaman Input Progres Fisik Halaman ini untuk menginput progres jalan di lapangan oleh konsultan
setiap minggunya.
HALAMAN INPUT PROGRES FISIK
Nama Jalan
Divisi 1
Bobot
Jumlah bobot
simpan batal
total bobot
Minggu Ke Tanggal Periode
sd
Bobot
Jumlah bobot
Divisi 2
Bobot
Divisi 3
Jumlah bobot Bobot
Jumlah bobot
Divisi 4
Bobot
Divisi 5
Jumlah bobot
Nama Konsultan No. Kontrak
Gambar 4.48. Halaman Input Progres Fisik
10. Halaman Input Rekap Usulan Halaman ini untuk mencetak rekap usulan setelah disetujui pada tingkat
musrenbang.
Tahun anggaran : proses
Gambar 4.49. Halaman Input Rekap Usulan
11. Halaman Input Laporan Prgres Fisik dan Keuangan Halaman ini untuk mencetak laporan progres fisik dan keuangan per-
periode.
Periode Tanggal proses
sd
Gambar 4.50. Halaman Input Progres Fisik dan Keuangan 4.2.4.3. Perancangan Output
Perancangan output merupakan hasil dari pengolahan data yang diterima dari proses masukkan, dan kemudian dapat dicetak. Adapun rancangan output
adalah : 1. Rekap Usulan Jalan
Rekap ini merupakan rekap usulan jalan yang telah menjadi prioritas yang telah disetujui pada tinggak musrenbang.
REKAP USULAN MUSRENBANG TAHUN ANGGARAN 2010-2011
Kode Jalan Ruas Jalan
kecamatan volume
P L
usulan volume
P L
Biaya konstruksi
kondisi Sumber Dana
Gambar 4.51. Rekap Usulan Jalan
2. Laporan Progres Keuangan Laporan ini merupakan laporan pembayaran keuangan kepada penyedia
jasa. Laporan ini dibuat per-periode.
Laporan Progres Keuangan
Kode Jalan Ruas Jalan
Penyedia Jasa No. Kontrak
Biaya Usulan
Realisasi Keuangan
Periode
Nilai Kontrak Realisasi
Keuangan SP2P
Gambar 4.52 Laporan Progres Keuangan
3. Laporan Progres Fisik Laporan ini merupakan laporan progress fisik dilapangan yang dibuat per-
periode.
Laporan Progres Fisik
Kode Jalan Ruas Jalan
Penyedia Jasa No. Kontrak
Periode
deviasi Waktu pelaksanaan
Mulai Selesai
Realisasi Pekerjaan
Jenis Penyedia
Gambar 4.53 Laporan Progres Fisik
4. Laporan Progres Fisik dan Keuangan Laporan Progres Fisik dan Keuangan laporan adalah gabungan laporan
dari progress fisik dan keuangan yang dibuat oleh bidang program per-periode untuk serahkan kepada Kepala Dinas.
Laporan Progres Fisik dan Keuangan
Ruas Jalan kecamatan
Jenis Penyedia
Nama Penyedia
Periode
deviasi No. Kontrak
Nilai kontrak
Status Tgl Kontrak
Waktu pelaksanaan Mulai
Selesai fisik
keu Realisasi
Gambar 4.54 Laporan Progres Fisik dan Keuangan
93