• Tidak ada hasil yang ditemukan

4.2 Implementasi Sistem

4.2.3 Implementasi Rancangan View Pengunjung

4.2.3.7 Halaman About pada Pengunjung

Halaman about ini terdapat di halaman pengunjung dengan menu di about.

Berikut tampilan halaman about yang ditampilkan di pengunjung.

Gambar 4.21 Tampilan Halaman About pada Pengunjung

5.1 Kesimpulan

Pariwisata merupakan salah satu sektor yang dapat menghasilkan pendapatan yang luar biasa bagi suatu daerah terutama apabila dikelola dengan baik. Tetapi pengelolaan yang baik tidak akan berjalan sesuai dengan tujuan awal tanpa adanya berbagai dukungan yang melatarbelakangi pengelolaan tersebut.

Salah satu pendukung yang dimaksud adalah dengan adanya sebuah sistem informasi pariwisata yang diharapkan bisa memenuhi kebutuhan pengguna akan informasi pariwisata sebuah daerah tujuan wisata, selain itu juga dapat digunakan sebagai media promosi daerah tersebut dalam mempromosikan pariwisatanya. Dari hasil pembahasan yang telah dijelaskan, maka penulis mengambil kesimpulan diantaranya :

a. Website ini dapat membantu mempromosikan Pariwisata Kabupaten Tanah Karo kepada seluruh masyarakat di Tanah air Indonesia bahkan masyarakat internasional.

b. Website ini memberikan kemudahan kepada masyarakat dalam mencari informasi mengenai pariwisata dan kebudayaan setempat.

c. Website ini memberikan kemudahan dalam menginformasikan event-event yang ada di Dinas Pariwisata Kabupaten Tanah Karo.

5.2 Saran

Dengan memperhatikan dari kesimpulan di atas, penulis menyarankan beberapa hal sebagai berikut :

a. Pembangunan website masih bisa dibuat semenarik mungkin dan dikembangkan lebih lanjut terutama dalam tampilan sistemnya.

b. Dari segi yang disajikan mungkin belum sepenuhnya sempurna, oleh karena itu, ada baiknya dengan menambah beberapa informasi yang lebih lengkap.

c. Agar website ini terlihat lebih menarik, disarankan untuk menambah sekaligus diperbanyak animasi, dengan tujuam agar pengunjung dalam mengakses website tidak cepat bosan.

Halim, F. N. 2011. Sistem Informasi pariwisata Kabupaten Karanganyar ...Berbasis Sistem Informasi Geografi. Naskah Publikasi pada ...AMIKOM, Yogyakarta.

Jogyianto.HM (1999), Pengenalan Komputer : Pendekatan Terstruktur.

...Penerbit Andi Offset, Edisi Kedua, Cetakan Ketiga, Yogyakarta.

Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP.

...Yogyakarta: Andi.

Kristanto, Harianto. 2004. Konsep dan Perancangan DATABASE.

...Yogyakarta:Andi.

Nugroho, Bunafit.2005.Database Relasional dengan MySQL.Yogyakarta ...:Andi.

Purnama, Pupung Budi. 2005. Kiat Praktis Menjadi Desainer Web Profesional. ...Jakarta : PT: Elex Media Komputindo.

Ramakrishnan, Raghu, dkk. 2003. Sistem Menajemen Database (Edisi Ketiga). ...Yogyakarta: Andi.

Sano, A.V. 2005. 24 Jam Menguasai HTML, JSP dan MySQL. Yogyakarta:

...Andi.

Berha, Sidiki, Ir. 2007. Pemrograman Web dengan HTML. Bandung:

...Informatika Bandung

www.Karokab.go.id. Diakses tanggal 14 mei 2018

LISTING PROGRAM

1. Index.php

<!DOCTYPE html>

<html lang="en" id="home">

<head>

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head;

any other head content must come *after* these tags -->

<title>Kabupaten Karo</title>

<!-- Bootstrap -->

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

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

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

<!--adadawda dwadada==

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

<!-- WARNING: Respond.js doesn't work if you view the page

<nav class="navbar navbar-inverse navbar-fixed-top"

style="background:#0E430C;font-family: 'Abril Fatface', cursive;">

<div class="container-fluid">

<div class="navbar-header">

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<li><a href="login.php" >Admin</a></li>

</ul>

</div>

</div>

</nav>

<section id="page-top">

<!-- Carousel -->

<div id="main-slide" class="carousel slide" data-ride="carousel">

<img class="img-responsive"

<section class="kuliner" id="kuliner" style="min-height:100%;padding-bottom:50px;padding-top:50px;">

<div class="row">

<div class="col-sm-12 text-center" style="background-color:;width:100%;">

<img src="img/logo2.png"><span id="judul">Kuliner Kabupaten Karo</span>

<div class="container" style="background-color:#FEF590;border-radius:5%;">

<h2 style="padding-top:50px;"><b><?php echo

$qq['nama'] ?></b></h2>

</div>

<div class="row" style="margin-bottom:50px;">

<div class="row col-sm-5 col-sm-offset-1">

</div>

<?php $no++; } ?>

</div>

</section>

<section class="wisata" id="wisata" style="min-height:auto;padding-bottom:50px;">

<div class="row">

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

<img src="img/logo2.png"><span id="judul">Objek Wisata Kabupaten Karo</span>

<div class="container" style="background-color:#E8F3E8;border-radius:1%;">

<h2 style="padding-top:50px;"><b><?php echo

$qq['nama'] ?></b></h2>

</div>

<div class="row" style="margin-bottom:50px;">

<div class="row col-sm-5 col-sm-offset-1">

<img src="img/<?php echo $qq['foto'] ?>" class="img-thumbnail">

</div>

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

<h3 style="text-align:justify;"><?php echo $cetak

?>...</h3>

<section class="penginapan" id="penginapan" style="min-height:auto;padding-bottom:50px;">

<div class="container" style="background-color:#F1F792;border-radius:5%;">

<?php

include ('koneksi.php');

$que = "SELECT * FROM `hotel`";

$q = mysql_query($que);

$no = 1;

while ($qq = mysql_fetch_array($q)) { ?>

<div class="row col-sm-11 col-sm-offset-1">

<h2 style="padding-top:50px;"><b><?php echo

$qq['nama'] ?></b></h2>

</div>

<div class="row" style="margin-bottom:50px;">

<div class="row col-sm-5 col-sm-offset-1">

<section class="galery" id="galery" style="min-height:auto;padding-bottom:50px;">

<div class="row">

opacity: 0;

<section class="event" id="event" style="min-height:auto;padding-bottom:50px;">

</div>

?>" class="thumbnail view zoom image"><img src="img/<?php echo

$qq['foto'] ?>" style="width:100%;height:250px;">

<section class="about" id="about" style="min-height:900px;">

<div class="container">

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

<img src="img/logo2.png"><span id="judul">About</span>

<hr style="width:200px;border-top:2px solid black;width:300px;margin:auto;margin-top:10px;padding-bottom:30px;">

</div>

<h3 class="col-sm-12" style="text-align:justify"><span style="margin-left:50px;">Kabupaten</span> Karo adalah salah satu Kabupaten di provinsi Sumatera Utara, Indonesia. ibu kota kabupaten ini terletak di Kabanjahe. Kabupaten ini memiliki luas wilayah 2.127,25 km2 dan berpenduduk sebanyak kurang lebih 500.000 jiwa. Kabupaten ini berlokasi di dataran tinggi Karo, Bukit Barisan Sumatera Utara. Terletak sejauh 77 km dari kota Medan, ibu kota Provinsi Sumatera Utara. Wilayah

Kabupaten Karo terletak di dataran tinggi dengan ketinggian antara 600 sampai 1.400 meter di atas permukaan laut. Karena berada diketinggian tersebut, Tanah Karo Simalem, nama lain dari kabupaten ini mempunyai iklim yang sejuk dengan suhu berkisar antara 16 sampai 17° C. <br><br>

<span style="margin-left:50px;">Di</span> dataran tinggi Karo ini bisa ditemukan indahnya nuansa alam pegunungan dengan udara yang sejuk dan berciri khas daerah buah dan

sayur. Di daerah ini juga bisa kita nikmati keindahan Gunung berapi Sibayak yang masih aktif dan berlokasi di atas

ketinggian 2.172 meter dari permukaan laut. Arti kata Sibayak adalah Raja. Berarti Gunung Sibayak adalah Gunung Raja menurut pengertian nenek moyang suku Karo.</h3><br>

</div>

<div id="map" style="border:3px white

solid;width:80%;margin:auto;margin-top:30px"></div>

function initMap(){

<footer style="background:#082B08;">

<div class="container">

<div class="row">

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

<p class="text-center" style="color:white;text-size:40px;padding-top:30px;font-family:

'Kavivanar';">CopyRight Kabupaten Karo 2018</p>

</div>

src="img/ig.png" style="margin-bottom:20px;" id="putih"></a>

</div>

</footer>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

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

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

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

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

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

<script type="text/javascript"

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

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Halaman Login</title>

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

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

</head>

<body style="background:#77B776;" font-family: 'Abril Fatface', cursive;>

<?php

include('koneksi.php');

if (isset($_POST["login"])) { $username = $_POST['username'];

$password = $_POST['password'];

$sql=mysql_query("SELECT * FROM `admin` WHERE username = '$username' and password = '$password'");

$exe = mysql_num_rows($sql);

if ($exe==1) {

header("location:home_admin.php");

}

else {

echo '<script language="javascript">';

echo 'alert("Username atau Password Salah...")';

echo '</script>';

} } ?>

<nav class="navbar navbar-inverse navbar-fixed-top"

style="background:#0E430C;font-family: 'Abril Fatface', cursive;">

<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<div class="col-md-4 col-md-offset-4 form-login">

<div class="outter-form-login">

<div class="logo-login">

<img src="img/logo2.png"

style="margin:auto;display:block;margin-top:100px;">

</div>

<form action="" class="inner-login" method="post">

<h3 class="text-center title-login">Login Admin</h3>

<div class="form-group">

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

name="username" placeholder="Username">

</div>

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

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

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

</body>

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head;

any other head content must come *after* these tags -->

<title>Deskripsi Event</title>

<!-- Bootstrap -->

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

<link rel="stylesheet" type="text/css"

href="css/style.css">

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

</head>

<body style="background-color: #FEF590;font-family:

'Kavivanar'">

<nav class="navbar navbar-inverse navbar-fixed-top"

style="background:#0E430C;font-family: 'Abril Fatface', cursive;">

<div class="container-fluid">

<div class="navbar-header">

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

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

<section style="padding-bottom:50px;">

<div class="container" style="min-height:650px;">

<div class="row">

<div class="col-sm-12 text-center" style="margin-top:100px;">

<img src="img/logo2.png"><span id="judul"

style="font-size:40px;"><b><?php echo $qq['nama_event']

<a class="thumbnail view zoom image"

style="width:400px;" href="img/<?php echo $qq['foto'] ?>"

target="_blank"><img src="img/<?php echo $qq['foto'] ?>">

</a>

<footer style="background:#082B08;">

<div class="container">

<div class="row text-center" style="padding-bottom:20px;">

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

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

<!-- Include all compiled plugins (below), or include individual files as needed -->

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

<script type="text/javascript"

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

<script type="text/javascript"

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

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head;

any other head content must come *after* these tags -->

<title>Deskripsi Penginapan</title>

<!-- Bootstrap -->

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

<link rel="stylesheet" type="text/css"

href="css/style.css">

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

</head>

<body style="background-color:#F1F792;font-family:

'Kavivanar'">

<nav class="navbar navbar-inverse navbar-fixed-top"

style="background:#0E430C;font-family: 'Abril Fatface',

<div class="container-fluid">

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<section>

<div class="container" style="min-height:650px;">

<div class="row">

<div class="col-sm-12 text-center" style="margin-top:100px;">

<img src="img/logo2.png"><span id="judul"

style="font-size:40px;"><b><?php echo $qq['nama']

<div class="row" style="margin-bottom:50px;">

<a href="<?php echo $qq['map'] ?>"><img

src="img/vektor.png" style="margin:auto;display:block"></a>

</div>

</div>

</section>

<footer style="background:#082B08;">

<div class="container">

<div class="row text-center" style="padding-bottom:20px;">

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

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

<!-- Include all compiled plugins (below), or include individual files as needed -->

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

<script type="text/javascript"

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

<script type="text/javascript"

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

</body>

</html>

6. Desk_wisata.php

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- The above 3 meta tags *must* come first in the head;

any other head content must come *after* these tags -->

<title>Deskripsi Wisata</title>

<!-- Bootstrap -->

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

<link rel="stylesheet" type="text/css"

href="css/style.css">

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

</head>

<body style="background-color:#E8F3E8;font-family:

'Kavivanar'">

<nav class="navbar navbar-inverse navbar-fixed-top"

style="background:#0E430C;font-family: 'Abril Fatface', cursive;">

<div class="container-fluid">

<div class="navbar-header">

</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<div class="container" style="min-height:650px;">

<div class="row">

<div class="col-sm-12 text-center" style="margin-top:100px;">

<img src="img/logo2.png"><span id="judul"

style="font-size:40px;"><b><?php echo $qq['nama']

<div class="row">

<div class="col-md-4 col-md-offset-4" >

<a class="thumbnail view zoom image"

style="width:400px;"><img src="img/<?php echo $qq['foto'] ?>">

</a>

<div class="row" style="margin-bottom:50px;">

<a href="<?php echo $qq['peta'] ?>"><img

src="img/vektor.png" style="margin:auto;display:block"></a>

</div>

</div>

</section>

<footer style="background:#082B08;">

<div class="container">

<div class="row text-center" style="padding-bottom:20px;">

<a href="" style="margin-left:0px;"

id="putih"><img src="img/fb.png"></a>

<a href="pesan.php?kode=<?php echo $qq['kode'];?>"

style="margin-left:50px;" id="putih"><img src="img/ig.png"></a>

</div>

</footer>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

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

<!-- Include all compiled plugins (below), or include individual files as needed -->

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

<script type="text/javascript"

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

<script type="text/javascript"

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

<meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

<div class="container">

<h2>Image Gallery</h2>

<p>The .thumbnail class can be used to display an image gallery.</p>

<p>The .caption class adds proper padding and a dark grey color to text inside thumbnails.</p>

<p>Click on the images to enlarge them.</p>

<div class="row">

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

<div class="thumbnail">

<a href="img/a1.jpg" target="_blank">

<img src="img/a1.jpg" alt="Lights"

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

<div class="thumbnail">

<a href="/w3images/nature.jpg" target="_blank">

<img src="/w3images/nature.jpg" alt="Nature"

style="width:100%">

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

<div class="thumbnail">

<a href="/w3images/fjords.jpg" target="_blank">

<img src="/w3images/fjords.jpg" alt="Fjords"

style="width:100%">

$que = "DELETE FROM `admin` WHERE username='$username'";

if ($q = mysql_query($que)){

$id = $_GET['id'];

$que = "DELETE FROM `event` WHERE id='$id'";

if ($q = mysql_query($que)){

$que = "DELETE FROM `galery` WHERE id='$id'";

if ($q = mysql_query($que)){

$que = "DELETE FROM `hotel` WHERE id='$id'";

if ($q = mysql_query($que)){

header("location:../home_admin.php");

else{

$que = "DELETE FROM `kuliner` WHERE id='$id'";

if ($q = mysql_query($que)){

$que = "DELETE FROM `wisata` WHERE id='$id'";

if ($q = mysql_query($que)){

Dokumen terkait