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

<html>

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

</head>

<table>

<td>

<?php

include'sliderheader.php'; ?>

</td> </tr>

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

href='index.php?menu=home'>HOME</a></li> <li><a

href='index.php?menu=profil'>PROFIL</a></li>

<li><a class="MenuBarItemSubmenu" href="#">WISATA</a>

<ul>

<li><a href='index.php?menu=alam'>WISATA ALAM</a></li>

<li><a

href='index.php?menu=buatan'>WISATA BUATAN</a></li> <li><a

href='index.php?menu=budaya'>WISATA BUDAYA</a></li> <li><a

href='index.php?menu=iman'>WISATA IMAN</a></li> </ul>

</li>

<li><a href="galery1.php">GALERY</a></li> <li><a href="admin/index.php">LOGIN

ADMIN</a></li>

</ul> </td>

</tr> <tr>

<td>

(2)

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

<?

$jumlahtampil=5;

$head=mysql_query("select*from tbl_wisata order by tanggal desc limit $jumlahtampil");

while($headline=mysql_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>

</center> <br> <center>

<?php

include'hit.php'; ?>

</center> </td>

<?php

if(isset($_GET['menu'])){ $menu=$_GET['menu'];

if($menu=="home"){include "headline.php";} if($menu=="alam"){include "wisata_alam.php";} if($menu=="buatan"){include "wisata_buatan.php";} if($menu=="budaya"){include "wisata_budaya.php";} if($menu=="iman"){include "wisata_iman.php";} if($menu=="komentar"){include "komentar.php";}

if($menu=="tampil_cari"){include "tampil_cari.php";} if($menu=="profil"){include "profil.php";}

if($menu=="galery1"){include "galery1.php";} }

else{include "headline.php";} ?>

</td>

<?php

include'cari.php'; ?>

<br>

(3)

<br>

</center> </td>

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

</tr> <tr>

Email : fernando.belly@yahoo.com </table>

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

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

</body> </html>

2. profil.php

<h3>

<center>Selamat Datang di Website

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

</center> </h3>

Kabupaten Deli Serdang dikenal sebagai daerah yang memiliki keanekaragaman budaya, etnis dan agama sehingga sering juga disebut sebagai miniatur Indonesia.

tidak hanya itu, Kabupaten Deli Serdang juga memiliki sumber daya alam yang besar serta objek-objek wisata yang indah dan menakjubkan.

Keanekaragaman wisata yang ada di Kabupaten Deli Serdang tidak hanya meliputi wisata alamnya saja, tetapi termasuk juga wisata sejarah, wisata budaya,

wisata kuliner, serta wisata religious. <br>

(4)

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

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

yang dapat menarik kunjungan wisatawan sebagai sumber pendapatan daerah serta pendapatan penduduk setempat khusus nya. <br>

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

</center>

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

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

</center>

Dinas Kebudayaan dan Pariwisata Kabupaten Deli Serdang dalam rangka mencapai Visi yang sudah ditetapkan,

bertujuan memberikan pemahaman mengenai bagaimana keberhasilan meraih Visi.

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

<br>1. Membina dan mengembangkan budaya daerah.

<br>2. Mengarahkan serta mendorong usaha-usaha kepariwisataan. <br>3. Menarik minat masyarakat dan investor untuk berinvestasi disektor pariwisata.

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

</div> </table> </body> </html>

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

$max_results=2;

(5)

$sql=mysql_query("select *from $table1,$table2 where

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

while($tampil=mysql_fetch_array($sql)) {

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

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

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

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

</a>

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

}

$total_results = mysql_num_rows(mysql_query("select *from $table1,$table2 where

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

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

if($hal>1){

$prev=($page-1); echo

"<a href=$_SERVER[PHP_SELF]?menu=alam&hal=$prev> <-sebelumnya</a>";

}

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

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

else{

echo"<a

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

}

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

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

(6)

4. detail_alam.php

<?php

include'koneksi.php'; ?>

<html>

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

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

<script src="jstime/time.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="startTime()"> <center>

<table>

<tr><td><img src="gambar/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?menu=home'>HOME</a></li>

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

<li><a class="MenuBarItemSubmenu"

href="#">WISATA</a>

<ul>

<li><a href='index.php?menu=alam'>WISATA ALAM</a></li>

<li><a

href='index.php?menu=buatan'>WISATA BUATAN</a></li> <li><a

href='index.php?menu=budaya'>WISATA BUDAYA</a></li> <li><a

href='index.php?menu=iman'>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> <?

$jumlahtampil=5;

(7)

while($headline=mysql_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?menu=komentar'> <img src="gambar/komen.jpg">

</a> </center> <br> <center>

<?php

include'hit.php'; ?>

</center> </td>

<td valign="top"align="center"><br> <?php

$id=$_GET['id'];

$query="select*from tbl_wisata where id_wisata='$id'"; $sql=mysql_query($query);

$tampil=mysql_fetch_array($sql); ?>

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

<img src="<?=$tampil['gambar'];?>"align="left"

width="300" height="100">

<font valign="top">

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

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

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

 <?php echo $tampil['waktu'];?></font> </font>

</p> </td>

<td valign="top" width="200"> <span id="jam"></span><br> <center>

<?php

include'cari.php'; ?>

<br>

<h3>Link Terkait</h3> <center>

<span><a href=http://www.sumutprov.go.id

target='http://www.sumutprov.go.id' title="PROPSU">

<img src="gambar/sumut.jpg" border="0"></a></span> <br>

(8)

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

<img src="gambar/deliserdang.jpg"

border="0"></a></span>

</center>

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

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

<div id="menu-bawah">

Email : fernando.belly@yahoo.com</div> </div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",

{imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); </script>

</body> </html>

5. wisata_buatan.php

<?php

$max_results=2;

$from=(($page*$max_results)-$max_results);

(9)

<?php echo $data;?>

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

</a>

}

if($hal>1){

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

}

else{

echo"<a

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

}

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

echo"</center>"; ?>

6. detail_buatan.php

<?php

<html>

(10)

</head>

<table>

<td>

<?php

</td> </tr>

<tr><td>

<ul>

<li><a

</li>

</td> </tr>

<tr> <td>

<ul> <?

$head=mysql_query("select*from tbl_wisata order by tanggal desc limit $jumlahtampil");

</font></li>"; }

?> </ul> </div> <br> <center>

(11)

<img src="gambar/komen.jpg"> </a>

</center> <br> <center>

<?php

</center> </td>

$id=$_GET['id'];

width="300" height="100">

</p> </td>

<?php

<br>

<span><a href=http://www.deliserdang.go.id

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

border="0"></a></span> </center> </td>

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

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

(12)

Jln Jamin ginting |

</body> </html>

7. wisata_budaya.php

<?php

$max_results=2;

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

</a>

}

(13)

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

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

}

else{

echo"<a

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

}

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

echo"</center>"; ?>

8. detail_budaya.php

<?php

<html>

</head>

<table>

<td>

<?php

</td> </tr>

<tr><td>

(14)

<li><a

<ul>

<li><a

</li>

</td> </tr>

<tr> <td>

<ul> <?

</font></li>"; }

?> </ul> </div> <br> <center>

<?php

</center> </td>

(15)

width="300" height="100">

</p> </td>

<?php

<br>

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

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

(16)

9. wisata_iman.php

<?php

$max_results=2;

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

</a>

}

if($hal>1){

"<a href=$_SERVER[PHP_SELF]?menu=iman&hal=$prev> <-sebelumnya</a>";

}

(17)

} else{

echo"<a

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

}

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

echo"</center>"; ?>

10. detail_iman.php

<?php

<html>

</head>

<table>

<td>

<?php

</td> </tr>

<tr><td>

<ul>

<li><a

(18)

</li>

</td> </tr>

<tr> <td>

<ul> <?

</font></li>"; }

?> </ul> </div> <br> <center>

<?php

</center> </td>

$id=$_GET['id'];

width="300" height="100">

(19)

</p> </td>

<?php

<br>

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

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

</body> </html>

11. gallery.php

<html> <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-html.js"></script>

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

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

(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']; }

$max_results=2;

$from=(($page*$max_results)-$max_results); $batas=20;

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

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

$query=mysql_query("select * from tbl_wisata order by id_wisata desc limit $posisi,$batas");

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

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

}

//penomoran

$query2=mysql_query("select * from tbl_wisata"); $jumlah_data=mysql_num_rows($query2);

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

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama 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 != $jumlah_halaman){ $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> </html>

12. galery1.php

<?php

<html>

<link href="SpryAssets/SpryMenuBarHorizontal.css"

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

<table>

<td>

<?php

</td> </tr>

<tr><td>

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

<ul>

<li><a

</li>

<li><a href="galery.php">GALERY</a></li>

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

</td> </tr>

(22)

<td>

<ul> <?

</font></li>"; }

?> </ul>

</div> <br> <center>

<?php

</center> </td>

<td valign="top"align="left" width="800"> <br>

<?php

include'galery.php' ?>

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

</tr> <tr>

Email : fernando.belly@yahoo.com </table>

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

(23)

13. sliderheader.php

<?php

<body>

</body> </html>

14. cari.php

<?php ?> <html> <head>

<title>Cari Wisata</title> </head>

<body>

<tr>

(24)

</table> </form> </body> </html>

15. tampil_cari.php

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

$sql=mysql_query("select*from tbl_wisata where judul like'%$cari%' or isi like '%$cari%' order by tanggal limit 6");

echo"<H3>";

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

echo"<br>";

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

else{

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

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

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

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

echo"<br>";

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

} } ?>

16. detail_cari.php

<?php

<html>

</head>

(25)

<table>

<td>

<?php

</td> </tr>

<tr><td>

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

<ul>

<li><a

</li>

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

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

</td> </tr>

<tr> <td>

<ul> <?

</font></li>"; }

?> </ul> </div> <br> <center>

(26)

<br> <center>

<?php

</center> </td>

<td valign="top"align="center"></br> <?php

$id=$_GET['id']; if($id!=""){

<img src="<?=$tampil['gambar'];?>"align="left"> <font valign="top">

<strong>

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

</br>

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

 <?php echo $tampil['tanggal'];?> ||  <?php echo $tampil['waktu'];?></font> </font>

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

<script type="text/javascript"> alert("kamu salah");

</script> <?

} ?>

</td>

<?php

<br>

(27)

</center> </td>

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

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

</body> </html>

17. headline.php

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

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

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

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

echo"<img src='$tampil[gambar]'align='left' width='300' height='150'>";

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

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

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

?>

<a href='detail_haedline.php?id=<? echo $tampil['id_wisata'] ?>'> baca lengkap>>>>></a>

<?php

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

?>

18. detail_headline.php

<?php

(28)

<html>

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

</head>

<table>

<td>

<?php

include'sliderheader.php'; ?>

</td> </tr>

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

href='index.php?menu=home'>HOME</a></li>

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

<li><a class="MenuBarItemSubmenu" href="#">WISATA</a>

<ul>

<li><a href='index.php?menu=alam'>WISATA ALAM</a></li>

<li><a

href='index.php?menu=buatan'>WISATA BUATAN</a></li> <li><a

href='index.php?menu=budaya'>WISATA BUDAYA</a></li> <li><a

href='index.php?menu=iman'>WISATA IMAN</a></li> </ul>

</li>

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

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

</ul> </td>

</tr> <tr> <td>

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

<ul> <?

$jumlahtampil=5;

$head=mysql_query("select*from tbl_wisata order by tanggal desc limit $jumlahtampil");

(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> </center> <br>

<center> <?php

include'hit.php'; ?>

</center> </td>

<td valign="top"align="center"><br> <?php

$id=$_GET['id'];

$query="select*from tbl_wisata where id_wisata='$id'"; $sql=mysql_query($query);

$tampil=mysql_fetch_array($sql); ?>

<img src="<?=$tampil['gambar'];?>"align="left" width="300" height="100">

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

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

 <?php echo $tampil['waktu'];?></font> </font>

</p> </td>

<?php

include'cari.php'; ?>

<br>

<h3>Link Terkait</h3> <center>

(30)

</center> </td>

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

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

Email : fernando.belly@yahoo.com</div> </div>

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

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

</body> </html>

19. komentar.php

<?php

<title>KOMENTAR</title>

<body>

<caption><h2>Komentar Anda!!!</h2></caption> <tr>

<tr>

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

<td><input type="text"name="email"size=30>*harus diisi</td>

</tr> <tr>

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

</tr> <tr>

(31)

</tr> </form> </table> <br>

<center> <?php

$sql=mysql_query("select*from tbl_komentar order by tanggal desc limit 5");

while($tampil=mysql_fetch_array($sql)){ echo"<div class='tampilkomen'>";

echo"$tampil[nama]<br>"; echo"$tampil[tanggal]<br>"; echo"$tampil[komentar]<br>"; echo"</div><br>";

} ?>

</center> </body>

</html>

20. aksikoment.php

<?php

include'koneksi.php'; $nama=$_POST['nama']; $email=$_POST['email'];

$komentar=$_POST['komentar'];

$sql="insert into tbl_komentar

values('','".$nama."','".$email."','".date('d/m/y')."','".$komentar." ')";

$query=mysql_query($sql);

header("location:index.php?menu=komentar"); ?>

21. hit.php

<?php

include'koneksi.php';

$tampil=mysql_query("select*from tbl_hit"); $tampil1=mysql_fetch_array($tampil);

$jum_pengunjung=$tampil1['jumlah']+1;

echo"<table border=0><tr><td><font

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

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

(32)

22. style.css

.banner{ width:1000;

height:250; }

.logo{ width:1000;

height:130; }

.profil{

margin-left: 15px; margin-right: 15px; margin-bottom: 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-family: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;

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

}

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

.bdlogin{

background:#ffffff; }

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

.admintab{

height:400; width:900;

border-collapse:collapse; background:#FFFFFF;

}

.sampingadmin{ width:100; height:200;

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

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

font-family: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;} .formkategori{

background:#00CCCC;

border-collapse:collapse; border:inset;

}

(34)

background:#00FFFF; border:groove;

border-collapse:collapse; }

.komentar{

background:#CCCCCC;

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

height:100; border:outset;

border-collapse:collapse; }

.tampilkomen{

padding:10px; height:auto; width:400; border:groove; text-align:justify; background:#00CCCC; azimuth: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;

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

}

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

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

}

23. koneksi.php

<?php

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

$dbName = "wisata";

(35)

if(!$dbname){

echo"koneksi ke database gagal";} else{

echo"";} ?>

24. js-image-slider.css

#sliderFrame {position:relative;width:1000px;margin: 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;

margin:0 auto;

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

#slider img {

position:absolute; border:none;

display:none; }

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

display:none;position:absolute;

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

}

div.mc-caption-bg, div.mc-caption-bg2 { position:absolute;

width:100%; height:auto; padding:0; left:0px; bottom:0px; z-index:3;

overflow:hidden; font-size: 0; }

div.mc-caption-bg {

background-color:black; }

div.mc-caption {

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

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

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

(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:middle;cursor:pointer; margin-right:11px;

_position:relative; }

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

{

transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); }

25. generic.css

body {background:#F6F6F6;font:normal 0.9em Arial; margin:0;

padding:0; padding-bottom:60px;} h2 {display:inline;}

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

.div1

{margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}

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

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

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

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

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

#status {display:inline-block;

margin-left:26px;line-height:50px;height:50px;vertical-align:middle;} .code

{

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