Sistem Informasi Objek Wisata Di Kabupaten Deli Serdang Berbasis Web Menggunakan Php Dan Mysql

(1)

LAMPIRAN LISTING PROGRAM WEBSITE

1.

Halaman Home (index.php)

<?php include'koneksi.php'; ?> <htul> <head><title>Wisata Online</title> <link rel="stylesheet"type="text/css"href="style.css"> <script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href='index.php?uenu=houe'>HOME</a></li> <li><a href='index.php?uenu=profil'>PROFIL</a></li> <li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="galery1.php">GALERY</a></li> <li><a href="aduin/index.php">LOGIN ADMIN</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>


(2)

<td valign="top" width="200"> <div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir"> <ul> <? $juulahtaupil=5; $head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="left"> <br> <?php if(isset($_GET['uenu'])){ $uenu=$_GET['uenu']; if($uenu=="houe"){include "headline.php";} if($uenu=="alau"){include "wisata_alau.php";} if($uenu=="buatan"){include "wisata_buatan.php";} if($uenu=="budaya"){include "wisata_budaya.php";} if($uenu=="iuan"){include "wisata_iuan.php";} if($uenu=="kouentar"){include "kouentar.php";} if($uenu=="taupil_cari"){include "taupil_cari.php";} if($uenu=="profil"){include "profil.php";} if($uenu=="galery1"){include "galery1.php";} } else{include "headline.php";} ?> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3>


(3)

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>

<br>

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span> </center> </td> </tr> </table> </td> </tr> <tr> <table border="1"class="foooter"align="center"> Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou </table>

</tr> </table> </center>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif", iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </htul>

2.

profil.php

<htul> <body>

<table border="1" valign="top"> <div class="profil">

<h3>

<center>Selauat Datang di Website

<br>Dinas Kebudayaan dan Pariwisata Kabupaten Deli Serdang <br>Jl. Karya Usaha No.1 Lubuk Pakau

</center> </h3>

Kabupaten Deli Serdang dikenal sebagai daerah yang ueuiliki keanekaragauan budaya, etnis dan agaua sehingga sering juga disebut sebagai uiniatur Indonesia.

tidak hanya itu, Kabupaten Deli Serdang juga ueuiliki suuber daya alau yang besar serta objek-objek wisata yang indah dan uenakjubkan.

Keanekaragauan wisata yang ada di Kabupaten Deli Serdang tidak hanya ueliputi wisata alaunya saja, tetapi teruasuk juga wisata sejarah, wisata budaya,

wisata kuliner, serta wisata religious. <br>


(4)

Dari keanekaragauan wisata dan budaya yang ada di Kabupaten Deli Serdang ini, uaka didirikan lah suatu instansi Dinas Kebudayaan dan Pariwisata yang

betujuan untuk Meningkatnya Pelestarian Budaya, Meningkatnya Kunjungan Wisatawan, dan Meningkatnya Peubinaan Usaha Pariwisata agar terciptanya pariwisata

yang dapat uenarik kunjungan wisatawan sebagai suuber pendapatan daerah serta pendapatan penduduk seteupat khusus nya. <br>

<center>

<h3>visi Dinas Kebudayaan dan Pariwisata <br>Kabupaten Deli Serdang</h3>

</center>

Visi: "Terwujudnyanya Pengeubangan dan Pelestarian Budaya Daerah serta Potensi Pariwisata sebagai salah satu Pengeubangan Ekonoui Kerakyatan “

<center>

<h3>Misi Dinas Kebudayaan dan Pariwisata <br>Kabupaten Deli Serdang</h3>

</center>

Dinas Kebudayaan dan Pariwisata Kabupaten Deli Serdang dalau rangka uencapai Visi yang sudah ditetapkan,

bertujuan ueuberikan peuahauan uengenai bagaiuana keberhasilan ueraih Visi.

<br>Misi Dinas Kebudayaan dan Pariwisata Kabupaten Deli Serdang sebagai perwujudan Visi adalah :

<br>1. Meubina dan uengeubangkan budaya daerah.

<br>2. Mengarahkan serta uendorong usaha-usaha kepariwisataan. <br>3. Menarik uinat uasyarakat dan investor untuk berinvestasi disektor pariwisata.

<br>4. Melaksanakan Pelayanan Priua dibidang budaya dan kepariwisataan.

</div> </table> </body> </htul>

3.

wisata_alam.php

<?php

include'koneksi.php'; $table1='tbl_kategori'; $table2='tbl_wisata'; $id=1;

if(!isset($_GET['hal'])){ $page=1; $hal =1;} else{

$page=$_GET['hal']; $hal=$_GET['hal']; }

$uax_results=2;


(5)

$sql=uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori ORDER BY tanggal DESC LIMIT $frou,$uax_results");

while($taupil=uysql_fetch_array($sql)) {

$data=substr($taupil['isi'],0,200); ?>

<div class="box"> <p align="justify"> <iug

src="<?=$taupil['gaubar'];?>"width="200"height="180"align="left"> <font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $data;?>

<a href="detail_alau.php?id=<?=$taupil['id_wisata'];?>" >baca lengkap--->>>>>

</a>

</font></p></div><br> <?php

}

$total_results = uysql_nuu_rows(uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori "));

$total_pages=ceil($total_results/$uax_results); echo"<center>Pilih Halauan<br/>";

if($hal>1){

$prev=($page-1); echo

"<a href=$_SERVER[PHP_SELF]?uenu=alau&hal=$prev> <-sebeluunya</a>";

}

for($i=1;$i<=$total_pages;$i++) {

if(($hal)==$i){ echo"$i"; }

else{

echo"<a

href=$_SERVER[PHP_SELF]?uenu=alau&hal=$i>$i</a>"; }

}

if($hal<$total_pages){ $next=($page+1); echo"<a

href=$_SERVER[PHP_SELF]?uenu=alau&hal=$next>selanjutnya-></a>"; }

echo"</center>"; ?>


(6)

4.

detail_alam.php

<?php include'koneksi.php'; ?> <htul> <head><title>Wisata Online</title> <link rel="stylesheet"type="text/css"href="style.css">

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a

href='index.php?uenu=houe'>HOME</a></li>

<li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="#">GALERY</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");


(7)

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"><br> <?php $id=$_GET['id'];

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query);

$taupil=uysql_fetch_array($sql); ?>

<p align="justify"class="boxdetail">

<iug src="<?=$taupil['gaubar'];?>"align="left" width="300" height="100">

<font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $taupil['isi'];?>

<font size='2px' color='red'> <br>wisata di upload

<?php echo $taupil['tanggal'];?>

&nbsp;<?php echo $taupil['waktu'];?></font> </font>

</p> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>


(8)

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span>

</center> </td>

</tr> </table> </td>

</tr> </table> </center>

<div id="uenu-bawah">

<div id="footer">Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif",

iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </htul>

5.

wisata_buatan.php

<?php

include'koneksi.php'; $table1='tbl_kategori'; $table2='tbl_wisata'; $id=2;

if(!isset($_GET['hal'])){ $page=1; $hal =1;} else{

$page=$_GET['hal']; $hal=$_GET['hal']; }

$uax_results=2;

$frou=(($page*$uax_results)-$uax_results);

$sql=uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori ORDER BY tanggal DESC LIMIT $frou,$uax_results");

while($taupil=uysql_fetch_array($sql)) {

$data=substr($taupil['isi'],0,200); ?>

<div class="box"> <p align="justify"> <iug

src="<?=$taupil['gaubar'];?>"width="200"height="180"align="left"> <font valign="top">


(9)

<?php echo $data;?>

<a href="detail_buatan.php?id=<?=$taupil['id_wisata'];?>" >baca lengkap--->>>>>

</a>

</font></p></div><br> <?php

}

$total_results = uysql_nuu_rows(uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori "));

$total_pages=ceil($total_results/$uax_results); echo"<center>Pilih Halauan<br/>";

if($hal>1){

$prev=($page-1); echo

"<a href=$_SERVER[PHP_SELF]?uenu=buatan&hal=$prev> <-sebeluunya</a>";

}

for($i=1;$i<=$total_pages;$i++) {

if(($hal)==$i){ echo"$i"; }

else{

echo"<a

href=$_SERVER[PHP_SELF]?uenu=buatan&hal=$i>$i</a>"; }

}

if($hal<$total_pages){ $next=($page+1); echo"<a

href=$_SERVER[PHP_SELF]?uenu=buatan&hal=$next>selanjutnya-></a>"; }

echo"</center>"; ?>

6.

detail_buatan.php

<?php

include'koneksi.php'; ?>

<htul>

<head><title>Wisata Online</title>

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

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">


(10)

</head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a

href='index.php?uenu=houe'>HOME</a></li>

<li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="#">GALERY</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'>


(11)

<iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"><br> <?php $id=$_GET['id'];

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query);

$taupil=uysql_fetch_array($sql); ?>

<p align="justify"class="boxdetail">

<iug src="<?=$taupil['gaubar'];?>"align="left" width="300" height="100">

<font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $taupil['isi'];?>

<font size='2px' color='red'> <br>wisata di upload

<?php echo $taupil['tanggal'];?>

&nbsp;<?php echo $taupil['waktu'];?></font> </font>

</p> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>

<br>

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span> </center> </td> </tr> </table> </td> </tr> </table> </center> <div id="uenu-bawah">


(12)

Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif",

iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </htul>

7.

wisata_budaya.php

<?php

include'koneksi.php'; $table1='tbl_kategori'; $table2='tbl_wisata'; $id=4;

if(!isset($_GET['hal'])){ $page=1; $hal =1;} else{

$page=$_GET['hal']; $hal=$_GET['hal']; }

$uax_results=2;

$frou=(($page*$uax_results)-$uax_results);

$sql=uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori ORDER BY tanggal DESC LIMIT $frou,$uax_results");

while($taupil=uysql_fetch_array($sql)) {

$data=substr($taupil['isi'],0,200); ?>

<div class="box"> <p align="justify"> <iug

src="<?=$taupil['gaubar'];?>"width="200"height="180"align="left"> <font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $data;?>

<a href="detail_budaya.php?id=<?=$taupil['id_wisata'];?>" >baca lengkap--->>>>>

</a>

</font></p></div><br> <?php

}

$total_results = uysql_nuu_rows(uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori "));


(13)

echo"<center>Pilih Halauan<br/>"; if($hal>1){

$prev=($page-1); echo

"<a href=$_SERVER[PHP_SELF]?uenu=budaya&hal=$prev> <-sebeluunya</a>";

}

for($i=1;$i<=$total_pages;$i++) {

if(($hal)==$i){ echo"$i"; }

else{

echo"<a

href=$_SERVER[PHP_SELF]?uenu=budaya&hal=$i>$i</a>"; }

}

if($hal<$total_pages){ $next=($page+1); echo"<a

href=$_SERVER[PHP_SELF]?uenu=budaya&hal=$next>selanjutnya-></a>"; }

echo"</center>"; ?>

8.

detail_budaya.php

<?php

include'koneksi.php'; ?>

<htul>

<head><title>Wisata Online</title>

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

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

</head>

<body onLoad="startTiue()"> <center>

<table>

<tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr>

<td>

<?php

include'sliderheader.php'; ?>

</td> </tr>

<tr><td>


(14)

<li><a

href='index.php?uenu=houe'>HOME</a></li>

<li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="#">GALERY</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"><br> <?php $id=$_GET['id'];


(15)

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query);

$taupil=uysql_fetch_array($sql); ?>

<p align="justify"class="boxdetail">

<iug src="<?=$taupil['gaubar'];?>"align="left" width="300" height="100">

<font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $taupil['isi'];?>

<font size='2px' color='red'> <br>wisata di upload

<?php echo $taupil['tanggal'];?>

&nbsp;<?php echo $taupil['waktu'];?></font> </font>

</p> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>

<br>

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span> </center> </td> </tr> </table> </td> </tr> </table> </center> <div id="uenu-bawah">

<div id="footer">Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif",

iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </htul>


(16)

9.

wisata_iman.php

<?php

include'koneksi.php'; $table1='tbl_kategori'; $table2='tbl_wisata'; $id=3;

if(!isset($_GET['hal'])){ $page=1; $hal =1;} else{

$page=$_GET['hal']; $hal=$_GET['hal']; }

$uax_results=2;

$frou=(($page*$uax_results)-$uax_results);

$sql=uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori ORDER BY tanggal DESC LIMIT $frou,$uax_results");

while($taupil=uysql_fetch_array($sql)) {

$data=substr($taupil['isi'],0,200); ?>

<div class="box"> <p align="justify"> <iug

src="<?=$taupil['gaubar'];?>"width="200"height="180"align="left"> <font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $data;?>

<a href="detail_iuan.php?id=<?=$taupil['id_wisata'];?>" >baca lengkap--->>>>>

</a>

</font></p></div><br> <?php

}

$total_results = uysql_nuu_rows(uysql_query("select *frou $table1,$table2 where

$table1.id_kategori=$id and $table1.id_kategori=$table2.id_kategori "));

$total_pages=ceil($total_results/$uax_results); echo"<center>Pilih Halauan<br/>";

if($hal>1){

$prev=($page-1); echo

"<a href=$_SERVER[PHP_SELF]?uenu=iuan&hal=$prev> <-sebeluunya</a>";

}

for($i=1;$i<=$total_pages;$i++) {

if(($hal)==$i){ echo"$i";


(17)

} else{ echo"<a href=$_SERVER[PHP_SELF]?uenu=iuan&hal=$i>$i</a>"; } } if($hal<$total_pages){ $next=($page+1); echo"<a href=$_SERVER[PHP_SELF]?uenu=iuan&hal=$next>selanjutnya-></a>"; } echo"</center>"; ?>

10.

detail_iman.php

<?php include'koneksi.php'; ?> <htul> <head><title>Wisata Online</title> <link rel="stylesheet"type="text/css"href="style.css">

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a

href='index.php?uenu=houe'>HOME</a></li>

<li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul>


(18)

</li> <li><a href="#">GALERY</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"><br> <?php $id=$_GET['id'];

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query);

$taupil=uysql_fetch_array($sql); ?>

<p align="justify"class="boxdetail">

<iug src="<?=$taupil['gaubar'];?>"align="left" width="300" height="100">

<font valign="top">

<strong><?php echo $taupil['judul'];?></strong> <?php echo $taupil['isi'];?>

<font size='2px' color='red'> <br>wisata di upload

<?php echo $taupil['tanggal'];?>

&nbsp;<?php echo $taupil['waktu'];?></font> </font>


(19)

</p> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>

<br>

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span> </center> </td> </tr> </table> </td> </tr> </table> </center> <div id="uenu-bawah">

<div id="footer">Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif", iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </htul>

11.

gallery.php

<htul> <head>

<link href="galery/style.css" rel="stylesheet" type="text/css" /> <link href="galery/highslide.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="galery/utilities.js"></script> <script type="text/javascript" src="galery/highslide-with-htul.js"></script>

<script type="text/javascript" src="galery/slideshow.js"></script> <script type="text/javascript">

hs.graphicsDir = 'http://localhost/wisataonline/gaubar/'; hs.outlineType = 'rounded-white';

hs.wrapperClassNaue = 'draggable-header'; </script>


(20)

<title>Galery Foto</title> </head>

<body> <?php

include('koneksi.php'); ?>

<div id="judul">Galeri Foto Wisata</div> <?php

if(!isset($_GET['hal'])){ $page=1; $hal =1;} else{

$page=$_GET['hal']; $hal=$_GET['hal']; }

$uax_results=2;

$frou=(($page*$uax_results)-$uax_results); $batas=20;

if(!isset($_GET['paging'])){ $posisi=0; $paging=1;} else{

$posisi=$_GET['paging']; $paging=$_GET['paging']; }

$query=uysql_query("select * frou tbl_wisata order by id_wisata desc liuit $posisi,$batas");

while($r=uysql_fetch_array($query)) {

echo"<a href='$r[gaubar]' onclick=\"return hs.htulExpand(this, { objectType: 'ifraue' } )\"><iug src='$r[gaubar]' width='150' height='120' class='gaubar'></a></div>";

}

//penouoran

$query2=uysql_query("select * frou tbl_wisata"); $juulah_data=uysql_nuu_rows($query2);

$juulah_halauan=ceil($juulah_data/$batas); echo"<div id='paging'>";

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak saua dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio

$back=$paging-1;

echo "<div id='kotak-paging'><a

href='galeri.php?paging=$back'><b>Back</b></a></div>"; }

else{

echo"<div id='kotak-paging'>Back</div>"; }

if ($paging != $juulah_halauan){ $next=$paging+1;

echo" <div id='kotak-paging'><a href='galeri.php?paging=$next'> <b>Next</b></a></div>";


(21)

else {

echo "<div id='kotak-paging'>Next</div>"; } echo"</div>"; ?> </body> </htul>

12.

galery1.php

<?php include'koneksi.php'; ?> <htul> <head><title>Wisata Online</title> <link rel="stylesheet"type="text/css"href="style.css">

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href='index.php?uenu=houe'>HOME</a></li> <li><a href='index.php?uenu=profil'>PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="galery.php">GALERY</a></li>

<li><a href="aduin/index.php">LOGIN ADMIN</a></li> </ul>

</td> </tr>


(22)

<td>

<table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul>

</div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td>

<td valign="top"align="left" width="800"> <br> <?php include'galery.php' ?> </td> </tr> </table> </td> </tr> <tr> <table border="1"class="foooter"align="center"> Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou </table>

</tr> </table> </center>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif",

iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </htul>


(23)

13.

sliderheader.php

<?php include'koneksi.php'; ?> <htul> <head>

<link href="sliderheader/js-iuage-slider.css" rel="stylesheet" type="text/css" />

<script src="sliderheader/js-iuage-slider.js" type="text/javascript"></script>

<link href="generic.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="sliderFraue"> <div id="ribbon"></div> <div id="slider">

<iug src="sliderheader/slider/foto1.jpg" alt="Air Panas Penen" />

<iug src="sliderheader/slider/foto2.jpg" alt="Danau Linting" />

<iug src="sliderheader/slider/foto3.jpg" alt="Saupuren Putih" />

<iug src="sliderheader/slider/foto4.jpg" alt="Dua Rasa" />

<iug src="sliderheader/slider/foto5.jpg" alt="HillPark" />

<iug src="sliderheader/slider/foto6.jpg" alt="Pantai Salju" />

<iug src="sliderheader/slider/foto7.jpg" alt="Pantai Putra Deli" />

<iug src="sliderheader/slider/foto8.jpg" alt="Pantai Seraubi" />

<iug src="sliderheader/slider/foto9.jpg" alt="Siba Island" />

<iug src="sliderheader/slider/foto10.jpg" alt="Bangun Sari" />

<iug src="sliderheader/slider/foto11.jpg" />

<iug src="sliderheader/slider/foto12.jpg" alt="Suzuya" /> </div> </body> </htul>

14.

cari.php

<?php ?> <htul> <head> <title>Cari Wisata</title> </head> <body> <foru action="index.php?uenu=taupil_cari"uethod="post"> <table> <tr> <td><input type="text"naue="cari"></td>


(24)

<td><input type="subuit"value="cari"naue="toucari"></td> </tr>

</table> </foru> </body> </htul>

15.

tampil_cari.php

<link rel="stylesheet"type="text/css"href="style.css"> <?php

include'koneksi.php'; $cari=$_POST['cari'];

$sql=uysql_query("select*frou tbl_wisata where judul like'%$cari%' or isi like '%$cari%' order by tanggal liuit 6");

echo"<H3>";

echo"MENCARI:$cari"; echo"</H3>";

echo"<br>";

if(uysql_nuurows($sql)==0){ echo"data tidak ada"; }

else{

while($taupil=uysql_fetch_array($sql)){ echo"<div class='garis'>";

echo"$taupil[judul]"; echo"<br>";

echo"$taupil[tanggal]"; echo"<br>";

$data=substr($taupil['isi'],0,100); echo"$data";

echo"<br>";

echo"<a href='detail_cari.php?&id=$taupil[id_wisata]'>Detail</a>"; echo"</div>";

} } ?>

16.

detail_cari.php

<?php

include'koneksi.php'; ?>

<htul>

<head><title>Wisata Online</title>

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

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

</head>

<body onLoad="startTiue()"> <center>


(25)

<table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href='index.php?uenu=houe'>HOME</a></li> <li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="#">GALERY</a></li>

<li><a href="aduin/index.php">LOGIN ADMIN</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");

while($headline=uysql_fetch_array($head)){ echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center>


(26)

<br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"></br> <?php $id=$_GET['id']; if($id!=""){

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query); $taupil=uysql_fetch_array($sql); ?> <p align="justify"class="boxdetail"> <iug src="<?=$taupil['gaubar'];?>"align="left"> <font valign="top"> <strong>

<?php echo $taupil['judul'];?> </strong>

</br>

<?php echo $taupil['isi'];?> <font size='2px'color='red'> </br>Berita di Upload

&nbsp;<?php echo $taupil['tanggal'];?> || &nbsp;<?php echo $taupil['waktu'];?></font> </font> </p> <?php } else{ ?> <script type="text/javascript"> alert("kauu salah"); </script> <? } ?> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>

<br>

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span>


(27)

</center> </td>

</tr> </table> </td>

</tr> </table> </center>

<div id="uenu-bawah">

<div id="footer">Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif",

iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </htul>

17.

headline.php

<link rel="stylesheet"type="text/css"href="style.css"/> <?php

include'koneksi.php'; $tabel="tbl_wisata";

$sql=uysql_query("select*frou ".$tabel." order by tanggal DESC LIMIT 3");

while($taupil=uysql_fetch_array($sql)){ echo"<div class='box'>";

echo"<p align='justify'>";

echo"<iug src='$taupil[gaubar]'align='left' width='300' height='150'>";

echo"<font valign='top'>"; echo"<strong>";

echo $taupil['judul']."<br>"; echo"</strong>";

echo $taupil['tanggal']."<br>"; $data=substr($taupil['isi'],0,175); echo $data;

?>

<a href='detail_haedline.php?id=<? echo $taupil['id_wisata'] ?>'>&nbsp;baca lengkap>>>>></a>

<?php

echo "</font></p></div></br>"; }

?>

18.

detail_headline.php

<?php

include'koneksi.php'; ?>


(28)

<htul>

<head><title>Wisata Online</title>

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

<script src="jstiue/tiue.js" type="text/javascript" language="javascript"></script>

<script src="SpryAssets/SpryMenuBar.js"

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

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> </head> <body onLoad="startTiue()"> <center> <table> <tr><td><iug src="gaubar/logo1.png"class="logo"></td></tr> <tr> <td> <?php include'sliderheader.php'; ?> </td> </tr> <tr><td>

<ul id="MenuBar1" class="MenuBarHorizontal"> <li><a

href='index.php?uenu=houe'>HOME</a></li>

<li><a href="#">PROFIL</a></li>

<li><a class="MenuBarIteuSubuenu" href="#">WISATA</a> <ul> <li><a href='index.php?uenu=alau'>WISATA ALAM</a></li> <li><a href='index.php?uenu=buatan'>WISATA BUATAN</a></li> <li><a href='index.php?uenu=budaya'>WISATA BUDAYA</a></li> <li><a href='index.php?uenu=iuan'>WISATA IMAN</a></li> </ul> </li> <li><a href="#">GALERY</a></li>

<li><a href="aduin/index.php">LOGIN ADMIN</a></li> </ul> </td> </tr> <tr> <td> <table border="1"class="tabelisi"align="center"> <tr>

<td valign="top" width="200">

<div align="center"class="judul">Wisata Terkini!</div> <div class="pinggir">

<ul> <?

$juulahtaupil=5;

$head=uysql_query("select*frou tbl_wisata order by tanggal desc liuit $juulahtaupil");


(29)

echo"<li><a href='detail_haedline.php?id=".$headline['id_wisata']."'>$headline[ju dul]<br> <font size='2px'color='gray'> $headline[tanggal] </font></li>"; } ?> </ul> </div> <br> <center> <a href='index.php?uenu=kouentar'> <iug src="gaubar/kouen.jpg"> </a> </center> <br> <center> <?php include'hit.php'; ?> </center> </td> <td valign="top"align="center"><br> <?php $id=$_GET['id'];

$query="select*frou tbl_wisata where id_wisata='$id'"; $sql=uysql_query($query);

$taupil=uysql_fetch_array($sql); ?>

<p align="justify"class="boxdetail">

<iug src="<?=$taupil['gaubar'];?>"align="left" width="300" height="100">

<font valign="top">

<strong> <?php echo $taupil['judul'];?></strong><br> <?php echo $taupil['isi'];?>

<font size='2px' color='red'> <br> wisata di upload

<?php echo $taupil['tanggal'];?>

&nbsp;<?php echo $taupil['waktu'];?></font> </font>

</p> </td>

<td valign="top" width="200"> <span id="jau"></span><br> <center> <?php include'cari.php'; ?> <br> <h3>Link Terkait</h3> <center>

<span><a href=http://www.suuutprov.go.id target='http://www.suuutprov.go.id' title="PROPSU">

<iug src="gaubar/suuut.jpg" border="0"></a></span> <br>


(30)

<span><a href=http://www.deliserdang.go.id target='http://www.deliserdang.go.id' title="DELI SERDANG">

<iug src="gaubar/deliserdang.jpg" border="0"></a></span> </center> </td> </tr> </table> </td> </tr> </table> </center> <div id="uenu-bawah">

<div id="footer">Copyright © 2013 Belly Fernando Tarigan<br /> Jln Jauin ginting |

Euail : fernando.belly@yahoo.cou</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {iugDown:"SpryAssets/SpryMenuBarDownHover.gif", iugRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script> </body> </htul>

19.

komentar.php

<?php include'koneksi.php'; ?> <htul> <head> <title>KOMENTAR</title> <link type="text/css"rel="stylesheet"href="style.css"> </head> <body> <foru action="aksikouent.php"uethod="POST"naue="kouentar"> <table align="center"class="kouentar"border="0"> <caption><h2>Kouentar Anda!!!</h2></caption> <tr> <td align="right">Naua</td>

<td align="left"><input type="text"naue="naua"></td> </tr>

<tr>

<td align="right">Euail</td>

<td><input type="text"naue="euail"size=30>*harus diisi</td>

</tr> <tr>

<td align="right"valign="top">Kouentar</td>

<td><textarea naue="kouentar"rows=8 cols=30></textarea></td> </tr> <tr> <td colspan="2"> <input type="subuit"value="kouentar"> <input type="reset"value="batal"></td>


(31)

</tr> </foru> </table> <br>

<div class="garis"> </div>

<center> <?php

$sql=uysql_query("select*frou tbl_kouentar order by tanggal desc liuit 5");

while($taupil=uysql_fetch_array($sql)){ echo"<div class='taupilkouen'>";

echo"$taupil[naua]<br>"; echo"$taupil[tanggal]<br>"; echo"$taupil[kouentar]<br>"; echo"</div><br>";

} ?>

</center> </body>

</htul>

20.

aksikoment.php

<?php

include'koneksi.php'; $naua=$_POST['naua']; $euail=$_POST['euail'];

$kouentar=$_POST['kouentar'];

$sql="insert into tbl_kouentar

values('','".$naua."','".$euail."','".date('d/u/y')."','".$kouentar." ')";

$query=uysql_query($sql);

header("location:index.php?uenu=kouentar"); ?>

21.

hit.php

<?php

include'koneksi.php';

$taupil=uysql_query("select*frou tbl_hit"); $taupil1=uysql_fetch_array($taupil);

$juu_pengunjung=$taupil1['juulah']+1;

echo"<table border=0><tr><td><font color='#FFFFFF'size='6'>Pengunjung</font></td></tr>";

echo"<td><h2 align='center'>$juu_pengunjung</h2></td></tr></table>"; $sql="update tbl_hit set juulah='$juu_pengunjung'";

$sql1=uysql_query($sql); ?>


(32)

22.

style.css

.banner{ width:1000;

height:250; }

.logo{ width:1000;

height:130; }

.profil{

uargin-left: 15px; uargin-right: 15px; uargin-bottou: 25px; }

body{

background:#CCCCCC; text-align: center; }

.tabelisi{

background:green;

border-collapse:collapse; width:1000;

height:400; }

.foooter{

background:green; width:1000;

height:400; }

.judul{

border:2px solid#a1a1a1; padding:10px 1px;

background:green; font-fauily:algerian; color:#FFFFFF;

width:200px;

border-radius:15px; }

.pinggir{

border:2px solid blue; padding:1px 2px;

background:white; border-radius:15px; width:200px;

} .box{

width:500px; height:210px;

text-align=justify;


(33)

padding-right:15px; background-color:white;

-uoz-box-shadow: 10px 10px 5px black; box-shadow: 10px 10px 5px black; border-radius:15px;

}

.headeraduin{ width:270; height:100; border:inset; }

.bdlogin{

background:#ffffff; }

.headeruukaaduin{ width:900; height:100; }

.aduintab{

height:400; width:900;

border-collapse:collapse; background:#FFFFFF;

}

.saupingaduin{ width:100; height:200;

background-color:#33FF66; border-left:hidden;

border-right:groove; border-right-widht:1px; border-bottou-style:dashed;

font-fauily:verdana,arial,helvetica,sans-serif; color:#FFFFFF;

border-top-width:3px; }

.user{

border:outset; border-color:white; width:300;

height:150;

background:#33CCFF;

border-collapse:collapse;} .forukategori{

background:#00CCCC;

border-collapse:collapse; border:inset;

}


(34)

background:#00FFFF; border:groove;

border-collapse:collapse; }

.kouentar{

background:#CCCCCC;

border-botton-width:thin; width:400;

height:100; border:outset;

border-collapse:collapse; }

.taupilkouen{

padding:10px; height:auto; width:400; border:groove; text-align:justify; background:#00CCCC; aziuuth:center; }

.garis{

border:dotted;

border-color:#33FF99; border-collapse:collapse; }

.boxdetail{ width:500; height:auto;

text-align:justify;

padding:3px 0px 0px 10px; padding-right:15px;

background-color:white;

-uoz-box-shadow:10px 10px 5px black; box-shadow: 10px 10px 5px black; border-radius:15px;

}

.boxdetail iug{ width:300; height:150;

uargin: -5px 5px 5px -5px; padding-top:10px;

}

23.

koneksi.php

<?php

$host = "localhost"; $user = "root"; $pass = "";

$dbNaue = "wisata";

$dbnaue=uysql_connect($host, $user, $pass); uysql_select_db("wisata");


(35)

if(!$dbnaue){

echo"koneksi ke database gagal";} else{

echo"";} ?>

24.

js-image-slider.css

#sliderFraue {position:relative;width:1000px;uargin: 0 auto;}

#ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}

#slider {

width:1000px;height:250px;

background:#fff url(loading.gif) no-repeat 50% 50%; position:relative;

uargin:0 auto;

box-shadow: 0px 1px 5px #999999; }

#slider iug {

position:absolute; border:none;

display:none; }

#slider a.iugLink { z-index:2;

display:none;position:absolute;

top:0px;left:0px;border:0;padding:0;uargin:0; width:100%;height:100%;

}

div.uc-caption-bg, div.uc-caption-bg2 { position:absolute; width:100%; height:auto; padding:0; left:0px; bottou:0px; z-index:3; overflow:hidden; font-size: 0; } div.uc-caption-bg { background-color:black; } div.uc-caption {

font: bold 14px/20px Arial; color:#EEE;

z-index:4; padding:10px 0; text-align:center; }

div.uc-caption a { color:#FB0; }

div.uc-caption a:hover { color:#DA0;


(36)

}

div.navBulletsWrapper { top:320px; left:280px; width:150px;

background:none; padding-left:20px; position:relative; z-index:5;

cursor:pointer; }

div.navBulletsWrapper div {

width:11px; height:11px;

background:transparent url(bullet.png) no-repeat 0 0;

float:left;overflow:hidden;vertical-align:uiddle;cursor:pointer; uargin-right:11px;

_position:relative; }

div.navBulletsWrapper div.active {background-position:0 -11px;} #slider

{

transforu: translate3d(0,0,0); -us-transforu:translate3d(0,0,0); -uoz-transforu:translate3d(0,0,0); -o-transforu:translate3d(0,0,0); }

25.

generic.css

body {background:#F6F6F6;font:norual 0.9eu Arial; uargin:0; padding:0; padding-bottou:60px;}

h2 {display:inline;}

.div1, .div2 {width:1000px;uargin:0 auto;}

.div1 {uargin-top:30px;uargin-bottou:60px;text-align:center;line-height:20px;}

.div1 P {font-size:18px;}

.div1 a, .div2 a {color:#07C; } .div1 a {uargin:0 8px;}

.div1 a.current {color:black; text-decoration:none;} .div2 {uargin-top:70px;}

.div2 li {padding-top:6px;padding-bottou:6px;} .green {color:Green;}

.cn {font-fauily: "Courier New", Georgia;}

#status {display:inline-block; uargin-left:26px;line-height:50px;height:50px;vertical-align:uiddle;}

.code {

border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-fauily:"Courier New", Georgia;

font-size:12px; uargin:6px 0;overflow:auto; }


(37)

26.

time.js

function startTiue(){ var hari=new Date(); var h=hari.getHours(); var u=hari.getMinutes(); var s=hari.getSeconds(); var t;

u=checkTiue(u); s=checkTiue(s); if(h>12){

h=h-12; t="PM"; }else{

t="AM"; }

docuuent.getEleuentById('jau').innerHTML=h+":"+u+":"+s+" "+t; t=setTiueout('startTiue()',500);

}

function checkTiue(i){ if (i<10){

i="0" + i; }

return i; }

27.

Login Admin (index.php)

<htul> <head>

<title>LOGIN ADMIN</title>

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

<body> <br> <br> <br> <br> <center>

<iug src="../gaubar/login1.jpg" width="200" height="100" class="headeraduin">

<foru naue="uasuk" action="uasuk.php" uethod="post"> <table border="0" align="center" class="login">

<tr>

<td align="right">USERNAME</td>

<td align="left"><input type="text" naue="usernaue"/></td>

</tr> <tr>

<td align="right">PASSWORD</td>

<td align="left"><input type="password" naue="password"/></td>


(38)

</tr> <tr>

<td colspan="2">

<input type="subuit"naue="uasuk" value="Masuk"/> <input type="reset"naue="batal" value="Batal"/> </td>

</tr> </table> </foru> </center> </body> </htul>

28.

masuk.php

<?php

session_start();

include'../koneksi.php'; if(isset($_POST['uasuk'])){ $user=$_POST['usernaue']; $password=$_POST['password'];

$sql="select*frou tbl_user where usernaue='".$user."' && password='".$password."'";

$sql1=uysql_query($sql); if(!$sql1){

echo"anda sangat tidak berhasil gagal"; }

$baris=uysql_nuu_rows($sql1); if($baris>=1){

$_SESSION['usernaue']=$user; $_SESSION['password']=$password;

while($taupil=uysql_fetch_array($sql1)){ $user1=$taupil['usernaue'];

$password1=$taupil['password']; }

$_SESSION['password']=$password1; $_SESSION['usernaue']=$user1; header("location:houe.php"); }

else {

$_SESSION['pesan']="password atau usernaue anda salah!!!ulangi!!!";

header("location:index.php"); }

} ?>

29.

Home.php

<?php

session_start();

include'../koneksi.php';

if(!isset($_SESSION['usernaue']) || !isset($_SESSION['password'])){ header('location:index.php');


(39)

} else { ?> <htul> <head> <title>ADMINISTRATOR</title> <link rel="stylesheet"type="text/css"href="../style.css"> </head> <body> </body> </htul> <center><iug src="../gaubar/aduin2.jpg"class="headeruukaaduin"></center> <table border="1" class="aduintab" align="center">

<tr>

<td width="100" height="200" class="saupingaduin" valign="top">

<h3 align="center">MENU</h3>

<a href="houe.php">HALAMAN UTAMA</a><br> MENU UTAMA

<li>

<a href="houe.php?uenu=input_wisata">INPUT WISATA</a>

</li> <li>

<a href="houe.php?uenu=data_wisata">LIHAT WISATA</a>

</li> <li>

<a href="houe.php?uenu=kategori">KATEGORI</a> </li>

<td rowspan="2" valign="top"> <?php if(isset($_GET['uenu'])){ $uenu=$_GET['uenu']; if($uenu=="user"){include"user.php";} if($uenu=="kategori"){include"foru_kategori.php";} if($uenu=="input_wisata"){include "foru_isi_wisata.php";} if($uenu=="data_wisata"){include "data_wisata.php";} if($uenu=="aksi_edit_wisata"){include "aksi_edit_wisata.php";} }else{ ?>

SELAMAT DATANG DI HALAMAN ADMINISTRATOR(WISATA ONLINE)<?=$_SESSION['usernaue'];?>!!!! ANDA SEBAGAI ADMINISTRATOR

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

<td valign="top" class="saupingaduin"> <?php include'taupil_user.php'; ?> <a href="keluar.php"> <<<<----KELUAR </a>


(40)

</td> </tr>

</table> <?php } ?>

30.

tampil_user.php

<?php

if(!isset($_SESSION['usernaue']) || !isset($_SESSION['password'])){ header('location:index.php');}

else{

$sql=uysql_query("select*frou tbl_user where

usernaue='$_SESSION[usernaue]'"); $query=uysql_fetch_array($sql); ?>

<htul> <head>

<title>USER TAMPIL</title> </head>

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

<table border="1"width="50"height="50"> <tr>

<td width="60">ID</td>

<td> <input type="text" readonly value="<?=$query['id_user'];?>"/>

</td> </tr>

<tr>

<td>NAMA</td>

<td> <input type="text" readonly value="<?=$query['usernaue'];?>"/>

</td> </tr>

</table> <?

} ?> </body> </htul>

31.

form_isi_wisata.php

<?php

include'../koneksi.php';

if(!isset($_SESSION['usernaue']) || !isset($_SESSION['password'])){ header('location:index.php');

} else{

$tanggal=date("d-u-y"); ?>

<?php } ?>


(41)

<head><title>Input Isi Berita</title></head>

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

<foru naue="isiwisata" uethod="post" action="siupan_wisata.php" enctype="uultipart/foru-data">

<table width="500"height="300"border="1"align="center"> <caption align ="center">

<h2>Input Wisata</h2> </caption> <tr> <td>Kategori Wisata</td> <td><select naue="naua_kategori"> <?php $sql=uysql_query("select*frou tbl_kategori"); while($kategori=uysql_fetch_array($sql)){ echo"<option value='$kategori[id_kategori]'>$kategori[naua_kategori]</option>"; } ?>

</select> </td> </tr>

<tr>

<td>Judul</td>

<td><input type="text" naue="judul" size="40"/></td>

</tr> <tr>

<td>tanggal</td>

<td><input type="text" naue="tanggal" readonly value="<?=$tanggal;?>"/>

</td> </tr> <tr>

<td>gaubar</td>

<td><input type="file"naue="gaubar"size="40"/></td> </tr>

<tr>

<td>Isi Deskripsi Wisata</td> <td><textarea rows="8"cols="40"naue="isi"></textarea></td> </tr> <tr><td colspan="2"> <input type="subuit"naue="siupan"value="SIMPAN"/> <input type="reset"naue="batal"value="BATAL"/> </td></tr> </table> </foru> </body> </htul>

32.

simpan_wisata.php

<?php include'../koneksi.php'; $kategori=$_POST['naua_kategori']; $judul=$_POST['judul']; $tanggal=$_POST['tanggal']; $tgl=date('Y-u-d'); $isi=$_POST['isi'];


(42)

$file_gaubar=$_FILES['gaubar']; $Waktu=date ('H:i:s');

if($judul==""){ ?>

<script type="text/javascript">

alert("ISIAN MASIH ADA YANG KOSONG"); top.location="houe.php?uenu=input_wisata"; </script> <? } if($isi==""){ ?> <script type="text/javascript">

alert("ISIAN MASIH ADA YANG KOSONG"); top.location="houe.php?uenu=input_wisata"; </script> <? } else{ //$bk_gaubar_size=filesize($file_gaubar); //$path="gaubar/$file_gaubar"; $path2=$_FILES['gaubar']['naue'];

$uove =

uove_uploaded_file($_FILES['gaubar']['tup_naue'],"../gaubar/".$path2) ;

$query="insert into tbl_wisata

values('','$kategori','$judul','$tgl','$Waktu','gaubar/$path2','$isi' )";

$sql=uysql_query($query); echo'berhasil siupan wisata'; }

?>

33.

data_wisata.php

<?php

include'../koneksi.php';

if(!isset($_SESSION['usernaue']) || !isset($_SESSION['password'])){ header('location:index.php'); } else { ?> <htul> <head> <title>Lihat Wisata</title> <link rel="stylesheet"type="text/css"href="../style.css"> </head> <body> <table border="1"width="600"align="center"> <caption align="center"> <h2>Data Wisata</h2> </caption> <div> <th>Id</th> <th>Judul</th> <th>Tanggal</th>


(1)

7.

Kelompok Gedebug store yang telah memberikan semangat dan motivasi yang

begitu besar kepada penulis.

8.

Teman – teman Kom B’10, terutama Tsnan Habibi, Fredy S Pakpahan, Darius

Ginting, Friska Samosir, Devi Khaerani, Rut T.Y Tampubolon, Syefira

Salsibila, Ester Permata, Tika Manurung, dan Winda Simajuntak yang telah

memberikan dukungan dan kerja sama yang baik kepada penulis.

Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk

itu penulis mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk

perbaikan dan kesempurnaan tugas akhir ini.

Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para

pembaca.

Medan, Juni 2013

Belly F Tarigan


(2)

vi

ABSTRAK

Kajian ini bertujuan untuk membannun sistem informasi objek wisata di Kabupaten

Deli Serdann. Sistem informasi ini dikembannkan dennan mennnunakan perannkat

lunak Adobe Dreamweaver CS5, Adobe Photoshop CS5, XAMPP yann merupakan

nabunnan dari phpMyAdmin Web Server, PHP, dan MySQL, browser Goonle

Chrome dan Mozilla Firefox.

Sistem informasi ini bekerja untuk mempromosikan objek wisata yann berada

di daerah Deli Serdann. Tujuan sistem informasi ini adalah untuk memberikan

kemudahan kepada Dinas Kebudayaan dan Pariwisata untuk dapat melakukan

promosi objek-objek wisata yann berada di Daerah Deli Serdann. Serta memberikan

kemudahan kepada para wisatawan dalam melihat dan mennetahui akan lokasi dari

objek wisata yann innin di kunjunninya.


(3)

DAFTAR ISI

Halaman

Persetujuan

ii

Pernyataan

iii

Penghargaan

iv

Abstrak

vi

Daftar Isi

vii

Daftar Tabel

ix

Daftar Gambar

x

Bab 1 Pendahuluan

1

1.1 Latar Belakang

1

1.2 Rumusan Masalah

2

1.3 Batasan Masalah

3

1.4 Tujuan Penelitian

3

1.5 Manfaat Penelitian

4

1.6 Karakteristik Penelitian

4

1.7 Tinjauan Pustaka

5

1.8 Metodologi Penelitian

7

1.9 Sistem Penulisan

8

Bab 2 Landasan Teori

10

2.1 Disbudpar

10

2.1.1 Visi Disbudpar Deli Serdang

11

2.1.2Misi Disbudpar Deli Serdang

13

2.2 Pengertian Sistem Informasi

13

2.3 Pengenalan Internet

16

2.3.1 Network

17

2.3.2 Web Server

17

2.3.3 World Wide Web (WWW)

18

2.3.4 Hyper Text Transfer Protocol (HTTP)

19

2.4 Pengenalan HTML

19

2.5 Pengenalan Personal Home Page (PHP)

21

2.5.1Sejarah PHP

22

2.5.2 Variabel pada PHP

23

2.5.3 Konsep Dasar Penggunaan PHP

25

2.6 Database MySQL

26

2.7 Adobe Dreamweaver

28

2.8 Cascading Style Sheet (CSS)

28

2.9 JavaScript

29


(4)

viii

Bab 3 Perancangan Sistem

30

3.1 Data Flow Diagram (DFD)

31

3.2 Perancangan Database

33

3.3 Flowchart

36

3.3.1 Flowchart Menu Utama

38

3.3.2 Flowchart Wisata

39

3.3.3 Flowchart Admin

40

3.4 Perancangan Algoritma

40

3.4.1 Algoritma Homepage

40

3.4.2 Algoritma Administrator

42

Bab 4 Implementasi Sistem

44

4.1 Pengertian Implementasi Sistem

44

4.2 Tujuan Implementasi

45

4.3 Komponen dalam Implementasi Sistem

45

4.3.1 Kebutuhan Perangkat Keras (Hardware)

46

4.3.2 Kebutuhan Perangkat Lunak (Software)

46

4.3.3 Kebutuhan Brainware

47

4.4 Tampilan Halaman Website

47

Bab 5 Kesimpulan dan Saran

55

5.1 Kesimpulan

55

5.2 Saran

56

Daftar Pustaka

Lampiran


(5)

DAFTAR TABEL

Halaman

Tabel 3.1.Tabel Simbol – Simbol Data Flow Diagram

33

Tabel 3.2 Tabel tbl3user

34

Tabel 3.3 Tabel tbl3wisata

34

Tabel 3.4 Tabel tbl3kategori

35

Tabel 3.5 Tabel tbl3komentar

35

Tabel 3.6 Tabel tbl3hit

35

Tabel 3.7 Arti lambang – lambang Flowchart

36


(6)

x

DAFTAR GAMBAR

Halaman

Gambar 3.1 Data FlGw Diagram (DFD)

32

Gambar 3.2 Alur FlGwchart Menu Utama

38

Gambar 3.3 Alur FlGwchart Wisata

39

Gambar 3.4 Alur FlGwchart Admin

40

Gambar 4.1 Halaman HGme

48

Gambar 4.2 Halaman PrGfil

48

Gambar 4.3 Halaman Wisata Alam

49

Gambar 4.4 Halaman Wisata Buatan

49

Gambar 4.5 Halaman Wisata Iman

50

Gambar 4.6 Halaman Wisata Buatan

50

Gambar 4.7 Halaman Galery FGtG Wisata

51

Gambar 4.8 Halaman LGgin Admin

51

Gambar 4.9 Halaman AdministratGr

52

Gambar 4.10 Halaman Input Wisata Oleh AdministratGr

52

Gambar 4.11 Halaman Lihat Wisata di AdministratGr

53

Gambar 4.12 Halaman Edit Wisata Oleh AdministratGr

53

Gambar 4.13 Halaman

KategGri Wisata

54