LISTING PROGRAM
1. Index.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nbs p;   ; & nbsp; &n bsp; &nb sp; &nbs p;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container"> <div class="page-header">
<table class="table table-bordered table-responsive">
<h5> Selamat Datang di website MTs Parmiyatu Wassa'adah</h5>
</div>
<img src="sekolah.png" width="660" height="400"> <h4><center>VISI DAN MISI</center></h4>
<h4><center>MTs PARMIYATU WASSA'ADAH</center></h4> <ol>
<h4>Visi</h4>
<h5>1. Beriman dan bertakwa kapada Allah SWT.</h5> <h5>2. Memiliki sikap, perilaku amaliah
Islamiah.</h5>
<h5>3. Memiliki keunggulan dalam pengetehuan dan keterampilan.</h5>
<h5>4. Mampu berprestasi di tingkat kabupaten, provinsi dan Nasional.</h5>
<h5>5. Memiliki budaya kreatif, inovativ dan produktif.</h5>
<h5>6. Mewujudkan lingkungan yang berseri (Bersih, sehat, rapi dan indah).</h5>
</ol> <ol>
<h4>Misi</h4>
<h5>2. Menumbuhkan sikap perilaku dan amaliah islamiah.</h5>
<h5>3. Meningkatkan pengetahuan dan keteramplan.</h5>
<h5>4. Meningkatkan prestasi di tingkat lokal, regional dan nasional.</h5>
<h5>5. Menumbuhkan budaya iovatif dan produktif.</h5>
<h5>6. Mewujudakn lingkungan yang berseri (bersih, sehat, rapi dan indah).</h5>
</ol> </div> </table> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
2. Images_lihat.php
<?php
require_once 'dbconfig.php';
if(isset($_GET['delete_id'])) {
// select image from db to delete
$stmt_select = $DB_con->prepare('SELECT foto FROM images WHERE id =:uid');
$stmt_select->execute(array(':uid'=>$_GET['delete_id'])); $imgRow=$stmt_select->fetch(PDO::FETCH_ASSOC);
unlink("user_images/".$imgRow['foto']);
// it will delete an actual record from db
$stmt_delete = $DB_con->prepare('DELETE FROM images WHERE id =:uid');
$stmt_delete->bindParam(':uid',$_GET['delete_id']); $stmt_delete->execute();
header("Location: images.php"); }
?>
<!DOCTYPE html> <html>
<head>
<title>Gallery</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <link rel="stylesheet"
href="bootstrap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nbs p;   ; & nbsp; &n bsp; &nb sp; &nbs p;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container"> <div class="page-header">
Gallery MTs Parmiyatu Wassa'adah </div>
<div class="row"> <?php
$stmt = $DB_con->prepare('SELECT id, kegiatan, foto FROM images ORDER BY id DESC');
$stmt->execute();
if($stmt->rowCount() > 0) {
while($row=$stmt->fetch(PDO::FETCH_ASSOC)) {
extract($row); ?>
<div class="col-xs-3">
<p class="page-header"><?php echo $kegiatan; ?></p>
<img src="user_images/<?php echo
$row['foto']; ?>" class="img-rounded" width="250px" height="210px" />
<p class="page-header"> </p>
</div> <?php
} }
else {
?>
<div class="col-xs-12">
<div class="alert alert-warning">
<span class="glyphicon glyphicon-info-sign"></span> No Data Found ...
</div> </div> <?php
} ?> </div> </div>
</body> </html>
2.1 images.php
<?php
require_once 'dbconfig.php';
if(isset($_GET['delete_id'])) {
// select image from db to delete
$stmt_select = $DB_con->prepare('SELECT foto FROM images WHERE id =:uid');
$stmt_select->execute(array(':uid'=>$_GET['delete_id'])); $imgRow=$stmt_select->fetch(PDO::FETCH_ASSOC);
unlink("user_images/".$imgRow['foto']);
// it will delete an actual record from db
$stmt_delete = $DB_con->prepare('DELETE FROM images WHERE id =:uid');
$stmt_delete->bindParam(':uid',$_GET['delete_id']); $stmt_delete->execute();
header("Location: images.php"); }
?>
<!DOCTYPE html> <html>
<head>
<title>Gallery</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container">
<div class="page-header">
Gallery MTs Parmiyatu Wassa'adah </div>
<div class="row"> <?php
$stmt = $DB_con->prepare('SELECT id, kegiatan, foto FROM images ORDER BY id DESC');
$stmt->execute();
if($stmt->rowCount() > 0) {
while($row=$stmt->fetch(PDO::FETCH_ASSOC)) {
extract($row); ?>
<div class="col-xs-3">
<p class="page-header"><?php echo $kegiatan; ?></p>
<img src="user_images/<?php echo
$row['foto']; ?>" class="img-rounded" width="250px" height="210px" /> <p class="page-header">
<span>
<a class="btn btn-info"
href="editform.php?edit_id=<?php echo $row['id']; ?>" title="click for edit" onclick="return confirm('sure to edit ?')"><span
class="glyphicon glyphicon-edit"></span> Edit</a> <a class="btn btn-danger"
href="?delete_id=<?php echo $row['id']; ?>" title="click for delete" onclick="return confirm('sure to delete ?')"><span class="glyphicon glyphicon-remove-circle"></span> Delete</a>
</span> </p> </div> <?php
} }
else {
?>
<div class="col-xs-12">
<div class="alert alert-warning">
<span class="glyphicon glyphicon-info-sign"></span> No Data Found ...
</div> </div> <?php
} ?> </div> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
2.2 addnew.php
error_reporting( ~E_NOTICE ); // avoid notice
require_once 'dbconfig.php';
if(isset($_POST['btnsave'])) {
$kegiatan = $_POST['kegiatan_name'];// user name
$imgFile = $_FILES['user_image']['name']; $tmp_dir = $_FILES['user_image']['tmp_name']; $imgSize = $_FILES['user_image']['size'];
if(empty($kegiatan)){
$errMSG = "Please Enter Username."; }
else if(empty($imgFile)){
$errMSG = "Please Select Image File."; }
else {
$upload_dir = 'user_images/'; // upload directory
$imgExt =
strtolower(pathinfo($imgFile,PATHINFO_EXTENSION)); // get image extension
// valid image extensions
$valid_extensions = array('jpeg', 'jpg', 'png', 'gif'); // valid extensions
// rename uploading image
$foto = rand(1000,1000000).".".$imgExt;
// allow valid image file formats
if(in_array($imgExt, $valid_extensions)){
// Check file size '5MB'
if($imgSize < 5000000) {
move_uploaded_file($tmp_dir,$upload_dir.$foto); }
else{
$errMSG = "Sorry, your file is too large.";
} }
else{
$errMSG = "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
} }
// if no error occured, continue .... if(!isset($errMSG))
{
$stmt = $DB_con->prepare('INSERT INTO images(Kegiatan,foto) VALUES(:ukegiatan, :ufoto)');
$stmt->bindParam(':ufoto',$foto);
if($stmt->execute()) {
$successMSG = "new record succesfully inserted ...";
header("refresh:5;images.php"); // redirects image view page after 5 seconds.
} else {
$errMSG = "error while inserting...."; }
} }
?>
<!DOCTYPE html> <html>
<head> <meta>
<title>Gallery</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
</head> <body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
<li><a href="../sekolah/map.php">Map</a></li>
<li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container">
<div class="page-header">
<a class="btn btn-default" href="images.php"><span
class="glyphicon glyphicon-eye-open"></span> view all </a> </div>
<?php
if(isset($errMSG)){ ?>
<div class="alert alert-danger">
<span class="glyphicon glyphicon-info-sign"></span> <strong><?php echo $errMSG; ?></strong>
<?php }
else if(isset($successMSG)){ ?>
<div class="alert alert-success">
<strong><span class="glyphicon glyphicon-info-sign"></span> <?php echo $successMSG; ?></strong>
</div> <?php
} ?>
<form method="post" enctype="multipart/form-data" class="form-horizontal">
<table class="table table-bordered table-responsive">
<tr>
<td><label class="control-label">Kegiatan</label></td> <td><input class="form-control" type="text"
name="kegiatan_name" placeholder="Enter Username" value="<?php echo $kegiatan; ?>" /></td>
</tr>
<tr>
<td><label class="control-label">Foto</label></td>
<td><input class="input-group" type="file" name="user_image" accept="image/*" /></td>
</tr> <tr>
<td colspan="2"><button type="submit" name="btnsave" class="btn btn-default">
<span class="glyphicon glyphicon-save"></span> save </button>
</td> </tr>
</table>
</form> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
2.3 editform.php
<?php
error_reporting( ~E_NOTICE );
if(isset($_GET['edit_id']) && !empty($_GET['edit_id'])) {
$id = $_GET['edit_id'];
$stmt_edit = $DB_con->prepare('SELECT kegiatan, foto FROM images WHERE id =:uid');
$stmt_edit->execute(array(':uid'=>$id));
$edit_row = $stmt_edit->fetch(PDO::FETCH_ASSOC); extract($edit_row);
} else {
header("Location: images.php"); }
if(isset($_POST['btn_save_updates'])) {
$kegiatan = $_POST['kegiatan_name'];// kegiatan name
$imgFile = $_FILES['user_image']['name']; $tmp_dir = $_FILES['user_image']['tmp_name']; $imgSize = $_FILES['user_image']['size'];
if($imgFile) {
$upload_dir = 'user_images/'; // upload directory
$imgExt =
strtolower(pathinfo($imgFile,PATHINFO_EXTENSION)); // get image extension
$valid_extensions = array('jpeg', 'jpg', 'png', 'gif'); // valid extensions
$foto = rand(1000,1000000).".".$imgExt; if(in_array($imgExt, $valid_extensions)) {
if($imgSize < 5000000) {
unlink($upload_dir.$edit_row['foto']);
move_uploaded_file($tmp_dir,$upload_dir.$foto); }
else {
$errMSG = "Sorry, your file is too large it should be less then 5MB";
} }
else {
$errMSG = "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
} }
else {
// if no image selected the old image remain as it is.
$foto = $edit_row['foto']; // old image from database
// if no error occured, continue .... if(!isset($errMSG))
{
$stmt = $DB_con->prepare('UPDATE images SET kegiatan=:ukegiatan,
foto=:ufoto
WHERE id=:uid');
$stmt->bindParam(':ukegiatan',$kegiatan); $stmt->bindParam(':ufoto',$foto);
$stmt->bindParam(':uid',$id);
if($stmt->execute()){ ?>
<script>
alert('Successfully Updated ...'); window.location.href='images.php'; </script>
<?php } else{
$errMSG = "Sorry Data Could Not Updated !"; }
} }
?>
<!DOCTYPE html> <html>
<head>
<title>Gallery</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="style.css">
<script src="bootstrap/js/bootstrap.min.js"></script> <script src="jquery-1.11.3-jquery.min.js"></script> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="page-header"> Update gallery </div>
<div class="clearfix"></div>
<form method="post" enctype="multipart/form-data" class="form-horizontal">
<?php
if(isset($errMSG)){ ?>
<div class="alert alert-danger">
<span class="glyphicon glyphicon-info-sign"></span> <?php echo $errMSG; ?>
</div> <?php
} ?>
<table class="table table-bordered table-responsive"> <tr>
<td><label class="control-label">Kegiatan</label></td> <td><input class="form-control" type="text"
name="kegiatan_name" value="<?php echo $kegiatan; ?>" required /></td>
</tr> <tr>
<td><label class="control-label">Foto</label></td> <td>
<p><img src="user_images/<?php echo $foto; ?>" height="150" width="150" /></p>
<input class="input-group" type="file" name="user_image" accept="image/*" />
</td> </tr> <tr>
<td colspan="2"><button type="submit" name="btn_save_updates" class="btn btn-default">
<span class="glyphicon glyphicon-save"></span> Update </button>
<a class="btn btn-default" href="images.php"> <span class="glyphicon glyphicon-backward"></span> cancel </a> </td>
</tr> </table> </form>
</div> </body> </html>
2.3 dbconfig.php
<?php
$DB_PASS = '';
$DB_NAME = 'sekolah';
try{
$DB_con = new
PDO("mysql:host={$DB_HOST};dbname={$DB_NAME}",$DB_USER,$DB_PASS); $DB_con->setAttribute(PDO::ATTR_ERRMODE,
PDO::ERRMODE_EXCEPTION); }
catch(PDOException $e){ echo $e->getMessage(); }
3. Map.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css">
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDrr6DLBG_MxBv_ bguWlr3Amhap9jPyd04"
type="text/javascript"></script> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
<li><a href="../sekolah/map.php">Map</a></li>
<li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container">
<div class="page-header">
<center><h5>Map MTs Parmiyatu Wassa'adah</h5></center> </div>
<div id="map" style="width: 1000px; height: 500px; border: black 1px #F9FEFF"></div>
<script type="text/javascript"> var locations = [
['MTs PARMIYATU WASSAADAH', 3.591286, 98.769280] ];
var map = new
center: new google.maps.LatLng(3.591286, 98.769280),
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
title: 'Click to zoom', map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
map.setZoom(18);
map.setCenter(marker.getPosition()); infowindow.setContent(locations[i][0]); infowindow.open(map, marker);
}
})(marker, i)); }
</script>
<style type="text/css"> #map {
margin: 25px 75px; width: 900px; height: 500px;
border: 1px solid #DCDCDC; text-align: center;
}
#heading-map{
font-size: 18px; font-family: Calibri; color: green;
text-align: center; }
</style> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
4. Guru_lihat.php
<!DOCTYPE html> <html>
<head>
<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
}
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<?php
include "koneksi.php"; ?>
<div class="container">
<div class="page-header">
Data Guru MTs Parmiyatu Wassa'adah </div>
<a href="guru.php?page=guru_input"></a>
<table class="table table-bordered table-responsive"> <tr>
<th width="3%" bgcolor="#F5F5F5">No</td> <th width="18%" bgcolor="#F5F5F5">NIP</td> <th width="18%" bgcolor="#F5F5F5">Nama</td> <th width="10%" bgcolor="#F5F5F5">Tgl Lahir</td> <th width="13%" bgcolor="#F5F5F5">Jenis Kelamin</td> <th width="13%" bgcolor="#F5F5F5">Keterangan</td> <th width="22%" bgcolor="#F5F5F5">Alamat</td> <th width="10%" bgcolor="#F5F5F5">Foto</td> </tr>
<style type="text/css"> th{
border-bottom: 1px Solid #DFDFDF; }
</style> <?php $no = 1;
$query = "SELECT * FROM guru ORDER BY nip"; $sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) { $nip = $hasil['nip'];
$nama = stripslashes ($hasil['nama']);
$jenkel = ($hasil['jenkel']==0)?"Laki-laki" : "Wanita"; $tgllhr = stripslashes ($hasil['tgllahir']);
$keterangan = stripslashes ($hasil['keterangan']); $alamat = stripslashes ($hasil['alamat']);
$foto = $hasil['namafoto'];
//tampilkan data pegawai ?>
<tr bgcolor="<?php echo $warna; ?>"> <td><?php echo $no; ?></td> <td><?php echo $nip; ?></td> <td><?php echo $nama; ?></td> <td><?php echo $tgllhr; ?></td> <td><?php echo $jenkel; ?></td> <td><?php echo $keterangan; ?></td> <td><?php echo $alamat; ?></td>
<td><?php echo "<img src='images/$foto' width='100' height='100'/>"; ?></td>
</tr> <?php $no++; }?> </table>
</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
4.1 guru_tampil.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<?php
include "koneksi.php"; ?>
<div class="container">
<div class="page-header">
<a class="btn btn-default" href="guru.php?page=guru_input"> <span class="glyphicon glyphicon-plus"></span> add New</a>
<h4></h4>
<table class="table table-bordered table-responsive"> <tr>
<th width="3%" bgcolor="#F5F5F5">No</td> <th width="18%" bgcolor="#F5F5F5">NIP</td> <th width="18%" bgcolor="#F5F5F5">Nama</td> <th width="10%" bgcolor="#F5F5F5">Tgl Lahir</td> <th width="13%" bgcolor="#F5F5F5">Jenis Kelamin</td> <th width="13%" bgcolor="#F5F5F5">Keterangan</td> <th width="22%" bgcolor="#F5F5F5">Alamat</td> <th width="10%" bgcolor="#F5F5F5">Foto</td> <th width="6%" bgcolor="#F5F5F5">Action</td> </tr>
<style type="text/css"> th{
border-bottom: 1px Solid #DFDFDF; }
</style> <?php $no = 1;
$query = "SELECT * FROM guru ORDER BY nip"; $sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) { $nip = $hasil['nip'];
$nama = stripslashes ($hasil['nama']);
$jenkel = ($hasil['jenkel']==0)?"Laki-laki" : "Wanita"; $tgllhr = stripslashes ($hasil['tgllahir']);
$keterangan = stripslashes ($hasil['keterangan']); $alamat = stripslashes ($hasil['alamat']);
$foto = $hasil['namafoto'];
$warna = ($no%2==1)?"#ffffff":"#efefef";
//tampilkan data pegawai ?>
<tr bgcolor="<?php echo $warna; ?>"> <td><?php echo $no; ?></td> <td><?php echo $nip; ?></td> <td><?php echo $nama; ?></td> <td><?php echo $tgllhr; ?></td> <td><?php echo $jenkel; ?></td> <td><?php echo $keterangan; ?></td> <td><?php echo $alamat; ?></td>
<td><?php echo "<img src='images/$foto' width='100' height='100'/>"; ?></td>
<td>
<a class="btn btn-info"
href="guru.php?page=guru_edit&nip=<?php echo $nip; ?>" title="click for edit" onclick="return confirm('sure to edit ?')"><span
class="glyphicon glyphicon-edit"></span> Edit</a></br>
<a class="btn btn-danger"
href="guru.php?page=guru_delete&nip=<?php echo $nip; ?>" title="click for delete" onclick="return confirm('sure to delete ?')"><span
class="glyphicon glyphicon-remove-circle"></span> Delete</a></td> </tr>
</table> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
4.2 guru_input.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
<li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<?php
include "koneksi.php";
//proses input
if (isset($_POST['Input'])) {
$nip = addslashes (strip_tags ($_POST['nip'])); $nama = addslashes (strip_tags ($_POST['nama'])); $tahun = $_POST['thn'];
$bulan = $_POST['bln']; $tanggal = $_POST['tgl'];
$tgllahir = $tahun."-".$bulan."-".$tanggal; $jenkel = $_POST['jenkel'];
$keterangan = $_POST['keterangan'];
$alamat = addslashes (strip_tags ($_POST['alamat'])); $namafoto = $_FILES['foto']['name'];
if (strlen ($nip) != 10) {
echo"<script>alert('Data Guru berhasil di Input
!',document.location.href='guru.php?page=guru_input')</script>"; }
//upload
if (is_uploaded_file($_FILES['foto']['tmp_name'])) { move_uploaded_file ($_FILES['foto']['tmp_name'], "images/".$namafoto);
} }
//insert ke tabel
$query = "INSERT INTO guru
VALUES('$nip','$nama','$tgllahir','$jenkel','$keterangan','$alamat',' $namafoto')";
$sql = mysql_query ($query) or die (mysql_error()); if ($sql) {
echo"<script>alert('Data Guru telah berhasil ditambahkan !',document.location.href='guru.php')</script>";
} else {
echo"<script>alert('Data Guru gagal ditambahkan !',document.location.href='guru.php')</script>";
} }
?>
<div class="container">
<div class="page-header">
Data Guru MTs Parmiyatu Wassa'adah </div>
<FORM ACTION="" METHOD="POST" NAME="guru_input" enctype="multipart/form-data">
<table class="table table-bordered table-responsive">
<tr>
<td width="200">NIP</td>
<td><input class="form-control" type="text" name="nip" size="18" maxlength="18"></td>
</tr> <tr>
<td>Nama</td>
<td><input class="form-control" type="text" name="nama" size="30" maxlength="30"></td>
</tr> <tr>
<td>Tanggal Lahir</td> <td>
<select name="tgl"> <?php
for ($i=1; $i<=31; $i++) {
$tg = ($i<10) ? "0$i" : $i; echo "<option
value='$tg'>$tg</option>"; } ?>
</select> -
<select name="bln"> <?php
for ($j=1; $j<=12; $j++) {
$bl = ($j<10) ? "0$j" : $j; echo "<option
value='$bl'>$bl</option>"; } ?>
<select name="thn"> <?php
for ($k=1965; $k<=2000; $k++) { echo "<option
value='$k'>$k</option>";
} ?>
</select> </td> </tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" name="jenkel" value="0" checked> Pria
<input type="radio" name="jenkel" value="1"> Wanita</td>
</tr> <tr>
<td>Keterangan</td>
<td><input class="form-control" type="text" name="keterangan" size="30" maxlength="30"></td>
</tr> <tr>
<td>Alamat</td>
<td><textarea class="form-control" name="alamat" cols="40" rows="3"></textarea></td>
</tr> <tr>
<td>Foto</td>
<td><input type="file" name="foto"/></td> </tr>
<tr>
<td> </td>
<td> <button type="submit" name="Input" class="btn btn-default"><span class="glyphicon glyphicon-save"></span> Save </button>
<button type="reset" name="reset" class="btn btn-default"><span class="glyphicon
glyphicon-chevron-left"></span> Reset</button>
<a class="btn btn-default" href="guru.php"> <span class="glyphicon glyphicon-backward"></span>
cancel</a></td>
</tr> </table> </FORM>
</div> </div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
4.3 guru_edit.php
<!DOCTYPE html> <html>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<?php
include "koneksi.php";
if (isset($_GET['nip'])) { $nip = $_GET['nip']; } else {
die ("Error. No Nip Selected! "); }
$query = "SELECT * FROM guru WHERE nip='$nip'"; $sql = mysql_query ($query);
$hasil = mysql_fetch_array ($sql); $nip = $hasil['nip'];
$nama = stripslashes ($hasil['nama']); $jenkel = $hasil['jenkel'];
list($thn,$bln,$tgl) = explode ("-",$hasil['tgllahir']); $keterangan = stripslashes ($hasil['keterangan']);
$alamat = stripslashes ($hasil['alamat']); $namafoto = stripslashes ($hasil['namafoto']); $foto = $hasil['namafoto'];
//proses edit
if (isset($_POST['Edit'])) { $nip = $_POST['hnip'];
$nama = addslashes (strip_tags ($_POST['nama'])); $tgllahir = $_POST['thn']."-".$_POST['bln']."-".$_POST['tgl'];
$jenkel = $_POST['jenkel'];
$keterangan = addslashes (strip_tags ($_POST['keterangan']));
$alamat = addslashes (strip_tags ($_POST['alamat'])); $namafoto = $_FILES['foto']['name'];
if (strlen($namafoto)>0) { //upload
move_uploaded_file
($_FILES['foto']['tmp_name'], "images/".$namafoto); mysql_query ("UPDATE guru SET namafoto='$namafoto' WHERE nip='$nip'");
} }
//update data
$query = "UPDATE guru SET
nama='$nama',tgllahir='$tgllahir',jenkel='$jenkel',
keterangan='$keterangan',alamat='$alamat' WHERE nip='$nip'";
$sql = mysql_query ($query); if ($sql) {
echo"<script>alert('Data Guru telah berhasil diedit !',document.location.href='guru.php')</script>";
} else {
echo"<script>alert('Data Guru gagal diedit !',document.location.href='guru.php')</script>";
} }
?>
<div class="container">
<div class="page-header">
Data Guru MTs Parmiyatu Wassa'adah </div>
<FORM ACTION="" METHOD="POST" NAME="guru_input" enctype="multipart/form-data">
<table class="table table-bordered table-responsive">
<tr>
<td width="271">NIP</td>
<td width="463"> <b><?php echo $nip; ?></b></td>
<td width="216">Foto: <?php echo $namafoto; ?></td>
</tr> <tr>
<td>Nama</td>
<td> <input class="form-control" type="text" name="nama" size="30" maxlength="30" value="<?php echo $nama;
?>"></td>
<td rowspan="4"><?php echo "<img src='images/$foto' width='180' height='180'/>"; ?></td>
</tr> <tr>
<td>Tanggal Lahir</td> <td>
<select name="tgl"> <?php
for ($i=1; $i<=31; $i++) {
$tg = ($i<10) ? "0$i" : $i;
$sele = ($tg==$tgl)? "selected" : "";
echo "<option value='$tg' $sele>$tg</option>";
} ?>
<select name="bln"> <?php
for ($i=1; $i<=12; $i++) {
$bl = ($i<10) ? "0$i" : $i; $sele = ($bl==$bln)?"selected" : "";
echo "<option value='$bl' $sele>$bl</option>";
} ?>
</select> -
<select name="thn"> <?php
for ($i=1970; $i<=2000; $i++) {
$sele = ($i==$thn)?"selected" : "";
echo "<option value='$i' $sele>$i</option>";
} ?>
</select> </td> </tr>
<tr>
<td>Jenis Kelamin</td>
<td> <input type="radio" name="jenkel"
value="0" <?php echo ($jenkel==0)?"checked":""; ?>> Pria <input type="radio" name="jenkel" value="1" <?php echo ($jenkel==1)?"checked":""; ?>> Wanita</td>
</tr> <tr>
<td>Keterangan</td>
<td> <input class="form-control" type="text" name="keterangan" size="30" maxlength="30" value="<?php echo
$keterangan; ?>"></td> </tr> <tr>
<td>Alamat</td>
<td> <textarea class="form-control" name="alamat" cols="40" rows="3"><?php echo $alamat;
?></textarea></td> </tr> <tr>
<td>Foto</td>
<td> <input type="file" name="foto"/></td>
</tr> <tr>
<td> </td> <td>
<input type="hidden" name="hnip" value="<?php echo $nip; ?>">
<button type="submit" name="Edit" value=" Simpan " class="btn btn-default"><span class="glyphicon glyphicon-save"></span> Save </button>
<button type="reset" name="reset" class="btn btn-default"><span class="glyphicon
<a class="btn btn-default" href="guru.php"> <span class="glyphicon glyphicon-backward"></span>
cancel</a></td>
</tr> </table> </FORM>
</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
4.4 guru_delete.php
<?php
include "koneksi.php";
if (isset($_GET['nip'])) { $nip = $_GET['nip']; } else {
die ("Error. No nip Selected! "); }
?>
<div id="content"> <?php
//proses delete berita
if (!empty($nip) && $nip != "") {
$query = "DELETE FROM guru WHERE nip='$nip'"; $sql = mysql_query ($query);
if ($sql) {
echo"<script>alert('Data guru telah berhasil dihapus !',document.location.href='guru.php')</script>";
} else {
echo"<script>alert('Data guru gagal dihapus !',document.location.href='guru.php')</script>";
}
echo "Klik <a href='guru.php'>di sini</a> untuk kembali ke halaman data guru";
} else {
die ("Access Denied"); }
?> </div>
4.5 guru.php
<!DOCTYPE html> <html>
<head>
<title>Guru</title>
<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css"
<body>
<?php
$page = (isset($_GET['page']))? $_GET['page'] : "main"; switch ($page) {
case 'guru_input': include "guru_input.php"; break; case 'guru_edit' : include "guru_edit.php"; break; case 'guru_delete' : include "guru_delete.php"; break; case 'main' :
default : include 'guru_tampil.php'; }
?> </div> </body> </html>
5. Siswa_lihat.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
<li><a href="../sekolah/map.php">Map</a></li>
<li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{
list-style: none; display: inline; font-size: 22px; }
.menu a{
color: #808080; padding: 0px 10px; text-decoration: none; font-family: Niagara Solid; }
</style> </div> </div>
</div> </div>
<div class="container">
<div class="page-header">
Data Siswa MTs Parmiyatu Wassa'adah </div>
<?php
include "koneksi.php"; ?>
<a href="siswa.php?page=siswa_input"></a>
<table class="table table-bordered table-responsive"> <tr>
<th width="13%" bgcolor="#F5F5F5">Jenis Kelamin</td> <th width="22%" bgcolor="#F5F5F5">Alamat</td>
<th width="10%" bgcolor="#F5F5F5">Foto</td> </tr>
<style type="text/css"> th{
border-bottom: 1px Solid #DFDFDF; }
</style> <?php $no = 1;
$query = "SELECT * FROM siswa ORDER BY nis"; $sql = mysql_query ($query);
while ($hasil = mysql_fetch_array ($sql)) { $nis = $hasil['nis'];
$nama = stripslashes ($hasil['nama']);
$jenkel = ($hasil['jenkel']==0)?"Laki-laki" : "Wanita"; $tgllhr = stripslashes ($hasil['tgllahir']);
$alamat = stripslashes ($hasil['alamat']); $foto = $hasil['namafoto'];
$warna = ($no%2==1)?"#ffffff":"#efefef";
//tampilkan data siswa ?>
<tr bgcolor="<?php echo $warna; ?>"> <td><?php echo $no; ?></td> <td><?php echo $nis; ?></td> <td><?php echo $nama; ?></td> <td><?php echo $tgllhr; ?></td> <td><?php echo $jenkel; ?></td> <td><?php echo $alamat; ?></td>
<td><?php echo "<img src='images/$foto' width='100' height='100'/>"; ?></td>
</tr> <?php $no++; }?> </table>
</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body> </html>
5.1 siswa_tampil.php
<!DOCTYPE html> <html>
<head>
<title>MTs Parmiyatu Wassa'adah</title> <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./bootrtsap/css/bootstrap-theme.min.css"> </head>
<body>
<div class="container">
<div class="navbar-header">
<img src="logopw.png" height="60" width="63"> <style type="text/css">
img{
float: left; margin: 10px; }
</style>
<h3 class="navbar-brand" style="font-family: Niagara Solid; font-size: 35px;">MTs PARMIYATU WASSA'ADAH</h3>
&nb sp; &nb sp; &nb sp; &nb sp;
<div class="menu"> <ul>
<li><a
href="../sekolah/index.php">Profil</a></li> <li><a
href="../sekolah/images_lihat.php">Gallery</a></li> <li><a
href="../sekolah/map.php">Map</a></li> <li><a
href="../sekolah/guru_lihat.php">Guru</a></li> <li><a
href="../sekolah/siswa_lihat.php">Murid</a></li> <li><a
href="../sekolah/alumni_lihat.php">Alumni</a></li> <li><a
href="../sekolah/tamu_lihat.php">Tamu</a></li>
<a href="../sekolah/login.php"><img src="adminpng.png" height="14" width="16"></a>
</ul>
<style type="text/css"> .menu{
float: right; margin: 5px;
}
.menu ul{
margin: 0px; padding: 0px;
padding-right: 10px; }
.menu img{
float: right; }
.menu li{