• Tidak ada hasil yang ditemukan

Sistem Informasi Penjadwalan dan Rincian Nilai Laboratorium D3 Teknik Informatika Berbasis Website

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Informasi Penjadwalan dan Rincian Nilai Laboratorium D3 Teknik Informatika Berbasis Website"

Copied!
36
0
0

Teks penuh

(1)

LISTING PROGRAM

index.php

<?php

if(!session_start()){

session_start();

}

//cek apakah user sudah login atau belum

if(isset($_SESSION['user']) && (($_SESSION['hak']=="siswa") || ($_SESSION['hak']=="ortu") ||

($_SESSION['hak']=="guru"))){

?>

<script>document.location.href="akademik/"</script>

<?php

}

?>

<!DOCTYPE html>

<head>

<!-- Basic Page Needs

================================================== -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<title> LABORATORIUM D3 TEKNIK INFORMATIKA </title>

(2)

<meta name="keywords" content="free boostrap, bootstrap template, freebies, free theme, free website, free portfolio theme, portfolio, personal, cv">

<!-- Favicons

================================================== -->

<!-- bootstrap -->

<link rel="stylesheet" type="text/css" href="style/bootstrap.css">

<link rel="stylesheet" type="text/css" href="font-awesome-4.2.0/css/font-awesome.css">

<link rel="stylesheet" type="text/css" href="style/jasny-bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="style/animate.css">

<!-- slider

================================================== -->

<link href="css/owl.carousel.css" rel="stylesheet" media="screen">

<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- stylesheet

================================================== -->

<link rel="stylesheet" type="text/css" href="style/style.css">

(3)

<link

href='http://fonts.googleapis.com/style?family=Montserrat:40 0,700' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="js/modernizr.custom.js"></script>

<link rel="shortcut icon" type="image/x-icon" href="usu.png">

</head>

<body>

<!-- Off Canvas Navigation

================================================== -->

<div class="navmenu navmenu-default navmenu-fixed-left offcanvas"> <!--- Off Canvas Side Menu -->

<div class="close" toggle="offcanvas" data-target=".navmenu">

<span class="fa fa-close"></span>

</div>

<div class="add-margin"></div>

<ul class="nav navmenu-nav"> <!--- Menu -->

<li><a href="#home" class="page-scroll">Home</a></li>

<li><a href="#meet-us" class="page-scroll">INFO</a></li>

(4)

</ul><!--- End Menu -->

</div> <!--- End Off Canvas Side Menu -->

<!-- Home Section -->

<div id="home">

<div class="container text-center">

<!-- Navigation -->

<nav id="menu" toggle="offcanvas" data-target=".navmenu">

<span class="fa fa-bars"></span>

</nav>

<div class="content">

<h4>Teknik Informatika D3 FMIPA USU</h4>

<hr>

<div class="header-text btn">

<a href="infowindow.html">

<h1> L A B </h1>

</div>

</div>

<a href="#meet-us" class="down-btn page-scroll">

<span class="fa fa-angle-down"></span>

</a>

</div>

</div>

(5)

<div id="meet-us">

<div class="container text-center">

<h2>INFO</h2>

<div class="row">

<div class="col-md-4 col-sm-4">

<div class="service">

<span class="fa book fa-3x"></span>

<h4>Lab Pemograman</h4></a>

<p class="huruf">Laboratorium Pemograman adalah ruangan untuk praktikan melalukan praktikum yang berhubungan dengan program atau biasa dibilang ngecoding misalnya : Pratikum Bahasa C & C++, Praktikum Web I & Web II, Pratikum Database Server,

Praktikum kecerdasan buatan dll. Lab ini berada di lantai 3 Unit 2 FMIPA USU tepatnya disamping AULA </p>

</div>

</div>

<div class="col-md-4 col-sm-4">

<div class="service">

<span class="fa book fa-3x"></span>

<h4>Lab Aplikasi</h4>

<p class="huruf">Laboratorium

Aplikasi adalah ruangan untuk praktikan melalukan praktikum yang berhubungan dengan menggunakan aplikasi dan membuat suatu aplikasi, video dan lain sebagainya misalnya :

Pratikum Visual Basic, Praktikum Multimedia I & II, Pratikum Matlab, dll. Lab ini berada di lantai 3 Unit 2 FMIPA USU tepatnya disamping Lab pemograman.</p>

</div>

(6)

</div>

<a href="#services" class="down-btn page-scroll">

<span class="fa fa-angle-down"></span>

</a>

</div>

</div>

<!-- Services Section -->

<div id="services">

<div class="container">

<div class="ro text-center">

<div class="col-md-8 col-md-offset-2">

<div class="section-title">

<h2>L O G I N</h2>

<hr>

<form method="post" action="akademik/login/login.php">

<table width="329" height="198" border="0" align="center">

<tr>

<th width="85" height="45"> <div align="left">Username</div></th>

<td width="15">:</td>

<td width="161">

(7)

</tr>

<tr>

<th height="47" ><div align="left">Password</div></th>

<td>:</td>

<td><input type="password" name="password" /></td>

</tr>

<tr>

<th height="45" colspan="2" scope="row">

<td><input type="submit" name="Submit" value="Login" />

<input name="reset" type="reset" value="Reset" /></td></th>

</tr>

</table>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

(8)

<div id="clients">

<div class="overlay">

<div class="container text-center">

<div class="section-title">

<h2>LAB </h2>

<hr>

</div>

</div>

</div>

</div>

<nav id="footer">

<div class="container">

<div class="pull-left">

<p>&#169; 2016 Teknik Informatika D3 Universitas Sumatera Utara</a></p>

</div>

<div class="pull-right">

<a href="#home" class="page-scroll">Back to Top <span class="fa fa-angle-up"></span></a>

</div>

</div>

(9)

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script

src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jqu ery.min.js"></script>

<script type="text/javascript" src="js/jquery.1.11.1.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="js/SmoothScroll.js"></script>

<script type="text/javascript" src="js/jasny-bootstrap.min.js"></script>

<script src="js/owl.carousel.js"></script>

<script src="js/typed.js"></script>

<script>

$(function(){

$("#head-title").typed({

strings: ["We make websites^1000", "24/7

available for hire^1000" ,"Web design with diffence^1000"],

typeSpeed: 100,

loop: true,

startDelay: 100

});

});

(10)

<!-- Javascripts

================================================== -->

<script type="text/javascript" src="js/main.js"></script>

</body>

</html>

Akademik/login/index.php

<?php

if(!session_start()){

session_start();

}

//cek apakah user sudah login atau belum

if(isset($_SESSION['user']) && (($_SESSION['hak']=="siswa") || ($_SESSION['hak']=="ortu") ||

($_SESSION['hak']=="guru"))){

?>

<script>document.location.href="../"</script>

<?php

}

?>

<html>

<title>Portal Akademik SMAN 16 Medan</title>

<link rel="shortcut icon" type="image/x-icon" href="../tut-wuri-handayani-warna.jpg">

<style type="text/css">

(11)

.judul {

background-color: #C71D1D;

}

.judul strong{

color: #fff;

}

a{

text-decoration: none;

color: #C71D1D;

}

a:hover{

color: #000;

font-weight: bold;

}

-->

</style>

<body background="../../icon/GEDUNG.jpg" style="background-position: center center; background-repeat: no-repeat;">

<style type="text/css">

<!--

.style2 {color: #166D12}

-->

</style>

<div align="center">

(12)

<h1 class="judul"><strong>LOGIN PORTAL AKADEMIK SMAN 16 MEDAN</strong></h1>

<br /><br />

<form method="post" action="login.php">

<table width="329" height="198" border="0" align="center">

<tr>

<th width="24" rowspan="3" scope="row">&nbsp;</th>

<th height="35%" colspan="3" scope="row">&nbsp;</th>

<td width="22" rowspan="3">&nbsp;</td>

</tr>

<tr>

<th width="85" height="45" scope="row"> <div align="left">Username</div></th>

<td width="15">:</td>

<td width="161">

<input type="text" name="username" /> </td>

</tr>

<tr>

<th height="47" scope="row"><div align="left">Password</div></th>

<td>:</td>

<td><input type="password" name="password" /></td>

</tr>

<tr>

<th height="45" colspan="5" scope="row">

<input type="submit" name="Submit" value="Login" />

<input name="reset" type="reset" value="Reset" /></th>

(13)

<tr>

<th height="27" colspan="5" scope="row">&nbsp;</th>

</tr>

</table>

</form><br><br><br><br><br><br><br><br><br><br>

<a href="../../index.php">Back to Home</a>

</div>

</body>

</html>

Akademik/login/login.php

<?php

require_once '../../include/sambung.php';

// username and password sent from form

$myusername=$_POST['username'];

$mypassword=md5($_POST['password']);

$siswa = mysql_num_rows(mysql_query("SELECT * FROM siswa WHERE idSiswa='$myusername' and password='$mypassword'"));

$ortu = mysql_num_rows(mysql_query("SELECT * FROM wali_murid WHERE idwali_murid='$myusername' and

password='$mypassword'"));

(14)

if($siswa==1){

session_start();

$_SESSION['user']=$myusername;

$_SESSION['hak']="siswa";

$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);

header("location:../../index.php");

}

else if($ortu==1){

session_start();

$_SESSION['user']=$myusername;

$_SESSION['hak']="ortu";

$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);

header("location:../../index.php");

}else if($guru==1){

session_start();

$_SESSION['user']=$myusername;

$_SESSION['hak']="guru";

$_SESSION['agent']=md5($_SERVER['HTTP_USER_AGENT']);

header("location:../../index.php");

}else{

echo "<script>alert('Login gagal!');

document.location.href=\"../../index.php\"</script>";

}

(15)

Akademik/index.php

<?php

include "../include/conf_user.php";

?>

<!DOCTYPE html PUBLI>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta name="keywords" content="free boostrap, bootstrap template, freebies, free theme, free website, free portfolio theme, portfolio, personal, cv">

<title>Laboratorium D3 Teknik Informatika</title>

<link rel="shortcut icon" type="image/x-icon" href="../usu.png">

<link rel="stylesheet" type="text/css" href="responsive.css">

<link href="style1.css" rel="stylesheet"/>

<script language="JavaScript" src="mm_menu.js"></script>

</head>

<body>

<script language="JavaScript1.2">mmLoadMenus();</script>

<div id="logo"><br />

<h2>Laboratorium Program</h2>

<h1><a href="#">D3 Teknik Informatika</a></h1>

</div>

<hr />

(16)

<div id="header">

<div id="menu">

<ul>

<li><a href="?page=home">Home</a></li>

<li><a href="?page=ganti_password">Password</a></li>

<li><a href="login/logout.php" onclick="return

confirm('Anda yakin logout dari sistem?')">Logout</a></li>

</ul>

</div>

<div id="search">

<font color="#FFFFFF" size="4">

</font></div>

</div>

<!-- end #header -->

<div style="height: 46px;"></div>

<!-- end #header-wrapper -->

<div id="page">

<div id="content">

<?php include "isi.php";?>

</div>

<!-- end #content -->

<div id="sidebar">

<?php

if($_SESSION['hak']!="guru"){

include "menu.php";

}else{

(17)

}

?>

</div>

<!-- end #sidebar -->

<div style="clear: both;">&nbsp;</div>

</div>

<!-- end #page -->

<div id="footer">

<p>Copyright &copy; 2017, D3 TEKNIK INFORMATIKA .<BR /></p>

</div>

<!-- end #footer -->

</body>

</html>

Akademik/menu.php

<link rel="stylesheet" href="style2.css" type="text/css"/>

<script type="text/javascript" scr="script.js"></script>

<ul class="acc" id="acc">

<li>

<h3 align="center">Nilai</h3>

<div class="acc-section">

<div class="acc-content">

<a href="?page=lihat_nilai"><center><img src="images/lihat.png" width="50" height="50" border="0"><br />

Lihat Nilai

(18)

</div>

</div>

</li><li>

<h3 align="center">Jadwal</h3>

<div class="acc-section">

<div class="acc-content">

<a href="?page=lihat_jadwal"><center><img src="images/jadwal.png" width="50" height="50"

border="0"><br />Jadwal Pelajaran</center></a><br/>

<a href="?page=lihat_kelas"><center><img src="images/teman.png" width="50" height="50" border="0"><br />Teman Sekelas</center></a>

</div>

</div>

</li>

<li>

<h3 align="center">Biodata</h3>

<div class="acc-section">

<div class="acc-content" align="center">

<a href="?page=profil_siswa"><center><img

src="images/siswa.png" width="50" height="50" border="0"><br />Biodata Siswa</center></a><br />

</div>

</div>

</li>

</ul>

Akademik/menu_guru.php

(19)

<ul class="acc" id="acc">

<li>

<h3 align="center">Jadwal</h3>

<div class="acc-section">

<div class="acc-content">

<a href="?page=lihat_jadwal"><center><img src="images/jadwal.png" width="50" height="50"

border="0"><br />Jadwal Pelajaran</center></a><br />

</center></a><br />

<a href="?page=lihat_nilai"><center><img src="images/grafik.png" width="50" height="50"

border="0"><br />Lihat Nama Pratikan

</center></a>

</div>

</div>

</li>

<li>

<h3 align="center">Biodata</h3>

<div class="acc-section">

<div class="acc-content" align="center">

<a href="?page=profil_guru"><center><img src="images/ortu.png" width="50" height="50" border="0"><br/>Biodata Aslab

</center></a></div>

</div>

</li>

</ul>

<script type="text/javascript" src="script2.js"></script>

(20)

<?php

include "../../include/conf_user.php";

if($_SESSION['hak']=="siswa"){

$nis = $_SESSION['user'];

}else{

$id = mysql_fetch_array(mysql_query("SELECT idSiswa FROM wali_murid_has_siswa WHERE idwali_murid =

'$_SESSION[user]'"));

$nis = $id['idSiswa'];

}

$pilih = mysql_fetch_array(mysql_query("SELECT * FROM siswa WHERE idSiswa='$nis'"));

$id = mysql_fetch_array(mysql_query("SELECT idRuang_Kelas FROM ruang_kelas WHERE nama = '$pilih[kelas]'"));

$query = mysql_query("SELECT * FROM guru_has_mata_pelajaran NATURAL JOIN mata_pelajaran_has_ruang_kelas WHERE

idRuang_Kelas = '$id[idRuang_Kelas]'");

$kls = mysql_fetch_array(mysql_query("SELECT nama FROM ruang_kelas WHERE idRuang_Kelas = '$id[idRuang_Kelas]'"));

//Copyright © 2011 Andi Sholihin

?>

<div align="center">

<h1><div align="center">Jadwal Pelajaran <?php if($kls['nama']!=""){echo "Kelas $kls[nama]";} ?></div></h1><br />

(21)

<hr><br />

<script type="text/javascript" src="js/tinybox.js"></script>

<link rel="stylesheet" href="js/style.css" />

<link rel="stylesheet" href="style2.css" />

<body>

<div class="page" id="tablewrapper">

<div id="tableheader">

<div class="search">

<select id="columns"

onChange="sorter.search('query')"></select>

<input type="text" id="query" onKeyUp="sorter.search('query')" />

</div>

<span class="details">

<div>Hasil <span

id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>

<div><a

href="javascript:sorter.reset()">reset</a></div>

</span>

</div>

<table width="1000" border="0" cellpadding="0" cellspacing="0" class="tinytable" id="table">

<thead>

<tr>

<th width="48"><h3>No</h3></th>

<th width="101"><h3>Hari</h3></th>

(22)

<th width="186"><h3>Jam Pelajaran</h3></th>

<th width="242"><h3>Aslab Pengajar</h3></th>

<th width="81" class=nosort><h3>Foto Aslab </h3></th>

</tr>

</thead>

<tbody>

<?php

$i=1;

while ($hasil = mysql_fetch_array($query)){

$plj =

mysql_fetch_array(mysql_query("SELECT nama FROM mata_pelajaran WHERE idmata_pelajaran =

'$hasil[idmata_pelajaran]'"));

$guru =

mysql_fetch_array(mysql_query("SELECT * FROM guru WHERE idGuru = '$hasil[idGuru]'"));

echo"<tr align=\"center\">

<td>$i</td>

<td>$hasil[hari]</td>

<td>$plj[nama]</td>

<td>$hasil[jampelajaran]</td>

<td>$guru[nama]</td>

<td>

<a

onClick=\"tampil.box.show({image:'../../administrasi/$guru[f oto]',boxid:'frameless',animate:true,openjs:function(){openJ S()}})\" style=\"cursor:pointer\"><img src=icon/rinci.png border=0></a>

</td>

(23)

$i++;

}

//Copyright © 2011 Andi Sholihin, Achmad Fauzi & Qutsiyah (RPL Final Project)

?>

</tbody>

</table>

<div id="tablefooter">

<div id="tablenav">

<div>

<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />

<img src="images/previous.gif" width="16" height="16" alt="First Page"

onClick="sorter.move(-1)" />

<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />

<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />

</div>

<div>

<select id="pagedropdown"></select>

</div>

<div>

<a href="javascript:sorter.showall()">view all</a>

</div>

</div>

(24)

<div>

<select

onChange="sorter.size(this.value)">

<option value="5">5</option>

<option value="10" selected="selected">10</option>

<option value="20">20</option>

<option value="50">50</option>

<option value="100">100</option>

</select>

<span>Data Per Halaman</span>

</div>

<div class="page">Halaman <span id="currentpage"></span> dari <span

id="totalpages"></span></div>

</div>

</div>

</div>

<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">

var sorter = new TINY.table.sorter('sorter','table',{

headclass:'head',

ascclass:'asc',

descclass:'desc',

evenclass:'evenrow',

oddclass:'oddrow',

evenselclass:'evenselected',

oddselclass:'oddselected',

(25)

size:10,

colddid:'columns',

currentid:'currentpage',

totalid:'totalpages',

startingrecid:'startrecord',

endingrecid:'endrecord',

totalrecid:'totalrecords',

hoverid:'selectedrow',

pageddid:'pagedropdown',

navid:'tablenav',

sortcolumn:0,

sortdir:1,

//sum:[8],

//avg:[6,7,8,9],

//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],

init:true

});

</script>

</body>

Akademik/siswa/lihat_nilai.php

<?php

include "../../include/conf_user.php";

if($_SESSION['hak']=="siswa"){

(26)

}else{

$id = mysql_fetch_array(mysql_query("SELECT idSiswa FROM wali_murid_has_siswa WHERE idwali_murid =

'$_SESSION[user]'"));

$nis = $id['idSiswa'];

}

//Copyright © 2011 Andi Sholihin

$ambil = mysql_query("SELECT * FROM siswa_has_mata_pelajaran WHERE idSiswa = '$nis' ORDER BY thn_ajaran DESC");

?>

<div align="right">

<h1><div align="center">Rekapitulasi Nilai Siswa</div></h1><br />

<table border="0" align="center">

</table></div>

<hr>

<div align="center">

<table border="0">

<tr>

<td width="130">Nama Lengkap </td>

<td width="11">:</td>

<td width="207"><?php $sql =

mysql_fetch_array(mysql_query("SELECT * FROM siswa WHERE idSiswa = '$nis'"));

echo $sql['nama'];

?></td>

</tr>

<tr>

<td>Kelas</td>

(27)

<td><?php echo $sql['kelas'];?></td>

</tr>

<tr>

<td>Alamat</td>

<td>:</td>

<td><?php echo $sql['alamat'];?></td>

</tr>

</table><hr />

</div>

<br />

<link rel="stylesheet" href="style2.css" />

<body>

<div class="page" id="tablewrapper">

<div id="tableheader">

<div class="search">

<select id="columns"

onChange="sorter.search('query')"></select>

<input type="text" id="query" onKeyUp="sorter.search('query')" />

</div>

<span class="details">

<div>Hasil <span

id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>

<div><a

href="javascript:sorter.reset()">reset</a></div>

</span>

</div>

(28)

<thead>

<tr>

<th width="46"><h3>No</h3></th>

<th width="210"><h3>Mata Pelajaran</h3></th>

<th width="103"><h3>Semester</h3></th>

<th width="122"><h3>Tahun Ajaran</h3></th>

<th width="114"><h3>Nilai Tugas</h3></th>

<th width="138"><h3>Nilai Kuis</h3></th>

<th width="148"><h3>Nilai UAS</h3></th>

<th width="119"><h3>Nilai Rata-rata</h3></th>

</tr>

</thead>

<tbody>

<?php

$i=1;

while ($nilai= mysql_fetch_array($ambil)){

$plj =

mysql_fetch_array(mysql_query("SELECT nama FROM mata_pelajaran WHERE idmata_pelajaran = '$nilai[idmata_pelajaran]'"));

$i++;

echo"<tr align=\"center\">

<td>$i</td>

<td>$plj[nama]</td>

<td>$nilai[semester]</td>

<td>$nilai[thn_ajaran]</td>

(29)

<td>$nilai[Kuis]</td>

<td>$nilai[UAS]</td>

<td>$nilai[rata]</td>

</tr>";

}

?>

</tbody>

</table>

<div id="tablefooter">

<div id="tablenav">

<div>

<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />

<img src="images/previous.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1)" />

<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />

<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />

</div>

<div>

<select id="pagedropdown"></select>

</div>

<div>

<a href="javascript:sorter.showall()">view all</a>

</div>

</div>

(30)

<div>

<select

onChange="sorter.size(this.value)">

<option value="5">5</option>

<option value="10"

selected="selected">10</option>

<option value="20">20</option>

<option value="50">50</option>

<option value="100">100</option>

</select>

<span>Data Per Halaman</span>

</div>

<div class="page">Halaman <span id="currentpage"></span> dari <span

id="totalpages"></span></div>

</div>

</div>

</div>

<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">

var sorter = new TINY.table.sorter('sorter','table',{

headclass:'head',

ascclass:'asc',

descclass:'desc',

evenclass:'evenrow',

oddclass:'oddrow',

evenselclass:'evenselected',

oddselclass:'oddselected',

(31)

size:10,

colddid:'columns',

currentid:'currentpage',

totalid:'totalpages',

startingrecid:'startrecord',

endingrecid:'endrecord',

totalrecid:'totalrecords',

hoverid:'selectedrow',

pageddid:'pagedropdown',

navid:'tablenav',

sortcolumn:0,

sortdir:1,

//sum:[8],

//avg:[6,7,8,9],

//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],

init:true

});

</script>

</body>

Akademik/guru/lihat_jadwal.php

<?php

include "../../include/conf_user.php";

if($_SESSION['hak']=="guru"){

$idguru = $_SESSION['user'];

(32)

$jadwal = mysql_query("SELECT * FROM guru_has_mata_pelajaran NATURAL JOIN mata_pelajaran_has_ruang_kelas WHERE

idGuru='$idguru'");

//Copyright © 2012 Andi Sholihin

?>

<div align="center">

<h1><div align="center">Jadwal Mengajar</div></h1><br />

</div>

<hr><br />

<script type="text/javascript" src="js/tinybox.js"></script>

<link rel="stylesheet" href="js/style.css" />

<link rel="stylesheet" href="style2.css" />

<body>

<div class="page" id="tablewrapper">

<div id="tableheader">

<div class="search">

<select id="columns"

onChange="sorter.search('query')"></select>

<input type="text" id="query" onKeyUp="sorter.search('query')" />

</div>

<span class="details">

<div>Hasil <span

id="startrecord"></span>-<span id="endrecord"></span> dari <span id="totalrecords"></span></div>

<div><a

href="javascript:sorter.reset()">reset</a></div>

(33)

</div>

<table width="1000" border="0" cellpadding="0" cellspacing="0" class="tinytable" id="table">

<thead>

<tr>

<th width="62"><h3>No</h3></th>

<th width="117"><h3>Hari</h3></th>

<th width="151"><h3>Kelas</h3></th>

<th width="459"><h3>Mata Pelajaran</h3></th>

<th width="210"><h3>Jam Pelajaran</h3></th>

</tr>

</thead>

<tbody>

<?php

$i=1;

while($val=mysql_fetch_array($jadwal)){

$kls=mysql_fetch_array(mysql_query("select nama from ruang_kelas where idRuang_Kelas='$val[idRuang_Kelas]'"));

$pel=mysql_fetch_array(mysql_query("select nama from mata_pelajaran where

idmata_pelajaran='$val[idmata_pelajaran]'"));

echo "

<tr>

<td>$i</td>

<td>$val[hari]</td>

<td>$kls[nama]</td>

(34)

<td>$val[jampelajaran]</td>

</tr>

";

$i++;

}

?>

</tbody>

</table>

<div id="tablefooter">

<div id="tablenav">

<div>

<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />

<img src="images/previous.gif" width="16" height="16" alt="First Page"

onClick="sorter.move(-1)" />

<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />

<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />

</div>

<div>

<select id="pagedropdown"></select>

</div>

<div>

<a href="javascript:sorter.showall()">view all</a>

</div>

(35)

<div id="tablelocation">

<div>

<select

onChange="sorter.size(this.value)">

<option value="5">5</option>

<option value="10" selected="selected">10</option>

<option value="20">20</option>

<option value="50">50</option>

<option value="100">100</option>

</select>

<span>Data Per Halaman</span>

</div>

<div class="page">Halaman <span id="currentpage"></span> dari <span

id="totalpages"></span></div>

</div>

</div>

</div>

<script type="text/javascript" src="script.js"></script>

<script type="text/javascript">

var sorter = new TINY.table.sorter('sorter','table',{

headclass:'head',

ascclass:'asc',

descclass:'desc',

evenclass:'evenrow',

oddclass:'oddrow',

evenselclass:'evenselected',

(36)

paginate:true,

size:10,

colddid:'columns',

currentid:'currentpage',

totalid:'totalpages',

startingrecid:'startrecord',

endingrecid:'endrecord',

totalrecid:'totalrecords',

hoverid:'selectedrow',

pageddid:'pagedropdown',

navid:'tablenav',

sortcolumn:0,

sortdir:1,

//sum:[8],

//avg:[6,7,8,9],

//columns:[{index:7, format:'%', decimals:1},{index:8, format:'$', decimals:0}],

init:true

});

</script>

Referensi

Dokumen terkait

Peraturan Daerah Propinsi Istimewa Yogyakarta Nomor 9 Tahun 1984, tentang Pembentukan Lembaga Musyawarah Desa se Propinsi Daerah Istimewa Yogyakarta.. Keputusan

hasilkan penurunan risiko yang bermakna pada dini pada infeksi HIV primer dapat menghasilkan perubahan perilaku pada orang-orang dengan HIV yang akan meminimalkan

NPL/NPF = Non performing loan / Non Performing Finance, BIC = Bank Indonesia Certiicate, SBIC = Sharia Bank Indonesia Certiicate, BI_rate = Bank Indonesia rate, Exch_ rate

Dengan mempertimbangkan pembuatan bumbu arsik yang rumit dan rasanya yang khas dengan menggunakan andaliman, asam gelugur, dan bahan-bahan lainnya yang

[r]

Jahe juga sering dimanfaatkan sebagai bumbu masakan yang digunakan untuk memberi rasa dan aroma pada makanan.. Jahe juga dapat memberikan efek rasa panas di perut sehingga

In Malaysian schools where English is as a second language, as reported by Mukundan (2004), the textbook is and has always been an important aspects of teaching as teachers

Kita harus memaksa diri (dipaksa, didorong, dianjurkan,dianjurkan seperti diinstruksikan kalau kita mengikuti latihan membaca cepat) untuk dapat menambah kecepatan dalam