LAPORAN SKRIPSI APLIKASI PEMBAYARAN DAN PENGELOLAAN SUMBANGAN PENGEMBANGAN INSTITUSI (SPI) PADA SMP N 2 MEJOBO BERBASIS WEB Disusun guna Memenuhi Salah Satu Syarat untuk Menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Tehnik Universitas Muria Kudus Disusun Oleh : Nama : Zulis Andriyanto NIM : 2007-53-015 Program Studi : Sistem Informasi SISTEM INFORMASI FAKULTAS TEHNIK UNIVERSITAS MURIA KUDUS 2016 i
ii
iii
iv
RINGKASAN Perancangan dan implementasi sistem informasi pembayaran SPI di SMP N 2 Mejobo menggunakan Bahasa Pemrograman PHP dengan database Mysql. Dengan aplikasi pelaporan data-data di SMP N 2 Mejobo yang diinput oleh admin meliputi data kelas, data siswa, data pembayaran, data beasiswa dalam bentuk database akan mudah diolah daripada pelaporan data data tersebut secara manual. Aplikasi ini dapat digunakan untuk memantau perkembangan pembayaran yang terjadi melalui WEB. Informasi yang dihasilkan antara lain laporan mengenai pembayaran secara periodik, kwitansi pembayaran, laporan bulanan, laporan tunggakan dan rekap pembayaran perkelas. Keyword : Sistem, Informasi, Pembayaran, SPI v
KATA PENGANTAR Alhamdulillah segala puji bagi Tuhan yang telah melimpahkan rahmat dan pertolongan kepada penulis serta ni mat dan karunia yang lebih sehingga tak mampu bagi penulis untuk sekedar menghitung dan mengucap syukur atas segala yang dianugrahkan Allah kepada penulis satu per satu. Rahmat dan salam kepada Rosulullah, Muhammad kekasih Allah. Beliaulah yang telah membawa kita dari kegelapan ke jalan cahaya. Alhamdulillah segala puji kepada-mu, atas segala hal yang Engkau berikan padaku. Terima kasih atas orang-orang terhebat yang Engkau hadirkan di sekelilingku. Terima kasih. Terima kasih atas segala pertolongan-mu. Aku menyadari, aku hanyalah makhluk lemah yang tak berdaya. Karena Engkaulah, ya Allah, dan memang hanya karena Engkaulah skripsi ini dapat terselesaikan. Segala puji bagi-mu, Tuhanku. Penyusunan skripsi ini merupakan salah satu syarat yang harus dipenuhi untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih yang sebesarbesarnya kepada : 1. Rektor Universitas Muria Kudus DR. Suparnyo, SH, MS. 2. Bapak Mohammad Dahlan, ST,MT. selaku Dekan Fakultas Teknik Universitas Muria Kudus. 3. Bapak H.R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus. 4. Bapak H.R. Rhoedy Setiawan, M.Kom yang berkenan menjadi dosen pembimbing utama saya. Terima kasih atas waktu, ilmu, saran, semangat, dan nasihat yang Bapak berikan selama bimbingan. 5. Bapak Fajar Nugraha, M.Kom selaku pembimbing pembantu saya. Terima kasih atas waktu, ilmu, saran, semangat, dan nasihat yang Bapak berikan selama bimbingan. 6. Kedua orang tuaku, Terima kasih atas semangatnya. Do a restu serta ridho kalian berdua sehingga aku bisa jadi seperti ini.
7. Semua pihak yang membantu terselesaikannya laporan ini yang tidak dapat penulis sebutkan. Penulis menyadari bahwa dalam penyusunan Laporan Skripsi masih jauh dari sempurna. Oleh karena itu, saran dan kritik yang membangun sangat penulis harapkan guna perbaikan penulisan di masa-masa mendatang. Penulis mohon maaf atas segala kekurangan dan kesalahan yang ada. Akhirnya, penulis berharap semoga tulisan ini bermanfaat. Amin. Kudus, Januari 2016 Zulis Andriyanto
DAFTAR ISI HALAMAN JUDUL..... i HALAMAN PERSETUJUAN..... ii HALAMAN PENGESAHAN..... iii HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI..... iv MOTTO DAN PERSEMBAHAN...... v RINGKASAN...... vi KATA PENGANTAR...... vii DAFTAR ISI...... ix DAFTAR TABEL... xii DAFTAR GAMBAR...... xiii DAFTAR LAMPIRAN...... xiv BAB I PENDAHULUAN... 1 1.1. Latar Belakang Masalah... 1 1.2. Perumusan Masalah... 2 1.3. Batasan Masalah... 2 1.4. Tujuan Skripsi... 2 1.5. Manfaat skripsi... 3 1.6. Tinjauan Pustaka... 4 1.7. Metodologi Penelitian... 5 1.7.1. Objek Penelitian... 5 1.7.2. Jenis dan Sumber Data... 5 1.7.3. Metode Pengumpulan Data... 6 1.7.4. Metode Pengembangan Sistem... 6 1.7. Sitematika Penulisan... 8 BAB II LANDASAN TEORI... 9 2.1. Pengertian Aplikasi... 9 2.2. Pengertian Sumbangan Pengembangan Institusi (SPI)... 10 2.3. Konsep Dasar Sistem Informasi Berbasis Web... 10 2.4. Basis Data... 10
2.4.1. Pengertian Basis Data... 10 2.4.2. Tabel... 11 2.4.3. Relasi Antar Tabel... 11 2.5. Bagan Alir Diagram Flow Of Document (FOD)... 11 2.6. UML (Unified Modelling Language)... 14 2.6.1. Notasi Dalam UML... 14 2.6.2. Perancangan Database Menggunakan UML... 15 2.7. Database dengan MYSQL... 18 2.8. Entity Relationship Diagram (ERD)... 19 BAB III TINJAUAN UMUM OBYEK PENELITIAN... 22 3.1. Profil SMP N 2 Mejobo Kudus... 22 3.2. Letak Geografis... 22 3.3. Visi Dan Misi... 23 3.3.1. Visi... 23 3.3.2. Misi... 23 3.4. Struktur Organisasi Yang Terkait Pembayaran Dan Pengelolaan (SPI) Pada SMP N 2 Mejobo Kudus... 23 3.4.1. Tata Usaha... 23 3.4.2. Tugas dan Tanggung Jawab dari struktur yang terkait Pembayaran dan Pengelolaan SPI di SMP N 2 Mejobo Kudus... 24 3.5. Prosedur Pembayaran SPI pada SMP N 2 Mejobo... 29 BAB IV ANALISA DAN PERANCANGAN... 31 4.1. Diskripsi Sistem... 31 4.2. Analisa Aktor... 31 4.3. Skenario Sistem... 32 4.4. Desain sistem dan perangkat lunak... 33 4.4.1. Bisnis Use Case Diagram... 33 4.4.2. Sistem Use Case Diagram... 34 4.5. Analisa Kelas... 40 4.6. Class Diagram... 43
4.7. Sequence Diagram... 44 4.8. Activity Diagram... 50 4.9. Statechart Diagram... 56 4.10. Entity Relationship Diagram... 57 4.11. Perancangan database... 61 4.12. Relasi Tabel... 63 4.13. Perancangan layout sistem (antarmuka sistem)... 64 4.14. Perancangan input form... 67 4.15. Perancangan output... 67 BAB V PEMBAHASAN DAN IMPLEMENTASI... 68 5.1. Kebutuhan Implementasi... 68 5.1.1. Analisa Kebutuhan Sistem... 68 5.1.2. Kebutuhan Perangkat Lunak (software)... 68 5.1.3. Kebutuhan Sumber Daya Manusia ( Brainware)... 68 5.2. Halaman Utama Sistem... 69 5.3. Form Login Admin... 69 5.4. Halaman Utama Admin... 69 5.5. Menu Admin... 69 5.6. Halaman Menu Kelas... 70 5.7. Halaman Menu Siswa... 70 5.8. Halaman Menu Tarif SPI... 71 5.9. Halaman Menu Beasiswa... 71 5.10. Halaman Menu Pembayaran SPI... 72 5.11. Halaman Laporan Pembayaran SPI... 72 5.12. Halaman Menu Tunggakan... 72 5.13. Laporan Tunggakan Siswa... 73 BAB VI PENUTUP... 74 6.1. Kesimpulan... 74 6.2. Saran... 74 DAFTAR PUSTAKA... 75
DAFTAR TABEL Tabel 2.1. : Simbol Flowchart... 12 Tabel 2.2. : Simbol Notasi Dalam UML... 14 Tabel 4.1. : Tabel Skenario Sistem... 32 Tabel 4.2. : Deskripsi use case master user... 34 Tabel 4.3. : Deskripsi use case Data Siswa... 35 Tabel 4.4. : Deskripsi use case Master Tarif SPI... 36 Tabel 4.5. : Deskripsi use case Beasiswa... 36 Tabel 4.6. : Deskripsi use case Master Kelas... 37 Tabel 4.7. : Deskripsi use case Pembayaran... 38 Tabel 4.8. : Deskripsi use case Laporan... 39 Tabel 4.9. : Tabel User... 61 Tabel 4.10. : Tabel Siswa... 62 Tabel 4.11. : Tabel Tarif SPI... 62 Tabel 4.12. : Tabel Kelas... 63 Tabel 4.13. : Tabel Beasiswa... 63 Tabel 4.14. : Tabel Pembayaran... 64 Tabel 4.15. : Tabel Tunggakan... 64
DAFTAR GAMBAR Gambar 2.1. : Simbol entitas / objek data... 19 Gambar 2.2. : Simbol relationship... 19 Gambar 2.3. : Simbol attribute... 19 Gambar 2.4. : Relasi One to One... 20 Gambar 2.5. : Relasi one to many... 20 Gambar 2.6. : Relasi many to many... 21 Gambar 2.7. : Unary degree relationship... 21 Gambar 2.8. : Binary degree relationship... 21 Gambar 2.9. : Tenary degree relationship... 21 Gambar 3.1. : Lokasi SMP N 2 Mejobo... 23 Gambar 3.2. : Struktur Tata Usaha... 24 Gambar 3.3. : FOD Prosedur Pembayaran SPI... 30 Gambar 4.1 : Bisnis Use Case... 35 Gambar 4.2. : Sistem Usecase... 36 Gambar 4.3. : Class User... 40 Gambar 4.4. : Class Admin... 40 Gambar 4.5. : Class Petugas... 41 Gambar 4.6. : Class Siswa... 41 Gambar 4.7. : Class Tarif SPI... 41 Gambar 4.8. : Class Kelas... 42 Gambar 4.9. : Class Beasiswa... 42 Gambar 4.10. : Class Pembayaran... 43 Gambar 4.11 : Class Tunggakan... 43 Gambar 4.12. : Class Diagram... 44 Gambar 4.13. : Sequence Diagram Master User... 45 Gambar 4.14. : Sequence Diagram Master Kelas... 46 Gambar 4.15. : Sequence Diagram Master Siswa... 47 Gambar 4.16. : Sequence Diagram Master Tarif SPI... 48 Gambar 4.17. : Sequence Diagram Master Pembayaran... 49
Gambar 4.18. : Sequence Diagram Master Beasiswa... 50 Gambar 4.19. : Activity Diagram Master User... 51 Gambar 4.20. : Activity Diagram Master Kelas... 52 Gambar 4.21. : Activity Diagram Master Siswa... 53 Gambar 4.22. : Activity Diagram Master Tarif SPI... 54 Gambar 4.23. : Activity Diagram Master Pembayaran... 55 Gambar 4.24. : Activity Diagram Master Beasiswa... 56 Gambar 4.25. : Statechart Diagram Login... 56 Gambar 4.26. : Statechart Diagram Tambah... 56 Gambar 4.27. : Statechart Diagram Koreksi... 57 Gambar 4.28. : Statechart Diagram Hapus... 57 Gambar 4.29. : Menentukan Entitas... 57 Gambar 4.30. : Menentukan atribut key... 58 Gambar 4.31. : Relasi antar entitas dengan primary key... 58 Gambar 4.32. : Entitas User... 58 Gambar 4.33. : Entitas Siswa... 59 Gambar 4.34. : Entitas Tarif... 59 Gambar 4.35. : Entitas Kelas... 59 Gambar 4.36. : Entitas Tunggakan... 60 Gambar 4.37. : Entitas Beasiswa... 60 Gambar 4.38. : Entitas Pembayaran... 60 Gambar 4.39. : Atribut-atribut deskriptif... 61 Gambar 4.40. : Desain Relasi Tabel... 65 Gambar 4.41. : Desain layout program... 65 Gambar 4.42. : Desain Form Input Kelas... 65 Gambar 4.43. : Desain Form Input Siswa... 65 Gambar 4.44. : Desain Form Input Master Tarif... 65 Gambar 4.45. : Desain Form Input User... 65 Gambar 4.46. : Desain Form Input Beasiswa... 65 Gambar 4.47. : Desain Form Input Angsuran... 65 Gambar 4.48. : Desain Form Output Beasiswa... 65
Gambar 4.49. : Desain Form Output Pembayaran... 65 Gambar 4.49. : Desain Form Output Tunggakan... 65 Gambar 5.1. : Halaman Utama Sistem... 67 Gambar 5.2. : Form Login Admin... 68 Gambar 5.3. : Halaman Utama Admin... 68 Gambar 5.4. : Menu Admin... 69 Gambar 5.5. : Halaman Menu Kelas... 69 Gambar 5.6. : Halaman Menu Siswa... 70 Gambar 5.7. : Halaman Menu Tarif SPI... 70 Gambar 5.8. : Halaman Menu Beasiswa... 70 Gambar 5.9. : Halaman Menu Pembayaran SPI... 71 Gambar 5.10. : Halaman Laporan Pembayaran SPI... 72 Gambar 5.11. : Halaman Menu Tunggakan... 72 Gambar 5.12. : Halaman Laporan Tunggakan Siswa... 73
DAFTAR LAMPIRAN Lampiran 1 Lampiran 2 Lampiran 3 : Biografi Penulis : Buku Bimbingan Skripsi : Surat Keterangan Penelitian