LAMPIRAN A TAMPILAN HALAMAN - Perancangan Website pada Yayasan Perguruan Panca Jaya Galang
LAMPIRAN A TAMPILAN HALAMAN WEBSITE
1. Tampilan home.php
2. Tampilan profil.php
3. Tampilan staff.php
4. Tampilan fasilitas.php
5. Tampilan kesiswaan.php
6. Tampilan admin-login.php
7. Tampilan admin.php
8. Tampilan edit-admin.php
9. Tampilan tambah-admin.php
10. Tampilan hapus-admin.php
11. Tampilan staff.php
12. Tampilan edit-staff.php
13. Tampilan tambah-staff.php
14. Tampilan hapus-staff.php
15. Tampilan fasilitas.php
16. Tampilan edit-gambar-fasilitas.php
17. Tampilan tambah-gambar-fasilitas.php
18. Tampilan hapus-gambar-fasilitas.php
19. Tampilan data-siswa-smp.php
20. Tampilan data-siswa-sma.php
21. Tampilan data-siswa-smk.php
22. Tampilan edit-data-siswa.php
23. Tampilan tambah-data-siswa.php
24. Tampilan hapus-data-siswa.php
LAMPIRAN B LISTING PROGRAM
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{ font-family: calibri; font-size: 25pt; color: white; 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-right: 0px; width:28px; height:31px; 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; margin-right: 70px; margin-left: 100px;
} /*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; width: 100%; float: left; height: 80%; padding-top: 10px;
} #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{ text-align: center; font-size: 12pt; color: black; padding-top: 15px; 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; padding: 10px; float: left;
}
#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; height:70px; margin-top: -50px;
} #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; height:40px; margin-top: 0px;
}
/*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; background: rgb(240, 242, 243); 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{ font-family: calibri; position: relative; 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;
} table#t-sma tr#kursor{ 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);
} table#t-smp td a:hover{ 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;
}
3. home.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 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> <div class="kanan-home">
<?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 &copy; 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="frame"><img src="images/penyiaran-kecil.png" /></div>
<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= "../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/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 class="clear"></div> </div>
</div> <div class="footer"> <p>copyright &copy; 2013 : YP Panca Jaya Galang by Khairani Nasution</p> </div> <div class="clear"></div> </div>
</body> </html>
6. sejarah.php
<div id="sejarah"> <p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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 &nbsp;&nbsp;GALANG</td></tr> <tr> <th>Alamat</th><td>: JL. Sei Karang KP.Agam, Desa Galang &nbsp;&nbsp;Kota, Deli g, Sumatera Utara</td></tr> <tr> <th>Kode Pos</th><td>: 20585</td></tr> <tr> <th>Telp</th><td>: (061) 7980796</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'); $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.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> <th>Jabatan</th><td>: ".$data2['tugas']." </td></tr> </table>
</div></div> "; } ?>
</div> <div class="clear"></div> </div> </div> <div class="footer"> <p>copyright &copy; 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> <li><a href="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">
<?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> <div class="footer">
<p>copyright &copy; 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="wrapper-content"> <div class="content">
<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{ echo "<img id=\"gambar-siswa\" 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 &copy; 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>
<div class="wrapper"> <div class="head"> <a id="linka" href="">
<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 class="menu-kiri">
<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'); } ?>