Sistem Informasi Geografis Penyebaran Wisata di Kota Medan Menggunakan Google Maps API Berbasis Web Mobile

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa
Nomor Stambuk
Judul Tugas Akhir

Dosen Pembimbing
Tanggal Mulai Bimbingan
Tanggal Selesai Bimbingan

No.

: M HAFIZH HILMY
:132406003
: SISTEM INFORMASI GEOGRAFIS PENYEBARAN

WISATA DI KOTA MEDAN MENGGUNAKAN GOOGLE
MAPS API BERBASIS WEB MOBILE
: Dr. Sawaluddin M.IT
:
:

Tanggal Asisten
Bimbingan

Pembahasan pada
Asistensi Mengenai,
pada Bab :

Paraf Dosen
Keterangan
Pembimbing

1
2
3

4
5
6
7
*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai

Diketahui,
Ketua
Program Studi D3 Teknik Informatika

Disetujui,
Pembimbing Utama

Dr. Elly Rosmaini, M.Si.

Dr. Sawaluddin, M.IT

NIP. 196005201985032002

NIP. 195912311998021001


Universitas Sumatera Utara

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155
Telp. (061) 8211050, 8214290, Fax. (061) 8214290

SURAT KETERANGAN
Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program
Diploma 3 Teknik Informatika :
Nama
NIM
Program Studi
Judul TA

: M HAFIZH HILMY

: 132406003
: TEKNIK INFORMATIKA
: SISTEM INFORMASI GEOGRAFIS PENYEBARAN WISATA DI
KOTA MEDAN MENGGUNAKAN GOOGLE MAPS API BERBASIS
WEB MOBILE

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas tanggal.........Juni 2016
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, Juni 2016
Program Studi D3 Teknik Informatika
Ketua,

Dr. Elly Rosmaini, M.Si.
NIP. 1960 0520 1985 0320 02


Universitas Sumatera Utara

LAMPIRAN

Listing Program
index.php


home.php


square








Universitas Sumatera Utara


Square

Toggle Navigation





home
place
about










Universitas Sumatera Utara


Search






we make your wonderfull life in
medan city












Universitas Sumatera Utara





















Universitas Sumatera Utara










copyright @ 2016 square









place.php



square







Square


Toggle Navigation






Universitas Sumatera Utara

home
place
about









Search









Universitas Sumatera Utara


























style.css
*{
margin: 0;
padding: 0;
}

Universitas Sumatera Utara

@media only screen and (min-width: 320px) {
.navbar{
border-radius: 0px;
}
.row-1{
background: url("img/32.jpg")repeat center;
}
.row-1p{
background: url("img/32.jpg")repeat center;
}
.row-1a{
background: url("img/imageedit_7_8427303109.jpg")no-repeat
center;
}
.row-1 form{
margin-top: 3.5%;
}
.row-1 form input[type=text]{
width: 190px;
height: 33px;
border-radius: 2px;
border: none;
}

Universitas Sumatera Utara

.row-1p form{
margin-top: 3.5%;
}
.row-1p form input[type=text]{
width: 190px;
height: 33px;
border-radius: 2px;
border: none;
}
.row-1a-1 p{
margin-top: 15%;
font-size: 10px;
font-weight: bold;
color: white;
text-align: center;
}
.row-1a{
margin-top: -20px;
width: 100%;
height: 30%;
opacity: 0.75;
filter: alpha(opacity=60);
}

Universitas Sumatera Utara

.btn-default{
width: 90px;
}
.row-1-2 img{
width: 30%;
margin-left: 35%;
margin-top: 7%;
}
.row-1-2 p{
margin-top: 5%;
}
.row-2{
width: 100%;
height: 800px;
background: rgb(229,119,22);
}
a img{
margin-top: 0.5%;
width: 100%;
height: 100%;
}
.row-2 a img{
height: 16%;

Universitas Sumatera Utara

}
.content{
padding-top: 4%;
}
.copyright p{
text-align:center;
color:white;
padding-top:80%;
}
.faq h1{
color: white;
margin-bottom: 3%;
}
.faq input[type='text']{
width: 100%;
height: 28px;
color: black;
border: none;
margin-bottom: 1%;
}
.faq input[type='submit']{
width: 74px;
height: 60px;

Universitas Sumatera Utara

color: white;
background: black;
border: none;
margin-left: 3%;
margin-bottom: 1%;
}
.faq input[type='submit']:hover{
background: #1a1a1a;
}
}
@media screen and (min-width: 360px) {
.navbar{
border-radius: 0px;
}
.row-1{
background: url("img/32.jpg")repeat center;
}
.row-1p{
background: url("img/32.jpg")repeat center;
}
.row-1a{
background: url("img/imageedit_7_8427303109.jpg")no-repeat
center;

Universitas Sumatera Utara

}
.row-1 form{
margin-top: 3%;
}
.row-1 form input[type=text]{
width: 235px;
height: 33px;
border-radius: 2px;
border: none;
}
.row-1p form{
margin-top: 3%;
}
.row-1p form input[type=text]{
width: 235px;
height: 33px;
border-radius: 2px;
border: none;
}
.btn-default{
width: 90px;
}
.row-1-2 img{

Universitas Sumatera Utara

width: 30%;
margin-left: 35%;
margin-top: 2%;
}
.row-1a{
margin-top: -20px;
width: 100%;
height: 30%;
opacity: 0.75;
filter: alpha(opacity=60);
}
.row-1a-1 p{
margin-top: 15%;
font-size: 18px;
font-weight: bold;
color: white;
text-align: center;
}
.post img{
margin-left: 20%;
width: 60%;
height: 45%;
}

Universitas Sumatera Utara

.row-2{
width: 100%;
height: 200%;
background: #4d4d4d;
}
.post{
width: 80%;
height: 50%;
margin-bottom: 5%;
}
.faq{
width: 600px;
margin: 0 auto;
}
.faq h1{
color: white;
margin-bottom: 3%;
}
.faq input[type='text']{
width: 300px;
height: 28px;
color: black;
border: none;

Universitas Sumatera Utara

margin-bottom: 1%;
}
.faq input[type='submit']{
width: 74px;
height: 60px;
color: white;
background: black;
border: none;
margin-left: 3%;
margin-bottom: 1%;
}
.faq input[type='submit']:hover{
background: #1a1a1a;
}
.faq form{
width: 380px;
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) {
.navbar{
border-radius: 0px;
}

Universitas Sumatera Utara

.row-1{
background: url("img/32.jpg")repeat center;
}
.row-1p{
background: url("img/32.jpg")repeat center;
}
.row-1a{
background: url("img/imageedit_7_8427303109.jpg")no-repeat
center;
}
.row-1 form{
margin-top: 3%;
}
.row-1 form input[type=text]{
width: 235px;
height: 33px;
border-radius: 2px;
border: none;
}
.row-1p form{
margin-top: 3%;
}
.row-1p form input[type=text]{

Universitas Sumatera Utara

width: 235px;
height: 33px;
border-radius: 2px;
border: none;
}
.row-1a-1 p{
margin-top: 15%;
font-size: 18px;
font-weight: bold;
color: white;
text-align: center;
}
.row-1a{
margin-top: -20px;
width: 100%;
height: 70%;
opacity: 0.75;
filter: alpha(opacity=60);
}
.btn-default{
width: 90px;
}
.row-1-2 img{

Universitas Sumatera Utara

width: 30%;
margin-left: 35%;
margin-top: 2%;
}
.post img{
margin-left: 27.5%;
width: 45%;
height: 45%;
}
.post{
width: 75%;
height: 50%;
margin-bottom: 5%;
}
.row-2{
width: 100%;
height: 70%;
background: #4d4d4d;
}
.faq{
width: 600px;
margin: 0 auto;
}

Universitas Sumatera Utara

.faq h1{
color: white;
margin-bottom: 3%;
}
.faq input[type='text']{
width: 300px;
height: 28px;
color: black;
border: none;
margin-bottom: 1%;
}
.faq input[type='submit']{
width: 74px;
height: 60px;
color: white;
background: black;
border: none;
margin-left: 3%;
margin-bottom: 1%;
}
.faq input[type='submit']:hover{
background: #1a1a1a;
}

Universitas Sumatera Utara

.faq form{
width: 380px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1024px) {
.navbar{
border-radius: 0px;
}
.row-1{
background: url("img/32.jpg")repeat center;
}
.row-1p{
background: url("img/32.jpg")repeat center;
}
.row-1a{
background: url("img/imageedit_7_8427303109.jpg")no-repeat
center;
}
.row-1 form{
margin-top: 13px;
}
.row-1 form input[type=text]{

Universitas Sumatera Utara

width: 380px;
}
.row-1p form{
margin-top: 13px;
}
.row-1p form input[type=text]{
width: 380px;
}
.row-1-2 img{
width: 10%;
margin-left: 45%;
margin-top: -3.5px;
}
.row-1a-1 p{
margin-top: 15%;
font-size: 18px;
font-weight: bold;
color: white;
text-align: center;
}
.row-1a{
margin-top: -20px;
width: 100%;

Universitas Sumatera Utara

height: 40%;
opacity: 0.75;
filter: alpha(opacity=60);
}
.post img{
width: 107.2%;
height: 100%;
}
a img{
width: 107%;
height: 100%;
margin-left: -3.5%;
}
a img:hover{
background: #000000;
opacity: 0.75;
filter: alpha(opacity=60);
}
.post{
width: 100%;
height: 100%;
margin-bottom: 5%;
}

Universitas Sumatera Utara

.row-1-2 p{
margin-top: -20px;
}
.row-2{
width: 100%;
height: 80%;
background: rgb(229,119,22);
}
.row-2 a img{
height: 40%;
}
.copyright p{
text-align:center;
color:white;
padding-top:21%;
}
.faq{
width: 600px;
margin: 0 auto;
}
.faq h1{
color: white;
margin-bottom: 3%;

Universitas Sumatera Utara

}
.faq input[type='text']{
width: 100%;
height: 28px;
color: black;
border: none;
margin-bottom: 1%;
}
.faq input[type='submit']{
width: 74px;
height: 60px;
color: white;
background: black;
border: none;
margin-left: 3%;
margin-bottom: 1%;
}
.faq input[type='submit']:hover{
background: #1a1a1a;
}
.faq form{
width: 380px;
margin: 0 auto;

Universitas Sumatera Utara

}
}
.wrapper{
width: 100%;
}

.navbar{
background: rgb(229,119,22);
}
.navbar-header span{
color: #ffffff;
}
.navbar .navbar-header a{
color: #ffffff;
}
.navbar .navbar-collapse ul li a{
color: #ffffff;
}
.navbar .navbar-collapse ul li a:hover{
color: #000;
}
.row-1{
margin-top: -20px;

Universitas Sumatera Utara

width: 100%;
height: 50%;
}
.row-1-2 p{
margin-top: 3%;
font-size: 18px;
font-weight: bold;
color: #ff9900;
text-align: center;
}
.row-1p{
margin-top: -20px;
width: 100%;
height: 15%;
opacity: 0.75;
filter: alpha(opacity=60);
}
.row-1-2 p{
margin-top: 3%;
font-size: 18px;
font-weight: bold;
color: #ff9900;
text-align: center;

Universitas Sumatera Utara

}
.row-3{
width: 100%;
height: 300px;
background: url("img/background2.jpg")center;
}
.row-1a{
width: 100%;
height: 92.6%;
}
.line{
background: rgb(229,119,22);
width: 500px;
height: 2px;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 5%;
}

koneksi.php


admin/index.php



Login Admin













Universitas Sumatera Utara




















admin/home.php



Home Admin






Home
Create Data
account

logout




NO
ID

Universitas Sumatera Utara

Nama Tempat
Review Tempat
Alamat
Gambar
Lat
Lng
Title
Action