Download Script Aplikasi Pembayaran SPP

Download Script Aplikasi Pembayaran SPP – Berhubung sebelumnya kita sudah membuat Aplikasi Pembayaran SPP Berbasis Web PHP dari Tahap Awal Pembahasan Sampai Tahap Akhir. Saya akan membagikan Full Scriptnya yang bisa teman teman download dan pasang.

Aplikasi Pembayaran SPP ini Memiliki beberapa Kelebihan dan Kekurangan, Apa Saja?

Kelebihan

1. Semua Fitur berfungsi dengan baik dan sesuai dengan Soal UKK Paket 1;
2. Sudah terkoneksi dengan Database phpMyAdmin;
3. Sistem Navigasi berdasarkan Hak Akses;
4. Terdapat fitur search dan pagination;
5. Script cukup tertata dengan baik;
6. Script sangat sederhana, jadi mudah Dipelajari dan Dipahami.

Kekurangan

1. Siswa atau petugas bisa mengakses menu milik admin. Contohnya: ketika user atau petugas memasukkan menu admin melalui url > petugas.php > siswa.php > spp.php dan menu menu lainnya;
2. Belum terdapat fitur Generate Laporan;
3. Lokasi file masih dalam folder yang sama / tidak dipisah; 
4. Tampilan U/I sangat sederhana.

Download Script Aplikasi Pembayaran SPP

Aplikasi Pembayaran SPP

Cara Pasang Script

1. Download terlebih dahulu script nya;
2. Extract File yang sudah didownload;
3. Copykan ke folder htdocs dari web server kalian, misal kalian pake XAMPP simpan di C:\xampp\htdocs;
4. Jalankan Web Server nya, jika pake XAMPP startkan Apache dan MySql;
5. Buka browser dan buka localhost/phpmyadmin;
6. Buat database baru dan beri nama latihan_ukk atau teman teman bisa beri nama sesuka kalian asalkan nanti teman teman ubah saja di koneksi.php;
7. Klik nama database yang kalian buat tadi lalu klik Import;
8. Pilih file sql nya yang ada pada script yang didownload, saya beri nama latihan_ukk.sql;
9. Sekarang coba buka aplikasinya dengan mengetikkan url pada browser localhost/latihan_ukk;
10. Coba login dengan username: admin password: admin;

Silahkan teman teman pelajari dengan baik yaa.

Bagian 08: Membuat Login Siswa

Membuat Login Siswa - Sekarang kita akan menambahkan Sistem LogIn dan LogOut Pada Siswa, Yang akan kita lakukan sama saja dengan yang kita buat untuk Login Petugas. Hanya bedanya, Siswa hanya bisa login menggunakan NISN miliknya. Yuk kita langsung coba aja.

Tampilannya sama saja yaa dengan yang kita buat sebelumnya pada login petugas.

Tampilan Login

Setelah Siswa Login maka nanti akan masuk ke dalam halaman utama siswa

Halaman Utama Siswa

Halaman utama ini hanya menampilkan Biodata Dari Siswa dan History Pembayaran Siswa saja, Kita buat dalam satu halaman 

Sekarang teman teman seperti biasa jalankan Web Server dan Code Editornya. Kita akan mulai membuat script untuk tampilan tersebut.

Buat Script Login Siswa

Teman teman save dengan nama login_siswa.php !

Seperti yang saya jelaskan tadi, Siswa hanya bisa Login menggunakan NISN miliknya saja. Jadi yang kita lakukan adalah membuat sesi NISN Siswa kedalam Proses Login Kita. Proses nya kita satu file kan saja dengan login ini. 

Buat Halaman Utama Siswa

Teman teman save dengan nama index_siswa.php !

Yang akan kita tampilkan dalam halaman utama ini adalah Biodata Siswa dan History Pembayaran Siswa. Jadi Hal pertama yang akan kita lakukan adalah memanggil table siswa dan join table kelas kedalam table siswa untuk kita tampilkan Nama kelas dan Kompetensi Keahlian. Lalu kita juga akan memanggil table Pembayaran berikut dengan table table lain yang terhubung dengan table Pembayaran. 

Panggil Table Siswa & Pembayaran

Setelah kita panggil, kita tampilkan dalam table, buat menjadi 2 bagian. Bagian pertama untuk menampilkan Biodata Siswa, dan Bagian kedua untuk menampilkan seluruh history pembayaran Siswa.

Table Biodata Siswa

Table yang kita buat sama saja dengan Pencarian History Pembayaran yang dimiliki oleh petugas. Hanya saja kita tambahkan Alamat di dalamnya, teman teman juga tambahkan Alamat Siswa di History Pembayaran kita sebelumnya.

Terus kita buat table Untuk menampilkan Seluruh History Pembayaran dari Siswa.

Table History Pembayaran Siswa

Buat File LogOut

Script Logout

Teman teman save dengan nama logout.php !

File Logout ini berfungsi jika petugas atau siswa menekan tombol logout, fungsinya juga untuk keluar dari aplikasi. Kita gunakan session_destroy(); untuk keluar dari sesi dan kita arahkan ke Halaman Login. 

Sekarang teman teman coba test dan login menggunakan NISN siswa.

Baca Juga

Bagian 01: Pembahasan Soal UKK SPP

Bagian 02: Membuat Sistem Login

Bagian 03: Membuat Menu Navigasi

Bagian 04: Membuat CRUD Data Siswa dan Join Table

Bagian 05: Membuat Entry Transaksi Pembayaran

Bagian 06: Membuat Pencarian Data History Pembayaran

Bagian 07: Membuat Pagging Data

Bagian 08: Membuat Login Siswa