Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus COVER HALAMAN DEPAN

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.

:

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.

:

Gambar 4.17.

: Sequence Diagram Master Pembayaran ................................. 49

Class User .............................................................................. 40

Sequence Diagram Master Tarif SPI ..................................... 48

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