INNOVATIVE: Journal Of Social Science Research Volume 3 Nomor 4 Tahun 2023 Page 5053-5063 E-ISSN 2807-4238 and P-ISSN 2807-4246
Website: https://j-innovative.org/index.php/Innovative
Sistem Informasi Pembayaran SPP Berbasis Web Pada MTS Al-Ihsan Tugu Rejo
Elinda Revita 1 ✉ , Intan Puspita 2 , Raimon Efendi 3
Sistem Informatika, Universitass Dharmas Indonesia Email: intantebointan@gmail.com 1 ✉

## Abstrak
Sistem Informasi  berbasis web semakin banyak digunakan dan mulai merambah keberbagai bidang. salah satunya dibidang pendidikan. Mts Al-Ihsan Tugu Rejo merupakan sekolah yang berstatus Swasta yang berada  jl. Padang lamo Km.03 Tugu Rejo, Desa Bedaro Rampak Kec.Tebo tengah. Kab.Tebo. proses  pembayaran  SPP  pada Mts  Al-Ihsan  Tugu  Rejo  masih  dilakukan  secara  manual  dan  belum memiliki  suatu  sistem  informasi    berbasis  teknologi  yang  mengelola  serta  menangani  data pembayaran  SPP  .  sehinngga  menyebabkan  kurang  cepatnya  pelayanan  terhadap  siswa  dan keamanan data yang tidak bisa dijaga dan menimbulkan kehilangan data serta kesalahan pada proses pembuatan  laporan.  Maka  diperlukan  sebuah  aplikasi  berbasis Web.  untuk  membantu  Bendahara dalam mengolah data pembayaran SPP .dan mempermudah proses penyimpanan data transaksi siswa dilakukan dengan mudah dan cepat . penulis menggunakan bahasa pemrograman berbasis web, PHP, dan database MySQL untuk memberikan solusi dalam proses pembayaran SPP.
Kata kunci : Pembayaran., SPP, Web, PHP, MySQL.

## Abstract
Web-based information systems are increasingly being used and are starting to penetrate into various fields. one of which is education. Mts Al-Ihsan Tugu Rejo is a private school located on Jl. Padang Lamo Km. 03 Tugu Rejo, Bedaro Rampak Village, Central Tebo District. Kab. Tebo. the process of paying tuition fees at Mts Al-Ihsan Tugu Rejo is still done manually and does not yet have a technology-based information system that manages and handles tuition payment data. thus causing a lack of fast service to students and data security that cannot be maintained and causes data loss and errors in the process of making reports. Then we need a Web-based application. to assist Bendahara in processing tuition payment data. and simplify the process of storing student transaction data easily and quickly. the author uses a web-based programming language, PHP, and MySQL database to provide solutions in the tuition payment process
Keyword : Payment., SPP, Web, PHP, MySQL

## PENDAHULUAN
Perkembangan  teknologi  dan  informasi    berjalan  begitu  cepat  dan  pesat,  seperti perkembangan internet ( website), komputer, teknologi telekomunikasi, dan lain-lain. Hal ini dikarenakan  kebutuhan  akan  teknologi  dan  informasi    sangat  tinggi  untuk  membantu berbagai  jenis  bidang  pekerjaan  manusia  salah  satunya  adalah  bidang  pendidikan  .hal tersebut  selaras  dengan  tantangan  pembangunan  pendidikan  saat  ini  yaitu  dibutuhkan pengembangan kebijkan-kebijakan untuk memperkuat dan memperluas pemanfaatan TIK (Teknologi Informasi  dan Komunikasi) di bidang pendidikan.
Dalam  dunia  pendidikan,  khususnya  sekolah  masih  banyak  sekali  pekerjaan  yang dilakukan  dengan  cara  konvensional  .sekolah  merupakan  salah  satu  instansi  di  bidang pendidikan. Pada prinsipnya sekolah selalu berusaha untuk memberikan pelayanan dalam pembayaran  sumbangan  pembinaan  pendidikan  (SPP).Pembayaran  sumbangan pembinaan pendidikan (SPP) salah satu kegiatan usaha yang membantu dalam mengatur kegiatan  belajar mengajar disekolah agar  dapat  berjalan  dengan  lancar, dengan adanya kegiatan  pembayaran  SPP.  Dalam  proses  pendataan  siswa  serta  administrasi  keuangan siswa yang benar ialah merupakan peranan sangat penting untuk sekolah dan siswa.(Sarmidi & Fahmi, 2019) “.
MTs Al-Ihsan Tugu Rejo yang berada di jl. Padang Lamo Km.03 Tugu Rejo, Desa Bedaro Rampak  Kec.  Tebo  tengah  Kab.  Tebo  Prov.  Jambi  MTs  Al-Ihsan  Tugu  Rejo  merupakan sekolah yang berstatus Swasta yang mulai berdiri pada tahun 2006 dengan jumlah kelas saat ini sebanyak 3 kelas yaitu : kelas 7. 8 dan kelas 9. Proses pembayaran SPP pada MTs Al- Ihsan Tugu Rejo  masih dilakukan secara manual dan belum memiliki suatu sistem informasi berbasis teknologi yang mengelola  serta menangani data administrasi pembayaran SPP,
sehingga menyebabkan kurang  cepatnya pelayanan terhadap siswa dan  keamanan data yang  tidak  bisa  dijaga  dan  menimbulkan  kehilangan  data  serta  kesalahan    pada  proses pembuatan laporan. Selain itu jika siswa kehilangan kartu SPP bendahara akan mengalami kesulitan  mengetahui  data  pembayaran  yang    sudah  dilakukan  sebelumnya,  karena bendahara harus memeriksa lagi kedalam buku besar yang tentunya tidak efisien waktu.

## Tinjauan Pustaka

## 2.1 Pengertian Sistem
Sistem  sendiri  menurut  sejarahnya  berasal  dari  bahasa  yun ani  yaitu  “sistema”  yang berarti  kesatuan,  yakni  keseluruhan  bagian-bagian  yang  mempunyai  hubungan  satu dengan yang lainya. Kata”sistema” tersebut pada akhirnya dikembangkan menjadi berbagai macam  definisi  yang  bervariasi  sesuai  dengan  bidang  ilmu  atau  bidang  kajian  masing- masing, namun pada intinya masih tetap sama yaitu kumpulan dari sub-sub sistem yang berhubungan dan kerjasama.
Sistem  adalah  rangkaian  dari  dua  atau  lebih  komponen-komponen  yang  saling berhubungan, saling berinterkasi untuk mencapai suatu tujuan. Sebagian sistem terdiri dari subsistem yang lebih kecil yang mendukung sistem yang lebih besar.(Khairrun Nisa, 2022).

## 2.2 Pengertian Informasi
Kata  informasi    berasal  dari  dari  kata  perancis  kuno informacion  (tahun  1387)  yang diambil dari  bahasa Latin informationem yang berarti “garis besar, konsep,ide”.Informasi merupakan  kata  benda  dan inFormare yang  berarti  aktivitas  dalam  “pengetahuan  yang dikomunikasikan”. Informasi  yaitu data yang diolah jadi wujud yang lebih bermanfaat serta lebih berarti bagi untuk penerimanya.(Wendasmoro, 2022)
Menurut Nazwita dalam jurnal ( ikhsan& ramadhani , 2020 : 143 ) Mendefinisikan bahwa “informasi  adalah rangkaian data yang mempunyai sifat sementara, tergantung dengan waktu, mampu memberikan kejutan atau surprise pada penerimanya. Identitas dan lamanya kejutan dari informasi , disebut nilai informasi ”.

## 2.3 Pengertian Sistem Informasi
Sistem informasi  merupakan kumpulan komponen yang membentuk kesatuan untuk mengolah data transaksi harian untuk mendukung kegiatan operasional suatu organisasi dengan  menghasilkan  laporan  tertentu  (Widiawaty  &  Irmanda,  2021).  Sistem  informasi merupakan suatu sistem dalam suatu organisasi yang mendukung bersifat manejerial dan kegiatan strategi dari suatu organisasi dan pihak luar dengan laporan yang diperlukan serta mempertemukan kebutuhan pengolahan transaksi lainya.(Sani et al., 2022).
2.4 Pengertian Pembayaran
Menurut  kamus  besar  bahasa  Indonesia  definisi  pembayaran  adalah  dari  suku  kata “pem.ba.yar.an” adalah proses cara perbuatan membayar, maka pengertian pembayaran adalah proses membayar SPP yang dilakukaan berulang-ulang, sekali dalam satu bulan.
Pembayaran  merupakan  salah  kegiatan  atau  usaha  untuk  membantu,  melayani, mengarahkan  atau  mengatur  semua  kegiatan  diadalam  mencapai  suatu  tujuan.  Karena pembayaran merupakan unsur penting bagi sebuah instansi maka diperlukan suatu sistem yang dapat mengelola sistem pembayaran secara baik.(Vetdri et al., 2023)

## 2.5 SPP ( Sumbangan Pembinaan Pendidikan)
Sistem informasi  pembayaran SPP  adalah sebuah perangkat lunak berbasis web yang bermanfaat  untuk  membantu  proses  pembayaran  SPP.  Digunakan  dengan memaaksimalkan  penggunaan  fasilitas  komputer  pada  sekolah,  baik  untuk  proses pembayaran, membuat kwitansi pembayaran, serta membuat laporan tunggakan.
“SPP ( Sumbangan penunjang pendidikan ) adalah i uran atau pembayaran setiap bulan dari siswa yang menjadi kewajiban bagi siswa disekolah. Pembayaran SPP tersebut diambil berdasarkan  kesepakatan  rapat  komite  sekolah  dan  orang  tua  siswa.  Pembayaran  SPP ditunjukkan untuk menunjang peningkatan mutu pendidikan yang terkait dengan sarana dan prasana kegiatan belajar mengajar”. (Abdur et al., 2018).

## Website
Website  adalah  halaman  informasi    yang  disediakan  melalui  jalur  internet  sehingga dapat  diakses  diseluruh  dunia  selama  terkoneksi  dengan  jaringan  internet. Website merupakan  komponen  atau  kumpulan  komponen  yang  terdiri  dari  teks,  gambar,  suara animasi sehingga lebih merupakan media informasi  yang menarik untuk dikunjungi.(Hery Santono et al., 2019).
Dapat  disimpulkan  bahwa  website  adalah  kumpulan  dari  halaman  web  yang  saling terhubung dalam sebuah domain atau subdomain yang berada didalam Word wide web (WWW) diinternet. Aplikasi berbasis web pada umumnya dibangun dengan bantuan dari struktur HTML ( Hypertext Markup Language),serta dengan kombinasi dari beberapa bahasa pemrograman  lain,  seperti  PHP  ataupun  javascript. Website  juga  dapat  dipercantik tampilanya dengan bantuan CSS ( Cascading style Sheets).Mengenai database atau media penyimpanan, cukup banyak yang dapat digunakan, salah satunya adalah MYSQL.
METODE PENELITIAN
Untuk membantu penelitian ini, diperlukan susunan kerangka kerja (framework) yang jelas  tahap-tahapanya.  Penerapan  kerja  ini  merupakan  langkah-langkah  yang  akan
dilakukan  dalam  penyelesaian  masalah  yang  dibahas.  Adapun  kerangka  kerja  yang digunakan.
Gambar 1 . Kerangka kerja penelitian
Tempat dan waktu penelitian
Tempat Penelitian Penulis melakukan penelitian di sekolah MTs Al-Ihsan Tugu Rejo beralamat  di  jl.Padang  Lamo  Km.03  Tugu  Rejo,  Desa  Bedaro  Rampak  Kec.Tebo  Tengah Kab.Tebo  Prov.Jambi.  Waktu  Penelitan  ini  dilakukan  mulai  dari  tanggal  1  februari  2023 hingga bulan juni 2023.

## HASIL DAN PEMBAHASAN
Analisis Sistem
Analisis sistem merupakan suatu teknik pemecahan masalah dengan cara menguraikan sistem  ke  dalam  komponen-komponen  pembentuknya  untuk  mengetahui  bagaimana komponen tersebut bekerja dan saling berinteraksi satu sama lain untuk mencapai tujuan sistem.
Dalam  melakukan  analisis  sistem  terlebih  dahulu  harus  mengetahui  dan  memahami sistem  untuk  menganalisa  sistem  diperlukan  data  dari  sistem  untuk  dianalisa.Data  yang diperlukan adalah hal-hal yang berkenan dengan definisi data.
Identifikasi Masalah Analisis Masalah Menentukan Tujuan Pengumpulan Data Mempelajari Literatur Analisis Sistem Desain Sistem Testing dan Implementasi sistem
siste
Hasil

## A. Perancangan Sistem
Setelah melakukan analisa sistem proses selanjutnya yang dilakukan adalah perancangan sistem yang meliputi perancangan Diagram UML ( Use Case diagram, class diagram, activity diagram, Squance diagram, perancangan database dan perancangan Interface.
1. Use Case Diagram
Use  Case  Diagram  terdiri  dari  actor,  Use  Case  dan  serta  hubunganya.  Use  Case diagram adalah sesuatu yang penting untuk mengvisualisasikan, menspesifikasikan dan mendokumentasikan  kebutuhan  perilaku  sistem. Use  Case  Diagram  digunakan  untuk menjelaskan  kegiatan apa saja yang dapat dilakukan oleh  Admin sistem yang  sedang berjalan. Adapun Usecase Sistem Informasi  Pembayaran SPP Pada Mts Al-Ihsan Tugu Rejo yang baru dapat dilihat pada gambar 2.  Berikut:
Gambar 2. Use Case Sistem Informasi  Pembayaran SPP
2. Activity Diagram
Activity Diagram menggambarkan aliran kerja atau aktivitas dari sebuah sistem. Berikut adalah actvity diagram dari Sistem Informasi  Pembayaran SPP Pada Mts Al-Ihsan Tugu Rejo.
a. Activity Diagram Login.
Activity Diagram Login digunakan oleh Admin memiliki fungsi untuk dapat masuk dalam Sistem Informasi  Pembayaran SPP berbasis Web pada Mts Al-Ihsan Tugu Rejo sehingga dapat memiliki hak akses lebih  luas. Activity Diagram  ini adalah pertama
admin  untuk  dapat  masuk  kehalaman  utama,  sistem  akan  menampilkan  halaman Login,  admin  memasukkan  username  dan  password,  sistem  memverifikasi  apakah username sudah benar atau belum, jika salah sistem menampilkan pesan username dan password dan admin diharuskan memasukkan lagi username dan password, jika benar  sistem  akan  menampilkan  halaman  utama  dari  masing-masing  aktor  sesuai dengan fungsi dan hak aksesnya masing-masing. Untuk Lebih Jelasnya Dapat dilihat pada Gambar 3.
Gambar 3. Activity Diagram Login
3. Class Diagram
Class  diagram  merupakan  diagram  yang  menunjukkan  class  sistem  dan hubungannya secara logic. Class diagram yang dibuat pada tahap design ini merupakan deskripsi lengkap dari class-class yang ditangani oleh sistem, dimana masing-masing class  telah  dilengkapi  dengan  atribut  dan  operasi-operasi  yang  diperlukan,  class diagram, Sistem Informasi  Pemabayaran SPP Berbasis Web Pada Mts Al-Ihsan Tugu Rejo . lebih jelasnya dapat dilihat pada Gambar 4.
Gambar 4. Class Diagram Sistem Informasi

## 4. Sequence Diagram Data Admin
Pada Sequence Diagram Data Admin merupakan proses sistem untuk mengelola Data Admin.
Menu Utama
Halaman Pengguna database Admin 1. Login 2. Memilih menu pengguna 3. Cek Data Pengguna 4. Tampilkan Data Pengguna 5. Melihat Data Pengguna
Gambar 5.  Sequence Diagram Data Admin Deskripsi :
Sequence Diagram Data Admin merupakan proses pada sistem SPP menjelaskan bagaimana alur data Admin dimana admin setelah melakukan Login akan diarahkan ke halaman Home kemudian admin memilih menu admin dan sistem akan menampilkan data admin.

## Desain Input
Desain Input merupakan Perancangan Input berupa Form untuk memasukkan data yang akan menghasilkan suatu informasi  dari pengolahan data tersebut. Desain Input
juga merupakan acuan untuk membangun sistem informasi  pembayaran SPP Berbasis Web Pada Mts Al-Ihsan Tugu Rejo.
a. Desain Input Form Login
Halaman Form Login merupakan halaman authenfikasi sebelum masuk kehalaman penggunaan  sistem,  maka  admin  diminta  memasukan  username  dan    password adapun  Rancangan Input Form Login dapat dilihat seperti gambar 6. berikut:
USERNAME PASSWORD MASUK Username Password MENU LOGIN Sistem informasi pembayaran spp di MTS Al-Tugu Rejo
Gambar 6. Desain Input Form Login

## 5. Kesimpulan Implementasi Dan Pengujian Sistem
Implementasi  program  adalah  implementasi  dari  analisa  dan  desain  sistem  yang telah dibuat sebelumnya. Sehingga diharapkan dengan adanya implementasi ini dapat dipahami  jalanya  suatu  sistem  sebelumnya  admin  harus  mempersiapkan  dahulu kebutuhan-kebutuhan dari program yang akan diimpllementasikan baik segi perangkat keras ( Hardware) maupun perangkat lunak komputer (Software).
Verifikasi
Tahap ini merupakan tahap menentukan apakah sistem sudah siap dan sesuai untuk digunakan. oleh karena itu setelah dilakukan verifikasi, Maka masih terdapat kekurangan pada sistem seperti kekurangan yang terdapat pada fungsi yang belum berjalan dan masih terdapat kekurangan lainya dalam sistem.
1. Halaman Login
Halaman Login adalah halaman yang pertama kali muncul sebelum menggunakan Sistem Informasi  Pembayaran SPP Pada Mts Al-Ihsan Tugu Rejo, pada halaman ini terdapat Form berupa Input username dan Input password kemudian klik tombol Login baru setelah itu akan masuk kedalam  sistem untuk menggunakannya.
Gambar 7.  Halaman Login
2. Halaman Home
Halaman Home  adalah  halaman  yang  pertama  kali  muncul  setelah  Login sebagai admin,  halaman  ini  adalah  halaman  yang  menampilkan  Menu-Menu perintah  yang  digunakan  dalam  pengoperasian  Sistem,  Adapun  menu  yang ditampilkan dalam halaman utama admin adalah Menu Data Admin, Menu Data Siswa,MenuTransaksida logout.

## Gambar 8. Halaman Home

## SIMPULAN
Kesimpulan  yang  dapat  diambil  dari  Skripsi  yang  berjudul”  Sistem  Informasi Pembayaran  SPP  berbasis Web  Pada  Mts  Al-Ihsan  Tugu  rejo  yaitu  dibangun  berbasis website bahasa pemrograman yang digunakan adalah PHP dengan menggunakan Mysql sebagai database dengan tujuan untuk membantu bendahara dalam mengolah data Pembayaran  SPP.  dan  mempermudah  Proses  penyimpanan  data  transaksi  siswa  bisa dilakukan dengan mudah dan  cepat.
DAFTAR PUSTAKA
abdur,  Sidik,  A.,  &  Nazahah,  N.  (2018). Perancangan  Sistem  Informasi    Administrasi Pembayaran Spp Siswa Berbasis Web Di Smk Al - Amanah. 8(1).
sBaehaqi, T. F., & Yulia, E. R. (2023). Sistem Informasi  Sumbangan Pembinaan Pendidikan ( Spp ) Berbasis Website. 6, 58 – 64.
Helmud, E. (2021). Aplikasi Pembayaran Spp Berbasis Web Di Smk Tridaya Bekasi. 7(1), 80 – 86.
Hery  Santono,  E.  S.,  Informasi  ,  M.  S.,  Informasi  ,  F.  T.,  Kristen,  U.,  &  Wacana,  S.  (2019). Implementasi Sistem Informasi  Pembayaran Spp Berbasis Web , Barcode , Dan Sms Gateway. 255 – 260.
Khairrun Nisa, S. (2022). Perancangan Sistem Informasi  Pembayaran Uang Spp Berbasis Web. Jurnal Teknik InFormatika, Manajemen Dan Bisnis Digital, 1, 284 – 290.
Pangestuti, A. S., Wijanarko, R., Hasyim, U. W., & Pendidikan, S. P. (2021). Sistem Informasi Pembayaran Spp Berbasis Web Pada Smk Muhammadiyah 11 Jakarta Pusat. 3(2), 110 – 117.
Rosa A. S. M. Shalahuddin. (2018). Rekayasa Perangkat Lunak. InFormatika.
Sani, H. K., Ambiyar, A., Sukardi, S., & Sari, D. Y. (2022). Pengembangan Sistem Informasi Pembayaran Spp Berbasis Web Didukung Notifikasi Sms. Jrti (Jurnal Riset Tindakan Indonesia) Vol., 7(2), 107 – 112. Https://Jurnal.Iicet.Org/Index.Php/Jrti
Sarmidi,  &  Fahmi,  M.  (2019). Aplikasi  Pembayaran  Spp  Siswa  Di  Smk  Nashirul  Huda Kabupaten Tasikamalaya. 03(01).
Solang, J. R. (2021). Aplikasi Pembayaran Spp Berbasis Web Di Sd Smp Advent Tondano. 1, 646 – 658.
Vetdri, A. A., Mulyono, H., & Junaidi, S. (2023). Perancangan Sistem Informasi  Pembayaran Spp Berbasis Desktop Pada Smk Muhammadiyah 1 Padang. 7, 2446 – 2457.
Wendasmoro,  R.  G.  (2022).  Rancang  Bangun  Aplikasi  Pembayaran  Spp  Berbasis  Web. Jurnal Manajemen InFormatika Jayakarta, 2, 125 – 131.
Widiawaty, V., & Irmanda, H. N. (2021). Sistem Informasi  Pembayaran Spp Berbasis Website Pada Smp Strada St . Fransiskus Xaverius Ii. September, 462 – 471.