tugas akhir rancang bangun sistem informasi … depan... · tugas akhir rancang bangun sistem...
TRANSCRIPT
TUGAS AKHIR
RANCANG BANGUN SISTEM INFORMASI GEOGRAFIS
PEMETAAN JALAN UNTUK POTENSI DAERAH DI KABUPATEN
TABANAN DENGAN MENGGUNAKAN
GOOGLE MAPS API
GEDE PUTU NURATJAYA
NIM. 0804405088
JURUSAN TEKNIK ELEKTRO
FAKULTAS TEKNIK UNIVERSITAS UDAYANA
BUKIT JIMBARAN
2015
RANCANG BANGUN SISTEM INFORMASI GEOGRAFIS
PEMETAAN JALAN UNTUK POTENSI DAERAH DI KABUPATEN
TABANAN DENGAN MENGGUNAKAN
GOOGLE MAPS API
Tugas Akhir Diajukan Sebagai Prasyarat untuk Memperoleh Gelar Sarjana S1
(Strata1Jurusan Teknik Elektro Fakultas Teknik Univwersitas Udayana
GEDE PUTU NURATJAYA
NIM: 0804405088
JURUSAN TEKNIK ELEKTRO
FAKULTAS TEKNIK UNIVERSITAS UDAYANA
BUKIT JIMBARAN
2015
UCAPAN TERIMAKASIH
Om Swastiyastu,
Atas asung kertha wara nugraha Ida Sang Hyang Widhi Wasa atau Tuhan Yang
Maha Esa atas karunia’Nya penelitian Tugas Akhir ini dapat terselesaikan tepat pada
waktunya. Dengan selesainya Tugas Akhir ini, penulis mengucapkan banyak
terimakasih kepada:
1. Bapak Prof. Ir. Ngakan Putu Gede Suardana, MT.,Ph.D sebagai Dekan
Fakultas Teknik Universitas Udayana.
2. Bapak Ir. I Nyoman Setiawan, MT. sebagai Ketua Jurusan Teknik Elektro
Universitas Udayana.
3. Bapak I Made Arsa Suyadnya, ST.,M.Eng. sebagai Dosen Pembimbing I yang
telah memberikan banyak petunjuk, bimbingan dan dukungan moral kepada
penulis selama penyusunan tugas akhir ini.
4. Bapak Ir. Putu Arya Mertasana, M.Si.,MT. sebagai Dosen Pembimbing II
yang telah memberikan banyak petunjuk, bimbingan dan dukungan moral
kepada penulis selama penyusunan tugas akhir ini.
5. Bapak AA. Ngurah Amrita ST.,MT. sebagai Dosen Pembimbing Akademik
yang telah banyak memberikan tuntunan dalam menjalankan perkuliahan di
Teknik Elektro Universitas Udayana.
6. Segenap dosen dan staf pegawai Teknik Elektro Universitas Udayana yang telah
banyak membantu selama proses perkuliahan.
7. Dinas Pekerjaan Umum Kabupaten Tabanan dan Badan Statistik
Kabupaten Tabanan yang telah memberikan data sehingga tugas akhir ini
terselesaikan dengan baik.
8. Yang tercinta bapak I Putu Nurasa S.sos, ibu Ni Made Ratmiasih S.Sos.,Msi.,
I Made Adiputra Trisna dan semua keluarga besar yang telah memberikan
banyak kasih sayang, dukungan moral, semangat dan motivasi yang tak
terhingga.
9. I Kadek Suwardana, ST. yang sangat banyak membantu, membimbing, dan
memberikan ilmu tentang pemrograman.
10. Ni Putu Dewiyani Swami, SE. yang sangat membantu dalam penulisan tugas
akhir ini.
11. Semua pihak yang terlibat dalam pengerjaan tugas akhir ini namun tidak bisa
disebutkan satu persatu.
Penulis berharap dengan segala kekurangan dan kelebihan yang dimilikinya,
tugas akhir ini tetap dapat bermanfaat bagi banyak pihak dan bagi perkembangan ilmu
pengetahuan.
Terimakasih.
Om Santhi Santhi Santhi Om
Bukit Jimbaran, Juli 2015
Gede Putu Nuratjaya
ABSTRAK
Kabupaten Tabanan memiliki potensi daerah di bidang pertanian, pariwisata dan
perkebunan yang tersebar yang di wilayahnya, namun tidak semua orang mampu
memperoleh informasi tentang potensi-potensi daerah yang tersebar di sepanjang ruas
jalan Kabupaten Tabanan. Permasalahan tersebut memberikan suatu ide untuk membuat
aplikasi sistem informasi geografis berbasis web dengan memanfaatkan Google Maps
API, sehingga aplikasi ini mudah digunakan oleh user.
Dalam tugas akhir ini menggunakan sistem informasi geografis berbasis web
dengan layanan Google Maps API Drawing on Maps, yaitu overlay polyline untuk
menggambar jalan pada peta dan marker untuk menentukan titik-titik potensi pada peta
sehingga aplikasi mampu menampilakan detail informasi polyline jalan pada peta dan
menampilkan detail informasi potensi-potensi daerah yang ada disepanjang jalan di
wilayah Kabupaten Tabanan.
Dengan adanya aplikasi ini diharapkan user mampu menampilkan detail
informasi jalan dan memilih objek-objek potensi yang tersebar untuk dilihat detail
informasinya.
Kata kunci: Google Maps API, Pemetaan Jalan, Potensi Daerah, Web
ABSTRACT
Tabanan district has potential in the area of agriculture, tourism and
plantations spread in the territory, but not everyone is able to obtain information about
potential areas scattered along the Tabanan road. Those problems give an idea to make
an application of web-based geographic information system by utilizing the Google
Maps API, so this application is easy to use by the user.
This final project using web-based geographic information system with Google
Maps API Drawing on Maps. The overlay polyline to draw roads on the map and
markers to determine potential points on the map so that the application can display
detailed information polyline street on the map and displays detailed information
potential areas exist along the road in the district of Tabanan.
This application is expected the user is able to display detailed information
about roads and selecting potential objects scattered to see detailed information in the
district of Tabanan.
Keywords: Google Maps API, Road Mapping, Potential Areas, Web
DAFTAR ISI
LEMBAR JUDUL .................................................................................................... i
LEMBAR PRASYARAT GELAR ........................................................................ ii
LEMBAR PERNYATAAN ................................................................................... iii
LEMBAR PENGESAHAN .................................................................................... iv
UCAPAN TERIMA KASIH ................................................................................... v
ABSTRAK .......... ................................................................................................. vii
ABSTRACT ………. ........................................................................................... viii
DAFTAR ISI ......................................................................................................... ix
DAFTAR TABEL ................................................................................................ xiii
DAFTAR GAMBAR ........................................................................................... xiv
DAFTAR ISTILAH ............................................................................................. xvi
BAB I PENDAHULUAN
1.1 Latar Belakang ....................................................................................... 1
1.2 Rumusan Masalah ................................................................................. 3
1.3 Tujuan Penelitian ................................................................................... 3
1.4 Manfaat Penelitian ................................................................................. 3
1.5 Ruang Lingkup dan Batasan Masalah ................................................... 3
1.6 Sistematika Penulisan ............................................................................ 4
BAB II KAJIAN PUSTAKA
2.1 Tinjauan Mutakhir ................................................................................. 6
2.2 Tinjauan Pustaka ................................................................................... 7
2.2.1 Sistem Informasi Geografis ...................................................... 7
2.2.1.1 Komponen Sistem Informasi Geografis ..................... 8
2.2.1.2 Model Data Sistem Informasi Geografis .................... 9
2.2.2 Google Maps ........................................................................... 11
2.2.2.1 Cara Kerja Google Maps ........................................... 11
2.2.2.2 Google Maps API ....................................................... 11
2.2.2.3 Google Maps API Drawing on map .......................... 13
2.2.2.4 Menambahkan dan Menyesuaikan Polyline .............. 14
2.2.2.5 Menghapus Polyline .................................................. 15
2.2.3 Data Flow Diagram (DFD) .................................................... 16
2.2.4 Basis Data ................................................................................ 17
2.2.4.1 Model Basis Data ...................................................... 17
2.2.4.2 Entity Relationship Diagram (ERD) ........................ 18
2.2.4.3 MySQL ..................................................................... 20
2.3.4.4 Tipe Data MySQL .................................................... 22
2.2.5 Pemrograman Berbasis Web .................................................... 25
2.2.6 Hyper Text Markup Language (HTML) .................................. 26
2.2.7 JavaScrip ................................................................................. 27
2.2.8 AJAX ....................................................................................... 28
2.2.9 JSON ........................................................................................ 29
2.2.10 Ruby on Rails ........................................................................... 32
2.2.10.1 Gambaran Teknis Ruby on Rails .............................. 32
2.2.10.2 Framework Structure ................................................ 34
2.2.10.3 Deployment ............................................................... 34
2.3.10.4 Philosophy and Design ............................................. 34
2.2.11 Pengujian Perangkat Lunak ..................................................... 35
BAB III METODE DAN PERANCANGAN SISTEM
3.1 Tempat dan Waktu Penelitian ............................................................. 38
3.2 Data ...................................................................................................... 38
3.2.1 Sumber Data ........................................................................... 38
3.2.2 Metode Pengumpulan Data ..................................................... 38
3.3 Analisa Data ........................................................................................ 39
3.4 Analisa Sistem ..................................................................................... 39
3.5 Kebutuhan Hardware dan Software .................................................... 41
3.5.1 Kebutuhan Perangkat Keras .................................................... 41
3.5.2 Kebutuhan Perangkat Lunak ................................................... 41
3.5.3 Bahasa Pemrograman ............................................................. 41
3.6 Perangkat Pemodelan Sistem .............................................................. 42
3.6.1 Statement of Purpose (STP) .................................................... 42
3.6.2 Daftar Kejadian ....................................................................... 42
3.6.3 Gambaran Umum Sistem ........................................................ 43
3.6.4 Diagram Konteks .................................................................... 44
3.6.5 Alur Proses Sistem .................................................................. 45
3.6.6 Data Flow Diagram (DFD) .................................................... 52
3.6.6.1 Diagram Diagram Berjenjang (Hierarchy Chart) .... 53
3.6.6.1 DFD Level 0 ............................................................. 53
3.6.7 ERD Entity Relationship Diagram) ....................................... 55
3.6.8 Hubungan Antar Tabel ............................................................ 55
3.6.9 Struktur Data ........................................................................... 56
3.6.10 Perancangan User Interface .................................................... 56
3.7 Metode Pengujian ................................................................................ 60
BAB IV HASIL DAN PEMBAHASAN
4.1 Hasil ..................................................................................................... 62
4.1.1 Tahap-tahap Pengujian Untuk Mendapatkan Hasil ................ 62
4.2 Pembahasan Sistem ............................................................................. 63
4.2.1 Menjalankan Server ................................................................ 63
4.2.2 Tampilan Awal Aplikasi Web ................................................ 64
4.2.3 Sign In ..................................................................................... 64
4.2.4 Sign Up ................................................................................... 65
4.2.5 Home dan Sidebar ................................................................... 65
4.2.6 Home User Terdaftar .............................................................. 68
4.2.7 Menampilkan Detail Informasi Jalan dan Potensi Daerah ...... 72
4.2.7.1 Menampilkan Detail Informasi Jalan dan Potensi
Daerah dengan Menu Pencarian Jalan ...................... 72
4.2.7.2 Menampilkan Detail Informasi Jalan dan Potensi
Daerah dengan Menu List 5 Jalan Terbaru ............... 73
4.2.8 Halaman Admin ...................................................................... 74
4.2.8.1 Pengelolaan Data Objek .......................................... 75
4.2.8.2 Pengelolaan Data Jalan ............................................. 76
4.2.8.3 Pengelolaan Data Kecamatan ................................... 78
4.2.8.4 Pengelolaan Data User ............................................. 78
4.3 Pengujian Aplikasi ............................................................................... 79
4.4 Kelebihan Dan Kekurangan Sistem ..................................................... 82
4.3.1 Kelebihan Sistem .................................................................... 83
4.3.2 Kekurangan Sistem ................................................................. 83
BAB V SIMPULAN DAN SARAN
5.1 Simpulan .............................................................................................. 84
5.2 Saran .................................................................................................... 84
DAFTAR PUSTAKA ............................................................................................ xx
DAFTAR TABEL
Tabel 2.1 Komponen DFD .................................................................................... 17
Tabel 2.2 Komponen ERD .................................................................................... 19
Tabel 2.3 Tipe Data Bilangan ................................................................................ 22
Tabel 2.4 Tipe Data Waktu ................................................................................... 23
Tabel 2.5 Tipe Data Karakter ................................................................................ 24
Tabel 2.6 Perbandingan Metode Pengujijan .......................................................... 36
Tabel 3.1 Tabel Jalan ............................................................................................. 56
Tabel 3.2 Tabel User ............................................................................................. 57
Tabel 3.3 Tabel Hambatan..................................................................................... 57
Tabel 3.4 Tabel Kondisi ........................................................................................ 57
Tabel 3.5 Tabel Tipe .............................................................................................. 58
Tabel 3.6 Tabel Klasifikasi .................................................................................... 58
Tabel 3.7 Tabel Kecamatan ................................................................................... 58
Tabel 3.8 Tabel Objek ........................................................................................... 59
Tabel 3.9 Tabel Katagori ....................................................................................... 59
Tabel 3.10 Jadwal Kegiatan Penelitian.................................................................. 61
Tabel 4.1 Hasil Uji Aplikasi .................................................................................. 78
DAFTAR GAMBAR
Gambar 2.1 Gambaran JSON dalam Bentuk Objek .......................................... 30
Gambar 2.2 Gambaran JSON dalam Bentuk Array ........................................... 30
Gambar 2.3 Gambaran JSON dalam Bentuk Value ........................................... 31
Gambar 2.4 Gambaran JSON dalam Bentuk String .......................................... 31
Gambar 2.5 Gambaran JSON dalam Bentuk Number ....................................... 32
Gambar 3.1 Gambaran Alur Analisa Perancangan Sistem ................................ 40
Gambar 3.2 Gambaran Umum Sistem ............................................................... 43
Gambar 3.3 Diagram Konteks .......................................................................... 44
Gambar 3.4 SOP Alur Proses Menampilkan Informasi Objek Potensi ............ 45
Gambar 3.5 Flowchart Cara Kerja Proses Menampilkan Objek Potensi ........ 46
Gambar 3.6 SOP Alur Proses Menampilkan Marker Objek pada Peta ............ 47
Gambar 3.7 Flowchart Proses Menampilkan Marker Objek pada Peta ........... 48
Gambar 3.8 SOP Alur Proses Menampilkan Informasi Jalan ........................... 49
Gambar 3.9 Flowchart Cara Kerja Proses Menampilkan Informasi Jalan ...... 50
Gambar 3.10 SOP Alur Proses Menampilkan Polyline Jalan pada Peta ............. 51
Gambar 3.11 Flowchart Proses Menampilkan Polyline Jalan pada Peta ........... 52
Gambar 3.12 Diagram Hierarki (HierarchyChart) .............................................. 53
Gambar 3.13 DFD Level 0 GIS Pemetaan Jalan ................................................. 54
Gambar 3.14 ERD GIS Pemetaan Jaringan Jalan ................................................ 55
Gambar 3.15 Hubungan Antar Tabel .................................................................. 56
Gambar 3.16 Halaman Utama Pengguna ............................................................. 59
Gambar 3.17 Halaman Utama Admin ................................................................. 60
Gambar 4.1 Tampilan Command Prompt untuk Menjalankan Server .............. 63
Gambar 4.2 Tampilan Awal Aplikasi Web GIS Pemetaan Jalan ...................... 64
Gambar 4.3 Tampilan Halaman Sign In ........................................................... 65
Gambar 4.4 Tampilan Halaman Sign Up ........................................................... 65
Gambar 4.5 Tampilan Home Tanpa Melakukan Proses Login .......................... 66
Gambar 4.6 Tampilan Slidebar Daftar Jalan Peta ............................................. 66
Gambar 4.7 Tampilan Menubar Daftar Jalan dan Daftar Potensi .................... 67
Gambar 4.8 Tampilan Daftar Jalan .................................................................... 67
Gambar 4.9 Tampilan Daftar Potensi ................................................................ 68
Gambar 4.10 Tampilan Home Dengan Melakukan Proses Login ....................... 67
Gambar 4.11 Tampilan Menubar Jalan dan Objek .............................................. 68
Gambar 4.12 Proses Penambahan Jalan Oleh User Terdaftar ........................... 68
Gambar 4.13 Tampilan Informasi Jalan yang Memiliki Status Unpublish ......... 69
Gambar 4.14 Proses Penambahan Objek Oleh User Terdaftar ........................... 70
Gambar 4.15 Tampilan Informasi Objek yang Memiliki Status Unpublish .......... 7
Gambar 4.16 Menampilkan Detail InformasiMenggunakan Menu Pencarian .... 72
Gambar 4.17 Tampilan Detail Informasi Menggunakan Menu Pencarian .......... 73
Gambar 4.18 Menampilkan Detail Informasi Dengan Menu List 5 Jalan .......... 73
Gambar 4.19 Tampilan Detail Informasi Menggunakan Menu List 5 jalan ........ 74
Gambar 4.20 Tampilan Halaman Home untuk Admin ........................................ 74
Gambar 4.21 Tampilan Halaman Pengelolaan Data Objek ................................. 75
Gambar 4.22 Tampilan Halaman Edit Objek ...................................................... 76
Gambar 4.23 Tampilan Halaman Pengelolaan Data Jalan .................................. 77
Gambar 4.24 Tampilan Halaman Edit Jalan ........................................................ 77
Gambar 4.25 Tampilan Halaman Pengelolaan Data Kecamatan ......................... 78
Gambar 4.26 Tampilan Halaman Pengelolaan Data User ................................... 79
DAFTAR ISTILAH
Webside : Halaman web yang terdapat pada sit
Geographic Information System : Sistem informasi geografis
Virtual Globe Online : Bola dunia virtual yang diakses secara online
Library : Perpustakaan
Application Programming Interface : Tampilan antarmuka aplikasi pemrograman
Server : Sistem computer yang melayani beberapa
komputer yang berada dalam satu jaringan
komputer
Library Javascript : Perpustakaan yang berisikan coding-coding
javascript
Database : Basis Data
Software : Perangkat lunak
Hardware : Perangkat Keras
Entity : Entitas
Layers : Lapisan
Array : Sekumpulan variabel yang memiliki tipe data
yang sama dan dinyatakan dengan nama yang
sama
World Wide Web : Web yang bisa diakses secara global
Pages : Halaman yang terdapat pada web
Desktop : Komputer yang di rancang untuk kebutuhan
personal yang biasanya di letakkan di atas meja.
Platform : Gabungan antara sebuah arsitektur perangkat
keras dengan sebuah kerangka kerja perangkat
lunak
Browser : Suatu aplikasi yang digunakan untuk
mengakses situs internet
Presentation : Presentasi
JavaScript : Aplikasi pembuatan program yang berbahasa
java
AJAX : Asynchronous JavaScript adalah suatu teknik
pemrograman berbasis web untuk menciptakan
aplikasi web interaktif.
JSON : JavaScript Object Notation adalah format
pertukaran data yang ringan, mudah dibaca dan
ditulis oleh manusia, serta mudah
diterjemahkan dan dibuat oleh komputer.
String : Salah satu nama tipe data dalam mySQL
Unicode : Gabungan dari beberapa code atau coding
Framework : Framework adalah kerangka kerja uang
merupakan kumpulan dari fungsi-fungsi /
prosedur-prosedur dan class-class untuk tujuan
tertentu yang sudah siap digunakan. Sehingga
bisa mempermudah dan mempercepat
pekerjaan seorang programmer, tanpa harus
membuat fungsi atau class dari awal.
Controller : Sebuah file class yang berujuan dapat
berhubungan dengan sebuah URL
Mapping : Pemetaan
Longitude : Garis Lintang
Latitude : Garis Bujur
Developer : Pengembang suatu program atau perusahaan.
Entity Relationship Diagram : Diagram yang menjelaskan hubungan anter
entitas.
Data Flow Diagram : Diagram alir data.
Data Store : Tempat penyimpanan data.
Interface : Tampilan antarmuka.
User : Pengguna.
Admin : Pengguna yang memiliki akses khusus dala
suatu jaringan ato program.
Marker : Titik penanda untuk suatu objek pada peta.
Sign Up : Proses registrasi dalam pembuatan akun dari
suatu program atau web.
Log In : Proses verifikasi akun yang akan masuk ke
dalam suatu program artau web.
Flowchart : Diagram alur.
Email : Surat elektronik yang digunakan untuk
mengirim pesan elektronik dan Id pada
beberapa aplikasi.
Account : Akun yang digunakan sebagai indentitas dari
pengguna.
Data Master : Data yang menjadi data utama atau penting
dalam sebuah database.
Primary Key : Kode unik yang menjadi pembeda dari suatu
tabel.
Foreign Key : Primary key dari tabel yang berhubungan.
Command Prompt : Command Prompt adalah sebuah perintah dos
yang terdapat pada OS windows yang dapat
memudahkan user dalam menjelajahi windows
baik secara online maupun offline.
Sidebar` : Beberapa tombol yang berada di sisi kanan atau
kiri dari web yang berisikan beberapa menu
atau fitur yang ada pada web.
Menubar : Beberapa sortcut atau tombol yang berisikan
fitur-fitur utama yang ada pada web.