LISTING PROGRAM. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.

(1)

LISTING PROGRAM

1. PROGRAM MENU HOME

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

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

<title>OBJEK WISATA SABANG</title> <style type="text/css">

<!--

body,td,th {

font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; font-style: normal; } .menu { background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; } a:link { color: #333333; text-decoration: none;

(2)

} a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style> </head>

.style3 {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;

color: #666666; }

--> </style>

(3)

<tr>

<tr>

<tr>

<td width="13%" height="50" valign="middle"

class="menu"><div align="center"><a href="index.php"> Home </a></div></td>

class="menu"><div align="center"><a href="sejarah.php">Objek Wisata </a></div></td>

<td width="42%" height="50" valign="middle" class="menu"><div align="center"><a

href="peta.php">Peta</a></div></td>

class="menu"><div align="center"><a href="login.php">Login </a></div></td>

<td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="kontak.php"> Contact Person</a></div></td>

</tr>

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

<tr>

<tr>

<td width="74%" valign="top"

bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2">

<tr>

(4)

<tr>

<tr>

<th width="108" align="center" valign="top" bgcolor="#FFFFFF" scope="col"><p align=""><font

color="#0033FF"> <h2> SELAMAT DATANG DI PULAU WEH, SABANG </h2></th>

</tr></table>

<td width="3%" align="center" valign="top"></td> <td width="94%" valign="top"> <div align="justify"> <p>Sabang adalah kota yang terletak di Pulau Weh dan merupakan pintu gerbang di kawasan ujung barat Indonesia. Sabang memiliki luas 156,3 kilometer persegi dengan puncak tertinggi 617 meter di atas permukaan air laut. Karena terletak di Pulau Weh banyak orang yang menyebut Pulau Weh sebagai Pulau Sabang. Pulau Weh sendiri merupakan pulau utama dan terbesar yang terpisahkan dari daratan Aceh oleh Selat Benggala.</p>

<p>Dari segi geografis <a

href="https://id.wikipedia.org/wiki/Indonesia"

title="Indonesia">Indonesia</a>, wilayah Kota Sabang berada pada 95°13'02"-95°22'36" BT, dan

05°46'28"-05°54'-28" LU, merupakan wilayah administratif paling utara, dan berbatasan langsung dengan negara tetangga yaitu <a

href="https://id.wikipedia.org/wiki/Malaysia" title="Malaysia">Malaysia</a>, <a

href="https://id.wikipedia.org/wiki/Thailand" title="Thailand">Thailand</a>, dan <a

(5)

title="India">India</a>. Wilayah Kota Sabang dikelilingi oleh <a

href="https://id.wikipedia.org/wiki/Selat_Malaka"

title="Selat Malaka">Selat Malaka</a> di Utara, <a href="https://id.wikipedia.org/wiki/Samudera_Hindia"

title="Samudera Hindia">Samudera Hindia</a> di Selatan, <a

href="https://id.wikipedia.org/wiki/Selat_Malaka" title="Selat Malaka">Selat Malaka</a> di Timur dan <a

href="https://id.wikipedia.org/wiki/Samudera_Hindia" title="Samudera Hindia">Samudera Hindia</a> di Barat.</p>

<p>Sabang juga merupakan sebuah daerah yang sangat unik bagi Indonesia. Hal itu karena di sinilah Anda dapat menemukan tugu Nol Kilometer yang merupakan cikal bakal istilah, "Dari Sabang sampai Merauke".<br /> </p>

<p>Saat ini Sabang menjelma menjadi destinasi wisata bahari Indonesia yang menawarkan surga bagi para penyelam. Di sini Anda dapat menikmati alam bawah lautnya dengan menyelam untuk menemukan ratusan spesies ikan dan kekayaan terumbu karang alami yang bukan ditanam atau budidaya.</p> <p>Pesona Sabang menawarkan keelokan garis pantai yang indah, air laut nan biru dan bersih serta pepohonan nan hijau. Akan tetapi, bukan wisata bahari saja dapat ditemukan di Sabang. Ada gunung, danau, pantai, laut, serta hutannya yang masih alami dan terjaga menunggu dikunjungi. Belum lagi interaksi Anda dengan masyarakat setempat akan memberikan pengalaman yang berkesan.<br />

<br />

Sabang merupakan kota kecil yang indah dengan struktur tanah berbukit-bukit sehingga warga setempat menyebut kota Sabang dengan dua nama yaitu kota bawah dan kota atas.</p>

<p>Sabang terdiri dari lima pulau besar dan kecil, yakni Pulau Weh sebagai pulau terbesar, Pulau Rubiah, Pulau Klah, Pulau Seulako, dan Pulau Rondo. Jumlah penduduknya sekitar 26.000 jiwa. Sabang terbagi ke dalam dua kecamatan dan 72 desa. Topografinya meliputi dataran rendah, tanah bergelombang, berbukit dan bergunung, serta batu-batuan disepanjang pantai.</p>

<p>Untuk mencapai Pulau Weh terdapat 2 jalur, yaitu jalur

(6)

udara<strong> </strong>dan<strong> </strong>jalur laut: </p>

<p>Jalur Udara melalui penerbangan via Garuda Indonesia setiap hari Rabu, Jum'at dan Minggu. Jadwal keberangkatan Sabang - Medan pada pukul 10:40 dan tiba pukul 12:10. Untuk keberangkatan Medan - Sabang pada pukul 08:50 dan tiba pada pukul 10:10. </p>

<p>Jalur Laut melalui pelabuhan penyeberangan dari Banda Aceh adalah Ulee Lheu dan pelabuhan penyeberangan Sabang adalah Balohan. Ada 2 jenis angkutan jalur laut yaitu Kapal Motor Express dan Ferry. <br />

Kapal Motor Express "kapal cepat"

dioperasikan oleh pihak swasta dengan armada KM Bahari 3 dan KM Cantika 89, dengan jarak tempuh 45 menit. Kapal cepat hanya melayani penumpang saja. <br />

Ferry "kapal lambat" dengan operator pihak ASDP melayani angkutan penumpang dan kendaraan dengan jarak tempuh ± 1,5 - 2 jam. </p>

</font></p> </td>

(7)

<td height="15" bgcolor="#CCCCCC"><div

2. PROGRAM MENU OBYEK WISATA

<?php require_once('Connections/koneksi.php'); ?> <?php require_once('Connections/koneksi.php'); include('cek-login.php'); ?>

<?php

if (!function_exists("GetSQLValueString")) { function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") { if (PHP_VERSION < 6) { $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue; } $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue); switch ($theType) { case "text":

$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

(8)

break; case "long": case "int":

$theValue = ($theValue != "") ? intval($theValue) : "NULL";

break;

case "double":

$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

break; case "date":

break;

case "defined":

$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue; break; } return $theValue; } } $maxRows_rsSejarah = 5; $pageNum_rsSejarah = 0; if (isset($_GET['pageNum_rsSejarah'])) { $pageNum_rsSejarah = $_GET['pageNum_rsSejarah']; } $startRow_rsSejarah = $pageNum_rsSejarah * $maxRows_rsSejarah; mysql_select_db($database_koneksi, $koneksi); $query_rsSejarah = "SELECT * FROM sejarah ORDER BY id_sejarah ASC";

(9)

$query_limit_rsSejarah = sprintf("%s LIMIT %d, %d",

$query_rsSejarah, $startRow_rsSejarah, $maxRows_rsSejarah); $rsSejarah = mysql_query($query_limit_rsSejarah, $koneksi) or die(mysql_error()); $row_rsSejarah = mysql_fetch_assoc($rsSejarah); if (isset($_GET['totalRows_rsSejarah'])) { $totalRows_rsSejarah = $_GET['totalRows_rsSejarah']; } else { $all_rsSejarah = mysql_query($query_rsSejarah); $totalRows_rsSejarah = mysql_num_rows($all_rsSejarah); } $totalPages_rsSejarah = ceil($totalRows_rsSejarah/$maxRows_rsSejarah)-1; ?> <!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>

<!--

body,td,th {

color: #000000; }

.menu {

(10)

text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; } a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style> </head>

.style3 {

(11)

color: #666666; }

--> </style>

<tr>

</tr>

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

<tr>

(12)

<tr>

<tr>

</font></p> <center><div>

<h2>OBJEK WISATA DI SABANG</h2></font> <p><?php do { ?>

<tr>

</tr> </table>

<tr>

<td width="48%" align="center" valign="top"><p><img src="<?php echo

$row_rsSejarah['image']; ?>" width="231" height="133" /><br/>

</p> <p><font

color="#FF0000"><?php echo $row_rsSejarah['alamat']; ?> </font><hr/></td>

<td width="52%" align="left" valign="top"><p align="justify"><?php echo nl2br

(13)

</tr>

</table></p><?php } while ($row_rsSejarah = mysql_fetch_assoc($rsSejarah)); ?> <p>

<td width="31%" align="center"><?php if

($pageNum_rsSejarah > 0) { // Show if not first page ?> <a href="<?php printf("%s?pageNum_rsSejarah=%d%s", $currentPage, max(0, $pageNum_rsSejarah - 1),

$queryString_rsSejarah); ?>"><font color="#0000CC">Previous</a></font>

<?php } // Show if not first page ?> </td>

<td width="23%" align="center"><?php if

($pageNum_rsSejarah < $totalPages_rsSejarah) { // Show if not last page ?>

<a href="<?php printf("%s?pageNum_rsSejarah=%d%s", $currentPage, min($totalPages_rsSejarah, $pageNum_rsSejarah + 1), $queryString_rsSejarah); ?>"><font

color="#0000CC">Next</a></font>

<?php } // Show if not last page ?> </td> </tr> </table> <?php if ($username == "admin") { ?> <tr><td colspan="1" align=”"left" valign="top" bgcolor="#CCCCCC"><hr/><center> <blockquote><a href=listsejarah.php>List Objek Wisata</a></blockquote></center> <hr/></td></tr> <?php } ?>

(14)

</td> </tr> </table> </td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td bgcolor="#CCCCCC"><div align="center"><span class="style3">Copyright ©2015<br /> Nanda</span></div></td> </tr> </table> </body> </html> <?php mysql_free_result($rsSejarah); ?>

3. PROGRAM MENU PETA

<?php require_once('Connections/koneksi.php'); ?> <?php

if (!function_exists("GetSQLValueString")) { function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") {

(15)

$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue; } $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue); switch ($theType) { case "text":

break; case "long": case "int":

$theValue = ($theValue != "") ? intval($theValue) : "NULL";

break;

case "double":

$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

break; case "date":

break;

case "defined":

$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue; break; } return $theValue; } } $colname_rsSejarah = "-1";

(16)

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

$colname_rsSejarah = $_GET['id_sejarah']; }

mysql_select_db($database_koneksi, $koneksi);

$query_rsSejarah = sprintf("SELECT * FROM sejarah WHERE id_sejarah = %s", GetSQLValueString($colname_rsSejarah, "int"));

$rsSejarah = mysql_query($query_rsSejarah, $koneksi) or die(mysql_error()); $row_rsSejarah = mysql_fetch_assoc($rsSejarah); $totalRows_rsSejarah = mysql_num_rows($rsSejarah); ?> <!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>

<title>OBJEK WISATA SABANG</title> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> <script language='JavaScript'>

var ajaxRequest;

function getAjax() //fungsi untuk mengecek apakah browser mendukung AJAX

{

try {

// Opera 8.0+, Firefox, Safari ajaxRequest = new

XMLHttpRequest();

}

(17)

{

// Internet Explorer Browsers try { ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { // Something went wrong alert("Your browser broke!"); return false; } } } } function getInfo(id_sejarah) { getAjax(); ajaxRequest.open("GET","bukainfo.php?id_sejarah=" + id_sejarah); ajaxRequest.onreadystatechange = function()

(18)

{

document.getElementById("info").innerHTML = ajaxRequest.responseText; }

ajaxRequest.send(null);

} //akhir function getInfo(id_sejarah)

function pilnama(nama){

if(nama!="Pilih Objek Wisata"){ $("#info").html("<img src='gambar/ajax-loader.gif'/>"); $.ajax({ type:"post", url:"bukainfo1.php", data:"nama="+nama, success:function(data){ $("#info").html(data); } }); $.ajax({ success:function(data){ //$("#infokus").html( window.open('koordinat2.php?nama='+nama)); //window.open('koordinat2.php?nama='+nama,'_blank'); //$("#infokus").html(open('koordinat2.php?nama='+nama,'_outp ut')); $("#infokus").html("<img src='koordinat2.php?nama="+nama+"'/>"); } }); }

(19)

else if(nama="Pilih Objek Wisata"){ $("#info").html("<img src='gambar/ajax-loader.gif'/>"); $.ajax({ success:function(data){ window.location.reload(); $("#info").html("");} }); } else { $.ajax({

success:function(data){$("#info").html("Tidak Objek Wisata Yang Ditemukan");}

});

}

}//akhir function pilnama(nama) </script> <script src="jquery-1.11.3.min.js"></script> <script src="jQuery.mousetip.js"></script> <script> $(function() { // Default $('div').mousetip('.tip'); // Custom Position $('div').mousetip('.tip', 20, 30); }); </script> <style> .tip {

(20)

/* Required */ position: absolute; z-index: 2; display: none; /* Optional */ font-size: 12px; max-width: 250px; height: auto; padding: 10px; border-radius: 3px; box-shadow: 0 1px 2px #666; background: #9FF; /*color: #ffffff;*/ }

.container1 { max-width:5px; margin:5px auto; color:#fff;} .container1 > div { width:5px; height:5px; padding:1px; background-color:#ED5565; border-radius:3px; }

</style>

body,td,th {

color: #000000; }

.menu {

(21)

text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; } a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style>

#oktri img:hover{ otransform: scale(1.5) rotate(0deg); -moz-transform: scale(1.5) rotate(0deg); -webkit-transform: scale(1.5) rotate(0deg);}</style>

(22)

.style3 {

color: #666666; }

--> </style>

<tr>

<tr>

<td width="156" height="50" valign="middle"

<td width="156" height="50" valign="middle" class="menu"><div align="center"><a

<td width="153" height="50" valign="middle" class="menu"><div align="center"><a href="kontak.php"> Contact Person</a></div></td>

(23)

</tr>

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

<tr>

<tr>

<th width="108" align="center" valign="top" bgcolor="#FFFFFF" scope="col"><p align=""><font

color="#D2691E"> <h2>LOKASI OBJEK WISATA DI SABANG</h2></th> </tr></table>

<tr>

<tr >

<?php

$querytitik = mysql_query("SELECT

koordinat_x,koordinat_y,id_sejarah, image, nama FROM lokasi inner join sejarah on sejarah.id_lokasi=lokasi.id_lokasi");

(24)

while($titik = mysql_fetch_row($querytitik)) { $minx = $titik[0]-3; $miny = $titik[1]-3; $maxx = $titik[0]+3; $maxy = $titik[1]+3; ?>

<div ><area shape='rect'

coords='<?=$minx.",".$miny.",".$maxx.",".$maxy?>' href="javascript:getInfo('<?=$titik[2]?>');" /> <span class="tip" align="center"><img src='<?=$titik[3]?>' width="200" height="125"

border="0"/><br> <?=$titik[4]?></span> </div>

<?php

}

?>  </map></td> </tr> </table> <table> <tr><td valign='top' id='info'></td> </tr> </table> </td> </tr> </table></td>

(25)

</tr> </table>

<center><strong>Search :</strong>

<select name="nama" id="nama" title="nama" onChange="pilnama(this.value)" autofocus="autofocus"> <?

$perintahwilayah= "select * from sejarah";

$queriwilayah= mysql_query($perintahwilayah);

$banyakwilayah=mysql_num_rows($queriwilayah);

$tampilwilayah=mysql_fetch_assoc($queriwilayah); ?>

<option><? echo $tampil['nama']; ?>Pilih Objek Wisata</option>

<? do { ?>

<option value="<? echo $tampilwilayah ['nama']?>"> <? echo $tampilwilayah['id_sejarah']?>.  <? echo $tampilwilayah['nama']?> </option> <? } while ($tampilwilayah = mysql_fetch_assoc($queriwilayah)); $baris = mysql_num_rows($queriwilayah); if($baris > 0) { mysql_data_seek($queriwilayah, 0);

(26)

$tampilwilayah = mysql_fetch_assoc($queriwilayah);

} ?> </select>

<input type="button" onclick=

"window.location.reload()" value="Refresh" /></td> </tr> </table></td> </tr> <tr> <td bgcolor="#CCCCCC"><div align="center"><span class="style3">Copyright ©2015<br /> Nanda</span></div></td> </tr> </table> </body> </html> <?php mysql_free_result($rsSejarah); ?>

4. PROGRAM MENU INDEX LOGIN

<?php session_start(); if(isset($_SESSION['username'])) { header('location:indexlogin.php'); } require_once("koneksi.php"); ?>

(27)

<!--

body,td,th {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .menu { background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; } a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover {

(28)

text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style> </head>

.style3 {

color: #666666; }

--> </style>

<tr>

(29)

class="menu"><div align="center"><a href="sejarah.php">Objek Wisata</div></td>

<td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="kontak.php"> Contact Person</a></div></td></tr>

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

<tr>

<tr> <td height="25" bgcolor="#FCFFF0"> <p align="center"><font size="+2" color="#D2691E"> <strong>LOGIN ADMIN</strong></font></p> <tr> <td height="25" bgcolor="#FCFFF0" align="center">

<form class="rounded_3 shadow_3"

action="proseslogin.php" method="post" style="width:400px; margin:auto;">

(30)

<fieldset class="rounded_3"> <legend>Security Area</legend> <?php $error = $_GET['error']; if ($error == 1) {?> <div class="error"><font color="#FF0000">Input Your Username and Password</font></div>

<?php } else if ($error == 2) {?> <div class="error"><font

color="#FF0000">Input Your Username</font></div> <?php } else if ($error == 3) {?> <div class="error"><font

color="#FF0000">Input Your Password</font></div> <?php } else if ($error == 4) {?> <div class="error"><font

color="#FF0000">Check Your Username and Password</font></div>

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

<label for="username">User Name

:</label> <input id="username" name="username" class="wide" placeholder=" Your User Name" type="text"

required="required" autofocus="autofocus" /> </div> </br>

<div>

<label for="password">   Password :</label> <input id="password" name="password" class="wide" placeholder=" Your Password" type="password" required="required" />

(31)

</div> </div> </fieldset> </form><br /> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td bgcolor="#CCCCCC"><div align="center"><span class="style3">Copyright ©2015<br /> Nanda</span></div></td> </tr> </table> </body> </html>

5. PROGRAM MENU LOGIN

<?php

session_start();

(32)

header('location:indexlogin.php'); } require_once("koneksi.php"); ?> <!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>

<!--

body,td,th {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } .menu { background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; } a:link { color: #333333; text-decoration: none; } a:visited {

(33)

text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style> </head>

.style3 {

color: #666666; }

--> </style>

<tr>

(34)

<tr>

<td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="kontak.php"> Contact Person</a></div></td></tr>

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

<tr>

<tr> <td height="25" bgcolor="#FCFFF0"> <p align="center"><font size="+2" color="#D2691E"> <strong>LOGIN ADMIN</strong></font></p> <tr>

(35)

<form class="rounded_3 shadow_3"

action="proseslogin.php" method="post" style="width:400px; margin:auto;"> <fieldset class="rounded_3"> <legend>Security Area</legend> <?php $error = $_GET['error']; if ($error == 1) {?> <div class="error"><font color="#FF0000">Input Your Username and Password</font></div>

<?php } else if ($error == 2) {?> <div class="error"><font

color="#FF0000">Input Your Username</font></div> <?php } else if ($error == 3) {?> <div class="error"><font

color="#FF0000">Input Your Password</font></div> <?php } else if ($error == 4) {?> <div class="error"><font

color="#FF0000">Check Your Username and Password</font></div>

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

<label for="username">User Name

:</label> <input id="username" name="username" class="wide" placeholder=" Your User Name" type="text"

required="required" autofocus="autofocus" /> </div> </br>

<div>

<label for="password">   Password :</label> <input id="password" name="password" class="wide" placeholder=" Your Password" type="password" required="required" />

(36)

<div>

</div> </div> </fieldset> </form><br /> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td bgcolor="#CCCCCC"><div align="center"><span class="style3">Copyright ©2015<br /> Nanda</span></div></td> </tr> </table> </body> </html>

(37)

6. PROGRAM MENU LOGOUT

<?php

session_start();

unset($_SESSION['username']); header ('Location: login.php'); ?>

7. PROGRAM MENU KONTAK

<!--

body,td,th {

font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; } .menu { background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px;

(38)

width:150px; } a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: none; } --> </style> </head>

.style3 {

color: #666666; }

(39)

</style>

<tr>

</tr>

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

<tr>

(40)

<tr>

<tr>

<th width="108" align="center" valign="top" bgcolor="#FFFFFF" scope="col"><p align=""><font color="#000000"> <h2>Contact Person</h2></th> </tr></table><br/>

<div align="center"><img

src="gambar/IMG_5725.JPG" width="361" height="260" /> </div><br/>

<tr>

<td width="57%" align="left">  :  Muhammad Nanda Eryanto</td>

</tr> <tr>

<tr>

<td width="37%" align="left"></td> <td width="6%" align="left">Prodi</td>

(41)

<td width="57%" align="left">  :  Teknik Informatika</td>

</tr> <tr>

</tr> <tr>

<td width="57%" align="left">  :  muhammadnandaeryanto@ymail.com</td>

</tr> </table> </p>

<div align="center">University of North Sumatera - Medan<br /> (INDONESIAN) </div> <div align="center"><br /> </div></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> <tr>

(42)

(43)

(44)