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
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
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
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.
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.
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.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.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.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 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
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.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
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 arsitekturperangkat kerasdengan sebuahkerangka kerjaperangkat lunak
Browser : Suatu aplikasi yang digunakan untuk mengakses situs internet
Presentation : Presentasi
JavaScript : Aplikasi pembuatan program yang berbahasa java
AJAX : AsynchronousJavaScript adalah suatu teknik pemrograman berbasiswebuntuk menciptakan aplikasi webinteraktif.
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
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.