• Tidak ada hasil yang ditemukan

Sistem Informasi Kesiswaan Berbasis Web Sekolah Yapim Sei Gelugur

N/A
N/A
Protected

Academic year: 2019

Membagikan "Sistem Informasi Kesiswaan Berbasis Web Sekolah Yapim Sei Gelugur"

Copied!
40
0
0

Teks penuh

(1)

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

(2)

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

(3)

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>

(4)

</div>

<div class="center_content"> <div class="left_content"> <div class="title">

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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>&nbsp;</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

(5)

<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() {

(6)

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();

(7)

<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>

(8)

<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>&nbsp;</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>&nbsp;</p>

<img src="images/bullet5.gif"/>NEWS </div>

(9)

<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>&nbsp;</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>

(10)

</div><!--end of center content--> <div class="footer">

<div class="left_footer">Copyright 2014 <br> Design By Selly Selviani

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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'])) {

(11)

$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>

(12)

<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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;

(13)

//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> ';

(14)

}

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() {

(15)

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>

(16)

<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>&nbsp;</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();

(17)

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>&nbsp;</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>&nbsp;</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>

(18)

<div class="clear"></div>

</div><!--end of center content--> <div class="footer">

<div class="left_footer">Copyright 2014 <br> Design By Selly Selviani

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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>

(19)

<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; VISI DAN MISI</p>

</div>

(20)

<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>

(21)

<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>

(22)

<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>&nbsp;</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");

(23)

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>&nbsp;</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>&nbsp;</p>

<img src="images/edit.gif" alt="" title="" />Kata Mutiara </div> <table border="1" >

<tr>

<td><marquee scrolldelay="100" loop="100000" direction="up"> <ul>

(24)

<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

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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>

(25)

</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>

(26)

<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

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">

(27)

<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++;

(28)

<?

//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() {

(29)

// 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>

(30)

<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>

Referensi

Dokumen terkait

Pengaruh Latihan Double Leg Bound Dan Latihan Side Hop Terhadap Peningkatan Power Otot Tungkai Pada Atlet Futsal SMA-SMK Yapim Taruna Sei Rotan Tahun 2016..

Dengan adanya internet akan memudahkan penyampaian informasi karena dapat diakses dengan mudah..

Sistem Informasi Akademik ini diharapkan akan memudahkan pengolahan data siswa, guru, jadwal dan nilai sehingga dapat diperoleh hasil yang cepat, tepat dan

Maka diperlukan data yang dapat memberikan informasi kost dan kontrakan dengan cepat, mudah, dan murah. Informasi kost dan kontrakan yang diberikan akan memudahkan pengunjung

Aplikasi dapat memberikan pelayanan informasi yang lebih mudah dan akurat kepada seluruh pengguna yang meliputi: nilai matapelajaran, jadwal kegiatan dan aktifitas pelajaran

Sistem Penilaian ini adalah sistem yang memudahkan guru dan staf SMAN 1 Sei Suka dalam pengurusan data - data seperti data guru, data siswa, data mata pelajaran, data siswa dan

Sistem penilaian kepuasan siswa terhadap pelayanan sekolah di SMA N 1 Candimulyo ini digunakan untuk memudahkan siswa dalam mengisi angket secara terkomputerisasi dan

Tujuannya adalah untuk menciptakan sebuah sistem informasi perpustakan berbasis web yang dapat memberikan informasi perpustakaan yang cepat, tepat, dan akurat untuk anggota