LISTING PROGRAM
Koneksi.php
<?php
$hostname="localhost";
$dbuser="root";
$dbpass="";
$dbname="ta";
$koneksi=mysql_connect($hostname,$dbuser,$dbpass) or die
(mysql_error());
mysql_select_db($dbname, $koneksi) or die
(mysql_error());
?>
Index.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=utf-8" />
<title>Peta Rumah Sakit</title>
<link href="css/style.css" rel="stylesheet"
type="text/css"/>
<link href="css/search_style.css" rel="stylesheet"
type="text/css"/>
<link href="css/option_view.css" rel="stylesheet"
type="text/css"/>
<script>
var hospital = [
<?php
require_once('library/koneksi.php');
$no=1;
$cari=$_REQUEST['cari'];
$id_kat=$_REQUEST['id_kat'];
if($cari && $id_kat || $id_kat)
$query="SELECT * FROM tbl_tempat NATURAL
JOIN tbl_kategori WHERE nama_tempat LIKE '%$cari%' AND
id_kategori='$id_kat'";
else if($cari)
$query="SELECT * FROM tbl_tempat NATURAL
JOIN tbl_kategori WHERE nama_tempat LIKE '%$cari%'";
else
$query="SELECT * FROM tbl_tempat NATURAL
JOIN tbl_kategori";
$sql=mysql_query($query);
while($data=mysql_fetch_array($sql))
{
$id=$data['id_tempat'];
$nama=$data['nama_tempat'];
$lat=$data['lat_tempat'];
$long=$data['long_tempat'];
if($no!=1)
echo ",";
$no++;
}
?>
];
</script>
<script
src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=
AIzaSyB4wFMCeyMTojttbhyRJLwJcXLHFK0vIG4&sensor=false"></s
cript>
<script type="text/javascript">
function inisialisasi()
{
var map = new
google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: new
google.maps.LatLng(3.5896636452294812, 98.6737060546875),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
setMarkers(map, hospital);
}
function setMarkers(map, locations) {
var image = {
url: 'images/marker/hospital_marker.png',
size: new google.maps.Size(32, 37),
origin: new google.maps.Point(0,0),
anchor: new google.maps.Point(15, 37)
};
var shadow = {
url: 'images/marker/shadow.png',
origin: new google.maps.Point(0,0),
anchor: new google.maps.Point(7, 15)
};
for (var i = 0; i < locations.length; i++) {
var hospital = locations[i];
var myLatLng = new google.maps.LatLng(hospital[1],
hospital[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
shadow: shadow,
icon: image,
title: hospital[0],
zIndex: hospital[3]
});
}
}
google.maps.event.addDomListener(window, 'load',
inisialisasi);
</script>
</head>
<body>
<div class="line"></div>
<div id="header">
<div class="wrapper">
<div id="logo">Peta Rumah Sakit</div>
</div>
</div><!--end of header-->
<div id="map_wrap">
<div id="map"></div>
<div class="line"></div>
<div id="search" class="wrapper">
<?php
include "include/search.php";
?>
</div><!-- end of search-->
<div id="optview" class="wrapper">
<?php
$p=$_REQUEST['p'];
if($p)
{
include "include/$p";
}
else
{
include "include/content.php";
}
?>
</div><!-- end of optview-->
<div class="line"></div>
<div id="footer">
</div>
</body>
style.css
@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Verdana, Geneva, sans-serif;
background:url(../images/background.png);
}
a{
color:#8DA907;
}
.wrapper{
width:960px;
margin:0 auto;
}
.line{
height:10px;
background:#8da907;
}
/*header*/
#header{
background:#373737;
overflow:hidden;
}
#logo{
width:300px;
height:45px;
float:left;
font-size:30px;
color:#8DA907;
}
/*menu*/
#menu{
width:800px;
float:left;
}
#menu ul{
list-style:none;
float:right;
padding:0px;
}
#menu ul li{
float:left;
}
#menu ul li a{
color:#CCC;
padding:30px 20px;
text-decoration:none;
}
#menu ul li a:hover{
background:#8DA907;
color:#FFF;
#map{
width:100%;
height:500px;
}
/*content*/
.rs_box{
border-bottom: dashed 2px;
margin:20px 0px 10px 0px;
}
.rs_box h2, .rs_box a{
color:#8DA907;
margin:0px;
text-decoration:none;
}
.rs_box a:hover{
text-decoration: underline;
}
.rs_box h3{
margin:0px;
}
/*bottom*/
#bottom_bg{
background:#f6f6f6;
}
#bottom{
#btm_content{
overflow:hidden;
}
/*contact*/
#bottom input[type=checkbox] {
height:0px;
opacity:0;
width:0px;
margin:-15px;
/* For mobile, it's typically better to position
checkbox on top of clickable
area and turn opacity to 0 instead. */
}
#bottom label{
margin:0px;
padding:0px;
}
/* Default State */
#btm_content {
height: 0px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
/* Toggled State */
#bottom input[type=checkbox]:checked ~ #btm_content {
padding:20px 0px;;
}
#bottom input[type=checkbox]:checked ~ label #btm_title{
background:url(../images/select2.jpg) center right
no-repeat, #8DA907;
}
#btm_title{
background:url(../images/select.jpg) center right
no-repeat, #8DA907;
width:400px;
margin:0 auto;
text-align:center;
color:#FFF;
font-size:24px;
}
#bc_left, #bc_right{
float:left;
}
#bc_left{
width:560px;
}
#bc_left form input{
width:240px;
height:30px;
padding:0px 10px;
background:#f7f7f7;
border:2px solid #CCC;
}
#bc_left form textarea{
background:#f7f7f7;
border:2px solid #CCC;
width:520px;;
height:100px;
resize:none;
margin:0px;
font-family: inherit;
font-size:14px;
padding:10px;
}
::-webkit-input-placeholder { /* WebKit browsers */
color:#000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#000;
}
#bc_left form input.msg_btn{
width:150px;
height:30px;
margin-right:20px;
color: #666;
#bc_left form input.msg_btn:hover{
background:#4e4e4e;
color:#fff;
}
#bc_right{
width:390px;
padding-left:10px;
}
#bc_right h2{
padding:0px;
margin:0px;
}
#bc_right p{
font-size:12px;
text-align:justify;
}
/*footer*/
#footer{
background:#4e4e4e;
height:100px;
login.php
<!DOCTYPE HTML>
<html>
<head>
<title>Simple Login Form</title>
<meta charset="UTF-8" />
<meta name="Designer" content="PremiumPixels.com">
<meta name="Author" content="$hekh@r d-Ziner,
CSSJUNTION.com">
<link rel="stylesheet" type="text/css"
href="css/reset.css">
<link rel="stylesheet" type="text/css"
href="css/structure.css">
</head>
<body>
<div id="judul">Login Admin </div>
<form class="box login" action="login_proses.php"
method="post">
<fieldset class="boxBody">
<label>Username</label>
<input name="username" type="text" tabindex="1"
placeholder="Username" required>
<label><a href="#" class="rLink" tabindex="5">Forget
your password?</a>Password</label>
<input name="password" type="password" tabindex="2"
placeholder="Password" required>
</fieldset>
<footer>
<label><input name="tipe" type="checkbox"
tabindex="3" value="cookie">Keep me logged in</label>
<input type="submit" class="btnLogin" value="Login"
</footer>
</form>
<footer id="main">
</footer>
</body>
</html>
Login_proses.php
<?php
include("../library/koneksi.php");
$username=$_REQUEST['username'];
$pass=$_REQUEST['password'];
if ($username!='' && $pass!='')
{
$sql="SELECT * FROM tbl_admin WHERE
username='$username' AND password='$pass'";
$result= mysql_query($sql) or die (mysql_error());
$hasil=mysql_fetch_array($result);
if($hasil['username']==$username &&
$hasil['password']==$pass)
{
session_start();
$_SESSION['admin']=$username;
header ("location: index.php");
}
else
{
<script language="javascript">
alert('maaf, login salah')
window.back();
</script>
<?php
}
}
else
{
?>
<script language="javascript">
alert('maaf, lengkapi data')
window.back();
</script>
<?php
}
?>
Data.php
<?php
if($_REQUEST['pesan'])
echo "<div>* ".$_REQUEST['pesan']."</div>";
?>
<a href="index.php?p=data/data_form.php">Tambah Data</a>
<table cellspacing="0" border="1" class="tabel_data">
<tr>
<th>No</th>
<th>Nama Tempat</th>
<th>Latitude</th>
<th>Longitude</th>
<th>Id Kategori</th>
<th>No Telpon</th>
<th>Keterangan</th>
<th>Option</th>
</tr>
<?php
require_once('../library/koneksi.php');
$warna1="#8DA907";
$warna2="#A0B649";
$no=1;
$sql=mysql_query("select * from tbl_tempat
NATURAL JOIN tbl_kategori");
while($data=mysql_fetch_array($sql))
{
if($no%2==0)
$warna=$warna1;
else
$warna=$warna2;
$id=$data['id_tempat'];
$lat=$data['lat_tempat'];
$long=$data['long_tempat'];
$nama=$data['nama_tempat'];
$nama_kategori=$data['nama_kategori'];
$telp=$data['no_telp_tempat'];
$alamat=$data['alamat_tempat'];
$keterangan=$data['ket_tempat'];
echo"
<tr bgcolor='$warna'>
<td>$no</td>
<td>$nama</td>
<td>$lat</td>
<td>$nama_kategori</td>
<td>$telp</td>
<td>$alamat</td>
<td>$keterangan</td>
<td>
<a
href='index.php?p=data/data_form.php&id=$id'>Edit</a>
<a
href=\"javascript:confirmHapus('include/data/data_proses.
php?lakukan=hapus&id=$id')\">Hapus</a>
</td>
</tr>
";
$no++;
}
?>
</table>
Data_form.php
<?php
require_once('../library/koneksi.php');
$id=$_REQUEST['id'];
$sql=mysql_query("SELECT * FROM tbl_tempat WHERE
id_tempat='$id'",$koneksi)or die (mysql_error());
$data=mysql_fetch_array($sql);
$lat=$data['lat_tempat'];
$long=$data['long_tempat'];
$nama=$data['nama_tempat'];
$id_kategori=$data['id_kategori'];
$telp=$data['no_telp_tempat'];
$alamat=$data['alamat_tempat'];
if(!isset($lat) &&!isset($long) )
{
$lat=3.5896636452294812;
$long=98.6737060546875;
}
?>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIz
aSyB4wFMCeyMTojttbhyRJLwJcXLHFK0vIG4&sensor=true">
</script>
<script type="text/javascript">
window.onload=function()
{
// configuration
var myZoom = 12;
var myMarkerIsDraggable = true;
var myCoordsLenght = 15;
var defaultLat = <?php echo $lat?>;
var defaultLng = <?php echo $long?>;
// creates the map
// zooms
// centers the map
// sets the map's type
var map = new
google.maps.Map(document.getElementById('canvas'), {
zoom: myZoom,
center: new google.maps.LatLng(defaultLat,
defaultLng),
mapTypeId: google.maps.MapTypeId.ROADMAP
// creates a draggable marker to the given coords
var myMarker = new google.maps.Marker({
position: new google.maps.LatLng(defaultLat,
defaultLng),
draggable: myMarkerIsDraggable
});
// adds a listener to the marker
// gets the coords when drag event ends
// then updates the input with the new coords
google.maps.event.addListener(myMarker, 'dragend',
function(evt){
document.getElementById('latitude').value =
evt.latLng.lat().toFixed(myCoordsLenght);
document.getElementById('longitude').value =
evt.latLng.lng().toFixed(myCoordsLenght);
});
// centers the map on markers coords
map.setCenter(myMarker.position);
// adds the marker on the map
myMarker.setMap(map);
}
</script>
<div id="canvas" style="width:500px; height:500px;
border:1px solid #fff"></div>
<?php
$update="";
$status="ubah";
else
$status="simpan";
echo "
<form action='include/data/data_proses.php'
method='post'>
<input type='hidden' name='id'
value='$id'/>
<table>
<tr>
<td>Latitude</td>
<td>:</td>
<td><input type='text'
name='lat' required placeholder='1.23456789' value='$lat'
id='latitude'/></td>
</tr>
<tr>
<td>Longitude</td>
<td>:</td>
<td><input type='text'
name='long' required placeholder='1.23456789'
value='$long' id='longitude'/></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type='text'
name='nama' required placeholder='Harapan'
value='$nama'/></td>
</tr>
<tr>
<td>:</td>
<td>
<select name='id_kategori'>
";
$sql2=mysql_query("select * from tbl_kategori");
while($data2=mysql_fetch_array($sql2))
{
$id_kat=$data2['id_kategori'];
$nama_kat=$data2['nama_kategori'];
if($id_kategori==$id_kat)
echo
"<option value='$id_kat' selected>$nama_kat</option>";
else
echo
"<option value='$id_kat'>$nama_kat</option>";
}
echo "
</select>
</td>
</tr>
<tr>
<td>No Telp</td>
<td>:</td>
<td><input type='text'
name='telp' required placeholder='0611234567'
value='$telp'/></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea
name='alamat'>$alamat</textarea></td>
</tr>
<tr>
<td>Keterangan</td>
<td>:</td>
<td><textarea
name='keterangan'>$keterangan</textarea></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type='submit'
name='lakukan' value='$status'/></td>
</tr>
</table>
</form>";
Data_proses.php
<?php
require_once('../../../library/koneksi.php');
$lakukan=$_REQUEST['lakukan'];
function simpan()
{
global $koneksi;
$lat=$_POST['lat'];
$long=$_POST['long'];
$id_kategori=$_POST['id_kategori'];
$telp=$_POST['telp'];
$alamat=$_POST['alamat'];
$keterangan=$_POST['keterangan'];
if($nama)
{
$sql=mysql_query("INSERT INTO tbl_tempat SET
lat_tempat = '$lat',
long_tempat = '$long',
nama_tempat = '$nama',
id_kategori = '$id_kategori',
no_telp_tempat = '$telp',
alamat_tempat = '$alamat',
ket_tempat = '$keterangan'
",$koneksi)or die(mysql_error());
if($sql)
{
header('location:../../index.php?p=data/data.php&pes
an=data berhasil dimasukkan');
}
}
{
header('location:../../index.php?p=data/data.php&pes
an=input gagal');
}
}
function hapus()
{
global $koneksi;
$id=$_REQUEST['id'];
if($id)
{
global $koneksi;
$sql=mysql_query("DELETE FROM tbl_tempat WHERE
id_tempat='$id'",$koneksi)or die(mysql_error());
if($sql)
{
header('location:../../index.php?p=data/data.php&pes
an=data berhasil dihapus');
}
}
else
{
header('location:../../index.php?p=data/data.php&pes
an=hapus gagal');
}
}
function ubah()
global $koneksi;
$id=$_POST['id'];
$lat=$_POST['lat'];
$long=$_POST['long'];
$nama=$_POST['nama'];
$id_kategori=$_POST['id_kategori'];
$telp=$_POST['telp'];
$alamat=$_POST['alamat'];
$keterangan=$_POST['keterangan'];
if($nama && $id)
{
$sql=mysql_query("UPDATE tbl_tempat SET
lat_tempat = '$lat',
long_tempat = '$long',
nama_tempat = '$nama',
id_kategori = '$id_kategori',
no_telp_tempat = '$telp',
alamat_tempat = '$alamat',
ket_tempat = '$keterangan'
WHERE id_tempat='$id'",$koneksi)or
die(mysql_error());
if($sql)
header('location:../../index.php?p=data/data.php&pes
an=data berhasil ubah');
}
}
else
{
header('location:../../index.php?p=data/data.php&pes
an=input gagal');
}
}
switch($lakukan)
{
case 'simpan':
simpan();
break;
case 'hapus':
hapus();
break;
case 'ubah':
ubah();
break;
}
DATA
Kantor: Jl Ir H Juanda 1 MEDAN
Kantor: Jl Sisingamangaraja 8 MEDAN
Kantor: Jl Sembada 12 23 MEDAN
Kantor: Jl Jend AH Nasution 7-A MEDAN
Kantor: Jl Letjen TB Simatupang 148 MEDAN
Kantor: Jl Prof Dr HM Yamin SH 147 MEDAN
Kantor: Jl Sultan Iskandar Muda 278 MEDAN
Kantor: Jl Listrik 2 A MEDAN
Kantor: Jl Raya Menteng 5 MEDAN
Kantor: Jl KH Agus Salim 5 MEDAN
Kantor: Jl Brigjend Katamso Gg Masjid 2 MEDAN
Kantor: Jl Jend Gatot Subroto Km 4 MEDAN
Kantor: Jl Utama Simp Ismaliah 211 MEDAN
Kantor: Jl Bromo Gg Sukri 18 MEDAN
Kantor: Jl Hm Joni 64 MEDAN
Kantor: Jl Mistar 39 MEDAN
Kantor: Jl KH Wahid Hasyim 1 MEDAN
Kantor: Jl Yos Sudarso Simpang Kantor 6 MEDAN
Kantor: Jl Kom L Yos Sudarso 631-S MEDAN
Kantor: Jl Imam Bonjol 50 MEDAN
Kantor: Jl Sisingamangaraja 235 MEDAN
Kantor: Jl Rumah Sakit Haji MEDAN
Kantor: Jl P Diponegoro 2-4 MEDAN
Kantor: Jl Putri Hijau 455-S MEDAN
Kantor: Jl Amir Hamzah MEDAN
Kantor: Jl Kom L Yos Sudarso Km 6/91 MEDAN
Kantor: Jl Teuku Umar 13 MEDAN
Kantor: Jl MH Thamrin 105 MEDAN
Kantor: Jl Dr Setiabudi MEDAN
Kantor: Jl Kom L Yos Sudarso Km 7,5 MEDAN
Kantor: Jl Medan-Lubuk Pakam Km 18,5 MEDAN
Kantor: Jl Stadion 12 MEDAN
Kantor: Jl Tulip Kompl G Riatur Indah 27-J MEDAN
Kantor: Jl Puteri Hijau 15 MEDAN
Kantor: Jl Bunga Lau 17 MEDAN
Kantor: Jl Karya Baru 1 MEDAN
Kantor: Jl TB Simatupang 31 MEDAN
Kantor: Jl Kec Padang Tualang Langkat MEDAN
Kantor: Jl Putri Hijau 17 MEDAN
Kantor: Jl Gaharu Bambu VI 6 MEDAN
Kantor: Jl Bahagia 85 MEDAN
Kantor: Jl Merbabu 18-20 A MEDAN
Kantor: Jl Kom L Yos Sudarso 3 MEDAN
Kantor: Jl Surakarta 2 MEDAN
Kantor: Jl H Adam Malik 140-142 MEDAN
Kantor: Jl Bunga Lau 17 MEDAN
Kantor: Jl Mojopahit 118-A MEDAN
Kantor: Jl Bilal 24 MEDAN
Kantor: Jl Limau Manis 61 MEDAN
Kantor: Jl Kom L Yos Sudarso Km 6/91 MEDAN
Kantor: Jl Letda Sujono 80 MEDAN
Kantor: Jl Teuku Umar 9-11 MEDAN
Kantor: Jl Marelan Raya 189 MEDAN
Kantor: Jl Timor 27-D MEDAN
Kantor: Jl Raya Medan-Tj Morawa Km 12 MEDAN
Kantor: Jl Sisingamangaraja 7 MEDAN
Kantor: Jl Wolter Monginsidi 11 MEDAN
Kantor: Jl Bunga Lau 17 MEDAN
Kantor: Jl H Misbah 7 MEDAN
Kantor: Jl Baja Raya 8-10 MEDAN
Kantor: Jl Kapt Muslim 79 MEDAN
Kantor: Jl Letda Sujono 20-E MEDAN
Kantor: Jl Letjen Jamin Ginting 2 MEDAN
Kantor: Jl Sultan Iskandar Muda 119 MEDAN
Kantor: Jl Rengas Pulau 17 MEDAN
Kantor: Jl Wolter Monginsidi 11 MEDAN
Kantor: Jl Karya I 5 MEDAN
