LISTING PROGRAM. 1. Home.php. <?php session_start(); $pengguna = $_SESSION["pengguna"];

(1)

LISTING PROGRAM

1. Home.php <?php session_start(); $pengguna = $_SESSION["pengguna"]; if($pengguna==""){ header("location: login.php"); } else{ ?> <html> <?php include"modul/head.php" ?> <body> <div class="all">

(2)

<?php } ?> 2. Jump.php <?php session_start(); if($_GET[menu]=="home"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="profil"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="sejarah"){ include"readmore/profil_sejarah_singkat.php";} elseif($_GET[menu]=="visi_misi"){ include"readmore/profil_visi_misi.php";} elseif($_GET[menu]=="motto"){ include"readmore/profil_motto.php";} elseif($_GET[menu]=="tata"){ include"readmore/profil_tata_tertib.php";} elseif($_GET[menu]=="kegiatan"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="keorganisasian"){ include"readmore/kegiatan_keorganisasian.php";} elseif($_GET[menu]=="ekstrakulikuler"){ include"readmore/kegiatan_ekstrakulikuler.php";} elseif($_GET[menu]=="personalia"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="pemimpin"){ include"readmore/personalia_pemimpin.php";} elseif($_GET[menu]=="pengajar"){ include"readmore/personalia_pengajar.php";} elseif($_GET[menu]=="kesiswaan"){ include"isi-content/halaman1/halaman1.php";} elseif($_GET[menu]=="siswa"){ include"readmore/kesiswaan_siswa.php";} elseif($_GET[menu]=="siswa1"){ include"readmore/kesiswaan_siswa1.php";} elseif($_GET[menu]=="siswa2"){ include"readmore/kesiswaan_siswa2.php";} elseif($_GET[menu]=="siswa3"){ include"readmore/kesiswaan_siswa3.php";} elseif($_GET[menu]=="siswa4"){ include"readmore/kesiswaan_siswa4.php";} elseif($_GET[menu]=="siswa5"){

(3)

include"readmore/kesiswaan_siswa5.php";} elseif($_GET[menu]=="fitur"){ include"isi-content/halaman1/halaman1.php";} elseif ($_GET[menu]=="halaman1") { include"isi-content/halaman1/halaman1.php";} elseif ($_GET[menu]=="halaman2") { include"isi-content/halaman2/halaman2.php";} elseif ($_GET[menu]=="halaman3") { include"isi-content/halaman3/halaman3.php";} elseif ($_GET[menu]=="halaman4") { include"isi-content/halaman4/halaman4.php";} elseif ($_GET[menu]=="page1") { include"readmore/Sarjana_Mendidik_Kelak_Jadi_Dasar_Pen gangkatan_Guru.php";} elseif ($_GET[menu]=="page1-1") { include"readmore/Mendikbud_Belajar_Jangan_Selalu_di_Ke las.php";} elseif ($_GET[menu]=="page1-2") { include"readmore/Jokowi_Pendidikan_Kunci_Majunya_Sebua h_Daerah.php";} elseif ($_GET[menu]=="page2") { include"readmore/Dituding_Manfaatkan_Soal_UN_Jokowi_M_ Nuh_Dipikir_Saya_Senang.php";} elseif ($_GET[menu]=="page2-1") { include"readmore/SBY_Seluruh_Anak_Indonesia_Berhak_Dap at_Pendidikan.php";} elseif ($_GET[menu]=="page2-2") { include"readmore/Potret_Pendidikan_Daerah_Terpencil.ph p";} elseif ($_GET[menu]=="pengantar") { include"readmore/pengantar.php";} elseif ($_GET[menu]=="logout") { include"logout.php";} ?> 3. Koneksi.php <?php $conn = mysql_connect("localhost","root",""); $db = mysql_select_db("tugas_akhir",$conn); ?> 4. Login.php <?php error_reporting();

(4)

session_start();

unset($_SESSION["pengguna"]); ?>

" Welcome to Login "</div> <div class="margin"></div>

<form action="proses_login.php" method="post"> <input type="text" name="user"

class="inputusername" placeholder="Username" /><br /> <input type="password" name="pass"

class="inputpassword" placeholder="Password" /><br><br> <input type="submit" name="submit" class="sign_in" value="SIGN IN">

</form></div>

<a href="register.php" style="font-size: 16px; font-family: 'Times New Roman', Times, serif";>Create a new

Account</a></div>

<div class="footer"><a href="">copyright © Fachrozi Fahmi</a></div> </body> </center> </html> 5. Logout <?php session_start(); session_destroy(); header('location: login.php'); ?> 6. Proses_Login.php

(5)

<?php error_reporting(0); $user = $_POST['user']; $pass = $_POST['pass']; mysql_connect("localhost","root",""); mysql_select_db("tugas_akhir");

$sql = mysql_query("select * from register where user = '$user' && pass = '$pass'");

$query = mysql_num_rows($sql); if($query!=1){

session_start();

$_SESSION["pengguna"]=$user; header("location: login.php");

echo "<br> *Data Yang Anda Masukkan Salah"; } else{ session_start(); $_SESSION["pengguna"]=$user; header("location: home.php?menu=home");} ?> 7. Proses_Register.php <?php error_reporting(0); include"koneksi.php"; $id = $_POST['id']; $user = $_POST['user']; $pass = $_POST['pass']; $nama = $_POST['nama']; $agama = $_POST['agama']; $kelamin = $_POST['kelamin']; $ttl = $_POST['ttl']; $sekolah = $_POST['sekolah'];

$sql = mysql_query("insert into register

values('$id','$user','$pass','$nama','$agama','$kelamin','$t tl','$sekolah')"); if($sql){ header("location: login.php");} else{ header("location: register.php");} ?>

(6)

8. Register.php <? include("koneksi.php"); ?> <html> <head> <style> body{background:url(img_login/register.jpg); background-size:cover; padding-top: 350px;} .daftar{borderradius: 4px; backgroundimage: -moz-linear-gradient( - 90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%); backgroundimage: -webkit-linear-gradient( -90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%); background image: -ms-linear-gradient( -90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%); opacity: 0.902; width: 112px; height:

50px; z-index: 5; float:right; color:#40740C; padding:10px; font-

size:25px; margin-right:0px; text-align:center; color:#4B8F01;

font-size:22px; text-decoration:none; margin-top:0px;} .daftar:hover{text-decoration:none; color:#40740C; opacity: 1;} </style> </head> <body>

<tr style="background-color:rgb(11,64,11)"> <td colspan="2"><div align="center" style="color:white;">Please Register</div></td></tr> <tr> <td width="168"

(7)

<tr> <td bgcolor="#FFFFCC"><div align="right">Password :</div></td> <td bgcolor="#FFFFCC"><label for="pass"></label> <input name="pass" type="password" id="pass" size="30" maxlength="20" /></td></tr>

<tr>

<td bgcolor="#FFFFCC"><div align="right">Nama Lengkap :</div></td>

<input name="nama" type="text" id="nama" size="30" maxlength="50" /></td></tr> <tr> <td bgcolor="#FFFFCC"><div align="right">Agama :</div></td> <td bgcolor="#FFFFCC"><select name="agama"> <option value="" selected="selected">Pilih</option> <option value="Islam">Islam</option> <option value="Protestan">Protestan</option> <option value="Khatolik">Khatolik</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> </select></td> </tr> <tr> <td bgcolor="#FFFFCC"><div align="right">Jenis Kelamin :</div></td> <td bgcolor="#FFFFCC"><select name="kelamin"> <option value="" selected="selected">Pilih</option> <option value="Laki-Laki">Laki-Laki</option> <option value="Perempuan">Perempuan</option> </select></td> </tr> <tr>

(8)

<td bgcolor="#FFFFCC"><div align="right">Tanggal Lahir :</div></td>

<tr>

<td bgcolor="#FFFFCC"><div align="right">Asal Sekolah :</div></td>

<tr>

<td><input type="submit" name="Submit" id="Submit" class="daftar" value="Daftar" /></td></tr> </table> </form> </body> </html> 9. Styles.php a{text-decoration: none;} * {margin: 0;}

body {color: #666666; background-image: url(images/bg-color.png); background-repeat: repeat; }

.main {margin: 0px; padding: 0px; width: 992px; height: auto;}

.header { width: 992px; margin: 20px 0px 15px 15px; border-radius:0px 0px 8px 8px; height: 130px; background-image: url(images/bg-header.jpg); margin-top:15px; border: 1px solid #999; -webkit-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

/* Content */

.content {margin:0px 0px 15px 15px; width: 992px; height: auto; border-radius:8px;}

(9)

.content .left-content {float: left; width: 230px; height: 850px; background-image: url(images/left-right.png); border-radius: 8px; margin-right: 20px;}

.head-kalender{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; font-family: "Comic Sans MS", cursive; text-align: center; background-image:

url(images/bg-head-left-right.png); background-repeat: repeat; border-radius: 8px 8px 0px 0px; margin: 0 0 0 0; padding: 5px 0 0 0; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box--webkit-box-shadow: 1px 1px 10px #999;} .kalender{ float: left; width: 230px; height: 200px;

image: url(images/bg-left-right.png); background-repeat: repeat; margin: 0 0 10px 0; border-radius: 0 0 10px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.head-archive{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; font-family: "Comic Sans MS", cursive; text-align: center; background-image:

url(images/bg-head-left-right.png); border-radius: 8px 8px 0px 0px; margin: 0 0 0 0; padding: 5px 0 0 0; border: 1px solid #999; -webkit-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.archive{float: left; width: 210px; height:

366px;background-image: url(images/bg-left-right.png); margin: 0 0 10px 0; padding-left: 20px; border-radius: 0 0 10px 10px;border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.head-statistik{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; font-family: "Comic Sans MS", cursive; text-align: center; background-image:

url(images/bg-head-left-right.png); border-radius: 8px 8px 0px 0px; padding: 5px 0 0 0; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.statis{ float: left; width: 230px; height: 146px;

image: url(images/bg-left-right.png); background-color: #CDCDCD margin: 0 0 10px 0; border-radius: 0 0 10px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

(10)

.content .mid-content { float: left; width: 492px; height: 780px; background-image: url(images/bg-halaman.png);

background-repeat: repeat; border-radius: 8px; font-weight: bold; color: black; margin-top: 15px; padding-bottom: 20px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.content .selanjutnya { float: left; width: 720px; height: 760px; background-image: url(images/bg-content.png);

background-repeat: repeat; border-radius: 8px; font-weight: bold; color: black; font-size: 26px; margin-top: 15px;

padding-top: 20px; padding-bottom: 20px; padding-left: 20px; font-weight: bold; border: 1px solid #999;

-webkit-box-shadow: 1px 1px 3px #999; box--webkit-box-shadow: 1px 1px 10px #999;} .marquee{ float: left; width: 740px; height: 28px;

background-image: url(images/bg-head-left-right.png); border-radius: 8px 8px 8px 8px; padding-top: 5px; color:rgb(0,0,0); border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box--webkit-box-shadow: 1px 1px 10px #999;} .mid{ text-align:justify; width: 472px; height: 737px; margin-bottom: 10px;

background-image:url(images/bg-content.png); background-repeat: repeat; border-radius: 8px; padding:10px 10px 10px 10px; border: 1px solid #999;

-webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.content .right-content { float: left; width: 220px; height: 800px; background-image: url(images/left-right.png); border-radius: 8px; margin-left:20px; padding-top: 15px;

background-color:}

.head-learning{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999; font-family: "Comic Sans MS", cursive; text-align: center; background-image: url(images/bg-head-left-right.png); border-radius: 8px 8px 0px 0px; padding: 5px 0 0 0;}

.learning{ float: left; width: 215px; height: 105px;

background-image: url(images/bg-left-right.png); margin: 0 0 10px 0; padding: 15px 0px 0px 15px; border-radius: 0 0 10px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

(11)

.head-kata-pengantar{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; font-family: "Comic Sans MS", cursive; text-align: center; background-image: url(images/bg-head-left-right.png); border-radius: 8px 8px 0px 0px; padding: 5px 0 0 0; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.pengantar{ float: left; width: 170px; height: 350px;

background-image: url(images/bg-left-right.png); margin: 0 0 10px 0; padding: 10px 0 0 60px; border-radius: 0 0 10px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.kalimat{ margin-left: -50px; padding-right: 10px;}

.head-tamu{ float: left; width: 230px; height: 31px; color: rgb(0,0,0); font-size: 17px; font-family: "Comic Sans MS", cursive; text-align: center; background-image:

url(images/bg-head-left-right.png); border-radius: 8px 8px 0px 0px; padding: 5px 0 0 0; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.tamu{ float: left; width: 203px; height: 136px; background-image: url(images/bg-left-right.png); margin: 0 0 10px 0; padding: 4px 0px 0px 27px; border-radius: 0 0 10px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

/* End Content */

.footer { float: left; width: 992; height: 90px; background-color: rgb(153,153,153); border-radius: 0 0 10px 10px; margin:15px 0px 0px 15px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 10px #999;}

.menu-akhir{ text-align:center; text-decoration: none; family: "Comic Sans MS", cursive; size: 11px; font-weight: bold; color: black; z-index: 1px; margin-top: 5px;} .menu-akhir strong{ border: none; list-style: none;}

.menu-akhir strong a{ text-decoration: none; color: #FFFFFF:}

(12)

.akhir-menu strong a:hover{ text-decoration: none; border-bottom: 3px solid #FFF;}

/*!-- Slider --!*/

.all { width:1025px; height: 1570; background-image: url(images/left-right.png); margin: 15px 0px 15px 161px; padding-top:5px; border-radius: 0px 0px 8px 8px; border: 1px solid #999; -webkit-shadow: 1px 1px 3px #999;

box-shadow: 1px 1px 10px #999;}

#slider { position: relative; margin:0px 0px 0px 15px; width: 972px; height: 300px; padding: 10px; background-color: rgb(191,188,192); border-radius: 8px; border: 1px solid #999; -webkit-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;

}

.slider-content { position: relative; margin: 0; width: 992px; height: 300px; overflow: hidden; z-index: 1; } .slider-content ul { list-style-type: none; position: relative; overflow: hidden; }

.slider-content ul li, #slider .jcarousel-clip { width: 972px; height: 300px; position: relative; }

#slider #slider-prev, #slider #slider-next { position:

absolute; top: 112px; width: 45px; height: 79px; display: block; fontsize: 0; lineheight: 0; textindent:

-4000px; z-index: 2; }

#slider #slider-prev {left: 7px; background: url(images/slider1-prev.png) no-repeat 0 0;} #slider #slider-next {right: 7px; background: url(images/slider1-next.png) no-repeat 0 0;}

.slider-pagination { position: absolute; bottom: 20px; right: 52px; z-index: 2;}

.slider-pagination ul { list-style-type: none;}

.slider-pagination ul li { float: left; display: inline; width: 22px; height: 22px; margin-right: 5px; }

.slider-pagination ul li a { width: 22px; height: 22px; display: block; background:

(13)

url(images/slider1-pagination.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.slider-pagination ul li a:hover ,.slider-pagination ul li a.active { background:

url(images/slider1-pagination-hover.png) no-repeat 0 0; }

#slider.project-slider ,#slider.project-slider .slider-content ,#slider.project-slider .slider-.slider-content ul li, #slider.project-slider .jcarousel-clip { width: 617px; height: 328px; }

#slider.project-slider { border: 3px solid #d9d9d9; margin: 13px 0 10px; }

#slider.projectslider #sliderprev { top: 125px; left: -10px; background: url(images/project-slider-prev.png) no-repeat 0 0; }

#slider.projectslider #slidernext { top: 125px; right: -9px; background: url(images/project-slider-next.png) no-repeat 0 0; }

/*!-- End Slider --!*/ /* SECOND BLOG STYLE */

.blog-second { list-style: none; margin: 0;}

.blog-second li { width: 482px; height: auto; margin: -10px 0 20px -45px; padding: 0 0 20px 0; position: relative; background: url(isi-content/halaman1/img/bg.jpg) repeat;} .blog-second li .title { background:

url(isi-content/halaman1/img/fromblog-head.png) no-repeat; text-decoration: none; width: 460px; height: 56px; display: block; color: #fff; font-weight: 400; font-size: 15px; text-shadow: 2px 1px 0px #000; padding-left: 30px; line-height: 4; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}

.blog-second li .title:hover { color: #fff !important; text-decoration: none; padding-left: 40px; }

.blog-second li .date { margin-left: 490px; width: 52px; height: 56px; display: block; background:

(14)

url(isi-content/halaman1/img/events-date.png) no-repeat; position: relative; text-align: center; position: absolute; top: 0px; left: -60px; font-size: 10px; color: #c5c5c5; line-height: 7.9;}

.blog-second li .date strong { font-size: 22px; color: #fff; margin: 0; padding: 0; position: absolute; top: 23px; left: 14px; line-height: 0;}

.blog-second li a.readmore { color: #7c7c7c; text-decoration:none; margin-left: 30px;}

.blog-second li a.img { width: 590px; height: 155px; overflow: hidden; border: none; margin: 5px 0 0 5px; opacity: .7;}

.blog-second li a.img img { display: block;}

.blog-second li a.img:hover { opacity: 1; border: none !important;}

.blog-second a.img:hover img { -webkit-transform: scale(1.0) !important; -moz-transform: scale(1.0) !important; }

.blog-second p { display: block; width: 445px; margin-left: 30px;}

p { color: #797979; line-height: 1.6; margin: 5px 0 20px 0; text-align: justify; font-size: 13; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }

.blog-second a:hover{ color: #fc5a2a !important; } /* END SECOND BLOG STYLE */

.halaman{ margin:12px; font-size:15px; }

.halaman a{ padding: 5px; background:#990000; -moz-border-radius:5px; -webkit-border--moz-border-radius:5px; border:1px solid #FFA500; font-size:10px; font-weight:bold; color:#FFF; text-decoration:none; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.menu { width: 990px; height: 70px; margin-left: 15px; border-radius:8px 8px 8px 8px; background:

(15)

border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999; }

.menu h1.logo { color: #fff; font-size: 25px; font-weight: 400; float: left; margin: 45px 0 0 30px;}

.mainnav { list-style: none; float: left; margin-top: 20px; margin-right: 30px; }

.mainnav li { display: inline; float: left; position: relative;}

.mainnav li a { color: #d6d6d6; font-weight: 400; text-decoration: none; padding: 5px 10px 5px 10px; display:

block; float: left; position: relative; text-shadow: 1px 1px 0px #000; margin: 0 10px 0 0; border-radius: 3px;

border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o--moz-transition: all .3s ease; -ms-transition: all .3s ease; -ms-transition: all .3s ease; border: 1px solid #999; -webkit-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999; }

.mainnav li a:hover { background: #717171; color: #fff !important; }

.mainnav li a.active { background: #717171; color: #fff !important; }

.mainnav li:hover ul.subnav { visibility: visible; opacity: 1; top: 45px; }

.mainnav li ul.subnav { display:block; visibility: hidden; position:absolute; left: 50%; top: 60px; z-index:40; list-style:none; height:auto; width:158px; margin-left: -79px; padding:0; box-shadow: 0px 0px 5px #686868;

-webkit-transition: all .3s ease; -moz--webkit-transition: all .3s ease; -o-transition: all .3s ease; -ms--o-transition: all .3s ease; transition: all .3s ease; opacity: 0;}

.mainnav li ul.subnav:before { background-image:

url(images/subnav-top.png); background-repeat: no-repeat; position: absolute; top: -17px; left: 0px; content:"\0020"; display: block; width: 158px; height: 17px; }

.mainnav li ul.subnav li { display:inline;}

.mainnav li ul.subnav li:last-child { border-bottom-left-radius: 5px; border-bottom-right-border-bottom-left-radius: 5px; }

(16)

.mainnav li ul.subnav li a { display:inline-block; text-align: center; margin: 0px; padding: 0px;background: url(images/subnav-bg.jpg) no-repeat; float:left; font-weight:normal; width: 158px; height: 38px; line-height: 3; border-radius: 0px; -moz-border-radius: 0px;

webkittransition: color 0.3s ease; webkittransition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: all .3s ease; -o-transition: color .3s ease; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999; }

.mainnav li ul.subnav li a:hover { color:#fff !important; } .username { float: right; padding: 10px 0px 0px 0px; margin: 0px; font-family: Helvetica; font-size: 1.2em; color: white; width: 300px; height: 30px;}

.username ul{ float: right; margin: -10px 0px 0px 0px; padding: 0px; list-style: none;}

.username li { float: right; padding-top: 25px;}

.username li a { float: right; padding: 5px 35px 4px 10px; width: 30px; height: 31px; family: Comic Sans MS; font-size: 0.9em; color: white; text-decoration: none; borderradius: 10px; textalign: center; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;}

.username li a:hover { background-image: url(images/bg-content.png); color: black; border-radius: 10px;}

.selanjutnya{ width:740px; height: 940px; margin-top: 30px; border: 1px solid #999;-webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;} 10. Tables.php <html> <head> <title>Data Tables</title> </head> <body>

<br><h3>Data Siswa<small></h3><hr style="border:1px solid black;"><br>

(17)

<?php

mysql_connect('localhost','root','') or die ("koneksi gagal");

mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); ?> <?php $limit = 10; if(isset($_GET['offset'])){ $offset = $_GET['offset']; }else{ $offset = 0; } $no = $offset + 1;

$users = mysql_query("SELECT * FROM data_guru ORDER BY id DESC LIMIT $offset, $limit")or die(mysql_error());

if(mysql_num_rows($users) == 0 ){ echo '<h1>Tidak ada data yang bisa ditampilkan.</h1>';

}else{

echo "<table width='700'

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>Nama</td><td>Agama</td><td>Jab atan</td><td>Ijazah</td><td>Jurusan</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->nama</td><td>$user- >agama</td><td>$user->jabatan</td><td>$user->ijazah</td><td>$user->jurusan</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_guru") );

$banyak_halaman = ceil($banyak_content/$limit);

//pilih data dari tabel siswa $x1="select * from data_guru"; //ambil query tampilkan

(18)

//tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); ?> <tr> <td bgcolor="#8FB793" colspan="4"><div

align="center"><strong>Jumlah siswa saat ini adalah</strong> </div></td>

<td bgcolor="#8FB793" colspan="3"

align="center"><div align="center"><b><? echo $jumlah; ?> orang</b></div></td>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html> 11. Tables_Siswa_X_1.php <html> <head> <title>Data Tables</title> </head> <body>

<?php

mysql_select_db('tugas_akhir')or die ("database tidak ditemukan");

?>

<?php

(19)

if(isset($_GET['offset'])){ $offset = $_GET['offset']; }else{ $offset = 0; } $no = $offset + 1;

$users = mysql_query("SELECT * FROM data_siswa_x_1 ORDER BY induk ASC LIMIT $offset, $limit")or die(mysql_error());

}else{

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>No Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_x_1") );

//pilih data dari tabel siswa

$x1="select * from data_siswa_x_1"; //ambil query tampilkan

$hitung=mysql_query($x1);

//tampilkan data dalam bentuk array di tabel

$jumlah=mysql_num_rows($hitung); ?>

<tr>

<td bgcolor="#8FB793" colspan="4"><div

(20)

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html> 12. Tables_Siswa_X_2.php <html> <head> <title>Data Tables</title> </head> <body>

<?php

(21)

$users = mysql_query("SELECT * FROM data_siswa_x_2 ORDER BY induk ASC LIMIT $offset, $limit")or die(mysql_error());

}else{

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>No Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_x_2") );

//pilih data dari tabel siswa

$x1="select * from data_siswa_x_2"; //ambil query tampilkan

$hitung=mysql_query($x1);

<tr>

</tr>

<?php

(22)

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html> 13. Tables_Siswa_XI_IPA_1.php <html> <head> <title>Data Tables</title> </head> <body>

<?php

$users = mysql_query("SELECT * FROM data_siswa_xi_ipa_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

(23)

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>No Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xi_ipa_1") );

//pilih data dari tabel siswa $x1="select * from

data_siswa_xi_ipa_1";

//ambil query tampilkan $hitung=mysql_query($x1);

<tr>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> ";

(24)

} } ?> </body> </html> 14. Tables_Siswa_XI_IPS_1.Php <html> <head> <title>Data Tables</title> </head> <body>

<?php

$users = mysql_query("SELECT * FROM data_siswa_xi_ips_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

}else{

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr

align='center'><td>No</td><td>No

Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>";

(25)

echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xi_ips_1") );

data_siswa_xi_ips_1";

<tr>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html>

(26)

15. Tables_Siswa_XII_IPA_1.php <html> <head> <title>Data Tables</title> </head> <body>

<?php

$users = mysql_query("SELECT * FROM data_siswa_xii_ipa_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

}else{

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>No Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>";

(27)

}

$banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xii_ipa_1") );

data_siswa_xii_ipa_1";

<tr>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html> 16. Tables_Siswa_XII_IPS_1.Php <html> <head> <title>Data Tables</title> </head> <body>

(28)

<?php

$users = mysql_query("SELECT * FROM data_siswa_xii_ips_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error());

}else{

border='1' cellpadding='5' cellspacing='0' align='center'>"; echo "<tr align='center'><td>No</td><td>No Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){ echo "<tr><td align='center'>$no</td><td>$user->induk</td><td>$user- >nama</td><td>$user->agama</td><td>$user->kelamin</td><td>$user->lahir</td></tr>"; $no++; } echo "</table>"; } $banyak_content = mysql_num_rows( mysql_query("SELECT * FROM data_siswa_xii_ips_1") );

(29)

$x1="select * from data_siswa_xii_ips_1";

<tr>

</tr>

<?php

echo "Halaman : ";

for( $i=1; $i<=$banyak_halaman; $i++ ){ $link = ( $i - 1 ) * $limit; if($offset == $link){ echo $i; }else{ echo " <a href='?menu=siswa&offset=".$link."'>$i</a> "; } } ?> </body> </html>