• Tidak ada hasil yang ditemukan

Sistem Informasi Sekolah berbasis Web MTs Parmiyatu wassa’adah

N/A
N/A
Protected

Academic year: 2017

Membagikan "Sistem Informasi Sekolah berbasis Web MTs Parmiyatu wassa’adah"

Copied!
75
0
0

Teks penuh

(1)

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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;

<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>

(2)

<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>&nbsp;&nbsp;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>

(3)

<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">

(4)

<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;

<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{

(5)

.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> &nbsp; No Data Found ...

</div> </div> <?php

} ?> </div> </div>

(6)

</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>

(7)

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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>

(8)

<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> &nbsp; No Data Found ...

</div> </div> <?php

} ?> </div> </div>

<script src="bootstrap/js/bootstrap.min.js"></script>

</body> </html>

2.2 addnew.php

(9)

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)');

(10)

$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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<div class="menu"> <ul>

<li><a

href="../sekolah/index.php">Profil</a></li> <li><a

(11)

<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> &nbsp; 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>

(12)

<?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> &nbsp; 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 );

(13)

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

(14)

// 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>

(15)

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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>

(16)

<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> &nbsp; <?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

(17)

$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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<div class="menu"> <ul>

<li><a

href="../sekolah/index.php">Profil</a></li> <li><a

(18)

<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

(19)

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>

(20)

<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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;

(21)

}

.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'];

(22)

//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>

(23)

<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">

(24)

<a class="btn btn-default" href="guru.php?page=guru_input"> <span class="glyphicon glyphicon-plus"></span>&nbsp; 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>

(25)

</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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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

(26)

<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>"; }

(27)

//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>"; } ?>

(28)

<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 &nbsp;&nbsp;

<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>&nbsp;</td>

<td>&nbsp;&nbsp;<button type="submit" name="Input" class="btn btn-default"><span class="glyphicon glyphicon-save"></span>&nbsp; Save </button>

<button type="reset" name="reset" class="btn btn-default"><span class="glyphicon

glyphicon-chevron-left"></span>&nbsp; Reset</button>

<a class="btn btn-default" href="guru.php"> <span class="glyphicon glyphicon-backward"></span>&nbsp;

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>

(29)

<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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{

(30)

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

(31)

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>";

} ?>

(32)

<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 &nbsp;&nbsp; <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>&nbsp;</td> <td>&nbsp;&nbsp;

<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>&nbsp; Save </button>

<button type="reset" name="reset" class="btn btn-default"><span class="glyphicon

(33)

<a class="btn btn-default" href="guru.php"> <span class="glyphicon glyphicon-backward"></span>&nbsp;

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"

(34)

<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<div class="menu"> <ul>

<li><a

href="../sekolah/index.php">Profil</a></li> <li><a

(35)

<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>

(36)

<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>

(37)

<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>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<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{

Referensi

Dokumen terkait

untuk menentukan nilai konstanta penggorengan prediksi dengan peubah bebas suhu media.

Penelitian ini merupakan penelitian uji laboratorium yang membandingkan profil disolusi dan penetapan kadar ke tiga tablet amlodipin, terdiri dari inovator (tablet A), generik

Pada proses pasteurisasi diperlukan penanganan mengenai suhu pengolahan secara cermat, yaitu antara 73 0 c – 75 0 c dengan lama proses pengolahan tidak kurang

Pada proses pencampuran tidak dibenarkan pekerja untuk makan, minumb.

Desa buara Kecamatan Ketanggungan Kabupaten Brebes Jawa Tengah, mempunyai indikator jumlah penduduk laki-laki dan perempuan sejumlah 12.384 jiwa, dengan populasi

Data dalam penelitian ini berupa informasi tentang mitos asal-usul dalam masyarakat Pulau Gili Ketapang, berbagai informasi mengenai kegiatan yang dilakukan

Melalui penelitian tindakan kelas penulis dapat langsung mendeteksi dan memecahkan masalah yang dihadapi oleh para siswa dalam pembelajaran matematika dengan

Karma setiap masalah memiliki tanggapan yang berbeda dengan masyarakat lainnya, setiap manusia membutuhkan keadilan bagi dirinya maupun orang lain hanya dengan