p-ISSN : 2460-3562 / e-ISSN : 2620-8989
Aplikasi Administrasi Pembayaran Sumbangan Pembinaan Pendidikan (SPP) Berbasis Progressive Web Apps (Studi Kasus: SMA Taman Mulia Kubu Raya)
Eva Faja Ripanti #1 , Morteza Muthahhari #2 , Sitty Adhariah #3
a Program Studi Sarjana Informatika Fakultas Teknik Universitas Tanjungpura Jl. Prof. Dr H. Nadari Nawawi, Pontianak, Kalimantan Barat 78124
1 evaripanti@untan.ac.id
2 morteza.muthahhari@teknik.untan.ac.id
3 sityadharia@student.untan.ac.id

## Abstrak
Kurang optimalnya proses pengelolaan administrasi  pembayaran  Sumbangan  Pembinaan  Pendidikan (SPP) yang masih  dikerjakan  secara  konvensional  di  beberapa  sekolah  saat    ini    menimbulkan    beberapa    permasalahan seperti  kesalahan  dalam  perhitungan,  kesalahan  data  yang  tidak  tercatat  serta  kurangnya  informasi  untuk  orang tua  terkait  pembayaran  SPP  yang telah dilakukan. Tujuan dari  penelitian ini  adalah  membangun dan  merancang sebuah  aplikasi  administrasi pembayaran  Sumbangan  Pembinaan  Pendidikan  (SPP)  yang  dapat  mengoptimalkan administrasi  pembayaran  SPP  menjadi  lebih  efektif  dan  efisien  yang  didukung  dengan  teknologi  informasi berbasis Progressive  Web  Apps yang  dapat  diakses  dan  ditampilkan  dengan  baik  di  berbagai  perangkat  seperti desktop maupun mobile ,  dilengkapi  juga  dengan SMS  Gateway sebagai  notifikasi  pembayaran  yang  bertujuan untuk  membuka  jembatan  komunikasi  antara  pihak  sekolah  dengan  orang  tua  siswa  terkait  dengan  pembayaran SPP yang telah berhasil dilakukan. Perancangan sistem ini menggunakan Unified Modelling Language (UML). Pengujian aplikasi dalam penelitian ini menggunakan UAT ( User Acceptance Test).
Kata kunci : Aplikasi Administrasi, Pembayaran SPP, User Acceptance Test , Progressive Web Apps

## Education Development Donation Payment Administration Application Based on Progressive Web Apps (Case Study: Taman Mulia Kubu Raya High School)

## Abstract
The  lack  of  optimal  administrative  management  process  for  Education  Development  Contributions  (SPP) payments that are still carried out conventionally in some schools currently causes several problems such as errors in calculations, data errors that are not recorded and lack of information for parents regarding tuition payments that have been made. The purpose of this study is to build and design an Education Development Contribution (SPP) payment administration application that can optimize tuition payment administration to be more effective and efficient supported by information technology based on Progressive Web Apps that can be accessed and displayed properly on various devices such as desktop and mobile, It is also equipped with an SMS Gateway as a payment notification that aims to open a communication bridge between the school and parents related to successful tuition payments. The design of this system uses Unified Modelling Language (UML). Application testing in this study used Black Box Testing and UAT (User Acceptance Test).
Keywords : Administration Applications, Tuition Payments, User Acceptance Test, Progressive Web Apps

## I. P ENDAHULUAN
Kebutuhan  akan  teknologi  informasi  yang  semakin meningkat dari  segi  beberapa aspek  salah  satunya  adalah dalam  bidang  pendidikan  membuat  beberapa  orang maupun  kelompok  mulai  berbondong-bondong  untuk beralih  dari  penggunaan  secara  konvensional  menuju  ke penggunaan  yang  lebih  efektif  salah  satunya  dengan memanfaatkan teknologi informasi itu sendiri [3]. Terkait
dengan  kurangnya  teknologi  informasi  pendukung  dalam bidang  pendidikan  juga  dirasakan  dengan  permasalahan yang  kerap  terjadi  di  beberapa  sekolah  saat  ini  salah satunya  adalah  kurangnya  teknologi  informasi  yang mampu mendukung dalam proses pengelolaan data terkait dengan  administrasi  atau  kegiatan  dari  pembayaran  SPP (Sumbangan Pembinaan Pendidikan). Kurangnya teknologi informasi untuk mendukung dalam proses
Tidak Sesuai Pengujian Implementasi Perancangan Analisis Kebutuhan
pengelolaan  administrasi  pembayaran  SPP    menjadi sebuah  permasalahan  ketika  bendahara  sekolah  ingin melakukan  proses  pencatatan  pembayaran  SPP.  Salah satunya yang terjadi pada SMA Taman Mulia Kubu Raya dimana proses pengelolaan administrasi pembayaran SPP saat  ini  masih  dilakukan  secara  konvensional  dengan melakukan pencatatan serta perhitungan yang akan dicatat menggunakan  buku  besar.  Selain  itu  juga  siswa/siswi mengalami  kesulitan  dalam  mendapatkan  informasi pembayaran SPP dikarenakan bukti pembayaran SPP yang digunakan  merupakan  sebuah  kertas  yang  bisa  robek maupun rusak apabila terkena air. Dapat membuat sebuah aplikasi  yang  mampu  mendukung  proses  pengelolaan administrasi pembayaran SPP yang bisa melakukan proses pencatatan  dan  perhitungan  menjadi  lebih  optimal  tentu saja  akan  membantu  sekolah  dalam  proses  pengelolaan administrasi  pembayaran  SPP  menjadi  lebih  efektif  dan efisien.
Pembayaran  SPP  (Sumbangan  Pembinaan  Pendidikan) telah  diatur  dalam  dasar  aturan  yang  merupakan keputusan dari 3 Menteri, yaitu: (1) Menteri Pendidikan & Kebudayaan  (No.0257/K/1974),  (2)  Menteri  pada  Negeri (No.  221  tahun  1974),  (3)  Menteri  Keuangan  (No.  Kep. 1606/MK/1974).  Tentang  Pungutan  dan  Sumbangan Biaya Pendidikan pada Satuan Pendidikan Dasar [8].
Mengenai  dengan  pembayaran  Sumbangan  Pembinaan Pendidikan (SPP) ditemukan permasalahan lainnya seperti kurangnya  informasi  untuk  orang  tua  atau  wali  siswa dalam  mengetahui  riwayat  informasi  dari  pembayaran SPP  yang  telah  dilakukan.  Hal  ini  dapat  beresiko dikarenakan  takutnya  terjadi  hal  yang  tidak  diinginkan misalnya penyalahgunaan  uang SPP  atau uang SPP tidak diserahkan  secara  langsung  kepada  pihak  sekolah.  Tentu saja  hal  ini  seharusnya  dapat  dihindari  dengan  teknologi pendukung  yang  mampu  menyampaikan  informasi  untuk orang  tua  dalam  mengetahui  riwayat  pembayaran  SPP yang  telah  dilakukan  agar  menghindari  penyalahgunaan uang SPP yang telah diberikan dari orang tua untuk anak atau siswa tersebut.
Oleh karena itu Permasalahan yang terjadi di atas dapat diselesaikan  dengan  membuat  sebuah    aplikasi administrasi  pembayaran  SPP  berbasis Progressive  Web Apps agar  mudah  melakukan  proses  pencatatan  dan perhitungan dengan cepat tanpa khawatir jaringan internet yang kurang stabil dan memudahkan dalam memonitoring pembayaran  SPP  serta  dalam  mengetahui  riwayat pembayaran SPP dikarenakan tidak memerlukan selembar kertas  lagi  sebagai  bukti  tetapi  dapat  melihat  secara langsung pada aplikasi apakah telah berhasil di input -kan dan  proses  pembayaran  apakah  telah  tersimpan menggunakan SMS  Gateway yang  berfungsi  untuk membuka  jembatan  komunikasi  antara  pihak  sekolah dengan  orang  tua  siswa  dalam  mengetahui  riwayat pembayaran  SPP  yang  telah  dilakukan.  Aplikasi  ini dibangun  guna  meningkatkan  proses  administrasi pembayaran SPP menjadi efektif dan optimal serta dalam memberikan laporan pembayaran SPP yang akurat kepada pihak terkait.
II. M ETODOLOGI P ENELITIAN
Ya

## .

## Gambar 1. Metode Penelitian
Dalam  Gambar  1  diatas  merupakan  tahapan-tahapan metode  penelitian  yang  dikerjakan  dimulai  dari  studi literatur, analisis kebutuhan sistem, perancangan aplikasi, implementasi, pengujian dan penarikan kesimpulan, yang akan diuraikan sebagai berikut.

## A. Studi Literatur
1. Penelitian Terkait Penelitian  Terkait: Penelitian  [1]  dengan  judul “Perancangan Sistem Informasi Administrasi Pembayaran SPP  Siswa  Berbasis  Web  di  SMK  Al-Amanah”  dalam penelitian  tersebut  membangun  sistem  informasi administrasi  pembayaran  SPP  yang  bertujuan  untuk memaksimalkan pekerjaan bendahara dalam penyampaian informasi  dalam  pembayaran,  ketelitian,  maupun pelayanan.  Sistem  informasi  yang  dibangun  dengan berbasis Web.
Penelitian  [2]  dengan  judul  “Sistem  Informasi Pembayaran  SPP  di SMK Negeri 4  Dumai Berbasis SMS Gateway ”  dalam  penelitian  tersebut  memabngun  Sistem Informasi  yang  dapat  mengoptimalkan  bendahara  dalam pengelolaan  dan  manajemen  data  pembayaran  SPP  yang bertujuan  untuk  memberikan  informasi  kepada  orang tua/wali  siswa  dalam  transaksi  pembayaran  SPP  yang dapat  mengetahui  transaksi  pembayaran  SPP  tiap bulannya  sehingga  dapat  meminimalisir  penyalahgunaan uang  SPP  yang  telah  diberikan  kepada  siswa  yang bersangkutan.  Sistem  Informasi  yang  dibangun  berbasis Web dan SMS Gateway .
Penelitian  [3]  dengan  judul  penelitian  “Implementasi Sistem  Informasi  Pembayaran  SPP  Berbasis  Web, Barcode,  dan SMS  Gateway ”  dalam  penelitian  tersebut mengimplementasikan  Sistem  Informasi  Berbasis  Web, Barcode,  dan SMS  Gateway yang  dapat  mempermudah pekerjaan  Staf/TU  dan  Orang  Tua  Siswa/Siswi  dalam memantau  pembayaran  SPP.  Sistem  Informasi  yang dibangun  dengan  berbasis Web,  Barcode dan SMS Gateway .
Mulai Studi Literatur Selesai Penarikan Kesimpulan

## 2. Aplikasi
Aplikasi  adalah  suatu  kumpulan  dari  rangkaian- rangkaian  kegiatan  yang  berisi  perintah  atau instruction yang akan dilakukan oleh pemroses seperti software. Selain  itu  aplikasi  merupakan  sebuah program  komputer  yang  dibangun  guna  dalam mengerjakan serta melaksanakan  perintah khusus dari pengguna [9].
3. Administrasi
Administrasi  merupakan  suatu  aktivitas  ketatausahaan yang mencangkup beraneka kegiatan seperti pembukuaan, pencatatan  dan  perhitungan  yang  bertujuan  untuk menyajikan informasi yang diperlukan [1].
4. Sumbangan Pembinaan Pendidikan (SPP)
Sumbangan  Pembinaan  Pendidikan  (SPP)  adalah sejumlah  biaya  yang  dibebankan  kepada  siswa  untuk membantu  sekolah  dalam  meningkatkan  sarana  dan prasarana sekolah [3].

## 5. Progressive Web Apps
Progressive Web Apps (PWA) merupakan aplikasi web yang memuat tampilan seperti halaman web namun dapat juga  menawarkan  fungsi-fungsi  pengguna  seperti offline [4].  PWA  mampu  diakses  dengan  cepat  yang  memiliki karakteristik  seperti Progressive (bekerja  dalam  semua browser ) ,  Responsif (dapat  beradaptasi  pada  semua perangkat  seperti desktop,  mobile dan  lainnya) ,  App  Like (terasa seperti aplikasi) , Intallable (dapat di- instal ) [5].
6. SMS Gateway
SMS  Gateway memanfaatkan  teknologi  seluler  yang menggunakan  bantuan  komputer  [11]. SMS  Gateway merupakan  jenis  SMS  dua  arah  memiliki  keunikan bahwasannya  seluruh  tarif  yang  diberlakukan  merupakan tarif  SMS  normal  sama  dengan  apa  yang  diberlakukan pada  operator.  Jenis  SMS  ini  sangat  cocok  dijadikan sebagai  SMS  center  organisasi  maupun  institusi  karena SMS memiliki sifat dua arah [3].
7. ERD ( Entity Relationship Diagram )
ERD (Entity  Relationship  Diagram) merupakan penggambaran  yang  menunjukkan  pola  relasi  antar entitas.  Adapun  tahapan  untuk  menghasilkan  ERD sebagai berikut [7].
- Mengidentifikasi dan menetapkan entitas yang terlibat
- Menentukan atribut-atribut
- Mengidentifikasi dan menetapkan relasi antar entitas
- Menentukan derajat / kardinalitas untuk setiap relasi
Berikut ini merupakan simbol-simbol dalam ERD [7].
TABEL I

## SIMBOL-SIMBOL ERD
No. Simbol Keterangan 1 Entitas, Suatu  elemen yang  apa  saja  di  dalam sistem 2 Relasi, Hubungan yang terjadi antar entitas. 3 Atribut, adalah sesuatu penjelasan detail entitas 4 Garis Relasi, menunjukkan hubungan antar entitas

## B. Analisis Kebutuhan
Analisis  kebutuhan  sistem  merupakan  tahapan  dimana mengidentifikasi  kebutuhan-kebutuhan  apa  saja  yang diperlukan  guna  menjadi  arah  seperti  apa  sistem  yang akan  dibangun.  Analisis  kebutuhan  adalah  tahapan mengidentifikasi  kebutuhan  yang  didapatkan  berdasarkan kebutuhan pengguna [12].

## C. Perancangan
Perancangan  merupakan  proses  yang  dilakukan  dalam menghasilkan  rancangan  dari  sistem  yang  sesuai  dengan hasil  dari  analisis  kebutuhan.  Selain  itu  perancangan merupakan  proses  dimana  pendefinisian  yang  akan dilakukan bersamaan menggunakan teknik yang beraneka ragam  yang  melibatkan  uraian  mengenai  arsitektur  dan detail komponen [14]. Bentuk rancangan yang akan dibuat menggunakan  arsitektur  sistem, use  case  diagram dan Entity Relationship Diagram (ERD).
1) Arsitektur  Sistem: Arsitektur  sistem  merupakan sekumpulan  model-model  yang  saling  terhubung  untuk menggambarkan  komponen  yang  spesifik  secara terstruktur. Arsitektur juga terdiri dari network , hardware serta software yang  diurutkan  [15].  Gambaran  dari arsitektur sistem dapat dilihat pada Gambar 2.
1 Membayar M M Mencatat total_pembayar an nominal_bayar tanggal_pemba yaran status_pembay aran sisa_bayar Mengelola nisn nis kelas_id nama_siswa 1 status agama tgl_lahir jenis_kelamin M alamat Memiliki 1 Siswa nip telpon_bendah ara bendahara_id Bendahara Kepala Sekolah SMS Gambar 2. Arsitektur Sistem
Adapun  penjelasan  dari  arsitektur  di  atas  sebagai berikut:
- Siswa/Siswi  membayar  uang  SPP  kepada Bendahara/TU  atau  Admin,  siswa/siswi  dapat mengakses  aplikasi  administrasi  pembayaran  SPP namun  hanya  bisa  melihat  informasi  Pembayaran SPP saja.
- Bendahara/TU atau Admin menginput pembayaran uang SPP melalui aplikasi administrasi pembayaran  SPP  yang  terhubung  dengan internet dan  disimpan  di  dalam database. Kemudian mengirim SMS  Gateway kepada  orang  tua/wali siswa.
- Kepala  Sekolah  dapat  mengakses  aplikasi  untuk mengetahui  informasi  Sumbangan  Pembinaan Pendidikan (SPP).
2) Use  Case  Diagram:  Use  Case  Diagram merupakan pemodelan  yang mendeskripsikan interaksi antara satu dan lainnya terhadap sistem [6]. Use Case terdiri dari beberapa aktor dalam penelitian ini yang terdiri dari, Admin, Bendahara, Siswa/Siswi,
Kepala Sekolah dan Orang Tua Siswa. Adapaun Use Case  Diagram yang  diabngun  ditujunkkan  pada Gambar 3 di bawah ini.
Gambar 3. Use Case Diagram
3) Entity Relationship Diagram (ERD) : Entity Relationship  Diagram digunakan  dalam  perancangan suatu database guna untuk menunjukkan pola relasi antar entitas.  Dalam  tahapan  ini  Elemen-elemen  data dikelompokkan  menjadi  satu  file  database  yang  berisi entitas  beserta  hubungannya  [13].  Ditunjukkan  pada Gambar 4 di bawah ini.
1
Gambar 4. Entity Relationship Diagram

## III. H ASIL D AN PEMBAHASAN
Aplikasi  yang  dibangun  adalah  suatu  aplikasi  berbasis website akan tetapi memanfaatkan Progressive Web Apps maka  dari  itu  aplikasi  yang  dibangun  layaknya  sebuah aplikasi mobile  native .  Tujuan  dari  aplikasi  ini  dibangun adalah  untuk  membantu  dalam  proses  mengelola  serta memonitoring pembayaran SPP menjadi lebih optimal.
email password admin_id name Admin Siswa
Bendahara/ Admin Aplikasi Administrasi Pembayaran SPP
Internet Database Melihat Informasi Pembayaran SPP
Orang Tua Siswa Menerima Notifikasi SMS Mengupload  Bukti Pembayaran  SPP Siswa/Siswi
Memverifikasi Bukti Pembayaran
Mengelola  Data Siswa
Melihat  Data Pembayaran
SPP Siswa
Admin Mengelola Data Guru Walikelas Bendahara Generate SPP Input Pembayaran SPP <<include>> Verifikasi Laporan Pembayaran SPP Kepala Sekolah bendahara_id nisn spp_id admin_id SPP nama_kelas nominal_pemb ayaran kelas_id Kelas M

## A. Hasil Penerapan Progressive Web Apps
Penerapan Progressive Web Apps terdiri dari add home screen, aplikasi  terpasang, responsive, serta  halaman offline. ,Adapun  hasil  dari  penerapan Progressive  Web Apps diuraikan di bawah ini.
1) Add  Home  Screen: merupakan  peracangan  dimana menampilkan  perintah  untuk  menambahkan  aplikasi  pada layar utama pengguna. Website akan memberikan perintah untuk memasang aplikasi di perangkat pengguna. Apabila pengguna  membuka website menggunakan  personal komputer maka akan menampilkan perintah instal aplikasi, namun  jika  menggunakan smartphone akan  menampilkan perintah  tambahkan  ke  layar  utama  seperti  yang ditunjukkan Gambar 5 di bawah ini.
Gambar 5. Add Home Screen
2) Instal  Aplikasi: pengguna  yang  telah  melakukan add  home  screen pada  aplikasi  yang  di- instal akan menampilkan  bentuk  atau  ikon  dari  aplikasi  yang telah  berhasil  dipasang.  Seperti  yang  ditunjukkan pada Gambar 6 di bawah ini.
Gambar 6. Aplikasi Terpasang
3) Aplikasi  Responsif: Ditampilkan  dengan  baik untuk  setiap  perangkat desktop maupun mobile walaupun  dengan  resolusi  yang  berbeda  seperti ditunjukkan Gambar 7 di bawah ini.
Gambar 7. Aplikasi Responsif
4) Halaman  Offline: Halaman Offline merupakan halaman  yang  menampilkan  atau  memberikan informasi  untuk  pengguna  apabila  aplikasi  terputus atau  tidak  terhubung  ke  internet.  Seperti  yang ditunjukkan pada Gambar 8 di bawah ini.
Gambar 8. Halaman Offline

## B. Implementasi
Aplikasi dapat diakses oleh Admin, Bendahara, Kepala Sekolah  dan  Siswa/Siswi  dan  Orang  Tua/Wali.  Dengan tampilan antarmuka seperti di bawah ini.
1) Antarmuka Halaman Utama Aplikasi: Halaman utama aplikasi  merupakan  halaman  yang  pertama  kali  diakses pada  aplikasi  administrasi  pembayaran  Sumbangan Pembinaan  Pendidikan  (SPP).  Adapun  yang  dapat mengakses  halaman  utama  terdiri  dari  admin,  bendahara, kepala  sekolah  siswa/siswi  beserta  orang  tua.  Yang ditunjukkan seperti Gambar 9 di bawah ini.
Gambar 11. Halaman Pembayaran SPP Siswa
Gambar 9. Halaman Utama
2) Antarmuka  Halaman  Login: Antarmuka  halaman login merupakan  halaman  dimana  yang  memiliki  akun    harus login terlebih  dahulu  apabila  ingin  mengakses  aplikasi. Seperti yang ditunjukkan pada Gambar 10 di bawah ini.
Gambar 10. Halaman Login
3) Antarmuka  Halaman  Pembayaran  SPP  Siswa: Antarmuka  halaman  pembayaran  SPP  siswa  merupakan halaman  yang  berisi  informasi  pembayaran  SPP.  Halaman ini  dapat  diakses  oleh  admin  maupun  bendahara  sekolah. Ditunjukkan seperti Gambar 11 di bawah ini.
4) Antarmuka  Informasi  Pembayaran  SPP: Halaman  ini merupakan  halaman  yang  berisi  informasi  pembayaran SPP  siswa/siswi  beserta  keterangan  pembayaran  dan tunggakan  SPP.  Halaman  ini  dapat  diakses  oleh siswa/siswi  maupun  orang  tua  siswa  seperti  yang ditunjukkan pada Gambar 12 di bawah ini.

## Gambar 12. Informasi Pembayaran Siswa

## 5) Antarmuka Halaman Notifikasi Pembayaran SPP:
Notifikasi pembayaran SPP akan dikirim menggunakan SMS yang ditujukan untuk orang tua siswa. Orang tua
akan mendapatkan SMS apabila siswa/siswi telah berhasil melakukan pembayaran. SMS berisi informasi pembayaran seperti yang ditunjukkan pada Gambar 13 di bawah ini. dibangun  apakah  dapat  menjawab  permasalahan  serta kebutuhan pengguna dalam menggunakan sistem [16].
Pengujian  menggunakan  UAT  ini  dengan  melakukan penyebaran  kuesioner  yang  terdiri  admin,  bendahara, kepala  sekolah,  siswa/siswi  dan  orang  tua  siswa  dengan 11  jumlah  pertanyaan  27  total  responden  yang  berkaitan dengan  proses  administrasi  pembayaran  SPP  pada  SMA Taman  Mulia  Kubu  raya.  Adapun  data  yang  dihasilkan sebagai berikut.
Gambar 13. Notifikasi Pembayaran
6) Antarmuka  Halaman  Laporan  SPP: Antarmuka halaman  laporan  SPP  merupakan  halaman  dalam mengetahui pembayaran SPP selama 6 bulan berdasarkan kelas, adapun yang dapat mengakses halaman laporan SPP adalah Kepala Sekolah, Admin dan Bendahara.

## Gambar 14. Laporan Pembayaran SPP.
C. Pengujian Sistem User  Acceptance  Test (UAT)  merupakan  pengujian yang dijalankan oleh end-user yang mana user merupakan staff/karyawan  yang  langsung  berinteraksi  dengan  sistem [10].
Pengujian  yang  dilakukan  dalam  penelitian  ini menggunakan  pengujian User  Acceptance  Test (UAT). Pengujian UAT digunakan dalam penelitian ini bertujuan untuk  mengetahui  apakah  fungsi  yang  ada  telah  berjalan sesuai dengan kebutuhan. Selain itu juga dalam pengujian User Acceptance Test ini untuk mengujkan aplikasi yang
TABEL I

## PENGUJIAN STAF/TU
No. Jenis Pengujian 1. Kemudahan Aplikasi No Pertanyaan SS S RR TS  STD 1. Apakah “Aplikasi Administrasi Pembayaran SPP”
ini mudah
dipahami? 3 0
2. Apakah aplikasi
ini memudahkan anda dalam proses administrasi pembayaran SPP? 1 2

## 3. Apakah “Aplikasi
Administrasi
Pembayaran SPP
ini mudah untuk dioperasikan?
2 1
2. Tampilan Aplikasi 1. Apakah tampilan
pada “Aplikasi Administrasi Pembayaran SPP”
ini cukup menarik? 1 2 2. Apakah tampilan menu pada “Aplikasi Administrasi Pembayaran SPP” ini cukup lengkap? 2 1 3. Bagaimana penggunaan warna tulisan dan
baground (latar belakang) apakah sesuai? 3 0 4. Apakah anda setuju dengan tata letak display menu
3 0

## yang ada?
3. Fungsi
1. Apakah dengan adanya “Aplikasi
Administrasi Pembayaran SPP” ini membantu proses pengelolaan
pembayaran SPP
menjadi lebih cepat? 2 1 2. Apakah proses penyampaian informasi pembayaran SPP
menjadi lebih cepat dengan “Aplikasi Administrasi
Pembayaran SPP”? 3 0 3. Apakah proses pembuatan laporan keuangan lebih cepat dengan “Aplikasi Administrasi Pembayaran SPP” 2 1 4. Apakah dengan “Aplikasi Administrasi
Pembayaran SPP” proses administrasi pembayaran SPP lebih efektif
dibandingkan dengan proses pengelolaan secara konvensional? 2 1
Keterangan: SS : Sangat Setuju = 5 S : Setuju = 4 RR : Ragu-Ragu = 3 TS : Tidak Setuju = 2 STD : Sangat Tidak Setuju = 1
TABEL II

## PENGUJIAN SISWA DAN ORANG TUA
No Jenis Pengujian
1 Kemudahan Aplikasi No Pertanyaan A B C D E
1 Apakah “Aplikasi Administrasi Pembayaran SPP”
ini mudah dipahami? 16 8
2 Apakah aplikasi ini memudahkan anda
dalam proses mendapatkan informasi riwayat pembayaran SPP? 11 13

## 3 Apakah “Aplikasi
Administrasi
Pembayaran SPP” ini mudah untuk dioperasikan? 14 10
2 Tampilan Aplikasi 1 Apakah tampilan
pada “Aplikasi Administrasi
Pembayaran SPP” ini cukup menarik? 13 10
2 Apakah tampilan informasi pada “Aplikasi
Administrasi Pembayaran SPP”
ini cukup lengkap? 10 10 4 3 Bagaimana penggunaan tulisan apakah mudah
dibaca?
12 12 4 Apakah anda setuju dengan tata letak display menu yang ada? 10 12 2 3 Fungsi 1 Apakah dengan
adanya “Aplikasi Administrasi Pembayaran SPP” ini dapat membantu anda memonitoring
terkait pembayaran SPP menjadi lebih cepat? 9 13 2
No. Aspek Pengujian Butir Soal Skor % 1. Kemudahan Aplikasi 3 352 92% 2. Tampilan Aplikasi 4 479 91% 3. Fungsi 4 466 89% TABEL III

## HASIL JAWABAN RESPONDEN
No. Aspek Pengujian Pertanyaan Hasil Skor Jawaban Siswa & Ortu % Guru/ Staf % 1. Kemudahan Aplikasi P1 112 93% 15 100% P2 107 89% 13 86% P3 91 91% 14 93% 2. Tampilan Aplikasi P1 108 90% 13 86% P2 102 85% 14 93% P3 108 90% 15 100% P4 104 86% 15 100% 3. Fungsi P1 103 85% 14 93% P2 100 83% 15 100% P3 102 85% 14 93% P4 104 86% 14 93% Rata-rata 1.141 963 156 1.037 Total 103 87% 14 94%
Berdasarkan  dari  hasil  jawaban  pengolahan  data  yang telah  diketahui  selanjutnya  diolah  menjadi  3  kategori seperti yang ditunjukkan pada table di bawah ini.

## TABEL III

## HASIL PENGOLAHAN BERDASARKAN ASPEK YANG DIUJIKAN
Setelah dilakukan perhitungan dan dianalisis berdasarkan  butir  soal  dengan  tiga  aspek  kategori  yaitu kemudahan aplikasi dengan perolehan skor sebanyak 92%, tampilan aplikasi sebanyak 91% dan fungsi sebanyak 89% responden  terkait  dengan  aplikasi    administrasi pembayaran  SPP.  Oleh  karena  itu  berdasarkan  hasil  dari penilaian  responden  yakni  sangat  setuju  dengan  adanya aplikasi administrasi pembayaran SPP ini.

## Gambar. 13. Hasil Pengolahan Nilai Secara Keseluruhan

## IV. KESIMPULAN
Setelah  dilakukan  pengujian  kemudian  dianalisis  dari penelitian yang berjudul Aplikasi Administrasi Pembayaran  Sumbangan  Pembinaan  Pendidikan (SPP) Berbasis  Progressive  Web  Apps (Studi  Kasus:  SMA Taman Mulia Kubu Raya), dan dapat disimpulkan sebagai berikut.
Dalam  penelitian  ini  menghasilkan  sebuah  aplikasi administrasi  pembayaran  SPP  yang  dapat  melakukan fungsi  seperti  pencatatan,  perhitungan  serta  pembuatan laporan  sehingga  mempermudah  dalam  pendokemntasian dan monitoring aplikasi.
Aplikasi  ini  dilengkapi  dengan  informasi  terkait pembayaran  SPP  yang  dapat  digunakan  oleh  pengambil keputusan  seperti  Kepala  Sekolah  dan  bagian  keuangan dalam  menentukan  keputusan  terkait  dengan  SPP  seperti mengetahui  siswa  yang  belum  maupun  yang  telah membayar  selama  periode  tertentu.  Untuk  mengambil keputusan terkait dengan tunggakan pembayaran SPP.
Dalam  aplikasi  administrasi  pembayaran  SPP  ini dilengkapi  dengan  teknologi Progressive  Web  App yang memiliki  manfaat  dapat  memuat  tampilan  halaman  web layaknya tampilan aplikasi selain itu juga PWA ini sangat aman dikarenakan perlu menggunakan HTTPS serta dapat ditampilkan  dengan  baik  pada  setiap  perangkat desktop maupun mobile.
2 Apakah proses
penyampaian informasi pembayaran SPP menjadi lebih cepat dengan “Aplikasi Administrasi
Pembayaran SPP”? 8 12 4
3 Apakah penggunaan “Aplikasi
Administrasi Pembayaran SPP” ini sudah tepat? 9 12 3 4 Apakah penggunaan
“Aplikasi Administrasi
Pembayaran SPP” efektif jika diterapkan pada orang tua siswa?
10 12 2
Aplikasi  ini  dilengkapi  dengan SMS  Gateway yang dikirimkan kepada orang tua siswa sebagai bentuk laporan pembayaran SPP yang telah dilakukan dari siswa ke pihak sekolah.
D AFTAR P USTAKA
[1] Rochman, A., Sidik, A., & Nazahah, N. 2018 Perancangan Sistem Informasi  Administrasi  Pembayaran  SPP Siswa Berbasis Web di SMK  Al-Amanah.  JURNAL  SISFOTEK  GLOBAL.  Vol.8  No.1, pp. 2088-1762.
[2] Anggraini,  S.,  Sofiyan,  A.,  &  Khumaini,  H.  (2019).  Sistem Informasi Pembayaran Spp Di Smk Negeri 4 Dumai Berbasis Sms Gateway. I N F O R M a T I K A , 9 (1), 38–47
[3] Santono,  H.,  &  Sadiyono,  E.  (2019).  Implementasi  Sistem Informasi  Pembayaran  SPP  Berbasis  Web,  Barcode,  dan  SMS Gateway. Prosiding  Seminar  Nasional  Teknologi  Informasi  Dan
Komunikasi (SENATIK) , 2 (1), 255–260.
[4] Santoso. H. Membangun Aplikasi Mobile dengan PWA.Yogyakarta: Lokomedia, 2019.
[5] Dewi,  G.  L.,  Tjandra,  S.,  &  Ricardo.  (2020).  Pemanfaatan Progressive  Web  Apps  Pada  Web  Akuntansi. Teknika , 9 (1),  38– 47.
[6] A.  S.  Rosa,  dan  M.Shalahuddin.  Rekayasa  Perangkat  Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika, 2019.
[7] Tohari. H. Perancangan Basis Data dalam Teori dan Praktik. Yogyakarta: Andi
[8] (2022) Void.id website. [online]. Simpuh.kemenag.go.id. (28 Juni
2012). Pungutan Biaya Sumbangan Pendidikan.
https://simpuh.kemenag.go.ig/regulasi/permendikbud_44_12.pdf .
[9] Faruq,  U.  Al.  (2015).  Rancang  Bangun  Aplikasi  Rekam  Medis Poliklinik  Universitas  Trilogi. Jurnal  Informatika , 9 (1),  1017– 1027.
[10] Supriatna, R.  (2018). Implementasi Dan User  Acceptance  Test (  UAT)  Terhadap  Aplikasi  E-Learning. Journal  of  Chemical Information and Modeling , 53 (9), 1689–1699.
[11] Intan  Permata  Sari,  Sri  Tria  Siska,  A.  B.  (2021).  Perancangan Aplikasi  Pelayanan  Gangguan Tv Kabel Berbasis  Web Dan  Sms Gateway. Jurnal  Pusat  Akses  Kajian  Teknologi  Artifical
Intelligence , 1 (1), 20–28.
[12] Nurfitriana,  E.,  Apriliah,  W.,  Ferliyanti,  H.,  Basri,  H.,  & Ratnawati,  R.  (2021).  Implementasi  Model  Waterfall  Dalam Sistem  Informasi  Akuntansi  Piutang  Jasa  Penyewaan  Kendaraan Pada  Pt.  Tricipta  Swadaya  Karawang. Jurnal  Interkom:  Jurnal Publikasi  Ilmiah  Bidang  Teknologi  Informasi  Dan  Komunikasi , 15 (1), 36–45.
[13] Putra,  I.  S.,  Ferdinandus,  F.,  &  Bayu,  M.  (2019).  Sistem Pendukung  Keputusan  Pemilihan  Paket  Pernikahan  Dengan Metode Saw Berbasis Web. CAHAYAtech , 8 (2), 136.
[14] Setiyanto,  R.,  Nurmaesah,  N.,  &  Rahayu,  N.  S.  A.  (2019). Perancangan Sistem Informasi Persediaan Barang Studi Kasus di Vahncollections. Jurnal Sisfotek Global , 9 (1), 137–142.
[15] Saepudin, S., Pudarwati, E., Warman, C., Sihabudin, S., & Giri, G. (2022).  Perancangan  Arsitektur  Sistem  Pemesanan  Tiket  Wisata Online  Menggunakan  Framework  Zachman. Jurnal  Sisfokom (Sistem Informasi Dan Komputer) , 11 (2), 162–171.
[16] Saputra,  M.  R.,  Solva,  Y.,  &  Muhardi,  H.  (2023).  Aplikasi Presensi  Digital  Berbasis  Android  Sebagai  Indikator  Kepatuhan Siswa di Sekolah Android-Based Digital Presence Application as an Indicator of Student Compliance in Schools. 11(1), 168–176.