47
Tahapan menganalisis sebuah sistem merupakan tahap terpenting, karena apabila terdapat kesalahan maka akan menyebabkan kesalahan pada tahap perancangan. Untuk itu pada tahap ini di perlukan tingkat ketelitian dan kecermatan untuk mendapatkan kualitas kerja sistem yang baik, selain itu juga akan muncul data serta fakta baru yang akan sangat berguna untuk memberikan usulan agar dapat mempermudah dilakukannya pengembangan.
4.1. Analisis Sistem Yang Berjalan
Analisis terhadap sistem yang sedang berjalan merupakan analisis terhadap sistem yang ada pada instansi. Sistem ini digunakan untuk mengetahui informasi apa saja yang masuk dan keluar didalam pengolahan data progres fisik dan keuangan pada bidang jalan sedang berjalan pada Dinas Bina Marga Kabupaten Bandung. Analisis sistem yang sedang berjalan ini dilakukan terhadap prosedur yang sedang berjalan serta mengidentifikasi kelemahan pada sistem yang sedang berjalan tersebut.
4.1.1. Analisis Prosedur yang sedang berjalan
Analisis prosedur sangat diperlukan untuk mempermudah pembuatan perancagan sistem, karena dengan menganalisis mulai dari unit terkecil sampai dengan keseluruhan, berdasarkan pengamatan penulis mengenai sistem informasi yang sedang berjalan di Dinas Bina Marga cukup rumit, oleh karena itu
memerlukan perbaikan-perbaikan untuk meningkatkan kinerja kebinarmagaan bidang jalan, untuk lebih jelasnya akan diuraikan sebagai berikut :
1. UPTD setiap wilayah, mengajukan proposal usulan pembangunan dan pemeliharaan jalan sebanyak tiga rangkap untuk diserahkan kepada Kepala Sekretaris, Kasubag Penyusunan Program dan di arsipkan.
2. Bagian Penyusunan program membuat rekap hasil usulan, kemudian diserahkan kepada Bidang jalan untuk di suvey.
3. Bidang jalan melakukan survey di lokasi kecamatan berdasarkan RAK-SKPD untuk menentukan Rancangan Anggaran Biaya (RAB). Kemudian diserahkan kepada Kabid Jalan, Seksi Pembangunan Jalan, Seksi Pemeliharaan jalan dan Bagian Penyusunan Program dan di arsipkan. 4. Bagian Penyusunan Program membuat prioritas berdasarkan kriteria jalan
untuk pembangunan, pemeliharaan jalan dari Rancangan Anggaran Biaya (RAB) Hasil prioritas usulan jalan dirapatkan oleh Dinas Bina Marga di tingkat musrenbang dengan BAPPEDA.
5. Hasil dari rapat tingkat musrenbang untuk menentukan besar anggaran dan prioritas jalan yang akan di proses dilapangan yang tertuang dalam RAK-SKPD. RAK-SKPD sebanyak empat rangkap diserahkan kepada Kepala Dinas, Kepala Sekretaris dan Kabid Jalan dan diarsipkan.
6. Dinas Bina Marga mengadakan tender proyek jalan untuk menentukan pemenang kontraktor sebagai pelaksana proyek dan konsultan sebagai pengawas proyek dilapangan yang sebelumnya telah mengajukan proposal terlebih dahulu. Setelah mendapatkan pemenang dan disahkan Surat
Perjanjian Kerja sebanyak Tujuh rangkap diserahkan kepada Konsultan, Kontraktor, Kepala Dinas, Pejabat Pelaksana Teknik Kegiatan (PPTK), Kabid Jalan, UPTD Wilayah dan di arsipkan.
7. Dinas Bina Marga membuat Surat Perintah Kerja (SPK) kemudian diserahkan kepada Kontraktor untuk memulai pengerjaan proyek dilapangan berdasarkan waktu mulai dan waktu selesai. Dan menyerahkan juga kepada Konsultan, Bidang Jalan dan UPTD setiap wilayah untuk melakukan pengawasan. Pejabat Pelaksana Teknik Kegiatan (PPTK) sebagai penanggung jawab pelaksana proyek.
8. konsultan membuat laporan progress fisik setiap minggunya berdasarkan kegiatan jalan yang diawasi dan diserahkan kepada Kepala Dinas, Bagian Penyusunan Program, PPTK, Kabid Jalan.
9. Kontraktor membuat mengajukan pembayaran langsung barang dan jasa kebagian keuangan.
10. Bagian keuangan membuat Surat Perintah Membayar (SPM) kemudian diserahkan kepada Keuangan Daerah untuk di cairkan pembayaran kepada Konsultan dan Kontraktor.
11. Keuangan Daerah membuat SP2P Setelah Kontraktor dan Konsultan menerima pembayaran. Diserahkan kepada Bagian Keuangan, konsultan dan kontraktor.
12. Bagian Keuangan membuat laporan Progres Keuangan kemudian diserahkan kebagian Penyusunan program, Kepala Dinas, Kabid Bidang Jalan.
13. Bagian Penyusunan Program membuat laporan Progres Fisik dan Keuangan Kegiatan (PFKK) setiap minggu atau setiap bulannya sebanyak 5 rangkap. Dan diserahkan kepada Kepala Dinas Bina Marga, BAPEDA, Bidang Jalan, Sekertaris, dan diarsipkan.
4.1.2. Use case dan Activity Diagram
4.1.2.1. Use Case Bisnis Usulan Jalan sedang berjalan
UPTD Mengajukan Usulan Bagian Penyusunan Program Merekap Usulan Papat Tingkat Musrenbang Rekap Usulan Musrenbang BAPPEDA << Include >> << Include >> Buat Prioritas Usulan Jalan Melakukan Survey Lapangan Bidang Jalan Rancangan Anggaran Biaya << Include >> << Include >>
Gambar 4.1. use Case Bisnis Usulan Jalan Deskripsi Use Case Bisnis Usulan :
1. Nama Use Case : Mengajukan Usulan
Aktor : UPTD, Bagian Penyusunan Program
Deskripsi : UPTD setiap wilayah mengajukan proposal
usulan. kepada Bagian Penyusunan program.
Aktor : Bagian Penyusunan Program
Deskripsi : Bagian Penyusunan program merekap semua
usulan dari semua UPTD untuk di survey.
Aktor : Bagian Penyusunan Program
Deskripsi : Bagian Penyusunan Program membuat prioritas
berdasarkan kriteria jalan berserta besar anggaran untuk pembangunan dan pemeliharaan jalan.
3. Nama Use Case : Rapat Usulan Tingkat Musrenbang
Aktor : Dinas Bina Marga dan Bidang Jalan
Deskripsi : untuk menentukan anggaran dan prioritas usulan
jalan.
4. Nama Use Case : Rekap Usulan Musrenbang
Aktor : Bagian Penyusunan Program
Deskripsi : merekap usulan jalan sesuai anggaran pada rapat
ditingkat Musrenbang yang telah di Acc.
5. Nama Use Case : Survey Lapangan
Actor : bidang Jalan
Deskripsi : Bagian jalan melakukan survey dilapangan untuk
menentukan rencana anggaran biaya berdasarkan nama kegiatan dari Rekap Usulan.
6. Nama Use Case : Merancangan Anggaran Biaya
Deskripsi : Bidang jalan membuat rekap rencana anggaran biaya hasil dari survey dilapangan.
4.1.2.2. Use Case Bisnis Bisnis Tender Jalan :
Dinas Bina Marga Mengadakan Tender Jalan Kontraktor konsultan mengumumkan Pemenang Tender << Include >> Membuat Kontrak Kerja
Gambar 4.2. Use Case Bisnis Tender Jalan Deskripsi Use Case Tender Jalan :
1. Nama Use Case : Mengadakan Tender Jalan
Aktor : Dinas Bina Marga, kontraktor, Konsultan
Deksripsi : Dinas Bina Marga mengadakan Tender kepada
kontraktor dan konsultan yang terlebih dahulu mengajukan proposal.
2. Nama Use Case : mengumumkan Pemenang Tender
Aktor : Dinas Bina Marga
Deskripsi : Dinas Bina Marga Menentukan Pemenang tender
yang sesuai dengan penawaran harga.
Aktor : Dinas Bina Marga, kontraktor, konsultan
Deskripsi : Dinas bina Marga membuat Kontrak kerja kepada
pemenang tender.
4.1.2.3. Use Case Bisnis Pelaksanaan Pekerjaan Jalan :
Kontraktor Konsultan Membuat Surat Perintah Kerja Dinas Bina Marga Melakukan Pengawasan Melaksanakan Proyek Jalan UPTD Bidang Jalan
Gambar 4.3. Use Case Pelaksanaan Pekerjaan Jalan Deskripsi Use Case Bisnis Pelaksanaan Pekerjaan Jalan :
1. Nama Use Case : Membuat Perintah Kerja
Aktor : Dinas Bina marga
Deskripsi : Dinas Bina marga membuat perintah kerja untuk
diserahkan kepada pemenang tender, UPTD wilayah dan Bidang jalan untuk melakukan pengerjaan proyek serta pengawasan jalan sesuai waktu dimulai dan berakhir.
2. Nama Use Case : Pelaksanaan Proyek Jalan
Aktor : Kontraktor
Deskripsi : Kontraktor melaksanakan proyek jalan setelah
3. Use Case : Melakukan Pengawasan
Aktor : UPTD, Bidang Jalan, Konsultan
Deskripsi : UPTD, Bidang jalan dan Konsultan melakukan
pengawasan berdasarkan kegiatan jalan
dilapangan.
4.1.2.4. Use Case Bisnis Laporan Progres Fisik dan Keuangan
Bagian Penyusunan Program
Membuat progres fisik & keuangan
melaporkan progres fisik << Include >> Bagian Keuangan mencairkan pembayaran Keuangan Daerah << Include >> Konsultan Kontraktor << Include >> membuat laporan progres keuangan << Include >> Membuat pembayaran keuangan
Gambar 4.4. Use Case Laporan progres Fisik dan Keuangan
Deskripsi Use Case Laporan Progres Fisik :
1. Nama Use Case : Laporan Progres Fisik
Aktor : Konsultan
Deskripsi : Konsultan melaporkan progres pekerjaan jalan
dilapangan berdasarkan kegiatan jalan yang diawasi setiap minggu atau setiap bulannya.
2. Nama Use Case : Membuat Perintah Pembayaran
Aktor : Keuangan, Konsultan, Kontraktor
Deskripsi : Bagian keuangan Membuat surat perintah (SPM)
yang diberikan kepada Keuangan Daerah untuk di acarikan pembayaran kepada Kontraktor dan Keuangan.
3. Nama Use Case : menyelesaikan Pembayaran
Aktor : Keuangan Daerah, Konsultan, Kontraktor
Deskripsi : Keuangan daerah menyelesaikan pembayaran
kepada pihak kontraktor dan konsultan. Kemudian mengeluarkan Surat SP2P yng di berikan kepada Bagian Keuangan, Konsultan dan Kontraktor sebagai bukti pencairan keuangan.
4. Nama Use Case : Laporan Progres Keuangan
Aktor : Bagian Keuangan
Deskripsi : membuat laporan progres keuangan setelah
menerima SP2P setiap minggu atau bulannya.
4. Nama Use Case : Laporan Progres Fisik dan Keuangan
Aktor : Bagian Penyusunan Program
Deskripsi : Bagian Penyusunan Program membuat rekap
laporan keseluruhan progres fisik dan keuangan dari setiap kegiatan jalan setiap minggu atau bulannnya.
4.1.2.5. Activity Diagram
Berikut adalah diagram activity yang menggambarkan aktivitas yang terjadi dalam sistem yang sedang berjalan, diagram ini menjelaskan detail dari proses Use Case sebelumnya.
UPTD Bagian Program BAPPEDA Dinas Bina Marga Bidang Jalan Bagian
Keuangan Kontraktor Konsultan
Mengajukan proposal Mengajukan proposal Menentukan pemenang Melelaksanaan Pekerjaan Membuat Laporan Progres Fisik Membuat Laporan Progres Fisik & keuangan
membuat Perjanjian Kerja Melaksanakan Pengawasan Membuat Perintah Kerja Melaksanakan Pengawasan Melaksanakan Pengawasan Keuangan Daerah Mengajukan Usulan Survey Lapangan Merancang Anggaran Biaya Merekap Usulan Sementara Membuat Prioritas Usulan Mengadakan Rapat Musrenbang merekap Usulan Jalan Musrenbang Mengadakan Tender Jalan Buat Perintah Pembayaran Membuat Laporan Progres Keuangan Mencairkan Pembayaran Membuat SP2P T F
4.1.3 Evaluasi Sistem yang Sedang Berjalan
Sistem informasi kebinamargaan bidang jalan yang sedang berjalan ini pada umumnya telah memenuhi kebutuhan untuk pengolahan data, namun masih ada kekurangan pada beberapa proses seperti :
1. Ketidak lengkapan data pada setiap prosesnya, hal ini diakibatkan masih menggunakan metode pembukuan dalam penyimpanan data.
2. Masih terlambatnya menyampaikan progress pekerjaan jalan dilapangan dikarenakan masih manualnya dalam penyampaian laporan.
Setelah melihat dan mengevaluasi, masih terdapat kendala yang belum dapat diselesaikan secara keseluruhan, sehingga dibutuhkan sebuah perancangan sistem aplikasi baru berbasis website pemanfaatan media internet yang terintegrasi dan menggunakan database sebagai media penyimpanan data yang diharapkan dapat membantu dan akan menjadi alternatif dari sistem yang sedang berjalan.
4.2 Perancangan Sistem
Perancangan sistem ini dibuat sebagai tahapan untuk mempersiapkan proses implementasi sistem yang diinginkan, dan untuk menggambarkan secara jelas proses-proses yang diinginkan oleh pengguna. Sesuai dengan Metode pendekatan sistem yang digunakan adalah metode pendekatan yang berorientasi objek, yang mencakup analisis dan desain (OOAD), Alat bantu perancangan digunakan untuk visualisasi dan dokumentasi dari OOAD diterpakan melalui Unified Modelling Language (UML).
4.2.1. Tujuan Perancangan Sistem
Perancangan sistem yang akan diaplikasikan ini bertujuan untuk memberikan gambaran secara umum kepada pengguna tentang sistem yang akan dibangun dan mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara rinci. Tujuan perancangan sistem ini akan diuraikan sebagai berikut :
1. Memperbaiki sistem pengolahan data yang masih manual.
2. Membuat sistem berbasis website untuk memudahkan dalam pengolahan, penyimpanan data dan penyimpanan informasi mengenai progress fisik dan keuangan yang cepat kepada yang membutuhkan. Adapun perancangan ini meliputi :
1. Perancangan Use case diagram 2. Perancangan Activity diagram 3. Perancangan sequence diagram 4. Perancangan collaboration diagram 5. Perancangan component diagram 6. Perancangan deployment diagram 7. Perancangan class diagram
4.2.2. Gambaran Umum Sistem yang Diusulkan
Gambaran umum mengenai sistem yang akan diusulkan tidak berbeda jauh dengan sistem yang sedang berjalan, hanya akan ditambahkan proses pemasukan / entry data kedalam database sehingga semua proses akan terintegrasi dan
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
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
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
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.
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 Input UsulanHalaman db: Usulan
Jalan Seleksi Usulan
masuk halaman usulan jalan menginput usulan jalan Update prioritas menyimpan usulan menyeleksi usulan status update db: Jalan memilih jalan
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
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
7. Activity Diagram Diagram Membuat Laporan Progres Fisik dan Keuangan :
User Halaman LaporanProgres 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
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
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: Jalan db: Usulan 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
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 PembayaranKeuangan 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 PembayaranKeuangan
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
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
10. Sequence Diagram Membuat Laporan Progres Fisik dan Keuangan :
User Halaman Lap Progres Fisikdan Keuangan Cetak 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
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
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 . m e m ili h j a la n Halaman Input Usulan Jalan 4. input usulan jalan
2. load form db: Usulan Jalan 6 . s im p a n u s u la n 8. lo ad fo rm Menyeleksi usulan 1 0 . u p d a te p ri o ri ta s 11. s tatu s pr iorit as 13 . dat a pr iorit as u pdat e
7. simpan data usulan 12. update status
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 ili h 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 tr a k k e rj a 7. s impa n ko ntra 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 k o n tr a k k e rj a Halaman Input Pembayaran 4. input pembayaran 2. load form Progres keuangan 6 . m e n a m p ilk a n p e m b a y a ra n t e ra k h ir db: progres fisik
7. cek progres fisik 8. cek progres fisik
9 . p rog re s fis ik va lid db: progres fisik 11. simpan 10 . sim pa n pe m b a ya ran 1 2 . m e n a m p ilk a n d a ta p e m b a y a ra n
7. Colaboration Diagram Mengolah Data Pembayaran Gagal : User 1. masuk halaman pembayaran Halaman pembayaran 3. tambah pembayaran db: Kontrak Kerja 5 . m e m ili h k o n tr a k k e rj a Halaman Input Pembayaran 4. input pembayaran 2. load form Progres keuangan 6 . m e n a m p ilk a n p e m b a y a ra n t e ra k h ir db: progres fisik 7. ce k prog res fis ik 8. cek progres fisik
9. tida k d ap at m ela luk an pem baya ran
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 enam pilk an ha lam an in put 6. in put p enca iran keua ngan db: Pencairan Keuangan
7. simpan pencairan keu
Halaman Pencairan Keuangan Progres Keuangan 8 . u p d a te p ro g re s k e u a n g a n 9. m enamp ilka n data penca iran keuang 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 am pilka n d eta il prog re s fis ik 7. ta mba h pr og res fisik Halaman Input Progres Fisik 8. input progres fisik
5. menampilkan progres fisik 9 . s im p a n p ro g re s fis 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 ilih prog res keua ngan 9. m enam pilk an p rogr es k euan ga n 1 0 . m e n c e ta k l a p o ra n
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 pembayaran keuangan usulan jalan
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
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
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 D in a s V is i d a n M is i P ro g ra m K e rja In d e x A g e n d a L o g in P e ta d a n G e o g ra fis A rs ip B e 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 P ro fil P ro fil D in a s V is i d a n M is i P ro g ra m K e rja In d e x A g e n d a lo g o u t P e ta d a n G e o g ra fis STUKTUR MENU HALAMAN DINAS M a s te r J a la n U s u la n J a la n K o n tr a k to r K o n s u lta n P e n c a ira n K e u a n g a n (S P 2 P ) P e m b a y a ra n K e u a n g a n (S P M ) P e k e rja a n J a la n K o n tr a k K e rja P ro g re s K e u a n g a n P ro g re s P e k e rja a n P ro g re s F is ik P ro g re s F is ik d a n K e u a n g a n P ro g re s k e u a n g a n L a p o ra n P ro g re s F is ik R e k a p U s u la n A g e n d a B e rit a A d m in b a c k U p D a ta R e s o tr e D a ta R e n c a n a K e rja U s e r H a la m a n D in a s A rs ip B e rita
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 ro fil D in a s V is i d a n M is i P ro g ra m K e rja In d e x A g e n d a lo g o u t P e ta d a n G e o g ra fis H a la m a n K o n s u lta n P R O G R E S F IS IK P R O G R E 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 Admin laporan 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
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
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
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 s/d 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
11. Halaman Input Laporan Prgres Fisik dan Keuangan
Halaman ini untuk mencetak laporan progres fisik dan keuangan per-periode.
Periode Tanggal
proses s/d
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
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 KeuanganRealisasi 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 PenyediaJenis PenyediaNama
Periode
deviasi No. Kontrak Nilai
kontrak Tgl Kontrak Status
Waktu pelaksanaan
Mulai Selesai fisik keu Realisasi (%)