IMPLEMENTASI SISTEM
1. Sistem Analis
5.4 Prosedur Penggunaan Sistem
Ketika telah selesai mengerjakan tahap perancangan sistem, baik dalam merancang table-tabel di dalam database dengan menggunakan phpMyAdmin maupun dalam merancang halaman-halaman website, kini program tersebut dapat dijalankan.
45
Adapun prosedur penggunaan sistem secara manual dapat diuraikan sebagai berikut:
1. Aktifkan software Apache dan MySQL yang telah diinstal pada komputer / laptop dengan cara mengklik start.
2. Kemudian buka salah satu aplikasi Web Browser yang ada pada komputer / laptop anda seperti Google Chrome.
3. Lalu ketikan pada alamat website sesuai dengan nama folder di mana disimpan, contoh: http://localhost/K-TA/home.php dalam address bar untuk menampilkan menu utama kemudian tekan enter.
4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link yang disajikan untuk user oleh admin. Pilih salah satu link tersebut.
5. Link pendaftaran berisikan suatu form yang harus diisi oleh calon siswa baru pada waktu mendaftar.
Adapun penggalan dan program untuk menampilkan form yang terlihat seperti di atas adalah:
<?php
include('../../koneksi/koneksi.php');
$query="select no_pendaftar from pendaftar"; $ex=mysql_query($query);
if(mysql_num_rows($ex)==0){ $nop='1001';
} else{
$query1="select max(no_pendaftar) as no_pendaftar from pendaftar"; $ex1=mysql_query($query1); $data=mysql_fetch_array($ex1); $no=$data['no_pendaftar']; $nop=$no+1; } ?> <div class="wrapper-luar">
<form method="post" action="hasil.php" enctype="multipart/form-data"> <table class="table">
<th id="judul" align="center" colspan="2">DATA PRIBADI CALON SISWA</th> <tr>
<td id="kolom1">Nomor Pendaftaran</td> <td id="kolom2">
<?php echo"$nop";
echo"<input type=\"hidden\" name=\"no_pendaftar\" value=\"".$nop."\" />";
?> </td> </tr> <tr>
<td id="kolom1">Masukkan Foto Anda</td> <td id="kolom2-2">
<input type="file" name="foto"> </td>
</tr> <tr>
<td id="kolom1">Nama Lengkap</td> <td id="kolom2">
<input type="text" size="35" name="nama"> </td>
</tr> <tr>
<td id="kolom1">Nomor Induk Siswa Nasional(NISN)</td> <td id="kolom2">
<input type="text" size="30" name="nisn"> </td>
47
<tr>
<td id="kolom1"> Jenis Kelamin</td> <td id="kolom2-2">
<input type="radio" value="Laki-Laki" name="jk">Laki-Laki <input type="radio" value="Perempuan" name="jk">Perempuan </td>
</tr> <tr>
<td id="kolom1"> Tempat / Tanggal Lahir </td> <td id="kolom2">
<input type="text" size="20" text-align="center" name="tempat"> <select name="tanggal">
<?php
for($i=1; $i<=31; $i++) {
echo "<option value=\"$i\">$i</option>" ; } ?> </select> <select name="bulan"> <option value="01">January</option> <option value="02">February</option> <option value="03">Maret</option> <option value="04">April</option> <option value="05">Mei</option> <option value="06">Juni</option> <option value="07">Juli</option> <option value="08">Agustus</option> <option value="09">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select> <select name="tahun"> <?php
for($i=1997; $i<=2000; $i++) {
echo "<option value=\"$i\">$i</option>" ; } ?> </select> </td> </tr> <tr> <td id="kolom1">Agama</td> <td id="kolom2"> <select name="Agama"> <option value="Islam">Islam</option>
<option value="Kristen Katolik">Kristen Katolik</option> <option value="Kristen Protestan">Kristen Protestan</option> <option value="Budha">Budha</option>
<option value="Hindu">Hindu</option> </select>
<tr>
<td id="kolom1">Alamat Siswa</td> <td id="kolom2">
<textarea id="area" rows="4" cols="30" name="alamat"></textarea> </td>
</tr> <tr>
<td id="kolom1">No Hp Siswa</td> <td id="kolom2">
<input type="text" size="30" name="no_hp"> </td>
</tr> <tr>
<td id="kolom1">Nama Orang Tua / Wali</td> <td id="kolom2">
<input type="text" text-align="center" name="nama_OW"> </td>
</tr> <tr>
<td id="kolom1">Alamat Orang Tua / Wali</td> <td id="kolom2">
<textarea id="area" rows="4" cols="30" name="alamat_OW"> </textarea>
</td> </tr> <tr>
<td id="kolom1">Pekerjaan Orang Tua / Wali</td> <td id="kolom2">
<input type="text" text-align="center" name="pekerjaan_OW"> </td>
</tr> <tr>
<td id="kolom1">No Hp Orang Tua / Wali</td> <td id="kolom2">
<input type="text" size="30" name="noHP_OW"> </td>
</tr> <tr></tr> </table>
<table class="table">
<th id="judul" colspan="2">ASAL SEKOLAH</th> <tr>
<td id="kolom1">Nama Sekolah</td> <td id="kolom2">
<input type="text" size="30" name="nama_sekolah"> </td>
</tr> <tr>
<td id="kolom1">Alamat Sekolah</td> <td id="kolom2">
<textarea rows="4" cols="30" name="alamat_sekolah"></textarea> </td>
49
<tr>
<td id="kolom1">Nomor Peserta UN SMP / MTS </td> <td id="kolom2">
<input type="text" size="30" name="no_PU"> </td>
</tr> <tr>
<td id="kolom1">Jumlah Nilai UN</td> <td id="kolom2">
<input type="text" size="12" name="Jumlah_nilai_UN"> </td>
</tr> <tr>
<td></td>
<td id="kolom2-1">
<input id="masuk" type="submit" name="Daftar" value="Daftar"> </td>
</tr> </table> </form> </div>
Selanjutnya setelah data-data tersebut diisi oleh calon siswa, data itu akan tersimpan ke dalam database, yang selanjutnya akan diolah oleh admin agar diperoleh hasil berapa banyak siswa yang LULUS ataupun GAGAL yang dilihat berdasarkan NEM UN calon siswa.
6. Untuk Melihat para pendaftar yang LULUS, dapat diliahat di halaman Admin tepatnya di link Daftar.
Gambar 5.2 Tampilan Halaman Daftar( Siswa yang LULUS)
Adapun penggalan program dari tampilan di atas adalah: <div id="data-pendaftar-lulus"> <div id="link-atas-lulus"> <ul> <li> <div id="bulat-lulus"> <a href="daftar.php?menu=menu2&link-atas=link1"> <img id="gambar-bulat-lulus" src="../../icon/file.ico"> <p>Data Seluruhnya</p>
</a> </div> </li>
51
<li>
<div id="bulat-lulus">
<a href="daftar.php?menu=menu2&link-atas=link2"> <img id="gambar-bulat-lulus" src="../../icon/data-l.png"> <p>Data Laki-Laki</p> </a> </div> </li> <li> <div id="bulat-lulus"> <a href="daftar.php?menu=menu2&link-atas=link3"> <img id="gambar-bulat-lulus" src="../../icon/data-p.png">
<p>Data Perempuan</p> </a> </div> </li> </ul> </div> <div id="isinya-lulus"> <div id="data-lulus"> <?php $link_atas=$_GET['link-atas']; if ($link_atas=='link1') { include('data-seluruhnya-lulus.php'); } elseif ($link_atas=='link2') { include('data-laki2-lulus.php'); } elseif ($link_atas=='link3'){ include('data-perempuan-lulus.php'); } ?> </div> </div> </div>
7. Link Administrator terpisah dari halaman utama untuk mencegah terjadinya penyalahgunaan otoritas Admin. Link Admin yang Penulis buat hanya bisa diakses oleh Administrator yang telah terdafatar sebagai Admin. Di dalam halaman Admin terdapat beberapa link yang dapat di edit, dihapus, serta ditambah data-data di dalamnya.
Gambar 5.3 Tampilan Halaman Admin
Adapun penggalan program untuk menampilkan seperti gambar diatas adalah: <?php error_reporting(0); include('fungsi.php'); session_start(); $user=$_SESSION['nama']; $passw=$_SESSION['pass'];
if(!empty($user) and !empty($passw)){ ?>
<html> <head>
<title></title>
<link rel="stylesheet" type="text/css" href="style/style-admin.css"> </head> <body> <div class="wrapper-admin"> <div class="head"> <div id="logo"> <p>PSB ONLINE</p>
<p id="sub">Penerimaan Siswa Baru</p>
<!-- <p id="sekolah">SMA NEGERI 1 TALAWI</p> --> </div>
53 <div id="judul"> <p>HALAMAN ADMIN</p> </div> </div> <div class="content"> <div id="kiri"> <div id="gambar-logout">
<a href="admin.php?logout"><img id="logout" src="gambar/shutdown.png"></a> </div>
<div id="lingkaran">
<a href="menu/profil/profil.php?awal=profil">
<img id="gambar" src="icon/building.png?awal=profil">Profil </a>
<a id="galeri" href="menu/galery/galery.php?awal=galeri"> <img id="gambar-galeri" src="icon/gallery-icon.png">Galeri </a>
<a id="staff" href="menu/staff/staff.php?awal=staff"> <img id="gambar-staff" src="icon/staff6.png">staff </a>
<a id="cara-daftar" href="menu/daftar-ulang/daftar-ulang.php?action=daftar"> <img id="gambar-cara-daftar" src="icon/cara-daftar2.png">Daftar Ulang </a>
<a id="daftar" href="menu/daftar/daftar.php?awal=daftar"> <img id="gambar-daftar" src="icon/icon-register.png">Daftar </a>
<a id="admin" href="menu/admin/halaman-admin.php?awal=admin"> <img id="gambar-admin" src="icon/robot.png">Admin
</a>
<div id="lingkaran-dalam">
<a id="home" href="menu/home.php">
<img id="gambar-home" src="icon/home.png?awal=home">HOME </a> </div> </div> </div> </div> <div class="footer"> <p>copyright © 2013</p> </div> </div> </body> </html> <?php } else{
echo "belum login"; }
?>
8. Link Logout di Halaman Admin digunakan untuk keluar dari halaman admin dan kembali ke halaman utama Admin.
BAB 6