Implementasi Halaman User
5.6.1 Implementasi Halaman User
Implementasi Interface halaman User merupakan implementasi halaman web yang digunakan oleh User pengunjung web yang berisi informasi-informasi tentang Sistem Informasi Geografis.
5.6.1.1 Koneksi.php
File koneksi.php merupakan script php untuk menghubungkan web dengan basis data “wisatagianyar” yang terdapat dalam database MySQL.
91
<?php $server = "localhost"; $username = "root"; $password = "root"; $database = "wisatagianyar";
// Koneksi dan memilih database di server mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>
Modul 5.1: Script koneksi.php
5.6.1.1 Tampilan Halaman Home
Halaman Home merupakan halaman utama dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan informasi-informasi tentang Web ini. Adapun Tampilan Home sebagai berikut :
<!-- nama web & menu contact --> <h1 id="siteName">Wisata Gianyar</h1> <div id="utility">
<a href="index.php"><?php echo Index ?></a> | <a href="home.php?menu=profil&id=sitemap"><?php echo $m_sitemap ?></a> | <a href="home.php?menu=profil&id=about"><?php echo $m_about ?></a> | <a href="home.php?menu=profil&id=contact"><?php echo $m_contact ?></a>
</div> <!--end nama web -->
<!-- global nav _menu utama--> <?php include "Menu_utama.php"; ?> <!--content paper / kontent utama --> <!--menu kanan--> <?php include "Link_kanan.php";
?> <!-- content/artikel --> <div id="content"> <?php
include "Content.php"; include "blockWisata.php";
?> <!--footer-->
<?php include "Footer.php"; ?>
Modul 5.2 Tampilan Home.
5.6.1.2 Tampilan Halaman Profil
Halaman Profil merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan Profil tentang Dinas Pariwisata Kabupaten Gianyar. Data Profil ini terdapat pada table Profil, dalam table ini terdapat data struktur organisasi, data peta situs, data tentang kami, data hubungi kami, data ketentuan pengguna. Adapun Tampilan Halaman Profil Sebagai berikut :
Gambar 5.2 Tampilan Halaman Profil
$profil = mysql_fetch_array(mysql_query("SELECT * FROM `profil` WHERE `kategori` = 'profil' AND `status` = '1' LIMIT 1"));
echo "<div class='feature'>"; echo "<h3>$profil[$judul]</h4></h3>"; echo "<p>$profil[$isi]</p>"; echo"</div>";
Modul 5.3 Halaman Profil
Dari Script diatas dapat dilihat bahwa data profil terletak pada table profil dengan katagori profil. Script ini juga berlaku untuk memanggil menu struktur organisasi, menu peta situs, menu tentang kami, menu hubungi kami dan menu ketentuan pengguna karena terdapat dalam satu table yang sama.
5.6.1.3 Tampilan Halaman Wisata
Halaman Wisata merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan Tempat- tempat wisata seperti Wisata Alam, Wisata Buatan, Wisata Sejarah, Wisata Petualangan. Adapun Tampilan Halaman Wisata Sebagai berikut :
Gambar 5.3 Tampilan Wisata
$wisata = mysql_fetch_array(mysql_query("SELECT * FROM `wisata` WHERE `no` = '$id' AND `status` = '1'"));
echo "<div class='feature'>"; echo "<img src='$wisata[gambar]' alt='' width='280'
height='200' />"; echo "<h3>$wisata[$judul]</h4></h3>"; echo "<p>$wisata[$isi]</p>";
Model 5.4 Script Wisata
Dari Script diatas dapat dilihat bahwa data wisata terletak pada table wisata dengan katagori wisata alam, wisata buatan, wisata petualangan, wisata sejarah. Script ini juga berlaku untuk memanggil menu wisata alam, wisata buatan, wisata petualangan, wisata sejarah karena terdapat dalam satu table yang sama.
5.6.1.4 Tampilan Halaman Fasilitas
Halaman Fasilitas merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan Fasilitas Wisata Gianyar. Data Fasilitas ini terdapat pada tabel Fasilitas, dalam tabel ini terdapat data restaurant, data hotel, data pasar seni, data money
Gambar 5.4 Tampilan Halaman Fasilitas
$fasilitas = mysql_fetch_array(mysql_query("SELECT * FROM `fasilitas` WHERE `no` = '$id' AND `status` = '1'"));
echo "<div class='feature'>"; echo "<img src='$fasilitas[gambar]' alt='' width='280'
height='200' />"; echo "<h3>$fasilitas[$judul]</h4></h3>"; echo "<p>$fasilitas[$isi]</p>";
Modul 5.5 Tampilan Fasilitas
Dari Script diatas dapat dilihat bahwa data fasilitas terletak pada table fasilitas dengan katagori restaurant, katagori hotel, katagori fasilitas pasar seni, fasilitas money changer. Script ini juga berlaku untuk memanggil menu restouran , hotel, pasar seni, money changer karena terdapat dalam satu tabel yang sama.
5.6.1.5 Tampilan Halaman Event
Halaman Event merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan Event yang terdapat di Gianyar. Data event ini terdapat pada tabel Event, dalam tabel ini terdapat data event. Adapun Tampilan Halaman Event sebagai berikut:
Gambar 5.5 Tampilan Event
$event = mysql_fetch_array(mysql_query("SELECT * FROM `daftarkegiatan` WHERE `no` = '$id' AND `status` = '1' LIMIT 1"));
echo "<div class='feature'>"; echo "<img src='$event[gambar]' alt='' width='280' height='200'
/>"; echo "<h3>$event[$judul]</h4></h3>"; echo "<p>$event[$isi]</p>";
Modul 5.6 Tampilan Event
Dari Script diatas dapat dilihat bahwa data event terletak pada table event. Script ini berlaku untuk memanggil menu event.
5.6.1.6 Tampilan Halaman Daftar Member
Halaman Daftar Event merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan form daftar member. Data daftar member ini terdapat pada tabel register, dalam tabel ini terdapat data daftar member. Adapun Tampilan Halaman Daftar Member sebagai berikut:
Gambar 5.6 Tampilan Daftar Member
<form id="form1" name="form1" method="post" action=""> <table width="100%" border="1"> <tr> <td width="30%">Username</td> <td width="70%"><input type="text" name="username" /></td>
</tr> <tr>
<td>Password</td> <td><input type="text" name="password" /></td>
</tr> <tr>
<td>Email</td> <td><input type="text" name="email" /></td>
</tr> <tr>
<td colspan="2"><input type="submit" value="Register" /></td> </tr>
</table> </form>
Modul 5.7 Program Daftar Member Untuk Script aksi menyimpan data member baru ke database sebagai berikut :
$ username = $_POST[username];
$email = $_POST[email]; $pwd = md5($_POST[password]); $cek = mysql_query("INSERT INTO user VALUES('$username', '$pwd',
'$email', '0'");
Modul 5.8 Menyimpan data Member
5.6.1.7 Tampilan Halaman Peta
Halaman Peta merupakan halaman Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini menampilkan peta gianyar dengan beberapa menu jenis wisata, dan fasilitas yang ada di gianyar. Adapun Tampilan Index sebagai berikut :
Gambar 5.7 Tampilan Maps
Pada Tampilan diatas terdapat beberapa fitur seperti Form Login, Menu, Map. Untuk menampilkan Peta menggunakan google maps.js dan di tempatkan pada div peta. Script untuk menampilkan Form Login adalah :
echo '<div
float:left; width=200px; color:#FFFFFF; right:0px;">'; if(empty($_SESSION[namauser])){ echo'<form method="POST" action="action.php?modul=login"> <input
style="position:relative;
value="email" onClick="value=null" /> <input type="password" name="password" value="password" onClick="value=null" />
type="text"
name="email"
<input type="submit" value="login" /> </form>';
}else{
| <a href="action.php?modul=logout">Log Out</a>'; }
echo
$_SESSION[namauser]
.'
Modul 5.9 Login User.
<div><a href='#' id='flip2' class='glink'><img src="images/menu.png" width="50" /></a></div> <div id='hidem' style="display:none;"> <p><a href="home.php"
target="_blank" title="<?php echo $m_home ?>"><img src="images/home.jpg" width="50" height="50" /></a></p> <p><a
target="_blank" title="<?php echo $m_profil ?>"><img src="images/profil.jpg" width="50" height="50" /></a></p>
href="home.php?menu=profil&id=profil"
<p><a href="home.php?menu=profil&id=struktur" target="_blank" title="<?php echo $m_struktur ?>"><img src="images/struktur.jpg" width="50" height="50" /></a></p>
<?php if(empty($_SESSION[namauser])){ echo '<p><img src="images/register.png" style="cursor: pointer"
title="'.$m_register.'" /></p>'; }else{
id="register"
width="50"
height="50"
src="images/marking.jpg" style="cursor: pointer"
echo
'<p><img
height="50" title="'.$m_tandaimap.'" /></p> <p><img
onClick="getLocation()"
width="50"
style="cursor: pointer" onClick="javascript:clearMaps()"
src="images/clear.jpg"
height="50" title="'.$m_bersihmap.'" /></p>'; } ?>
width="50"
Modul 5.10 Menu Hidden
$email = $_POST[email]; $pwd=md5($_POST[password]); $cek = mysql_num_rows(mysql_query("select * from `user` where
`email` = '$email' and `password` = '$pwd'")); $r=mysql_fetch_array(mysql_query("select * from `user` where `email` = '$email' and `password` = '$pwd'")); if($cek == 1){
session_register("namauser"); session_register("passuser"); $_SESSION[namauser]=$r[username]; $_SESSION[passuser]=$r[password];
header('location:index.php'); }else{
header('location:index.php');
Modul 5.11 Aksi Login
5.6.1.8 Tampilan Halaman Buku Tamu
Halaman Buku Tamu merupakan halaman dari Website Sistem Informasi Geografis Berbasis Web untuk Pemetaan Pariwisata Kabupaten Gianyar. Halaman ini berfungsi sebagai tempat untuk menampilkan form Buku Tamu. Data buku tamu ini terdapat pada tabel buku tamu. Adapun Tampilan Halaman Buku Tamu sebagai berikut:
Gambar 5.8 Tampilan Buku Tamu
<h3 class='dock'>Terimakasih sudah datang, silakan isi komentar Anda</h3>
<form method='POST'
action='action.php?modul=guest&action=add'> <input type=’hidden’ name=’back’ value=’$ref’ /> <table> <tr> <td>
<label>Username</label> </td> <td>
<input type=’text’ class=’form_field’ name=’user’ size=’30’ />
</td> </tr> <tr> <td>
<label>Email</label> </td> <td>
<input type=’text’ class=’form_field’ name=’email’ size=’30’ />
</td> </tr> <tr> <td>
<label>isi</label> </td> <td>
<textarea class=’form_field’ name=’isi’ cols=’40’ rows=’5’></textarea>
</td> </tr>
Modul 5.12 Form Buku Tamu
<tr> <td> </td> <td>
<input type=’reset’ value=’Reset’ id=’submit’ /> <input type=’submit’ value=’Save’ id=’submit’ />
</td> </tr> </table>
</form>”; echo “ </div>”;
Modul 5.13 Lanjutan Form Buku Tamu
5.6.1.9 Tampilan Halaman Login Admin
Halaman index untuk admin sekaligus sebagai halaman login admin. Untuk dapat menggunakan semua fitur admin harus melakukan proses login terlebih dahulu. Berikut Tampilan Halaman Login Admin :
Gambar 5.9 Tampilan Login Admin
< form name='login' method='POST' action='action.php?modul=login'> <p><label>Username</label> <input type='text' class='form_field' name='username' size='15' /></p> <p>
<label>Password</label> <input type='password'
class='form_field' name='password' size='15' />
</p> <p>
<input type='submit' id='submit'
Modul 5.14 Form Login Admin
class='form_field' value='Log In' />
</p> </form>
Modul 5.15 Lanjutan Form Login Admin
$user = $_POST[username]; $pwd=md5($_POST[password]); $cek = mysql_num_rows(mysql_query("select * from `admin` where
`username` = '$user' and `password` = '$pwd'")); $r=mysql_fetch_array(mysql_query("select * from `admin` where `username` = '$user' and `password` = '$pwd'")); if($cek == 1){ session_start(); session_register("namaadmin"); session_register("passuser");
$_SESSION[namaadmin]=$r[username]; $_SESSION[passuser]=$r[password]; header('location:home.php');
}else{ header('location:index.php'); }
Modul 5.16 Aksi Login Admin
5.6.1.10 Tampilan Halaman Home Admin
Halaman ini merupakan halaman yang akan muncul jika admin memasukkan username dan passwordnya dengan benar. Halaman ini menpunyai menu yaitu : Manjemen Profil, Manajemen Wisata, Manajemen Fasilitas, Manajemen Agenda/Event, Manajemen User, Manajemen Buku Tamu, Manajemen Data Koordinat, Manajemen Bahasa.
Gambar 5.10 Tampilan Home Admin
<h3>Selamat Datang Administrator</h3> <p>Halaman untuk administrator yang memiliki hak untuk mengelola data Dinas Pariwisata Gianyar yang akan dipublikasikan ke aplikasi client.</p>
Modul 5.17 Home Admin
5.6.1.11 Tampilan Halaman Profil Wisata Gianyar
Halaman ini menampilkan update profil wisata gianyar. Adapun Tampilan Halaman Profil Wisata Gianyar :
Gambar 5.11 Tampilan Profil Wisata Gianyar
$profil=mysql_query("SELECT * FROM `profil` LIMIT $posisi,$batas"); echo"<p><center><b>Tabel Profil Wisata Gianyar</b></center></p
<table width='100%'>
<thead bgcolor='#999999'> <td>no</td> <td>Kategori</td> <td>Judul</td> <td>Status</td> <td>Aksi</td>
</thead>"; $no=1;
while($data=mysql_fetch_array($profil)){
echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[kategori]</td> <td>$data[judul]</td> <td>$data[status]</td> <td><a
href='home.php?menu=profil&action=edit&id=$data[no]'>Ubah</a> <a
Modul 5.18 Profil Wisata Gianyar
href='action.php?modul=profil&action=delete&id=$data[no]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.19 Lanjutan Profil Wisata Gianyar
5.6.1.12 Tampilan Halaman Tambah Data Profil
Halaman ini menampilkan Tambah data profil , admin dapat memperbarui Profil Wisata Gianyar disini.
Gambar 5.12 Tampilan Halaman Tambah Data Profil
<h3 class='dock'>Tambah Data $kategori[nama_kategori]</h3> <form method='POST' id='adduser' action='action.php?modul=profil&action=edit'> <p>
<label>Kategori</label>
<select name='kategori' class='form_field'>
<option value='$data[kategori]' selected> $data[kategori] </option> <option value='home'> Home </option>
<option value='sitemap'>Site Map</option> <option value='about'>Tentang Kami</option> <option value='ketentuan'>Ketentuan Penggunaan</option> <option value='profil'>Profil</option>
</select>
Modul 5.20 Form Tambah Data Profil
</p> <p>
<label>Judul</label><input type='text' class='form_field' name='judul' size='30' /> </p> <p>
<textarea class='ckeditor' name='isi_ina' cols=40 rows=18></textarea> </p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' /> </p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18></textarea> </p> <p>
<label>Status</label>
</p> <p>
<select
name='publish' class='form_field'> <option value=1 selected> Pakai </option>
<option value=0> Sembunyikan </option>
</select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' /> </p> </form>
Modul 5.21 Lanjutan Form Tambah Data Profil
$kat=$_POST[kategori]; $judul=$_POST[judul]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish]; $nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; if (!empty($lokasi_file)){
$dir="../images/profil/$nama_file"; move_uploaded_file($lokasi_file,$dir);
mysql_query("INSERT INTO `profil` VALUES ('','$kat','$judul','$title','$isi_ina','$isi_en','images/profil/$nama_file ','$pub')");
Modul 5.22 Aksi Tambah Data Profil
header('location:home.php?menu=profil'); }else{ echo"Tidak ada file gambar yang diupload"; echo '<br /> lokasi :'.$lokasi_file. ' nama : '.$nama_file;
Modul 5.23 Lanjutan Aksi Tambah Data Profil
5.6.1.13 Tampilan Halaman Edit Data Profil
Halaman ini menampilkan Edit data profil , admin dapat mengedit data Profil Wisata Gianyar disini.
Gambar 5.13 Tampilan Halaman Edit Data Profil
<h3 class='dock'>Ubah Data Profil</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit' enctype='multipart/form- data'>
<input type='hidden' value='$data[no]' name='id' /> <p>
<label>Judul</label><input type='text' class='form_field' name='judul' size='30' value='$data[judul]' />
</p> <p>
<textarea class='ckeditor' name='isi' cols=40 rows=18>$data[isi_ina]</textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' value='$data[title]' />
Modul 5.24 Form Edit Data Profil
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18>$data[isi_en]</textarea>
</p> <p> <label>File Gambar </label><input
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.25 Lanjutan Form Edit Data Profil
$id=$_POST[id]; $judul=$_POST[judul]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish]; /* untuk image */
$nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; $dir="../images/profil/$nama_file"; //cari nama link gambar $data=mysql_fetch_array(mysql_query("SELECT * FROM `profil`
WHERE `no` = '$id'")); $dir2="../$data[gambar]";
if(empty($lokasi_file)){
mysql_query("UPDATE `wisata` SET
,`judul`='$judul',`title`='$title',`isi_ina`='$isi_ina',`isi_en`='$isi_en', `status`='$pub' WHERE `no`='$id'");
}else{ //hapus file gambar dari direktori galeri if(file_exists($dir2)){
unlink($dir2); }
Modul 5.26 Aksi Edit Data Profil
copy($lokasi_file,$dir);
mysql_query("UPDATE `profil` SET
`nama`='$judul',`title`='$title',`isi_ina`='$isi_ina',`isi_en`='$isi_en',`g ambar`='images/profil/$nama_file',`status`='$pub' WHERE `no`='$id'");
} header('location:home.php?menu=profil');
Modul 5.27 Lanjutan Aksi Edit Data Profil
5.6.1.14 Tampilan Halaman Manajemen Wisata
Halaman ini menampilkan Data Wisata, baik Wisata Buatan, Wisatan Alam, Wisata Petualangan, Wisata Sejarah, dimana data-data tersebut terdapat dalam satu Tabel yang sama. Adapun Tampilan Halaman Wisata Sebagai Berikut :
Gambar 5.14 Tampilan Halaman Wisata
//lihat data wisata berdasarkan kategorinya
`wisata` WHERE `id_wisata`='$katatagori_wisata' ");
$wisata=mysql_query("SELECT
FROM
//cari nama kategori wisata $kategoriwisata=mysql_fetch_array(mysql_query("select
* from `kategori_wisata` where `id_kategori`='$katagori_wisata'")); echo"<p><center><b>Tabel $kategoriwisata[nama_kategori]</b></center></p><font size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>nama</td> <td>title</td> <td>Status</td>
Modul 5.28 Tampilan Wisata
<td>Aksi</td> </thead>"; $no=$posisi+1;
while($data=mysql_fetch_array($wisata)){
echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[nama]</td> <td>$data[title]</td> <td>$data[status]</td> <td><a
href='home.php?menu=wisata&action=edit&id=$data[no]'>Ubah</a> <a href='action.php?modul=wisata&action=delete&id=$data[no]'
onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.29 Lanjutan Tampilan Wisata
5.6.1.15 Tampilan Halaman Tambah Data Wisata
Halaman ini menampilkan Tambah data wisata , admin dapat memperbarui Data Wisata Gianyar disini.
Gambar 5.15 Tampilan Halaman Tambah Data Wisata
<h3 class='dock'>Tambah Data $idkategori[nama_kategori]</h3>
<form method='POST' id='adduser'
action='action.php?modul=wisata&action=add' enctype='multipart/form-data'> <input type='hidden' name='id' value='$kategori' /> <p>
<label>Nama</label><input type='text' class='form_field' name='nama' size='30' />
Modul 5.30 Form Tambah Wisata
<textarea class='ckeditor' name='isi' cols=40 rows=18></textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18></textarea>
</p> <p>
<label>Koordinate</label> </p> <p>
<select name='koordinat' class='form_field'> <option value=''> kosongkan </option>";
while($koordinat=mysql_fetch_array($koor)){ echo "<option value='$koordinat[no]' selected> $koordinat[nama_marked] </option>";
}echo " </select> </p> <p> <label>File Gambar </label><input
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.31 Lanjutan Form Tambah Wisata
$id_wisata=$_POST[id]; $back= "w".$id_wisata; $kordinat=$_POST[koordinat]; $judul=$_POST[nama]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish];
Modul 5. 32 Aksi Tambah Data Wisata
$nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; if (!empty($lokasi_file)){ $dir="../images/wisata/$nama_file"; move_uploaded_file($lokasi_file,$dir);
mysql_query("INSERT INTO `wisata` VALUES
('','$id_wisata','$koordinat','$judul','$title','$isi_ina','$isi_en','image s/wisata/$nama_file','$pub')");
header('location:home.php?menu='.$back); }else{ echo"Tidak ada file gambar yang diupload"; echo '<br /> lokasi :'.$lokasi_file. ' nama :
'.$nama_file;
Modul 5.33 Lanjutan Aksi Tambah Data Wisata
5.6.1.16 Tampilan Halaman Edit Data Wisata
Halaman ini menampilkan Edit data wisata, admin dapat mengedit data Wisata Gianyar disini.
Gambar 5.16 Tampilan Halaman Edit Data Wisata
<div id='view_box'>
<h3 class='dock'>Ubah Data
$kategori[nama_kategori]</h3>
<form method='POST' id='adduser'
action='action.php?modul=wisata&action=edit' enctype='multipart/form-data'> <input type='hidden' value='$data[no]' name='id' /> <p>
<label>Nama</label><input type='text' class='form_field' name='nama' size='30' value='$data[nama]' />
Modul 5.34 Form Edit Data Wisata
</p> <p>
<textarea class='ckeditor' name='isi' cols=40 rows=18>$data[isi_ina]</textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' value='$data[title]' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18>$data[isi_en]</textarea>
</p> <p>
<label>Koordinat</label> </p> <p>
<select name='koordinat' class='form_field'> <option value='$koor1[no]'> $koor1[nama_marked] </option>";
while($koordinat=mysql_fetch_array($koor)){ echo "<option value='$koordinat[no]' selected> $koordinat[nama_marked] </option>";
}echo " </select> </p> <p> <label>File Gambar </label><input
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.35 Lanjutan Form Edit Data Wisata
$id=$_POST[id]; $kordinat=$_POST[koordinat]; $judul=$_POST[nama]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish];
Modul 5.36 Aksi Edit Data Wisata
/* untuk image */ $nama_file = $_FILES['fupload']['name'];
$lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; $dir="../images/wisata/$nama_file"; //cari nama link gambar $data=mysql_fetch_array(mysql_query("SELECT * FROM `wisata`
WHERE `no` = '$id'")); $dir2="../$data[gambar]";
if(empty($lokasi_file)){
mysql_query("UPDATE `wisata` SET
`id_marked`='$koordinat',`nama`='$judul',`title`='$title',`isi_ina`='$isi_i na',`isi_en`='$isi_en',`status`='$pub' WHERE `no`='$id'");
}else{
Modul 5.37 Lanjutan Aksi Edit Data Wisata
5.6.1.17 Tampilan Halaman Fasilitas
Halaman ini menampilkan Data Fasilitas, baik fasilitas pasar seni, fasilitas money changer, fasilitas hotel, fasilitas restoran., dimana data-data tersebut terdapat dalam satu Tabel yang sama. Adapun Tampilan Halaman Fasilitas sebagai berikut :
Gambar 5.17 Tampilan Halaman Fasilitas
$fasilitas=mysql_query("SELECT * FROM `fasilitas` WHERE `id_fasilitas`='$kat' LIMIT $posisi,$batas");
//membuat paging/halaman $jumlah = mysql_num_rows($fasilitas); $jmldata
= mysql_num_rows(mysql_query("SELECT * FROM `fasilitas` WHERE `id_fasilitas`='$kat'")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navFasilitas($kat, $_GET[halaman],
Modul 5.38 Form Fasilitas
$jmlhalaman); echo "Hal: $linkHalaman"; //cari nama kategori fasilitas $kategorifasilitas=mysql_fetch_array(mysql_query("select * from
`kategori_fasilitas` where `id_kategori`='$kat'")); echo"<p><center><b>Tabel Fasilitas $kategorifasilitas[nama_kategori]</b></center></p><font size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>nama</td> <td>title</td> <td>Status</td> <td>Aksi</td>
</thead>"; $no=1;
while($data=mysql_fetch_array($fasilitas)){
if($warna == $warna1){
$warna = $warna2;
}else{ $warna = $warna1; } echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[nama]</td> <td>$data[title]</td> <td>$data[status]</td> <td><a
href='home.php?menu=fasilitas&action=edit&id=$data[no]'>Ubah</a> <a href='action.php?modul=fasilitas&action=delete&id=$data[no]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.39 Lanjutan Form Fasilitas
5.6.1.18 Tampilan Halaman Tambah Data Fasilitas
Halaman ini menampilkan Tambah data fasilitas , admin dapat memperbarui Data Fasilitas Gianyar disini.
Gambar 5.18 Tampilan Halaman Tambah Fasilitas
<h3 class='dock'>Tambah Data $idkategori[nama_kategori]</h3>
<form method='POST' id='adduser'
action='action.php?modul=fasilitas&action=add' enctype='multipart/form- data'>
<input type='hidden' value='$kategori' name='id_fasilitas' />
<p>
<label>Nama</label><input type='text' class='form_field' name='nama' size='30' />
</p> <p>
<textarea class='ckeditor' name='isi_ina' cols=40 rows=18></textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18></textarea>
</p> <p>
<label>Koordinat</label> </p> <p>
<select name='koordinat' class='form_field'> <option value=''> kosongkan </option>";
while($koordinat=mysql_fetch_array($koor)){ echo "<option value='$koordinat[no]' selected> $koordinat[nama_marked] </option>";
}echo " </select> </p> <p> <label>File Gambar </label><input
Modul 5.40 Form Tambah Data Fasilitas
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.41 Lanjutan Form Tambah Data Fasilitas
$id_fasilitas=$_POST[id_fasilitas]; $kordinat=$_POST[koordinat]; $judul=$_POST[nama]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish]; $nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; if (!empty($lokasi_file)){ $dir="../images/fasilitas/$nama_file"; move_uploaded_file($lokasi_file,$dir);
mysql_query("INSERT INTO `fasilitas` VALUES ('','$id_fasilitas','$koordinat','$judul','$title','$isi_ina','$isi_en','im ages/fasilitas/$nama_file','$pub')");
header('location:home.php?menu=$id_fasilitas'); }else{ echo"Tidak ada file gambar yang diupload"; echo '<br /> lokasi :'.$lokasi_file. ' nama :
'.$nama_file;
Modul 5.42 Aksi Form Tambah Data Fasilitas
5.6.1.19 Tampilan Halaman Edit Data Fasilitas
Halaman ini menampilkan Edit data fasilitas, admin dapat mengedit data fasilitas Gianyar disini.
Gambar 5.19 Tampilan Halaman Edit Fasilitas
<h3 class='dock'>Ubah Data $kategori[nama_kategori]</h3>
<form method='POST' id='adduser'
action='action.php?modul=fasilitas&action=edit' enctype='multipart/form- data'>
<input type='hidden' value='$data[no]' name='id' /> <p>
<label>Nama</label><input type='text' class='form_field' name='nama' size='30' value='$data[nama]' />
</p> <p>
<textarea class='ckeditor' name='isi' cols=40 rows=18>$data[isi_ina]</textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' value='$data[title]' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18>$data[isi_en]</textarea>
</p> <p>
<label>Koordinat</label> </p> <p>
<select name='koordinat' class='form_field'> <option value='$koor1[no]'> $koor1[nama_marked] </option>";
while($koordinat=mysql_fetch_array($koor)){ echo "<option value='$koordinat[no]' selected> $koordinat[nama_marked] </option>";
}echo " </select>
Modul 5.43 Tampilan Edit Fasilitas
</p> <p> <label>File Gambar </label><input
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.44 Lanjutan Tampilan Edit Fasilitas
$id=$_POST[id]; $kordinat=$_POST[koordinat]; $judul=$_POST[nama]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $pub=$_POST[publish]; /* untuk image */
$nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; $dir="../images/fasilitas/$nama_file"; //cari nama link gambar $data=mysql_fetch_array(mysql_query("SELECT * FROM `fasilitas`
WHERE `no` = '$id'")); $dir2="../$data[gambar]";
if(empty($lokasi_file)){
mysql_query("UPDATE `fasilitas` SET
`id_marked`='$koordinat',`nama`='$judul',`title`='$title',`isi_ina`='$isi_i na',`isi_en`='$isi_en',`status`='$pub' WHERE `no`='$id'");
}else{ //hapus file gambar dari direktori galeri if(file_exists($dir2)){
unlink($dir2); }
copy($lokasi_file,$dir);
mysql_query("UPDATE `fasilitas` SET
`id_marked`='$koordinat',`nama`='$judul',`title`='$title',`isi_ina`='$isi_i na',`isi_en`='$isi_en',`gambar`='images/fasilitas/$nama_file',`status`='$pu b' WHERE `no`='$id'");
} header('location:home.php?menu='.$data[id_fasilitas]);
5.6.1.20 Tampilan Halaman Agenda
Halaman ini menampilkan Data Agenda, dimana Data Agenda terdapat dalam Tabel Agenda. Adapun Tampilan Halaman Agenda sebagai berikut :
Gambar 5.20 Tampilan Halaman Agenda
$agenda=mysql_query("SELECT * FROM `daftarkegiatan` LIMIT $posisi,$batas");
$jumlah = mysql_num_rows($agenda); $jmldata
= mysql_num_rows(mysql_query("SELECT * FROM `daftarkegiatan`")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navAgenda($_GET[halaman],
$jmlhalaman); echo "Hal: $linkHalaman";
echo"<p><center><b>Tabel Agenda</b></center></p><font size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>Judul</td> <td>Tanggal</td> <td>Status</td> <td>Aksi</td>
</thead>"; $no=$posisi+1;
while($data=mysql_fetch_array($agenda)){
if($warna == $warna1){
$warna = $warna2;
}else{ $warna = $warna1; }
Modul 5.46 Tampilan Agenda
echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[judul]</td> <td>$data[tanggal]</td> <td>$data[status]</td> <td><a
href='home.php?menu=agenda&action=edit&id=$data[no]'>Ubah</a> <a href='action.php?modul=agenda&action=delete&id=$data[no]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.47 Lanjutan Tampilan Agenda
5.6.1.21 Tampilan Halaman Tambah Data Agenda
Halaman ini menampilkan Tambah data agenda , admin dapat memperbarui Data Agenda Gianyar disini.
Gambar 5.21 Tampilan Tambah Data Agenda
<h3 class='dock'>Tambah Data Agenda</h3>
<form method='POST' id='adduser'
action='action.php?modul=agenda&action=add' enctype='multipart/form-data'>
<p>
<label>Judul</label><input type='text' class='form_field' name='judul' size='30' />
</p> <p>
<textarea class='ckeditor' name='isi_ina' cols=40 rows=18></textarea>
Modul 5.48 Form Tambah Agenda
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18></textarea>
</p> <p>
<label>Tanggal</label><input type='text' class='form_field' name='tgl' id='tgl' size='30' />
</p> <p> <label>File Gambar </label><input
class='form_field' type='file' name='fupload' size=30 />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Tampilkan </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.49 Lanjutan Form Tambah Agenda
$judul=$_POST[judul]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $tgl=$_POST[tgl]; $pub=$_POST[publish]; $nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; if (!empty($lokasi_file)){ $dir="../images/agenda/$nama_file"; move_uploaded_file($lokasi_file,$dir);
mysql_query("INSERT INTO `daftarkegiatan` VALUES ('','$judul','$title','$tgl','$isi_ina','$isi_en','images/agenda/$nama_file ','$pub')");
header('location:home.php?menu=agenda'); }else{
echo"Tidak ada file gambar yang diupload"; echo '<br /> lokasi :'.$lokasi_file. ' nama :
'.$nama_file; }
Modul 5.50 Aksi Form Tambah Agenda
5.6.1.22 Tampilan Halaman Edit Data Agenda
Halaman ini menampilkan Edit data Agenda, admin dapat mengedit data agenda Gianyar disini.
Gambar 5.22 Tampilan Edit Agenda
<h3 class='dock'>Ubah Data Agenda</h3>
<form method='POST' id='adduser'
action='action.php?modul=agenda&action=edit' enctype='multipart/form-data'> <input type='hidden' value='$data[no]' name='id' />
<p>
<label>Judul</label><input type='text' class='form_field' name='judul' size='30' value='$data[judul]' />
</p> <p>
<textarea class='ckeditor' name='isi_ina' cols=40 rows=18 value='$data[isi_ina]'></textarea>
</p> <p>
<label>Title</label><input type='text' class='form_field' name='title' size='30' value='$data[title]' />
</p> <p>
<textarea class='ckeditor' name='isi_en' cols=40 rows=18 value='$data[isi_en]'></textarea>
</p> <p>
<label>Tanggal</label><input type='text' class='form_field' name='tgl' id='tgl' value='$data[tanggal]' size='40' />
</p> <p> <label>File Gambar </label><input
Modul 5.51 Tampilan Form Edit Agenda
class='form_field' type='file' name='fupload' size='30' value='$data[gambar]' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.52 Lanjutan Tampilan Form Edit Agenda
$id=$_POST[id]; $judul=$_POST[judul]; $title=$_POST[title]; $isi_ina=$_POST[isi_ina]; $isi_en=$_POST[isi_en]; $tgl=$_POST[tgl]; $pub=$_POST[publish]; /* untuk image */
$nama_file = $_FILES['fupload']['name']; $lokasi_file = $_FILES['fupload']['tmp_name']; $p=$_FILES['fupload']['type']; $dir="../images/agenda/$nama_file"; //cari nama link gambar $data=mysql_fetch_array(mysql_query("SELECT * FROM
`daftarkegiatan` WHERE `no` = '$id'")); $dir2="../$data[gambar]";
if(empty($lokasi_file)){
mysql_query("UPDATE `daftarkegiatan` SET
`judul`='$judul',`title`='$title',`tanggal`='$tgl',`isi_ina`='$isi_ina',`is i_en`='$isi_en',`status`='$pub' WHERE `no`='$id'");
}else{ //hapus file gambar dari direktori galeri if(file_exists($dir2)){
unlink($dir2); }
copy($lokasi_file,$dir);
mysql_query("UPDATE `daftarkegiatan` SET
`judul`='$judul',`title`='$title',`tanggal`='$tgl',`isi_ina`='$isi_ina',`is i_en`='$isi_en',`gambar`='images/agenda/$nama_file',`status`='$pub' WHERE `no`='$id'");
} header('location:home.php?menu=agenda');
Modul 5.53 Aksi Form Edit Agenda
5.6.1.23 Tampilan Halaman Manajemen User
Halaman ini menampilkan Data Uset, dimana Data User terdapat dalam Tabel Manajemen User. Adapun Tampilan Halaman Manjemen User sebagai berikut :
Gambar 5.23 Tampilan Manajemen User
$user=mysql_query("SELECT * FROM `user` LIMIT $posisi,$batas"); //membuat paging/halaman
$jumlah = mysql_num_rows($user); $jmldata
= mysql_num_rows(mysql_query("SELECT * FROM `user`")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navUser($kat, $_GET[halaman],
$jmlhalaman); echo "Hal: $linkHalaman";
//cari nama user echo"<p><center><b>Tabel User</b></center></p><font size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>username</td> <td>email</td> <td>Status</td> <td>Aksi</td>
</thead>"; $no=$posisi+1;
while($data=mysql_fetch_array($user)){
if($warna == $warna1){
$warna = $warna2;
Modul 5.54 Tampilan Manajemen User
}else{ $warna = $warna1; } echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[username]</td> <td>$data[email]</td> <td>$data[status]</td> <td><a
href='home.php?menu=user&action=edit&id=$data[username]'>Ubah</a> <a href='action.php?modul=user&action=delete&id=$data[username]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.55 LanjutanTampilan Manajemen User
5.6.1.24 Tampilan Halaman Tambah Data Manajemen User
Halaman ini menampilkan Tambah data user , dimana didalam form ini berisi username, password, email, status,.
Gambar 5.24 Tampilan Tambah Data Manajemen User
<h3 class='dock'>Tambah Data User</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'>
<p>
<label>Username</label><input type='text' class='form_field' name='username' size='30' />
</p> <p>
<label>Password</label><input type='text' class='form_field' name='password' size='30' />
Modul 5.56 Tambah Data Manajemen
</p> <p>
<label>Email</label><input type='text' class='form_field' name='email' size='30' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.57 Lanjutan Tambah Data Manajemen
5.6.1.25 Tampilan Halaman Edit Data User
Halaman ini menampilkan Edit data User, dimana data tersebut sudah ditampilkan, admin tinggal mengedit data User disini.
Gambar 5.25 Tampilan Edit Manajemen User
<h3 class='dock'>Ubah Data User</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'>
Modul 5.58 Edit Data Manajemen User
<input type='hidden' value='$data[username]' name='id' /> <p>
<label>Username</label><input type='text' class='form_field' name='username' size='30' value='$data[username]' />
</p> <p>
<label>Password</label><input type='text' class='form_field' name='password' size='30' />
</p> <p>
<label>Email</label><input type='text' class='form_field' name='email' size='30' value='$data[email]' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.59 Lanjutan Edit Data Manajemen User
5.6.1.26 Tampilan Halaman Buku Tamu
Halaman ini menampilkan Data Buku Tamu, dimana Data Buku Tamu terdapat dalam Tabel Guest. Adapun Tampilan Halaman Buku Tamu sebagai berikut :
Gambar 5.26 Tampilan Buku Tamu
$guest=mysql_query("SELECT * FROM `bukutamu` ORDER BY `tanggal` LIMIT $posisi,$batas");
//membuat paging/halaman $jumlah = mysql_num_rows($guest); $jmldata
= mysql_num_rows(mysql_query("SELECT * FROM `bukutamu`")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navGuest($kat, $_GET[halaman],
$jmlhalaman); echo "Hal: $linkHalaman";
//cari nama buku tamu echo"<p><center><b>Tabel Buku Tamu</b></center></p><font
size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>username</td> <td>isi</td> <td>Status</td> <td>Aksi</td>
</thead>"; $no=$posisi+1;
while($data=mysql_fetch_array($guest)){
if($warna == $warna1){
$warna = $warna2;
}else{ $warna = $warna1; } echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[username]</td> <td>$data[isi]</td> <td>$data[status]</td> <td><a
href='home.php?menu=guest&action=edit&id=$data[no]'>Ubah</a> <a href='action.php?modul=guest&action=delete&id=$data[no]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.60 Tampilan Buku Tamu
5.6.1.27 Tampilan Halaman Tambah Data Buku Tamu
Halaman ini menampilkan Tambah data buku tamu , admin dapat memperbarui Data buku tamu disini.
Gambar 5.27 Tampilan Form Buku Tamu
<h3 class='dock'>Tambah Data Buku Tamu</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'>
<p>
<label>Username</label><input type='text' class='form_field' name='username' size='30' />
</p> <p>
<label>Email</label><input type='text' class='form_field' name='email' size='30' />
</p> <p> <label>isi</label>
<textarea name='isi' cols='60' rows='5'></textarea>
</p> <p> </p><br /><br /><br /><br /><br /><br /> <p>
<label>Tanggal</label><input type='text' class='form_field' name='tgl' id='tgl' size='30' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form >
Modul 5.61 Form Tambah Buku Tamu
5.6.1.28 Tampilan Halaman Edit Data Buku Tamu
Halaman ini menampilkan Edit data Buku Tamu, dimana data tamu tersebut sudah ditampilkan, admin tinggal mengedit data buku tamu disini.
Gambar 5.28 Tampilan Edit Buku Tamu
<h3 class='dock'>Ubah Data Agenda</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'> <input type='hidden' value='$data[no]' name='id' /> <p>
<label>Username</label><input type='text' class='form_field' name='username' size='30' value='$data[username]' />
</p> <p>
<label>Email</label><input type='text' class='form_field' name='email' size='30' value='$data[email]' />
</p> <p> <label>isi</label>
<textarea name='isi' cols=40
rows=5>$data[isi]</textarea>
</p> <p> </p><br /><br /><br /><br /><br /><br /> <p>
<label>Tanggal</label><input type='text' class='form_field' name='tgl' id='tgl' size='30' value='$data[tanggal]' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option>
Modul 5.62 Tampilan Edit Buku Tamu
<option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.63 Lanjutan Tampilan Edit Buku Tamu
5.6.1.29 Tampilan Halaman Data Koordinat/Marker
Halaman ini menampilkan Data Koordinat, dimana Data Koordinat terdapat dalam Tabel Guest. Adapun Tampilan Halaman Buku Tamu sebagai berikut :
Gambar 5.29 Tampilan Data Koordinat
<div id=’view_box’>
<div id=’menuaddmarker’><b> <a href=’home.php?menu=tambahmarked’>Tambah Data</a>
| <a href=’mapadmin.php’ target=’blank’>Lihat Peta</a></b>
</div>”; $marked=mysql_query(“SELECT * FROM `marked` ORDER BY
`penanda` LIMIT $posisi,$batas”);
$jumlah = mysql_num_rows($marked); $jmldata
= mysql_num_rows(mysql_query(“SELECT * FROM `marked`”)); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman
$p->navProfil($_GET[halaman], $jmlhalaman); echo “Hal: $linkHalaman”;
Modul 5.64 Tampilan Data Koordinat
Wisata Gianyar</b></center></p><font size=’-2’>
echo”<p><center><b>Tabel
Koordinat
<table width=’100%’> <thead bgcolor=’#999999’> <td>no</td> <td>Nama</td> <td>Penanda</td> <td>Status</td> <td>Aksi</td>
</thead>”; $no=1;
while($data=mysql_fetch_array($marked)){
if($warna == $warna1){
$warna = $warna2;
}else{ $warna = $warna1; } echo”<tr bgcolor=’$warna’> <td>$no</td> <td>$data[nama_marked]</td> <td>$data[penanda]</td> <td>$data[status]</td> <td><a
href=’home.php?menu=marked&action=edit&id=$data[no]’>Ubah</a> <a href=’action.php?modul=marked&action=delete&id=$data[no]’
onclick=’return confirm(\”Anda yakin menghapus data ini?\”)’>Hapus</a></td>
</tr>”; $no++;
} echo”
</table></font>
Modul 5.65 Lanjutan Tampilan Data Koordinat
5.6.1.30 Tampilan Halaman Tambah Data Koordinat
Halaman ini menampilkan Tambah data koordinat , dimana pada form ini berisi nama, latitude, longitude, keterangan, status,admin dapat memperbarui Data koordinat disini.
Gambar 5.30 Tampilan Form Tambah Data Koordinat
<h3 class='dock'>Tambah Data Koordinat</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'> <input type='hidden' name='penanda' value='admin' />
<p>
<label>Nama</label><input type='text' class='form_field' name='nama' size='30' />
</p> <p>
<label>Latitude</label><input type='text' class='form_field' name='lat' size='30' />
</p> <p>
<label>Longitude</label><input type='text' class='form_field' name='lon' size='30' />
</p> <p>
<label>Keterangan</label><input type='text' class='form_field' name='keterangan' size='40' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select>
Modul 5.66 Form Tambah Data Koordinat
</p> <p> <input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' /> </p> </form>
Modul 5.67 Lanjutan Form Tambah Data Koordinat
5.6.1.31 Tampilan Halaman Edit Data Koordinat
Halaman ini menampilkan Edit data koordinat, dimana data tersebut sudah ditampilkan, admin tinggal mengedit data koordinat disini.
Gambar 5.31 Tampilahan Form Edit Data Koordinat
<h3 class='dock'>Ubah Data Marked</h3>
<form method='POST' id='adduser'
action='action.php?modul=profil&action=edit'> <input type='hidden' value='$data[no]' name='id' />
<p>
<label>Penanda</label><input type='text' class='form_field' name='penanda' size='30' value='$data[penanda]' />
</p> <p>
<label>Nama Tempat</label><input type='text' class='form_field' name='nama' size='30' value='$data[nama_marked]' />
</p> <p>
Modul 5.68 Form Edit Data Koordinat
<label>Latitude</label><input type='text' class='form_field' name='lat' size='30' value='$data[lat]' />
</p> <p>
<label>Longitude</label><input type='text' class='form_field' name='lon' size='30' value='$data[lon]' />
</p> <p>
<label>Keterangan</label><input type='text' class='form_field' name='keterangan' size='40' />
</p> <p>
<label>Status</label> </p> <p>
<select name='publish' class='form_field'> <option value=1 selected> Pakai </option> <option value=0> Sembunyikan </option> </select> </p> <p>
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' />
</p> </form>
Modul 5.69 Lanjutan Form Edit Data Koordinat
5.6.1.32 Tampilan Halaman Lihat Peta
Halaman ini menampilkan Data Peta, dimana Peta akan ditampilkan pada form layer ini, nantinya admin akan melakukan marker peta. Adapun Tampilan Halaman Lihat Peta sebagai berikut :
Gambar 5.32 Tampilahan Lihat Peta
"http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIA AAAlVILvPDpxv7RItwNTmmPmxQQMXkFuu4GllMHCdN8RsotaeWxfRT4VYipR7dbBNJABMMeWb7j n2s_Zw" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css"); @import
url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css"); </style> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script> <script type="text/javascript" src="js/googlemaps.js"></script>
<script type="text/javascript" src="js/savelocation.js"></script>
<link href="style/mystyle.css" rel="stylesheet" type="text/css" /> <title>My Maps - Wisata Gianyar</title> </head>
<body onLoad="load2()" onUnload="GUnload()"> <center> <div id="main_box">
<!-- header home admin --> <div id="cop_box"> </div>
<!--content admin --> <div id="content_box">
<div id="maps_box"> <div id="peta2"></div> <div id="caratandai">
Modul 5.70 Tampilan Lihat Peta
<p><b>cara menandai peta</b></p> <p> <ul type="circle"> <li>Pastikan tempat yang akan diberi tanda, bila perlu map diperbesar untuk akurasi</li> <li>Jika posisi pada map sudah dipastikan tekan image/tombol <b>tandai peta</b>. Ada di sisi kanan peta</li> <li>Setelah tombol tandai peta diklik silakan klik pada peta pada daerah yang akan ditandai.</li> <li>Kemudian akan muncul form pengisian data, silakan isikan data dengan benar. Gunakan tombol/image <b>Bersihkan Peta</b> untuk membersihkan areal peta</li>
<li>Tekan tombol <b>simpan</b> untuk menyimpan data.</li> </ul> </p> <div id="tampilhasil"></div> </div> <div id="buttonimage">
<p><img src="../images/marking.jpg" onClick="getLocation()" width="50" height="50"
alt="tandai peta" title="tandai map" /></p><p> <img src="../images/clear.jpg" onClick="javascript:clearMaps()" width="50" height="50" alt="bersihkan peta" title="bersihkan map" /></p> </div> </div> </div>
<!-- footer web --> <div id="foot_box"> <center> <font color="#6666CC"> WisataGianyar © 2011</font> </center>
</div> </div> </center> </body> </html>
Modul 5.71 Lanjutan Tampilan Lihat Peta
5.6.1.33 Tampilan Halaman Manajemen Bahasa
Halaman ini menampilkan Data Bahasa dimana Data Bahasa terdapat dalam Tabel Bahasa. Adapun Tampilan Halaman Manajemen Bahasa sebagai berikut :
Gambar 5.33 Tampilan Manajemen Bahasa
$bahasa=mysql_query("SELECT * FROM `language` WHERE `status`='1' GROUP BY `kata` LIMIT $posisi,$batas");
$jumlah = mysql_num_rows($bahasa); $jmldata
= mysql_num_rows(mysql_query("SELECT * FROM `language` WHERE `status`='1'")); $jmlhalaman = $p->jumlahHalaman($jmldata, $batas); $linkHalaman = $p->navBahasa($_GET[halaman],
$jmlhalaman); echo "Hal: $linkHalaman";
echo"<p><center><b>Tabel Bahasa Website Wisata Gianyar</b></center></p><font size='-2'>
<table width='100%'> <thead bgcolor='#999999'> <td>no</td> <td>Nama</td> <td>Indonesia</td> <td>English</td> <td>Aksi</td>
</thead>"; $no=1;
while($data=mysql_fetch_array($bahasa)){
if($warna == $warna1){
$warna = $warna2;
}else{ $warna = $warna1; } echo"<tr bgcolor='$warna'> <td>$no</td> <td>$data[kata]</td> <td>$data[ina]</td> <td>$data[en]</td> <td><a
href='home.php?menu=bahasa&action=edit&id=$data[no]'>Ubah</a> <a
Modul 5.72 Tampilan Manajemen Bahasa
href='action.php?modul=bahasa&action=delete&id=$data[no]' onclick='return confirm(\"Anda yakin menghapus data ini?\")'>Hapus</a></td>
</tr>"; $no++;
} echo"
</table></font>
Modul 5.73 Lanjutan Tampilan Manajemen Bahasa
5.6.1.34 Tampilan Halaman Edit Data Manajemen Bahasa
Halaman ini menampilkan Edit data Manajemen Bahasa, dimana data bahasa tersebut sudah ditampilkan, admin tinggal mengedit data bahasa disini.
Gambar 5.34 Tampilan Form Edit Bahasa
<h3 class='dock'>Ubah Data Bahasa</h3>
<form method='POST' id='adduser'
action='action.php?modul=bahasa&action=edit'> <input type='hidden' value='$data[no]' name='id' /> <p>
<label>kata </label>: <b>$data[kata]</b>
</p> <p>
<label>Indonesia</label><input type='text' class='form_field' name='title' size='30' value='$data[ina]' />
</p> <p> <label>English </label><input class='form_field'
type='text' name='en' size='30' value='$data[en]' />
</p> <p>
Modul 5.74 Tampilan Form Edit Bahasa
<input type='reset' value='Reset' id='submit' /> <input type='submit' value='Save' id='submit' /> </p> </form>
Modul 5.75 Lanjutan Tampilan Form Edit Bahasa