LAMPIRAN A
TAMPILAN
HALAMAN
1. Tampilan home.php
2. Tampilan profil.php
3. Tampilan staff.php
5. Tampilan kesiswaan.php
6. Tampilan admin-login.php
8. Tampilan edit-admin.php
9. Tampilan tambah-admin.php
11. Tampilan staff.php
12. Tampilan edit-staff.php
14. Tampilan hapus-staff.php
15. Tampilan fasilitas.php
17. Tampilan tambah-gambar-fasilitas.php
18. Tampilan hapus-gambar-fasilitas.php
20. Tampilan data-siswa-sma.php
21. Tampilan data-siswa-smk.php
23. Tampilan tambah-data-siswa.php
24. Tampilan hapus-data-siswa.php
LAMPIRAN B
LISTING
1. style.css
body{
margin: 0px; padding: 0px; }
.clear{
clear: both; }
.wrapper{
width: 100%; }
.wrapper .head{ width: 100%; height: 80px; float: left;
padding-bottom: 50px; }
.wrapper .menu{ width: 150%; height: 80px;
background: rgb(37, 153, 218); position: fixed;
float: left; z-index: 2; }
.menu #logo{
width:500px; float: left; margin: auto; height: 100px; }
#logo a#linka{
text-decoration: none; background: green; position: relative; width: 100px; height: 100px; }
img#gambar{
margin-left: -100px; margin-top: -90px; }
#logo img{
margin-top: -15px; }
#logo p{
margin: auto; margin-left: 130px; position: relative; top: -130px; }
#logo p#sub-judul{
font-family: cursive; font-size: 10pt; color: white; margin: auto; margin-left: 220px; }
.isi-menu ul{
margin: 0px; padding-top: 10px; }
.isi-menu ul li{
display: inline; color: white;
font-family: calibri; font-size: 17pt;
padding: 0px 30px 0px 10px; }
.isi-menu ul li a{
text-decoration: none; color: white;
}
.isi-menu ul li a img#gambar-s{ position: relative; top: 10px;
margin-right: -10px; width:50px;
height:60px; margin-top: -20px; }
.isi-menu ul li a img#gambar-k{ position: relative;
top: 10px;
margin-right: -5px; width:40px;
height:50px; margin-top: -20px; }
.isi-menu ul li a img#gambar-h{ position: relative;
top: 0px;
margin-top: -20px; }
.isi-menu ul li a img#gambar-f{ position: relative; top: 5px;
margin-right: 0px; width:40px; height:40px; margin-top: -0px; }
.isi-menu ul li a img#gambar-p{ position: relative;
top: 10px;
margin-right: 0px; width:40px; height:55px; margin-top: -10px; }
.wrapper .wrapper-content{ margin: auto; width: 1250px; }
.wrapper-content .content{ width: 100%; }
.content .kiri-home{ width: 20%; height: 400px; float: left;
margin-right: 10px; }
.content .kanan-home{ padding-top: 40px; width: 79%; height: 400px;
background: rgb(240, 242, 243); float: left;
}
.kanan-home img#gambar-rumah{ position: relative;
top: -390px; z-index: 4; height: auto; }
.content .kiri2{ width: 30%; float: left;
}
/*Style Untuk Fasilitas Baru*/ .kiri2 #isi-kiri2-fasilitas{
width: 100%;
margin-bottom: 20px; float: left;
}
#isi-kiri2-fasilitas a#link-fasilitas{ color: black;
}
#isi-kiri2-fasilitas a#link-fasilitas:hover{ color: red;
}
.kiri2 #judulnya{ width: 300px; position: relative; left: 10px;
top: 15px; float: left; }
#isi-kiri2-fasilitas #icon-fasilitas{ width: 35px;
height: 35px; position: relative; top: 15px;
margin-right: 10px; float: left;
}
#judulnya p#kategori-fasilitas{ font-family: calibri; text-align: right; font-weight: bold; }
.kiri2 #sub-menu-kiri2{ text-align: right; width: 100%; height: 50px;
margin-bottom: 30px; font-family: calibri; font-size: 15pt; font-weight: bold; }
#sub-menu-kiri2 a{
text-decoration: none; color: black;
}
#sub-menu-kiri2 a:hover{ font-weight: bold; }
#sub-menu-kiri2 img#gambar1{ padding-right: 10px; }
#sub-menu-kiri2 img#gambar2{ padding-right: 31px; }
#sub-menu-kiri2 img#gambar3{ padding-right: 70px; width: 50px;
height: 70px; position: relative; top: 20px;
left: 15px;
margin-top: -70px; }
.content .kanan{ width: 55%; float: left; }
.kanan #isi-kanan-profil{ width: 450px;
background: rgb(240, 242, 243); text-align: justify;
padding: 10px 40px 10px 40px; line-height: 2em;
border-radius: 4px; }
#isi-kanan-profil img#gambar-fasilitas{ width: 100%;
height: 550px; border-radius: 4px; }
.footer{
margin: auto; width: 1250px;
border-radius: 0px 0px 4px 4px; height: 50px;
background: -webkit-linear-gradient(white,rgb(37, 153, 218)); margin-top: 90px;
}
.footer p{
font-family: cursive; }
/*Style Untuk Sejarah*/ .kanan #isi-kanan-profil p{
font-size: 12pt; font-family: cursive; }
/*Style Untuk Profil*/
.kanan #isi-kanan-profil #profil{ width: 100%;
}
.kanan #isi-kanan-profil #profil table.tabelprofil{ width: 100%;
font-family: cursive; }
.kanan #isi-kanan-profil #profil table.tabelprofil th{ text-align: left;
width: 120px; height: 50px; }
/*Style Untuk Visi-Misi*/
.kanan #isi-kanan-profil #visi-misi ol li{ font-family: cursive;
}
/*Style Untuk Staff*/ .kiri2 img#gambar-staff{
margin-top: 40px; }
#isi-kanan-staff{ width: 550px;
background: rgb(240, 242, 243); text-align: justify;
padding: 10px 40px 10px 40px; line-height: 2em;
border-bottom: 1px solid #fff; float: left;
}
#isi-kanan-staff img#gambar-staff2{ width: 150px;
height: 180px; border-radius: 4px; float: left;
margin-right: 20px; }
#isi-kanan-staff #detail-staff{ width: 320px;
#detail-staff table{ width: 100%; font-family: calibri; }
#detail-staff table th{ width: 80px; text-align: left; padding-right: 10px; }
/*Style Untuk fasilitas*/
#sub-menu-kiri2 img#gambar-1{ position: relative;
top: 10px;
margin-right: 70px; width:35px;
height:35px; margin-top: -20px; }
#sub-menu-kiri2 img#gambar-2{ position: relative;
top: 10px;
margin-right: 65px; width:30px;
height:30px; margin-top: -20px; }
#sub-menu-kiri2 img#gambar-3{ position: relative;
top: 10px;
margin-right: 70px; width:30px;
height:45px; margin-top: -20px; }
#sub-menu-kiri2 img#gambar-4{ position: relative;
top: 30px;
margin-right: 170px; width:50px;
height:65px; margin-top: -40px; }
#sub-menu-kiri2 img#gambar-5{ position: relative;
top: 30px;
margin-right: 135px; width:60px;
}
#sub-menu-kiri2 img#gambar-6{ position: relative;
top: 20px;
margin-right: 90px; width:50px;
height:50px; margin-top: -50px; }
#sub-menu-kiri2 img#gambar-7{ position: relative;
top: 5px;
margin-right: 132px; width:25px;
height:30px; margin-top: 0px; }
#sub-menu-kiri2 img#gambar-8{ position: relative;
top: 10px;
margin-right: 108px; width:35px;
height:40px; margin-top: -10px; }
#sub-menu-kiri2 img#gambar-9{ position: relative;
top: 10px;
margin-right: 142px; width:40px;
height:45px; margin-top: 0px; }
#sub-menu-kiri2 img#gambar-10{ position: relative;
top: 10px;
margin-right: 188px; width:40px;
height:45px; margin-top: 0px; }
#sub-menu-kiri2 img#gambar-11{ position: relative;
top: 10px;
margin-right: 138px; width:35px;
/*Style Untuk Kesiswaan*/
#sub-menu-kiri3 img#gambar-smp{ width: 60px;
height: 50px;
padding-right: 30px; }
#sub-menu-kiri3 img#gambar-sma{ width: 70px;
height: 50px;
padding-right: 20px; }
#sub-menu-kiri3 img#gambar-smk{ width: 50px;
height: 50px;
padding-right: 30px; }
.content .kiri3{ width: 20%; float: left;
margin-right: 70px; margin-left: 100px; }
.kiri3 #sub-menu-kiri3{ text-align: right; width: 100%; height: 50px;
margin-bottom: 30px; font-family: calibri; font-size: 15pt; font-weight: bold; }
#sub-menu-kiri3 a{
text-decoration: none; color: black;
width: 100%; float: left; height: 80%; padding-top: 10px; }
#sub-menu-kiri3 a:hover{ font-weight: bold; }
.content .kanan-kesiswaan{ width: 65%;
float: left; }
.kanan-kesiswaan #isi-kanan-kesiswaan{ width: 700px;
text-align: justify;
padding: 10px 40px 10px 40px; line-height: 2em;
border-radius: 4px; }
#isi-kanan-kesiswaan #detail-siswa{ width: 100%;
/*background: rgb(50, 239, 247);*/ margin-bottom: 20px; margin-top: 30px; border-radius: 4px; }
#detail-siswa img#gambar-siswa{ width: 100%;
height: 400px; }
/*Style untuk menu/kesiswaan/siswa/detail-smp.php*/ #detail-siswa .wrapper-detail-siswa-smp{
width: 100%; }
.wrapper-detail-siswa-smp #isi-detail-smp{ width: 100%;
}
#isi-detail-smp img#gambar-detail-smp{ width: 120px;
height: 150px; border-radius: 5px; position: relative; left: 280px;
margin-bottom: 20px; }
#isi-detail-smp #kiri-biodata{ width: 50%;
}
#kiri-biodata p{
font-family: calibri; position: relative; left: 200px; font-weight: bold; }
#isi-detail-smp #kanan-biodata{ width: 50%;
position: relative; margin-top: -290px; left: 352px;
}
#kanan-biodata p{
left: 20px; }
/*Style untuk menu/kesiswaan/siswa/detail-smp.php*/ #detail-siswa .wrapper-detail-siswa-smk{
width: 100%; }
.wrapper-detail-siswa-smk #isi-detail-smk{ width: 100%;
}
#isi-detail-smk img#gambar-detail-smk{ width: 120px;
height: 150px; border-radius: 5px; position: relative; left: 280px;
margin-bottom: 20px; }
#isi-detail-smk #kiri-biodata{ width: 50%;
}
#kiri-biodata p{
font-family: calibri; position: relative; left: 200px; font-weight: bold; }
#isi-detail-smk #kanan-biodata{ width: 50%;
position: relative; margin-top: -340px; left: 352px;
}
#kanan-biodata p{
font-family: calibri; position: relative; left: 20px;
}
/*Style Untuk siswa/sma*/ #isi-kanan-kesiswaan .tabel-sma{
width: 100%; }
.tabel-sma table#t-sma{ width: 100%;
border: 1px solid #fff; border-collapse: collapse; font-family: calibri; font-size: 12pt; }
cursor:pointer; }
table#t-sma tr#kursor:hover{
background: rgb(192, 227, 255); }
table#t-sma tr{
border: 1px solid #fff; }
table#t-sma td{
border: 1px solid #fff;
padding: 5px 10px 5px 10px; }
table#t-sma td a{
color:rgb(37, 153, 218); }
table#t-sma td a:hover{ font-weight: bold; color: rgb(50, 239, 247); }
table#t-sma th{
border: 1px solid #fff;
background: rgb(37, 153, 218); color: white;
}
/*Style Untuk siswa/smp*/ #isi-kanan-kesiswaan .tabel-smp{
width: 100%; }
.tabel-smp table#t-smp{ width: 100%;
border: 1px solid #fff; border-collapse: collapse; font-family: calibri; font-size: 12pt; }
table#t-smp tr#kursor{ cursor:pointer; }
table#t-smp tr#kursor:hover{
background: rgb(192, 227, 255); }
table#t-smp td{
border: 1px solid #fff;
padding: 5px 10px 5px 10px; }
table#t-smp td a{
color:rgb(37, 153, 218); }
font-weight: bold; color: rgb(50, 239, 247); }
table#t-smp tr{
border: 1px solid #fff; }
table#t-smp th{
border: 1px solid #fff;
background: rgb(37, 153, 218); color: white;
height: 30px; font-size: 13pt; }
/*Style Untuk siswa/smk*/ #isi-kanan-kesiswaan .tabel-smk{
width: 100%; }
.tabel-smk table#t-smk{ width: 100%;
border: 1px solid #fff; border-collapse: collapse; font-family: calibri; font-size: 12pt; }
table#t-smk tr#kursor{ cursor:pointer; }
table#t-smk tr#kursor:hover{
background: rgb(192, 227, 255); }
table#t-smk td{
border: 1px solid #fff;
padding: 5px 10px 5px 10px; }
table#t-smk td a{
color:rgb(37, 153, 218); }
table#t-smk td a:hover{ font-weight: bold; color: rgb(50, 239, 247); }
table#t-smk tr{
border: 1px solid #fff; }
table#t-smk th{
border: 1px solid #fff;
background: rgb(37, 153, 218); color: white;
2. generic.css
/* For generic page styles. Not for sliders. */
body {
background:#F6F6F6; font:normal 0.9em Arial; margin:0;
padding:0;
padding-bottom:60px; }
h2 {
display:inline; }
.div2 {
width:700px; margin:0 auto; }
.div2 li {
padding-top:6px; padding-bottom:6px; }
.green {
color:Green; }
.cn {
font-family: "Courier New", Georgia; }
#status {
display:inline-block; margin-left:26px; line-height:50px; height:50px;
vertical-align:middle; }
.code {
border: dashed 1px #BCBCCB; padding:900px 12px;
background-color:#F3F3F9;
white-space:pre; font-family:"Courier New", Georgia; font-size:12px;
margin:6px 0; overflow:auto; }
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="style/style.css"> </head>
<body>
<div class="wrapper"> <div class="head"> </div>
<div class="menu"> <div id="logo">
<img width="200px" height="150px"src="gambar/search.png"> <p>YP.PANCA JAYA GALANG</p>
<p id="sub-judul">Yayasan Perguruan Panca Jaya Galang</p> </div>
<div class="isi-menu"> <?php
include('koneksi/koneksi.php');
$query="select *from fasilitas order by id_gambar asc"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); ?>
<ul>
<li><a href= "home.php" title= "Home"> <imgid= "gambar- h"src= "gambar/home_large_icon2.png">Home</a> </li>
<li><a href="menu/profil/profil.php" title="Profil YP Panca Jaya Galang"><img id="gambar-p" src="gambar/icon-building.png" >Profil</a></li>
<li> <a href="menu/staff/staff.php?nuptk=5249749651200033" title="Daftar-Daftar Guru"> <img id="gambar-s" src="gambar/teacher.png" >Staff Pengajar</a></li>
<li> <a href= "menu/fasilitas/fasilitas.php?id_gambar=<?php echo $data2['id_gambar']; ?>" title= "Fasilitas yang Ada di YP Panca Jaya Galang"> <img id= "gambar-f" src= "gambar/facility.png">fasilitas</a></li>
<li> <a href= "menu/kesiswaan/kesiswaan.php?menu=menu1" title="Kesiswaan"> <img id= "gambar-k" src= "gambar/siswa.png"> Kesiswaan</a></li>
</ul> </div> </div>
<div class="wrapper-content"> <div class="content">
<div class="kiri-home"> </div>
<?php
include('demo2.html'); ?>
<img id= "gambar-rumah" width= "100px" height= "100px" src= "gambar/home.png">
</div> </div> </div>
<div class="clear"></div> <div class="footer">
<p>copyright © 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div>
</div> </body> </html>
4. demo2.html
<html> <head>
<link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" /> <script src="themes/2/js-image-slider.js" type="text/javascript"></script> <link href="generic.css" rel="stylesheet" type="text/css" />
</head> <body>
<div id="sliderFrame"> <div id="slider">
<a href="#" target="_blank"><img src="images/library.png" alt="" /></a> <img src="images/YP.png" alt="" />
<img src="images/penyiaran.png" /> <img src="images/mobil.png" />
</div>
<!--thumbnails--> <div id="thumbs"> <div class="thumb">
<div class="frame"><img src="images/l-kecil.png" /></div>
<div class="thumb-content"> <p>Gedung Perpustakaan</p> Nyaman dan Tenang Untuk Membaca</div>
<div style="clear:both;"></div> </div>
<div class="thumb">
<div class="frame"><img src="images/YP-kecil.png" /></div>
<div class="thumb-content"> <p>Gedung Utama YP Panca Jaya Galang</p> Gedung Tempat Siswa & Siswi Belajar</div>
<div style="clear:both;"></div> </div>
<div class="thumb">
<div class="thumb-content"> <p>Penyiaran Radio Sekolah</p> Tempat Berkembangnya Informasi di YP Panca Jaya Galang</div>
<div style="clear:both;"></div> </div>
<div class="thumb">
<div class="frame"><img src="images/mobil-kecil.png" /></div>
<div class= "thumb-content"> <p>Siswa dan Guru Memperbaiki Mobil</p> </div>
<div style="clear:both;"></div> </div></div>
<!--clear above float:left elements. It is required if above #slider is styled as float:left. -->
<div style="clear:both;height:0;"></div> </div>
</body> </html>
5. profil.php
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="../../style/style.css"> </head>
<body>
<div class="wrapper"> <div class="head"> </div>
<div class="menu"> <div id="logo">
<img width= "200px" height= "150px" src= "../../gambar/search.png"> <p> YP.PANCA JAYA GALANG </p> <p id="sub-judul"> Yayasan Pergurusan Panca Jaya Galang </p>
</div>
<div class="isi-menu"> <?php
include('../../koneksi/koneksi.php');
$query="select *from fasilitas order by id_gambar asc"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); ?>
<ul>
<li> <a href= "../../home.php" title= "Home"> <img id= "gambar-h" src= "../../gambar/home_large_icon2.png">Home</a></li>
<li> <a href= "profil.php" title= "Profil YP Panca Jaya Galang"> <img id= "gambar-p" src="../../gambar/icon-building.png">Profil</a></li>
<li> <a href= "../fasilitas/fasilitas.php?id_gambar=<?php echo $data2['id_gambar']; ?>" title= "Fasilitas yang Ada di YP Panca Jaya Galang"> <img id= "gambar-f" src= "../../gambar/facility.png">fasilitas</a></li>
<li> <a href= "../kesiswaan/kesiswaan.php?menu=menu1" title= "Kesiswaan"><img id= "gambar-k" src= "../../gambar/siswa.png"> Kesiswaan </a> </li>
</ul> </div> </div>
<div class="wrapper-content"> <div class="content">
<div class="kiri2">
<div id="sub-menu-kiri2">
<a href= "profil.php?menu=menu1"> <img id= "gambar1" width= "30px" height= "25px" src= "../../gambar/history.png"> Sejarah Singkat YP Panca Jaya Galang </a>
</div>
<div id="sub-menu-kiri2">
<a href="profil.php?menu=menu2"><img img id="gambar2" width="25px" height="25px" src="../../gambar/home_large_icon_black.png">Profil Singkat YP Panca Jaya Galang</a>
</div>
<div id="sub-menu-kiri2">
<a href= "profil.php?menu=menu3"> <img img id= "gambar3" src= "../../gambar/misi-2.png"> Visi Misi YP Panca Jaya Galang </a>
</div>
<!--<img id="gambar"src="../../gambar/a.png">--> </div>
<div class="kanan"> <div id="isi-kanan-profil">
<?php
error_reporting('0'); $menu=$_GET['menu']; if($menu=='menu1'){ include('link/sejarah.php'); }
elseif($menu=='menu2'){ include('link/profil.php'); }
elseif($menu=='menu3'){ include('link/visimisi.php'); }
else
include('link/sejarah.php'); ?>
</div> </div>
</div>
<div class="footer">
<p>copyright © 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div>
<div class="clear"></div> </div>
</body> </html>
6. sejarah.php
<div id="sejarah">
<p> Sejarah Yayasan Perguruan Panca Jaya berdiri sejak tahun 1985. Yayasan ini diberi nama panca jaya berasal dari dua kata yaitu panca yang artinya lima, dan jaya yang artinya makmur. Jadi makna dari kata tersebut lima tingkat kejayaan atau kemakmuran, bebas buta huruf, bebas kemiskinan dan kaya akan pengetahuan. Pendirian yayasan ini dipelopori oleh 5 orang yang mempunyai hubungan keluarga untuk memenuhi keinginan masyarakat sekitar. Pendiri-pendiri yayasan ini antara lain sebagai berikut : J. Saragih, K. Br. Purba, J. Purba, K. Br. Saragih dan anak-anaknya.</p>
<p> Pada awal berdirinya yayasan ini pertama kali dibuka Sekolah Menengah Pertama, Sekolah Mengah Atas dan Sekolah Menengah Kejuruan. Pada saat itu Sekolah Menengah Atas terdiri dari jurusan IPA dan IPS, kemudian Sekolah Menengah Kejuruan terdiri dari jurusan Bisnis Managemen.</p>
<p> Selanjutnya menyusul pada tahun 2007 dibuka jurusan Teknologi Industri untuk Sekolah Menengah Kejuruan, dan pada tahun 2010 disusul dengan jurusan Teknik Komputer Jaringan.</p>
</div> </div>
7. profil.php
<div id="profil">
<table class="tabelprofil"> <tr>
<th >Nama Yayasan</th>
<td>: YAYASAN PERGURUAN PANCA JAYA
GALANG</td></tr> <tr>
<th>Alamat</th><td>: JL. Sei Karang KP.Agam, Desa Galang Kota, Deli g, Sumatera Utara</td></tr>
<tr>
<th>Kode Pos</th><td>: 20585</td></tr> <tr>
<th>Tahun Berdiri</th><td>: 1985</td></tr> <tr>
<th>Kecamatan</th><td>: Galang</td></tr> <tr>
<th>Kabupaten</th><td>: Deli Serdang</td></tr> <tr>
<th>Izin No</th><td>: 173/05/A/1985</td></tr> <tr>
<th>NDS.No</th><td>: G.01314202</td></tr> </table>
</div>
8. visimisi.php
<div id="visi-misi">
<p align="center">VISI</p>
<p align="center">Pusat Pelayanan dan Pelatihan Berstandart Nasional</p> <p align="center">MISI </p>
<ol>
<li>Mengembangkan pendidikan dan pelatihan yang sesuai dengan kebutuhan dunia usaha</li>
<li>Megembangkan pelatihan yang mampu mempertanyakan potensi masyarakat</li>
<li>Mewujudkan suasana belajar yang berakar pada norma, nilai agama dan budaya </li>
</ol> </div>
9. staff.php
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="../../style/style.css"> </head>
<body>
<div class="wrapper"> <div class="head"> </div>
<div class="menu"> <div id="logo">
<img width="200px" height="150px"src="../../gambar/search.png"> <p>YP.PANCA JAYA GALANG</p>
<p id="sub-judul">Yayasan Pergurusan Panca Jaya Galang</p> </div>
<div class="isi-menu"> <?php
include('../../koneksi/koneksi.php');
$data2=mysql_fetch_array($data); ?>
<ul>
<li> <a href= "../../home.php" title= "Home"> <img id= "gambar-h" src= "../../gambar/home_large_icon2.png">Home</a></li>
<li><a href="../profil/profil.php" title="Profil YP Panca Jaya Galang"><img id="gambar-p" src="../../gambar/icon-building.png">Profil</a></li>
<li> <a href= "staff.php?nuptk=5249749651200033" title= "Daftar-Daftar Guru"> <img id= "gambar-s" src= "../../gambar/teacher.png"> Staff Pengajar</a></li>
<li> <a href= "../fasilitas/fasilitas.php?id_gambar=<?php echo $data2['id_gambar']; ?>" title= "Fasilitas yang Ada di YP Panca Jaya Galang"> <img id= "gambar-f" src= "../../gambar/facility.png"> fasilitas</a></li>
<li> <a href= "../kesiswaan/kesiswaan.php?menu=menu1" title= "Kesiswaan"> <img id= "gambar-k" src= "../../gambar/siswa.png"> Kesiswaan </a></li>
</ul> </div> </div>
<div class="wrapper-content"> <div class="content">
<div class="kiri2">
<img id="gambar-staff"src="../../gambar/a.png">
<!--<img id="gambar-staff-b"src="../../gambar/staff icon.png">--> </div>
<div class="kanan"> <?php
include('../../koneksi/koneksi.php'); $nuptk=$_GET['nuptk'];
$query="select *from pengajar "; $data=mysql_query($query);
while ($data2=mysql_fetch_array($data)) { echo " <div id=\"isi-kanan-staff\">
<img id=\"gambar-staff2\" src='../../gambar/guru/$data2[foto]'> <div id=\"detail-staff\">
<table> <tr>
<th>Nuptk</th><td>: ".$data2['nuptk']."</td></tr> <tr>
<th>Nama</th><td>: ".$data2['nama']."</td></tr> <tr>
<th>Tempat / Tgl.Lahir</th><td>: ".$data2['lahir']." </td></tr> <tr>
<th>Alamat</th><td>: ".$data2['alamat']." </td></tr> <tr>
<th>Keahlian</th><td>: ".$data2['mapel']." </td></tr> <tr>
</div></div> "; } ?> </div>
<div class="clear"></div> </div>
</div>
<div class="footer">
<p>copyright © 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div>
<div class="clear"></div> </div>
</body> </html>
10. fasilitas.php
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="../../style/style.css"> </head>
<body>
<div class="wrapper"> <div class="head"> </div>
<div class="menu"> <div id="logo">
<img width= "200px" height= "150px" src= "../../gambar/search.png"> <p> YP.PANCA JAYA GALANG </p>
<p id="sub-judul">Yayasan Pergurusan Panca Jaya Galang</p> </div>
<div class="isi-menu"> <?php
include('../../koneksi/koneksi.php');
$query="select *from fasilitas order by id_gambar asc"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); ?>
<ul>
<li> <a href= "../../home.php" title= "Home"> <img id= "gambar-h" src= "../../gambar/home_large_icon2.png"> Home </a> </li>
<li> <a href="../profil/profil.php" title="Profil YP Panca Jaya Galang"><img id="gambar-p" src="../../gambar/icon-building.png">Profil</a></li>
<li> <a href= "../staff/staff.php?nuptk=5249749651200033" title= "Daftar-Daftar Guru"> <img id= "gambar-s" width= "30px" height= "35px" src= "../../gambar/teacher.png"> Staff Pengajar </a></li>
title="Fasilitas yang Ada di YP Panca Jaya Galang"><img id="gambar-f" src="../../gambar/facility.png">fasilitas</a></li>
<li> <a href= "../kesiswaan/kesiswaan.php?menu=menu1" title= "Kesiswaan"> <img id= "gambar-k" src= "../../gambar/siswa.png"> Kesiswaan </a> </li>
</ul> </div> </div>
<div class="wrapper-content"> <div class="content">
<div class="kiri2"> <?php
include('../../koneksi/koneksi.php');
$query="select *from fasilitas order by id_gambar desc"; $data=mysql_query($query);
while ( $data2=mysql_fetch_array($data)){ echo"
<div id=\"isi-kiri2-fasilitas\">
<a id= \"link-fasilitas\" href= \"fasilitas.php?id_gambar= ".$data2['id_gambar']."\">
<img id=\"icon-fasilitas\" src=\"../../gambar/".$data2['icon']."\"> <div id=\"judulnya\">
<p id=\"kategori-fasilitas\">".$data2['kategori']."</p> </div></a>
</div> "; } ?> </div>
<div class="kanan"> <div id="isi-kanan-profil">
<?php
error_reporting('0');
$id_gambar=$_GET['id_gambar']; include('../../koneksi/koneksi.php');
$query="select *from fasilitas where id_gambar='$id_gambar'"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); echo "
<img id= \"gambar-fasilitas\" src=
\"../../gambar/fasilitas/".$data2['nama_gambar']."\"> ";
?> </div> </div>
<div class="clear"></div> </div>
</div>
<p>copyright © 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div>
<div class="clear"></div> </div>
</body> </html>
11. kesiswaan.php
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="../../style/style.css"> </head>
<body>
<div class="wrapper"> <div class="head"> </div>
<div class="menu"> <div id="logo">
<img width="200px" height="150px"src="../../gambar/search.png"> <p>YP.PANCA JAYA GALANG</p>
<p id="sub-judul">Yayasan Pergurusan Panca Jaya Galang</p> </div>
<div class="isi-menu"> <?php
include('../../koneksi/koneksi.php');
$query="select *from fasilitas order by id_gambar asc"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); ?>
<ul>
<li><a href="../../home.php" title="Home"><img id="gambar-h" src="../../gambar/home_large_icon2.png">Home</a></li>
<li><a href="../profil/profil.php" title="Profil YP Panca Jaya Galang"><img id="gambar-p" src="../../gambar/icon-building.png">Profil</a></li>
<li><a href="../staff/staff.php?nuptk=5249749651200033" title="Daftar-Daftar Guru"><img id="gambar-s"width="30px" height="35px" src="../../gambar/teacher.png">Staff Pengajar</a></li>
<li><a href="../fasilitas/fasilitas.php?id_gambar=<?php echo $data2['id_gambar']; ?>" title="Fasilitas yang Ada di YP Panca Jaya Galang"><img id="gambar-f" src="../../gambar/facility.png">fasilitas</a></li> <li><a href="kesiswaan.php?menu=menu1" title="Kesiswaan"><img id="gambar-k" src="../../gambar/siswa.png">Kesiswaan</a></li>
</ul> </div> </div>
<div class="kiri3">
<div id="sub-menu-kiri3">
<a href= "kesiswaan.php?menu=menu1&gambar=gambar1"> <img id="gambar-smp" src="../../gambar/smp.png">Siswa SMP</a>
</div>
<div id="sub-menu-kiri3">
<a href= "kesiswaan.php?menu=menu2&gambar=gambar2"> <img img id="gambar-sma" src="../../gambar/sma.png">Siswa SMA</a>
</div>
<div id="sub-menu-kiri3">
<a href= "kesiswaan.php?menu=menu3&gambar=gambar3"> <img img id="gambar-smk" src="../../gambar/smk.png">Siswa SMK</a>
</div> </div>
<div class="kanan-kesiswaan"> <div id="isi-kanan-kesiswaan"> <div id="detail-siswa">
<?php
error_reporting('0'); $link=$_GET['link']; $induk=$_GET['induk']; $menu=$_GET['menu']; $gambar=$_GET['gambar'];
if ($link=='lihat-data-smp' && $induk==$induk && $menu=='menu1') {
include('siswa/detail-smp.php'); }
elseif ($link=='lihat-data-sma' && $induk==$induk && $menu=='menu2') {
include('siswa/detail-sma.php'); }
elseif ($link=='lihat-data-smk' && $induk==$induk && $menu=='menu3') {
include('siswa/detail-smk.php'); }
elseif ($menu=='menu1' && $gambar=='gambar1') {
echo "<img id=\"gambar-siswa\" src=\"../../gambar/cover-siswa/smp.JPG\">";
}
elseif ($menu=='menu2' && $gambar=='gambar2') {
echo "<img id=\"gambar-siswa\" src=\"../../gambar/cover-siswa/sma.JPG\">";
}
elseif ($menu=='menu3' && $gambar=='gambar3') {
echo "<img id=\"gambar-siswa\" src=\"../../gambar/cover-siswa/smk.JPG\">";
} else{
src=\"../../gambar/cover-siswa/smp.JPG\">"; }
?> </div>
<?php
include('../../koneksi/koneksi.php'); $menu=$_GET['menu'];
if ($menu=='menu1') { include('siswa/smp.php'); }
elseif ($menu=='menu2') { include('siswa/sma.php'); }
else
include('siswa/smk.php'); ?>
</div> </div>
<div class="clear"></div> </div>
</div>
<div class="footer">
<p>copyright © 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div>
<div class="clear"></div> </div>
</body> </html>
12. admin.php
<?php
error_reporting(0); include('fungsi.php'); session_start();
$user=$_SESSION['nama']; $passw=$_SESSION['pass'];
if(!empty($user) and !empty($passw)){ ?>
<html> <head> <title></title>
<link rel="stylesheet" type="text/css" href="style/style-admin.css"> </head>
<body>
<img id="gambar-head-admin" src="gambar/search.png"> <p>YAYASAN PANCA JAYA GALANG</p></a>
<div id="kanan-head"> <ul>
<li>
<a href="admin.php?logout"> <img id="gambar-logout-admin-home" src="gambar/logout.png" title="Logout"></a></li>
<!-- <li>
<a href="#"> <img id="gambar-setting-admin" src="gambar/setting2.png" title="Setting"></a>
<ul>
<li> <a id="setting" href=""> <img id="gambar-link-setting" src="">yhahhaha</a></li>
<li> <a id="setting" href=""> <img id="gambar-link-setting" src="">yhahhaha</a></li>
<li> <a id="setting" href=""> <img id="gambar-link-setting" src="">yhahhaha</a></li>
</ul> </li> -->
</ul> </div> </div> <div class="content"> <div class="kiri"> <div class="user"> <div id="atas">
<?php
include('../koneksi/koneksi.php'); $user=$_GET['user'];
$query="select *from admin where id='$user' or nama='$user'"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); echo"
<a title = \"Lihat Data-Data Admin\" href= \"admin.php?kanan=admin&user= ".$user."&ket=admin\">
<img id=\"gambar\" src=\"foto-admin/".$data2['foto']."\"> <div id=\"detail-user\">
<p>".$data2['nama']."</p> <p id=\"ket\">Admin</p> </div> </a> ";
?> </div>
<div id="bawah"> <div id="kiri-bawah"> </div>
<div id="kanan-bawah"> </div>
</div> </div>
<div id="kiri-menu-kiri"> <div id="link-kiri">
<a href="admin.php?user=<?php echo $user; ?>&ket=home"> <img id="gambar-link-kiri1" src="gambar/home.png">
<p>Home</p> </a> </div>
<!--<div id="link-kiri">
<a href="admin.php?menu=menu2">
<img id="gambar-link-kiri2" src="gambar/building2.png"> <p>Profil</p> </a>
</div>-->
<div id="link-kiri">
<a href="menu/isi/staff/staff.php">
<img id="gambar-link-kiri3" src="gambar/staff2.png"> <p>Staff</p> </a>
</div>
<div id="link-kiri">
<a href="menu/isi/fasilitas/fasilitas.php">
<img id="gambar-link-kiri4" src="gambar/facility.png"> <p>Fasilitas</p> </a>
</div>
<div id="link-kiri">
<a href="menu/isi/kesiswaan/kesiswaan.php">
<img id="gambar-link-kiri5" src="gambar/student.png"> <p>Kesiswaan</p> </a>
</div> </div>
<div id="kanan-menu-kiri"> <?php
$ket=$_GET['ket']; $user=$_GET['user'];
if ($ket=='admin' && $user==$user){ }
else{
// include('menu/kanan/kanan-home.php'); }
?> </div> </div>
<div class="clear"></div> </div>
<div class="kanan"> <!--
<?php
$link=$_GET['link']; if ($link=='setting') { echo "
</div> </div> "; } ?> -->
<div class="w-judul"> <div id="judul">
<?php
$ket=$_GET['ket']; $user=$_GET['user'];
if ($ket=='admin' && $user==$user){ echo "ADMIN";
} else{
echo"HOME"; }
?> </div> </div>
<div class="aksi"> <div id="judul-aksi">
<?php
$ket=$_GET['ket']; $kanan=$_GET['kanan'];
if ($ket=='admin' && $kanan=='detail-admin') { echo"LIHAT DATA";
}
elseif ($ket=='admin' && $kanan=='edit-admin') { echo"EDIT DATA";
}
elseif ($ket=='admin' && $kanan=='tambah-admin') { echo"TAMBAH DATA";
}
elseif ($ket=='admin' && $kanan=='hapus-admin') { echo"HAPUS DATA";
}
elseif ($ket=='home') { }
else{
echo "AKSI"; }
?> </div>
<div id="isi-aksi"> <?php
echo"
<a href= \"admin.php?kanan=detail-admin&user= ".$user."&id=".$id."&ket=admin\">
<div id=\"kotak\">
<img id=\"gambar-kotak\" src=\"gambar/admin.png\"> <p>LIHAT DATA</p>
</div> </a>
<a href= \"admin.php?kanan=edit-admin&user=
".$user."&id=".$id."&ket=admin\"> <div id=\"kotak\">
<img id=\"gambar-kotak\" src=\"gambar/edit_admin.png\"> <p>EDIT</p>
</div> </a>
<a href= \"admin.php?kanan=tambah-admin&user= ".$user."&ket=admin\">
<div id=\"kotak\">
<img id=\"gambar-kotak\" src=\"gambar/administrator_add.png\"> <p>TAMBAH</p>
</div> </a>
<a href= \"admin.php?kanan=hapus-admin&user= ".$user."&id=".$id."&ket=admin\">
<div id=\"kotak\">
<img id=\"gambar-kotak\" src=\"gambar/administrator delete.png\"> <p>HAPUS</p>
</div> </a> "; } ?> </div> </div>
<div id="isi"> <?php
$kanan=$_GET['kanan']; if ($kanan=='kanan2') {
include('menu/isi/staff/isi-staff.php'); }
elseif ($kanan=='kanan4') {
include('menu/isi/fasilitas/fasilitas.php'); }
elseif ($kanan=='kanan5') {
include('menu/isi/kesiswaan/kesiswaan.php'); }
elseif ($kanan=='admin') {
elseif ($kanan=='detail-admin' && $user==$user && $id==$id) { include('menu/isi/admin/detail-admin.php');
}
elseif ($kanan=='edit-admin' && $user==$user && $id==$id) { include('menu/isi/admin/edit-admin.php');
}
elseif ($kanan=='proses-edit-admin' && $user==$user && $id==$id) { include('menu/isi/admin/proses-edit-admin.php');
}
elseif ($kanan=='tambah-admin' && $user==$user) { include('menu/isi/admin/tambah-admin.php');
}
elseif ($kanan=='proses-tambah-admin' && $user==$user) { include('menu/isi/admin/proses-tambah-admin.php');
}
elseif ($kanan=='hapus-admin' && $user==$user) { include('menu/isi/admin/hapus-admin.php');
}
elseif ($kanan=='proses-hapus-admin' && $user==$user && $id==$id)
{
include('menu/isi/admin/proses-hapus-admin.php'); }
else{ echo "
<img id=\"home-logo\" src=\"\" alt=LOGO> ";
include('menu/isi/isi-home.php'); }
?> </div> </div>
<div class="clear"></div> </div>
</div> </body> </html> <?php } else{
echo "belum login"; }
?>
13. data-admin.php
<?php
<table id=\"data-admin\"> <tr>
<th>Foto</th> <th>ID</th><th>NAMA</th><th>PASSWORD</th> </tr>
";
$query="select *from Admin"; $data=mysql_query($query);
while ($data2=mysql_fetch_array($data)) { echo "
<tr>
<td id=\"foto\">
<a href=\"admin.php?kanan=admin&user=".$user."&id=".$data2[
'id']."&ket=admin\"> <img id=\"gambar-data-admin\" src=\"foto-admin/".$data2['foto']."\"></a></td>
<td>".$data2['id']."</td> <td>".$data2['nama']."</td> <td>".$data2['pass']."</td> </tr>
"; } echo " </table> "; ?>
14. detail-admin.php
<div id="detail-admin"> <?php
include('../../../../koneksi/koneksi.php'); $id=$_GET['id'];
$query="select *from admin where id='$id'"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); echo "
<img id=\"gambar-detail-admin\" src=\"foto-admin/".$data2['foto']."\"> <div id=\"isi-detail-admin\">
<p id=\"kiri-isi\">ID</p>
<p id=\"kanan-isi\">: ".$data2['id']."</p> <p id=\"kiri-isi\">NAMA</p>
<p id=\"kanan-isi\">: ".$data2['nama']."</p> </div>
"; ?> </div>
15. edit-admin.php
<?php
include('../../../../koneksi/koneksi.php'); $id=$_GET['id'];
$query="select *from admin where id='$id'"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); echo"
<form method= \"post\" action= \"admin.php?kanan=proses-edit-admin&user=$user&id=$id\" enctype=\"multipart/form-data\">
<img id=\"gambar-edit\"src=\"foto-admin/".$data2['foto']."\"> <input type=\"file\" name=\"foto\">
<div id=\"isi-edit\"> <p>ID<p>
<p>NAMA<p> <p>PASSWORD<p>
<input id=\"edit-id\" type=\"text\" value=\"".$data2['id']."\" name=\"id\"> <input id=\"edit-nama\" type=\"text\" value=\"".$data2['nama']."\" name=\"nama\">
<input id=\"edit-pass\" type=\"text\" name=\"pass\"> </div>
<input id=\"submit\" type=\"submit\" value=\"EDIT\"> ";
?> </form> </div>
16. proses-edit-admin.php
<?php
include('../../../../koneksi/koneksi.php'); $id1=$_GET['id'];
$id=$_POST['id']; $nama=$_POST['nama']; $pass=$_POST['pass'];
$lokasi_gambar=$_FILES["foto"]["tmp_name"]; $gambar=$_FILES["foto"]["name"];
if(!empty($gambar)){
move_uploaded_file($_FILES["foto"]["tmp_name"] ,"foto-admin/".$gambar); mysql_query("update admin set foto='$gambar' where id='$id1'");
}
if(!empty($pass)){
mysql_query("update admin set pass=md5('$pass') where id='$id1'"); }
$query="update admin set id='$id', nama='$nama' where id='$id1' ";
if(mysql_query($query)){ echo "berhasil";
} ?>
17. hapus-admin.php
<div class="wrapper-hapus">
<p>Apakah Anda Yakin Ingin Menghapus data ini?</p> <?php
include('../../../../koneksi/koneksi.php'); $id=$_GET['id'];
$query="select *from admin where id='$id'"; $data=mysql_query($query);
$data2=mysql_fetch_array($data); echo"
<form method= \"post\" action= \"admin.php?kanan=proses-hapus-admin&user=$user&id=$id\" enctype=\"multipart/form-data\">
<input id=\"jawaban-ya\" type=\"submit\" name=\"ya\" value=\"YA\">
<input id=\"jawaban-tidak\" type=\"button\" onclick=\"self.history.back()\" name=\"tidak\" value=\"TIDAK\">
</form> "; ?> </div>
18. proses-hapus-admin.php
<?php
include('../../../../koneksi/koneksi.php'); $id=$_GET['id'];
$query="delete from admin where id='$id'"; if (mysql_query($query)) {
echo "Data Berhasil Di Hapus"; }
else{
echo "Data Gagal Di Hapus"; }
?>
19. tambah-admin.php
<div id="tambah-admin">
<form method= "post" action= "admin.php?kanan=proses-tambah-admin&user=<?php echo $user;?>" enctype="multipart/form-data">
<img id="gambar-tambah-admin" src=""> <input type="file" name="foto">
<p>NAMA</p> <p>PASSWORD</p>
<input id="tambah-id" type="text" name="id"> <input id="tambah-nama" type="text" name="nama"> <input id="tambah-pass" type="password" name="pass"> </div>
<input id="submit" type="submit" value="TAMBAH"> </form>
</div>
20. proses-tambah-admin.php
<?php
include('../../../../koneksi/koneksi.php'); $id=$_POST['id'];
$nama=$_POST['nama']; $pass=$_POST['pass']; $pass=md5($pass); // echo
//$nuptk ."-". $nama ."-". $lahir ."-". $alamat ."-". $mapel ."-". $tugas ."-". $foto
// ;
$lokasi_gambar=$_FILES["foto"]["tmp_name"]; $gambar=$_FILES["foto"]["name"];
move_uploaded_file($lokasi_gambar,"foto-admin/".$gambar); $query="insert into admin values('$id','$nama', '$pass','$gambar')"; if(mysql_query($query)){
echo "berhasil";
// header('location:staff.php?kanan=berhasil&nuptk=$nuptk'); }
?>
21. Koneksi.php
<?php
