LISTING PROGRAM. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.

dokumen-dokumen yang mirip
Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE

Membuat Login Dengan PHP dan MYSQL


?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

Membuat Form login dengan Php dan Mysql

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="gambar/atas.jpg" width="799" height="129"></td> </tr> </table>

LAMPIRAN. Source Code: Koneksi: <? mysql_connect("localhost","sa","sa"); mysql_select_db("hrd");?> Seleksi Karyawan: <? include("sessionrequest.

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

BAB 4 PERANCANGAN LAYAR

Pembuatan Database PT. Fanitra Indotama. CREATE DATABASE fanitra; USE fanitra; Table structure for table 'guestbook'

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

Kartu Bimbingan Tugas Akhir Mahasiswa. : Abdul Gani Siregar Nomor Induk Mahasiswa :

Account.php. <?php session_start(); if(!session_is_registered(username)){ header("location:login.php"); }?>

Latihan Aplikasi Pertamaku

Universitas Sumatera Utara

Membuat Duplikasi Form dengan Jquery (Dynamic Form)

LISTING PROGRAM. 1. Halaman index.php. Universitas Sumatera Utara

Checkbox dengan Foreach dan MYSQL

Gambar 4. 1 Implementasi Tabel Admin 58

Praktikum 3 Cookie, Session, dan Database MySQL

TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah

Lampiran 1. Flowchart perancangan sistem

MODUL 11 MEMBUAT LOGIN USER

LAMPIRAN. width="150"><a href="blank.php?halaman=form_jadwal" tabindex="2">jadwal</a></td> <td width="1"><img src="css/img/split.

<td width="299" align="right">selamat Datang, <img src="img/user3.png" /> <a href="read_pakar.php"><?php echo $_SESSION['id'];?

Kartu Bimbingan Tugas Akhir Mahasiswa

1. Membuat Kerangka Website dengan Table

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek

6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco

<script type="text/javascript" src="js/cal.js"></script> <link href="css/cal.css" rel="stylesheet" type="text/css">

Create Read Update Delete using PHP MySql

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring

LISTING PROGRAM. Index.php

Imam Budi Kustanto.

SEARCHING, EDIT / UPDATE DAN DELETE. PHP & MYSQL Part Two

BAB V SIMPULAN DAN SARAN. Sistem pengambilan keputusan menggunakan metode multifactor

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi)

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

BAB V IMPLEMENTASI SISTEM

window.location='karyawan/homeuser.php'</script>"; }else if($c['level']=="manajer"){

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector

Lampiran Kode Program

BAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan

?> </span></td> </tr> </table></br></center><hr></br></td></tr> </table> <?php $_SESSION['pertanyaan'] = $pertanyaan; // store session data

Pemrograman Web Sisi Client Pertemuan 3 PI

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml

Disain Website Perpustakaan Dengan PHP

LAMPIRAN. Source code halaman utama:

LAMPIRAN. Source Code

Teks dan Background SERIF SANS-SERIF MONOSPACE

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]

PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi

Pertemuan IV. Semester 1

Modul 3 CSS CASCADE STYLE SHEET

Perancangan Web. Perancangan Web. Oleh : Moh. Sulhan. By : MOH.SULHAN

TUTORIAL RUBY ON RAILS

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin

Universitas Sumatera Utara. 1. administrator.php

Cara Membuat Security Image Code Dengan PHP

Chart Dinamis dengan PHP-XML-JSChart

Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

Condition dan Function

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

DAFTAR PUSTAKA. Irwanto, Djon. S.Kom., MM, Perancangan Object Oriented Software Dengan UML. C.V ANDI OFFSET, Yogyakarta, 2006

AJAX Tutorial. Contoh AJAX Dasar 1

HTML (HyperText Markup Language)

L A M P I R A N. Universitas Sumatera Utara

Pemrograman Basis Data Berbasis Web

HTML (Hypertext Markup Language)

L A M P I R A N. Universitas Sumatera Utara

DAFTAR PUSTAKA. A.S, R., & Shalahuddin, M. (2013). Rekayasa Perangkat Lunak. Bandung: Informatika.

LAMPIRAN. dan informasi yang dibutuhkan dalam pembuatan aplikasi ini. berfokus pada penjualan pakan ternak. Tetapi, untuk produksi lainnya, PT.

Mencetak Data Ke Word atau Excell

DAFTAR PUSTAKA. 1. Jogiyanto HM. Analisis dan Desain. Ed 3. Andi Offset Fowler, Martin. UML Distilled Edisi 3 : Panduan Singkat Bahasa

Lampiran Coding Home

</td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td width="778" height="81" align="center" valign="middle">sistem pakar jaringan LAN ini

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

LAMPIRAN 1. Listing Program Login.php

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola

Image Slider 3D. Oleh: Anthonius

Nofriza Nindiyasari

Transkripsi:

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"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>objek WISATA SABANG</title> <style type="text/css"> <!-- body,td,th {.menu { a:link { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; font-style: normal; background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; 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> <link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { --> </style> font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; <table width="800" border="1" align="center" cellpadding="0" cellspacing="0">

<td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td> <td bgcolor="#ffffff"><table border="0" align="center" cellpadding="0" cellspacing="0"> <td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="22%" height="50" valign="middle" 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> <td width="13%" height="50" valign="middle" 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> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2">

<td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#fcfff0"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <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> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <br /> <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 href="https://id.wikipedia.org/wiki/india"

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><strong>info:</strong></p> jalur <p>untuk mencapai Pulau Weh terdapat 2 jalur, yaitu

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> <p><font size="3" face="times New Roman, Times, serif"><br /> </font></p> </td> <td width="3%" align="center" valign="top"> </td> </table> <br /> </td> </table></td> </table></td> </table></td>

<td height="15" bgcolor="#cccccc"><div align="center"><span class="style3">copyright <br /> 2015 Nanda</span></div></td> </table> </body> </html> 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";

break; case "long": case "int": $thevalue = ($thevalue!= "")? intval($thevalue) : "NULL"; break; case "double": $thevalue = ($thevalue!= "")? doubleval($thevalue) : "NULL"; break; case "date": $thevalue = ($thevalue!= "")? "'". $thevalue. "'" : "NULL"; 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";

$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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>objek WISATA SABANG</title> <style type="text/css"> <!-- body,td,th {.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; 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 { text-decoration: none; color: #FFFFFF; a:active { text-decoration: none; --> </style> </head> <link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;

color: #666666; --> </style> <table width="800" border="1" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td> <td bgcolor="#ffffff"><table border="0" align="center" cellpadding="0" cellspacing="0"> <td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="22%" height="50" valign="middle" 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> <td width="13%" height="50" valign="middle" 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> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <td colspan="2" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#fcfff0"><p align=""><font size="+1" color="#d2691e"> </font></p> <center><div> <font color="#d2691e"> <h2>objek WISATA DI SABANG</h2></font> <p><?php do {?> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <th width="108" align="center" valign="top" bgcolor="#cccccc" scope="col"><h3> <?php echo $row_rssejarah['nama'];?></h3></th> </table> <table width="90%" border="0" cellspacing="0" cellpadding="0"> <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 ($row_rssejarah['keterangan']);?></p></td>

</table></p><?php while ($row_rssejarah = mysql_fetch_assoc($rssejarah));?> <p> <table border="0" width="50%" align="center"> <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> </td> <?php // Show if not first page?> <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> </td> </table> <?php // Show if not last page?> <?php if ($username == "admin") {?> <td colspan="1" align= "left" valign="top" bgcolor="#cccccc"><hr/><center> <blockquote><a href=listsejarah.php>list Objek Wisata</a></blockquote></center> <hr/></td> <?php?>

</td> </table> </td> </table></td> </table></td> <td bgcolor="#cccccc"><div align="center"><span class="style3">copyright 2015<br /> Nanda</span></div></td> </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 = "") { 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"; break; case "long": case "int": $thevalue = ($thevalue!= "")? intval($thevalue) : "NULL"; break; case "double": $thevalue = ($thevalue!= "")? doubleval($thevalue) : "NULL"; break; case "date": $thevalue = ($thevalue!= "")? "'". $thevalue. "'" : "NULL"; break; case "defined": $thevalue = ($thevalue!= "")? $thedefinedvalue : $thenotdefinedvalue; break; return $thevalue; $colname_rssejarah = "-1";

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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <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 XMLHttpRequest(); ajaxrequest = new catch (e)

{ // Internet Explorer Browsers try { ActiveXObject("Msxml2.XMLHTTP"); ajaxrequest = new catch (e) { try { ActiveXObject("Microsoft.XMLHTTP"); ajaxrequest = new catch (e) { wrong broke!"); // Something went alert("your browser return false; function getinfo(id_sejarah) { getajax(); ajaxrequest.open("get","bukainfo.php?id_sejarah=" + id_sejarah); function() ajaxrequest.onreadystatechange =

{ 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+"'/>"); );

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 {

/* 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> <style type="text/css"> <!-- 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 { text-decoration: none; color: #FFFFFF; a:active { text-decoration: none; --> </style> <style>#oktri img{-moz-transition:all.8s ease-in-out;-mstransition:all.8s ease-in-out;-o-transition:all.8s easein-out;-webkit-transition:all.8s ease-in-out;transition:all.8s ease-in-out; #oktri img:hover{ -o-transform: scale(1.5) rotate(0deg); - moz-transform: scale(1.5) rotate(0deg); -webkit-transform: scale(1.5) rotate(0deg);</style> </head>

<link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { --> </style> font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; <table width="800" border="1" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td> <td bgcolor="#ffffff"><table width="777" border="0" align="center" cellpadding="0" cellspacing="0"> <td width="156" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="156" height="50" valign="middle" class="menu"><div align="center"><a href="sejarah.php">objek Wisata </a></div></td> <td width="156" height="50" valign="middle" class="menu"><div align="center"><a href="peta.php">peta</a></div></td> <td width="156" height="50" valign="middle" class="menu"><div align="center"><a href="login.php">login </a></div></td> <td width="153" height="50" valign="middle" class="menu"><div align="center"><a href="kontak.php"> Contact Person</a></div></td>

</table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <td height="145" colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#cccccc"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <th width="108" align="center" valign="top" bgcolor="#ffffff" scope="col"><p align=""><font color="#d2691e"> <h2>lokasi OBJEK WISATA DI SABANG</h2></th> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <td align="center"><table align="center" background="" id="infokus"> <tr > <td><img src='koordinat1.php' usemap ='#sejarah' /> <map name='sejarah' id="sejarah"> <!-- click pointer --> <?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");

while($titik = mysql_fetch_row($querytitik)) { $titik[0]-3; $titik[1]-3; $titik[0]+3; $titik[1]+3; $minx = $miny = $maxx = $maxy =?> <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> <table> </table> </div> <!-- daftar link lokasi --> <?php </map></td>?> <!-- END click pointer --> <td valign='top' id='info'></td> </table> </td> </table></td>

</table> <center><strong>search :</strong> <select name="nama" id="nama" title="nama" onchange="pilnama(this.value)" autofocus="autofocus"> <? "select * from sejarah"; mysql_query($perintahwilayah); $perintahwilayah= $queriwilayah= $banyakwilayah=mysql_num_rows($queriwilayah); $tampilwilayah=mysql_fetch_assoc($queriwilayah); <option><? echo $tampil['nama'];?>pilih Objek Wisata</option>?> <? do {?> $tampilwilayah ['nama']?>"> <option value="<? echo <? echo $tampilwilayah['id_sejarah']?>. <? echo $tampilwilayah['nama']?> </option> while ($tampilwilayah = mysql_fetch_assoc($queriwilayah)); <? mysql_num_rows($queriwilayah); $baris = mysql_data_seek($queriwilayah, 0); if($baris > 0) {

$tampilwilayah = mysql_fetch_assoc($queriwilayah); </select> <input type="button" onclick= "window.location.reload()" value="refresh" /></td> </table></td> <td bgcolor="#cccccc"><div align="center"><span class="style3">copyright 2015<br /> Nanda</span></div></td> </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");?>

<!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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>objek WISATA SABANG</title> <style type="text/css"> <!-- body,td,th {.menu { a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; color: #333333; text-decoration: none; a:visited { a:hover { text-decoration: none; color: #333333;

text-decoration: none; color: #FFFFFF; a:active { --> </style> </head> text-decoration: none; <link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { --> </style> font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; <table width="800" border="1" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td> <td bgcolor="#ffffff"><table border="0" align="center" cellpadding="0" cellspacing="0">

<td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="22%" height="50" valign="middle" class="menu"><div align="center"><a href="sejarah.php">objek Wisata</div></td> <td width="42%" height="50" valign="middle" class="menu"><div align="center"><a href="peta.php">peta</a></div></td> <td width="13%" height="50" valign="middle" 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> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#fcfff0"> <p align="center"><font size="+2" color="#d2691e"> <strong>login ADMIN</strong></font></p> align="center"> <td height="25" bgcolor="#fcfff0" <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" /> </div> <div> <br /> <br />

<div align="center"></div> <div align="center" > <input class="right" type="submit" name="submit" value="log In" style="font-family:'arial Black', Gadget, sans-serif"/> </div> </fieldset> </div> </form><br /> </td> </table></td> </table></td> </table></td> <td bgcolor="#cccccc"><div align="center"><span class="style3">copyright 2015<br /> Nanda</span></div></td> </table> </body> </html> 5. PROGRAM MENU LOGIN <?php session_start(); if(isset($_session['username'])) {

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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>objek WISATA SABANG</title> <style type="text/css"> <!-- body,td,th {.menu { a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image: url(gambar/1.gif); text-align: center; border: 1px solid #FFFFFF; height: 26px; width:150px; color: #333333; text-decoration: none; a:visited {

text-decoration: none; color: #333333; a:hover { a:active { --> </style> </head> text-decoration: none; color: #FFFFFF; text-decoration: none; <link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { --> </style> font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; <table width="800" border="1" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td>

<td bgcolor="#ffffff"><table border="0" align="center" cellpadding="0" cellspacing="0"> <td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="22%" height="50" valign="middle" class="menu"><div align="center"><a href="sejarah.php">objek Wisata</div></td> <td width="42%" height="50" valign="middle" class="menu"><div align="center"><a href="peta.php">peta</a></div></td> <td width="13%" height="50" valign="middle" 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> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#fcfff0"> <p align="center"><font size="+2" color="#d2691e"> <strong>login ADMIN</strong></font></p>

align="center"> <td height="25" bgcolor="#fcfff0" <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" /> <br />

</div> <div> <br /> <div align="center"></div> <div align="center" > <input class="right" type="submit" name="submit" value="log In" style="font-family:'arial Black', Gadget, sans-serif"/> </div> </fieldset> </div> </form><br /> </td> </table></td> </table></td> </table></td> <td bgcolor="#cccccc"><div align="center"><span class="style3">copyright 2015<br /> Nanda</span></div></td> </table> </body> </html>

6. PROGRAM MENU LOGOUT <?php session_start(); unset($_session['username']); header ('Location: login.php');?> 7. PROGRAM MENU KONTAK <!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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>objek WISATA SABANG</title> <style type="text/css"> <!-- body,td,th {.menu { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000000; 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 { text-decoration: none; color: #FFFFFF; a:active { text-decoration: none; --> </style> </head> <link rel="icon" type="image/png" href="gambar/icon.jpg"/> <body background="gambar/bb.jpg"> <style type="text/css"> <!--.style3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; -->

</style> <table width="800" border="1" align="center" cellpadding="0" cellspacing="0"> <td bgcolor="#ffffff"><img src="gambar/logo.gif" alt="banner" width=800 height=150 align="middle" /></td> <td bgcolor="#ffffff"><table border="0" align="center" cellpadding="0" cellspacing="0"> <td width="13%" height="50" valign="middle" class="menu"><div align="center"><a href="index.php"> Home </a></div></td> <td width="22%" height="50" valign="middle" class="menu"><div align="center"><a href="sejarah.php">objek Wisata</div></td> <td width="42%" height="50" valign="middle" class="menu"><div align="center"><a href="peta.php">peta</a></div></td> <td width="13%" height="50" valign="middle" 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> </table></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td width="74%" valign="top" bgcolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2">

<td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td height="25" bgcolor="#fcfff0"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <th width="108" align="center" valign="top" bgcolor="#ffffff" scope="col"><p align=""><font color="#000000"> <h2>contact Person</h2></th> </table><br/> <div align="center"><img src="gambar/img_5725.jpg" width="361" height="260" /> </div><br/> <table width="100%" align="center" cellpadding="0" cellspacing="0"> <td width="37%" align="left"></td> <td width="6%" align="left"><font face="verdana" size="2">nama</font></td> <td width="57%" align="left"> : Muhammad Nanda Eryanto</td> <td width="37%" align="left"></td> <td width="6%" align="left"><font face="verdana" size="2">nim</font></td> <td width="57%" align="left"> : 122406215</td> <td width="37%" align="left"></td> <td width="6%" align="left">prodi</td>

<td width="57%" align="left"> : Teknik Informatika</td> <td width="37%" align="left"></td> <td width="6%" align="left"><font size="2" face="verdana">telp.</font></td> <td width="57%" align="left"> : (+62) 85270551118</td> <td width="37%" align="left"></td> <td width="6%" align="left"><font face="verdana" size="2">email</font></td> <td width="57%" align="left"> : muhammadnandaeryanto@ymail.com</td> </table> </p> <div align="center">university of North Sumatera - Medan<br /> (INDONESIAN) </div> <div align="center"><br /> </div></td> </table></td> </table></td> </table></td>

<td bgcolor="#cccccc"><div align="center"><span class="style3">copyright 2015<br /> Nanda</span></div></td> </table> </body> </html>