i
PERANCANGAN APLIKASI PEMBAYARAN SPP DI SMAN 1 MAGETAN
Tugas Akhir
Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret.
Diajukan Oleh ADIO CRISANDO
M3113001
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
ii
HALAMAN PERSETUJUAN
APLIKASI PEMBAYARAN SPP DI SMAN 1 MAGETAN
Disusun Oleh:
ADIO CRISANDO NIM. M3113001
Tugas Akhir ini telah disetujui untuk diujikan di hadapan dewan penguji pada tanggal
_________________
Pembimbing Utama
iii
HALAMAN PENGESAHAN
APLIKASI PEMBAYARAN SPP DI SMAN 1 MAGETAN Disusun Oleh:
ADIO CRISANDO NIM. M3113001
HARTATIK,S.Si,M.Si.
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir Program Diploma III Teknik Informatika
Pada hari Senin tanggal 23 Januari 2017 Dewan Prnguji :
1. Penguji 1 Hartatik,S.Si,M.Si. ( ) NIDN. 0703057802
2. Penguji 2 Agus Purbayu, S.Si, M.Kom. ( ) NIDN. 0629088001
3. Penguji 3 Eko Harry P, S.T, M.Info Tech. ( ) NIDN. 0624118101
Disahkan oleh : Ketua
Program Diploma III Teknik Informatika FMIPA UNS
iv PERNYATAAN
Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.
Surakarta, 9 Januari 2017
Adio Crisando
v HALAMAN MOTTO
"Harga kebaikan manusia adalah diukur menurut apa yang telah
dilaksanakan/diperbuatnya"
(Ali Bin Abi Thalib)
“Berusahalah semaksimal apa yang ada pada dirimu dengan mengharap ridho Alloh SWT”
vi
HALAMAN PERSEMBAHAN
Sebuah karya tulisan ini saya persembahkan untuk :
1. Allah SWT yang selalu memberikan kemudahan, Rahmat serta Hidayah-Nya 2. Bapak dan Ibu tercinta yang selalu memberikan semangat, kasih sayang,
pengorbanan serta doa.
3. Kakak tercinta yang selalu memberikan motivasi serta doa.
4. Dosen dan Staf Pengajar Program studi D3 Teknik Informatika UNS khususnya Ibu Hartatik selaku pembimbing yang telah meluangkan waktu, ide serta masukkan selama proses pengerjaan tugas akhir.
5. Mahasiswa D3 Teknik Informatika angkatan 2013 khususnya TIA yang telah menemani langkah saya sampai untuk menggapai cita-cita.
vii KATA PENGANTAR
Puji syukur kehadirat Tuhan YME yang telah melimpahkan segenap rahmat dan karunia-Nya, sehingga penyusunan Tugas Akhir dengan judul “APLIKASI PEMBAYARAN SPP DI SMAN 1 MAGETAN” ini dapat terselesaikan pada waktunya tanpa halangan berarti. Penyusunan laporan ini bertujuan untuk memenuhi persyaratan dalam memperoleh gelar Amd. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam melakukan penelitian dan penyusunan Laporan Tugas Akhir ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungannya, terutama kepada:
1. Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan Fakultas Matematika dan Ilmu Pengetahuan Universitas Sebelas Maret yang memberikan kesempatan kepada penulis untuk belajar.
2. Bapak Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta yang memberikan kesempatan kepada penulis untuk belajar.
3. Ibu Hartatik,S.Si,M.Si. selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan, waktu, saran serta dukungan kepada penulis.
Penulis menyadari sepenuhnya bahwa Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukkan yang bersifat membangun penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri.
viii
Surakarta, Desember 2016
ix DAFTAR ISI
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
PERNYATAAN ... iv
HALAMAN MOTTO ... v
HALAMAN PERSEMBAHAN ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xiv
INTISARI ... xvi
ABSTRACT ... xvii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah ... 2
1.3 Batasan Masalah ... 2
1.4 Tujuan ... 2
1.5 Manfaat ... 2
1.6 Metodologi Penelitian ... 3
1.6.1 Pengumpulan Data ... 3
1.6.2 Analisa Data ... 3
1.6.3 Desain dan Perancangan ... 3
1.6.5 Implementasi ... 4
1.6.6 Pengujian Aplikasi ... 4
1.7 Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 6
2.1 Tinjauan Pustaka ... 6
2.2 HyperText Preprocessor (PHP) ... 6
2.3 Aplikasi Web ... 7
x
2.6 Context Diagram (CD) ... 7
2.7 Activity Diagram ... 8
2.8 Basis Data ... 9
2.9 Entity Relationsip Diagram (ERD) ... 9
3.0 MySQL ... 12
2.2.3 Model Waterfall ... 13
BAB III ANALISIS DAN RANCANGAN SISTEM ... 14
3.1 Jalannya Penelitian ... 14
3.2 Gambaran Umum Aplikasi ... 14
3.3 Proses Bisnis Aplikasi ... 15
3.4 Software Requirement Specification (SRS) Aplikasi berbasis Web ... 16
3.4.1 Kebutuhan Fungsional Sistem ... 16
3.4.2 Use Case Diagram... 18
3.4.3 Skenario Use Case ... 19
3.4.4 Context Diagram (CD) ... 35
1.7 Perancangan Basis Data ... 41
3.8.1 Entity Relationship Diagram (ERD) ... 42
3.8.2 Relasi Antar Tabel... 43
1.8 Perancangan Tabel ... 44
3.10.1 Tabel bayar ... 44
3.10.2 Tabel login ... 44
3.10.3 Tabel Pengeluaran ... 45
3.10.4 Tabel set_periode ... 45
3.10.5 Tabel siswa ... 45
3.10.6 Tabel uang_pangkal ... 46
3.11 Perancangan Struktur Menu... 47
3.12 Perancangan Desain User Interface ... 47
3.12.1 User Interface Aplikasi berbasis Web ... 47
BAB IV IMPLEMENTASI DAN PENGUJIAN ... 61
1.1 Implementasi ... 61
xi
1.2 Pengujian Sistem ... 71
4.2.1 Pengujian Black Box ... 71
BAB V KESIMPULAN DAN SARAN ... 78
a. Kesimpulan ... 78
b. Saran ... 78
xii DAFTAR TABEL
Tabel 2.1. Simbol Komponen Use Case ... 9
Tabel 2.2. Notasi Class Diagram ... 11
Tabel 2.3. Simbol Activity Diagram ... 82
Tabel 2.4. Simbol Sequence Diagram ... Error! Bookmark not defined.3 Tabel 2.5. Simbol Entity Relationsip Diagram (ERD)... 104
Tabel 3.1. Kebutuhan Fungsional Sistem ... 161
Tabel 3.2. Kebutuhan Non-Fungsional Sistem ... 172
Tabel 3.3. Use Case Set Periode ... 24
Tabel 3.4. Use Case Input Data Siswa ... 25
Tabel 3.5. Use Case Menampilkan Data Siswa ... 26
Tabel 3.6. Use Case Edit Data siswa ... 27
Tabel 3.7. Use Case Delete Data Siswa ... 28
Tabel 3.8. Use Case Transaksi Pembayaran Uang Pangkal ... 29
Tabel 3.9. Use Case Transaksi Pembayaran SPP ... 30
Tabel 3.10. Use Case Input Pengeluaran... 31
Tabel 3.11. Use Case Edit Pengeluaran ... 32
Tabel 3.12. Use Case Delete Pengeluaran ... 33
Tabel 3.13. Use Case Menampilkan Tunggakan Uang Pangkal ... 34
Tabel 3.14. Use Case Menampilkan Tunggakan SPP ... 35
Tabel 3.15. Use Case Input Pelunasan Uang Pangkal... 36
Tabel 3.16. Use Case Input Pelunasan SPP ... 37
Tabel 3.17. Use Case Menampilkan Data Siswa ... 38
Tabel 3.18. Use Case Laporan Pengeluaran dan Pemasukkan ... 39
Tabel 3.19. Tabel bayar ... 52
Tabel 3.20. Tabel login ... 52
Tabel 3.21. Tabel pengeluaran ... 53
Tabel 3.22. Tabel set_periode ... 53
Tabel 3.23. Tabel siswa ... Error! Bookmark not defined. Tabel 3.24. Tabel uang_pangkal ... Error! Bookmark not defined. Tabel 3.25. Black Box Testing pada pada login... 79
Tabel 3.26. Black Box Testing pada Pengujian Set Periode ... 79
xiii
Tabel 3.28. Black Box Testing pada Pengujian Uang Pangkal ... 81
Tabel 3.29. Black Box Testing pada Pengujian SPP ... 81
Tabel 3.30. Black Box Testing pada Pengujian Pengujian Pengeluaran... 82
Tabel 3.31. Black Box Testing pada Tunggakan Uang Pangkal ... 82
Tabel 3.32. Black Box Testing pada Pengujian Tunggakan SPP ... 83
Tabel 3.33. Black Box Testing pada Pengujian Pelunasan Uang Pangkal... 84
Tabel 3.34. Black Box Testing pada Pengujian Pelunasan SPP ... 84
Tabel 3.35. Black Box Testing pada Pengujian Laporan Data Siswa ... 85
xiv DAFTAR GAMBAR
Gambar 2.1. Model waterfall menurut Pressman ... 17
Gambar 3.1. Gambaran Umum Aplikasi ... 19
Gambar 3.2. Gambaran Proses Bisnis ... 20
Gambar 3.3. Diagram Konteks Pemodelan Proses ... 36
Gambar 3.4. DFD Level 0 ... 36
Gambar 3.5. DFD level 1 proses 2(manajemen set periode) ... 37
Gambar 3.6. DFD level 2 proses 2(aktivasi periode) ... 37
Gambar 3.7. DFD level 1 proses 2(manajemen siswa) ... 38
Gambar 3.8. DFD level 1 proses 3 (tambah siswa) ... 38
Gambar 3.9. DFD level 2 proses 2 (lihat data siswa) ... 39
Gambar 3.10. DFD level 3 proses 2 (pembayaran SPP) ... 39
Gambar 3.11. Squence Diagram Input Pengeluaran ... 43
Gambar 3.12. Squence Diagram Edit Pengeluaran ... 44
Gambar 3.13. Entity Relationship Diagram (ERD) ... 42
Gambar 3.14. Relasi Antar Tabel ... 43
Gambar 3.15. Struktur Menu ... 47
Gambar 3.16. Desain Halaman Login ... 48
Gambar 3.17. Desain Halaman Dashboard Administrator ... 49
Gambar 3.18. Desain Halaman Set Periode ... 50
Gambar 3.19. Desain Halaman Input Data Siswa ... 51
Gambar 3.20. Desain Halaman Transaksi Pembayaran Uang Pangkal ... 52
Gambar 3.21. Desain Halaman Transaksi Pembayaran SPP ... 53
Gambar 3.22. Desain Halaman Transaksi Pengeluaran ... 54
Gambar 3.23. Desain Halaman Tunggakan Uang Pangkal ... 55
Gambar 3.24. Desain Halaman Tunggakan SPP ... 56
Gambar 3.25. Desain Halaman Pelunasan Uang Pangkal ... 57
Gambar 3.26. Desain Halaman Pelunasan SPP ... 58
Gambar 3.27. Desain Halaman Data Siswa ... 59
Gambar 3.28. Desain Halaman Pengeluaran dan Pemasukan ... 60
Gambar 4.1. Implementasi Halaman Login... 61
Gambar 4.2. Implementasi Halaman Utama ... 62
xv
Gambar 4.4. Implementasi Halaman Input Siswa ... 63
Gambar 4.5. Implementasi Halaman Melihat Data Siswa... 63
Gambar 4.6. Implementasi Halaman Transaksi Pembayaran Uang Pangkal ... 64
Gambar 4.7. Implementasi Halaman Input Uang Pangkal ... 64
Gambar 4.8. Implementasi Halaman Transaksi Pembayaran SPP ... 64
Gambar 4.9. Implementasi Halaman Input Pembayaran SPP ... 65
Gambar 4.10. Implementasi Halaman Input Pengeluaran ... 65
Gambar 4.11. Implementasi Halaman Tampilan Pengeluaran ... 65
Gambar 4.12. Implementasi Halaman Tunggakan Uang Pangkal ... 66
Gambar 4.13. Implementasi Halaman Cetak Tunggakan Uang Pangkal ... 66
Gambar 4.14. Implementasi Halaman Tunggakan SPP ... 66
Gambar 4.15. Implementasi Halaman Cetak Tunggakan SPP ... 67
Gambar 4.16. Implementasi Halaman Pelunasan Uang Pangkal ... 67
Gambar 4.17. Implementasi Halaman Cetak Kwitansi ... 68
Gambar 4.18. Implementasi Halaman Pelunasan SPP ... 68
Gambar 4.19. Implementasi Halaman Cetak Kwitansi SPP ... 69
Gambar 4.20. Implementasi Halaman Laporan Data Siswa ... 69
Gambar 4.21. Implementasi Halaman Cetak Laporan Data Siswa ... 69
xvi INTISARI
SMAN 1 Magetan merupakan sekolah yang favorit di kota Magetan tetapi dalam proses transaksi pembayaran SPP masih dilakukan secara manual. Maka dari itu dibuatlah sebuah Aplikasi Pembayaran SPP. Digunakan sebagai pencatatan pembayaran yang lebih efisien dan tersimpan di dalam sebuah aplikasi.
Aplikasi Pembayaran SPP berbasis web dibuat dengan bahasa pemrograman PHP. Perancangan yang digunakan dalam pembuatan aplikasi ini antara lain: tabel kebutuhan fungsional, use case diagram, DFD, ERD, activity diagram, dan desain interface. Untuk pengujian aplikasi menggunakan metode blackbox.
Hasil dari tugas akhir ini adalah terciptanya Aplikasi Pembayaran SPP di SMAN 1 Magetan dengan berbasis web.
xvii ABSTRACT
SMAN 1 Magetan a favorite school in Magetan city but in the SPP process payment transactions are still done manually. Therefore made an Application Fee Payment. Used as a recording payments more efficient and stored in an
application.
Technology is a tool that can simplify the way businesses with customers, one of them the use of web technologies that can be used whenever and wherever that may be easier for users.
Application Fee Payment is built with the primary objective allows users to record and mereport transaction. Students only have to pay to the finance department and then get confirmation of the financial section in the form of a receipt after a successful transaction.