Tujuan Perancangan Sistem Gambaran Umum Sistem yang Diusulkan

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