• Tidak ada hasil yang ditemukan

PENGERTIAN HALAMAN INSTRUKTUR

Dalam dokumen Aplikasi Php Dan Mysql Good Good (Halaman 143-200)

Hak akses tingkat kedua diberikan kepada para pembimbing siswa. Dalam system ini disebut instruktur. Dikarenakan instruktur memiliki hak akses khusus, maka halaman-halaman yang dapat diaksespun juga dibedakan. Instruktur dalam system ini mempunyai hak untuk memeriksa dan memasukkan absensi keaktivan siswa yang dibimbingnya. Selain itu instruktur juga dapat memasukkan nilai ke dalama database dan dapat mengubahnya jika ada kesalaman. Jadi masing-masing instruktur hanya dapat mengakses data kelas dan siswa yang dibimbingnya saja. Halaman yang dapat diakses oleh instruktur dalam program ini dimasukkan pada sebuah folder dengan nama pengajar.

HALAMAN INDEX

Seperti pada halaman administrator, halaman instruktur ini juga memiliki halaman utama yang disebut halaman index. Halaman ini yang akan diakses paling awal oleh seorang instruktur. Halaman indek instruktur menampilkan sebuah formulir untuk melakukan login. Apabila instruktur akan mengakses halaman ini, maka

instruktur harus membuka halaman index utama dari program ini, kemudian memilih menu link instruktur.

Berikut adalah script yang digunakan untuk menampilkan halaman index instruktur:

<table border="1" width="98%" cellspacing="0" cellpadding="0" id="table4">

<tr><td align="center" bgcolor="#93CDF5">Login Instruktur</td> </tr>

<form method="POST" action="login.php"> <tr><td width="99%">

<?

if($error){

echo"<p align=\"center\"><font color=\"#FF0000\">UserID atau Password yang Anda masukkan salah.<br> Silakan ulangi lagi.</font></p>";}

?>

<p style="margin-left: 5px; margin-right: 5px" align="center"> &nbsp;<p style="margin:2px 5px; " align="center">

<font size="2">Nama</font><p style="margin:2px 5px; " align="center">

<select size="1" name="id" style="color: #000080; font-family: Arial; font-size: 10pt">

<option selected value="-">Pilih Nama</option> <?

include"../sambung.php";

$baca=mysql_query("select id,nama from karyawan order by nama");

echo"<option value=\"$data[id]\">$data[nama]</option>"; }

?>

</select><p style="margin:2px 5px; " align="center"> <font size="2">Password</font><p style="margin:2px 5px; " align="center">

<input type="password" name="password" size="18" style="color: #000080; font-family: Arial; font-size: 10pt"><p align="center"> <input type="submit" value=" LOGIN " name="login" style="font-family: Arial; color: #000080"></td></tr>

<input type="hidden" name="id_data" value="<?=$data[id]?>"> </form>

</table>

Keterangan:

Pada script di atas saya cantumkan bagian script yang perlu dijelaskan saja, karena pnjangnya tag-tag HTML di dalamnya. Script ini intinya memuat tag-tag HTML yang membentuk sebuah formulir dengan dua obyek saja. Obyek yang pertama adalah sebuah drop down dengan menampilkan nilai nama-nama instruktur. Jadi apabila instruktur akan melakukan login tidak perlu menuliskan nama atau user id lagi, namun cukup mencari namanya yang ada dalam pilihan dropdown ini. Data nama-nama instruktur ini diambil dari hasil pembacaan data instruktur dari tabel karyawan. Bagian dari fungsi membaca dan menampilkan nama instruktur ini adalah:

<?

include"../sambung.php";

$baca=mysql_query("select id,nama from karyawan order by nama"); while($data=mysql_fetch_array($baca)){

} ?>

Kemudian diikuti dengan obyek formulir yang kedua adalah kotak teks jenis password. Fungsi dari kotak teks ini adalah digunakan untuk menuliskan password dari masing-masing instruktur. Script tersebut adalah pada bagian:

<input type="password" name="password" size="18" style="color: #000080; font-family: Arial; font-size: 10pt">

Tampilan dari halaman index instruktur tersebut adalah sebagai berikut:

Gambar 6.1 Tampilan halaman index instruktur.

FILE PROSES LOGIN

Seperti namanya, file ini menampung script dengan fungsi untuk memproses data-data yang dikirim dari halaman index atau login instruktur. Data yang ditulis pada halaman login akan dibawa oleh

variabel-variabel tertentu kemudian akan diolah pada script ini. Berikut adalah data script pengolah data login tersebut:

<?

session_start();

include"../sambung.php";

$data=mysql_query("select * from karyawan where id='$id'"); $user=mysql_fetch_array($data); $pengajar="$user[nama]"; if($userid =="-" || $password==""){ header("Location:./index.php?error=1"); }else{ if($password=="$user[password]"){ session_register("id"); session_register("password"); session_register("pengajar"); header("Location:./utama.php"); }else{ header("Location:./index.php?error=1"); }} ?> Keterangan:

Yang harus ditulis paling atas dalam script ini adalah fungsi sesi, yaitu

session_start();

Fungsi untuk mendeklarasikan adanya data sesi dalam sebuah halaman php ini harus dituliskan pada bagian paling awal dari script keseluruhan. Apabila fungsi session_start() ini ditulis di tengah script maka php akan mendefinisikan sebuah kesalahan. Kemudian script akan memanggil file sambung.php untuk melakukan koneksi dengan

database. Data yang ada dalam tabel karyawan akan dibaca menggunakan perintah query berdasarkan id instruktur yang sedang login. Data yang dibaca adalah nama instruktur, id instruktur dan password instruktur tersebut, kemudian oleh fungsi if akan dicocokkan dengan data password yang dikirim dari formulir login. Apabila data password yang dibaca tersebut sama, maka script akan mengarahkan instruktur untuk membuka halaman data utama instruktur. Apabila data password tersebut tidak sesuai, maka instruktur akan diarahkan ke halaman login kembali untuk memperbaiki password yang salah ketik.

HALAMAN DATA UTAMA

Halaman data utama ini adalah halaman pertama setelah instruktur sukses melakukan login. Dalam halaman ini akan menampilkan data kelas dan materi yang dibimbing oleh instruktur bersangkutan. Script yang ada dalam halaman ini melakukan pembacaan data kelas dan materi yang ada dalam tabel kelas aktif. Berikut adalah script yang ada pada halaman data utama ini:

<?

include"ceksession.php"; ?>

<html><head>

<title>Sistem Manajemen Pendidikan online</title> </head>

<center><br>

<body bgcolor="#A9C5BE" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="800" height="296" border="0" cellpadding="0" cellspacing="0">

<tr><td colspan="3" valign="top" height="108"><img src="../images/img_1.gif" width="800" height="108"

alt=""></td></tr>

<tr><td colspan="3" valign="top" height="23">

<table border="0" width="100%" cellspacing="0" cellpadding="0" background="../images/img_02.gif" id="table2" height="23"> <tr><td><p style="margin-left: 170px; margin-right: 50px" align="right">&nbsp;</td></tr></table>

</td></tr>

<tr><td colspan="3" valign="top" height="18"><img src="../images/img_03.gif" width="800" height="18" alt=""></td></tr>

<tr><td valign="top" height="74" width="180"

bgcolor="#D5EBFB"><img src="../images/img_04.gif" width="180" height="74" alt=""></td><td valign="top" height="74" width="20" bgcolor="#D5EBFB"><img src="../images/img_05.gif" width="20" height="74" alt=""></td><td valign="top" height="74" width="600" bgcolor="#D5EBFB"><p align="center"><b>Halaman Untuk Instruktur</b></td></tr>

<tr><td colspan="3" valign="top" height="19"

bgcolor="#D5EBFB"><table border="0" width="100%" cellspacing="0" cellpadding="0"

background="../images/img_07.gif" id="table1">

<tr><td width="182" valign="top"><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"> Data Kelas</p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">

<?

include"../sambung.php"; $nomor=1;

$kelas=mysql_query("select nama from kelas order by nama"); while($data=mysql_fetch_array($kelas)){

$nomor++; }

?>

</p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">&nbsp;</p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom:

2px">Pengaturan</p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"><font size="2"><a href="ganti_password.php">Ganti Password</a></font></p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"><font size="2"><a

href="../keluar.php">Keluar</a></font></p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom:

2px">&nbsp;</td><td valign="top">

<table border="1" width="98%" cellspacing="0" cellpadding="0" id="table4">

<tr><td align="center" bgcolor="#93CDF5">Halaman utama</td></tr>

<tr><td width="99%">Data Kelas yang sedang di bimbing oleh <?=$pengajar?><br>&nbsp;<table border="1" width="100%" cellspacing="0" cellpadding="0" id="table5">

<tr><td width="48" align="center"><font size="2">No.</font></td> <td width="123" align="center"><font size="2">Nama

Kelas</font></td><td width="204" align="center"><font size="2">Materi</font></td>

<td width="108" align="center"><font size="2">Jumlah Session</font></td>

<td align="center"><font size="2">Status</font></td></tr> <?

include"../sambung.php";

from materi where instruktur='$id' limit 0,20"); $no=1;

while($data1=mysql_fetch_array($baca1)){

$baca2=mysql_query("select id,nama from data_materi where id='$data1[nama]'");

$data2=mysql_fetch_array($baca2);

$baca3=mysql_query("select id,nama from kelas where id='$data1[kelas]'");

$data3=mysql_fetch_array($baca3); if($data1[status]=="1"){

$status="Aktif"; }else{

$status="<font size=\"2\" color=\"#FF0000\">Sudah selesai</font>";

}

echo"<tr><td width=\"48\"><p align=\"center\"><font

size=\"2\">$no</font></td><td width=\"123\"><p style=\"margin-left: 2px; margin-right: 2px\"><font size=\"2\"><a

href=\"kelas.php?kelas=$data1[kelas]&materi=$data1[nama]\"> $data3[nama]</a></font></td><td width=\"204\"><p style=\"margin-left: 2px; margin-right: 2px\"><font size=\"2\"><a

href=\"kelas.php?kelas=$data1[kelas]&materi=$data1[nama]\"> $data2[nama]</a></font></td><td width=\"108\"><p align=\"center\"><font size=\"2\">$data1[jml_session] kali.</font></td><td><p align=\"center\"><font size=\"2\">$status</font></td></tr>"; $no++; } ?>

</table></td></tr>

<input type="hidden" name="id_data" value="$d[id_data]"> </table>

<p style="margin-top: 1px; margin-bottom: 1px">&nbsp;</p></td></tr></table></td></tr>

<tr><td colspan="3" valign="top"><img src="../images/img_09.gif" width="800" height="56" alt=""></td></tr></table></body></html>

Keterangan:

Bagian utama dari script di atas adalah script yang berfungsi untuk membaca data kelas aktif yang ada pada tabel kelas. Data kelas yang dibaca dan ditampilkan dalam halaman ini adalah data kelas berdasarkan id dari instruktur yang sedang membuka halaman ini. Berikut adalah potongan script tersebut:

include"../sambung.php";

$baca1=mysql_query("select id,nama, kelas,jml_session,status from materi where instruktur='$id' limit 0,20");

$no=1;

while($data1=mysql_fetch_array($baca1)){

$baca2=mysql_query("select id,nama from data_materi where id='$data1[nama]'");

$data2=mysql_fetch_array($baca2);

$baca3=mysql_query("select id,nama from kelas where id='$data1[kelas]'");

$data3=mysql_fetch_array($baca3); if($data1[status]=="1"){

$status="Aktif"; }else{

$status="<font size=\"2\" color=\"#FF0000\">Sudah selesai</font>"; }

echo"<tr><td width=\"48\"><p align=\"center\"><font

size=\"2\">$no</font></td><td width=\"123\"><p style=\"margin-left: 2px; margin-right: 2px\"><font size=\"2\"><a

href=\"kelas.php?kelas=$data1[kelas]&materi=$data1[nama]\"> $data3[nama]</a></font></td><td width=\"204\"><p style=\"margin-left: 2px; margin-right: 2px\"><font size=\"2\"><a

href=\"kelas.php?kelas=$data1[kelas]&materi=$data1[nama]\"> $data2[nama]</a></font></td><td width=\"108\"><p align=\"center\"><font size=\"2\">$data1[jml_session] kali.</font></td><td><p align=\"center\"><font size=\"2\">$status</font></td></tr>"; $no++;

}

Pada awal dari potongan script tersebut adalah membaca file sambung.php menggunakan fungsi include, kemudian menggunaan perintah query

$baca1=mysql_query("select id,nama, kelas,jml_session,status from materi where instruktur='$id' limit 0,20");

while($data1=mysql_fetch_array($baca1)){

untuk membaca data pada tabel materi. Selain membaca tabel materi, script ini berikutnya membaca tabel kelas menggunakan query

$baca2=mysql_query("select id,nama from data_materi where id='$data1[nama]'");

$data2=mysql_fetch_array($baca2);

berdasarkan id kelas yang disimpan pada variabel $data1[nama] dari tabel materi yang telah dibaca untuk menampilkan nama kelas. Langkah terakhir kemudian data hasil pembacaan dari database ditampilkan pada halaman ini menggunakan perintah echo. Berikut adalah tampilan halaman data utama instruktur:

Gambar 6.2 Tampilan halaman data utama instruktur.

HALAMAN DATA SISWA KELAS AKTIF

Setiap instruktur dapat memiliki kelas bimbingannya lebid dari satu. Seperti pada contoh di atas, bahwa instruktur dengan nama Yeni Cahyono memiliki tiga kelas aktif. Data ini ditampilkan pada halaman data utama instruktur. Data ini dapat anda perhatikan pada gambar 6.2 di atas.

Pada masing-masing nama kelas tersebut adalah sebuah menu link, apabila diklik akan ditampilkan halaman data siswa kelas aktif. Data yang ditampilkan dalam halaman ini adalah data siswa yang menjadi anak didik dari instruktur tersebut untuk materi tertentu.

Halaman data siswa kelas aktif ini mengakses data siswa yang ada pada kelas aktif berdasarkan id instruktur dan materi tertentu. Berikut adalah script yang ada pada halaman data siswa kelas aktif:

<?

include"ceksession.php"; include"../sambung.php"; ?>

<html><head>

<title>Sistem Manajemen Pendidikan online</title> </head>

<body bgcolor="#A9C5BE" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="800" height="296" border="0" cellpadding="0" cellspacing="0">

<tr><td colspan="3" valign="top" height="108"><img src="../images/img_1.gif" width="800" height="108" alt=""></td></tr>

<tr><td colspan="3" valign="top" height="23">

<table border="0" width="100%" cellspacing="0" cellpadding="0" background="../images/img_02.gif" id="table2" height="23"><tr> <td><p style="margin-left: 170px; margin-right: 50px"

align="right">&nbsp;</td></tr> </table>

</td></tr>

<tr><td colspan="3" valign="top" height="18"><img

src="../images/img_03.gif" width="800" height="18" alt=""></td> </tr>

<tr><td valign="top" height="74" width="180"

bgcolor="#D5EBFB"><img src="../images/img_04.gif" width="180" height="74" alt=""></td><td valign="top" height="74" width="20" bgcolor="#D5EBFB"><img src="../images/img_05.gif" width="20" height="74" alt=""></td><td valign="top" height="74" width="600" bgcolor="#D5EBFB"><p align="center"><b>Halaman Untuk Instruktur</b></td></tr>

<tr><td colspan="3" valign="top" height="19" bgcolor="#D5EBFB">

<table border="0" width="100%" cellspacing="0" cellpadding="0" background="../images/img_07.gif" id="table1">

<tr><td width="182" valign="top"><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"><a href="utama.php">DATA KELAS</a></p>

<p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">

<font size="2"><a

href="absensi.php?kelas=<?=$kelas?>&materi=<?=$materi?>"> Absensi</a></font></p>

<p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"><font size="2"><a

href="nilai.php?kelas=<?=$kelas?>&materi=<?=$materi?>"> Nilai</a></font></p>

<p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">&nbsp;</p>

<p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">Pengaturan</p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px"> <font size="2"><a href="ganti_password.php">Ganti

Password</a></font></p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">

<font size="2"><a href="../keluar.php">Keluar</a></font></p><p style="margin-left: 5px; margin-right: 15px; margin-top: 2px; margin-bottom: 2px">&nbsp;</td><td valign="top">

<?

$baca1=mysql_query("select nama from kelas where id='$kelas'"); $data1=mysql_fetch_array($baca1);

<table border="1" width="98%" cellspacing="0" cellpadding="0" id="table4">

<tr><td align="center" bgcolor="#93CDF5">Data Siswa <?=$data1[nama]?></td></tr>

<tr><td width="99%"><table border="1" width="100%" id="table5" cellspacing="0">

<tr><td bgcolor="#93CDF5" width="49" align="center"><font size="2">No.</font></td><td bgcolor="#93CDF5" align="center"> <font size="2">Nama</font></td><td bgcolor="#93CDF5"

align="center" width="106"><font size="2">Jenis

Kelamin</font></td><td bgcolor="#93CDF5" width="226" align="center"><font size="2">Alamat</font></td></tr> <?

$no=1;

$baca2=mysql_query("select id,nama,sex,alamat,kelas from siswa where kelas='$kelas'"); while($data2=mysql_fetch_array($baca2)){ ?> <tr><td width="49"><font size="2"><?=$no?></font></td><td><font size="2"><?=$data2[nama]?></font></td><td width="106"><font size="2"><?=$data2[sex]?></font></td><td width="226"><font size="2"><?=$data2[alamat]?></font></td></tr> <? $no++; }?> </table>

<form method="POST" action="absensi.nilai.php"><p align="right" style="margin-right: 10px">

name="utama" style="color: #000080; font-family: Arial; font-size: 10pt">&nbsp;&nbsp; <input type="submit" value="Periksa

Absensi" name="absensi" style="color: #000080; font-family:

Dalam dokumen Aplikasi Php Dan Mysql Good Good (Halaman 143-200)

Dokumen terkait