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

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Tahap implementasi pada sebuah sistem informasi merupakan tahap dimana sistem yang telah dirancang, menjelaskan mengenai pembuatan sistem yang sesuai dengan analisis dan perancangan sebelumnya. Setelah tahap implementasi dilakukan maka dibutuhkan sebuah pengujian sistem untuk membuktikan bahwa aplikasi dapat berjalan sesuai dengan yang diharapkan.

5.1.1. Batasan implementasi

Dalam mengimplementasikan website ini ada beberapa hal yang menjadi batasan implementasi, yaitu : 1. Program yang akan diuji tidak secara online, pengujian program dilakukan secara offline menggunakan server Localhost. 2. Pada sistem login, jika user belum mendapatkan username dan password diharuskan menghubungi admin untuk dapat mengakses. 3. Hanya akses admin yang dapat mengakses sepenuhnya. 4. Hanya penyedia jasa konsultan yang dapat mengakses halaman konsultan.

5.1.2. Implementasi Perangkat Lunak

Implementasi Perangkat lunak pada sistem informasi progress fisik dan keuangan pada bidang jalan berbasis website ini dilakukan pada komputer server dan komputer client. Adapun perangkat lunak yang diperlukan :

5.1.2.1. Implementasi Perangkat Lunak Server

1. Menggunakan bahasa pemograman website yaitu PHP. 2. Database menggunakan MySQL 3. Apache Web Server. 4. Editor coding dan desain menggunakan Adobe Dreamweaver. 5. Sistem Operasi Windows Server Ubuntu GNU Linux. 6. Microsoft Internet Explorer, Firefox atau yang lainnya sebagai Web Browser. 7. Antivirus 8. FireWall

5.1.2.2. Implementasi Perangkat Lunak Client

1. Sistem Operasi Windows XP. 2. Microsoft Internet Explorer, Firefox atau yang lainnya sebagai Web Browser.

5.1.3. Impementasi Perangkat Keras

Perangkat keras yang dibutuhkan berdasarkan kebutuhan yang harus dipenuhi, baik untuk server maupun untuk client adalah sebagai berikut :

5.1.3.1 Implementasi Perangkat Keras Server

1. Rekomendasi minimum processor intel Dual Core 2.6 Ghz. 2. Hardsisk terpasang 200 GB. 3. Memory RAM 2 GB. 4. VGA card terpasang rekomendasi minimal 256 MB . 5. Mouse dan keyboard dan monitor sebagai interface.