PERANCANGAN SISTEM INFORMASI PEMBAYARAN SPP

BERBASIS WEBSITE DI SMK TANGERANG GLOBAL

Eva Sadiah1

1
Teknik Informatika, Fakultas Teknik, Universitas Muhammadiyah Tangerang Jl. Perintis
Kemerdekaan I No.33, Babakan, Kec. Tangerang, Kota Tangerang, Banten 15118

Penulis untuk Korespondensio/E-mail: sadiyaheva@gmail.com

Abstrak - SMK Tangerang Global merupakan salah satu sekolah swasta yang masih
menggunakan cara manual dalam proses pembayaran SPP. Untuk mengatasi
permasalahan yang ada penulis membangun Sistem dengan menggunakan metode
spiral, UML diagram serta menggunakan pemrograman PHP dan Framework
CodeIgniter. Untuk meminimalisir adanya kesalahan dalam proses pembayaran SPP
dan pembuatan laporan.
Kata Kunci : Sistem, Spiral, Pembayaran, SPP

Abstract - Tangerang Global Vocational School is one of the private schools that still uses
the manual method in the tuition payment process. To overcome the existing problems the
authors build a system using the spiral method, UML diagrams and using PHP
programming and the CodeIgniter Framework. To minimalisir errors in the process of
paying tuition fees and making reports.

Keywords : System, Spiral, Payment, SPP

PENDAHULUAN
Teknologi informasi saat ini berkembang
dengan cepat dan hampir disemua bidang,
seperti teknologi informasi yang
berkembang dengan cepat yaitu teknologi
komputer. Teknologi komputer saat ini
sangat diperlukan dalam menyelesaikan
suatu pekerjaan untuk mencapai hasil yang
maksimal dan dapat memberikan
informasi dengan cepat dan akurat.
Teknologi komputer juga telah merambat
ke dunia pendidikan salah satunya dalam
pengolahan data siswa, data pegawai dan
laporan data pembayaran SPP.
SMK TANGERANG GLOBAL
merupakan salah satu sekolah swasta yang
masih menggunakan cara manual salah
satunya dalam proses pembayaran SPP.
Dengan cara manual tersebut sangat
berpotensi adanya kesalahan dalam proses
pembayaran SPP contohnya setiap bulan
ada siswa yang komplain kepihak
administrasi karena belum tercatatnya
pembayaran SPP siswa tersebut dan seperti
buku laporan pembayaran SPP yang rusak
atau hilang.
Untuk mengatasi permasalahan diatas
penulis mencoba menganalisa, merancang
dan membuat sistem berbasis web yang
diharapkan dapat membantu mengatasi
permasalahan yang ada di sekolah SMK
Tangerang Global saat ini
LANDASAN TEORI
Sistem
Sistem adalah kumpulan elemen-elemen
yang berelasi dan berinteraksi yang
dirancang untuk mencapai tujuan yang
ditetapkan. (Rochman, Sidik, 2018)
Dari pengertian diatas dapat disimpulkan
bahwa sistem adalah sekumpulan
komponen-komponen dan elemen-elemen
yang saling berkaitan dan saling bekerja
sama, saling berinteraksi, dan saling
bergantung satu sama lainnya untuk
mencapai sasaran atau tujuan tertentu
SPP
SPP (Sumbangan Penunjang Pendidikan)
adalah iuaran atau pembayaran yang
ditunjukan untuk menunjang peningkatan
mutu pendidikan yang terkait dengan
sarana dan prasarana kegiatan belajar
mengajar yang menjadi kewajiban bagi
siswa di sekolah setiap bulan. Pembayaran
SPP tersebut diambil berdasarkan
kesepakatan rapat komite sekolah dan
orang tua siswa. (Rochman, Sidik, 2018)
Dari pengertian diatas dapat disimpulkan
bahwa Pembayaran SPP yaitu iuran atau
pembayaran pada setiap bulan dari siswa
yang menjadi kewajiban bagi siswa di
sekolah. Pembayaran SPP tersebut untuk
menunjang peningkatan mutu pendidikan
yang terkait dengan sarana dan prasarana
kegiatan belajar mengajar.
UML
UML (Unified Modeling Language)
adalah gambaran sebuah sistem software
yang terkait dengan objek dari suatu
kumpulan konvensi pemodelan. (Fahmi,
2018)
Dari pengertian diatas dapat disimpulkan
bahwa UML (Unified Modeling
Language) adalah bahasa pemodelan untuk
sistem atau perangkat lunak yang
berorientasi objek.
Metode Spiral
Model spiral merupakan model dengan
penambahan elemen baru yaitu analisis
risiko, yang memadukan wujud
pengulangan dari model prototyping
dengan aspek pengendalian dan
sistematika dari linear sequential model.
Model ini memiliki empat aktivitas
penting, yaitu: (Bolung & Tampangela,
2017)
1. Perencanaan (Planning). penentuan
tujuan, alternatif, dan batasan.
2. Analisis resiko (Risk Analysis).
analisis alternatif dan identifikasi /
pemecahan resiko.
3. Rekayasa (Engineering).
pengembangan level berikutnya dari
produk.
4. Evaluasi Pemakai (Customer
Evaluation). penilaian terhadap hasil
rekayasa Bentuk spiral memberikan
gambaran bahwa semakin besar
iterasinya, maka menunjukkan makin
lengkap versi dari perangkat lunak
yang dibuat. Selama awal sirkuit,
objektif, alternatif dan batasan
didefinisikan serta resiko
diidentifikasikan dan dianalisa.
Jika resiko menunjukkan ada ketidak
pastian terhadap kebutuhan, maka
prototyping harus dibuat pada kuadran
rekayasa. Simulasi dan pemodelan lain
dapat digunakan untuk mendefinisikan
masalah dan memperbaiki kebutuhan.
Pelanggan mengevaluasi hasil rekayasa
(kuadran evaluasi pelanggan) dan
membuat usulan untuk perbaikan.
Berdasarkan masukan dari pelanggan, fase
berikutnya adalah perencanaan dan analisis
resiko. Setelah analisis resiko selalu
diperiksa apakah proyek diteruskan atau
tidak, jika resiko terlalu besar, maka
proyek dapat dihentikan. Model spiral ini
adalah pendekatan yang paling realistic
untuk sistem sekala besar.
 kepala sekolah dan kepala sekolah
mengecek pembayaran tersebut.
Flowchart Sistem Yang Berjalan

Gambar 1. Metode Spiral

CodeIgniter
CodeIgniter adalah sebuah framework
PHP yang tidak perlu menulis semua kode
program dari awal dapat membantu
mempercepat developer dalam
pengembangan aplikasi web berbasis PHP.
(Hartanto, 2016)
Dari pengertian diatas dapat disimpulkan
bahwa codeigniter adalah framework php
untuk memudahkan developer dalam
membangun sebuah aplikasi berbasis web
tanpa harus membuatnya dari awal

METODOLOGI PENELITIAN Gambar 2. Flowchart Sistem Yang

Berjalan
Gambaran Umum Sistem
Sistem yang saat ini berjalan di SMK
Tangerang Global masih bersifat manual
menggunakan pembukuan, hal ini kurang
efektif sehingga memungkinkan terjadinya Metode Spiral
kesalahan. Metode Spiral membantu pengembangan
Penjelasan prosedur sistem berjalan pada perangkat lunak berdasarkan pola risiko
proses pembayaran SPP siswa yaitu siswa dimulai dari planning, risk analysis,
datang ke ruang staff keuangan dengan development & testing dan evalution yang
membawa uang dan buku bayaran, setelah memastikan proses pengembangan yang
itu staff keuangan mencatat dibuku efisien.
bayaran siswa dan mencatat dibuku
bayaran SPP staff keuangan, lalu siswa
diberikan bukti pembayaran SPP dengan
kwitansi. Setelah siswa membayar SPP
setiap bulan staff keuangan memberikan
laporan pembayaran SPP siswa kepada
 Metode pengujian sistem dalam penelitian
ini penulis menggunakan pengujian black
box testing. Dengan melakukan pengujian
ini untuk membuktikan apakah semua
fungsi pada sistem berjalan dengan baik
pada mestinya. Pemilihan metode ini
karena dapat mencari kesalahan pada
sistem, interface sistem dan kesalahan
pada struktur data sistem
Gambar 3. Tahapan Pada Metode Spiral
Model ini memiliki empat tahapan yaitu:
HASIL DAN PEMBAHASAN
1. Planning (Perencanaan)
Perancangan Aplikasi Sistem Informasi
Pada tahapan perencanaan ini Pembayaran SPP
penulis melakukan perencanaan
mengenai teknis yang akan Sistem Informasi Pembayaran SPP
dilakukan, risiko-resiko yang dapat menggunakan pendekatan bororientasi
terjadi, sumber daya serta sumber- objek dan pemrograman PHP serta
sumber informasi yang dapat Framework CodeIgniter sesuai dengan
menentukan dalam membuat kebutuhan dalam pembuatan sistem
sistem. berbasis web agar mudah digunakan oleh
user.
2. Risk Analysis (Analisis Resiko)
Sistem yang dibangun memiliki beberapa
Pada tahap ini penulis menganalisis fungsi untuk mengelola proses
untuk mengetahui kendala apa pembayaran SPP diantaranya adalah
yang dihadapi serta apa yang mengelola data siswa, mengelola
dibutuhkan. Dan memahami pembayaran SPP dan pembangunan, serta
gambaran besar dari apa yang akan mengelola laporan.
dikerjakan.
3. Development & Testing
(Pengembangan & Pengujian)
pada tahap ini berfokus pada
perancangan mulai dari struktur
data, arsitektur sistem, tampilan
interface, dan algoritma serta
pengujian sistem yang telah dibuat.
Use Case Diagram
4. Customer Evaluation (Evaliasi
Pemakaian)
Pada tahap terakhir ini merupakan
tahapan evaluasi terhadap sistem
yang telah dibuat, dan
mengimplementasikan sistem ke
customer apakah sistem sesuai
dengan yang diharapkan serta
memberikan masukan berdasarkan
hasil yang didapat
Pengujian Sistem
 Gambar 4. Use Case Diagram
Class Diagram

Gambar 6. UI Form Login

Tampilan menu Dashboard ini digunakan
untuk melihat uang masuk dan jumlah
Gambar 5. Class Diagram siswa.

Implementasi Aplikasi Sistem Informasi

Pembayaran SPP
Implementasi aplikasi sistem informasi
pembayaran spp dapat dilihat dari tampilan
user interface yang terdiri dari form login
yaitu untuk masuk ke menu utama (menu
dashboard), selanjutnya fitur menu data Gambar 7. UI Menu Dashboard
master yaitu ada data siswa, lalu fitur Tampilan menu Data Master data siswa ini
menu pembayaran yaitu ada menu digunakan untuk menambahkan data siswa
pembayaran spp dan menu pembayaran mengedit data siswa serta menghapus data
pembangunan dan yang terakhir ada fitur siswa.
menu laporan yaitu untuk mencetak
laporan pembayaran spp maupun
pembayaran uang pembangunan.
User Interface Form Login dipakai oleh
semua aktor untuk masuk ke sistem
informasi pembayaran spp.

Gambar 8. UI Menu Data Master

Tampilan menu Pembayaran SPP ini
digunakan untuk menambahkan
pembayaran spp siswa, mengedit data
pembayaran spp siswa serta menghapus
data pembayaran spp siswa.
 Tabel 1. Pengujian Form Login

N Pengu Hasil Hasil Kesimpu

o jian yang Pengujia lan
. diharapk n
an
Gambar 9. UI Menu Pembayaran SPP 1 Login Menampi Valid
Tampilan menu Pembayaran Siste lkan
Pembangunan ini digunakan untuk m Form
menambahkan pembayaran uang Login
pembangunan siswa, mengedit data
pembayaran uang pembangunan siswa 2 Usern Menampi Valid
serta menghapus data pembayaran uang ame lkan
pembangunan siswa. dan Form
Passw Dashboa
ord rd
Benar

Tabel 2. Pengujian Menu Data Master

Gambar 10. UI Menu Pembayaran N Pengu Hasil yang Hasil Kesim
Pembangunan
o jian diharapkan Pengujia pulan
Tampilan menu Laporan ini digunakan . n
untuk mencetak laporan pembayaran spp
atau pembayaran uang pembangunan 1 Menu Menamp Valid
siswa. Data ilkan
Maste Daftar
r Data
Siswa

2 Butto Menamp Valid

n ilkan
Tamb Form
Gambar 11. UI Menu Laporan ah Tambah
Data

Pengujian Aplikasi Sistem Informasi 3 Butto Menamp Valid

Pembayaran SPP n Edit ilkan
Form
Hasil pengujian aplikasi sistem informasi
Edit
pembayaran spp dapat dilihat pada tabel
dibawah ini. Semua menu dan button valid Data
sesuai dengan fungsinya dan hasil yang
4 Butto Menamp Valid
diharapkan sesuai dengan semua yang
diinginkan. Berikut hasil dari pengujian n ilkan
black box testing: Hapus Konfiras
 i Hapus Pemb Pembang
Data angun unan
an

Tabel 3. Pengujian Menu Pembayaran SPP 2 Butto Menampi Valid

n lkan
N Pengu Hasil yang Hasil Kesimp Tamb Form
o jian diharapkan Pengujia ulan ah Tambah
. n Data
1 Menu Menamp Valid 3 Butto Menampi Valid
Pemb ilkan n Edit lkan
ayaran Data Form
SPP Pembaya Edit Data
ran SPP
4 Butto Menampi Valid
2 Butto Menamp Valid n lkan
n ilkan Hapus Konfirasi
Tamb Form Hapus
ah Tambah Data
Data

3 Butto Menamp Valid Tabel 5. Pengujian Menu Laporan

n Edit ilkan
Form N Pengu Hasil yang Hasil Kesim
Edit o jian diharapkan Pengujia pulan
Data . n

4 Butto Menamp Valid 1 Menu Menamp Valid

n ilkan Lapor ilkan
Hapus Konfiras an Form
i Hapus Laporan
Data
2 Menu Menamp Valid
Simpa ilkan
Tabel 4. Pengujian Menu Pembayaran n Form
Pembangunan Cetak
Laporan
N Pengu Hasil yang Hasil Kesim
o jian diharapkan Pengujia pulan
. n KESIMPULAN
1 Menu Menampi Valid Berdasarkan uraian dari pengamatan
Pemb lkan penulis maka dapat disimpulkan bahwa:
ayara Data
1. Proses sistem pembayaran SPP yang
n Uang berjalan masih menggunakan
pembukuan konvensional.
2. Dengan demikian untuk mengatasi
permasalah tersebut agar menghindari
kehilangan data dan untuk membantu
kelancaran proses pembayaran SPP
maka penulis membangun sebuah
program Sistem Informasi Pembayaran
SPP.
3. Dengan menggunakan pendekatan
bororientasi objek dan pemrograman
PHP serta Framework CodeIgniter
sesuai dengan kebutuhan dalam
pembuatan sistem berbasis web agar
mudah digunakan oleh user.
4. Sistem yang dibangun memiliki
beberapa fungsi untuk mengelola
proses pembayaran SPP diantaranya
adalah mengelola data siswa,
mengelola pembayaran SPP dan
pembangunan, serta mengelola
laporan.

DAFTAR PUSTAKA
[1] Rochman, Sidik, N. (2018).
Perancangan Sistem Informasi
Administrasi Pembayaran SPP Siswa
Berbasis Web. JURNAL SISFOTEK
GLOBA, 8(1), 51–56.
https://doi.org/10.22202/ei.2020.v6i2.
3980.
[2] Fahmi, H. (2018). Aplikasi
Pembelajaran Unified Modeling
Language Berbasis Computer Assisted
Instruction. Jurnal Sistem Informasi,
2(2), 1–9.
[3] Bolung, M., & Tampangela, H. R. K.
(2017). Analisa Penggunaan
Metodologi Pengembangan Perangkat
Lunak. Jurnal ELTIKOM, 1(1), 1–10.
https://doi.org/10.31961/eltikom.v1i1.
[4] Hartanto, B. W. S. A. D. (2016).
Data Manajemen Dan Teknologi
Informasi. Juernal Ilmiah DASI,
17(4), 1–37.