LAPORAN UJI KOMPETENSI KEAHLIAN

APLIKASI PEMBAYARAN SPP BERBASIS WEB

Disusun Oleh :

Fahmi Arief Fathurrohman

NIS. 20211015

KOMPETENSI KEAHLIAN REKAYASA PERANGKAT LUNAK

SMK INFORMATIKA AL-IRSYAD AL-ISLAMIYYAH KOTA CIREBON

TAHUN AJARAN 2022/2023

 LEMBAR PENGESAHAN LAPORAN

Judul Laporan : Pembayaran Spp

Nama : Fahmi Arief Fathurrohman

NIS : 20211015

Laporan Uji Kompetensi ini telah disetujui untuk diuji dihadapan Penguji Sidang

Uji Kompetensi Keahlian

Cirebon, 1 Maret 2023

Kepala Kompetensi Pembimbing Laporan

Fahmi, M. Kom Fahmi, M. Kom

NIK. 19830120091074 NIK. 19830120091074
Menyetujui,
Kepala SMK Informatika Al-
lrsyad Al-lslamiyyah Cirebon

Sri Wahyuni Aslamiah, S. Pd

NIK. 19830720072012

i
 PENGUJI UJI KOMPETENSI

Laporan Uji Kompetensi ini telah diujikan di depan Tim Penguji Uji

Kompetensi Paket Keahlian Rekayasa Perangkat Lunak (RPL)

Sekolah Menengah Kejuruan (SMK) Informatika Al-Irsyad Al-Islamiyyah

Cirebon

pada tanggal :

No Nama Tanda Tangan Jabatan

1. ………………..

Penguji I

2. … …………………….

Penguji II

ii
 KATA PENGANTAR

Puji syukur marilah kita panjatkan kehadirat Allah SWT yang telah melim

pahkan segala nikmat , karunia, dan hidayah-Nya, sholawat serta salam mari kita l

impahkan kepada junjungan kita Nabi Muhammad SAW.

Atas Rahmat serta Ridho dari Allah SWT penulis dapat menyelesaikan

laporan ini yang berjudul “APLIKASI PEMBAYARAN SPP BERBASIS WEB”.

Dalam penyusunan laporan uji kompetensi keahlian ini, penulis menyadari

masih banyak kekurangan, oleh karena itu penulis mengharapkan kritik dan saran

yang membangun untuk penulisan yang lebih baik.

Dalam kesempatan ini penulis mengucapkan terimakasih kepada:

1. Allah SWT yang selalu memberi nikmat Islam, Iman, dan Ihsan-Nya.

2. Orang tua beserta semua keluarga yang telah memberi motivasi kepada

penulis untuk menyelesaikan laporan ini.

3. Ibu Sri Wahyuni Aslamiyah, S.Pd selaku Kepala SMK Informatika Al-

Irsyad Al-Islamiyyah Kota Cirebon.

4. Bapak Fahmi, M. Kom, selaku Kepala Kompetensi Keahlian RPL

5. Bapak Fahmi, M. Kom, selaku pembimbing yang telah memberikan

bimbingan kepada penulis.

6. Serta semua pihak yang telah turut membantu selama proses penyusunan

laporan ini.

Penulis berharap agar laporan uji kompetensi keahlian ini dapat berguna dan berm

anfaat bagi penulis maupun pihak yang berkepentingan.

Cirebon, Maret 2022

Penulis

Fahmi Arief
iii Fathurrohman
 DAFTAR ISI

LEMBAR PENGESAHAN LAPORAN..................................................................i

PENGUJI UJI KOMPETENSI................................................................................ii

KATA PENGANTAR............................................................................................iii

DAFTAR ISI...........................................................................................................iv

DAFTAR GAMBAR.............................................................................................vii

DAFTAR TABEL..................................................................................................vii

BAB I PENDAHULUAN........................................................................................1

1.1 Latar Belakang...............................................................................................1

1.2 Rumusan Masalah..........................................................................................2

1.3 Tujuan Penulisan............................................................................................2

1.3.1 Tujuan Umum..........................................................................................2

1.3.2 Tujuan Khusus.........................................................................................2

1.4 Manfaat Penulisan..........................................................................................2

1.4.1 Manfaat Bagi Penulis...............................................................................2

1.4.2 Manfaat Bagi Pengetahuan......................................................................2

1.4.3 Manfaat Bagi Sekolah..............................................................................3

BAB II PERANCANGAN APLIKASI...................................................................4

2.1 Landasan Teori...............................................................................................4

2.1.1 Pengertian Sistem....................................................................................4

2.1.2 Pengertian Informasi................................................................................4

2.1.3 Pengertian Pembayaran SPP....................................................................4

2.2 Kerangka Teori...............................................................................................5

iv
 2.2.1 Alur Sistem..............................................................................................5

2.2.2 DFD ( Data Flow Diagram).....................................................................5

2.2.3 Relasi Tabel.............................................................................................6

BAB III UJI UNTUK KERJA.................................................................................7

3.1 Alat, Bahan, & Time Schedule.......................................................................7

3.1.1 Alat..........................................................................................................7

3.1.2 Bahan.......................................................................................................8

3.1.3 Time Schedule.......................................................................................10

3.2 Hasil Kerja....................................................................................................10

3.2.1 Halaman Login......................................................................................10

3.2.2 Halaman Dashboard...............................................................................11

3.2.3 Halaman Data Siswa..............................................................................11

3.2.4 Halaman Tambah Siswa........................................................................12

3.2.5 Halaman Edit Siswa...............................................................................12

3.2.6 Halaman Data Kelas..............................................................................13

3.2.7 Halaman Tambah Kelas.........................................................................13

3.2.8 Halaman Edit Kelas...............................................................................14

3.2.9 Halaman Data Petugas...........................................................................14

3.3.0 Halaman Edit Petugas............................................................................15

3.3.1 Halaman Tambah Petugas.....................................................................15

3.3.2 Halaman Data SPP.................................................................................16

3.3.3 Halaman Tambah SPP...........................................................................16

3.3.4 Halaman Edit SPP..................................................................................17

3.3.5 Halaman Data Pembayaran....................................................................17

v
 3.3.6 Halaman Tambah Pembayaran..............................................................18

3.3.7 Halaman Edit Pembayaran....................................................................18

3.3.8 Halaman Cetak PDF..............................................................................19

BAB IV PENUTUPAN.........................................................................................12

4.1 Kesimpulan...................................................................................................12

4.1 Saran.............................................................................................................12

DAFTAR PUSTAKA............................................................................................13

vi
 DAFTAR GAMBAR

Gambar 1 2.1 Alur Sistem........................................................................................5

Gambar 2 2.2 DFD (Data Flow Diagram)...............................................................6

Gambar 3 2.3 Relasi Tabel.......................................................................................6

Gambar 4 3.2.1 Halaman Login.............................................................................10

Gambar 5 3.2.2 Halaman Dashboard.....................................................................11

Gambar 6 3.2.3 Halaman Data Siswa....................................................................11

Gambar 7 3.2.4 Halaman Tambah Siswa...............................................................12

Gambar 8 3.2.5 Halaman Edit Siswa.....................................................................12

Gambar 9 3.2.6 Halaman Data kelas......................................................................13

Gambar 10 3.2.7 Halaman Tambah Kelas.............................................................13

Gambar 11 3.2.9 Halaman Data Petugas...............................................................14

Gambar 12 3.2.9 Halaman Data Petugas...............................................................14

Gambar 13 3.3.0 Halaman Edit Petugas................................................................15

Gambar 14 3.3.1 Halaman Tambah Petugas..........................................................15

Gambar 15 3.3.2 Halaman Data SPP.....................................................................16

Gambar 16 3.3.3 Halaman Tambah SPP................................................................16

Gambar 17 3.3.4 Halaman Edit SPP......................................................................17

Gambar 18 3.3.5 Halaman Data Pembayaran........................................................17

Gambar 19 3.3.6 Halaman Tambah Pembayaran..................................................18

Gambar 20 3.3.7 Halaman Edit Pembayaran.........................................................18

Gambar 21 3.3.8 Halaman Cetak PDF...................................................................19

vii
 DAFTAR TABEL

Tabel 1 3.1.1 Alat.....................................................................................................7

Tabel 2 3.1.2 Database.............................................................................................8

Tabel 3 3.1.3 Time Schedule.................................................................................10

vii
 BAB I PENDAHULUAN

PENDAHULUAN

1.1 Latar Belakang

Dalam upaya peningkatan mutu sumber daya manusia (SDM) dan proses

kelancaran dari administrasi sekolah khususnya sistem pembayaran SPP

(Sumbangan Penyelenggaraan Pendidikan) yang membutuhkan kecepatan dan

ketepatan agar pelayanan terhadap masyarakat khususnya wali siswa dan

siswa itu sendiri dapat dilayani dengan professional

Beberapa permasalahan yang sering muncul adalah pelayanan pembayaran

SPP. Pencatatan yang masih manual menyebabkan terkadang terjadi human

error, karena pencatatan terkadang dilakukan seadanya. Misalnya jika

bendahara yang bertugas melayani pembayaran SPP salah dalam mencatat

data pembayaran atau keliru dalam perhitungan SPP setiap bulannya.

Permasalahan lain yang muncul adalah dalam penyusunan laporan

pembayaran SPP. Permasalahan yang sering dikeluhkan adalah sulitnya

mengumpulkan data pembayaran spp yang terpisah pisah di beberapa buku

keuangan. Sehingga diharapkan adanya sistem informasi komputerisasi

administrasi pembayaran SPP yang dapat mempermudah dan mempercepat

pelayanan administrasi pembayaran SPP.

8
1.2 Rumusan Masalah

Berdasarkan latar belakang tersebut maka laporan ini mencoba untuk

mengaplikasikan perancangan Sistem Informasi Pemesanan kamar Hotel

Berbasis Web, yang nantinya dapat memberikan salah satu alternatif solusi

masalah tersebut, yaitu:

1. Bagaimana membuat suatu sistem informasi pemesanan hotel berbasis

web?

2. Bagaimana membangun aplikasi yang dapat meningkatkan pelayanan dan

memberikan informasi pemesanan kamar dengan lengkap dan cepat?

1.3 Tujuan Penulisan

1.3.1 Tujuan Umum

Dibuatnya Aplikasi pembayaran spp Bertujuan Untuk membantu dan

memudahkan siswa dan wali siswa melakukan pembayaran spp melalui web

1.3.2 Tujuan Khusus

Dibuatnya Aplikasi Pembayaran Spp Berbasis Web ini Memiliki Tujuan

Khusus yaitu Sebagai Uji Kompetensi Kejuruan.

1.4 Manfaat Penulisan

1.4.1 Manfaat Bagi Penulis

1. Meningkatkan wawasan berpikir ilmiah dan kemampuan menganalisis

suatu masalah khususnya dalam hal terkait dengan sistem pembayaran spp.

2. Menambah keterampilan peneliti dalam mengembangkan aplikasi

pembayaran spp berbasis web.

1.4.2 Manfaat Bagi Pengetahuan

Setelah mengikuti Uji Kompetensi Kejuruan diharapkan siswa dapat

9
1. Menganalisa kebutuhan pekerjaan yang ada pada perusahaan.

2. Menyesuaikan diri dalam menghadapi lingkungan kerja setelah

menyelesaikan studinya.

3. Menyajikan hasil – hasil yang diperoleh selama Uji Kompetensi menjadi

berupa laporan.

4. Menggunakan hasil atau data – data yang dikembangkan untuk tugas

akhir.

1.4.3 Manfaat Bagi Sekolah

1. Mengetahui proses Aplikasi Pembayaran Spp Berbasis Web ini.

2. Mengetahui kemampuan siswa dalam membuat program sederhana

khususnya di bidang produktif.

3. Sebagai manfaat berupa informasi pustaka, tambahan pengetahuan

informasi dan menjadi referensi untuk tahun selanjutnya.

10
 BAB II PERANCANGAN APLIKASI

PERANCANGAN APLIKASI

2.1 Landasan Teori

2.1.1 Pengertian Sistem

Sistem adalah suatu kumpulan atau himpunan dari suatu unsur, komponen,

atau variabel yang terorganisasi, saling berinteraksi, saling tergantung satu

sama lain dan terpadu

http://bpakhm.unp.ac.id/konsep-dasar-dan-pengertian-sistem/#:~:text=Menurut%20Sutabri
%20(2012%3A3),satu%20sama%20lain%20dan%20terpadu%E2%80%9D .

2.1.2 Pengertian Informasi

keterangan, pernyataan, gagasan, dan tanda-tanda yang mengandung nilai,

makna, dan pesan, baik data, fakta maupun penjelasannya yang dapat dilihat,

didengar, dan dibaca yang disajikan dalam berbagai kemasan dan format

sesuai dengan perkembangan teknologi informasi dan komunikasi secara

elektronik

http://pn-solok.go.id/index.php/dokumentasi/27-layanan-publik/27-definisi-dan-kategori

2.1.3 Pengertian Pembayaran SPP

suatu kegiatan dimana wali siswa / siswa datang ke bendahara sekolah

untuk iuran rutin sekolah yang mana pembayarannya dilakukan setiap sebulan

sekali.

https://eprints.utdi.ac.id/3824/3/3_125610072_BAB%20II.pdf

4
 5

2.2 Kerangka Teori

2.2.1 Alur Sistem

Mengambarkan alur atau aliran data dalam sebuah sistem.

Gambar 1 2.1 Alur Sistem

2.2.2 DFD ( Data Flow Diagram)

Data Flow Diagram ( DFD ) / Diagram alir data adalah suatu diagram

yang menggambarkan aliran data dari sebuah proses atau sistem. DFD juga

menyediakan informasi mengenai luaran dan masukan dari setiap entitas dan

proses itu sendiri. DFD tidak memiliki kontrol terhadap alirannya, tidak ada

aturan mengenai keputusan maupun pengulangan.

 6

DFD merupakan alat bantu dalam menggambarkan atau menjelaskan

sistem yang sedang berjalan logis.

Gambar 2 2.2 DFD (Data Flow Diagram)

2.2.3 Relasi Tabel

Relasi merupakan hubungan yang terjadi pada suatu tabel dengan lainnya

yang mempresentasikan hubungan antar objek di dunia nyata dan berfungsi

untuk mengatur mengatur operasi suatu database.

Gambar 3 2.3 Relasi Tabel

 BAB III UJI UNTUK KERJA

UJI UNTUK KERJA

3.1 Alat, Bahan, & Time Schedule

3.1.1 Alat

Peralatan yang digunakan selama proses pelaksaan uji kompetensi adalah sebagai

berikut:

Tabel 1 3.1.1 Alat

No Nama Bahan Spesifikasi Satuan Jumlah

1 PC Server AMD 3020e with Radeon Gra Unit 1
phics 1.20 GHz

2 Printer Epson Unit 1

3 CD Software

a. O/S Windows 11 Home Single Buah 1

Language 64 bit
Buah 1
b. Software Database MySQL

c. Software Server Side

Buah 1
Programming PHP

d. Web Server Buah 1

Apache

7
 8

3.1.2 Bahan

Bahan yang digunakan selama proses pelaksanaan Uji Kompetensi adalah sebagai

berikut :

Tabel 2 3.1.2 Database

No Nama Tabel Field Tabel Satuan Jumlah

1 siswa nisn char 10

nis char 8

nama Varchar 35

id_kelas int 11

alamat text

no_telp varchar 13

Id_spp int 11

2 pembayaran Id_pembayaran Int 11

Id_petugas Int 11

nisn varchar 10

tgl_bayar date

bulan_bayar Varchar 8

tahun_bayar Varchar 4

id_spp Int 11

jumlah_bayar Int 11

3 petugas Id_petugas int 11

username varchar 25

password varchar 32

nama_petugas varchar 35

level enum ‘admin’,’petugas’

4 spp Id_spp Int 11

tahun Int 11

nominal Int 11
 9

5 kelas Id_kelas Int 11

Nama_kelas Varchar 10

Kompetensi_keahlian varchar 50
 10

3.1.3 Time Schedule

Tabel 3 3.1.3 Time Schedule

No. Kegiatan / Minggu I Minggu II Minggu III Minggu IV

Rencana
1. Membuat        
Database
2. Membuat        
Template
3. Mengatur        
Template
4. Membuat Login        

5. Membuat Bagian        
data
6. Membuat Crud        
dan pembayaran
7. Membuat history

8. Membuat cetak

9. Membuat Bab 1        
&2
10. Membuat Bab 3        
&4

3.2 Hasil Kerja

3.2.1 Halaman Login

Halaman login ini diminta username dan password untuk bisa masuk ke aplikasi

ini, jika data sesuai dengan yang ada di database, maka akses login ini masuk ke

halaman dashboard.

Gambar 4 3.2.1 Halaman Login

 11

3.2.2 Halaman Dashboard

Halaman Dashboard ini adalah halaman yang paling awal di tampilkan setelah

admin melakukan login dan terverifikasi sebagai admin. Di halaman ini

disediakan beberapa sidebarnya.

Gambar 5 3.2.2 Halaman Dashboard

3.2.3 Halaman Data Siswa

Halaman ini adalah untuk memuncul kan data siswa yang ada

Gambar 6 3.2.3 Halaman Data Siswa

 12

3.2.4 Halaman Tambah Siswa

Halaman ini adalah untuk menambahkan data siswa.

Gambar 7 3.2.4 Halaman Tambah Siswa

3.2.5 Halaman Edit Siswa

Halaman Edit Siswa ini untuk mengedit data siswa.

Gambar 8 3.2.5 Halaman Edit Siswa

 13

3.2.6 Halaman Data Kelas

Halaman Data kelas ini adalah kelas yang ada.

Gambar 9 3.2.6 Halaman Data kelas

3.2.7 Halaman Tambah Kelas

Halaman Tambah Kelas ini untuk menambah data kelas.

Gambar 10 3.2.7 Halaman Tambah Kelas

 14

3.2.8 Halaman Edit Kelas

Halaman Edit Kelas ini untuk mengedit data kelas.

Gambar 11 3.2.9 Halaman Data Petugas

3.2.9 Halaman Data Petugas

Halaman Data Petugas ini untuk melihat data petugas.

Gambar 12 3.2.9 Halaman Data Petugas

 15

3.3.0 Halaman Edit Petugas

Halaman Edit Petugas ini untuk mengedit data petugas.

Gambar 13 3.3.0 Halaman Edit Petugas

3.3.1 Halaman Tambah Petugas

Halaman Tambah Petugas ini untuk menambah data petugas.

Gambar 14 3.3.1 Halaman Tambah Petugas

 16

3.3.2 Halaman Data SPP

Halaman Data SPP ini untuk melihat data spp.

Gambar 15 3.3.2 Halaman Data SPP

3.3.3 Halaman Tambah SPP

Halaman Tambah SPP ini untuk menambah data spp.

Gambar 16 3.3.3 Halaman Tambah SPP

 17

3.3.4 Halaman Edit SPP

Halaman Edit SPP ini untuk mengedit data spp.

Gambar 17 3.3.4 Halaman Edit SPP

3.3.5 Halaman Data Pembayaran

Halaman Edit pembayaran ini untuk mengedit data pembayaran.

Gambar 18 3.3.5 Halaman Data Pembayaran

 18

3.3.6 Halaman Tambah Pembayaran

Halaman Tambah Pembayaran ini untuk menambah data pembayaran siswa.

Gambar 19 3.3.6 Halaman Tambah Pembayaran

3.3.7 Halaman Edit Pembayaran

Halaman Edit Pembayaran ini untuk mengedit data pembayaran.

Gambar 20 3.3.7 Halaman Edit Pembayaran

 19

3.3.8 Halaman Cetak PDF

Halaman Cetak PDF ini adalah untuk mencetak pembayaran.

Gambar 21 3.3.8 Halaman Cetak PDF

 BAB IV PENUTUPAN

PENUTUPAN

4.1 Kesimpulan

Sistem Pembayaran SPP ini dibangun dengan menggunakan bahasa

pemrograman PHP dan menggunakan database MYSQL serta framework

Laravel. Sistem ini telah diujikan dan berjalan menggunakan browser Google

Chrome. Dari sistem yang dibuat ini, sistem ini dapat memberikan manfaat

antara lain :

1. Proses penyimpanan data transaksi siswa bisa dilakukan dengan mudah.

2. Dari aplikasi pembayaran SPP dapat memberikan informasi tentang siswa

yang mempunyai tunggakan pembayaran SPP.

3. Dari aplikasi pembayaran SPP dapat memberikan informasi tentang data p

embayaran SPP yang telah di bayar oleh siswa.

4.1 Saran

Untuk saran dalam pengembangan selanjutnya, bisa ditambahkan beberapa

fitur agar program menjadi lebih sempurna lagi yaitu dengan menambahkan

fitur keamanan yang lebih terjaga lalu dengan menambahkan fitur

pembayaran dengan menggunakan bank.

14
 DAFTAR PUSTAKA

1. Sespamardi / Pengertian sistem (2 Oktober 2018).

http://bpakhm.unp.ac.id/konsep-dasar-dan-pengertian-sistem/#:~:text=Menurut

%20Sutabri%20(2012%3A3),satu%20sama%20lain%20dan%20terpadu%E2%80%9D .

2. Ari Prabowo dan Endang Retnoningsih / Pengertian Reservasi Hotel (2

Februari 2017). https://eprints.utdi.ac.id/3824/3/3_125610072_BAB%20II.pdf

15