Perancangan Sistem Informasi Pariwisata Sumatera Utara Khusus Kabupaten Simalungun

(1)

LAMPIRAN

LISTING PROGRAM

Index.php

<!DOCTYPE html>

<?php include "admin/koneksi.php"; ?> <html lang="en">

<head>

<title>Pariwisata Kabupaten Simalungun</title>

var image1=new Image() image1.src= "vn.jpeg"

</script>

<script src="magiczoom.js"

type="text/javascript"></script> </head>

<body>

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

data-target="#defaultNavbar1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span bar"></span><span

class="icon-bar"></span></button>

(2)

<li class="active" ><a id="home"

href="index.php" id="menu-home"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home<span class="sr-only">(current)</span></a></li>

<li><a id="menu"

href="?page=Sejarah">Sejarah</a></li>

kategori<span class='caret'></span></a> <ul class='dropdown-menu' id='dropdown' role='menu'>

<?php

$query_cat=mysql_query("SELECT * from category order by nama_category ASC");

while($data_cat=mysql_fetch_array($query_cat)){ if($data_cat['category']=="Dropdown"){

echo "

<li class='dropdown'><a href='' id='menu' class='dropdown-toggle' data-toggle='dropdown' role='button'

aria-expanded='false'>$data_cat[nama_category]</a>

<li><a id='menu'

href='?page=category&id_category=$data_cat[id_category] '>$data_cat[nama_category]</a></li>

";

$query_sub=mysql_query("SELECT * FROM

sub_category where id_category='$data_cat[id_category]' order by nama_sub ASC");

while($data_sub=mysql_fetch_array($query_sub)){ echo"<li><aid='menu'

href='?page=category_sub&id_category=$data_sub[id_categ ory]&id_sub=$data_sub[id_sub]'>$data_sub[nama_sub]</a>< /li>";

}

echo "

</ul></li>";

}elseif($data_cat['category']=="Single"){

$query_single=mysql_query("SELECT * FROM category where category='Single'");

(3)

echo "<li ><a id='menu'

href='?page=category&id_category=$cat_single[id_categor y]'>$cat_single[nama_category]</a></li>";

} } } ?>

</ul></li>

</div>

</div>

</nav>

<img src="images.jpeg" style="height: 170px; width: 100%; margin: 0px; padding: 0px;" name="slide"

class="img-responsive">

<script> <!--

//variable yang akan menaikan hitungan gambar var step=1

function slideit(){

//jika browser tidak mendukung metode dokumen.image maka keluar.

if (!document.images) return

document.images.slide.src=eval("image"+step+".src") if (step<4)

step++ else step=1

//memanggil function "slideit()" setiap 3 detik setTimeout("slideit()",3000)

}

slideit() //--> </script>

(4)

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

$page=htmlentities($_GET['page']); }else{

$page="welcome"; }

$file="$page.php";

$cek_page=strlen($page);

if($cek_page>=10000 or !file_exists($file) or empty($page) ){

include"welcome.php"; }else{

include $file; }

?>

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

Category.php

<?php

$id_category=$_GET['id_category']; $dataperpage=9;

$jumlah_record=mysql_query("SELECT count(*) FROM produk where id_category='$id_category'");

$jumlah=mysql_result($jumlah_record, 0); $halaman=ceil($jumlah/$dataperpage);

$page=(isset($_GET['hal'])) ? (int)$_GET['hal'] :1; $start=($page-1)*$dataperpage;

$query_produk=mysql_query("SELECT * FROM produk where status='Public' and id_category='$id_category' ORDER BY tanggal DESC, jam DESC LIMIT $start, $dataperpage "); $query_category=mysql_query("SELECT * FROM category where id_category='$id_category' ");

$data_category=mysql_fetch_array($query_category);

?> <br>

(5)

<h2 class="text-center"><?php echo

$data_category['nama_category']; ?></h2> </div>

<br>

<div class="container row text-center"> <?php

while($data_produk=mysql_fetch_array($query_produk)){ echo '<div class="sm-4 md-4 lg-4 col-xs-6" >

<div class="thumbnail"> <img class="img-responsive"

src="admin/produk/';echo $data_produk['gambar']; echo'">

<h3>';echo $data_produk['nama']; echo'</h3> <p><a href="cart.php?&input=add&id=';echo $data_produk['id'];echo'&id_session=';echo $id_session ;echo'"aria-hidden="true"></span><a

href="?page=detail&id=';echo $data_produk['id']; echo'" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-search"

aria-hidden="true"></span> Detail</a></p> </div>

</div> </div>';} ?>

</div>

<ul class="pagination"> <?php if($page==1){

echo '<li><a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li>'; }else{

echo '<li><a href="?hal=';echo $page -1 ;echo '" label="Previous"> <span

aria-hidden="true">«</span> </a> </li>'; }

?> <?php

(6)

<?php }

?>

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

</div>

Category_sub

<br>

<h2 class="text-center">PRODUK</h2> </div>

<br> <?php

if(!isset($_GET['hal'])){ $_GET['hal']=1;

}

$dataperpage=6;

$jumlah_record=mysql_query("SELECT count(*) FROM produk");

$jumlah=mysql_result($jumlah_record, 0); $halaman=ceil($jumlah/$dataperpage); $start=($_GET['hal']-1)*$dataperpage; ?>

<div class="container row text-center"> <?php

$query_produk=mysql_query("SELECT * FROM produk where status='Public' ORDER BY tanggal DESC, jam DESC LIMIT $start, $dataperpage ");

while($data_produk=mysql_fetch_array($query_produk)){ echo '<div class="sm-4 md-4 lg-4 col-xs-6" >

(7)

src="admin/produk/';echo $data_produk['gambar']; echo'">

<h3>';echo $data_produk['nama']; echo'</h3> <p><a href="cart.php?&input=add&id=';echo $data_produk['id'];echo'&id_session=';echo $id_session ;echo'"<a href="?page=detail&id=';echo

$data_produk['id']; echo'" class="btn btn-primary" role="button"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Detail</a></p>

</div> </div> </div>';} ?>

</div>

<ul class="pagination"> <?php if($_GET['hal']==1){

echo '<li><a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li>'; }else{

echo '<li><a href="?hal=';echo $_GET['hal'] -1 ;echo '" label="Previous"> <span

aria-hidden="true">«</span> </a> </li>'; }

?>

Magiczoom.css

/*

Magic Zoom v4.5.8

Buy a license: www.magictoolbox.com/magiczoom/ License agreement:

http://www.magictoolbox.com/license/

*/

/* Style of the small image link */ .MagicZoom, .MagicZoom:hover {

display: inline-block; outline: 0 !important; font-size: 0 !important;

(8)

direction: ltr; max-width: 100%; }

/* Style of the main image */ .MagicZoom img {

border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; width: 100%;

height: auto; }

.MagicZoom > img { max-width: 100%; }

.MagicZoom.magic-for-ie8 > img { max-width: none !important; }

.MagicZoom.magic-for-ie7 > img { width: auto;

}

/* Style of the hint text and image */ .MagicZoomHint {

background: url(graphics/hint.gif) no-repeat 2px 50%;

color: #444; font-size: 8pt;

font-family: sans-serif; line-height: 24px;

margin: 0;

min-height: 24px;

padding: 2px 2px 2px 20px !important; text-align: left;

text-decoration: none; }

/* Style to hide external title on a page. Only needed for #id method */

.MagicZoomExternalTitle { display: none;

}

.magic-temporary-img img {

(9)

/* Style of the zoomed image */ .MagicZoomBigImageCont {

background: #ffffff; border: 1px solid #999;

-webkit-transition: none !important; -moz-transition: none !important; transition: none !important;

}

.MagicZoomBigImageCont img { max-width: none !important; max-height: none !important; height: auto !important; width: auto !important; }

/* Style of text on the zoomed image */ .MagicZoomHeader {

background: #666; color: #fff;

font-size: 10pt !important; line-height: normal !important; text-align: center !important; }

/* Style of square magnify area under the cursor */ .MagicZoomPup {

background: #fff;

border: 1px solid #aaa; cursor: move;

}

/* Style of loading message and icon shown during load */

.MagicZoomLoading {

background: #fff url(graphics/loader.gif) no-repeat 2px 50%;

border: 1px solid #ccc; color: #444;

font-family: sans-serif; font-size: 8pt;

line-height: 1.5em; margin: 0;

padding: 4px 4px 4px 24px !important; text-align: left;

(10)

/* Style of shadow effect behind zoomed image */ .MagicBoxShadow {

-moz-box-shadow: 3px 3px 4px #888888; -webkit-box-shadow: 3px 3px 4px #888888; box-shadow: 3px 3px 4px #888888;

border-collapse: separate; /* For IE 5.5 - 7 */

filter:

progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;

/* For IE 8 */ -ms-filter:

"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;

}

/* Style of glow effect behind zoomed image */ .MagicBoxGlow {

-moz-box-shadow: 0px 0px 4px 4px #888888; -webkit-box-shadow: 0px 0px 4px 4px #888888; box-shadow: 0px 0px 4px 4px #888888;

border-collapse: separate; /* For IE 5.5 - 7 */

filter:

progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;

/* For IE 8 */ -ms-filter:

"progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;

}

Admin.php

<div class="pull-left" id="conten"> <div id="judul">Data Admin</div> <div id="isi">

<a href="?page=tambah_admin"><button class="btn btn-primary">Tambah Admin</button></a><br><br>

<tr>

<th width="7%">NO</th> <th>Nama Admin</t> </tr>

</thead> <tbody>

(11)

$query_admin=mysql_query("SELECT * from admin order by id_admin DESC");

$no=1;

while($data_admin=mysql_fetch_array($query_admin)){ echo "<tr>

<td><b>$data_admin[nama_admin]</b></td> </tr>";

$no++; }

?>

</tbody> </table> </div> </div>

Index Admin

<!doctype html> <html>

<head>

<title>Login Admin</title>

</head> <body>

<a class="navbar-brand" id="logo" href="#">ADMIN</a></div>

</div>

</nav>

<div class="container"> <?php

if(isset($_GET['info'])){ $display = "block";

(12)

} else{

$display = "none"; $pemberitahuan = ""; }

?>

<div class="alert alert-danger"

style="display:<?php echo $display ?>"><?php echo $pemberitahuan; ?>

<div class="container" > <div class="head-login"> <h3>Panel Login Admin</h3> </div>

<thead>

<tr><th>Username</th><th><input type="text" name="username"></th>

</tr> <tr>

<th>Password</th><th><input type="password" name="password"></th>

</tr> </thead>

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

</center> </div>

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

(13)

<div id="judul">Data Category</div> <div id="isi">

Nama<input type="text" name="nama_category"> <button class="btn btn-primary" type="submit" name="submit">Tambah Category</button>

</form> <br><br>

<tr>

<th width="30%">Category</th> <th width="30%"></th>

</tr> </thead> <tbody>

<?php

$query=mysql_query("SELECT * from category order by nama_category ASC");

$no=1;

while($data=mysql_fetch_array($query)){ echo"

<tr>

<td><b>$data[nama_category]</b></td> <td><b>$data[category]</b></td>

<a

href='?page=detail_category&id_cat=$data[id_category]' class='btn btn-default btn-xs'><i class='glyphicon-search glyphicon'></i> Detail</a>

";

if($data['category']=="Dropdown"){ echo "<a

href='?page=tambah_sub&id_cat=$data[id_category]' class='btn btn-default btn-xs'><i class='glyphicon glyphicon-edit'></i> Tambah Sub</a>";

}

echo " <a

href='?page=hapus_category&id_cat=$data[id_category]' class='btn btn-default btn-xs'><i class='glyphicon glyphicon-trash'></i> Hapus</a>

(14)

"; $no++; }

?>

</tbody> </table> </div> </div> </div> <?php

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

$nama=$_POST['nama_category']; $tambah=mysql_query(" INSERT INTO category(nama_category,category) VALUES ('$nama','Single')");

header('location:home.php?page=category&info=Tamba h Category Berhasil');

} ?>

Masukan_sub.php

<div class="pull-left" id="conten"> <div id="judul">Masukan Sub</div> <div id="isi">

<?php

$id=$_GET['id'];

$query=mysql_query("SELECT * from produk where id='$id'");

$data=mysql_fetch_array($query); ?>

<tr>

<tr>

<th>Category</th>

<td>: <?php $query_category=mysql_query("SELECT * from category where id_category='$data[id_category]'");

$data_cat=mysql_fetch_array($query_category); echo $data_cat['nama_category'];

(15)

</tr> <tr>

<th>Sub Category</th>

<?php if($data_cat['category']=="Dropdown"){ $query_sub=mysql_query("SELECT * from sub_category where id_category='$data[id_category]' order by nama_sub ASC");

while($data_sub=mysql_fetch_array($query_sub)){ echo "<option

value='$data_sub[id_sub]'>$data_sub[nama_sub]</option>" ;

} }

?>

</select> </td>

</tr> <tr>

<th>Deskripsi</th>

<tr>

<th>Gambar</th>

<td>: <img src="produk/<?php echo

"$data[gambar]";?>" widht="40%" height="40%"></td> </tr>

<tr>

<th>Status</th>

<tr>

<td><input type="submit" name="submit"

class="btn btn-default btn-primary" value="Kirim"></td> </tr>

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

<?php

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

$sub=$_POST['sub_category'];

$update_sub=mysql_query("UPDATE produk SET id_sub='$sub' where id='$id'");

(16)

header("location:home.php?page=produk&id=$id&info= Tambah masukan sub gagal");

}else{

header("location:home.php?page=produk&id=$id&info= Tambah masukan sub Berhasil");

} }

?>

Sim.sql

-- phpMyAdmin SQL Dump -- version 4.3.11

-- http://www.phpmyadmin.net --

-- Host: 127.0.0.1

-- Generation Time: 20 Jun 2017 pada 18.55 -- Versi Server: 5.6.24

-- PHP Version: 5.6.8

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00";

/*!40101 SET

@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET

@OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET

@OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */;

--

-- Database: `pariwisatalangkat` --

-- ---

--

-- Struktur dari tabel `admin` --

CREATE TABLE IF NOT EXISTS `admin` ( `id_admin` int(5) NOT NULL,

(17)

`username_admin` varchar(50) NOT NULL, `password_admin` varchar(100) NOT NULL, `jenis_kelamin_admin` varchar(100) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT

CHARSET=latin1;

--

-- Dumping data untuk tabel `admin` --

INSERT INTO àdmin` (ìd_admin`, `nama_admin`, ùsername_admin`, `password_admin`,

`jenis_kelamin_admin`) VALUES (4, 'VISKA MARIANA', 'viska',

'827ccb0eea8a706c4c34a16891f84e7b', 'Perempuan'), (5, 'SEREPINA', 'serepina',

'827ccb0eea8a706c4c34a16891f84e7b', 'Prempuan');

-- ---

--

-- Struktur dari tabel `category` --

CREATE TABLE IF NOT EXISTS `category` ( `id_category` int(11) NOT NULL,

`nama_category` varchar(100) NOT NULL, `category` varchar(100) NOT NULL

) ENGINE=InnoDB AUTO_INCREMENT=17 DEFAULT CHARSET=latin1;

--

-- Dumping data untuk tabel `category` --

INSERT INTO `category` (`id_category`, `nama_category`, `category`) VALUES

(18, 'OBJEK WISATA', 'Dropdown'), (19, 'KULINER', 'Dropdown'),

(20, 'KEBUDAYAAN', 'Dropdown'), (21, 'RUMAH ADAT', 'Dropdown'), (23, 'PAKAIAN ADAT', 'Dropdown'), (25, 'TARIAN ADAT', 'Dropdown'),

(26, 'ALAT MUSIK TRADISIONAL', 'Dropdown');

(18)

--

-- Struktur dari tabel `komentar` --

CREATE TABLE IF NOT EXISTS `komentar` ( `id_komentar` int(50) NOT NULL,

`nama_komentar` text NOT NULL, `komentar` text NOT NULL

-- ---

--

-- Struktur dari tabel `produk` --

CREATE TABLE IF NOT EXISTS `produk` ( `id` int(11) NOT NULL,

`id_category` int(11) NOT NULL, `id_sub` int(11) NOT NULL,

`nama` varchar(100) NOT NULL, `deskripsi` text NOT NULL,

`status` varchar(100) NOT NULL, `gambar` text NOT NULL,

--

-- Dumping data untuk tabel `produk` --

INSERT INTO `produk` (ìd`, ìd_category`, ìd_sub`, `nama`, `deskripsi`, `status`, `gambar`) VALUES

('2','18','0','Aek Manik','terletak di Perkebunan Teh PTPN Sidamanik yang beralamat di Kecamatan Sidamanik, Kota Pemantang Siantar, Propinsi Sumatera Utara.

Tempat wisata ini belum dikelola penuh untuk tempat wisata, hanya ada sebuah temapt kamar mandi yang hanya buat berganti baju. Belum adanya tempat parkir dan pengunjung bisa menitipkan kendaraan di rumah warga. Disarankan membawa perbekalan seperlunya, karena tidak adanya warung makanan yang ada di sekitar kolam

permandian.','Public','2017-07-13-19-09-28-2017-07-13-19-06-44-PhotoGrid_1499914170959.jpg'),

(19)

Di lokasi seluas seribu meter persegi itu, terdapat empat mata air dengan suasana alam yang asri sebagai pendukungnya.

Biaya retribusi sebesar Rp.2000/ orang.

','Public','2017-07-13-19-11-53-2017-07-13-06-04-58-PhotoGrid_1499914267496.jpg'),

('4','18','0','Air Terjun Tonduhan','Berada Desa Buntu Bayu, Kecamatan Tonduhan, Simalungun. Berada di areal perkebunan kelapa sawit PTPN IV Hatonduan.

Biaya Retribusi sebesar Rp. 5000/orang termasuk biaya parkir.

','Public','2017-07-13-19-16-49-PhotoGrid_1499914220981.jpg'),

-- ---

--

-- Struktur dari tabel `sub_category` --

CREATE TABLE IF NOT EXISTS `sub_category` ( `id_sub` int(11) NOT NULL,

`id_category` varchar(100) NOT NULL, `nama_sub` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--

-- Indexes for dumped tables --

--

-- Indexes for table `admin` --

ALTER TABLE `admin`

ADD PRIMARY KEY (`id_admin`);

--

-- Indexes for table `category` --

ALTER TABLE `category`

ADD PRIMARY KEY (`id_category`);

--

-- Indexes for table `komentar` --

ALTER TABLE `komentar`

(20)

--

-- Indexes for table `produk` --

ALTER TABLE `produk`

ADD PRIMARY KEY (`id`);

--

-- Indexes for table `sub_category` --

ALTER TABLE `sub_category` ADD PRIMARY KEY (`id_sub`);

--

-- AUTO_INCREMENT for dumped tables --

--

-- AUTO_INCREMENT for table `admin` --

ALTER TABLE `admin`

MODIFY `id_admin` int(5) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=5; --

-- AUTO_INCREMENT for table `category` --

ALTER TABLE `category`

MODIFY `id_category` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=17;

--

-- AUTO_INCREMENT for table `komentar` --

ALTER TABLE `komentar`

MODIFY `id_komentar` int(50) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=13;

--

-- AUTO_INCREMENT for table `produk` --

ALTER TABLE `produk`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=81; --

-- AUTO_INCREMENT for table `sub_category` --

ALTER TABLE `sub_category`

MODIFY `id_sub` int(11) NOT NULL AUTO_INCREMENT; /*!40101 SET

CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; /*!40101 SET

(21)

/*!40101 SET

COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Koneksi.php

<?php

$koneksi=mysql_connect('localhost','root',''); mysql_select_db('sim');