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 = {
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 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>
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; }
#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 */
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;
}
#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"
</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"); }
<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>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"
<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'];
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),
// 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><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;
$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');
} }
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());
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 Danau Singkarak 13-A 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
DAFTAR PUSTAKA
Eddy Prahasta, 2002Konsep-konsep Dasar Sistem Informasi Geografis. Bandung: C.V Informatika.
Eddy Prahasta, 2009 Sistem Informasi Geografi : Konsep-Konsep Dasar (Perspektif Geodesi & Geomatika). Bandung, CV Informatika
Swastikayana, I Wayan Eka. (2011)Sistem Informasi Geografis Berbasis Web UntukPemetaan Pariwisata Kabupaten Gianyar. Universitas Pembangunan NasionalVeteran
Juravich, Tim. 2012CouchDB and PHP Web Development. Birmingham.
Sheldon, Robert. 2005Beginning MySQL. Indiana Polis: Wiley Publishing, Inc.
BAB 3
GAMBARAN UMUM
Sejarah Singkat Kota Medan
Kota Medan adalah ibu kota provinsi Sumatera Utara, Indonesia. Kota ini merupakan kota terbesar di Pulau Sumatera. Kota Medan merupakan pintu gerbang wilayah Indonesia bagian barat dan juga sebagai pintu gerbang bagi para wisatawan untuk menuju objek wisata Brastagi di daerah dataran tinggi Karo, objek wisata Orangutandi Bukit Lawang, Danau Toba.
Medan didirikan oleh Guru Patimpus Sembiring Pelawi pada tahun 1590. John Anderson, orang Eropa yang pertama mengunjungi Deli pada tahun 1833 menemukan sebuah kampung yang bernama Medan. Kampung ini berpenduduk 200 orang dan seorang pemimpin bernama Tuanku Pulau Berayan sudah sejak beberapa tahun bermukim disana untuk menarik pajak dari sampan-sampan pengangkut lada yang menuruni sungai. Pada tahun 1886, Medan secara resmi memperoleh status sebagai kota, dan tahun berikutnya residen Pesisir Timur serta Sultan Deli pindah ke 26Medan. Tahun 1909, Medan menjadi kota yang penting di luar Jawa, terutama setelah pemerintah kolonial membuka perusahaan perkebunan secara besar-besaran. Dewan kota yang pertama terdiri dari 12 anggota orang Eropa, dua orang bumiputra, dan seorang Tionghoa.
17
Tionghoa bekas buruh perkebunan kemudian didorong untuk mengembangkan sektor perdagangan.
Gelombang kedua ialah kedatangan orang Minangkabau, Mandailing dan Aceh. Mereka datang ke Medan bukan untuk bekerja sebagai buruh perkebunan, tetapi untuk berdagang, menjadi guru dan ulama. Sejak tahun 1950, Medan telah beberapa kali melakukan perluasan areal, dari 1.853 ha menjadi 26.510 ha di tahun 1974. Dengan demikian dalam tempo 25 tahun setelah penyerahan kedaulatan, kota Medan telah bertambah luas hampir delapan belas kali lipat.
3.1Keadaan Gografis Kota Medan
Kota Medan memiliki luas 26.510 hektar (265,10 km²) atau 3,6% dari keseluruhan wilayah Sumatera Utara. Dengan demikian, dibandingkan dengan kota/kabupaten 27 lainya, Medan memiliki luas wilayah yang relatif kecil dengan jumlah penduduk yang relatif besar. Secara geografis kota Medan terletak pada 3° 30' – 3° 43' Lintang Utara dan 98° 35' - 98° 44' Bujur Timur. Untuk itu topografi kota Medan cenderung miring ke utara dan berada pada ketinggian 2,5 - 37,5 meter di atas permukaan laut.
[image:32.595.209.422.529.633.2]Secara administratif, batas wilayah Medan adalah sebagai berikut:
Tabel 3.1 Batas Wilayah Kota Medan
Utara Selat Malaka Selatan Kabupaten Deli Serdang
Barat Kabupaten Deli Serdang Timur Kabupaten Deli Serdang
18
Maklumat Walikota Medan dikeluarkan menyusul keluarnya Keputusan Gubernur Sumatera Utara Nomor 66/III/PSU tanggal 21 September 1951, agar daerah Kota Medan diperluas menjadi tiga kali lipat.
Melalui Peraturan Pemerintah Republik Indonesia Nomor 22 Tahun 1973 Kota 28 Medan kemudian mengalami pemekaran wilayah menjadi 26.510 Ha yang terdiri dari 11 Kecamatan dengan 116 Kelurahan. Berdasarkan luas administrasi yang sama maka melalui Surat Persetujuan Menteri Dalam Negeri Nomor 140/2271/PUOD, tanggal 5 Mei 1986, Kota Medan melakukan pemekaran Kelurahan menjadi 144 Kelurahan.
Perkembangan terakhir berdasarkan Surat Keputusan Gubernur KDH Tingkat I Sumatera Utara Nomor 140.22/2772.K/1996 tanggal 30 September 1996 tentang pendefitipan 7 Kelurahan di Kotamadya Daerah Tingkat II Medan berdasarkan Peraturan Pemerintah Republik Indonesia Nomor 35 tahun 1992 tentang Pembentukan Beberapa Kecamatan di Kotamadya Daerah Tingkat II Medan, secara administrasi
Kota Medan dimekarkan kembali, dibagi atas 21 Kecamatan yang mencakup 151 Kelurahan, yakni :
19
14. Medan Barat dengan 6 Kelurahan 15. Medan Timur dengan 11 Kelurahan 16. Medan Perjuangan dengan 9 Kelurahan 17. Medan Tembung dengan 7 Kelurahan 18. Medan Deli dengan 6 Kelurahan 19. Medan Labuhan dengan 7 Kelurahan 20. Medan Marelan dengan 4 Kelurahan 21. Medan Belawan dengan 6 Kelurahan
[image:34.595.241.396.327.525.2]Lambang Kota Medan
Gambar 3.1 Logo Kota Medan
20
Bintang yang bersinar lima adalah Bintang Nasional yang berarti bahwa hidup penduduk Kota Medan khususnya dan Indonesia umumnya akan bersinar-sinar 30 bahagia dan lepas dari kemiskinan dan kemelaratan.
BAB 4
ANALISIS DAN PERANCANGAN
Analisis sistem
Analisis sistem adalah merupakan tahapan pemahaman yang menyeluruh terhadap kebutuhan sistem sehingga diperoleh gambaran tugas-tugas yang akan dikerjakan sistem. Hal ini akan berguna pada pemodelan dan perancangan akhir pada sistem yang dibutuhkan.
Masalah yang ada saat ini adalah bagaimana caranya Rumah Sakit di kota Medan bisa menginformasikan lokasi dari suatu rumahs sakit kepada masyarakat dan begitu pula sebaliknya masyarakat bisa mendapatkan informasi rumah sakit. Saat ini data rumah sakit hanya tersimpan pada dinas kesehatan sehingga penyampaian informasi kepada masyarakat menjadi terbatas.
Maka dari itu pemetaan rumah sakit yang akan dibangun ini diharapkan bisa membantu menyampaikan informasi tidak hanya lokasi rumah sakit tetapi seluruh informasi mengenai rumah sakit yang ada di Medan, sehingga masyarakat lebih mudah menemukan rumah sakit yang paling dekat dengan posisinya.
7.5.1. Analisis Masalah
22
Namun saat ini data Rumah Sakit tidak tersebar dengan luas. Informasi rumah sakit hanya terdata di pemko medan dalam bentuk file. Sehingga masyarakat hanya mengandalkan ingatan mereka tentang rumah sakit tertentu yang pernah mereka kunjungi.
Maka dari itu pemetaan yang akan dibangun ini diharapkan bisa membantu menyampaikan informasi tidak hanya lokasi rumah sakit. Tetapi juga keterangan dari rumah sakit yang ada di Medan.
7.5.2. Analisi Sistem yang di Usulkan
Setelah melakukam pengamatan maka sistem yang akan diusulkan adalah sebagai berikut:
1. Admin menentukan rumah sakit yang akan di input kedalam sistem
2. Admin ke lokasi untuk mendapatkan kordinat dari rumah sakit atau jika mengetahui posisinya admin dapat langsung mencari di peta.
3. Setelah koordinat, data dan informasi lainnya didapat, maka lokasi dan informasi rumah sakit diinputkan pada sistem informasi geografis ini.
4. Data bangunan disimpan dalam database sistem yang di tampilkan dalam website. 5. Seluruh masyarakat dapat melihat lokasi dan informasi rumah sakit.
7.5.3. Analisis Peluang
23
7.6.Perancangan Sistem
Perancangan sistem merupakan upaya untuk memulai memiliki sistem baik yang lama maupun untuk memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.
Dengan adanya aplikasi pembelajaran berbantuan komputer ini nantinya para siswa tidak lagi jenuh dalam peroses belajar-mengajar, dan guru yang mengajar juga akan lebih mudah dalam melakukan proses pemberian materi ajar.
Agar lebih mudah untuk memahaminya, maka penulis membuat perancangan sistem dalam Tugas Akhir ini. Metode perancangan sistem yang penulis lakukan didalam penyusunan Tugas Akhir ini terdiri dari pembuatan diagram konteks, perancangan Data Flow Diagram (DFD), Perancangan Normalisasi dan Database serta Perancangan.
7.6.1. Perancangan Output
Output adalah informasi yang dikirim kepada para pengguna melalui sistem informasi lewat internet, extranet, atau world wide web (www). Beberapa data memerlukan pemrosesan yang ekstensif sebelum menjadi keluaran yang layak, data-data lainnya disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa pemrosesan sama sekali. Ada 6 (enam) tujuan dari keluaran (output) yaitu :
1. Merancang output untuk tujuan khusus.
2. Membuat output bermanfaat bagi para pengguna. 3. Mengirim jumlah output yang tepat.
4. Menyediakan distribusi output yang tepat. 5. Menyediakan output tepat waktu.
24
Adapun perancangan keluaran (output) yang ingin penulis perbuat adalah sebagai berikut :
header
peta
Menu search content
[image:39.595.102.530.147.409.2]footer
Gambar 4.1 Perancangan Keluaran (Output)
7.6.2. Perancangan Input
Kualitas sistem input menentukan kualitas sistem output. Oleh karena itu, data yang diinput harus benar-benar baik untuk memberikan kepercayaan terhadap pengguna. Adapun tujuan rancangan masukan (input) tersebut yaitu :
1 Untuk menjamin dan memenuhi tujuan yang diharapkan 2 Memberikan penyelesaian yang tepat
3 Membuat pemasukan data istilah semakin mudah dan menarik.
25
Gambar 4.2 Form Input Data
7.6.3. Perancangan Dialog
Perancangan dialog merupakan rancangan bangunan dari percakapan antara pemakai sistem (user) dengan komputer. Percakapan ini dapat terdiri dari proses pemasukan data ke sistem, menampilkan informasi kepada user atau dapat keduanya.
Dalam aplikasi ini user tidak memiliki menu untuk kehalaman tertentu. Menu hanya tersedia pada halaman admin. Menu pada halaman admin dirancang agar memudahkan admin dalam mengelola informasi. Menu membagi bagian data yang harus dimasukkan oleh admin.
latitude Longitude Nama Kategori No. telp Alamat
Keterangan
26
Gambar 4.3 Dialog Pemetaan Rumah SAkit di Kota Medan
7.6.4. Perancangan File
Dalam perancangan website , penulis mempersiapkan file-fileyang digunakan dalam menunjang tampilan website. File halaman website secara keseluruhan berekstensi .php. Hal ini dikarenakan seluruh file halaman website menggunakan bahasa pemrograman PHP dan berkomunikasi dengan MySQL sebagai tempat penyimpanan datanya atau sebagai database-nya. Penjelasan terhadap file halaman website adalah :
1. Index.php
Halaman index.php merupakan halaman yang akan pertama kali dijumpai oleh user ketika membuka aplikasi. Halaman ini menampilkan peta dan beberapa
alamat rumah sakit. Halaman ini dibangun dengan PHP, Javascript dan HTML. Halaman ini menjadi halaman induk yang akan menggabung beberapa bagian yang dibuat terpisah.
2. Search.php
Halaman search.php berisikan form untuk melakukan pencarian. Halaman ini dibangun dengan HTML dan PHP yang dimasukkan (include) ke dalam index.php
3. Content.php
Halaman content.php berisikan informasi awal ketika aplikasi pertama kali dibuka oleh user. Halaman ini dibangun dengan HTML dan PHP yang dimasukkan (include) ke dalam index.php.
Pemetaan Rumah Sakit di Kota Medan Menu Utama
27
4. Cari.php
Halaman cari.php berisikan hasil pencarian dari form yang diisikan oleh user pada search.php. halaman ini dibangun dengan HTML dan PHP yang dimasukkan (include) kedalam index.php jika user melakukan pencarian.
5. Koneksi.php
File koneksi.php berisikan koneksi ke database. File koneksi ini digunakan oleh semua proses yang berhubungan dengan database.
6. chosen.jquery.js
File chosen.jquery.jsberisikan library yang digunakan penulis untuk membuat tampilan yang menarik pada bagian pencarian.
7. Style.css
File style.css berisikan pengaturan terhadap tampilan dari setiap halaman. File ini dibangun dengan CSS.
8. Search_style.css
File search_style.css berisikan pengaturan terhadap tampilan dari fasilitas search (pencarian). File ini dibangun dengan CSS.
9. Kategori.php
Halaman kategori.php berisikan tabel dan form untuk memasukkan, mengedit dan menghapus kategori kedalam database. Halaman ini hanya bisa diakses oleh admin. Halaman ini dibangun dengan HTML dan PHP.
10.Data.php
Halaman data.php berisikan tabel dan form untuk memasukkan, mengedit dan menghapus data rumah sakit ke dalam database.halaman ini hanya bisa diakses oleh admin. Halaman ini dibangun dengan HTML dan PHP
7.6.5. Perancangan Database
28
Dalam perancangan aplikasi pencarian judul ini, penulis membuat 3 tabel. Tabel-tabel tersebut adalah Tabel-tabel tbl_admin, tbl_kategori dan tbl_tempat. Pembuatan database dan tabel-tabel mempergunakan fasilitas MySQL pada phpmyadmin yang terdapat dalam software XAMPP. Di bawah ini adalah gambaran isi dari masing-masing tabel.
a. Tabel tbl_admin terdiri dari:
[image:43.595.117.533.306.397.2]Tbl_admin digunakan untuk menampung data admin yang digunakan untuk login admin. Berikut adalah field-dield yang dibuat dalam tbl_Admin:
Tabel 4.1 Tabel Admin
Field Type Keterangan
Id_Admin Int Nomor Id dari admin
Username Varchar Username admin untuk login
Password Varchar Password admin untuk login
b. Tabel tbl_kategori terdiri dari:
[image:43.595.122.535.529.630.2]tbl_kategori digunakan untuk menampung kategori-kategori dari rumah sakit. Berikut adalah field-dield yang dibuat dalam tbl_kategori:
Tabel 4.2 Tabel Kategori
Field Type Keterangan
Id_kategori Int Id dari kategori
Nama_kategori Varchar Nama dari kategori
Ket_kategori Text Keterangan dari kategori
c. Tabel tbl_tempat terdiri dari:
29
Tabel 4.3 Tabel Tempat
Field Type Keterangan
Id_tempat Int Id dari tempat
Lat_tempat Varchar latitudinal tempat Long_tempat varchar Longitudinal tempat Nama_tempat Varchar Nama tempat
Id_kategori Int Nomor kategori dari tempat No_telp_tempat Varchar No telpon dari tempat Alamat_tempat Text Alamat dari tempat
Ket_tempat Text Keterangan tambahan dari tempat
4.2.5.1Perancangan Data Flow Diagram
Didalam penyusunan Tugas Akhir ini, penulis melakukan perancangan awal sistem dengan menggunakan Data Flow Diagram (DFD) sesuai dengan data hasil penelitian. Data Flow Diagram (DFD) merupakan suatu bagian yang menggambarkan urutan kerja/proses secara garis besar. Dengan diagram aliran data dapat dipahami bagaimana sistem tersebut berjalan
30
Gambar 4.4 Data Flow Diagram (DFD)
Adapun sombol-simbol yang digunakan pada DFD adalah sebagai berikut:
No Nama Simbol Gambar Keterangan
1. External Entity / Terminator (Kesatuan Luar)
External Entity / Terminador / Kesatuan luar digambarkan dengan notasi/simbol kotak berbentuk bujur sangkar.
2. Proses Simbol ini menggambarkan
suatu proses atau transformasi
data.
3. Data Store Penyimpanan data atau
tempat data direfer oleh proses
4. Data Flow Aliran data dengan arah dari
sumber ke tujuan
31
4.2.5.2Entity Relationship Diagram (ERD)
Entity Relationship Diagram adalah entity Relationship yang berisikan komponen-komponen himpunan entitas dan himpunan relasi masing-masing dilengkapi dengan atribut-atribut. Dapat digambarkan Entity Relationship (Diagram E-R).
[image:46.595.149.490.248.380.2]Relasi Antar Tabel:
32
7.6.6. Perancangan Program
[image:47.595.131.393.144.485.2]Adapu flowchart untuk perancangan output administrator yaitu:
Gambar 4.5 Flowchart Admin
Flowchart perancangan output pengunjung Buka halaman
admin
Insert username dan password
Username & password cek
database
Login gagal
Login berhasil
Y
N
Masuk halaman
Logout
33
Gambar 4.6 Flowchart User Homepage
Seluruh lokasi rumah sakit
Cari tempat
Terdapat di database
Y
N
BAB 5
IMPLEMENTASI DAN PEMBAHASAN
5.1Pengertian dan Tujuan
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki.
Adapun tujuan dari implementasi sistem ini adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuatrencana, mengontrol dan melakukan instalasi baru secara benar.
5.2Komponen Utama
35
5.5.1. Perangkat Keras (Hardware)
Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi : 1. Monitor
2. CPU (Central Processing Unit)
3. Harddisk sebagai tempat sistem beroperasi dan media penyimpanan 4. Memori minimal 128
5. Keyboard dan mouse
5.5.2. Perangkat Lunak (Software)
Software adalah instruksi atauprogram-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak yang digunakan penulis untuk aplikasi perancangan website adalah :
1. Sistem OperasiWindows XP.
2. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL. 3. Macromedia Dreamweaver 8 sebagai editor pendesainannya.
4. PHP sebagai bahasa pemrograman server side.
5. Web Server sebagai server lokal dalam pengetesan halaman web.
6. Browser sebagai tempat media tampilan halaman website. Seperti : Mozilla firefox.
5.5.3. Unsur Manusia (Brainware)
Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada. Faktor manusia yang dimaksud adalah orang-orang yang memiliki bagian untuk menangani sistem dan merupakan unsur manusia yang meliputi :
36
2. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakan dalam membuat dan membangun suatu program.
3. Operator (Admininistrator), yaitu orang yang mengoperasikan sistem seperti memasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lain sebagainya.
4. Public (Pengguna), yaitu orang yang memakai sistem yang telah dirancang untuk mendapatkan informasi yang dibutuhkan.
5.3Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.orguntuk Apache, http://www.php.netuntuk PHPdan http://www.mysql.comuntuk MySQL. Tahap instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.
Alternatif lain yang digunakan penulis adalah dengan menginstalasi Xampp. Perangkat lunak Xampp dengan versi 1.7.1 ini penulis download di situs http://www.sourceforge.net.
5.3.1 Instalasi Xampp
Xampp memberikan paket-paket yang cukup lengkap diantaranya: 1. Apache HTTPD 2.2.11 + Openssl 0.9.8i
2. MySQL 5.1.33 3. PHP 5.2.9
37
5. XAMPP CLI Bundle 1.3 6. FileZilla FTP Server 0.9.31
7. Mercury Mail Transport System 4.62
Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi yang rumit.
5.4Prosedur Penggunaan Program
38
Gambar 5.1 Homepage
Adapun prosedur penggunaan program secara manual dapat diuraikan sebagai berikut :
1. Aktifkan browser (Mozilla Firefox) .
2. Klik Start pada dekstop, kemudian klik Mozilla Firefox
3. Setelah jendela Mozilla Firefox terbuka, ketik alamat website yang telah dirancang, contoh http://localhost/TA pada address bar untuk menampilkan menu utama kemudian enter.
39
5.5Halaman Tampilan
Aplikasi ini memiliki beberapa bagian secara umum. Setiap halaman memiliki fungsinya masing-masing. Secara garis besar halaman di bagi 2 yaitu Halaman Pengguna dan Halaman Admin.
5.5.1. Halaman Pengguna
Halaman ini merupakan halaman yang dilihat oleh pengguna yang membuka aplikasi ini.
5.5.1.1 Homepage
[image:54.595.153.489.396.724.2]40
5.5.1.2 Halaman Pencarian
[image:55.595.128.509.167.464.2]Halaman ini menampilkan apa yang dicari oleh user baik menurut nama maupun menurut categori
41
5.5.1.3 Detail
[image:56.595.164.475.148.347.2]Halaman ini menampilkan detail dari setiap tempat yang di pilih pengguna
Gambar 5.4Detail Rumah Sakit
[image:56.595.169.469.457.728.2]42
5.5.2. Halaman Admin
Halaman ini merupakan halaman untuk admin yang digunakan admin untuk memasukkan data.
5.5.2.1 Data
[image:57.595.166.473.312.507.2]Halaman ini menampilkan seluruh data yang ada, yang telah dimasukkan admin yang dilengkapi dengan fasilitas edit dan hapus.
Gambar 5.6Data Rumah Sakit
5.5.2.2 Tambah Data
43
Gambar 5.7Tambah Data Rumah Sakit
5.5.2.3 Edit Data
Halaman ini digunakan untuk mengubah data yang telah dimasukkan sebelumnya. Tanda yang terdapat pada peta merupakan posisi sebelumnya, dan admin bisa memindahkan tanda untuk mendapatkan kordinat yang baru.
Gambar 5.8Edit Data Rumah Sakit
5.5.2.4 Kategori
[image:58.595.159.480.421.634.2]44
Gambar 5.9Kategori
5.5.2.5 Tambah Kategori
Halaman ini digunakan admin untuk menambahkan lategori yang baru.
Gambar 5.10TambahKategori
5.5.2.6 Edit Kategori
[image:59.595.108.527.505.582.2]Halam ini digunakan untuk mengubah kategori yang sudah dimasukkan sebelumnya.
BAB 6
KESIMPULAN DAN SARAN
6.1kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan aplikasi pemetaan rumah sakit di medan. Maka dapat penulis simpulkan:
1. Aplikasi pemetaan rumah sakit ini dirancang untuk dapat memberikan informasi mengenai rumah sakit kepada masyarakat.
2. Aplikasi pemetaan rumah sakit ini mempermudah masyarakat untuk mencari alamat rumah sakit karena di tampilkan alam bentuk peta
3. Aplikasi pemetaan rumah sakit ini memungkinkan masyarakat untuk mencari informasi tentang rumah sakit tertentu yang mereka inginkan
6.2Saran
Dengan selesainya aplikasi pemetaan rumah sakit ini, penulias memiliki beberapa saran yang dapat mendukung pengembangan sistem lebih lanjut:
1. Informasi rumah sakit dapat dilengkapi dengan informasi spesialis yang disediakan serta kelengkapan alat pada rumah sakit tersebut dan juga nama-nama dokter pada setiap rumah sakit
2. Pada bagian admin input informasi dilengkapi dengan text editor untuk memudahkan admin dalam mengisi informasi yang tersusun rapi
BAB 2
LANDASAN TEORI
Website
Website atau World Wide Web, sering disingkat sebagai www atau “web” saja, yakni sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam format HTML.
Keistimewaan inilah yang telah menjadikan web sebagai service yag paling cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk ke media lain seperti dokumen, frase, movie clip, atau file suara. Web dapat menghubungkan dari sebarang tempat dalam sebuah dokumen atau gambar ke sebarang tempat di dokumen lain. Dengan sebuah browser yang memiliki Graphical User interface (GUI), link-link dapat dihubungkan ketujuannya dengan menunjuk link
Tersebut dengan mouse dan menekannya.
2.1.1 Web Statis
Web statis adalah web yang berisi / menampilkan informasi - informasi yang sifatnya
8
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah informasi yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada editor text dan disimpan dalam bentuk .html atau .htm.
2.1.2 Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat berinteraksi dengan
penggguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehinggga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah.
2.2HTML (Hypertext Markup Language)
Hypertext Markup Language (HTML)adalah bahasayang digunakan untuk menulis
halaman web. HTML merupakan pengembangan dai standard pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnyaadalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada satu system operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan tersebut tidak sampai mengubah cara kerja dari HTML. HTML 2.0 secara resmi dikeluakan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari
9
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 198. HTML 4.01 merupakan perbaikan dari HTML 4.0merupakan perbaikan dari HTML 4.0 yang lebih dahulu diterbitkan (18 Desember 1997).
Dan adapun secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah: 1. Mengontrol tampilan dari web page dan contentnya.
2. Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
3. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksisecara online.
4. Menambahkan object-object seperti image, audi, video dan juga java applet dalamdocument HTML.
Browser merupakan software yang diinstal di mesin Client yang berfungsi untuk
menterjemahkan tag-tag HTML menjadi halaman web. Browser yang biasanya digunakan adalah internet explorer, nescape navigator dan banyak browser yang lain.
Untuk membuat dokumen HTML digunakan suatu program editor diantaranya adalah MS. Frontage, Notepad++, dan yang digunakan penulis adalah Macromedia Dreamweaver CS6.
2.3PHP
10
source bebas sehingga dapat mengubah source code dan mendistribusikan secara
bebas dan gratis. PHP juga dapat berjalan lintas platform yaitu dapat digunakan dengan sistem operasi (Windows dan Linux) dan web server apapun (misal : PWS,IIS, Apache). Serta fungsi-fungsi yang ada di PHP bersifat uncase sensitive, dan sedangkan variabelnya bersifat case sensitive (membedakan huruf besar dan kecil).
2.4Pengertian Xampp
Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket. Dengan menginstall Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web serverApache, PHP dan MySQL secara manual.
2.5Adobe Photoshop
Adobe Photoshop adalah sebuah aplikasi desain yang lebih sesuai digunakan untuk memodifikasi sebuah image ilustrasi. Sering juga aplikasi ini dinamakan modifikasi, karena hamper setiap option-nya dapat digunakan untuk membuat modifikasi. Aplikasi ini menyajikan beberapa option tool yang berfungsi untuk membuat ilustrasi dan efek untuk sebuah obyek. Obyek yang masuk dalam dokumen Photoshop akan disimpan dalam bentuk image. Sehingga diperlukan dokumen backup untuk mempermudah jika sewaktu-waktu ada proses editing.
Ada dua dokumen yang dapat dipilih sesuai format flatten-nya yaitu:
1. Flatten Image, dokumen dengan layer penyusun menyatu. Pada dokumen ini terdapat penggabungan beberapa layer penyusun desain yang dibuat sebelumnya. Sehingga dokumen akan tampil dengan materi desain yang sama tetapi hanya ada satu layer . beberapa dokumen seperti ini dapat ditemukan dalam format jpeg, bmp, gif, dan lai-lain. Kelebihan format ini adalah:
a. Memori lebih kecil.
11
2. Don’t Flatten Image, dokumen dengan layer penyusun tetap. Artinya pada dokumen tersebut masing-masing layer penyusun dalam posisi tetap. Sehingga layer akan menampilkan kotak layer sesuia dengan jumlah materi dalam
dokumen. Bila dokumen terdiri dari sepuluh materi, maka layer yang terbentuk juga sepuluh buah. Dokumen seperti ini biasanya ditemukan dalam format psd, pdf. Kelebihan dari dokumen ini adalah:
a. Mudah dilakukan editing b. Memori lebih besar c. Digunakan sebagai master
Pada prinsipnya setiap dokumen akan disimpan dalam dua jenis dokumen tersebut (flatten image atau don’t flatten image). Masing-masing jenis dokumen ini dapat diubah format saving nya sesuia dengan kebutuhan desain.
Adobe Photoshop juga dapat digunakan bersama dnegan aplikasi lain, misalnya Adobe Ilustrator, Adobe InDesign, Adobe Effect, Adobe Premier, bahkan dengan Macromedia FreeHand. Proses yang dapat diberikan adalah kekmapuan saling melengkapi kebutuhan ilustrasi desain dan modifikasi pada masing-masing aplikasi sehingga akan terciptanya karya desain yang professional.
Dalam Adobe Photoshop terdapat beberapa jenis cara proses saving diantaranya: a. Save, proses penyimpanan dokumen langsung
b. Save As, proses menyimpan dokumen dengan pilihan format saving c. Save for Web, menyimpan dokumen untuk web
d. Export,menyimpan untuk dibukakan dalam aplikasi Adobe Ilustrator
Adobe Photoshop memiliki beberapa option dan tool yang akan dibagi dalam beberapa bagian. Diantaranya:
12
Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Google Map API
Google map menyediakan API (application programming interface) yang memungkinkan developer untuk membuat aplikasi apa saja dengan menggunakan map yang disediakan oleh Google. Pada proses penggunaanya googlemap memiliki fungsi-fungsi yang sudah di tentukan mulai dari menggunakan peta sampai peletakan tanda-tanda untuk setiap titik.Google map API memungkinkan developer untuk membuat database sendiri pada system mereka dan mengimplementasikannya pada map yang diinginkan developer.
Aplikasi Berbasis Web
1. Aplikasi yang dibuat dengan memanfaatkan mekanismedan aplikasi yang sudah ada pada sistem web (WWW).
2. Aplikasi berbasis web merupakan aplikasi yang dapatlangsung dijalankan pada browser dengan bantuan koneksidari internet.
3. Aplikasi berbasis web tidak terbatas pada sistem operasiyang digunakan.
13
5. Jenis bahasa pemrograman yang digunakan tidakmempengaruhi hasil aplikasi yang dibuat.
2.9 Flow-Chart
Flow chart adalah penggambaran secara grafik dari langkah – langkah dan urutan –
urutan prosedur dari suatu program. Flow chart menolong analis dan programmer untuk memecahkan masalah ke dalam segmen – segmen yang lebih kecil dan menolong dalam menganalisis alternatif – alternatif lain dalam pengoperasian Flow chart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang
perlu dipelajari dan dievaluasi lebih lanjut. Petunjuk untuk membuat flow chart Bila seorang analisis dan programmer akan membuat flow chart, ada eberapa petunjuk yang harus diperhatikan, seperti :
1. Flow chart digambarkan dari halaman atas ke bawah dan kiri ke kanan.
2. Aktifitas yang digambarkan harus didefinisikan secara hati – hati dandefenisi iniharus dapat dimengerti oleh pembacanya.
3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas.
4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakandeksripsi katakerja.
5. Setiap langkah dari aktifitas harus berada pada urutan yang benar.
6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuridengan hati - hati. Percabangan - percabangan yang memotong aktifitas yangsedang digambarkan tidak perlu digunakan dan percabangannya diletakkanpadahalamanyang terpisah atau hilangkan seluruhnya bila percabangan tidakberkaitandengansistem.
7. Gunakan symbol – symbol flowchart yang standard.
14
Tabel 2.1Flow-Chart
Simbol Keterangan
Terminal/Interupt
(Mulai/Berhenti)
Simbol ini dipergunakan untuk menunjukkan awal kegiatan atau akhir kegiatan atau berhentinya suatu program.
Input/Output (data/hasil)
Untuk mewakili data input dan menuliskan output-nya
Process (Pengolahan)
Suatu simbol yang melambangkan diprosesnya suatu data.
Decision (Keputusan)
Dipakai untuk menuliskan jika adanya percabangan,
seperti if, case.
Prefendefined
Untuk program-program yang sering dipergunakan sebuah program berulang kali, biasanya dibuat program terpisah dengan sebuah sub program (subroutine). Untuk menghubungkan program utama dengan subroutine dipergunakan symbol ini.
Connector (Penghubung)
15
Flow lines (Garis Alir)
BAB I
PENDAHULUAN
1.1.Latar Belakang Masalah
Di era globalisasi ini setiap orang tidak luput dari penggunaan komputer. Mulai dari pemakaian untuk pembuatan surat, membuat laporan, memperoleh informasi dan lain sebagainya. Penggunaan komputer mempermudah berbagai urusan dimana data dapat dengan mudah dikirim dan diperoleh serta komputer juga mengurangi penggunaan kertas dan media lainnya untuk menyampaikan informasi.
Pada masa sekarang ini, internet sangat berkembang pesat di dunia. Internet memungkinkan komputer yang terpisah puluhan bahkan ratusan kilometer untuk saling berhubungan. Internet telah merubah paradigma komunikasi manusia yang dahulu sangat sulit menjadi sangat mudah. Internet memungkinkan user untuk berbagi data, musik, video atau apa saja. Internet juga menjadi sarana yang efektif untuk promosi dan bersosialisasi. Dengan penggunaan internet informasi akan lebih cepat sampai pada puluhan bahkan jutaan orang dalam sekali waktu.
Website atau web merupakan media komunikasi online yang menggunakan internet dalam pendistriusiannya. Web menjadi sarana utama dalam menampilkan data. Selain itu web dapat dimanfaatkan untuk banyak hal seperti berbagi file, media sosial, streaming dan lain sebagainya. Web sebagai tampilan utama penghubung antara pengelola dengan pengunjung. Dengan web siapa saja dapat memperoleh informasi dan menyampaikan informasi kapan saja dan dimana saja.
2
Salah satu informasi yang dibutuhkan masyarakat saat ini adalah peemetaan. Dengan pemetaan ini user dapat melihat tempat-tempat tertentu yang dibutuhkan agar user tahu harus melewati jalan mana. Pemetaan ini juga membantu user untuk mengetahui tempat tertentu yang masih asing baginya. Dengan pemetaan diharapkan setiap user dapat menghemat waktu dan tidak kesulitan lagi dalam memperoleh tempat tertentu yang ia ingin ketahui
Rumah sakit umum maupun swasta sudah banyak berkembang dimedan. Sedikitnya ada 71 rumah sakit di kota medan (sumber tidak tahu kapan akan sakit dan dimana ia sakit, dengan adanya sistem ini diharapkan dalam kondisi seperti ini user dapa dengan tenang mencari rumah sakit yang terdekat dengan posisinya saat itu.
Oleh karena itu, penulis mengajukan sebuah proposal yang berjudul “APLIKASI PEMETAAN RUMAH SAKIT DI KOTA MEDAN”
1.2.Rumusan Masalah
Dari latar belakang di atas, maka rumusan masalah dalam Tugas Akhir ini adalah bagaimana membuat Sistem Informasi Geografis untuk Pemetaan Rumah Sakit di Kota Medan sehingga informasi rumah sakit tersebut dapat diakses dengan oleh masyaraka.
1.3.Tujuan Penelitian
3
1.4.Manfaat Penelitian
Adapun manfaat dari penelitian ini yaitu:
1. Untuk memberitahukan informasi posisi Rumah Sakit.
2. Untuk memberikan suatu kontribusi kepada masyarakat dalam hal ini pemetaan Rumah Sakit di medan.
3. Untuk mempermudah masyarakat mencari alamat rumah sakit.
1.5.Tinjauan Pustaka
1.5.1 Pengertian Komputerisasi
Komputerisasi : Pemakaian komputer sebagai alat bantu penyelesaiantugas sebagai pengganti penyelesaian pekerjaan secara manual. (KamusKomputer dan Teknologi Informasi).Komputerisasi : Penggunaan komputer (dalam menghitung, mengolahdata, dan sebagainya) secara besar-besaran (Kamus Besar BahasaIndonesia / KBBI).
1.5.2 Pengertian Sistem Informasi
4
1.5.3 Sistem Informasi Geografi
Sistem Informasi Geografi merupakan sistem berbasis komputer yang digunakan untuk menyimpan dan memanipulasi informasi-informasi geografis. Sistem informasi geografi diciptakan untuk mengumpulkan, menyimpan dan menganalisis obyek atau fenomena dimana lokasi geografis menjadi karakteristik atau kritik penting untuk analisi. Sistem informasi geografi adalah sistem berbasis komputer yang memiliki kemampuan dalam menangani data berefrensi dalam: (a)masukkan data, (b) manajemen data(penyimpanan dan pemanggilan data), (c)manipulasi dan analisis, (d)keluaran (Arronoff,1989). Pada awalnya, data geografi hanya disajikan di ataas peta dengan menggunakan simbol, garis, dan warna. Elemen-elemen geometri ini dideskripsikan di dalam legenda-nya misalnya, garis hitam tebal untuk jalan utama, garis hitam tipis untuk jalan sekunder dan jalan-jalan yang berikutnya. Selain itu, berbagai data juga di dapat di-overlay-kan berdasarkan sistem koordinat yang sama. Akibatnya, sebuah peta menjadi media yang efektif baik sebagai alat presentasi mapun sebagai bank tempat penyimpanan data geografis. Tetapi, media peta masih mengandung kelemahan atau keterbatasan. Informasi-informasi yang tersimpan, diproses dan dipresentasikan dengan suatu cara tertentu, dan biasanya untuk tujuan tertentu pula. Tidak mudah untuk mengubah bentuk presentasi ini, sebuah peta selalu menyediakan gambar atau simbol unsur geografi dengan bentuk yang tetap atau statis meskipun diperlukan untuk kebutuhan yang berbeda
1.5.4 Subsistem SIG
Sistem Informasi Geografis dapat diuraikan menjadi beberapa subsistem, yaitu:
1. Data Input
Subsistem ini bertugas untuk mengumpulkan dan mempersiapkan data spasial dan atribut dari berbagai sumber. Subsistem ini pula yang bertanggung jawab dalam
5
2. Data Output
Subsistem ini menampilkan atau menghasilkan keluaran seluruh atau sebagian basis data seperti tabel grafik, peta dan lain-lain.
3. Manajemen Data
Subsistem ini mengorganisasikan baik data spasial maupun atribut ke dalam sebuah basis data sedemikian rupa sehingga mudah dipanggil, diperbaharui dan diperbaiki.
4. Analisis dan Manipulasi Data
Subsistem ini menentukan informasiinformasi yang dapat dihasilkan oleh SIG. Selain itu, subsistem ini juga melakukan manipulasi dan pemodelan data untuk menghasilkan informasi yang diharapkan.
1.6.Metodologi Penelitian
Metode pengembangan sistem yang digunakan adalah Metode Waterfall yang terdiri dari 5 tahap yaitu :
a. Rekayasa sitem b. Analisis kebutuhan c. Perancangan (Desain) d. Penulisan Program (Coding) e. Pengujian (Testing)
[image:74.595.107.534.433.723.2]f. Pemeliharaan Diagram Konteks
Gambar 1.1 Diagram Konteks
administrator user
Aplikasi Pemetaan Rumah Sakit di Kota Medan
Lokasi rumah sakit
informasi rumah sakit
Lokasi rumah sakit
informasi seluruh rumah
6
1.7 Sistematika Penulisan
Untuk mempermudah penulisan tugas akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:
BAB 1 PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang latarbelakang pembuatan tugas akhir ini, rumusan masalah, batasan masalah, tujuan danmanfaat, serta metode penelitian dari tugas akhir ini.
BAB 2 LANDASAN TEORI
Didalam bab ini diuraikan sekilas tentang pengertian web dan HTML,pengenalan PHP, Xampp, Adobe Photoshop, serta adobe dreamweaver .
BAB 3 PERANCANGAN SISTEM
Bab ini berisikan pembahasan mengenai sistem yang dirancang, danpenggunaan Adobe Dreamweaver CS6 sebagai editor perancanganaplikasi.
BAB 4 IMPLEMENTASI SISTEM
Pada bab ini berisikan pengertian implementasi sistem, tujuanimplementasi sistem, spesisikasi sistem, dan instalasi Xampp serta konfigurasinya.
BAB 5 KESIMPULAN DAN SARAN
vi
ABSTRAK
Kota Medan sebagai kota metropolitan yang memiliki lebih dari 70 rumah sakit sangat potesial untuk di promosikan melalui Sistem Informasi Geografis (SIG). Pada Tugas Akhir ini, Sistem Informasi Geografis dirancang dengan mengumpulkan, menyimpan dan menganalisis suatu objek dimana lokasi geografis merupakan karakteristik yang penting. Sistem Informasi Geografis tersebut dirancang berbasis web dengan menggunakan GOOGLE API(application programming interface). Kordinat dan informasi rumah sakit dimuat dalam database MySQL dan diimplementasikan ke halaman web melalui PHP.
APLIKASI PEMETAAN RUMAH SAKIT DI KOTA MEDAN
TUGAS AKHIR
PADLIAN CHAIRI 102406245
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
APLIKASI PEMETAAN RUMAH SAKIT DI KOTA MEDAN
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya
PADLIAN CHAIRI 102406245
PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
ii
PERSETUJUAN
Judul : APLIKASI PEMETAAN RUMAH SAKIT DI MEDAN
Kategori : TUGAS AKHIR
Nama : PADLIAN CHAIRI
Program Studi : D-3 ILMU KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Mei 2013
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua Pembimbing
Prof. Dr. Tulus, M.Si Drs. Suyanto, M.Kom.
iii
PERNYATAAN
APLIKASI PEMETAAN RUMAH SAKIT DI KOTA MEDAN
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Mei 2013
iv
PENGHARGAAN
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.
Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.
Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Teknik Informatika untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.
Pada kesempatan ini penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu:
1. Bapak Drs. Suyanto, M.Kom. sebagai Dosen Pembimbing I yang ikut membantu penulis dalam menyelesaikan laporan ini.
2. Bapak Prof. Dr. Tulus, Vordipl.Math., M.si., Ph.D, selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Prof. Dr. Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Ibu Dr. Marpongahtun, M.Sc, selaku Pembantu Dekan I Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
v
6. Bapak/Ibu staf pengajar jurusan D-III Teknik Informatika Fakultas Matematika dan Imu Pengetahuan Alam Universitas Sumatera Utara.
7. Terspesial kepada Ayahanda Alm. Ilyas M. Amin S.IP dan Ibunda Maschairani Nasution serta saudara-saudara saya yang membantu secara moril dan materil.
Penulis menyadari akan keterbatasan kemampuan yang dimiliki. Untuk itu, kritik dan saran yang membangun senantiasa penulis harapkan dari berbagai pihak demi peningkatan kualitas penulisan tugas akhir ini.
Akhirnya penulis berharap semoga tugas akhir ini bisa bermanfaat bagi para pembaca.
Medan, Juli 2013 Penulis,
vi
ABSTRAK
Kota Medan sebagai kota metropolitan yang memiliki lebih