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

Transkripsi

1 1 LISTING PROGRAM 1. Home.php session_start(); $pengguna = $_SESSION["pengguna"]; if($pengguna==""){ header("location: login.php"); else{ <html> include"modul/head.php" <body> <div class="all"> <div class="header"> </div> <div class="main"> include"modul/menu.php" include"modul/slider.php"  <div class="content"> <div class="left-content"> include"modul/calendar.php" include"modul/archived.php" include"modul/statis.php" </div> include"modul/marquee.php" error_reporting(0); include"jump.php"; </div>  include"modul/footer.php" </div></div> </body> </html>

2 2 2. Jump.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 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 $conn = mysql_connect("localhost","root",""); $db = mysql_select_db("tugas_akhir",$conn); 4. Login.php error_reporting();

4 4 session_start(); unset($_session["pengguna"]); <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css_login/layout.css" /> <title>login</title> </head> <center> <body> <div class="welcometologin"> " Welcome to Login "</div> <div class="margin"></div> <div class="loginfrom"> <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> <div class="frombuttonlogin"><br> <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 session_start(); session_destroy(); header('location: login.php'); 6. Proses_Login.php

5 5 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 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 6 8. Register.php <? include("koneksi.php"); <html> <head> <style> body{background:url(img_login/register.jpg); background-size:cover; padding-top: 350px;.daftar{border-radius: 4px; background-image: - moz-linear-gradient( - 90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%); background-image: - webkit-linear-gradient( -90deg, rgb(166,202,113) 0%, rgb(255,255,255) 100%); background image: -ms-lineargradient( -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; fontsize:25px; marginright:0px; text-align:center; color:#4b8f01; font-size:22px; textdecoration:none; margin-top:0px;.daftar:hover{text-decoration:none; color:#40740c; opacity: 1; </style> </head> <body> <form id="form1" name="form1" method="post" action="proses_register.php"> <table width="500" border="0" align="center" cellpadding="0" cellspacing="5"> <tr style="background-color:rgb(11,64,11)"> <td colspan="2"><div align="center" style="color:white;">please Register</div></td></tr> <td width="168" bgcolor="#ffffcc"><div align="right">username :</div></td>

7 7 <td width="321" bgcolor="#ffffcc"><label for="user"></label> <input name="user" type="text" id="user" size="30" maxlength="20" /></td></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> <td bgcolor="#ffffcc"><div align="right">nama Lengkap :</div></td> <td bgcolor="#ffffcc"><label for="nama"></label> <input name="nama" type="text" id="nama" size="30" maxlength="50" /></td></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> <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>

8 8 <td bgcolor="#ffffcc"><div align="right">tanggal Lahir :</div></td> <td bgcolor="#ffffcc"><label for="ttl"></label> <input name="ttl" type="date" id="ttl" size="30" maxlength="50" /></td></tr> <td bgcolor="#ffffcc"><div align="right">asal Sekolah :</div></td> <td bgcolor="#ffffcc"><label for="sekolah"></label> <input name="sekolah" type="text" id="sekolah" size="30" maxlength="50" /></td></tr> <td> </td> <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/bgcolor.png); background-repeat: repeat;.main {margin: 0px; padding: 0px; width: 992px; height: auto;.header { width: 992px; margin: 20px 0px 15px 15px; borderradius:0px 0px 8px 8px; height: 130px; background-image: url(images/bg-header.jpg); margin-top:15px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; boxshadow: 1px 1px 10px #999; /* Content */.content {margin:0px 0px 15px 15px; width: 992px; height: auto; border-radius:8px;

9 9.content.left-content {float: left; width: 230px; height: 850px; background-image: url(images/left-right.png); borderradius: 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: ; padding: 5px 0 0 0; border: 1px solid #999; -webkit-boxshadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;.kalender{ float: left; width: 230px; height: 200px; background-image: url(images/bg-left-right.png); backgroundrepeat: repeat; margin: px 0; border-radius: px 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: ; padding: 5px 0 0 0; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; boxshadow: 1px 1px 10px #999;.archive{float: left; width: 210px; height: 366px;background-image: url(images/bg-left-right.png); margin: px 0; padding-left: 20px; border-radius: px 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; background-image: url(images/bg-left-right.png); backgroundcolor: #CDCDCD margin: px 0; border-radius: px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;

10 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-boxshadow: 1px 1px 3px #999; 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-boxshadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;.mid{ text-align:justify; width: 472px; height: 737px; margin-bottom: 10px; background-image:url(images/bgcontent.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); borderradius: 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; textalign: center; background-image: url(images/bg-head-leftright.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: px 0; padding: 15px 0px 0px 15px; border-radius: px 10px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;

11 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; backgroundimage: 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: px 0; padding: 10px px; border-radius: px 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; backgroundimage: url(images/bg-left-right.png); margin: px 0; padding: 4px 0px 0px 27px; border-radius: px 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; backgroundcolor: rgb(153,153,153); border-radius: px 10px; margin:15px 0px 0px 15px; border: 1px solid #999; -webkitbox-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 10px #999;.menu-akhir{ text-align:center; text-decoration: none; fontfamily: "Comic Sans MS", cursive; font-size: 11px; fontweight: 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 12.akhir-menu strong a:hover{ text-decoration: none; borderbottom: 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-box-shadow: 1px 1px 3px #999; boxshadow: 1px 1px 10px #999; #slider { position: relative; margin:0px 0px 0px 15px; width: 972px; height: 300px; padding: 10px; backgroundcolor: rgb(191,188,192); border-radius: 8px; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; boxshadow: 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; font-size: 0; line-height: 0; text-indent: px; 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: url(images/slider1-

13 13 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-paginationhover.png) no-repeat 0 0; #slider.project-slider,#slider.project-slider.slidercontent,#slider.project-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.project-slider #slider-prev { top: 125px; left: - 10px; background: url(images/project-slider-prev.png) norepeat 0 0; #slider.project-slider #slider-next { top: 125px; right: - 9px; background: url(images/project-slider-next.png) norepeat 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: px 0; position: relative; background: url(isi-content/halaman1/img/bg.jpg) repeat;.blog-second li.title { background: url(isicontent/halaman1/img/fromblog-head.png) no-repeat; textdecoration: none; width: 460px; height: 56px; display: block; color: #fff; font-weight: 400; font-size: 15px; textshadow: 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; textdecoration: none; padding-left: 40px;.blog-second li.date { margin-left: 490px; width: 52px; height: 56px; display: block; background: url(isi-

14 14 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; textdecoration: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-borderradius:5px; -webkit-border-radius:5px; border:1px solid #FFA500; font-size:10px; font-weight:bold; color:#fff; textdecoration: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: url(images/header-bg.jpg) no-repeat; position: relative;

15 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 px;.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; textdecoration: 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; -mozborder-radius: 3px; -webkit-transition: all.3s ease; -moztransition: all.3s ease; -o-transition: all.3s ease; -mstransition: all.3s ease; transition: all.3s ease; border: 1px solid #999; -webkit-box-shadow: 1px 1px 3px #999; boxshadow: 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; liststyle:none; height:auto; width:158px; margin-left: -79px; padding:0; box-shadow: 0px 0px 5px #686868; -webkittransition: all.3s ease; -moz-transition: all.3s ease; -otransition: all.3s ease; -ms-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-leftradius: 5px; border-bottom-right-radius: 5px;

16 16.mainnav li ul.subnav li a { display:inline-block; textalign: center; margin: 0px; padding: 0px;background: url(images/subnav-bg.jpg) no-repeat; float:left; fontweight:normal; width: 158px; height: 38px; line-height: 3; border-radius: 0px; -moz-border-radius: 0px; -webkittransition: color 0.3s ease; transition: 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; font-family: Comic Sans MS; fontsize: 0.9em; color: white; text-decoration: none; borderradius: 10px; text-align: 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/bgcontent.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 17 mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $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 "<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 $hitung=mysql_query($x1);

18 18 //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> 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> <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10;

19 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()); 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>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 "<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") ); $banyak_halaman = ceil($banyak_content/$limit); //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); <td bgcolor="#8fb793" colspan="4"><div align="center"><strong>jumlah siswa saat ini adalah</strong> </div></td>

20 20 <td bgcolor="#8fb793" colspan="3" align="center"><div align="center"><b><? echo $jumlah; orang</b></div></td> </tr> 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> <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10; if(isset($_get['offset'])){ $offset = $_GET['offset']; else{ $offset = 0; $no = $offset + 1;

21 21 $users = mysql_query("select * FROM data_siswa_x_2 ORDER BY induk ASC 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>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 "<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") ); $banyak_halaman = ceil($banyak_content/$limit); //pilih data dari tabel siswa $x1="select * from data_siswa_x_2"; //ambil query tampilkan $hitung=mysql_query($x1); //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> echo "Halaman : ";

22 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> <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10; if(isset($_get['offset'])){ $offset = $_GET['offset']; else{ $offset = 0; $no = $offset + 1; $users = mysql_query("select * FROM data_siswa_xi_ipa_1 ORDER BY induk DESC LIMIT $offset, $limit")or die(mysql_error()); if(mysql_num_rows($users) == 0 ){ echo '<h1>tidak ada data yang bisa ditampilkan.</h1>'; else{

23 23 echo "<table width='700' 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 "<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") ); $banyak_halaman = ceil($banyak_content/$limit); //pilih data dari tabel siswa $x1="select * from data_siswa_xi_ipa_1"; //ambil query tampilkan $hitung=mysql_query($x1); //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> 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 24 </body> </html> 14. Tables_Siswa_XI_IPS_1.Php <html> <head> <title>data Tables</title> </head> <body> <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10; if(isset($_get['offset'])){ $offset = $_GET['offset']; else{ $offset = 0; $no = $offset + 1; $users = mysql_query("select * FROM data_siswa_xi_ips_1 ORDER BY induk 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>no Induk</td><td>Nama</td><td>Agama</td><td>Jenis Kelamin</td><td>Tempat Lahir</td></tr>"; while($user=mysql_fetch_object($users)){

25 25 echo "<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") ); $banyak_halaman = ceil($banyak_content/$limit); //pilih data dari tabel siswa $x1="select * from data_siswa_xi_ips_1"; //ambil query tampilkan $hitung=mysql_query($x1); //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> 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 Tables_Siswa_XII_IPA_1.php <html> <head> <title>data Tables</title> </head> <body> <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10; if(isset($_get['offset'])){ $offset = $_GET['offset']; else{ $offset = 0; $no = $offset + 1; $users = mysql_query("select * FROM data_siswa_xii_ipa_1 ORDER BY induk 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>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 "<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 27 $banyak_content = mysql_num_rows( mysql_query("select * FROM data_siswa_xii_ipa_1") ); $banyak_halaman = ceil($banyak_content/$limit); //pilih data dari tabel siswa $x1="select * from data_siswa_xii_ipa_1"; //ambil query tampilkan $hitung=mysql_query($x1); //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> 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 28 <br><h3>data Siswa<small></h3><hr style="border:1px solid black;"><br> mysql_connect('localhost','root','') or die ("koneksi gagal"); mysql_select_db('tugas_akhir')or die ("database tidak ditemukan"); $limit = 10; if(isset($_get['offset'])){ $offset = $_GET['offset']; else{ $offset = 0; $no = $offset + 1; $users = mysql_query("select * FROM data_siswa_xii_ips_1 ORDER BY induk 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>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 "<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") ); $banyak_halaman = ceil($banyak_content/$limit); //pilih data dari tabel siswa

29 29 $x1="select * from data_siswa_xii_ips_1"; //ambil query tampilkan $hitung=mysql_query($x1); //tampilkan data dalam bentuk array di tabel $jumlah=mysql_num_rows($hitung); <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> 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>