Aplikasi Pembayaran SPP Berbasis Web

Aplikasi pembayaran SPP berbasis WEB di buat dengan database Mysql, PHP dan HTML, Materi ini dibuat untuk latihan siswa RPL SMK atau Mahasiswa Teknik Informatika.

Fitur Aplikasi

Hak pengguna: admin (1),petugas(2), siswa(3)

  1. Login & Logout (1,2,3)
  2. CRUD data siswa (1)
  3. CRUD data petugas (1)
  4. CRUD data kelas (1)
  5. CRUD data spp (1)
  6. Form Entry Pembayaran (1,2)
  7. Data History Pembayaran (1,2,3)

 

Database Mysql SPP

Buat database nama ‘db_spp’, Ada 5 data tabel dalam aplikasi spp berbasis web :

  1. siswa
    • nis INT(15) Primary Key, AutoIncrement
    • nama Varchar (50)
    • id_kelas INT(15)
    • alamat TEXT
    • no_tlp INT (20)
    • id_spp INT (15)
  2. spp
    • id_spp INT (15) Primary key, Auto Increment
    • nomimal INT (10)
    • nama_kelas varchar(20)
  3. kelas
    • id_kelas INT (15) primary key, Auto Increment
    • nama_kelas varchar (10)
    • jurusan varchar (50)
  4. pembayaran
    • id_pembayaran INT (15) primarykey, auto incremet
    • id_petugas INT (15)
    • nis INT (15)
    • tgl_bayar DATETIME
  5. petugas
    • id_petugas INT (15) primary key, auto increment
    • username varchar (25)
    • password varchar (65)
    • nama_petugas varchar(50)
    • level varchar (20)

 

Koneksi Database Mysql PHP

Tahap selanjutnya membuat program koneksi database mysql dengan PHP dan HTML, silahkan masuk ke localhost, aktifkan xampp pada windows.

  • Buat folder, file baru : C://xampp > htdocs > rpl12 > spp > koneksi.php

kode file: koneksi.php

<?php 
// data akun database + nama database (password kosong)
$koneksi= mysqli_connect("localhost","root","","db_spp");

if (mysqli_connect_errno()){ // cek kondisi jika koneksi berhasil
echo "Koneksi database gagal : " . mysqli_connect_error();
}else{
// echo "Koneksi database mysql + PHP berhasil";
}?>

Ujicoba Pengecekan koneksi buka browser Google Chrome , Link URL -> http://localhost/rpl12/spp/koneksi.php

Jika hasil nya, tampil layar putih maka koneksi database PHP Mysql berhasil……………..

 

Buat Halaman Register

Langkah pertama membuat form halaman daftar (register): form_daftar.php

<form action="proses_daftar.php" method="POST">
<fieldset>
<p>
<label for="nama">Nama: </label>
<input type="text" name="nama" placeholder="nama lengkap" />
</p>
<p>
<label for="level">Level Pengguna: </label>
<label><input type="radio" name="level" value="admin"> Admin</label>

<label><input type="radio" name="level" value="petugas"> Petugas</label>

<label><input type="radio" name="level" value="siswa"> Siswa</label>
</p>
<p>
<label for="alamat">Username: </label>
<input type="text" name="username" placeholder="" />
</p>
<p>
<label for="sekolah_asal">Password: </label>
<input type="password" name="password" placeholder="***" />
</p>
<p>
<input type="submit" value="Daftar" name="daftar" />
</p>
</fieldset>
</form>

 

Proses daftar & Login User

buat file baru: proses_daftar.php

<?php 
require'config.php'; // sesuikan nama file koneksi database.

$nama=$_POST['nama'];
$level=$_POST['level'];
$username=$_POST['username'];
$password=MD5($_POST['password']);

// fuction simpan 
$daftar=$mysqli->query("insert into petugas (nama_petugas,level,username,password) values ('$nama','$level','$username','$password')");

// validasi simpan
if ($daftar) {
//echo"Berhasil tambah data user";
header('location:data_pengguna.php');
}else{
echo "proses simpan gagal";
}?>

 

View Data Pengguna

Menampikan semua data pengguna hasil dari register, pendaftaran menggunakan format tabel : data_pengguna.php

<?php 
require'config.php';?>

<h2>Data Pengguna</h2>
<p>Daftar semua pengguna. <a href="proses_daftar.php">+ Tambah baru</a></p>
<hr>
<table border="1" width="40%">
<th>ID</th>
<th>Nama</th>
<th>Level</th>
<th>Username</th>
<th>Password</th>

<?php 
// function tampil
$data=$mysqli->query('select * from petugas order by id desc');
while($tampil=$data->fetch_assoc()){?>
<tr>
<td><?php echo $tampil['id'];?></td>
<td><?php echo $tampil['nama'];?></td>
<td><?php echo $tampil['level'];?></td>
<td><?php echo $tampil['username'];?></td>
<td><?php echo $tampil['password'];?></td>
</tr>
<?php } ?>

</table>

 

Login Data Pengguna

1.) Membuat form login data penggan : form_login.php

<form action="proses_login.php" method="POST">
<fieldset>
<p>
<label for="alamat">Username: </label>
<input type="text" name="username" placeholder="" />
</p>
<p>
<label for="sekolah_asal">Password: </label>
<input type="password" name="password" placeholder="***" />
</p>
<p>
<input type="submit" value="Login"/>
</p>
</fieldset>
</form>

2.) Proses Login Pengguna

Membuat file baru Proses Login : proses_login.php

<?php require'config.php'; // sesuikan nama file koneksi database. 
$username=$_POST['username']; 
$password=MD5($_POST['password']); 

// fuction Login
$login=$mysqli->query("select * from petugas where username ='$username' and password ='$password'"); 

// validasi Login
$cek=mysqli_num_rows($login);
if ($cek > 0) { 
header('location:data_pengguna.php'); 
}else{ 
echo "proses login gagal"; }?>

Disclaimer

Aplikasi SPP web ini belum fix selesai… nantikan part selanjutnya.

 

Updated: September 22, 2023