DEPARTEMEN PENDIDIKAN NASIONAL
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA)JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 8214290s MEDAN – 20155, EMAIL : [email protected]
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa
: Sellly Selviani
Nomor Stambuk
: 112406135
Judul Tugas Akhir
: Sistem Informasi Kesiswaan
Berbasis
Web Pada SMA YAPIM Sei Gelugur
Dosen Pembimbing
: Drs. Marihat Situmorang, M.Kom
Tanggal Mulai Bimbingan
: ………
Tanggal Selesai Bimbingan
: ………
No
TANGGAL ASSISTEN BIMBINGAN
PEMBAHASAN PADA ASSISTEN MENGENAI
PADA BAB
PARAF DOSEN
PEMBIMBING KETERANGAN
Kartu ini harap dikembalikan kejurusan Matematika
Bila Bimbingan Mahasiswa telah Selesai.
Diketahui
Disetujui
Ketua Program Studi D3
Pembimbing Utama/
Teknik Informatika
Penanggung Jawab
SURAT KETERANGAN
Hasi Uji Program Tugas akhir
Yang bertanda tangan dibawah ini, menerangkan bahawa Mahasiswa Tugas Akhir Program Studi Diploma III Teknik Informatika:
Nama : Selly Selviani
Nim : 112406135
Program Studi :D3 Teknik Informatika
Judul Tugas Akhir : Sistem Informasi Kesiswaan Berbasis Web Pada SMA
YAPIM Sei Gelugur
Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas pada
Tanggal Juni 2014
Dengan Hasil : Sukses/Gagal
Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan
Medan Juni 2014
Dosen Pembimbing
Lampiran 5
Listing Program
Index.php
<html> <head>
<title>SMA YAPIM SEI GLUGUR</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="java script/menu_kiri.js"></script> </head>
<body>
<div id="wrap"> <div class="header"> <div id="menu"> <ul>
<li class="selected"><a href="index.php">Home</a></li> <li><a href="Visi dan Misi.php">Visi dan Misi</a></li> <li><a href="#">Data Siswa</a>
<ul>
<li><a href="Kelas X.php">Kelas X</a></li> <li><a href="Kelas XI.php">Kelas XI</a></li> <li><a href="Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="#">Absensi</a> <ul>
<li><a href="Absensi Kelas X.php">Kelas X</a></li> <li><a href="Absensi Kelas XI.php">Kelas XI</a></li> <li><a href="Absensi Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="Fasilitas.php">Fasilitas</a></li> <li><a href="Gallery.php">Gallery</a></li> <li><a href="#">Ekstrakulikuler</a>
<ul>
<li><a href="Drum Band.php">Drum Band</a></li> <li><a href="Paskibra.php">Paskibra</a></li> <li><a href="Futsal.php">Futsal</a></li> <li><a href="Basket.php">Basket</a></li> <li><a href="Nasyid.php">Nasyid</a></li> </ul>
</li>
<li><a href="Prestasi.php">Prestasi</a></li> <li><a href="account.php">Account</a></li> </ul>
</div>
<div class="center_content"> <div class="left_content"> <div class="title">
<p> &nb sp; &nbs p;
SMA YAPIM SEI GLUGUR</p> </div>
<div class="feat_prod_box"> <div class="box_center">
<p class="details"><img src="images/sekolah.jpg" width="475"><br><br> Puji dan syukur kita panjatkan
kehadirat Allah SWT karena berkat kasih sayang-Nya sehingga diberi kemudahan untuk menyelesaikan pembuatan Website SMA YAPIM SEI GLUGUR. Hingga saat ini keberadaan SMA YAPIM SEI GLUGUR di tengah-tengah masyarakat
sangat dibutuhkan. Untuk memenuhi tuntutan masyarakat dan orangtua siswa, berbagai upaya telah dilakukan untuk meningkatkan kualitas SMA
YAPIM SEI GLUGUR. Salah satunya adalah dengan pembuatan Website. Sesuai dengan kemajuan teknologi dan informasi pihak sekolah melalui
Website akan memberikan informasi kepada masyarakat tentang keberadaan SMA YAPIM SEI GLUGUR. Disamping itu, kehadiran Website SMA YAPIM
SEI GLUGUR akan memudahkan sekolah untuk memberikan pelayanan akan informasi dan data tentang SMA YAPIM SEI GLUGUR kepada masyarakat dengan mudah, cepat dan akurat. Semoga dengan sistem informasi ini dapat mempermudah pihak sekolah.</p>
</div> </div>
<div class="titlex"> <p> </p>
<p><span class="title_icon"><img src="images/bullet2.gif" alt="" title="" /></span><strong>News Update</strong></p>
</div>
<div class="new_products">
<script src="java script/jquery_scroll.js"></script> <div class="scrollable">
<!-- root element for the items -->
<div class="items"><br>
<div style="opacity: 1; "><img
src="images/yjykjuk.jpg" height="200" width="200" border="1" class="float-img"></div>
<div style="opacity: 1; "><img
<div style="opacity: 1; "><img src="images/ee.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/ee5.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/ggr.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/hthyj.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img
src="images/hyhtyjy.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/juyju.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/jyjyjy.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/pramuka.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/rgregr.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/444.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/tgrthty.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/yjuuyj.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/ththy.jpg" height="200" width="200" border="0" class="float-img"></div>
<div style="opacity: 1; "><img src="images/trt.jpg" height="200" width="200" border="1" class="float-img"></div>
<div style="opacity: 1; "><img src="images/ththy.jpg" height="200" width="200" border="1" class="float-img"></div>
<div style="opacity: 1; "><img src="images/rgrgrg.jpg" height="200" width="200" border="1" class="float-img"></div>
</div> </div> <br clear="all">
<!-- javascript coding -->
<script>
$(function() {
loop: true, speed: 600,
onBeforeSeek: function() {
this.getItems().fadeTo(300, 0.2); },
// Ketika melihat akhir resume, item akan menjadi transparan onSeek: function() {
this.getItems().fadeTo(300, 1); }
}); });
</script>
</div>
<div class="clear"></div> </div><!--end of left content--> <div class="right_content"> <div class="cart"><br></div>
<script src="java script/jquery_scroll.js"></script> <script type="text/javascript" src="java
script/jquery.min.js"></script>
<script type="text/javascript">
var $jx132 = jQuery.noConflict();
</script>
<script type="text/javascript"> $jx132(function theRotator() {
$jx132('div#rotator ul li').css({opacity: 0.0}); $jx132('div#rotator ul li:first').css({opacity: 1.0}); setInterval('rotate()',4000);
});
function rotate() {
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
next.css({opacity: 0.0}) .addClass('show')
.animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show');
};
$jx132(document).ready(function() { theRotator();
<div class="about"> <div id="rotator">
<ul>
<li style="opacity: 0; " class="show"><img src="images/kepala3.jpg" width="297"></a></li>
<li style="opacity: 1; " class=""><img src="images/guru/A.png" width="297" height="188"></a></li>
<li style="opacity: 2; " class=""><img src="images/guru/B.png" width="297" height="188"></a></li>
<li style="opacity: 3; " class=""><img src="images/guru/c.png" width="297" height="188"></a></li>
<li style="opacity: 4; " class=""><img src="images/guru/d.jpg" width="297" height="188"></a></li>
<li style="opacity: 5; " class=""><img src="images/guru/E.png" width="297" height="188"></a></li>
<li style="opacity: 6; " class=""><img src="images/guru/f.png" width="297" height="188"></a></li>
<li style="opacity: 7; " class=""><img src="images/guru/g.jpg" width="297" height="188"></a></li>
<li style="opacity: 8; " class=""><img src="images/guru/h.png" width="297" height="188"></a></li>
<li style="opacity: 9; " class=""><img src="images/guru/i.jpg" width="297" height="188"></a></li>
<li style="opacity: 10; " class=""><img src="images/guru/j.png" width="297" height="188"></a></li>
<li style="opacity: 11; " class=""><img src="images/guru/k.png" width="297" height="188"></a></li>
<li style="opacity: 12; " class=""><img src="images/guru/n.jpg" width="297" height="188"></a></li>
<li style="opacity: 13; " class=""><img src="images/guru/o.png" width="297" height="188"></a></li>
<li style="opacity: 14; " class=""><img src="images/guru/Q.jpg" width="297" height="188"></a></li>
<li style="opacity: 15; " class=""><img src="images/guru/qw.png" width="297" height="188"></a></li>
<li style="opacity: 16; " class=""><img src="images/guru/S.jpg" width="297" height="188"></a></li>
<li style="opacity: 17; " class=""><img src="images/guru/T.png" width="297" height="188"></a></li>
<li style="opacity: 18; " class=""><img src="images/guru/u.png" width="297" height="188"></a></li>
<li style="opacity: 19; " class=""><img src="images/guru/v.png" width="297" height="188"></a></li>
<li style="opacity: 20; " class=""><img src="images/guru/W.png" width="297" height="188"></a></li>
<li style="opacity: 22; " class=""><img src="images/guru/y.jpg" width="297" height="188"></a></li>
<li style="opacity: 23; " class=""><img src="images/guru/z.png" width="297" height="188"></a></li>
</ul>
</div> </div>
<div class="box"> <p> </p>
<div style="border: 2px;font-family: Arial;font-size:18px;color: #blue;padding: 3px;width: 315px;text-align: center;">
<script type="text/javascript"> tday =new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); tmonth=new
Array("Januari","Februari","Maret","April","Mei","Juni","July","Agustus","Septe mber","Oktober","November","Desember");
function GetClock(){ d = new Date(); nday = d.getDay(); nmonth = d.getMonth(); ndate = d.getDate(); nyear = d.getYear(); nhour = d.getHours(); nmin = d.getMinutes(); nsec = d.getSeconds();
if(nyear<1000) nyear=nyear+1900; if(nhour == 0) {ap = " ";nhour = 00;} else if(nhour <= 11) {ap = " ";} else if(nhour == 12) {ap = " ";}
else if(nhour >= 13) {ap = " ";nhour += 00;}if(nmin <= 9) {nmin = "0" +nmin;}
if(nsec <= 9) {nsec = "0" +nsec;}
document.getElementById('clockbox').innerHTML=" "+tday[nday]+" "+ndate+" "+tmonth[nmonth]+" "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+""; setTimeout("GetClock()", 1000);}window.onload=GetClock;</script><div id="clockbox"></div>
</div> </div>
<div class="_box"> <div class="titlex"> <p> </p>
<img src="images/bullet5.gif"/>NEWS </div>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Form Persyaratan Pendaftaran Siswa Baru yapim Sei Glugur priode
2014-2015</a></td>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Daftar hasil seleksi penerimaan beasiswa siswa yapim Sei Glugur</a></td>
<td width="277"><a href="http://jobstreet.co.id" target="_blank">Info Lowongan kerja dari perusahaan terbaru bulan Juni 2014</a></td>
</tr> </table>
</div>
<div class="tambahan" > <div class="titley" > <p> </p>
<img src="images/edit.gif" alt="" title="" />Kata Mutiara </div> <table border="1" >
<tr>
<td><marquee scrolldelay="500" loop="100000" direction="up"> <ul>
<li>Tiada kata seindah doa</li>
<li>Seekor Burung di tangan akan beribu-ribu lebih berarti dibandingkan ribuan burung di alam bebas</li>
<li>Sebaik-baik manusia yang paling bermanfaat bagi orang lain"</li> <li>Manusia bijak bukanlah manusia yang tidak pernah salah, namun manusia yang jika iya salah ia akan mengkoreksi diri dan kembali membangun kekuatan untuk menjadi lebih baik lagi dari hari ini "</li>
<li>Masa lalu tidak akan pernah terulang, maka jangan pernah merenung dan menyesalinya, karena masa depan mu masih cerah</li>
<li>Pendidikan adalah senjata yang paling mematikan, karena dengan itu kamu dapat merubah dunia (Nelson Mandela)</li>
<li>Kecerdasan dan karakter adalah tujuan sejati pendidikan</li> <li>Anak-anak harus diajarkan bagaimana harus berfikir, bukan apa yang harus dipikir</li>
<li>Tidak penting seberapa lambat anda berjalan, selama anda tidak berhenti</li>
<li>Pendidikan bukanlah proses mengisi wadah yang kosong, pendidikan adalah proses menyalakan api pemikiran </li>
<li>Seseorang yang berhenti belajar, adalah orang yang lanjut usia, meskipun umurnya masih muda</li>
<li>Seseorang yang tidak pernah berhenti belajar, akan selamanya menjadi pemuda</li>
</ul> </marquee> </td> </tr> </table> </div>
</div><!--end of center content--> <div class="footer">
<div class="left_footer">Copyright 2014 <br> Design By Selly Selviani
<a href="https://www.twitter.com" target="_blank"><img
src="images/tw.png" width="33" height="22"></a>
<a href="https://www.facebook.com" target="_blank"><img src="images/FaceBook-icon.jpg"width="33" height="22"></a> <a href="http://www.google.com" target="_blank"><img src="images/google.png" width="33" height="22"></a> <a href="http://www.gmail.com" target="_blank"><img src="images/email.png" width="33" height="22"></a> </div>
</div> </body> </html>
KelasX.php /*mewakili semua kelas/
<?
error_reporting(0); session_start();
include "koneksi.php";
if(isset($_POST['cari'])) {
$carix = "select * from kelas10 where no_induk='$cnis'"; $cari=mysql_query($carix);
if($cari) {
header("location:Tampil siswaX.php?nis=$cnis"); exit;
} }
?>
<html> <head>
<title>SMA YAPIM SEI GLUGUR</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="java script/menu_kiri.js"></script> </head>
<body>
<div id="wrap"> <div class="header"> <div id="menu"> <ul>
<li><a href="index.php">Home</a></li>
<li><a href="Visi dan Misi.php">Visi dan Misi</a></li> <li><a href="#">Data Siswa</a>
<ul>
<li><a href="Kelas X.php">Kelas X</a></li> <li><a href="Kelas XI.php">Kelas XI</a></li> <li><a href="Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="#">Absensi</a> <ul>
<li><a href="Absensi Kelas X.php">Kelas X</a></li> <li><a href="Absensi Kelas XI.php">Kelas XI</a></li> <li><a href="Absensi Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="Fasilitas.php">Fasilitas</a></li> <li><a href="Gallery.php">Gallery</a></li> <li><a href="#">Ekstrakulikuler</a>
<ul>
<li><a href="Drum Band.php">Drum Band</a></li> <li><a href="Paskibra.php">Paskibra</a></li> <li><a href="Futsal.php">Futsal</a></li> <li><a href="Basket.php">Basket</a></li> <li><a href="Nasyid.php">Nasyid</a></li> </ul>
<li><a href="Prestasi.php">Prestasi</a></li> <li><a href="account.php">Account</a></li> </ul>
</div> </div>
<div class="center_content"> <div class="left_content"> <div class="title">
<p>
DATABASE SISWA KELAS X</p></div> <div class="feat_prod_box">
<div class="box_center"> <p class="details">
<form id="form2" name="form2" method="post">
<table width="210" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td width="50"><div align="center"><img src="images/cari.png" width="30" height="30" /></div></td>
<td width="180"><input name="cnis" type="text" id="cnis" size="10" />
<input name="cari" type="submit" id="cari" value="Cari" /></td> </tr>
</table>
<table width="550" border="1" align="center" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF">
<tr valign="top" bgcolor="#0099FF"> <td><div align="center">No</div></td> <td><div align="center">No Induk</div></td> <td><div align="center">NAMA</div></td> <td><div align="center">L/P</div></td>
<td><div align="center">TEMPAT/ TGL LAHIR</div></td> <td><div align="center">ALAMAT</div></td>
</tr> <?
$per_page = 10;
$page_query = mysql_query("SELECT COUNT(*) FROM kelas10");
$pages = ceil(mysql_result($page_query, 0) / $per_page);
$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1;
//pilih data dari tabel siswa
$x="select * from kelas10 LIMIT $start, $per_page";
//ambil query tampilkan $tampil=mysql_query($x);
//tampilkan data dalam bentuk array di tabel $no=1;
while ($data=mysql_fetch_array($tampil)) {
?> <tr>
<td><div align="center"><? echo $no;?></div></td>
<td><div align="center"><a href="Tampil siswaX.php?nis=<? echo $data['no_induk'];?>"><? echo $data['no_induk']; ?></a></div></td>
<td><? echo $data['nama']; ?></td>
<td><div align="center"><? echo $data['jenkel']; ?></div></td> <td><div align="center"><? echo $data['ttl']; ?></div></td>
<td><div align="center"><? echo $data['alamat']; ?></div></td>
<? $no++;
} ?> </tr> <?
//pilih data dari tabel siswa
$x1="select * from kelas10"; //ambil query tampilkan $hitung=mysql_query($x1);
//tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); ?>
<tr>
<td bgcolor="#0099FF" colspan="4"><div
align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td> <td bgcolor="#0099FF" colspan="3" align="center"><div
align="center"><b><? echo $jumlah; ?> orang</b></div></td> </tr>
<tr>
<td colspan="7"> <?php
echo"<center>"; echo"PREV ";
if($pages >= 1 && $page <= $pages){
for($x=1; $x<=$pages; $x++){
echo ($x == $page) ?' <b><a
href="?page='.$x.'">'.$x.'</a></b> ' : ' <a href="?page='.$x.'">'.$x.'</a> ';
}
echo" NEXT</center>"; ?>
</td> </tr> </table> </form> </p> </div> </div>
<div class="new_products">
<script src="java script/jquery_scroll.js"></script> <br clear="all">
<!-- javascript coding -->
<script>
$(function() {
$("div.scrollable").scrollable({ interval: 2000,
loop: true, speed: 600,
onBeforeSeek: function() {
this.getItems().fadeTo(300, 0.2); },
// Ketika melihat akhir resume, item akan menjadi transparan onSeek: function() {
this.getItems().fadeTo(300, 1); }
}); });
</script>
</div>
<div class="clear"></div> </div><!--end of left content--> <div class="right_content"> <div class="cart"><br></div>
<script src="java script/jquery_scroll.js"></script> <script type="text/javascript" src="java
script/jquery.min.js"></script>
<script type="text/javascript">
var $jx132 = jQuery.noConflict();
</script>
<script type="text/javascript"> $jx132(function theRotator() {
setInterval('rotate()',4000); });
function rotate() {
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
next.css({opacity: 0.0}) .addClass('show')
.animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show');
};
$jx132(document).ready(function() { theRotator();
}); </script>
<div class="about"> <div id="rotator">
<ul>
<li style="opacity: 0; " class="show"><img src="images/kepala3.jpg" width="297"></a></li>
<li style="opacity: 1; " class=""><img src="images/guru/A.png" width="297" height="188"></a></li>
<li style="opacity: 2; " class=""><img src="images/guru/B.png" width="297" height="188"></a></li>
<li style="opacity: 3; " class=""><img src="images/guru/c.png" width="297" height="188"></a></li>
<li style="opacity: 4; " class=""><img src="images/guru/d.jpg" width="297" height="188"></a></li>
<li style="opacity: 5; " class=""><img src="images/guru/E.png" width="297" height="188"></a></li>
<li style="opacity: 6; " class=""><img src="images/guru/f.png" width="297" height="188"></a></li>
<li style="opacity: 7; " class=""><img src="images/guru/g.jpg" width="297" height="188"></a></li>
<li style="opacity: 8; " class=""><img src="images/guru/h.png" width="297" height="188"></a></li>
<li style="opacity: 9; " class=""><img src="images/guru/i.jpg" width="297" height="188"></a></li>
<li style="opacity: 10; " class=""><img src="images/guru/j.png" width="297" height="188"></a></li>
<li style="opacity: 11; " class=""><img src="images/guru/k.png" width="297" height="188"></a></li>
<li style="opacity: 13; " class=""><img src="images/guru/o.png" width="297" height="188"></a></li>
<li style="opacity: 14; " class=""><img src="images/guru/Q.jpg" width="297" height="188"></a></li>
<li style="opacity: 15; " class=""><img src="images/guru/qw.png" width="297" height="188"></a></li>
<li style="opacity: 16; " class=""><img src="images/guru/S.jpg" width="297" height="188"></a></li>
<li style="opacity: 17; " class=""><img src="images/guru/T.png" width="297" height="188"></a></li>
<li style="opacity: 18; " class=""><img src="images/guru/u.png" width="297" height="188"></a></li>
<li style="opacity: 19; " class=""><img src="images/guru/v.png" width="297" height="188"></a></li>
<li style="opacity: 20; " class=""><img src="images/guru/W.png" width="297" height="188"></a></li>
<li style="opacity: 21; " class=""><img src="images/guru/x.png" width="297" height="188"></a></li>
<li style="opacity: 22; " class=""><img src="images/guru/y.jpg" width="297" height="188"></a></li>
<li style="opacity: 23; " class=""><img src="images/guru/z.png" width="297" height="188"></a></li>
</ul>
</div> </div>
<div class="box"> <p> </p>
<div style="border: 2px;font-family: Arial;font-size:18px;color: #blue;padding: 3px;width: 315px;text-align: center;">
<script type="text/javascript"> tday =new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); tmonth=new
Array("Januari","Februari","Maret","April","Mei","Juni","July","Agustus","Septe mber","Oktober","November","Desember");
function GetClock(){ d = new Date(); nday = d.getDay(); nmonth = d.getMonth(); ndate = d.getDate(); nyear = d.getYear(); nhour = d.getHours(); nmin = d.getMinutes(); nsec = d.getSeconds();
else if(nhour >= 13) {ap = " ";nhour += 00;}if(nmin <= 9) {nmin = "0" +nmin;}
if(nsec <= 9) {nsec = "0" +nsec;}
document.getElementById('clockbox').innerHTML=" "+tday[nday]+" "+ndate+" "+tmonth[nmonth]+" "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+""; setTimeout("GetClock()", 1000);}window.onload=GetClock;</script><div id="clockbox"></div>
</div> </div>
<div class="_box"> <div class="titlex"> <p> </p>
<img src="images/bullet5.gif"/>NEWS </div>
<table width="331"> <tr>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Form Persyaratan Pendaftaran Siswa Baru yapim Sei Glugur priode
2014-2015</a></td>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Daftar hasil seleksi penerimaan beasiswa siswa yapim Sei Glugur</a></td>
<td width="277"><a href="http://jobstreet.co.id" target="_blank">Info Lowongan kerja dari perusahaan terbaru bulan Juni 2014</a></td>
</tr> </table>
</div>
<div class="tambahan" > <div class="titley" > <p> </p>
<img src="images/edit.gif" alt="" title="" />Kata Mutiara </div> <table border="1" >
<tr>
<td><marquee scrolldelay="100" loop="100000" direction="up"> <ul>
<li>Tiada kata seindah doa</li>
<li>Seekor Burung di tangan akan beribu-ribu lebih berarti dibandingkan ribuan burung di alam bebas</li>
<li>Sebaik-baik manusia yang paling bermanfaat bagi orang lain"</li> <li>Manusia bijak bukanlah manusia yang tidak pernah salah, namun manusia yang jika iya salah ia akan mengkoreksi diri dan kembali membangun kekuatan untuk menjadi lebih baik lagi dari hari ini "</li>
</ul> </marquee> </td> </tr> </table> </div>
<div class="clear"></div>
</div><!--end of center content--> <div class="footer">
<div class="left_footer">Copyright 2014 <br> Design By Selly Selviani
<a href="https://www.twitter.com" target="_blank"><img
src="images/tw.png" width="33" height="22"></a>
<a href="https://www.facebook.com" target="_blank"><img src="images/FaceBook-icon.jpg"width="33" height="22"></a> <a href="http://www.google.com" target="_blank"><img src="images/google.png" width="33" height="22"></a> <a href="http://www.gmail.com" target="_blank"><img src="images/email.png" width="33" height="22"></a> </div>
</div> </body> </html>
Visi dan Misi.php
<html> <head>
<title>SMA YAPIM SEI GLUGUR</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="java script/menu_kiri.js"></script> </head>
<div id="wrap"> <div class="header"> <div id="menu"> <ul>
<li><a href="index.php">Home</a></li>
<li class="selected"><a href="Visi dan Misi.php">Visi dan Misi</a></li> <li><a href="#">Data Siswa</a>
<ul>
<li><a href="Kelas X.php">Kelas X</a></li> <li><a href="Kelas XI.php">Kelas XI</a></li> <li><a href="Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="#">Absensi</a> <ul>
<li><a href="Absensi Kelas X.php">Kelas X</a></li> <li><a href="Absensi Kelas XI.php">Kelas XI</a></li> <li><a href="Absensi Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="Fasilitas.php">Fasilitas</a></li> <li><a href="Gallery.php">Gallery</a></li> <li><a href="#">Ekstrakulikuler</a>
<ul>
<li><a href="Drum Band.php">Drum Band</a></li> <li><a href="Paskibra.php">Paskibra</a></li> <li><a href="Futsal.php">Futsal</a></li> <li><a href="Basket.php">Basket</a></li> <li><a href="Nasyid.php">Nasyid</a></li> </ul>
</li>
<li><a href="Prestasi.php">Prestasi</a></li> <li><a href="account.php">Account</a></li> </ul>
</div> </div>
<div class="center_content"> <div class="left_content"> <div class="title">
<p> &nb sp;
VISI DAN MISI</p>
</div>
<div class="box_center"> <p class="details">
<blockquote>VISI:</blockquote>
<ol type="disc"><li>Sebagai Lembaga Pendidikan Unggulan dan Mandiri Berpengetahuan Luas dan Berbudi Pekerti Luhur</li></ol>
<blockquote>MISI:</blockquote>
<ol><li>Memberikan dan menciptakan layanan Pendidikan pada Masyarakat.</li>
<li>Membentuk peserta didik melalui kegiatan pembelajaran yang Inovatif, Kreatif dan Menyenangkan.</li>
<li>Mengembangkan Kompetensi peserta didik yang santun, beretika dan berestetika tinggi.</li>
<li>Mempersiapkan peserta didik untuk melanjutkan ke jenjang Perguruan Tinggi.</li>
<li>Meningkatkan kwalitas KBM dalam mencapai Kompetensi siswa dan menuju sekolah berstandart Nasional.</li></ol>
<blockquote>MOTTO:</blockquote>
<ol><li> UNGGUL DALAM PRESTASI</li>
<li> BERSAMA KITA BISA</li></ol></p>
</div> </div>
<div class="new_products">
<script src="java script/jquery_scroll.js"></script> <br clear="all">
<!-- javascript coding -->
<script>
$(function() {
$("div.scrollable").scrollable({ interval: 2000,
loop: true, speed: 600,
onBeforeSeek: function() {
this.getItems().fadeTo(300, 0.2); },
// Ketika melihat akhir resume, item akan menjadi transparan onSeek: function() {
this.getItems().fadeTo(300, 1); }
}); });
</script>
</div>
<div class="cart"><br></div>
<script src="java script/jquery_scroll.js"></script> <script type="text/javascript" src="java
script/jquery.min.js"></script>
<script type="text/javascript">
var $jx132 = jQuery.noConflict();
</script>
<script type="text/javascript"> $jx132(function theRotator() {
$jx132('div#rotator ul li').css({opacity: 0.0}); $jx132('div#rotator ul li:first').css({opacity: 1.0}); setInterval('rotate()',4000);
});
function rotate() {
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
next.css({opacity: 0.0}) .addClass('show')
.animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show');
};
$jx132(document).ready(function() { theRotator();
}); </script>
<div class="about"> <div id="rotator">
<ul>
<li style="opacity: 0; " class="show"><img src="images/kepala3.jpg" width="297"></a></li>
<li style="opacity: 1; " class=""><img src="images/guru/A.png" width="297" height="188"></a></li>
<li style="opacity: 2; " class=""><img src="images/guru/B.png" width="297" height="188"></a></li>
<li style="opacity: 3; " class=""><img src="images/guru/c.png" width="297" height="188"></a></li>
<li style="opacity: 4; " class=""><img src="images/guru/d.jpg" width="297" height="188"></a></li>
<li style="opacity: 5; " class=""><img src="images/guru/E.png" width="297" height="188"></a></li>
<li style="opacity: 7; " class=""><img src="images/guru/g.jpg" width="297" height="188"></a></li>
<li style="opacity: 8; " class=""><img src="images/guru/h.png" width="297" height="188"></a></li>
<li style="opacity: 9; " class=""><img src="images/guru/i.jpg" width="297" height="188"></a></li>
<li style="opacity: 10; " class=""><img src="images/guru/j.png" width="297" height="188"></a></li>
<li style="opacity: 11; " class=""><img src="images/guru/k.png" width="297" height="188"></a></li>
<li style="opacity: 12; " class=""><img src="images/guru/n.jpg" width="297" height="188"></a></li>
<li style="opacity: 13; " class=""><img src="images/guru/o.png" width="297" height="188"></a></li>
<li style="opacity: 14; " class=""><img src="images/guru/Q.jpg" width="297" height="188"></a></li>
<li style="opacity: 15; " class=""><img src="images/guru/qw.png" width="297" height="188"></a></li>
<li style="opacity: 16; " class=""><img src="images/guru/S.jpg" width="297" height="188"></a></li>
<li style="opacity: 17; " class=""><img src="images/guru/T.png" width="297" height="188"></a></li>
<li style="opacity: 18; " class=""><img src="images/guru/u.png" width="297" height="188"></a></li>
<li style="opacity: 19; " class=""><img src="images/guru/v.png" width="297" height="188"></a></li>
<li style="opacity: 20; " class=""><img src="images/guru/W.png" width="297" height="188"></a></li>
<li style="opacity: 21; " class=""><img src="images/guru/x.png" width="297" height="188"></a></li>
<li style="opacity: 22; " class=""><img src="images/guru/y.jpg" width="297" height="188"></a></li>
<li style="opacity: 23; " class=""><img src="images/guru/z.png" width="297" height="188"></a></li>
</ul>
</div> </div>
<div class="box"> <p> </p>
<div style="border: 2px;font-family: Arial;font-size:18px;color: #blue;padding: 3px;width: 315px;text-align: center;">
<script type="text/javascript"> tday =new
Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu"); tmonth=new
Array("Januari","Februari","Maret","April","Mei","Juni","July","Agustus","Septe mber","Oktober","November","Desember");
d = new Date(); nday = d.getDay(); nmonth = d.getMonth(); ndate = d.getDate(); nyear = d.getYear(); nhour = d.getHours(); nmin = d.getMinutes(); nsec = d.getSeconds();
if(nyear<1000) nyear=nyear+1900; if(nhour == 0) {ap = " ";nhour = 00;} else if(nhour <= 11) {ap = " ";} else if(nhour == 12) {ap = " ";}
else if(nhour >= 13) {ap = " ";nhour += 00;}if(nmin <= 9) {nmin = "0" +nmin;}
if(nsec <= 9) {nsec = "0" +nsec;}
document.getElementById('clockbox').innerHTML=" "+tday[nday]+" "+ndate+" "+tmonth[nmonth]+" "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+""; setTimeout("GetClock()", 1000);}window.onload=GetClock;</script><div id="clockbox"></div>
</div> </div>
<div class="_box"> <div class="titlex"> <p> </p>
<img src="images/bullet5.gif"/>NEWS </div>
<table width="331"> <tr>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Form Persyaratan Pendaftaran Siswa Baru yapim Sei Glugur priode
2014-2015</a></td>
<td width="277"><a href="Brosur Baru TP 2014 2015.docx">Daftar hasil seleksi penerimaan beasiswa siswa yapim Sei Glugur</a></td>
<td width="277"><a href="http://jobstreet.co.id" target="_blank">Info Lowongan kerja dari perusahaan terbaru bulan Juni 2014</a></td>
</tr> </table>
</div>
<div class="tambahan" > <div class="titley" > <p> </p>
<img src="images/edit.gif" alt="" title="" />Kata Mutiara </div> <table border="1" >
<tr>
<td><marquee scrolldelay="100" loop="100000" direction="up"> <ul>
<li>Seekor Burung di tangan akan beribu-ribu lebih berarti dibandingkan ribuan burung di alam bebas</li>
<li>Sebaik-baik manusia yang paling bermanfaat bagi orang lain"</li> <li>Manusia bijak bukanlah manusia yang tidak pernah salah, namun manusia yang jika iya salah ia akan mengkoreksi diri dan kembali membangun kekuatan untuk menjadi lebih baik lagi dari hari ini "</li>
</ul> </marquee> </td> </tr> </table> </div>
</div><!--end of right content--> <div class="clear"></div>
</div><!--end of center content--> <div class="footer">
<div class="left_footer">Copyright 2014 <br> Design By Selly Selviani
<a href="https://www.twitter.com" target="_blank"><img
src="images/tw.png" width="33" height="22"></a>
<a href="https://www.facebook.com" target="_blank"><img src="images/FaceBook-icon.jpg"width="33" height="22"></a> <a href="http://www.google.com" target="_blank"><img src="images/google.png" width="33" height="22"></a> <a href="http://www.gmail.com" target="_blank"><img src="images/email.png" width="33" height="22"></a> </div>
</body> </html>
AbsensiX.php /*mewakili semua absensi/
<?
error_reporting(0); session_start();
include "koneksi.php";
if(isset($_POST['cari'])) {
$cnis=$_POST['cnis'];
$carix = "select * from kelas10 where no_induk='$cnis'"; $cari=mysql_query($carix);
}
if($cari) {
header("location:Tampil siswaX.php?nis=$cnis"); exit;
} ?>
<html> <head>
<title>SMA YAPIM SEI GLUGUR</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="java script/menu_kiri.js"></script> </head>
<body>
<div id="wrap"> <div class="header"> <div id="menu"> <ul>
<li><a href="index.php">Home</a></li>
<li><a href="Visi dan Misi.php">Visi dan Misi</a></li> <li><a href="#">Data Siswa</a>
<ul>
<li><a href="Kelas X.php">Kelas X</a></li> <li><a href="Kelas XI.php">Kelas XI</a></li> <li><a href="Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="Absensi Kelas X.php">Kelas X</a></li> <li><a href="Absensi Kelas XI.php">Kelas XI</a></li> <li><a href="Absensi Kelas XII.php">Kelas XII</a></li> </ul>
</li>
<li><a href="Fasilitas.php">Fasilitas</a></li> <li><a href="Gallery.php">Gallery</a></li> <li><a href="#">Ekstrakulikuler</a>
<ul>
<li><a href="Drum Band.php">Drum Band</a></li> <li><a href="Paskibra.php">Paskibra</a></li> <li><a href="Futsal.php">Futsal</a></li> <li><a href="Basket.php">Basket</a></li> <li><a href="Nasyid.php">Nasyid</a></li> </ul>
</li>
<li><a href="Prestasi.php">Prestasi</a></li> <li><a href="account.php">Account</a></li> </ul>
</div> </div>
<div class="center_content"> <div class="left_content"> <div class="title">
<p> &nb sp;
ABSENSI SISWA KELAS X</p></div> <div class="feat_prod_box">
<div class="box_center"> <p class="details">
<form id="form2" name="form2" method="post">
<table width="210" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td width="50"><div align="center"><img src="images/cari.png" width="30" height="30" /></div></td>
<td width="180"><input name="cnis" type="text" id="cnis" size="10" />
<input name="cari" type="submit" id="cari" value="Cari" /></td> </tr>
</table>
<table width="550" border="1" align="center" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF">
<td><div align="center">No</div></td> <td><div align="center">No Induk</div></td> <td><div align="center">NAMA</div></td> <td><div align="center">Sen</div></td> <td><div align="center">Sel</div></td> <td><div align="center">Rab</div></td> <td><div align="center">Kam</div></td> <td><div align="center">Jum</div></td> <td><div align="center">Sab</div></td> </tr>
<?
$per_page = 10;
$page_query = mysql_query("SELECT COUNT(*) FROM kelas10");
$pages = ceil(mysql_result($page_query, 0) / $per_page);
$page = (isset($_GET['page'])) ? (int)$_GET['page'] : 1;
$start = ($page - 1) * $per_page;
//pilih data dari tabel siswa
$x="select * from kelas10 LIMIT $start, $per_page";
//ambil query tampilkan $tampil=mysql_query($x);
//tampilkan data dalam bentuk array di tabel $no=1;
while ($data=mysql_fetch_array($tampil)) {
?> <tr>
<td><div align="center"><? echo $no;?></div></td>
<td><div align="center"><a href="Tampil siswaX.php?nis=<? echo $data['no_induk'];?>"><? echo $data['no_induk']; ?></a></div></td>
<td><? echo $data['nama']; ?></td>
<td><div align="center"><? echo $data['Sen']; ?></div></td> <td><div align="center"><? echo $data['Sel']; ?></div></td>
<td><div align="center"><? echo $data['Rab']; ?></div></td>
<td><div align="center"><? echo $data['Kam']; ?></div></td> <td><div align="center"><? echo $data['Jum']; ?></div></td> <td><div align="center"><? echo $data['Sab']; ?></div></td>
<? $no++;
<?
//pilih data dari tabel siswa
$x1="select * from kelas10"; //ambil query tampilkan $hitung=mysql_query($x1);
//tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); ?>
<tr>
<td bgcolor="#0099FF" colspan="3"><div
align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td> <td bgcolor="#0099FF" colspan="6" align="center"><div
align="center"><b><? echo $jumlah; ?> orang</b></div></td> </tr>
<tr>
<td colspan="9"> <?php
echo"<center>"; echo"PREV ";
if($pages >= 1 && $page <= $pages){
for($x=1; $x<=$pages; $x++){
echo ($x == $page) ?' <b><a
href="?page='.$x.'">'.$x.'</a></b> ' : ' <a href="?page='.$x.'">'.$x.'</a> ';
}
}
echo" NEXT</center>"; ?>
</td> </tr> </table> </form> </p> </div> </div>
<div class="new_products">
<script src="java script/jquery_scroll.js"></script> <br clear="all">
<!-- javascript coding -->
<script>
$(function() {
$("div.scrollable").scrollable({ interval: 2000,
loop: true, speed: 600,
onBeforeSeek: function() {
// Ketika melihat akhir resume, item akan menjadi transparan onSeek: function() {
this.getItems().fadeTo(300, 1); }
}); });
</script>
</div>
<div class="clear"></div> </div><!--end of left content--> <div class="right_content"> <div class="cart"><br></div>
<script src="java script/jquery_scroll.js"></script> <script type="text/javascript" src="java
script/jquery.min.js"></script>
<script type="text/javascript">
var $jx132 = jQuery.noConflict();
</script>
<script type="text/javascript"> $jx132(function theRotator() {
$jx132('div#rotator ul li').css({opacity: 0.0}); $jx132('div#rotator ul li:first').css({opacity: 1.0}); setInterval('rotate()',4000);
});
function rotate() {
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
next.css({opacity: 0.0}) .addClass('show')
.animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show');
};
$jx132(document).ready(function() { theRotator();
}); </script>
<div class="about"> <div id="rotator">
<ul>
<li style="opacity: 1; " class=""><img src="images/guru/A.png" width="297" height="188"></a></li>
<li style="opacity: 2; " class=""><img src="images/guru/B.png" width="297" height="188"></a></li>
<li style="opacity: 3; " class=""><img src="images/guru/c.png" width="297" height="188"></a></li>
<li style="opacity: 4; " class=""><img src="images/guru/d.jpg" width="297" height="188"></a></li>
<li style="opacity: 5; " class=""><img src="images/guru/E.png" width="297" height="188"></a></li>
<li style="opacity: 6; " class=""><img src="images/guru/f.png" width="297" height="188"></a></li>
<li style="opacity: 7; " class=""><img src="images/guru/g.jpg" width="297" height="188"></a></li>
<li style="opacity: 8; " class=""><img src="images/guru/h.png" width="297" height="188"></a></li>
<li style="opacity: 9; " class=""><img src="images/guru/i.jpg" width="297" height="188"></a></li>
<li style="opacity: 10; " class=""><img src="images/guru/j.png" width="297" height="188"></a></li>
<li style="opacity: 11; " class=""><img src="images/guru/k.png" width="297" height="188"></a></li>
<li style="opacity: 12; " class=""><img src="images/guru/n.jpg" width="297" height="188"></a></li>
<li style="opacity: 13; " class=""><img src="images/guru/o.png" width="297" height="188"></a></li>
<li style="opacity: 14; " class=""><img src="images/guru/Q.jpg" width="297" height="188"></a></li>
<li style="opacity: 15; " class=""><img src="images/guru/qw.png" width="297" height="188"></a></li>
<li style="opacity: 16; " class=""><img src="images/guru/S.jpg" width="297" height="188"></a></li>
<li style="opacity: 17; " class=""><img src="images/guru/T.png" width="297" height="188"></a></li>
<li style="opacity: 18; " class=""><img src="images/guru/u.png" width="297" height="188"></a></li>
<li style="opacity: 19; " class=""><img src="images/guru/v.png" width="297" height="188"></a></li>
<li style="opacity: 20; " class=""><img src="images/guru/W.png" width="297" height="188"></a></li>
<li style="opacity: 21; " class=""><img src="images/guru/x.png" width="297" height="188"></a></li>
<li style="opacity: 22; " class=""><img src="images/guru/y.jpg" width="297" height="188"></a></li>
<li style="opacity: 23; " class=""><img src="images/guru/z.png" width="297" height="188"></a></li>
</ul>