SISTEM INFORMASI MONITORING SURAT PERINTAH MEMBAYAR(SPM) DAN SURAT PERINTAH PENCAIRAN DANA (SP2D) BERBASIS WEB PADA BADAN PENGELOLA KEUANGAN DAN ASET KABUPATEN TANGERANG OLEH: WIRA KUSUMA 41810120040 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2015
SISTEM INFORMASI MONITORING SURAT PERINTAH MEMBAYAR(SPM) DAN SURAT PERINTAH PENCAIRAN DANA (SP2D) BERBASIS WEB PADA BADAN PENGELOLA KEUANGAN DAN ASET KABUPATEN TANGERANG Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer OLEH: WIRA KUSUMA 41810120040 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA JAKARTA 2015
LEMBAR PERNYATAAN
LEMBAR PERSETUJUAN SIDANG
KATA PENGANTAR Puji syukur Alhamdulillah kehadirat Allah SWT yang telah melimpahkan segala rahmat dan karunia-nya, sehingga penulis dapat menyelesaikan proposal tugas akhir yang merupakan salah satu persyaratan pengajuan tugas akhir Program Studi Strata Satu (S1) pada Jurusan Sistem Informasi Universitas Mercubuana. Penulis menyadari bahwa proposal laporan tugas akhir ini masih jauh dari kesempurnaan. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini akan terwujud tanpa bantuan, bimbingan dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada: 1. Ibu Nur Ani, S.kom selaku Ketua Program Studi pada Jurusan Sistem Informasi Universitas Mercubuana. 2. Ibu Sarwati Rahayu, ST.,MMSI, selaku pembimbing tugas akhir pada Jurusan Sistem Informasi Universitas Mercubuana. 3. Orang Tua dan Kakak tercinta yang telah mendukung penulis baik spirit maupun materi. 4. Isteri dan Putriku yang selalu memberikan spirit maupun dorongan untuk terus menyelesaikan tugas akhir ini. 5. Saudara dan sahabat sahabatku terutama teman teman angkatan XVIII Program Kelas Karyawan (PKK) Universitas Mercubuana yang telah memberikan dukungan moral untuk terus menyelesaikan tugas akhir ini. Amin. Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah-nya, Jakarta, Agustus 2015 Penulis
DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN SIDANG... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRACT... v ABSTRAKSI... vi DAFTAR ISI... vii DAFTAR GAMBAR... ix DAFTAR TABEL... x BAB I PENDAHULUAN 1.1. Latar Belakang... 1 1.2. Rumusan Masalah... 2 1.3. Batasan Masalah... 3 1.4. Tujuan... 3 1.5. Manfaat... 4 1.6. Metode Penelitian... 4 1.7. Sistematika Penulisan... 7 BAB II LANDASAN TEORI 2.1. Pengertian Sistem... 8 2.2. Pengertian Informasi... 9 2.3. Pengertian Sistem Informasi... 10 2.4. Pengertian Analisa Sistem... 10 2.5. Metode Waterfall... 11 2.6. UML... 17 2.7. Pengertian Web... 24 2.8. Pengertian Basis Data... 25 2.9. Pengertian PHP... 26 2.10. Pengertian MySQL... 27
2.11. Metode Pengujian... 28 2.12. Pengertian SPM dan SP2D... 29 BAB III ANALISA PERANCANGAN SISTEM 3.1. Gambaran Umum... 30 3.2. Analisa Sistem Yang Berjalan... 30 3.3. Perancangan Sistem Usulan... 31 3.4. Perancangan Layar... 42 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1. Implementasi... 44 4.2. Implementasi Database... 45 4.3. Struktur File Program... 48 4.4. Tampilan Antar Muka... 49 4.5. Pengujian Aplikasi... 60 BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan... 65 5.2. Saran... 65 DAFTAR PUSTAKA.... 66 LAMPIRAN... 67
DAFTAR GAMBAR Gambar 2.1 Model Waterfall (Alan Dennis, 2012)... 12 Gambar 2.2 Interface Xampp (M. Rudiyanto Arief,2011)... 27 Gambar 3.1 Use Case Sistem berjalan... 31 Gambar 3.2 Use Case Sistem Usulan... 33 Gambar 3.3 Activity Diagram Login (Admin)... 34 Gambar 3.4 Activity Diagram Informasi SPM dan SP2D (Admin)... 35 Gambar 3.5 Activity Diagram Halaman Utama (User)... 36 Gambar 3.6 Sequence Diagram Halaman Utama (Admin)... 37 Gambar 3.7 Sequence Diagram Halaman Pencairan (Admin)... 38 Gambar 3.8 Sequence Diagram Halaman Utama (User)... 39 Gambar 3.9 Class Diagram... 40 Gambar 3.10 Perancangan Layar - Login... 42 Gambar 3.11 Tampilan Layar Halaman Utama Admin dan User... 42 Gambar 3.12 Tampilan Layar Informasi... 43 Gambar 4.1 Database db_wira... 45 Gambar 4.2 Tabel dinas... 46 Gambar 4.3 Tabel info... 47 Gambar 4.4 Struktur file Monitoring SPM dan SP2D... 48 Gambar 4.5 Tampilan Login... 49 Gambar 4.6 Tampilan Menu Utama... 53 Gambar 4.7 Tampilan cari informasi SPM dan SP2D... 55
DAFTAR TABEL Tabel 2.1 Jenis-jenis Diagram UML (Alan Dennis 2012)... 18 Tabel 2.2 Simbol Use Case Diagram (Alan Dennis 2012)... 19 Tabel 2.3 Simbol Activity Diagram (Alan Dennis 2012)... 20 Tabel 2.4 Simbol Sequence Diagram (Alan Dennis 2012)... 22 Tabel 2.5 Notasi pada Class Diagram (Alan Dennis 2012)... 24 Tabel 3.1 Skenario Use Case Sistem Berjalan (Loket Perbendaharaan)... 31 Tabel 3.2 Skenario Use Case Sistem Berjalan (Pengajuan SPM dan SP2D)... 32 Tabel 3.3 Skenario Use Case Sistem Bejalan (Lihat SPM dan SP2D)... 32 Tabel 3.4 Skenario Use Case Login (Admin SKPD)... 33 Tabel 3.5 Skenario Use Case Mengelola Informasi SPM dan SP2D... 33 Tabel 3.6 Skenario Use Case Mencari Informasi SPM dan SP2D... 34 Tabel 3.7 Keterangan Activity Diagram Login (Admin)... 35 Tabel 3.8 Keterangan Activity Diagram Halaman Utama (Admin)... 36 Tabel 3.9 Keterangan Activity Diagram Halaman Utama (User)... 37 Tabel 3.10 Keterangan Sequence Diagram Halaman Utama (Admin)... 38 Tabel 3.11 Keterangan Sequence Diagram Halaman Pencarian (Admin)... 39 Tabel 3.12 Keterangan Sequence Diagram Halaman Utama (User).........40 Tabel 3.13 Tabel login... 41 Tabel 3.14 Tabel dinas... 41 Tabel 3.15 Tabel info... 41 Tabel 4.1 Skenario Pengujian Aplikasi Perancangan Sistem Informasi Monitoring SPM dan SP2D... 62 Tabel 4.2 Hasil Pengujian Skenario Aplikasi Perancangan Sistem Informasi Monitoring SPM dan SP2D... 63