Sistem Informasi Geografis Pemetaan Tempat Wisata di Berastagi

(1)

LISTING PROGRAM

1. Index.html

<?php

include("koneksi.php") ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jQuery('ul.menu').superfish({ animation:

{opacity:'show',height:'show'}, speed: 'slow', autoArrows: true });

});

</script>

<title>Dropdown menu</title> <style type="text/css"> #footer{

font-size: 100%; text-align: center; width: 100%;

height:5%;

}

</style> </head> <body>

<font size="3" FACE="Broadway" COLOR="black"> <img

style="float:left;"Border="4"src="images/HOME.png"width="2 00px" height="150px">

<li><a href="sejarah.php">Sejarah Kabupaten Karo</a></li>

<li><a href="loginadmin.php">Login Admin</a></li>

(2)

<li><a href="#">Tempat Wisata Berastagi</a> <ul>

<li><a href="#">Negeri</a> <ul>

<li><a href="mejuahjuah.html">Taman Mejuah-Juah</a></li>

<li><a href="pasarbuah.html">Pasar Buah Berastagi</a></li>

<li><a

href="gundaling.html">Gundaling</a></li> </ul>

</li>

<li><a href="#">Swasta</a> <ul>

<li><a href="bukitkubu.html">Lapangan Bukit Kubu</a></li>

<li><a href="funland.html">Fun Land Mikie Holiday</a></li>

<li><a href="lumbini.html">Taman Lumbini</a></li>

</ul> </li>

</ul>

<li><a href="#">Transportasi</a> <ul>

<li><a href="T_jaranguda.html"> Kearah Jaranguda</a> </li>

<li><a href="T_gundaling1.html"> Kearah Gundaling</a></li>

<li><a href="T_tongging.html"> Kearah Tongging</a></li>

<li><a href="T_tahura.html"> Kearah Tahura</a> </li>

<li><a href="T_renang.html"> Kearah Kolam renang</a></li>

<li><a href="T_semangat.html"> Kearah Semangat Gunung</a></li>

</li> </ul> </li>

<li><a href="#">Penginapan</a> <ul>

<li><a href="bintang5.php">Hotel Bintang 5</a></li>

<li><a href="bintangnone.php">Tidak Berbintang</a></li>

</ul> </li> </li></ul>

(3)

<option value="tempat_wisata">Tempat Wisata</option>

<option value="transportasi">Transportasi </option>

<option value="penginapan">Penginapan</option> </select>

</form> </font> </div>

<img style ="center: block;margin:0

auto;width:800px;height:500px;" src="images/all.jpg "> </div>

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

2. Fundland.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jQuery('ul.menu').superfish({

animation: {opacity:'show',height:'show'}, speed: 'slow',

autoArrows: true });

});

</script>

<title>Dropdown menu</title> <style type="text/css"> #kiri

{

width:50%; height:100%;

background-color:#fff080; float:left;

(4)

margin-top:150px; margin-right:7px;

} #kanan {

background-color:black; float:right;

padding-top:20px; margin-top:150px; }

body{ background:black; color:white;} </style>

style="float:left;"Border="4"src="images/HOME.png"width="2 00px" height="150px">

</ul> </li>

<li><a

</li>

(5)

</ul>

</li> </ul> </li>

</ul> </li> </li></ul>

<option value="tempat_wisata">Tempat Wisata</option>

<option value="transportasi">Transportasi </option>

<option value="penginapan">Penginapan</option> </select>

(6)

Fundland mikie holiday merupakan tempat wisata swasta

</P></font> </div>

<img style ="right: block;margin:0

auto;width:500px;height:90%;" src="images/fundland.jpg"><a href="map.php">Lihat Rute</a>

</div> </div>

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

3. T_gundaling.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

jQuery(function(){

});

</script>

{

padding-top:10px; margin-top:150px; margin-right:7px;

}

#footer {

(7)

text-align: center; width: 100%;

height:5%;

background: white; }

style="float:left;"Border="4"src="images/HOME.png"width="200px" height="150px">

</ul> </li>

<li><a

</li>

</ul> </li>

</ul>

(8)

</li> </ul> </li>

</ul> </li>

</li></ul>

<option value="tempat_wisata">Tempat Wisata</option> <option value="transportasi">Transportasi </option> <option value="penginapan">Penginapan</option> </select>

</font> </div>

<font size="3" FACE="Broadway" COLOR="black"> TRANSPORTASI UMUM KE ARAH GUNDALING</H5> <ul>

<li>Sibayak Transport</li> <li>Bayu Transport</li> <li>Kama Transport</li> </ul>

</div> <div id="kanan"> </div>

(9)

4. Bintang5.php

<head>

jQuery(function(){

});

</script>

{

padding-top:10px; margin-top:150px; margin-right:7px; }

#footer {

height:5%;

(10)

</ul> </li>

<li><a

</li>

</ul> </li>

</ul>

</li> </ul> </li>

(11)

</ul> </li>

</li></ul>

</font> </div>

<font size="3" FACE="Broadway" COLOR="black"> Hotel Bintang 5</H5>

<th scope=col>Nama Hotel</th> <th scope=col>Kelas</th>

<th scope=col>Jumlah Ruangan</th> <th scope=col>Alamat</th>

<th scope=col>Telepon</th> </tr>

<td>MIKIE HOLIDAY RESORT</td> <td>*****</td>

<td>Jl.Jamin Ginting Desa Sempajaya Berastagi</td>

<td>GRAND MUTIARA</td> <td>*****</td>

<td>Jl.Peceren No.168 Berastagi</td> <td>(0628)91311/91622</td>

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

</div>

(12)

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

5. Delete1.php

<?php

include ('koneksi.php');

$id_tempatwisata = $_GET['id'];

$que = "DELETE FROM `tb_tempatwisata` WHERE id_tempatwisata ='$id_tempatwisata'";

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

header("location: tb_tempatwisata.php");

} else{

die("delete gagal");

} ?>

6. Direction.php

<!DOCTYPE html> <html>

<head>

src="http://maps.google.com/maps/api/js?sensor=false"></script> </head>

<div id="panel" style="width: 300px; float:left;"></div> <div id="map" style="width: 300px; height: 400px;

float:right;"></div>

</div>

google.maps.Map(document.getElementById('map'), { zoom:10,

mapTypeId: google.maps.MapTypeId.ROADMAP });

directionsDisplay.setMap(map);

directionsDisplay.setPanel(document.getElementById('panel')); var request = {

(13)

travelMode: google.maps.DirectionsTravelMode.DRIVING };

directionsService.route(request, function(response, status) {

if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); }

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

7. Edit_penginapan.php

<?php

<head>

jQuery(function(){

});

</script>

<title>Dropdown menu</title> <style type="text/css"> #footer{

height:5%;

} #kiri {

(14)

<body>

</ul> </li>

<li><a

</li>

</ul> </li> </ul>

(15)

</li>

</ul> </li> </li></ul>

</font> </div>

<font size="3" FACE="Broadway" COLOR="black"> <button id="back" type="button"><a

href="data.php"><</a></button>

<form action="proses_edit3.php" method="POST"> <?php

include ('koneksi.php'); $id_penginapan = $_GET['id'];

$que = "SELECT * FROM `tb_penginapan` WHERE id_penginapan='$id_penginapan'";

$q = mysql_query($que); $qq = mysql_fetch_array($q) ?>

<tr>

<td>id_penginapan</td> <td>:</td>

<td><input type="text"

name="id_penginapan" value="<?php echo $qq['id_penginapan']; ?>"></td>

</tr> <tr>

(16)

name="nama_penginapan" value="<?php echo $qq['nama_penginapan']; ?>"></td>

</tr> <tr>

<td>kelas</td> <td>:</td>

</tr> <tr>

<td>no_telepon</td> <td>:</td>

name="no_telepon" value="<?php echo $qq['no_telepon']; ?>"></td> </tr>

<tr>

<td>alamat</td> <td>:</td>

</tr> <tr>

</tr> </table> </form> </font> </div>

</div> </div>

8. Input_tempatwisata.php

<?php

(17)

jQuery(function(){

});

</script>

<title>Dropdown menu</title> <style type="text/css">

#kiri {

}

#footer{

height:5%;

}

(18)

</ul> </li>

<li><a

</li>

</ul> </li>

</ul>

</li> </ul> </li>

(19)

</ul> </li>

</li></ul>

<font size="3" FACE="Broadway" COLOR="black"> <button id="back" type="button"><a

href="data.php"><</a></button>

<tr>

<td><label>id_tempatwisata :</label> </td>

name="id_tempatwisata" placeholder="id_tempatwisata"></td> </tr>

<tr>

<td><label>nama_tempatwisata :</label> </td>

name="nama_tempatwisata" placeholder="nama_tempatwisata"></td> </tr>

<tr>

<td><label>kategori :</label> </td>

</tr> <tr>

<td><label>keterangan :</label> </td>

<tr>

(20)

</table> </form> </font> </div> </div> </div> </div>

9. Koneksi.php

<?php

mysql_connect("localhost","root","") ; mysql_select_db("cari");

?>

10. Loginadmin.php

<?php

<head>

jQuery(function(){

});

</script>

{

(21)

#footer{

height:5%;

}

</ul> </li>

<li><a

</li>

</ul> </li>

(22)

</li> </ul> </li>

</ul> </li> </li> </li></ul>

</font> </div>

<div class="content"> <div id="kiri"> <?php

error_reporting(0); ?>

<body>

<td height='20px'> LOGIN ADMIN

(23)

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<td colspan="2"><span

style="color:red"><?php echo $_GET['eror']; ?></span></td> </tr>

</table> </form>

</font> </div>

11. Map.php

<!DOCTYPE html> <html lang="en"> <head>

{background:#fff080;color:white; padding-top: 20px;

padding-bottom: 40px;

}

(24)

}

.container-narrow > hr { margin: 30px 0;

}

/* Main marketing message and sign up button */ .jumbotron {

margin: 60px 0; text-align: center; }

.jumbotron h1 { font-size: 72px; line-height: 1; }

.jumbotron .btn { font-size: 21px; padding: 14px 24px; }

/* Supporting marketing content */ .marketing {

margin: 60px 0; }

.marketing p + h4 { margin-top: 28px; }

<h2 class="muted"> Cari Lokasinya </h2> </div>

<hr>

<form class="form-inline" action='map.php' method="POST"> <input type="text" name='asal' class="input-large"

placeholder="Alamat asal">

<p class='lead'> Rute Google maps </p>

<div class='span8'> <?php

error_reporting(E_ALL^ (E_NOTICE | E_WARNING)); if(isset($_POST)) {

(25)

12. Proses_cari.php

<?php

<head>

jQuery(function(){

});

</script>

{

}

#footer {

height:5%;

(26)

</ul> </li>

<li><a

</li>

</ul> </li>

</ul>

(27)

</li> </ul> </li>

<li><a href="hotel.html">Penginapan</a> <ul>

</ul> </li>

</li></ul>

<font size="3" FACE="BROADWAY" COLOR="black"> HASIL PENCARIAN</H5>

<?php

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

$search = $_POST['txtsearch'];

$kategoriobat = $_POST['kategori_cari']; $sql = "SELECT * FROM data WHERE

$kategoriobat LIKE '%$search%'";

$result = mysql_query($sql) or die('Error, list cari failed.'.mysql_error());

(28)

} else{

echo '<p></p>';

while($row = mysql_fetch_array($result)){ extract($row);

echo'<p> Tempat Wisata:'.$tempat_wisata.'</p>';

echo'<p> Transportasi:'.$transportasi.'</p>'; echo'<p> Penginapan:'.$penginapan.'</p>';

echo'<p></p>'; }

} }

?>

</font> </div> <div id="kanan">

</div> </div>

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

13. Proses_edit1.php

<?php

include ('koneksi.php');

$id_tempatwisata = $_POST['id_tempatwisata']; $nama_tempatwisata = $_POST['nama_tempatwisata']; $kategori = $_POST['kategori'];

$keterangan = $_POST['keterangan']; $que = "UPDATE `tb_tempatwisata` SET

nama_tempatwisata='$nama_tempatwisata', kategori='$kategori', keterangan='$keterangan' WHERE

id_tempatwisata='$id_tempatwisata'"; $q = mysql_query($que);

if ($q) {

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

else {

die("Gagal Update");

(29)

} ?>

14. Proses_login.php

<?php

include ("koneksi.php");

$username = $_POST['username']; $password = $_POST['password'];

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

$queryexe = mysql_query($query); $exe = mysql_num_rows($queryexe); if ($exe == 1) {

echo "Kamu Berhasil Login $username"; header("location: data.php");

} else{

$eror = "cek ulang username dan password"; header("location: loginadmin.php?eror=$eror"); }

?>

15. Style.css

body { font: 14px Helvetica, Sans-Serif; }

.menu, .menu * { margin: 0; padding: 0; list-style: none; }

.menu { line-height: 1.0; }

.menu ul { position: absolute; width: 14em; } .menu ul li { width: 100%; }

.menu li { float: left; position: relative; } .menu a { display: block; position: relative; } .menu li:hover ul, .menu li.sfHover ul { left: 0; }

ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 14em; top: 0; }

.menu { float: left; }

.menu a { padding: 0.5em 0.5em; text-decoration: none; } .menu li { background: #000; border-right: 6px solid #333; } .menu li li { background: #f6f6f6; border-bottom: 1px solid #ccc; border-right: none; }

.menu li li li { background: #f6f6f6; border-bottom: 1px solid #ccc; border-right: none; }

.menu li a, .menu li a:visited { color: #fff; font-weight:bold; }

.menu li li a, .menu li li a:visited { color: #000;

font-weight:100; }

.menu li li li a, .menu li li li a:visited { color: #000; font-weight:100; }

.menu li:hover, .menu li.sfHover, .menu a:focus, .menu a:hover, .menu a:active { background: #F3D673; outline: 0; }

.menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }

.sf-sub-indicator { position: absolute; display: block; right:

.75em; top: 1.05em; width: 10px; height: 10px; text-indent:

-999em; overflow: hidden; background:

url('images/arrows.png') no-repeat -10px -100px; }

a > .sfsubindicator { top: .8em; backgroundposition: 0 -100px; }

(30)

.footer{

height:5%;

(31)

(32)

(33)

(34)

(35)

(36)