Perancangan Aplikasi Sistem Informasi Pariwisata Kabupaten Deli Serdang Berbasis Web

(1)

LISTING PROGRAM

1. admin/index.php

<?php session_start();

include "../config/koneksi.php";

if (isset($_post['login'])){ //koneksi terpusat

$username=$_post['user_admin']; $password=$_post['pass_admin']; $level=$_post['level'];

if($level=="admin"){

$query=mysql_query("select * from tbl_admin where user_admin='$username' and pass_admin='$password' and aktif='y' and level='$level'");

$cek=mysql_num_rows($query);

if($cek){

$_session['user_admin']=$username; $_session['pass_admin']=$password; $_session['level']=$level;

?><script

language="javascript">document.location.href="home.php";</scrip t><?php

}else{

?><script

language="javascript">document.location.href="index.php?status= gagal login";</script><?php

} }

if($level=="operator"){

$query=mysql_query("select * from tbl_admin where user_admin='$username' and pass_admin='$password' and aktif='y' and level='$level'");

$cek=mysql_num_rows($query);

if($cek){

$_session['user_admin']=$username; $_session['pass_admin']=$password; $_session['level']=$level;

?><script

language="javascript">document.location.href="home.php";</scrip t><?php

}else{

?><script

(2)

} }

}else{

unset($_post['login']); }

?>

<!doctype html> <html>

<head>

<title>login administrator</title>

rel="stylesheet">

<link href="css/sb-admin.css" rel="stylesheet"> </head>

<body>

<h3 class="panel-title">please sign in</h3>

</div>

<?php

if(isset($_get['status'])){

?>

<div class="alert alert-danger text-center"><span class="glyphicon

glyphicon-warning-sign"></span><?php echo "  ".$_get['status']."";?></div> <?php }?>

</div>

<input class="form-control" placeholder="password" name="pass_admin" type="password"

required>

</div>

(3)

<option value="operator">operator</option>

</select>

</div> <div class="form-group"> <input class="btn btn-lg btn-success btn-block" name="login" type="submit"

value="submit">

</div> </fieldset> </form>

<a href="../">kembali ke beranda</a>

</div> </div> </div> </div> </div>

<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.min.js"></script> <script

src="js/plugins/metismenu/jquery.metismenu.js"></script>  <script src="js/sb-admin.js"></script>

</body> </html>

2. admin/home.php

<?php session_start(); error_reporting(0);

if(isset($_SESSION['user_admin'])){

//koneksi terpusat

$username =$_SESSION['user_admin'];

$level =$_SESSION['level'];

?>

<!DOCTYPE html> <html>

<head>

<title>Admin Dashboard</title>

rel="stylesheet">

(4)

<link href="css/sb-admin.css" rel="stylesheet"> <style type="text/css"></style>

</head>

<body>

<?php

if($level=='admin'){ include"nav.php";

}else if($level=='operator'){ include"nav_operator.php"; }else{

echo "Anda tidak punya hak access!! Hayoo!! sapa Loe??";

} ?>

<h1 class="page-header">Selamat Datang Admin

</div>

Komentar Terbaru

</div>

<div class="panel-body"> <?php

$comot_comen=mysql_query("SELECT * FROM komentar ORDER BY waktu DESC LIMIT 3");

while($isi_comen=mysql_fetch_array($comot_comen)) { ?>

<?php echo $isi_comen['komentar']; ?>

</div> <?php

}?>

</div> </div> </div>

(5)

</div> </div>

</div>

<script src="js/jquery-1.10.2.js"></script> <script src="js/bootstrap.min.js"></script> <script

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

<script

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

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

$('.tooltip-demo').tooltip({

selector: "[data-toggle=tooltip]", container: "body"

})

</script> </body>

</html> <?php }else{

session_destroy();

header('Location:index.php?status=Silahkan Login'); }

?>

3. admin/beranda.php

//koneksi terpusat

$username =$_SESSION['user_admin'];

$level =$_SESSION['level'];

$judul=ucwords(strtolower($_POST['nama']));

if(isset($_POST['Tambah'])){

mysql_query("INSERT INTO setup_dasboard (nama, konten, gambar) value ('$judul', '$_POST[konten]', '')") or

(6)

}

else if(isset($_POST['Edit'])){ if(empty($_POST['image'])){

mysql_query("UPDATE setup_dasboard SET nama ='$judul', konten ='$_POST[konten]' WHERE id_dasboard = '$_POST[id]'");

}

$nama_file = $_FILES['image']['name']; $lokasi_file = $_FILES['image']['tmp_name']; if(!empty($lokasi_file)){

move_uploaded_file($lokasi_file, "../images/$nama_file");

mysql_query("UPDATE setup_dasboard SET nama ='$judul', konten ='$_POST[konten]', gambar='$nama_file' WHERE id_dasboard = '$_POST[id]'");

} }

else if(isset($_POST['Delete'])){

mysql_query("DELETE FROM setup_dasboard WHERE id_dasboard = '$_POST[id]'");

} ?>

<head>

<title>Setup Beranda</title>

rel="stylesheet">

<link href="css/sb-admin.css" rel="stylesheet">

</head>

<body>

<?php

} ?>

(7)

<div class="panel-heading"><h3>Setup Berita</h3></div>

<form name="setupBeranda"

action="setupBeranda.php" method="post" enctype="multipart/form-data">

<?php

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

$comot_id=mysql_query("select * from setup_dasboard where id_dasboard=".$_GET['id']);

$ngisi=mysql_fetch_row($comot_id);

} ?>

<label>Judul</label>

<input class="form-control" name="nama" type="text" placeholder="Input judul posting"

value="<?php echo

$ngisi[1]; ?>" required>

</div>

<label>Isi/Content</label>

<?php if (isset($_GET['id'])){

?>

<label>Gambar</label>

</div>

</div>

<div class="btn-group"> <input name="Edit"

type="submit" value="Ubah" class="btn btn-info" data-hint="Klik untuk Hapus Post">

(8)

}else{ ?>

<label>Gambar</label>

</div>

</div>

</div> <?php } ?> </fieldset> </form>

</div> </div>

<table class="table table-hover

table-striped">

<th class="text-left">Judul</th>

<th class="text-left">Isi/Content</th>

<th class="text-left">Gambar</th>

</tr> </thead>

<tbody> <?php

$no=1; $comot=mysql_query("SELECT * FROM setup_dasboard ORDER BY id_dasboard DESC");

while($isi_tbl=mysql_fetch_row($comot)) { ?>

<tr>

(9)

<td><?php $x=substr($isi_tbl[2], 0, 1); echo"$x...";?></td> <td> <?php

if($isi_tbl[3]==''){

echo"No Image!";

}else{ ?> <img

src="../images/<?php echo $isi_tbl[3]; ?> " width="90"> <?php }?>

</td> <td>

<a

href="setupBeranda.php?id=<?php echo $isi_tbl[0]; ?>"><button type="button" class="btn btn-primary

btn-xs"data-toggle="tooltip" data-placement="top" title="Edit/Hapus Content Beranda"><i class="fa fa-wrench"></i></button></a>

</div>

</td> </tr> <?php } ?>

4. admin/setupwisata.php

//koneksi terpusat

include "../config/koneksi.php"; $username =$_SESSION['user_admin']; $level =$_SESSION['level'];

$judul=ucwords(strtolower($_POST['nama']));

if(isset($_POST['Tambah'])){

mysql_query("INSERT INTO setup_wisata (nama, konten, gambar) value ('$judul', '$_POST[konten]', '')") or

die(mysql_error());

}

else if(isset($_POST['Edit'])){ if(empty($_POST['image'])){

mysql_query("UPDATE setup_wisata SET nama ='$judul', konten ='$_POST[konten]' WHERE id_wisata = '$_POST[id]'");

}

$nama_file = $_FILES['image']['name']; $lokasi_file = $_FILES['image']['tmp_name']; if(!empty($lokasi_file)){

(10)

mysql_query("UPDATE setup_wisata SET nama

='$judul', konten ='$_POST[konten]', gambar='$nama_file' WHERE id_wisata = '$_POST[id]'");

} }

else if(isset($_POST['Delete'])){

mysql_query("DELETE FROM setup_wisata WHERE id_wisata = '$_POST[id]'");

} ?>

<head>

<title>Setup Wisata</title>

rel="stylesheet">

<link href="css/sb-admin.css" rel="stylesheet">

</head>

<body>

<?php

} ?>

<div class="panel-heading"><h3>Setup Wisata Deli Serdang</h3></div>

<div class="row col-lg-10"> <form name="setupWisata"

action="setupWisata.php" method="post" enctype="multipart/form-data">

<?php

(11)

$comot_id=mysql_query("select * from setup_wisata where id_wisata=".$_GET['id']);

type="hidden" value="<?php echo $ngisi[0]; ?>">

<div class="form-group"> <label>Judul</label> <input class="form-control" name="nama" type="text" placeholder="Input judul posting" control" name="konten"><?php echo $ngisi[2]; ?></textarea> </div>

(12)

<div class="btn-group"> * FROM setup_wisata ORDER BY id_wisata DESC");

src="../images/<?php echo $isi_tbl[3]; ?> " width="90"> <?php }?>

(13)

<td>

<div class="col-lg-12"> from tbl_hotel where id_hotel=".$_GET['id']);

type="hidden" value="<?php echo $ngisi[0]; ?>">

(14)

(15)

</div> </div>

<label>Description</label>

<?php if (isset($_GET['id'])){

?>

</div>

<div class="btn-group"> <input name="Edit"

type="submit" value="Ubah" class="btn btn-info" data-hint="Klik untuk Hapus Penginapan">

</div> <?php }else{ ?>

</div>

</div> <?php } ?> </div>

6. index.html

<head>

rel="stylesheet">

(16)

<script src="js/load-metro.js"></script>

<title>selamat datang di website kami</title>

</head>

</h4> </div> </div> </div>

</html>

7. beranda.php

<?php

include "config/koneksi.php"; ?>

<div class="panel no-border"> <?php

$comot=

(17)

while($ngisi= mysql_fetch_array($comot)){

?>

<?php if ($ngisi['gambar']!=""){ ?>

<img src="images/<?php echo $ngisi['gambar']; ?>" class="place-left margin10 nlm ntm size3">

<?php }?>

<?php echo $ngisi['konten'];?> </div>

<?php } ?> </div>

</div>

</div> </div>

<div class="panel-header ribbed-cyan fg-white">komentar</div>

<div class="panel-content fg-dark nlp nrp"> <div id="komenlist"

class="border" data-role="scrollbox" data-scroll="vertical"> <?php

$comot_komen =

mysql_query("select * from komentar order by id_komentar desc limit 5");

while($ngisi_komen = mysql_fetch_array($comot_komen)){

$thn=substr($ngisi_komen['waktu'],0,4);

$bln=substr($ngisi_komen['waktu'],5,2);

$tgl=substr($ngisi_komen['waktu'],8,2);

$jam=substr($ngisi_komen['waktu'],11,8);

if($bln==1){ $x="jan"; } else if($bln==2){

$x="feb"; }

(18)

else if($bln==4){ $x="apr"; }

else if($bln==5){ $x="mei"; }

else if($bln==6){ $x="jun"; }

else if($bln==7){ $x="jul"; }

else if($bln==8){ $x="agu"; }

else if($bln==9){ $x="sep"; }

else if($bln==10){ $x="okt"; }

else if($bln==11){ $x="nov"; }

else{ $x="des"; } echo "<p class='text-info'><strong>".$ngisi_komen['nama']."</strong>

<em>says</em>  :";

echo "<br><small>".$jam.",

".$tgl."&nbsp".$x."&nbsp".$thn."</small></p>"; echo "<p

class='tertiary-text-secondary'><em>".$ngisi_komen['komentar']."</em></p>"; echo "<br />"; }

?> </div> <script>

$(function(){

$("#komenlist").scrollbar({

height: 300, axis: 'y' });

}); </script>

</div>

<div class="input-control textarea" data-role="input-class="input-control"

placeholder="tuliskan komntar disini!">

</div> <input

name="tambah" type="submit" value="kirim" class="bg-dark fg-white" data-hint="silahkan tinggalkan komentar">

(19)

</form> </div>

</div>

8. deli.php

<?php

<head>

rel="stylesheet">

<script src="js/load-metro.js"></script>

<title>Tentang Sibolga</title>

</head>

<body class="metro"><div id="scroll"></div> <header class="bg-darkCobalt"

data-load="atasan.php"></header> <div class="">

</h4> </div> </div> </div>

(20)

if($_GET['post']=='profil'){ $is="Profil";

}else if($_GET['post']=='sejarah'){ $is="Sejarah";

}else if($_GET['post']=='wisata'){ $is="Pariwisata yang ada di"; }else if($_GET['post']=='kuliner'){

$is="Kuliner";

}else if($_GET['post']=='budaya'){ $is="Kebudayaan";

} ?>

<legend class="text-right"><h2><?php echo $is; ?> Kabupaten Deli Serdang</h2></legend>

<?php

$comot=

mysql_query("SELECT * FROM setup_deliserdang where kat_deliserdang= '$_GET[post]'");

?>

<?php echo $ngisi['konten_deliserdang'];?>

</div> <?php

} ?> </div>

</div>

<div class="heading bg-darkCobalt fg-white">Kuliner</div>

<center>Nasi Bakar</center>

<img

src="images/galeri/n1.jpg" class="cover1" /> </div>

(21)

<img

<center>Ayam Sombang</center>

<img

</div>

<div class="heading bg-darkCobalt fg-white">Budaya</div>

<center>Serampang Dua belas</center>

<img

src="images/galeri/r1.jpg" class="cover1"/> </div>

<center>Tor Tor</center> <img

src="images/galeri/m4.jpg" class="cover1"/> </div>

<center>Tari Ndikkar</center> <img

</div> </div>

(22)

$(function(){

$("#imgSlide").carousel({ effect: 'slide', period: 3000, markers: {

show: true, type: 'default',

position: 'bottom-right' }

});

$("#imgSlide1").carousel({ effect: 'fade', period: 3000, markers: {

});

$("#imgSlide2").carousel({ effect: 'slowdown', period: 3000,

markers: {

});

$("#imgSlide4").carousel({ effect: 'switch',

period: 3000, markers: {

});

}) </script> </body> </html>

9. wisata.php

<?php

(23)

<head>

rel="stylesheet">

<title>tentang sibolga</title>

</head>

<body class="metro"><div id="scroll"></div> <header class="bg-darkcobalt"

</h4> </div> </div> </div>

if($_get['post']=='profil'){ $is="profil";

}else if($_get['post']=='sejarah'){ $is="sejarah";

(24)

$is="kuliner";

}else if($_get['post']=='budaya'){ $is="kebudayaan";

} ?>

<legend class="text-right"><h2><?php echo $is; ?> kabupaten deli serdang</h2></legend>

<?php

$comot=

mysql_query("select * from setup_deliserdang where kat_deliserdang= '$_get[post]'");

?>

<?php echo $ngisi['konten_deliserdang'];?>

</div> <?php

} ?> </div>

</div>

<div class="heading bg-darkcobalt fg-white">kuliner</div>

<center>nasi bakar</center>

<img

<center>ayam sombang</center>

<img

<center>ikan bakar</center>

<img

(25)

</div>

<div class="heading bg-darkcobalt fg-white">budaya</div>

<center>serampang dua belas</center>

<img

<center>tor tor</center> <img

src="images/galeri/m4.jpg" class="cover1"/> </div>

<center>tari ndikkar</center> <img

</div> </div>

$(function(){

(26)

});

$("#imgslide1").carousel({ effect: 'fade', period: 3000, markers: {

});

$("#imgslide2").carousel({ effect: 'slowdown', period: 3000,

markers: {

});

$("#imgslide4").carousel({ effect: 'switch',

period: 3000, markers: {

});

}) </script> </body> </html>

10. galeri.php

<title>Selamat Datang di Website Kami</title>

</head>

<body class="metro"><div id="scroll"></div> <header class="bg-darkCobalt"

(27)

</div> </div>

<br />

<legend class="text-right"><h2>Daftar Hotel Di Deli Serdang</h2></legend>

<?php

$comot=

mysql_query("SELECT * FROM tbl_hotel,tbl_daerah WHERE tbl_hotel.kd_daerah=tbl_daerah.kode");

?>

<div class="content"> <p>Bintang-<?php echo $ngisi['bintang']; ?></p>

<?php echo $ngisi['ket_hotel']; ?>

</div> </div>

<?php } ?>

11. galeri.php

</head>

<br />

<center>t-garden</center> <img

(28)

</div>

<div class="slide"> <center>air tejun sempuran</center>

<img

src="images/galeri/y2.jpg" class="cover1" /> </div>

<center>danau linting</center> <img

src="images/galeri/y3.jpg" class="cover1"/> </div>

</div> </div>

<center>sembahe</center> <img

<center>taman pramuka</center> <img

</div> </div>

12. transportasi.php

<?php

<head>

rel="stylesheet">

(29)

</head>

<body class="metro"><div id="scroll"></div> <header class="bg-darkcobalt"

</h4> </div> </div> </div>

<br />

<div class="border padding20"> <legend class="text-right"><h2>transportasi</h2></legend>

<?php

$comot=

mysql_query("select * from setup_transport order by id_rute ");

?>

<?php echo $ngisi['konten']; ?>

</div> </div>

(30)

</div> </div>

</html>

13. kirimkomentar.php

<?php

include "config/koneksi.php";

$nama=ucwords(strtolower($_POST['nama']));

mysql_query("INSERT INTO komentar (nama,komentar,waktu) value ('$nama', '$_POST[komentar]', NOW())") or

die(mysql_error());

header('location:index.html'); ?>

14. metro-bootstrap-responsive.css

#responsive-utils .hide-element { display: none !important;

visibility: hidden !important; }

#responsive-utils .show-element { display: block !important; visibility: visible !important; }

#responsive-utils .full-size { float: none !important; display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }

#responsive-utils .half-size { width: 50% !important;

}

#responsive-utils .container-desktop { width: 940px !important;

}

#responsive-utils .container-phone { width: 100% !important;

}

#responsive-utils .container-phone2 { width: 100% !important;

}

(31)

}

#responsive-utils .container-large { width: 1140px !important;

}

#responsive-utils .container-phone { padding: 0 10px;

}

/* Desktop */

@media screen and (min-width: 800px) { .no-desktop {

display: none !important; visibility: hidden !important; }

}

@media screen and (min-width: 1024px) { .no-desktop {

.on-desktop {

display: block !important; visibility: visible !important; }

.container {

width: 940px !important; }

}

/* Large desktop */

@media screen and (min-width: 1200px) { html {

font-size: 70%; }

.no-large {

.on-large {

.container {

width: 1140px !important; }

}

/* tablet landscape*/

@media only screen and (max-width: 1024px) { .no-tablet-landscape,

.no-tablet {

.on-tablet {

.container {

(32)

Yang bertanda tangan di bawah ini menerangkan bahwa Mahasiswa Tugas Akhir

Program Teknik Informatika Diploma 3:

Nama

:

DANIEL JODI

NIM

:

142406160

Program Studi

:

TEKNIK INFORMATIKA DIPLOMA (D3)

Judul Tugas Akhir

:

PERANCANGAN

APLIKASI

SISTEM

INFORMASI PARIWISATA KABUPATEN

DELI SERDANG BERBASIS WEB.

Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal……

....

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian

Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika

FMIPA USU Medan.

Medan, Juli 2017

Dosen Pembimbing

Program Studi Teknik Informatika D3,

(33)

PROGRAM STUDI D3 TEKNIK INFORMATIKA

Jalan Bioteknologi No. 1 Kampus USU Padang Bulan, Medan - 20155

KARTU BIMBINGAN TUGAS AKHIR

Nama Mahasiswa

: Daniel Jodi

Nomor Induk Mahasiswa

: 142406160

Judul Tugas Akhir

: Perancangan Aplikasi Sistem Informasi Pariwisata

Kabupaten Deli Serdang Berbasis Web

Dosen Pembimbing

: Dr. Faigiziduhu Bu'ulolo, M.Si

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :

No

Tanggal

Pembahasan Asistensi

(Bab, Tentang, Saran)

Paraf Dosen

Pembimbing

1

2

3

4

5

(34)