perancangan aplikasi pembayaran spp di sman 1 … · 2020. 1. 27. · perancangan aplikasi...
TRANSCRIPT
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
2016
brought to you by COREView metadata, citation and similar papers at core.ac.uk
provided by Sebelas Maret Institutional Repository
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
HARTATIK,S.Si,M.Si.
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
Abdul Aziz, S.Kom., M.Cs.
NIP. 19810413 200501 1 001
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
M3113001
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”
(Adio Crisando)
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.
6. Pembaca yang budiman.
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
Penulis
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
2.4 Model View Controller (MVC) ............... Error! Bookmark not defined.
2.5 Unified Modellin Language (UML) ......................................................... 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
1.1.1 Implementasi Interface Aplikasi Berbasis Web .............................. 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
Daftar Pustaka ....................................................................................................... 79
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
Tabel 3.27. Black Box Testing pada Pengujian Siswa .......................................... 80
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
Tabel 3.36. Black Box Testing Pengujian Laporan Pengeluaran Pemasukan...... 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
Gambar 4.3. Implementasi Halaman Set Periode ................................................ 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
Gambar 4.22. Implementasi Halaman Laporan Pengeluaran dan Pemasukan .... 70
Gambar 4.23. Implementasi Halaman Cetak Laporan Pemasukan Pengeluaran 70
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.
Kata kunci: Aplikasi, Pembayaran, PHP, SMAN, SPP
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.
Keywords: Applications, Payments, PHP, SMAN, SPP