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

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

Upload: others

Post on 04-Feb-2020

21 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 2: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 3: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 4: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 5: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 6: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 7: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 8: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

}

?>

?>

Page 9: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 10: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 11: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 12: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 13: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

<input type="email" placeholder="EMAIL

[email protected]" 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>

Page 14: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

} ?>

Page 15: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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>

Page 16: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 17: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 18: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 19: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

//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]);

}

Page 20: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

} 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

Page 21: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

@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

}

?>

Page 22: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 23: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

{

?>

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

Page 24: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 25: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 26: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 27: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 28: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

?>

</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 />", {

Page 29: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 30: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 31: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 32: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

}

Page 33: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

});

</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'])

{

Page 34: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 35: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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>

Page 36: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

</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'; ?>

Page 37: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 38: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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;

}

?>

Page 39: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 40: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 41: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 42: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 43: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 44: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

}

Page 45: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 46: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

?>

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

Page 47: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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>

Page 48: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 49: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 50: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 51: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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>

Page 52: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 53: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 54: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 55: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 56: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 57: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 58: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 59: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 60: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 61: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

<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="[email protected]" 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>

Page 62: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 63: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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

Page 64: DAFTAR PUSTAKA - repo.darmajaya.ac.idrepo.darmajaya.ac.id/820/8/DAFTAR PUSTAKA.pdfEddy Prahasta , Sistem Informasi Geografis : Belajar dan Memahami MapInfo, Informatika, Bandung, Oktober

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