terkomputerisasi. Serta
memberikan akses
kepada pengguna
dalam menyampaikan informasi kebinamargaan serta pengolahan data progress fisik dan
keuangan. Diharapkan dapat melengkapi kekurangan dari sistem yang sedang berjalan, khususnya dalam hal penyampaian progress pekerjaan jalan dilapangan.
Dimana akan mempercepat proses pengentrian data dan pembuatan laporan progress fisik agar lebih efektif dan efisiensi waktu dalam pengerjaannya.
Sistem yang diusulkan ini mencoba untuk memperbaiki keakuratan data yang diolah dan data yang dihasilkan karena akan sangat berpengaruh dalam hal
peningkatan kinerja. 4.2.3.
Perancangan Prosedur Sistem yang Diusulkan
Sistem yang diusulkan merupakan hasil dari analisis dan pengkoreksian dimana alur prosesnya mengacu pada sistem bisnis yang sedang berjalan.
Diharapkan sistem yang di usulkan ini dapat melengkapi kekurangan-kekurangan yang ada. maka prosedur sistem yang diusulkan adalah :
1. Sistem berbasis website ini dalam mengakses data, pengguna diharuskan login terhadap sistem sesuai hak aksesnya. Untuk dapat mengakses web
portal kebinamargaan bidang jalan. Yang dapat di akses secara online. 2. Bidang Program dan Bidang Jalan dapat mengakses serta membuat usulan
jalan, membuat rencana pekerjaan jalan. Dan dapat menyeleksi data usulan yang telah di input sesuai dengan prioritas jalan yang telah di survey
dilapangan dan disahkan pada rapat tingkat musrenbang.
3. Sistem membuat rekomendasi prioritas berdasarkan skala prioritas. Jika usulan belum terseleksi maka sistem secara otomatis berstatus pending,
Jika usulan yang telah diseleksi berstatus prioritas. 4. Bidang jalan menginputkan kontrak kerja setelah mendapatkan pemenang
tender kemudian disimpan pada database. 5. Sistem memeriksa waktu dimulainya pekerjaan pada kontrak kerja, jika
waktu mulai sama dengan sekarang, maka status menjadi “sedang
berjalan”. Dan jika progress fisik mencapai 100 secara otomatis status menjadi
“selesai”. 6. Konsultan diharuskan login terhadap sistem untuk dapat mengakses.
Setelah login konsultan dapat mengakses halaman konsultan. 7. Konsultan memilih nama jalan, dan menginput progress fisik yang
disimpan dalam database dan mengupdatenya. 8. Setiap bidang di Dinas Bina Marga dapat langsung mengawasi progress
pekerjaan jalan secara online dengan mengakses halaman progres fisik. 9. Bidang keuangan menginput pembayaran keuangan SPM dan pencairan
keuangan SP2P kemudian sistem mengupdate progress keuangan yang disimpan dalam database.
10. Konsultan dapat melihat progress keuangan yang telah di input oleh bagian keuangan setelah konsultan melakukan login.
11. Bidang Program Membuat laporan Progres Fisik dan Keuangan Setiap Bulannya.
4.2.3.1 Use Case Sistem Diagram
Dinas Bina Marga
Membuat Usulan
Login Menyeleksi
Usulan
include
membuat kontrak kerja
Mencairkan pembayaran
include Konsultan
Membuat Progres fisik
Menampilkan Progres Keuangan
include include
Membuat Lap. Progres Fisik Dan
keuangan
Mengolah data pembayaran
include
include
Gambar 4.6 Use Case Sistem Usulan
Skenario Use Case Sistem :
1. Nama Use Case : Login Actor
: Dinas Bina Marga dan Konsultan Skenario
: Table : 4.1. Skenario Use Case Login
Aksi Actor Reaksi Sistem
1. Login sebagai Bidang Jalan, Bidang Program,
Bidang Keuangan, memeriksa username dan password
Masuk ke halaman Dinas
2. Login sebagai Konsultan Memeriksa username dan password
Masuk ke halaman Konsultan
2. Nama Use Case : Membuat Usulan Aktor
: Dinas Bina Marga Skenario
: Table : 4.2. Skenario Use Case Mebuat Usulan
Aksi Actor Reaksi Sistem
1. Masuk halaman Usulan jalan
Menampilkan data Usulan Jalan.
2. Tambah Usulan Menampilkan halaman tambah Usulan Jalan.
Memeriksa inputan data, jika masih ada yang kosong proses tidak dapat melanjutkan.
3. Simpan Usulan Data disimpan dalam database.
Kembali kehalaman usulan Jalan.
3. Nama Use Case : Menyeleksi Usulan Actor
: Dinas Bina Marga Skenario
: Tabel : 4.3. Skenario Use Case Seleksi Usulan
Aksi Actor Reaksi Sistem
1. Memilih usulan jalan Status menjadi prioritas
pending Status Update
4. Nama Use Case : Membuat Kontrak Kerja Actor
: Dinas Bina Marga Skenario
: Tabel : 4.4. Skenario Use Case Membuat Kontrak Kerja
Aksi Actor Reaksi Sistem
1. Masuk halaman Kontrak Kerja
Menampilkan data Kontrak Kerja
2. Tambah Kontrak Kerja Menampilkan halaman tambah kontrak Kerja
Menampilkan usulan data jalan yang telah menjadi prioritas.
Memeriksa inputan data, jika masih ada yang kosong proses tidak dapat melanjutkan.
3. Simpan Kontrak Kerja Data disimpan dalam database.
Kembali ke halaman kontrak kerja.
5. Nama Use Case : Mengolah Data Pembayaran Keuangan dan mencairkan Pembayaran Keuangan.
Actor : Dinas Bina Marga
Skenario :
Tabel : 4.5. Skenario Use Case Mengolah Data Pembayaran Keuangan dan mencairkan Pembayaran Keuangan
Aksi Actor Reaksi Sistem
1. Masuk halaman pembaran keuanagn
Pembayaran Keuangan. Menampilkan data Pembayaran Keuangan.
2. Tambah Pembayaran Keuangan
Menampilkan halaman tambah pembayaran keuangan.
Sistem menampilkan Progres Keuangan ketika user menginputkan kontrak kerja.
Sistem memerika data yang di inputkan, belum lengkap proses tidak dapat dilanjutkan.
3. Simpan pembayaran Keuangan
Simpan pembayaran Keuangan. Kembali kehalaman pembayaran keuangan.
4. Memilih data pembayaran keuangan
Menampilkan ke halaman tambah Pencairan Keuangan.
5. Simpan pencairan Keuangan
Data disimpan dalam database. Update Progres Keuangan.
Kehalaman Pencairan Keuangan. 6. Nama Use Case : Membuat Progres Fisik
Actor : Konsultan
Skenario :
Tabel : 4.6. Skenario Use Case Membuat Progres Fisik
Aksi Actor Reaksi Sistem
1. Masuk halaman Konsultan
Menampilkan Data Kegiatan Jalan.
2. Memelih kegiatan jalan Menampilkan detail progress fisik setiap minggunya.
3. Tambah progress fisik Menampilkan halaman tambah progress fisik.
4. Simpan progress fisik Data Simpan dalam database.
Update progress fisik..
7. Nama Use Case : Membuat Laporan Progres Fisik dan Keuangan Actor
: Dinas Bina Marga Skenario
: Tabel : 4.7. Skenario Use Case Membuat Laporan Progres Fisik dan
Keuangan
Aksi Actor Reaksi Sistem
1. Masuk halaman fisik dan keuangan
Menampilkan data progress fisik dan keuangan
2. Buat laporan menampilkan data laporan tanggal periode.
3. Cetak laporan Mencetak laporan Progres Fisik dan Keuangan.
4.2.3.2. Activity Diagram
1. Activity Diagram Login :
User Halaman
Login
Halaman Dinas Bina Marga
Halaman Konsultan
cek user, password dan akses
halaman user halaman user
Input user, password dan akses
F T
masuk halaman login
db: Login
Gambar 4.7. Activity Diagram Login 2. Activity Diagram Membuat Usulan dan Seleksi Usulan :
User Halaman
Input Usulan db: Usulan
Jalan Seleksi Usulan
masuk halaman usulan jalan
menginput usulan jalan
Update prioritas
menyimpan usulan
menyeleksi usulan
status update
db: Jalan
memilih jalan
Gambar 4.8. Activity Diagram Membuat Usulan dan Seleksi Usulan
3. Activity Diagram Membuat Kontrak Kerja :
User
masuk halaman kontrak kerja
Halaman Input Kontrak Kerja
Input kontrak kerja
simpan kontrak kerja
db: Kontrak Kerja
memilih penyedia jasa
db: Penyedia Jasa
db: Usulan
memilih usulan jalan
Gambar 4.9. Activity Diagram Membuat Kontrak Kerja 4. Activity Diagram Mengolah Data Pembayaran keuangan :
User Halaman input
Pembayaran
masuk halaman pembayaran
input pembayaran
keuangan
menyimpan pembayaran
db : Kontrak Kerja
db: Progres Keuangan
db: Progres Fisik
db: Pembayaran
memilih kontrak kerja
menampilkan pembayaran
terakhir
T F
cek progres fisik
Gambar 4.10. Activity Diagram Mengolah Data Pembayaran keuangan
5. Activity Diagram Diagram Mencairkan Pembayaran keuangan dan Progres Keuangan :
User
Halaman input Pencairan
Keuangan
masuk halaman pembayaran
input pencairan keuangan
update progres keuangan
db: Pencairan Keuangan
db: Progres Keuangan
simpan pencairan keuangan
memilih data pembayaran
db: Pembayaran
Gambar 4.11. Activity Diagram Mencairkan Pembayaran dan Progres Keuangan 6. Activity Diagram Diagram Membuat Progres Fisik :
User
Halaman Detail Progres Fisik
masuk halaman progres fisik
input progres fisik
update progres fisik
db: Progres Fisik
simpan progres fisik
pilih progres jalan
Halaman Input Progres Jalan
menampilkan detail progres
fisik
Gambar 4.12. Activity Diagram Membuat Progres Fisik
7. Activity Diagram Diagram Membuat Laporan Progres Fisik dan Keuangan :
User
Halaman Laporan Progres Fisik dan
Keuangan
masuk halaman Lap progres fisik
dan keu memilih
tanggal
db: Progres Fisik
db: Progres Keuangan
Cetak laporan
memilih progres fisik
Memilih progres keuangan
Mencetak laporan
Gambar 4.13. Activity Diagram Membuat Laporan Progres Fisik dan Keuangan
4.2.3.3. Sequence Diagram
1. Sequence Diagram Login akses Halaman Dinas :
Halaman Login db: Login
User masuk halaman login
username, password dan akses Halaman Dinas Bina Marga
load Form
Load Form
input username, passwrod dan akses
Gambar 4.14. Sequence Diagram Login akses Halaman Dinas 2. Sequence Diagram Login akses Halaman Konsultan :
Halaman Login db: Login
User masuk halaman login
username, password dan akses Halaman Konsultan
load Form
Load Form
input username, passwrod dan akses
Gambar 4.15. Sequence Diagram Login akses Halaman Konsultan
3. Sequence Diagram Login gagal :
Halaman Login db: Login
User masuk halaman login
username, password dan akses
Load Form
input username, passwrod dan akses
login gagal
Gambar 4.16. Sequence Diagram Login gagal 4. Sequence Diagram Membuat Usulan Jalan dan Menyeleksi Usulan :
Halaman Input Usulan db: Usulan Jalan
db: Jalan User
Halaman Usulan Jalan masuk halaman usulan jalan
tambah usulan jalan
menyeleksi Usulan menampilkan data usulan
Simpan Data Usulan
Load Form
input usulan jalan
status prioritas Update
Status Menyeleksi Usulan
update prioritas
data prioritas terupdate simpan usulan
memilih jalan
Gambar 4.17. Sequence Diagram Membuat Usulan Jalan dan Menyeleksi Usulan
5. Sequence Diagram Membuat Kontrak Kerja :
db: Usulan Jalan db: Kontrak Kerja
user Halaman Kontrak Kerja
masuk halaman Kontrak Kerja tambah Kontrak Kerja
Halaman input Kontrak Kerja
memilih peyedia jasa simpan
Load form input Kontrak Kerja
menampilkan data kontrak db: Penyedia Jasa
simpan kontrak kerja memilih usulan jalan
Gambar 4.18. Sequence Diagram Membuat Kontrak Kerja 6. Sequence Diagram Mengolah Data Pembayaran keuangan Berhasil :
db: Progres Keuangan db: Kontrak Kerja
user Halaman Pembayaran Keuangan
Halaman Input Pembayaran Keuangan
db: Pembayaran masuk halaman pembayaran
tambah pembayaran input pembayaran
Load form memilih kontrak kerja
db: Progres Fisik
menampilkan pembayaran terakhir simpan pembayaran
Cek progres fisik
menampilkan data pembayaran Simpan
data cek progres fisik
progres fisik valid
Gambar 4.19. Sequence Diagram Mengolah Data Pembayaran Keuangan Berhasil 7. Sequence Diagram Mengolah Data Pembayaran keuangan gagal :
db: Progres Keuangan user
Halaman Pembayaran Keuangan Halaman Input Pembayaran
Keuangan masuk halaman pembayaran
tambah pembayaran input pembayaran
Load form db: Kontrak Kerja
memilih kontrak kerja db: Progres Fisik
menampilkan pembayaran terakhir tidak dapat melakukan pembayaran
Cek progres fisik
cek progres fisik
Gambar 4.20. Sequence Diagram Mengolah Data Pembayaran Keuangan Gagal
8. Sequence Diagram Mencairkan Pembayaran Keuangan dan Progres Keuangan:
Halaman Input Pencairan Keuangan
User Halaman Pembayaran Keuangan
db: Pencairan keuangan masuk halaman Pembayaran
data pembayaran
menampilkan data pencairan keuangan halaman Pencairan Keuangan
menampilkan halaman input db: progres keuangan
update progres keuangan db: Pembayaran
Load Form
memilih data pembayaran input pencairan keuangan
simpan pencairan keu update
Gambar 4.21. Sequence Diagram Mencairan Pembayaran keuangan dan progress keuangan
9. Sequence Diagram Membuat Progres Fisik :
User Halaman Progres Fisik
db: Progres Fisik masuk halaman progres fisik
memilih progres jalan Halaman Input Progres
Fisik Load form
simpan menampilkan data progres fisik
menampilkan detail progres fisik data progres jalan
Update Halaman Detail Progres
Fisik
tambah progres fisik Input progres fisik
simpan progres fisik
Gambar 4.22. Sequence Diagram Membuat Progress Fisik
10. Sequence Diagram Membuat Laporan Progres Fisik dan Keuangan :
User Cetak
Halaman Lap Progres Fisik dan Keuangan
masuk halaman Load form
memilih tanggal db: Progres Fisik
db: Progres Keuangan
Menampilkan progres fisik pili progres keuangan
Pilih progres fisik
Menampilkan progres keuangan
mencetak laporan
Gambar 4.23. Sequence Diagram Laporan Progress Fisik dan Keuangan
4.2.3.3. Collaboration Diagram
1. Colaboration Diagram Login Halaman Dinas :
User
Halaman Login
3. Input username, password dan akses
db: Login
4. Cek username dan password
1. masuk halaman Login 2. Load form
Halaman Dinas
Gambar 4.24. Colaboration Diagram Login Halaman Dinas 2. Colaboration Diagram Login Halaman Konsultan :
User
Halaman Login
3. Input username, password dan akses
db: Login
4. Cek username dan password
1. masuk halaman Login 2. Load form
Halaman Konsultan
Gambar 4.25. Colaboration Diagram Login Halaman Konsultan
3. Colaboration Diagram Login Gagal :
User
Halaman Login
3. Input username, password dan akses
db: Login
4. Cek username dan password
5. login gagal 1. masuk halaman Login
2. Load form
Gambar 4.26. Colaboration Diagram Login Gagal 4. Colaboration Diagram Membuat Usulan dan Menyeleksi Usulan :
User 1. masuk halaman usulan
Halaman Usulan Jalan
3. tambah usulan jalan 9. Seleksi Usulan
db: Jalan
5 . me
mi lih
j a
la n
Halaman Input Usulan Jalan
4. input usulan jalan 2. load form
db: Usulan Jalan
6 .
s imp
a n
u s
u la
n 8.
lo ad
fo rm
Menyeleksi usulan
1 . u
p d
a te
p ri
o ri
ta s
11 . st
at us
pr io
rit as
13 . d
at a
pr io
rit as
up da
te 7. simpan data usulan
12. update status
Gambar 4.27. Colaboration Diagram Membuat Usulan dan Seleksi Usulan
5. Colaboration Diagram Kontrak Kerja :
User 1. masuk halaman
kontrak kerja
Halaman Kontrak Kerja
3. tambah kontrak kerja
db: penyedia jasa
5 . m
e m
ilih p
e n
y e
d ia
ja s
a
Halaman Input Kontrak kerja
4. input kontrak kerja 2. load form
db: Usulan Jalan
6 .
m e
m ili
h u
s u
la n
j a
la n
db: Kontrak Kerja
9 . m
e n
a m
p ilk
a n
d a
ta K
o n
tra k
k e
rj a
7. s
im pa
n ko
nt ra
k ke
rja 8. simpan
Gambar 4.28. Colaboration Diagram Kontrak Kerja 6. Colaboration Diagram Mengolah Data Pembayaran Berhasil :
User 1. masuk halaman
pembayaran
Halaman pembayaran
3. tambah pembayaran
db: Kontrak Kerja
5. m
e m
ili h
kon tr
ak ke
rj a
Halaman Input Pembayaran
4. input pembayaran 2. load form
Progres keuangan
6 .
m e
na m
pi lkan
p em
ba ya
ra n
ter a
khi r
db: progres fisik
7. cek progres fisik 8. cek progres fisik
9 . p
ro g
re s f
is ik
v a
lid
db: progres fisik
11. simpan
1 . s
imp a
n p
e mb
a ya
ra n
1 2
. m
en a
m p
ilka n
da ta
p e
m b
aya ran
Gambar 4.29. Colaboration Diagram Mengolah Data Pembayaran Berhasil
7. Colaboration Diagram Mengolah Data Pembayaran Gagal :
User 1. masuk halaman
pembayaran
Halaman pembayaran
3. tambah pembayaran
db: Kontrak Kerja
5 . m
em ili
h k ontrak
k erj
a
Halaman Input Pembayaran
4. input pembayaran 2. load form
Progres keuangan
6 .
m en
am pi
lk an
pem bayar
an terak
hi r
db: progres fisik
7. cek
prog res
fisi k
8. cek progres fisik
9. tid
ak da
pa t m
ela luk
an pe
m ba
yara n
Gambar 4.30. Colaboration Diagram Mengolah Data Pembayaran Gagal 8. Colaboration Diagram Mencairkan Pembayaran Keuangan dan Progres
Keuangan :
User 1. masuk halaman
pembayaran
Halaman pembayaran
3. memilih data pembayaran
db : Pembayaran
4. data pembayaran 2. load form
Halaman Input Pencairan
Keuangan
5. m en
am pilk
an ha
la m
an in
pu t
6. in
pu t p
en ca
ira n
ke ua
ng an
db: Pencairan Keuangan
7. simpan pencairan keu
Halaman Pencairan
Keuangan Progres
Keuangan
8 .
u pd
ate p
ro g
re s
k eu
an g
an 9. me
namp ilka
n d ata
pe nca
ira n
keu ang
an 10. update
Gambar 4.31. Colaboration Diagram Mencairkan Pembayaran Keuangan dan Progres Keuangan
9. Colaboration Diagram Membuat Progres Fisik :
User 1. masuk halaman
Progres fisik
Halaman Progres Fisik
3. memilih progres Jalan 4. data progres jalan
2. load form
Halaman Detail Progres Fisik
6. m
en amp
ilk an
d eta
il pro
gre s f
isik 7.
ta m
ba h
pr og
re s
fis ik
Halaman Input Progres Fisik
8. input progres fisik
5. menampilkan progres fisik
9 . s
impan pr
ogr es
fi s
ik 10. simpan
11. update
db : Progres_fisik
Gambar 4.32. Colaboration Membuat Progres Fisik 10. Colaboration Diagram Laporan Progres Fisik dan Keuangan :
User
Halaman Lap Progres fisik
dan Keuangan
1. Masuk Halaman Laporan Progres Fisik dan Keuangan
Db: Progres Fisik
4.pilih progres fisik
Cetak
2. load form
3. memilih tanggal 6. menampilkan
Progres fisik
Progres Keuangan
7. p
ili h
pr og
res ke
ua ng
an 9.
m en
am pil
kan p
rog re
s ke
ua ng
an
1 0.
m enc
etak l
apo ra
n
Gambar 4.33. Colaboration Diagram Laporan Progres Fisik dan Keuangan
4.2.3.4. Component Diagram
Berikut ini adalah component diagram yang menggambarkan struktur
proses yang terdapat dalam program aplikasi proges Fisik dan Keuangan :
kontrak kerja pencairan keuangan
usulan jalan pembayaran keuangan
progres fisik login
Gambar 4.34. Component Diagram Progres Fisik dan Keuangan
4.2.3.5. Deployment Diagram
Berikut ini adalah Deployment Diagram yang menggambarkan susunan fisik dan perangkat lunak dalam sistem:
Komputer Server
Client server Operation System
web browser
NETWORKING INTERNET
MySQL database Server Apache web Server
Gambar 4.35 Deployment Diagram
4.2.3.6. Class Diagram
pilih -kdJalan : String
-namaJalan : String -Kecamatan : String
-fungsiJalan : String -Panjang : Integer
-lebar : Integer
jalan
pilih -kdPenyedia : String
-JenisPenyedia : String -namaPenyedia : String
-alamat : String -tlp : String
-email : String -NPWP : String
-NamaBank : String
penyedia_jasa
-simpan -update_status
pilih -kdUsulan : String
-kdJalan : String -kdPrioritas : String
-usulanPanjang : String -uslanLebar : String
-tahunAnggaran : String -sumberDana : String
-uslanBiaya : String -konst : String
-kondisi : String -status : String
-totalRencana : String -minggu1 : Decimal
-minggu2 : Decimal -minggu3 : Decimal
-minggu4 : Decimal -minggu5 : Decimal
-minggu6 : Decimal -minggu7 : Decimal
-minggu8 : Decimal -minggu9 : Decimal
-minggu10 : Decimal -minggu11 : Decimal
-minggu12 : Decimal -minggu13 : Decimal
-minggu14 : Decimal -minggu15 : Decimal
-minggu16 : Decimal
usulan_jalan
-cek_progres_fisik -simpan
pilih -kdPembayaran : String
-kdKontrak : String -tglPembayaran : Date
-keperluan : String -bayar : Integer
-persen : Integer -jumPembayaran : Integer
-sisaPembayaran : Integer
pembayaran_keuangan
idPemeliharaanRutin : String kdUsulan : String
kdRealisasi : String rutinPerkerasan : Decimal
bahuJalan : Decimal selokanSaluran : Decimal
perlengkapan : Decimal subTotal5 : Decimal
pemeliharaanRutin
idDrainase : String kdUsulan : String
kdRealisasi : String galianSelokanSaluranAir : Decimal
PasangBatu : Decimal gorongPipaBeton70 : Decimal
gorongPipaBeton100 : Decimal subtotal1 : Decimal
drainase
idPekerjaanTanah : String kdUsulan : String
kdRealisasi : String galianBiasa : Decimal
galianTanahBerbatu : Decimal galianStukturDalam2 : Decimal
galianStukturDalam4 : Decimal galianStukturDalam6 : Decimal
timbunanBiasa : Decimal timbunanPilihan : Decimal
penyiapanBadanJalan : Decimal subTotal2 : Decimal
pekerjaan_tanah
-simpan -update
+pilih -kdRealisasi : String
-kdUsulan : String -minggu
-tglProgresFisik : Date -realisasi : Decimal
-realisasiKumulatif : Decimal -devisiasi : Decimal
-foto1 : String -foto2 : String
-foto3 : String -ket : String
progres_fisik
idPerkerasanAspal : String kdUsulan : String
kdRealisasi : String lapisPengikatLapen : Decimal
lapisPerekatLapen : Decimal lapisResapLaston : Decimal
lapisPerekatLaston : Decimal penutupBurtu : Decimal
lastonAus4 : Decimal lastonAus5 : Decimal
lapisPondasi : Decimal surface : Decimal
subTotal3 : Decimal
Perkerasan_aspal
idStuktur : String kdUsulan : String
kdRealisasi : String betonK350 : Decimal
betonK300 : Decimal betonK250mix : Decimal
betonK250Manual : Decimal betonK175 : Decimal
betonSiklopK175 : Decimal beton125 : Decimal
beton125perkerasanBahu : Decimal perancah : Decimal
+bajaTulanganU24 : Decimal bajaTulanganU32 : Decimal
bajaTulanganU32ulir : Decimal AnyamanKawat : Decimal
pasanganBatuAdukan : Decimal BasanganBatuKosong : Decimal
Bronjong : Decimal subTotal4 : Decimal
stuktur
-simpan pilih
-kdKontrak : String -kdUsulan : String
-kdPenyedia : String -tglKontrak : String
-nilaiKontrak : Integer -waktuDimulai : Date
-waktuBerakhir : Date -status : String
-
kontrak_kerja
kdPrioritas : String perkerasanJalan : Integer
crack : Integer deformasi : Integer
bahuJalan : Integer drainaseJalan : Integer
lerengJalan : Integer ds : Integer
tt : Integer laluLintas : Integer
publik totalPrioritas
skala_prioritas
-simpan -update
-kdPencairan : String -kdPembayaran : String
-tglPencairan : Date -ppn : Integer
-pph : Integer -astek : Integer
-denda : String -jumPotongan : String
-totBayar : String
pencairan_keuangan
-cek_username_pass_akses -kode : String
-username : String -password : String
-akses : String
login
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1
1 1
1 1
1 1
1 1
1 1
1 1
1 1
1
1 1
1 1
1 1
Gambar 4.36. Class Diagram
4.2.4. Perancangan Antar Muka
Perancangan antar muka mengenai struktur menu, perancangan input dan output pada pembangunan sistem informasi ini yang secara langsung digunakan
oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dengan sistem. Adapun pada antar muka ini tedapat beberapa bagian perancangan yang harus
dilakukan, diuraikan sebagai berikut :
4.2.4.1 Struktur Menu
1. Stuktur Menu Halaman Utama Stuktur menu ini merupakan menu utama website Dinas Bina Marga
Kabupaten Bandung.
STUKTUR MENU HALAMAN UTAMA
P ro
fil P
ro fil
Di n
a s
V isi d
a n
Mi si
Pro gr
am Ke
rja In
d e
x A
ge nd
a Lo
g in
P e
ta d
a n
G e
o g
ra fis
A rsip
Be rit
a
Gambar 4.37. Stuktur Menu Halaman Dinas Bina Marga
2. Stuktur Menu Halaman Dinas Stuktur menu ini merupakan menu yang ada pada halaman Dinas dimana
user telah melakukan login terlebih dahulu.
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