Sistem Informasi Kesiswaan Berbasis Web Sekolah Yapim Sei Gelugur

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 : Dekanat@FMIPA.USU.AC.ID

  

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

  TANGGAL PEMBAHASAN PADA PARAF DOSEN

No ASSISTEN ASSISTEN MENGENAI KETERANGAN

PEMBIMBING

   Kartu ini harap dikembalikan kejurusan Matematika Bila Bimbingan Mahasiswa telah Selesai.

  Diketahui Disetujui Ketua Program Studi D3 Pembimbing Utama/ Teknik Informatika Penanggung Jawab Dr. Elly Rosmaini, M.Si Drs. Marihat Situmorang, M.Kom NIP 196005201985032002 NIP. 196312141989031001

  .

  

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 Drs.Marihat Situmorang,M.Kom NIP: 196312141989031001

  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 src="images/dvgregr.jpg" height="200" width="200" border="0" class="float- img"></div>

  <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() { $("div.scrollable").scrollable({ 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: 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(); 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="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 right content-->

  </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() { $jx132('div#rotator ul li').css({opacity: 0.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: 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"

  <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(); if(nyear<1000) nyear=nyear+1900; if(nhour == 0) {ap = " ";nhour = 00;} else if(nhour <= 11) {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>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