Sistem Informasi Objek Wisata Kabupaten Tapanuli Utara Berbasis Web

(1)

LAMPIRAN LISTING PROGRAM WEBSITE

1.Halaman Admin

<?php

require "library/fungsi.php"; session_start();

?>

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

<head>

<title>Login Sistem Informasi Objek Wisata Kabupaten Tapanuli Utara</title>

<!--[if lt IE 9]>

(2)

</head> <?php

if(isset($_POST["tombol"]) && $_POST["tombol"] == "Login") {

if(isset($_POST["username"])&&isset($_POST["password"])) {

$query = "select * from tbl_login where

username='".$_POST["username"]."' and password=md5('".$_POST["password"]."')";

$conn = mysqli_query($koneksi, $query);

while($data = mysqli_fetch_array($conn)) {

$_SESSION["id"] = $data['id'];

$_SESSION["username"] = $data['username'];

$_SESSION["password"] = $data['password'];

$_SESSION["nama"] = $data['nama']; }

navigasi_login(); }

}

navigasi_login(); ?>

</div>

</div>

(3)

<?php

if(isset($_POST["username"]) && isset($_POST["password"]))

{

echo '<br><b><font color="red">Username atau Password Tidak Valid!</font></b>';

} ?> </div> </form> </div>

</body> </html>

2. Halaman Beranda (index.php)

<?php

include "library/koneksi.php"; ?>

<!DOCTYPE HTML> <html lang="en-US">

<head>

<title>Wisata Tapanuli Utara</title>

<link

href='http://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400' rel='stylesheet' type='text/css'>

<link

(4)

<link

href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>

<!-- [if lt IE 9]>

<script

src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script

src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif] -->

</head> <body>

(5)

</button>

<a class="site-name navbar-brand" href="#"><span>W</span>isata <span>T</span>apanuli <span>U</span>tara</a>

</div>

<li class="current"><a href="assets/../">Beranda</a></li>

<li><a href="wisata.php">Objek Wisata</a></li>

<li><a href="berita.php">Berita</a></li>

<li><a href="hubungi-kami.php">Hubungi Kami</a></li>

</ul> </div> </nav>

</div> </div>

</div>

<h1 class="well-come">Wisata Tapanuli Utara</h1>

<p class="intro-message">Menghantar Kabupaten Tapanuli Utara Menjadi Destinasi Wisata Penting Dan Favorit</p>

</div> </div> </div>

(6)

<?php

$query_wisata = "select * from tbl_wisata limit 5";

$conn_wisata = mysqli_query($koneksi, $query_wisata);

while($data_wisata = mysqli_fetch_array($conn_wisata))

{

echo '

<h4 class="feature-title color-scheme">'.$data_wisata['nama_wisata'].'</h4>

Lihat

</span>

</a>

</li>

'; }

(7)

</span> </button>

</span> </button>

</span> </button>

</span> </button> </div>

</div> </div>

</div> </section>

<?php

$query_berita = "select * from tbl_berita order by tgl_update desc limit 2";

$conn_berita = mysqli_query($koneksi, $query_berita);

$no = 1;

while($data_berita = mysqli_fetch_array($conn_berita)) {

(8)

echo '

</div>

<h3 class="step-title color-scheme">'.$data_berita['judul_berita'].'</h3>

'.substr($data_berita['isi_berita'], 0, 200).'...

<li>

<span class="sub-text">'.$data_berita['tgl_update'].'</span>

</li>

<li>

(9)

</a>

</li>

</ul>

</div>

</div> <div class="col-md-4 step-img">

</div> </div>

</div> </section> ';

}

else {

echo '

</div>

(10)

'.substr($data_berita['isi_berita'], 0, 200).'...

<li>

<span class="sub-text">'.$data_berita['tgl_update'].'</span>

</li>

<li>

Baca Selengkapnya

</a>

</li>

</ul>

</div>

</div> <div class="col-md-4 step-img">

</div> </div>

}

$no++; }

(11)

<h3>Keindahan Tapanuli Utara</h3>

</div>

<iframe

src="https://www.youtube.com/embed/WCnkXQ2KPls" width="400" height="240"></iframe>

</div> </div>

</div> </section>

<a class="site-name"

href="#"><span>W</span>isata <span>T</span>apanuli <span>U</span>tara</a>

</h4>

</ul> </div>

</div> </div>

(12)

type="text/javascript" src="assets/forpublic/js/bootstrap.min.js"></script>

</body> </html>

3. Halaman Wisata (wisata.php)

<?php

include "library/koneksi.php"; ?>

<head>

(13)

<link

<link

<script

</head> <body>

(14)

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"

data-target=".navbar-responsive-collapse">

<span class="sr-only">Toggle navigation</span>

</button>

<a class="site-name

navbar-brand" href="#"><span>W</span>isata <span>T</span>apanuli <span>U</span>tara</a>

</div>

<li><a href="assets/../">Beranda</a></li>

<li class="current"><a href="wisata.php">Objek Wisata</a></li>

<li><a href="hubungi-kami.php">Hubungi Kami</a></li>

</ul> </div> </nav>

</div> </div>

(15)

<h3>Objek Wisata</h3> </div>

</div> </div>

</section> <?php

$query_wisata = "select * from tbl_wisata order by kode_wisata desc";

$conn_wisata = mysqli_query($koneksi, $query_wisata);

$no = 1;

while($data_wisata = mysqli_fetch_array($conn_wisata)) {

if($no % 2 == 1) {

echo '

</div>

<h3 class="step-title color-scheme">'.$data_wisata['nama_wisata'].'</h3>

'.substr($data_wisata['deskripsi'], 0, 200).'...

<li>

(16)

href="wisata-lengkap.php?wisata='.$data_wisata['kode_wisata'].'" class="btn icon button-line" style="margin-left: 0px !important;">

Baca Selengkapnya

</a>

</li>

</ul>

</div> </div>

</div> </div>

}

else {

echo '

</div>

(17)

'.substr($data_wisata['deskripsi'], 0, 200).'...

<li>

Baca Selengkapnya

</a>

</li>

</ul>

</div> </div>

</div> </div>

}

$no++; }

?>

(18)

</ul> </div>

</div> </div>

(19)

</body> </html>

4. Halaman galeri single (galeri_singel.php)

<?php

include "library/koneksi.php";

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

$query_foto = "select * from tbl_gambar where kode_foto = '".$_GET['foto']."'";

$conn_foto = mysqli_query($koneksi, $query_foto); $data_foto = mysqli_fetch_array($conn_foto); }

else {

header('Location: wisata.php'); }

?>

<head>

<body>

<div class="container"> asdkskdl

</div>

(20)

</div> </div>

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

5. Halaman hubungi kami (hubungi_kami.php)

<head>

<link

href='http://fonts.googleapis.com/css?family=Raleway:600,400,300' rel='stylesheet' type='text/css'>

<link

(21)

<script

</head> <body>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="site-name navbar-brand" href="#"><span>W</span>isata <span>T</span>apanuli <span>U</span>tara</a>

</div>

(22)

<li><a href="assets/../">Beranda</a></li>

<li><a href="wisata.php">Objek Wisata</a></li>

<li class="current"><a href="hubungi-kami.php">Hubungi Kami</a></li>

</ul> </div> </nav>

</div> </div>

<h3>Kirim Pesan</h3> </div>

</div>

(23)

<textarea

id="message" class="textarea-field form-item field-message" rows="10" required="required" name="contact-message" placeholder="Pesan"></textarea>

</div>

Send message <span class="icon">

</span> </button> </form>

</div> </div>

</div> </section>

<div style="width: 100%"> <iframe

src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d510380.735 2375237!2d98.78924662350833!3d2.0157131764819662!2m3!1f0!2f0!3f0!3m2! 1i1024!2i768!4f13.1!3m3!1m2!1s0x302e6afe1293bcf5%3A0x3039d80b220d160 !2sKabupaten+Tapanuli+Utara%2C+Sumatera+Utara!5e0!3m2!1sid!2sid!4v1467 974813699" width="100%" height="600" frameborder="1" style="border:0" allowfullscreen></iframe>

</div>

</h4>

(24)

</div>

</div> </div>