i

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

ii

iii

iv

v

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

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 sebesar-

besarnya 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 : Biografi Penulis

Lampiran 2 : Buku Bimbingan Skripsi

Lampiran 3 : Surat Keterangan Penelitian