Sistem Informasi Geografi Pemetaan Sekolah Menengah Atas (SMA) Negeri di Medan Berbasis Web

(1)

LISTING PROGRAM

Kode Program Tampilan Menu Home:

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

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m in.css">

<script

src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js "></script>

<script

src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script>

<style>

.navbar {

margin-bottom: 0; border-radius: 0; }

.jumbotron {

margin-bottom: 0; background: white; color: blue;

font-family: cooper black; }

#map { width: 100%; height: 400px; }

.footer {

background-color: #f2f2f2; padding: 25px;

} </style>

</div>

(2)

<h1>Sistem Informasi Geografi Pemetaan SMA Negeri Kota Medan</h1> </div>

</div>

<a href="home.php" class="btn btn-primary">Peta Umum</a> <button class="btn btn-primary" type="button"

data-toggle="dropdown">SMA

<li><a href="sma1.php">SMA Negeri 1 Medan</a></li> <li><a href="sma2.php">SMA Negeri 2 Medan</a></li> <li><a href="sma3.php">SMA Negeri 3 Medan</a></li> <li><a href="sma4.php">SMA Negeri 4 Medan</a></li> <li><a href="sma5.php">SMA Negeri 5 Medan</a></li> <li><a href="sma6.php">SMA Negeri 6 Medan</a></li> <li><a href="sma7.php">SMA Negeri 7 Medan</a></li> <li><a href="sma8.php">SMA Negeri 8 Medan</a></li> <li><a href="sma9.php">SMA Negeri 9 Medan</a></li> <li><a href="sma10.php">SMA Negeri 10 Medan</a></li> <li><a href="sma11.php">SMA Negeri 11 Medan</a></li> <li><a href="sma12.php">SMA Negeri 12 Medan</a></li> <li><a href="sma13.php">SMA Negeri 13 Medan</a></li> <li><a href="sma14.php">SMA Negeri 14 Medan</a></li> <li><a href="sma15.php">SMA Negeri 15 Medan</a></li> <li><a href="sma16.php">SMA Negeri 16 Medan</a></li> <li><a href="sma17.php">SMA Negeri 17 Medan</a></li> <li><a href="sma18.php">SMA Negeri 18 Medan</a></li> <li><a href="sma19.php">SMA Negeri 19 Medan</a></li> <li><a href="sma20.php">SMA Negeri 20 Medan</a></li> <li><a href="sma21.php">SMA Negeri 21 Medan</a></li> </ul>

</ul>

<a href="login.php" class="btn btn-primary"><span class="glyphicon glyphicon-user"> Admin</a>

</ul> </div> </div> </nav> </head> <body>

['<li class="list-group-item text-info"><a href="sma1.php" target="_blank">SMA Negeri 1

Medan</a></li>',3.581665,98.669652,'SMA 1'],

(3)

Medan</a></li>',3.621047,98.672171,'SMA 3'],

Medan</a></li>',3.597270,98.655506,'SMA 4'],

Medan</a></li>',3.565382,98.698288,'SMA 5'],

Medan</a></li>',3.581198,98.692048,'SMA 6'],

Medan</a></li>',3.601223,98.678966,'SMA 7'],

Medan</a></li>',3.589207,98.698445,'SMA 8'],

Medan</a></li>',3.722039,98.688985,'SMA 9'],

Medan</a></li>',33.581935,98.691437,'SMA 10'],

Medan</a></li>',3.593780,98.732262,'SMA 11'],

Medan</a></li>',3.612036,98.640982,'SMA 12'],

Medan</a></li>',3.529755,98.682231,'SMA 13'],

Medan</a></li>',3.561366,98.717731,'SMA 14'],

Medan</a></li>',3.569174,98.614271,'SMA 15'],

Medan</a></li>',3.711465,98.642726,'SMA 16'],

Medan</a></li>',3.508470,98.615879,'SMA 17'],

Medan</a></li>',3.587762,98.693399,'SMA 18'],

Medan</a></li>',3.732379,98.678069,'SMA 19'],

Medan</a></li>',3.774376,98.705443,'SMA 20'],

(4)

var lokasi = {lat:3.5708507,lng:98.8796794}; var tanda =[];

function initMap(){ var map = new

google.maps.Map(document.getElementById('map'),{ zoom: 12,

center : lokasi });

var baris = locations.length; for(var i = 0; i < baris; i++){

tanda[i] = new google.maps.Marker({ position: {lat: locations[i][1],lng: locations[i][2]},

map : map,

html :locations[i][0], id : i,

title :locations[i][3], icon : "img/marker.png" });

tanda[i].addListener('click',function(){

var iw = new google.maps.InfoWindow({ id : this.id,

content : this.html,

position : this.getPosition() });

iw.open(map); });

} }

</script> <script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAcsLhfZJP07mh8 S3QdNKXlitVZepOE9DQ&

callback=initMap" async defer></script> </body>

</html>

Kode Program Tampilan Index:

<?php

header("location: home.php"); ?>

Kode Program untuk Koneksi ke database:

<?php

header("location: home.php"); ?>

Kode Program Form Login:

<?php

(5)

?> <html> <head>

<title>Home Admin</title>

<body>

</tr> <tr> <td>

</tr> <tr>

<tr>

</table> </form> </div> </div> </body> </html>

Kode Program Proses Login:

<?php

include ("koneksi.php");

$username = $_POST['username']; $password = $_POST['password'];

$query = ("SELECT * FROM `admin` WHERE username='$username' and password='$password'");

$queryexe = mysql_query($query); $exe = mysql_num_rows($queryexe); if ($exe) {

header("location:adminhome.php"); }

else{

(6)

Kode Program Form Logout:

<?php

header("location: index.php"); ?>

Kode Program Form Halaman Data Admin :

<?php

error_reporting(0); ?>

<body>

<li><a href="tambahadmin.php">Tambah Data</a></li> <li><a href="admin.php">Acount</a></li>

<li><a href="login.php">Logout</a></li> </nav>

</div>

<th>Username</th> <th>Password</th> </tr>

<?php

include ("koneksi.php"); $batas = 2;

$pg = isset( $_GET['pg'] ) ? $_GET['pg'] : ""; if ( empty( $pg ) ) {

$posisi = 0; $pg = 1; }

else {

$posisi = ( $pg - 1 ) * $batas; }

$que = "SELECT * FROM `admin` limit $posisi, $batas"; $no = 1+$posisi;

$q = mysql_query($que);

while ($qq = mysql_fetch_assoc($q)) { ?>

<td style="text-align:center;background:#595959"> <a style="text-decoration:none;color:#66ff33"

(7)

||

<a style="text-decoration:none;color:#ff3300"

href="prosesdelete_admin.php?id=<?php echo $qq['Username']; ?>">delete</a>

</td> </tr>

<?php $no++;} ?> </table>

<table style="text-align:

center;background:#8d9db6;color:white;width:90%;margin-left:auto;margin-right:auto">

<tr>

<td colspan="4"> <?php

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `admin`")); $JmlHalaman = ceil($jml_data/$batas);

if ( $pg > 1 ) { $link = $pg-1;

$prev = "<a href='?pg=$link'>Perv </a>"; }

else {

$prev = "Prev "; }

for ( $i = 1; $i<= $JmlHalaman; $i++ ){ if ( $i == $pg ) {

$nmr .= $i . " "; }

else {

$nmr .= "<a href='?pg=$i'>$i</a> "; }

}

if ( $pg < $JmlHalaman ) { $link = $pg + 1;

$next = " <a href='?pg=$link'>Next</a>"; }

else {

$next = "Next"; }

echo $prev . $nmr . $next; ?>

</td> </tr> </table> </div> </div> </body> </html>

Kode Program Form Halaman Menu Tambah Data Admin:

<?php

(8)

</div>

<div class="content"> <div class="box-create"> <h1>Tambah Data Admin</h1>

<tr>

</tr> <tr>

</tr> <tr>

</table> </form> </div> </div> </div> </body> </html>

Kode Program Proses Edit Data Admin:

<?php

include ('koneksi.php');

$Username= $_POST['Username']; $Password = $_POST['Password'];

$que = "UPDATE `admin` SET Username='$Username', Password='$Password' WHERE Username='$Username'";

$q = mysql_query($que); if ($q) {

header("location: admin.php"); }

else {

die("Gagal Update");

?>

Kode Program Form Halaman Menu Edit Data Admin:

<?php

(9)

?> <html> <head>

<body>

</div>

<form action="prosesedit_admin.php" method="POST"> <?php

include ('koneksi.php'); $id = $_GET['id'];

$que = "SELECT * FROM `admin` WHERE Username='$id'";

$q = mysql_query($que); $qq = mysql_fetch_array($q) ?>

<td>Username</td> <td>:</td>

</tr> <tr>

<td>Password</td> <td>:</td>

</tr> <tr>

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

</div> </div>

(10)

Kode Program Proses Edit Data Admin:

<?php

include ('koneksi.php');

$Username= $_POST['Username']; $Password = $_POST['Password'];

$que = "UPDATE `admin` SET Username='$Username', Password='$Password' WHERE Username='$Username'";

else {

?>

Kode Program Form Halaman Data Sekolah:

<?php

<body>

<li><a href="admintambahdata.php">Tambah Data</a></li> <li><a href="admin.php">Acount</a></li>

</div>

(11)

<th>Jumlah Siswa</th> <th>Jumlah Guru</th> <th>Action</th> </tr>

<?php

include ("koneksi.php"); $batas = 7;

$pg = isset( $_GET['pg'] ) ? $_GET['pg'] : ""; if ( empty( $pg ) ) {

$posisi = 0; $pg = 1; }

else {

$posisi = ( $pg - 1 ) * $batas; }

$que = "SELECT * FROM `sekolah` limit $posisi, $batas"; $no = 1+$posisi;

$q = mysql_query($que);

while ($qq = mysql_fetch_assoc($q)) { ?>

||

<a style="text-decoration:none;color:#ff3300"

href="prosesdelete.php?id=<?php echo $qq['NPSN']; ?>">delete</a> </td>

</tr>

<?php $no++;} ?> </table>

<table style="text-align:

center;background:#8d9db6;color:white;width:90%;margin-left:auto;margin-right:auto">

<tr>

<td colspan="4"> <?php

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `sekolah`")); $JmlHalaman = ceil($jml_data/$batas);

if ( $pg > 1 ) { $link = $pg-1;

$prev = "<a href='?pg=$link'>Perv </a>"; }

else {

(12)

}

for ( $i = 1; $i<= $JmlHalaman; $i++ ){ if ( $i == $pg ) {

$nmr .= $i . " "; }

else {

$nmr .= "<a href='?pg=$i'>$i</a> "; }

}

if ( $pg < $JmlHalaman ) { $link = $pg + 1;

$next = " <a href='?pg=$link'>Next</a>"; }

else {

$next = "Next"; }

echo $prev . $nmr . $next; ?>

</td> </tr> </table> </div> </div> </body> </html>

Kode Program Form Halaman Menu Tambah Data Sekolah:

<?php

<body>

</div>

<div class="content"> <div class="box-create"> <h1>Tambah Data</h1>

<tr>

(13)

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

<tr>

<tr>

<tr>

<tr>

</tr> <tr>

</tr> <tr>

</tr> <tr>

</table> </form> </div> </div> </div> </body> </html>

Kode Program Form Halaman Menu Edit Data Sekolah:

<?php

(14)

<body>

</div>

<form action="prosesedit.php" method="POST"> <?php

include ('koneksi.php'); $id = $_GET['id'];

$que = "SELECT * FROM `sekolah` WHERE NPSN='$id'";

$q = mysql_query($que); $qq = mysql_fetch_array($q) ?>

</tr> <tr>

<td>Nama Sekolah</td> <td>:</td>

<td><input type="text"

name="Nama_Sekolah" value="<?php echo $qq['Nama_Sekolah']; ?>"></td> </tr>

<tr>

<td>Alamat Sekolah</td> <td>:</td>

name="Alamat_Sekolah" value="<?php echo $qq['Alamat_Sekolah']; ?>"></td>

</tr> <tr>

<td>Tahun Berdiri</td> <td>:</td>

</tr> <tr>

<td>Akreditasi</td> <td>:</td>

(15)

<tr>

<td>No Telepon</td> <td>:</td>

name="No_Telepon" value="<?php echo $qq['No_Telepon']; ?>"></td> </tr>

<tr>

<td>Email</td> <td>:</td>

</tr> <tr>

<td>Website</td> <td>:</td>

</tr> <tr>

<td>Latitude</td> <td>:</td>

</tr> <tr>

<td>Longitude</td> <td>:</td>

</tr> <tr>

<td>Jumlah Kelas</td> <td>:</td>

name="Jumlah_Kelas" value="<?php echo $qq['Jumlah_Kelas']; ?>"></td> </tr>

<tr>

<td>Jumlah Siswa</td> <td>:</td>

name="Jumlah_Siswa" value="<?php echo $qq['Jumlah_Siswa']; ?>"></td> </tr>

<tr>

<td>Jumlah Guru</td> <td>:</td>

name="Jumlah_Guru" value="<?php echo $qq['Jumlah_Guru']; ?>"></td> </tr>

<tr>

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

</div> </div>

(16)

</table> </body>

</html>

Kode Program Proses Tambah Data Sekolah:

<?php

include ('koneksi.php'); $NPSN = $_POST['NPSN'];

$Nama_Sekolah = $_POST['Nama_Sekolah']; $Alamat_Sekolah = $_POST['Alamat_Sekolah']; $Tahun_Berdiri = $_POST['Tahun_Berdiri']; $Akreditasi = $_POST['Akreditasi'];

$No_Telepon = $_POST['No_Telepon']; $Email = $_POST['Email'];

$Website = $_POST['Website']; $Latitude = $_POST['Latitude']; $Longitude = $_POST['Longitude'];

$Jumlah_Kelas = $_POST['Jumlah_Kelas']; $Jumlah_Siswa = $_POST['Jumlah_Siswa']; $Jumlah_Guru = $_POST['Jumlah_Guru'];

$sql = mysql_query("INSERT INTO `sekolah`

VALUES('$NPSN','$Nama_Sekolah','$Alamat_Sekolah','$Tahun_Berdiri','$A kreditasi',

'$No_Telepon','$Email','$Website','$Latitude','$Longitude','$Jumlah_K elas','$Jumlah_Siswa','$Jumlah_Guru')");

header("location: adminhome.php"); ?>

Kode Program Proses Edit Data Sekolah:

<?php

include ('koneksi.php'); $NPSN = $_POST['NPSN'];

$Nama_Sekolah = $_POST['Nama_Sekolah']; $Alamat_Sekolah = $_POST['Alamat_Sekolah']; $Tahun_Berdiri = $_POST['Tahun_Berdiri']; $Akreditasi = $_POST['Akreditasi'];

$No_Telepon = $_POST['No_Telepon']; $Email = $_POST['Email'];

$Website = $_POST['Website']; $Latitude = $_POST['Latitude']; $Longitude = $_POST['Longitude'];

$Jumlah_Kelas = $_POST['Jumlah_Kelas']; $Jumlah_Siswa = $_POST['Jumlah_Siswa']; $Jumlah_Guru = $_POST['Jumlah_Guru']; $que = "UPDATE `sekolah` SET NPSN='$NPSN',

Nama_Sekolah='$Nama_Sekolah', Alamat_Sekolah='$Alamat_Sekolah', Tahun_Berdiri='$Tahun_Berdiri', Akreditasi='$Akreditasi',

(17)

Latitude='$Latitude', Longitude='$Longitude',

Jumlah_Kelas='$Jumlah_Kelas', Jumlah_Siswa=$Jumlah_Siswa, Jumlah_Guru='$Jumlah_Guru' WHERE NPSN='$NPSN'";

header("location: adminhome.php"); }

else {

header("location: adminhome.php"); }

?>

Kode Program Form SMA 1:

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

href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m in.css">

<script

src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js "></script>

<script

src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min .js"></script>

<style> body {

font: 400 15px/1.8 Lato, sans-serif; color: #777;

}

h3, h4 {

margin: 10px 0 30px 0; letter-spacing: 10px; font-size: 20px;

color: #111; }

.container {

padding: 80px 120px; }

.person {

border: 10px solid transparent; margin-bottom: 25px;

width: 80%; height: 80%; opacity: 0.7; }

.person:hover {

(18)

}

.carousel-inner img {

-webkit-filter: grayscale(90%); filter: grayscale(90%);

width: 100%; margin: auto; }

.carousel-caption h3 { color: #fff !important; }

@media (max-width: 600px) { .carousel-caption {

display: none; }

}

.bg-1 {

background: #2d2d30; color: #bdbdbd; }

.bg-1 h3 {color: #fff;}

.bg-1 p {font-style: italic;} .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }

.list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.thumbnail {

padding: 0 0 15px 0; border: none;

border-radius: 0; }

.thumbnail p {

margin-top: 15px; color: #555; }

.btn {

padding: 10px 20px; background-color: #333; color: #f1f1f1;

border-radius: 0; transition: .2s; }

.btn:hover, .btn:focus { border: 1px solid #333; background-color: #fff; color: #000;

}

.modal-header, h4, .close { background-color: #333; color: #fff !important; text-align: center; font-size: 30px; }

(19)

.nav-tabs li a { color: #777; }

#map-canvas { width: 100%; height: 500px; }

.navbar {

font-family: Montserrat, sans-serif; margin-bottom: 0;

background-color: #2d2d30; border: 0;

font-size: 11px !important; letter-spacing: 4px;

opacity: 0.9; }

.navbar li a, .navbar .navbar-brand { color: #d5d5d5 !important;

}

.navbar-nav li a:hover { color: #fff !important; }

.navbar-nav li.active a { color: #fff !important;

background-color: #29292c !important; }

.navbar-default .navbar-toggle { border-color: transparent; }

.open .dropdown-toggle { color: #fff;

background-color: #555 !important; }

.dropdown-menu li a {

color: #000 !important; }

.dropdown-menu li a:hover {

background-color: red !important; }

footer {

background-color: #2d2d30; color: #f5f5f5;

padding: 32px; }

footer a {

color: #f5f5f5; }

footer a:hover { color: #777;

text-decoration: none; }

.form-control {

border-radius: 0; }

textarea {

resize: none; }

(20)

<li><a href="#myPage">HOME</a></li> <li><a href="#profil">PROFILE</a></li> <li><a href="#galery">GALERY</a></li> <li><a href="#map">MAP</a></li>

<li><a href="#contact">CONTACT</a></li> </ul>

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

</div>

</div>

(21)

</div>

<div id="profil" class="container text-center"><br><br><br> <h3>PROFILE</h3>

<p>SEJARAH SEKOLAH</p>

<p>SMAN 1 Medan atau yang sering disingkat menjadi SMANSA terletak di jantung kota Medan,

tepatnya di Jl. Teuku Cik DiTiro No.1. <br> Awalnya, SMANSA pertama kali dibangun di Jl. Teuku Umar No.1

sekitar tanggal 18 Agustus - 1 September 1950. <br>Ada kenyataan yang sedikit mengejutkan ternyata SMANSA pernah menjadi SMA DARURAT <br> akibat dari aksi Polisional oleh Belanda, makanya SMANSA

dipindahkan ke Jl. Seram Biru. <br>

Tapi itu bukan halangan bagi SMANSA untuk jadi SMA favorit.</p><br> <p>VISI</p>

<p>BERIMAN, BERTAQWA DAN UNGGUL DALAM PRESTASI AKADEMIK DAN NON AKADEMIK SERTA BERWAWASAN LINGKUNGAN HIDUP</p><br>

<p>MELAKSANAKAN PEMBELAJARAN AKTIF, KREATIF DAN MENYENANGKAN UNTUK MENGHANTARKAN SISWA AGAR BERPRESTASI DALAM IPTEK OLAHRAGA DAN SENI BERLANDASKAN IMTAQ YANG SIAP BERSAING DI ERA GLOBALISASI SERTA PEDULI TERHADAP LINGKUNGAN HIDUP</p>

<div id="galery" class="bg-1"> <div class="container"><br><br>

<h3 class="text-center">GALERY</h3><br><br> <div class="row">

</a> </div>

</a> </div>

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

(22)

</a> </div>

</a> </div>

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

</a> </div>

</a> </div>

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

</div> </div>

<div id="map"><br><br><br><br><br> <h3 class="text-center">MAP</h3> <div id="map-canvas"></div> <?php

include "koneksi.php"; ?>

<!DOCTYPE html> <html>

<head> <script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZlXZTKQdvcno5 FHpkO86Rk-Nib9DXYOw&callback=initMap"></script>

(23)

var mapCanvas = document.getElementById('map-canvas'); var mapOptions = {

mapTypeId: google.maps.MapTypeId.ROADMAP }

var options = {

zoom: 10,

mapTypeId: google.maps.MapTypeId.ROADMAP };

var map = new google.maps.Map(mapCanvas, mapOptions); var infoWindow = new google.maps.InfoWindow; var bounds = new google.maps.LatLngBounds();

function bindInfoWindow(marker, map, infoWindow, html) { google.maps.event.addListener(marker, 'click', function() { infoWindow.setContent(html);

infoWindow.open(map, marker); });

}

function addMarker(lat, lng, info) {

var pt = new google.maps.LatLng(lat, lng); bounds.extend(pt);

var marker = new google.maps.Marker({ map: map,

position: pt });

map.fitBounds(bounds);

bindInfoWindow(marker, map, infoWindow, info); }

<?php

$query = mysql_query("select * from sekolah where NPSN ='10210873'");

while ($data = mysql_fetch_array($query)) { $NPSN = $data['NPSN'];

$Nama_Sekolah = $data['Nama_Sekolah']; $Alamat_Sekolah = $data['Alamat_Sekolah']; $Tahun_Berdiri = $data['Tahun_Berdiri']; $Akreditasi = $data['Akreditasi'];

$No_Telepon = $data['No_Telepon']; $Email = $data['Email'];

$Website = $data['Website']; $Latitude = $data['Latitude']; $Longitude = $data['Longitude'];

$Jumlah_Kelas = $data['Jumlah_Kelas']; $Jumlah_Siswa = $data['Jumlah_Siswa']; $Jumlah_Guru = $data['Jumlah_Guru']; echo ("addMarker($Latitude, $Longitude,

'<b>NPSN=$NPSN<br/>Nama Sekolah= $Nama_Sekolah<br/>Alamat Sekolah=$Alamat_Sekolah<br/>Tahun

Berdiri=$Tahun_Berdiri<br/>Akreditasi=$Akreditasi<br/>No Telepon=$No_Telepon<br/>Email= $Email<br/>Website=

$Website<br/>Jumlah Kelas = $Jumlah_Kelas<br/>Jumlah Siswa =

$Jumlah_Siswa<br/>Jumlah Guru=$Jumlah_Guru</b>');\n"); }

(24)

google.maps.event.addDomListener(window, 'load', initialize); </script>

</head>

<div id="contact" class="container"><br><br><br> <h3 class="text-center">CONTACT</h3>

<p class="text-center"><span class="glyphicon glyphicon-map-marker"></span>JL. TEUKU CIK DITIRO NO. 1 MEDAN</p>

<p class="text-center"><span class="glyphicon glyphicon-phone-alt"></span>Phone: 614511765</p>

<p class="text-center"><span class="glyphicon glyphicon-envelope"></span>Email: msmansamedan@yahoo.com</p>

<p class="text-center"><a

href="http://www.smansamedan.sch.id"><span class="glyphicon

glyphicon-bookmark"></span>Website: http://www.smansamedan.sch.id</p> </div>

<body>

</footer> <script>

$(document).ready(function(){ // Initialize Tooltip

$('[data-toggle="tooltip"]').tooltip();

// Add smooth scrolling to all links in navbar + footer link $(".navbar a, footer a[href='#myPage']").on('click',

function(event) {

// Make sure this.hash has a value before overriding default behavior

if (this.hash !== "") {

// Prevent default anchor click behavior event.preventDefault();

// Store hash

var hash = this.hash;

// Using jQuery's animate() method to add smooth page scroll // The optional number (900) specifies the number of

milliseconds it takes to scroll to the specified area $('html, body').animate({

scrollTop: $(hash).offset().top }, 900, function(){

// Add hash (#) to URL when done scrolling (default click behavior)

window.location.hash = hash; });

(25)

})

(26)

SURAT KETERANGAN

Hasil Uji Implementasi Sistem Tugas Akhir

Yang bertanda tangan dibawah ini menerangkan bahwa Mahasiswa Tugas

Akhir Program Studi D3 Teknik Informatika:

Nama Mahasiswa

: Novri Yanta Berutu

Nomor Induk Mahasiswa

: 142406100

Judul Tugas Akhir

: Sistem Informasi Geografis Pemetaan Tempat Wisata

Di Berastagi

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas

pada tanggal : 12 Juli 2017

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian

Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA

USU Medan.

Medan, 12 Juli 2017

Dosen Pembimbing

Dedy Arisandi, ST., M.Kom

(27)

(28)

(29)