Laporan Tugas Akhir Web Gis

LAPORAN TUGAS AKHIR
SISTEM INFORMASI GEOGRAFIS

Disusun Oleh

:

Andhika Dwi I.

(111110377)

Bagus Setiawan

(111110384)

Benny Eka Atmojo

(121110562)

SEKOLAH TINGGI INFORMATIKA DAN KOMPUTER INDONESIA
MALANG

2014

LEMBAR PENGESAHAN
Judul

: “ Pemetaan Sistem Informasi Geografis
Fotokopi Terdekat di Malang “

Dosen

: Go Frendy Gunawan M.Kom

Penyusun

:

1. Andhika Dwi I

(111110377)

2. Bagus Setiawan

(111110384)

3. Benny Eka Atmojo

(121110562)

Kelas

:

D

MENGETAHUI
Dosen Sistem Informasi Geografis

Go Frendi Gunawan, M.Kom

1

Kata Pengantar

Puji syukur kehadirat Tuhan Yang Maha Esa atas segala limpahan Rahmat, Inayah,
Taufik dan Hinayahnya sehingga kami dapat menyelesaikan penyusunan laporan tugas akhir
ini dalam bentuk maupun isinya yang sangat sederhana. Semoga laporan ini dapat
dipergunakan sebagai salah satu acuan, petunjuk maupun pedoman bagi pembaca.

Harapan saya semoga laporan ini membantu menambah pengetahuan dan pengalaman
bagi para pembaca, sehingga kami dapat memperbaiki bentuk maupun isi laporan ini
sehingga kedepannya dapat lebih baik.

Laporan ini kami akui masih banyak kekurangan karena pengalaman yang saya miliki
sangat kurang. Oleh kerena itu saya harapkan kepada para pembaca untuk memberikan
masukan-masukan yang bersifat membangun untuk kesempurnaan laporan ini.

Malang, Juli 2014

Penyusun

2

DAFTAR ISI
LEMBAR PENGESAHAN 1
Kata Pengantar

2

DAFTAR ISI 3
BAB I 4
PENDAHULUAN

4

1.1

LATAR BELAKANG.................................................................................................4

1.2

TUJUAN......................................................................................................................5

1.3

MANFAAT.................................................................................................................5

BAB II6
PEMBAHASAN
2.1

6

SCREENSHOT PROGRAM.......................................................................................6

2.1.1

Halaman Index.....................................................................................................6

2.1.2

Halaman Lokasi...................................................................................................6

2.2

SOURCE CODE 7
2.2.1

Halaman Index.php.............................................................................................7

2.2.2

Halaman Lokasi.php.........................................................................................11

2.2.3

Koneksi.php......................................................................................................25

2.2.4

Style.css............................................................................................................25

BAB III

38

PENUTUP

38

3.1

LATAR BELAKANG...............................................................................................38

3.2

LATAR BELAKANG...............................................................................................38

3

BAB I

PENDAHULUAN
1.1. LATAR BELAKANG
Semakin berkembangnya Ilmu Pengetahuan dan Teknologi (IPTEK), dan
diiringi juga dengan perkembangan zaman yang cepat, sehingga tidak menutup
kemungkinan berpengaruh pada pola kehidupan manusia yang semakin maju terutama
pada

aspek

kehidupan

keseharian,

dalam

menggunakan

ilmu

teknologi,

khususnya penggunaan teknologi telepon selular dan website.
Website merupakan suatu bentuk aplikasi yang dibuat dengan menggunakan
bahasa pemrograman PHP (Hypertext Preprocessor) bahasa ini digunakan untuk
membuat aplikasi yang dapat digunakan pada website. Dengan menggunakan PHP
sebagai penghubung antara HTML,JAVASCRIPT dan CSS sebagai tampilan yang
dapat memperindah dan mempercantik suatu website.
Mengingat semakin padatnya aktifitas di kehidupan zaman modern ini, maka
tidak dipungkiri lagi peran website ini sangat penting. Website bisa diakses
dimanapun dan kapanpun melalui apapun. Sepeti yang kita ketahui untuk
memudahkan masalah tersebut, fitur website mulai banyak diciptakan dengan
pertimbangan

banyaknya

kebutuhan

dan

kepentingan.

kebutuhan

manusia

menggandakan buku dan jilid buku di masa kini masih dibutuhkannya fotokopi.
Berdasarkan permasalahan yang timbul tersebut, maka penyusun akan
mencoba untuk membuat suatu aplikasi Pemetaan Sistem Informasi Geografis
Fotokopian

Terdekat

di

Malang,

dengan

menggunakan

website.

Dengan interface aplikasi yang mudah digunakan bagi pengguna untuk mengakses
aplikasi tersebut.
4

1.2. TUJUAN
Tujuan Umum

:

Adapun tujuan umum dari penulisan ini adalah
1. Menambah pengetahuan lebih dalam lagi tentang aplikasi berbasis
website yang dibuat
Tujuan Khusus

:

Tujuan khusus dari penulisan ini adalah sebagai berikut:
1. Untuk mengetahui bagaimana prosedur pembuatan aplikasi berbasis
web dengan menggunakan sistem pemetaan.

2.

MANFAAT

Adapun manfaat dari pembuatan laporan ini adalah untuk mempermudah pengguna
baik melalui website dekstop, maupun mobile bisa mencari lokasi fotokopian terdekat
yang ingin mereka cari.

5

BAB II
PEMBAHASAN
2

Screnshot Program
2.1.1

Halaman Index

Gambar. 1 Halaman Index
3

Halaman Lokasi

Gambar. 1 Halaman Index

6

2

SOURCE CODE
2.2.1 Halaman Index.php


















Home
Lokasi
Tentang Kami
Bantuan

7








Facebook
Twitter
Instagram












8




" TEMUKAN LOKASI FOTOCOPY TERDEKAT "


Malang Kota | Bululawang | Turen |
Kepanjen | Lawang | Singosari |
Tajinan| Pendem | Bumiaji | Batu |
Dampit | Tumpang | Pakis |



@2014 SIG
STIKI
Terms
Service





// create a map in the "map" div, set the view to
a given place and zoom
9

var conten = L.map('conten').setView([-7.984528,
112.626090], 12);

// add an OpenStreetMap tile layer

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(conten);

var states = [{
"type": "Feature",
"properties": {"party": "Republican"},
"geometry": {
"type": "Polygon",
"coordinates": [[