Selanjutnya kita akan membuat program berbasis web yang akan memfasilitasi user untuk mengakses raport online tersebut.

  • Program inputan (form) yang menanyakan indentitas siswa (berupa no_induk) yang akan dicari dan ditampilkan nilainya.
  • Program yang akan memproses inputan (mencari dan menampilkan hasilnya, jika ditemukan datanya).

Berikut langkah untuk membuat program form inputan sebagaimana gambar di samping.

1. Bukalah notepad dan copy paste-lah kode berikutΒ  dan sesuaikan tampilannya dengan selera anda πŸ˜€

<html>
<head><title>Raport Online SMKN 3 Jombang</title>
</head>
<body>
<img border=0 src=’logo-raport.png’ width=150 height=100>
<form method=’post’ action=’proses-cari.php’>
<table border=1><tr><td><font size=1 face=verdana><center>Masukkan No.Induk Siswa<br>ex. 10233/127.071<br>
<input type=’text’ name=’kunci’ size=9><br>
<input type=’submit’ value=’CARI’></td></tr>
</table>
</form>
</body>
</html>

2. Simpanlah dengan nama raport-online.php dan coba jalankan pada browser localhost anda.

Tahap selanjutnya adalah membuat file proses-cari.php. Karena kode programnya cukup panjang, Silahkan download langsung file-nya di sini πŸ˜€

Berikut tampilan sederhana dari program yang sudah anda download :

Modifikasilah tampilannya sesuai dengan selera anda.

Semua tahapan yang sudah anda lakukan dan sudah berhasil dijalankan pada localhost, bisa anda upload ke hosting dan lakukan pengaturan username, password dan nama Database anda di cpanel (baca Mengatur Koneksi Database di cpanel)

Download file lengkap, Selamat mencoba πŸ˜€