daftar pustaka - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/daftar pustaka.pdfeddy prahasta ,...

Post on 04-Feb-2020

21 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

DAFTAR PUSTAKA

Dheni Charter & Irma Agtrisari, 2003, “Desain dan Aplikasi Geographics

Information System”, Jakarta, Elexmediakomputindo

Indarto , 2013,” Sistem Informasi Geografis”, Jogjakarta, Graha Ilmu

Eddy Prahasta, 2001, “Konsep - konsep Dasar Sistem Informasi Geografis”,

Bandung, Informatika

Eddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo,

Informatika, Bandung, Oktober 2002

Riyanto, 2010”Pengembangan Aplikasi Sistem Informasi Geografis”

Tempo, 2013 “Antropologi Kuliner Nusantara”

Jurnal Informatika Dewanto RA “Rancang Bangun Sistem Informasi Geografis

Wisata Kuliner berbasis Web dengan Google API ”

Jurnal Informatika , Vol. 12, No. 2, Desember 2012 Ardi Dwi Saputra, Yulmaini

“Perancangan Sistem Informasi Geografis (SIG) Pariwisata Di Provinsi

Lampung”

Jurnal Informatika, 2010, Dimas Maulana “Membangun Sistem Informasi Kuliner

Bandung berbasis Web”

Eddy Irwansyah , Sistem Informasi Geografis : Prinsip Dasar dan Pengembangan

Aplikasi, Digi Book, Yogyakarta, 2013

http://lecturer.eepisits.edu/~yuliana/Google%20Maps%20API/Buku/Tutorial%20

Google%20Maps%20API.pdf

https://id.wikipedia.org/wiki/Sistem_informasi_geografis

http://jurnal.uir.ac.id/index.php/ITJRD/article/view/629

https://www.scribd.com/doc/174758495/Rancang-Bangun-Sistem-Informasi-

Geografis-Wisata-Kuliner-Berbasis-Web-Dengan-Google-API

https://mafiadoc.com/rancang-bangun-sistem-informasi-geografis-wisata-kuliner-

_59d9f2ec1723dd13f518ae2e.html

Index.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">

<link rel="icon" type="image/png" href="assets/img/favicon.png">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>Login Page</title>

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0,

user-scalable=0, shrink-to-fit=no' name='viewport' />

<!-- Fonts and icons -->

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"

rel="stylesheet" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-

awesome/latest/css/font-awesome.min.css" />

<!-- CSS Files -->

<link href="assets/css/bootstrap.min.css" rel="stylesheet" />

<link href="assets/css/now-ui-kit.css" rel="stylesheet" />

<!-- CSS Just for demo purpose, don't include it in your project -->

<link href="assets/css/demo.css" rel="stylesheet" />

</head>

<body class="login-page">

<!-- Navbar -->

<nav class="navbar navbar-toggleable-md bg-primary fixed-top navbar-

transparent " color-on-scroll="500">

<div class="container">

<div class="collapse navbar-collapse justify-content-end" id="navigation"

data-nav-image="../assets/img/blurred-image-1.jpg">

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" rel="tooltip" title="Watch Our Video" data-

placement="bottom"

href="https://www.youtube.com/channel/UCDpD3Bi601LEUQVNvPyWjCQ"

target="_blank">

<i class="fa fa-youtube"></i>

<p class="hidden-lg-up">Youtube</p>

</a>

</li>

<li class="nav-item">

<a class="nav-link" rel="tooltip" title="Follow us on Instagram"

data-placement="bottom" href="https://www.instagram.com/sigerfoodies"

target="_blank">

<i class="fa fa-instagram"></i>

<p class="hidden-lg-up">Instagram</p>

</a>

</li>

</ul>

</div>

</div>

</nav>

<!-- End Navbar -->

<div class="page-header" filter-color="purple">

<div class="page-header-image" style="background-

image:url(assets/img/header.jpg)"></div>

<div class="container">

<div class="col-md-4 content-center">

<div class="card card-login card-plain">

<form class="form" method="POST" action="login.php">

<div class="header header-primary text-center">

<div class="n-logo">

<img class="" src="assets/img/llogo.png" width="50%"

height= "50%" alt="">

</div>

<br>

<h2> LOGIN </h2>

<br>

</div>

<div class="content">

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="text" class="form-control" name="log_user"

placeholder="USERNAME">

</div>

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="password" placeholder="PASSWORD"

name="log_pass" class="form-control" />

</div>

</div>

<div class="footer text-center">

<button type="submit" class="btn btn-primary btn-round btn-lg

btn-block">SIGN IN</button>

</div>

<div class="pull-left">

<h6>

<a href="register.php" class="link">Create Account</a>

</h6>

</div>

<div class="pull-right">

<h6>

<a href="#pablo" class="link" data-toggle="tooltip" data-

placement="bottom" title="Create Account first, if you don't have one! :)" >Need

Help?</a>

</h6>

</div>

</form>

</div>

</div>

</div>

</div>

</body>

<!-- Core JS Files -->

<script src="assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>

<script src="assets/js/core/tether.min.js" type="text/javascript"></script>

<script src="assets/js/core/bootstrap.min.js" type="text/javascript"></script>

<!-- Plugin for Switches, full documentation here:

http://www.jque.re/plugins/version3/bootstrap.switch/ -->

<script src="assets/js/plugins/bootstrap-switch.js"></script>

<!-- Plugin for the Sliders, full documentation here:

http://refreshless.com/nouislider/ -->

<script src="assets/js/plugins/nouislider.min.js" type="text/javascript"></script>

<!-- Plugin for the DatePicker, full documentation here:

https://github.com/uxsolutions/bootstrap-datepicker -->

<script src="assets/js/plugins/bootstrap-datepicker.js"

type="text/javascript"></script>

<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages

etc -->

<script src="assets/js/now-ui-kit.js" type="text/javascript"></script>

</html>

Koneksi.php

<?PHP

session_start();

define("HOST", "localhost"); // The host you want to connect to.

define("USER", "root"); // The database username.

define("PASSWORD", ""); // The database password.

define("DATABASE", "id2458866_sfdb"); // The database name.

$koneksi = mysqli_connect(HOST,USER,PASSWORD,DATABASE);

?>

Login.php

<?php

include ("koneksi.php");

@$user=$_POST['log_user'];

@$pass=$_POST['log_pass'];

@$hash=md5($pass);

$sel1="SELECT * FROM user WHERE username='$user' &&

password='$hash'";

$run1=mysqli_query($koneksi,$sel1);

$get1=mysqli_fetch_array($run1);

if (isset($get1)) {

$_SESSION['username']=$get1['username'];

$_SESSION['seslevel']=$get1['level'];

$_SESSION['namaleng']=$get1['nama'];

$_SESSION['emailuse']=$get1['email'];

$_SESSION['imgusers']=$get1['img'];

if ($_SESSION['seslevel'] == 'Admin') {

header("Location:adminmaster/index.php");

echo '<script language="javascript">alert("Anda berhasil Login

Admin!") </script>';

} else

if ($_SESSION['seslevel'] == 'Guest') {

header("Location:guest/index.php");

echo '<script language="javascript">alert("Anda berhasil Login

Guest!"); </script>';

} else

{?>

<script type="text/javascript">alert("Login gagal. Email

atau password salah !"); window.location.href="index.php"</script>

<?PHP

}

}

else

{?>

<script type="text/javascript">alert("Login gagal. Email atau password

salah !"); window.location.href="index.php"</script>

<?PHP

}

?>

?>

Logout.php

<?php

session_start();

session_destroy();

header("Location:index.php");

?>

Pregister.php

<?PHP

include ("koneksi.php");

$us = $_POST['guest_user'];

$pw = md5($_POST['guest_pws']);

$nl = $_POST['guest_nama'];

$em = $_POST['guest_email'];

$lv = "Guest";

$img = "-";

$cek=mysqli_query($koneksi,"SELECT * FROM user WHERE

username='$us'");

if (mysqli_num_rows($cek) > 0) {

?>

<script type="text/javascript">alert("Username telah digunakan");

window.location.href="register.php"</script>

<?PHP

} else {

$sql="INSERT INTO user VALUES

(NULL,'$us','$pw','$nl','$em','$lv','$img')";

if(mysqli_query($koneksi,$sql))

{

?>

<script type="text/javascript">alert("Akun Berhasil Dibuat,

Silahkan Login!"); window.location.href="index.php"</script>

<?PHP

}

else{?>

<script type="text/javascript">alert("Akun Gagal Dibuat, Silahkan

Coba Lagi".mysql_error()); window.location.href="register.php"</script>

<?PHP

}

}

?>

Register.php

<?php

include 'koneksi.php';

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">

<link rel="icon" type="image/png" href="assets/img/favicon.png">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>Create Account</title>

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0,

user-scalable=0, shrink-to-fit=no' name='viewport' />

<!-- Fonts and icons -->

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"

rel="stylesheet" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-

awesome/latest/css/font-awesome.min.css" />

<!-- CSS Files -->

<link href="assets/css/bootstrap.min.css" rel="stylesheet" />

<link href="assets/css/now-ui-kit.css" rel="stylesheet" />

<!-- CSS Just for demo purpose, don't include it in your project -->

<link href="assets/css/demo.css" rel="stylesheet" />

</head>

<body class="login-page">

<!-- Navbar -->

<!-- End Navbar -->

<div class="page-header" filter-color="purple">

<div class="page-header-image" style="background-

image:url(assets/img/header.jpg)"></div>

<div class="container">

<div class="col-md-4 content-center">

<div class="card card-login card-plain">

<div class="space-50"></div>

<form action="pregister.php" method="POST"

enctype="multipart/form-data">

<div class="header header-primary text-center">

<br>

<h4> CREATE NEW ACCOUNT </h4>

<br>

</div>

<div class="content">

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="text" class="form-control" name="guest_user"

placeholder="USERNAME">

</div>

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="password" placeholder="PASSWORD"

name="guest_pws" class="form-control" >

</div>

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="text" placeholder="FULL NAME"

name="guest_nama" class="form-control" >

</div>

<div class="input-group form-group-no-border input-lg">

<span class="input-group-addon">

</span>

<input type="email" placeholder="EMAIL

example@gmail.com" name="guest_email" class="form-control">

</div>

</div>

<div class="footer text-center">

<button type="submit" class="btn btn-primary btn-round btn-lg

btn-block">CREATE ACCOUNT</button>

</div>

<div class="pull-left">

<h6>

<a href="index.php" class="link">Already have ?</a>

</h6>

</div>

<div class="pull-right">

<h6>

<a href="#pablo" class="link" data-toggle="tooltip" data-

placement="bottom" title="Create Account first, if you don't have one! :)" >Need

Help?</a>

</h6>

</div>

</form>

</div>

</div>

</div>

</div>

</body>

<!-- Core JS Files -->

<script src="../assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>

<script src="../assets/js/core/tether.min.js" type="text/javascript"></script>

<script src="../assets/js/core/bootstrap.min.js" type="text/javascript"></script>

<!-- Plugin for Switches, full documentation here:

http://www.jque.re/plugins/version3/bootstrap.switch/ -->

<script src="../assets/js/plugins/bootstrap-switch.js"></script>

<!-- Plugin for the Sliders, full documentation here:

http://refreshless.com/nouislider/ -->

<script src="../assets/js/plugins/nouislider.min.js" type="text/javascript"></script>

<!-- Plugin for the DatePicker, full documentation here:

https://github.com/uxsolutions/bootstrap-datepicker -->

<script src="../assets/js/plugins/bootstrap-datepicker.js"

type="text/javascript"></script>

<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages

etc -->

<script src="../assets/js/now-ui-kit.js" type="text/javascript"></script>

</html>

Akses.php

<?php

session_start();

if(!isset($_SESSION['seslevel'])){

echo '<script language="javascript">alert("Anda harus Login!");

document.location="../index.php";</script>';

} else

if ($_SESSION['seslevel'] == 'Guest') {

header("Location:../index.php");

echo '<script language="javascript">alert("Anda harus login");

</script>';

} ?>

Artikel.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT ARTIKEL REVIEW</B></h1>

</div>

<!-- Input -->

<form action="input/tambahartikel.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<h1 class="card-inside-title">NAMA KULINER</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Kuliner" name="nk" id="a">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">TANGGAL ARTICLE</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control" readonly

name="tgl" id="c" value="<?php echo date("d-m-Y");?>">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">JUDUL ARTIKEL</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Judul Artikel anda.." name="jdl" id="d">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">PENULIS</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Penulis" name="pns" id="e">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">ULASAN </h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Masukan Ulsaan Kuliner.." name="art" id="z"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">QUOTES </h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Masukan Quotes .." name="q" id="t"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOAD GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 1</h3>

<input type="file" accept="image/*" name="foto1"

class="form-control" id="foto1">

</div>

</div>

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 2</h3>

<input type="file" accept="image/*" name="foto2"

class="form-control" id="foto2">

</div>

</div>

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 3</h3>

<input type="file" accept="image/*" name="foto3"

class="form-control" id="foto3">

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

</div>

</div>

<script>

$("#foto1","#foto2","#foto3").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x =

document.getElementById("foto1","foto2","foto3");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto1","#foto2","#foto3");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

Dashboard.php (Admin)

<?php

@include ('../koneksi.php');

?>

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>DASHBOARD</B></h1>

</div>

<!-- Widgets -->

<div class="row clearfix">

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

<?php

$result = mysqli_query ($koneksi, "SELECT idkuliner, namakuliner FROM

kuliner ORDER BY namakuliner");

$row_cnt = mysqli_num_rows($result);

mysqli_free_result($result);

{

?>

<div class="info-box bg-pink hover-expand-effect">

<div class="icon">

<i class="material-icons">restaurant_menu</i>

</div>

<div class="content">

<div class="text">DATA KULINER</div>

<div class="number count-to" data-from="0" data-to="<?php

printf(" %d \n", $row_cnt); ?>" data-speed="500" data-fresh-

interval="20"></div>

</div>

<?php

}

?>

</div>

</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

<?php

$result1 = mysqli_query ($koneksi, "SELECT idmakanan, nmmakanan FROM

makanan ORDER BY nmmakanan");

$row_a = mysqli_num_rows($result1);

mysqli_free_result($result1);

{

?>

<div class="info-box bg-cyan hover-expand-effect">

<div class="icon">

<i class="material-icons">local_pizza</i>

</div>

<div class="content">

<div class="text">DATA MAKANAN</div>

<div class="number count-to" data-from="0" data-to="<?php

printf(" %d \n", $row_a); ?>" data-speed="1000" data-fresh-interval="20"></div>

</div>

<?php

}

?>

</div>

</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

<?php

$result2 = mysqli_query ($koneksi, "SELECT idreview, nmkuliner FROM review

ORDER BY nmkuliner");

$row_b = mysqli_num_rows($result2);

mysqli_free_result($result2);

{

?>

<div class="info-box bg-light-green hover-expand-effect">

<div class="icon">

<i class="material-icons">rate_review</i>

</div>

<div class="content">

<div class="text">DATA ARTIKEL</div>

<div class="number count-to" data-from="0" data-to="<?php

printf(" %d \n", $row_b); ?>" data-speed="1000" data-fresh-interval="20"></div>

</div>

</div>

<?php

}

?>

</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">

<?php

$result3 = mysqli_query ($koneksi, "SELECT idevent, nmevent FROM event

ORDER BY nmevent");

$row_c = mysqli_num_rows($result3);

mysqli_free_result($result3);

{

?>

<div class="info-box bg-orange hover-expand-effect">

<div class="icon">

<i class="material-icons">event</i>

</div>

<div class="content">

<div class="text">DATA EVENT</div>

<div class="number count-to" data-from="0" data-to="<?php

printf(" %d \n", $row_c); ?>" data-speed="1000" data-fresh-interval="20"></div>

</div>

</div>

</div>

<?php

}

?>

</div>

<!-- #END# Widgets -->

<!-- #END# Browser Usage -->

</div>

</section>

Event.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT DATA EVENT<B></h1>

</div>

<!-- Input -->

<form action="input/tambahevent.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<h1 class="card-inside-title">NAMA EVENT</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Event" name="ne" id="a">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">LOKASI EVENT</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Lokasi Event" name="lo" id="b">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">WAKTU EVENT</h1>

<div class="row clearfix">

<div class="col-sm-6">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Start YYYY-MM-DD" name="s" id="c">

</div>

</div>

</div>

<div class="col-sm-6">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Finish YYYY-MM-DD" name="f" id="d">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">EVENT ORGANIZER</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Event Organizer" name="eo" id="e">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">DESKRIPSI EVENT</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Deskripsikan Event..." name="desk" id="f"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">CONTACT PERSON</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="+62" name="ntp" id="e">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOAD GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<input type="file" accept="image/*" name="foto"

class="form-control" id="foto">

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

</div>

</div>

<script>

$("#foto").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x = document.getElementById("foto");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

Gallery.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT GALLERY<B></h1>

</div>

<!-- Input -->

<form action="input/tambahgallery.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<h1 class="card-inside-title">DESKRIPSI GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Caption Gambar" name="desk" id="f"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOUD GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-4">

<div class="form-group ">

<input type="file" accept="image/*" name="foto"

class="form-control" id="foto">

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

</div>

</div>

<script>

$("#foto").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x = document.getElementById("foto");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

Hapus.php (Admin)

<?php

include '../koneksi.php';

$id = $_GET ['id'];

if(isset($_GET['page']))

{

switch($_GET['page'])

{

case 'kuliner':

mysqli_query($koneksi,"delete from kuliner where idkuliner='$id'");

header("location:index.php?page=tkuliner");

break;

case 'makanan':

mysqli_query($koneksi,"delete from makanan where idmakanan='$id'");

header("location:index.php?page=tmakanan");

break;

case 'artikel':

mysqli_query($koneksi,"delete from review where idreview='$id'");

header("location:index.php?page=tartikel");

break;

case 'event':

mysqli_query($koneksi,"delete from event where idevent='$id'");

header("location:index.php?page=tevent");

break;

case 'gallery':

mysqli_query($koneksi,"delete from gallery where idgambar='$id'");

header("location:index.php?page=tgallery");

break;

case 'user':

mysqli_query($koneksi,"delete from user where iduser='$id'");

header("location:index.php?page=tuser");

break;

}

}

?>

Index.php (Admin)

<?php include 'akses.php';

?>

<!DOCTYPE html>

<html>

<body class="theme-light-green">

<!-- Page Loader -->

<div class="page-loader-wrapper">

<div class="loader">

<div class="preloader">

<div class="spinner-layer pl-green">

<div class="circle-clipper left">

<div class="circle"></div>

</div>

<div class="circle-clipper right">

<div class="circle"></div>

</div>

</div>

</div>

<p>Please wait...</p>

</div>

</div>

<!-- #END# Page Loader -->

<!-- Overlay For Sidebars -->

<div class="overlay"></div>

<!-- #END# Overlay For Sidebars -->

<!-- Search Bar -->

<!-- #END# Search Bar -->

<!-- Top Bar -->

<nav class="navbar">

<div class="container-fluid">

<div class="navbar-header">

<a href="javascript:void(0);" class="navbar-toggle collapsed" data-

toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>

<a href="javascript:void(0);" class="bars"></a>

<a class="navbar-brand" href="index.php"><b>Dashboard

Sigerfoodies</a>

</div>

<div class="collapse navbar-collapse" id="navbar-collapse">

<ul class="nav navbar-nav navbar-right">

<!-- Call Search -->

<li><a href="../logout.php" ><i class="material-icons" data-

toggle="tooltip" data-placement="bottom" title="LOG OUT <?php echo

$_SESSION['namaleng']; ?>" >exit_to_app</i></a></li>

<!-- #END# Call Search -->

<!-- Notifications -->

</div>

</nav>

<!-- #Top Bar -->

<?php include'menu.php'; ?>

<?php

switch ($_GET['page']) {

case 'kuliner':

include'kuliner.php';

break;

case 'makanan':

include'makanan.php';

break;

case 'user':

include'user.php';

break;

case 'artikel':

include'artikel.php';

break;

case 'event':

include'event.php';

break;

case 'gallery':

include'gallery.php';

break;

case 'tkuliner':

include'tables/tkuliner.php';

break;

case 'tmakanan':

include'tables/tmakanan.php';

break;

case 'tartikel':

include'tables/tartikel.php';

break;

case 'tevent':

include'tables/tevent.php';

break;

case 'tuser':

include'tables/tuser.php';

break;

case 'tgallery':

include'tables/tgallery.php';

break;

case 'editmakanan':

include'edit/editmakanan.php';

break;

case 'editkuliner':

include'edit/editkuliner.php';

break;

case 'editartikel':

include'edit/editartikel.php';

break;

case 'editevent':

include'edit/editevent.php';

break;

case 'editgallery':

include'edit/editgallery.php';

break;

case 'edituser':

include'edit/edituser.php';

break;

default:

include 'dashboard.php';

break;

}

?>

</body>

</html>

Kuliner.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT DATA KULINER<B></h1>

</div>

<!-- Input -->

<form action="input/tambahkuliner.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<h1 class="card-inside-title">NAMA KULINER</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama" name="nk" id="a">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">ALAMAT KULINER</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Masukan Alamat Kuliner.." name="alt" id="b"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">WAKTU SERVICE</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="00:00 - 23:59" name="wkt" id="c">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">REKOMENDASI MENU</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="" name="recmen" id="d">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">NOMOR TELEPON</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="+62" name="ntp" id="e">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">KISARAN HARGA</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="10.000 - 250.000" name="hki" id="f">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">KORDINAT </h1>

<div class="row clearfix">

<div class="col-sm-6">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Lat -5.4178947" name="lat" id="g">

</div>

</div>

</div>

<div class="col-sm-6">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Lng 105.2343431" name="lng" id="h">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOAD GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 1</h3>

<input type="file" accept="image/*" name="foto1"

class="form-control" id="foto1">

</div>

</div>

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 2</h3>

<input type="file" accept="image/*" name="foto2"

class="form-control" id="foto2">

</div>

</div>

<div class="col-sm-4">

<div class="form-group ">

<h3 class="label bg-light-green">Gambar 3</h3>

<input type="file" accept="image/*" name="foto3"

class="form-control" id="foto3">

</div>

</div>

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

<script>

$("#foto1","#foto2","#foto3").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x =

document.getElementById("foto1","foto2","foto3");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto1","#foto2","#foto3");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

Logout.php (Admin)

<?php

session_start();

session_destroy();

header("Location:../login/index.php");

?>

Makanan.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT DATA MAKANAN</B></h1>

</div>

<!-- Input -->

<form action="input/tambahmakanan.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<div class="row clearfix">

<div class="col-sm-6">

<h1 class="card-inside-title">PILIH KULINER</h1>

<div class="form-group">

<select class="form-control show-tick" name="idk">

<option value="">Pilih Kuliner</option>

<?php

include"../koneksi.php";

$sql = mysqli_query($koneksi,"SELECT * FROM

kuliner");

while( $query = mysqli_fetch_array($sql)){ ?>

<option value="<?php echo $query['idkuliner']?>" >

<?php echo $query['namakuliner']?></option>

<?php } ?>

</select>

</div>

</div>

<div class="col-sm-3">

<h1 class="card-inside-title">JENIS MAKANAN</h1>

<div class="form-group" >

<select class="form-control show-tick" name="jenis">

<option value="">Pilih Jenis Makanan</option>

<?php

include"../koneksi.php";

$sql = mysqli_query($koneksi,"SELECT * FROM

jenis");

while( $query = mysqli_fetch_array($sql)){ ?>

<option value="<?php echo $query['idjenis']?>" >

<?php echo $query['nmjenis']?></option>

<?php } ?>

</select>

</div>

</div>

<div class="col-sm-3">

<h1 class="card-inside-title">PILIH MENU</h1>

<div class="form-group" >

<select class="form-control show-tick" name="recmen">

<option value="">Pilih Menu</option>

<?php

include"../koneksi.php";

$sql = mysqli_query($koneksi,"SELECT * FROM

recmen");

while( $query = mysqli_fetch_array($sql)){ ?>

<option value="<?php echo $query['idrecmen']?>" >

<?php echo $query['nmrecmen']?></option>

<?php } ?>

</select>

</div>

</div>

</div>

<h1 class="card-inside-title">NAMA MAKANAN</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Makanan.." name="nm" id="c">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">DESKRIPSI MAKANAN</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group">

<div class="form-line">

<textarea rows="4" class="form-control no-resize"

placeholder="Masukan Deskripsi Makanan.." name="ket" id="b"></textarea>

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">HARGA MAKANAN</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Rp." name="hrg" id="c">

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOAD GAMBAR</h1>

<div class="row clearfix">

<div class="col-sm-4">

<div class="form-group ">

<input type="file" accept="image/*" name="foto1"

class="form-control" id="foto1">

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

</div>

</div>

<script>

$("#foto1").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x = document.getElementById("foto1");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto1");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

Menu.php(Admin)

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-

scalable=no" name="viewport">

<title>Dashboard Admin Sigerfoodies</title>

<!-- Favicon-->

<link rel="icon" href="favicon.png" type="image/x-icon">

<!-- Google Fonts -->

<link

href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyri

llic-ext" rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"

rel="stylesheet" type="text/css">

<!-- Bootstrap Core Css -->

<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">

<!-- Waves Effect Css -->

<link href="plugins/node-waves/waves.css" rel="stylesheet" />

<!-- Animation Css -->

<link href="plugins/animate-css/animate.css" rel="stylesheet" />

<!-- Morris Chart Css-->

<link href="plugins/morrisjs/morris.css" rel="stylesheet" />

<!-- Bootstrap Select Css -->

<link href="plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet"

/>

<!-- JQuery DataTable Css -->

<link href="plugins/jquery-

datatable/skin/bootstrap/css/dataTables.bootstrap.css" rel="stylesheet">

<link href="../plugins/light-gallery/css/lightgallery.css" rel="stylesheet">

<!-- Custom Css -->

<link href="css/style.css" rel="stylesheet">

<!-- AdminBSB Themes. You can choose a theme from css/themes instead of

get all themes -->

<link href="css/themes/all-themes.css" rel="stylesheet" />

</head>

<section>

<!-- Left Sidebar -->

<aside id="leftsidebar" class="sidebar">

<!-- User Info -->

<div class="user-info">

<div class="image">

<img src="../guest/gambar/user/<?php echo $_SESSION['imgusers'];

?>" width="50" height="50" alt="User" />

</div>

<div class="info-container">

<div class="name" data-toggle="dropdown" aria-haspopup="true"

aria-expanded="false"><?php echo $_SESSION['namaleng']; ?></div>

<div class="email"><?php echo $_SESSION['emailuse']; ?></div>

</div>

</div>

<!-- #User Info -->

<!-- Menu -->

<div class="menu">

<ul class="list">

<li class="header">MAIN NAVIGATION</li>

<li class="active">

<a href="index.php">

<i class="material-icons">home</i>

<span>Home</span>

</a>

</li>

<li>

<a href="javascript:void(0);" class="menu-toggle">

<i class="material-icons">assignment</i>

<span>Forms Input</span>

</a>

<ul class="ml-menu">

<li>

<a href="index.php?page=kuliner">Kuliner</a>

</li>

<li>

<a href="index.php?page=makanan">Makanan</a>

</li>

<li>

<a href="index.php?page=artikel">Artikel</a>

</li>

<li>

<a href="index.php?page=event">Informasi Event</a>

</li>

<li>

<a href="index.php?page=user">User</a>

</li>

</ul>

</li>

<li>

<a href="javascript:void(0);" class="menu-toggle">

<i class="material-icons">view_list</i>

<span>Data Informasi</span>

</a>

<ul class="ml-menu">

<li>

<a href="index.php?page=tkuliner">Data Kuliner</a>

</li>

<li>

<a href="index.php?page=tmakanan">Data Makanan</a>

</li>

<li>

<a href="index.php?page=tartikel">Data Artikel</a>

</li>

<li>

<a href="index.php?page=tevent">Data Event</a>

</li>

<li>

<a href="index.php?page=tuser">Data User</a>

</li>

</ul>

</li>

<li>

<a href="index.php?page=tgallery" >

<i class="material-icons">perm_media</i>

<span>Gallery</span>

</a>

</li>

</div>

<!-- #Menu -->

<!-- Footer -->

<div class="legal">

<div class="copyright">

&copy; 2017 <a href="javascript:void(0);">Re-Design</a>.

</div>

</div>

<!-- #Footer -->

</aside>

<!-- #END# Left Sidebar -->

</section>

<!-- Jquery Core Js -->

<script src="plugins/jquery/jquery.min.js"></script>

<!-- Bootstrap Core Js -->

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

<!-- Select Plugin Js -->

<script src="plugins/bootstrap-select/js/bootstrap-select.js"></script>

<!-- Slimscroll Plugin Js -->

<script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>

<!-- Waves Effect Plugin Js -->

<script src="plugins/node-waves/waves.js"></script>

<!-- Jquery CountTo Plugin Js -->

<script src="plugins/jquery-countto/jquery.countTo.js"></script>

<!-- Morris Plugin Js -->

<script src="plugins/raphael/raphael.min.js"></script>

<script src="plugins/morrisjs/morris.js"></script>

<!-- ChartJs -->

<script src="plugins/chartjs/Chart.bundle.js"></script>

<!-- Flot Charts Plugin Js -->

<script src="plugins/flot-charts/jquery.flot.js"></script>

<script src="plugins/flot-charts/jquery.flot.resize.js"></script>

<script src="plugins/flot-charts/jquery.flot.pie.js"></script>

<script src="plugins/flot-charts/jquery.flot.categories.js"></script>

<script src="plugins/flot-charts/jquery.flot.time.js"></script>

<!-- Sparkline Chart Plugin Js -->

<script src="plugins/jquery-sparkline/jquery.sparkline.js"></script>

<!-- Custom Js -->

<script src="js/admin.js"></script>

<script src="js/pages/index.js"></script>

<!-- Demo Js -->

<script src="js/demo.js"></script>

<!-- Select Plugin Js -->

<script src="plugins/bootstrap-select/js/bootstrap-select.js"></script>

<!-- Jquery DataTable Plugin Js -->

<script src="plugins/jquery-datatable/jquery.dataTables.js"></script>

<script src="plugins/jquery-

datatable/skin/bootstrap/js/dataTables.bootstrap.js"></script>

<script src="plugins/jquery-

datatable/extensions/export/dataTables.buttons.min.js"></script>

<script src="plugins/jquery-

datatable/extensions/export/buttons.flash.min.js"></script>

<script src="plugins/jquery-datatable/extensions/export/jszip.min.js"></script>

<script src="plugins/jquery-

datatable/extensions/export/pdfmake.min.js"></script>

<script src="plugins/jquery-datatable/extensions/export/vfs_fonts.js"></script>

<script src="plugins/jquery-

datatable/extensions/export/buttons.html5.min.js"></script>

<script src="plugins/jquery-

datatable/extensions/export/buttons.print.min.js"></script>

<script src="js/pages/tables/jquery-datatable.js"></script>

<script src="../plugins/light-gallery/js/lightgallery-all.js"></script>

<script src="../js/pages/medias/image-gallery.js"></script>

Peta.php (Admin)

<section class="content">

<div class="container-fluid">

<div class="block-header">

<h1><B>INPUT DATA USER</h1>

</div>

<!-- Input -->

<form action="input/tambahuser.php" method="post"

enctype="multipart/form-data">

<div class="row clearfix">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="card">

<div class="header">

<h1 class="card-inside-title">USERNAME</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Maks 30 karakter" name="user" id="a" >

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">PASSWORD</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Maks 30 karakter" name="pws" id="b" >

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">NAMA LENGKAP</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="Masukan Nama Lengkap" name="nama" id="c" >

</div>

</div>

</div>

</div>

<h1 class="card-inside-title">EMAIL</h1>

<div class="row clearfix">

<div class="col-sm-12">

<div class="form-group ">

<div class="form-line">

<input type="text" class="form-control"

placeholder="example@gmail.com" name="email" id="d" >

</div>

</div>

</div>

</div>

<div class="row clearfix">

<div class="col-sm-6">

<h1 class="card-inside-title">LEVEL</h1>

<div class="form-group">

<select class="form-control show-tick" name="lvl"

required id="g">

<option value="">Pilih Level</option>

<option value="Admin">Admin</option>

<option value="Guest">Guest</option>

</select>

</div>

</div>

</div>

<h1 class="card-inside-title">UPLOAD GAMBAR

PROFIL</h1>

<div class="row clearfix">

<div class="col-sm-4">

<div class="form-group ">

<input type="file" accept="image/*" name="foto1"

class="form-control" id="foto1">

<div id="image-holder">

<?php

if(isset($_GET['id']))

echo "<img src='../img/$data[2].'?rand='".rand()."'

alt=''>";

?>

</div>

</div>

</div>

<script>

$("#foto1").on('change', function () {

//Get count of selected files

var countFiles = $(this)[0].files.length;

var imgPath = $(this)[0].value;

var extn = imgPath.substring(imgPath.lastIndexOf('.') +

1).toLowerCase();

var image_holder = $("#image-holder");

image_holder.empty();

var x = document.getElementById("foto1");

var file = x.files[0];

if (extn == "png" || extn == "jpg" || extn == "jpeg" || extn

== "gif") {

if (typeof (FileReader) != "undefined") {

//loop for each file selected for uploaded.

for (var i = 0; i < countFiles; i++) {

var reader = new FileReader();

reader.onload = function (e) {

$("<img />", {

"src": e.target.result,

"class": "thumb-image"

}).appendTo(image_holder);

}

image_holder.show();

reader.readAsDataURL($(this)[0].files[i]);

}

} else {

alert("This browser does not support FileReader.");

}

} else {

alert("hanya boleh foto bertype PNG, JPG dan GIF");

var control = $("#foto1");

control.replaceWith(control.val('').clone(true));

}

});

</script>

<div class="col-md-12 center " >

<input type="submit" class="btn btn-block btn-primary pull-right"

value="SIMPAN DATA" >

</div>

</div>

</div>

</div>

</div>

</div>

</form> <!-- #END# Input -->

<!-- Textarea -->

</section>

top related