E-Joural TRUM RANCANG BANGUN SISTEM INFORMASI GEOGRAFIS PEMETAAN JALAN UNTUK POTENSI DAERAH DI KABUPATEN TABANAN DENGAN MENGUNAKAN GOOGLE MAPS API Gede Putu Nuratjaya1, I Made Arsa Suyadya2, Putu Arya Mertasaa3 123 Jurusa Tekik Elektro Fakultas Tekik Uiversitas Udayaa Email: uratjaya1990@gmail.com1, arsa.suyadya@uud.ac.id2, mertasaa@uud.ac.id3 ABSTRAK Kabupate Tabaa memiliki potesi daerah di bidag pertaia, pariwisata da perkebua yag tersebar di wilayahya, amu tidak semua orag mampu memperoleh iformasi tetag potesi-potesi tersebut. Maka dari itu dibuatlah suatu aplikasi sistem iformasi geografis yag membatu utuk megolah da meampilka iformasi potesi daerah Kabupate Tabaa. iformasi geografis ii dibagu berbasis web dega megguaka Ruby o Rails sebagai framework bahasa pemrogamaya da memafaatka fitur dari Google Maps API Drawig o Maps, yaitu overlay polylie utuk meggambar jala pada peta serta marker utuk meetuka titik-titik potesi pada peta terutama pada Kabupate Tabaa. Aplikasi ii mampu meampilka detail iformasi polylie jala pada peta da meampilka detail iformasi potesi yag ada di sepajag jala di wilayah Kabupate Tabaa, maka dega adaya aplikasi ii diharapka mampu membatu user medapatka detail iformasi jala da memilih objek-objek potesi yag tersebar sepajag ruas jala di Kabupate Tabaa utuk dilihat detail iformasiya. Kata kuci: Google Maps API, Potesi Daerah, Aplikasi Berbasis Web 1. PENDAHULUAN Perkembaga tekologi iformasi sagat cepat pada era globalisasi saat ii. Seirig dega kebutuha aka iformasi da pertumbuha tigkat kecerdasa mausia saat ii telah bayak sistem iformasi yag diguaka utuk meujag da meyelesaika suatu permasalaha. Begitu juga pada bidag Iformasi Geografis (SIG) atau Geographic Iformatio System (GIS) yaitu tekologi yag mejadi alat peujag da sagat esesial utuk meyimpa, memaipulasi, megaalisis, da meampilka iformasi tetag geografis suatu daerah. Iformasi Geografis mempuyai kemampua utuk dapat megubah suatu sistem kovesioal yag haya dapat meampilka data atribut saja mejadi sebuah sistem yag mempuyai basis grafis atau gambar dega data keruaga beserta atributya. Salah satu tekologi yag palig populer dari Iformasi Geografis saat ii adalah Google Maps. Google Maps merupaka sebuah layaa peta global virtual gratis da olie yag disediaka oleh Google da salah satu fiturya adaah Google Maps API (Applicatio Program Iterface). Kabupate Tabaa merupaka kawasa hijau subur da memiliki bayak potesi daerah sesuai dega kodisi alamya. Namu tidak semua orag dapat memperoleh iformasi tetag potesipotesi daerah yag tersebar di sepajag ruas jala Kabupate Tabaa sehigga meghambat masyarakat, ivestor maupu pemeritah dalam megembagka potesi daerah Tabaa. Permasalaha tersebut dapat diatasi dega membagu sebuah aplikasi Iformasi Geografis yag dapat membatu user dalam megetahui iformasi potesi-potesi daerah yag terserbar sepajag ruas jala da detail iformasi jala di wilayah Kabupate Tabaa. Iformasi Geografis pemetaa jala utuk potesi daerah di Kabupate Tabaa adalah Iformasi Geografis berbasis web dega memafaatka Google Maps API, sehigga aplikasi ii diharapka dapat membatu user utuk medapatka iformasi tetag potesi-potesi daerah di sepajag ruas jala Kabupate Tabaa. Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 131
E-Joural TRUM. 2. KAJIAN PUSTAKA 2.1 Tijaua Mutakhir Peelitia tetag Iformasi Geografis yag memafaatka Google Map API telah beberapa kali dilakuka sebelumya. Ambria (2013) meracag suatu Iformasi Geografis pariwisata Kota Semarag. Peelitia yag diakuka yag megguaka Google Maps API utuk megetahui letak lokasi wisata, pegiapa, restora, tempat ibadah, pusat oleh-oleh da evet yag ada di wilayah kota Semarag. [1]. Peelitia laiya dilakuka Efedi (2013) yag membahas pemetaa fasilitas umum di Kabupate Sumedag, Efedi meemuka bahwa pegelolaa fasilitas umum Kabupate Sumedag belum berbasis database sehigga pegelolaa bersifat statis, kurag terpusat da data tersebar dalam dokume terpisah. Iformasi Geografis pemetaa ii mejadi solusi dari permasalaha tersebut, dega meguaka bahasa pemrograma PHP da database MySQL [2]. Setyawati (2007) pada peelitiaya tetag Iformasi Geografis Utuk Jariga Jala Raya da Wilayah Admiistrasi dilakuka oleh peelitia ii membahas tetag pemetaa jariga jala raya da wilayah admiistrasi Kota Badug. Dalam peelitiaya Setyawati meemuka permasalaha bahwa pemeritaha daerah membutuhka sistem utuk perecaa tata ruag wilayah da perecaaa pembagua, terutama pembagua fasilitas jala [3]. Dari beberapa peelitia yag perah dilakuka di atas, aka dibuat suatu aplikasi yag memafaatka Google Maps API utuk megetahui iformasi potesipotesi daerah yag tersebar sepajag ruas jala da detail iformasi jala di wilayah Kabupate Tabaa, agar user dapat megetahui detail iformasi jala yag meliputi lebar jala, pajag jala, tipe jala, hambata, kodisi jala da megetahui potesi-potesi yag tersebar meliputi potesi pertaia, perkebua da potesi pariwisata daerah tersebut. Aplikasi ii megguaka overlay polylie Google Maps API utuk meggambarka garis pada peta sesuai koordiat dega suatu peritah yag berurut, sebagai pembeda atara peelitia ii dega peelitia sebelumya. 2.2 Tijaua Pustaka 2.2.1 Iformasi Geografis Iformasi Geografis (SIG) adalah sistem berbasis komputer yag diguaka utuk memasuka, meyimpa, megelola, megaalisis da megaktifka kembali data yag mempuyai referesi keruaga utuk berbagai tujua yag berkaita dega pemetaa wilayah da perecaaa [4]. 2.2.2 Google Maps Google Maps adalah layaa mappig olie yag disediaka oleh Google. Layaa ii dapat diakses melalui situs http://maps.google.com. Pada situs tersebut, peggua dapat melihat iformasi geografis pada hampir semua wilayah di bumi. Layaa ii iteraktif, karea di dalamya peta dapat digeser sesuai keigia peggua, megubah tigkat zoom, serta megubah tampila peta [5]. 2.2.3 Google Maps API Drawig o Map Google Maps API drawig o map merupaka layaa Google Maps yag diguaka utuk meambahka objek dalam peta yag berupa titik, garis, bidag, atpeu beda beda. Google Maps JavaScript API meyebut objek ii sebagai overlay, overlay merupaka suatu objek yag terikat dega litag atau bujur, sehigga saat objek dapat ikut bergerak saat di drag atau di zoom sesuai posisi pada peta. Pada Google Maps API terdapat beberapa jeis overlay yag diguaka developer megembagka Google Maps mejadi sebuah aplikasi. Polylie adalah salah satu overlay yag dapat diguaka utuk meggambar garis pada peta. Polylie medefiisika overlay liear dari segme garis yag terhubug pada peta. Sebuah objek polylie terdiri dari array lokasi latitude, logitude (koordiat), da meciptaka seragkaia segme garis yag didapat dari meghubugka titik - titik koordiat dalam suatu peritah yag beruruta [5]. 2.2.4 Ruby o Rails Ruby memiliki berapa kelebiha sehigga serig diguaka utuk membuat suatu program. Ruby itu sediri adalah bahasa pemrograma yag bersifat diamis berbasis skrip, yag berorietasi objek. Tujua dari Ruby adalah meggabugka kelebiha dari semua Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 232
E-Joural TRUM bahasa-bahasa pemrograma skrip yag ada di duia. Ruby ditulis dega bahasa pemrograma C dega kemampua seperti Pearl da Phyto [6]. 3. METODE DAN PERANCANGAN SISTEM 3.1 Tahapa Peelitia Adapu tahapa peelitia yag dilakuka dalam pembuata aplikasi Iformasi Geografis sebagai berikut : 1. Pedefiisia permasalaha dari sistem yag aka dibuat, dalam hal ii terkait dega aplikasi Iformasi Geografis pemetaa jala utuk potesi daerah di Kabupate Tabaa dega megguaka Google Maps API. 2. Megumpulka literatur terkait Google Maps API, Javascript, ruby o rails da mempelajari data yag atiya aka diguaka sebagai ladasa dalam peracaga da pembuata sistem, baik melalui studi literatur maupu dega melakuka survei lagsug lapaga. 3. Peracaga kosep dari Iformasi Geografis pemetaa jala utuk potesi daerah di Kabupate Tabaa megguaka Google Maps API. 4. Medesai sistem dega peragkat pemodela sistem yag ada sampai dega pembuata racaga database. 5. Pembuata aplikasi Iformasi Geografis pemetaa jala utuk potesi daerah di Kabupate Tabaa megguaka Google Maps API. 6. Pegujia terhadap sistem yag telah dibuat dega cara memasukka beberapa data jala da objek potesi utuk diuji coba memuculka iformasi potesi daerah da iformasi detail jala yag dihasilka pada proses pecaria iformasi sesuai iputa user. 7. Aalisa terhadap pegujia aplikasi yag diakhiri dega pegambila kesimpula da pembuata lapora. 3.2 Gambara Umum Google Maps adalah kompoe yag sagat petig utuk mejalaka Iformasi Geografis ii. iformasi tidak bisa meujukka peta atau potesi tapa Google Maps maka user tidak bisa medapatka iformasi tetag potesi daerah Kabupate Tabaa. User dapat megakses Iformasi Geografis ii dega megguaka web browser. Maajeme data master aka dilakuka oleh seorag admi. Gambar 1 berikut adalah gambara umum dari aplikasi Iformasi Geografis pemetaa jala utuk potesi daerah di Kabupate Tabaa dega megguaka Google Maps API ii: Server Google User, Data Kecamata,Data Kategori, Data jala, Data Kodisi Service Google Map API, Data kordiat polylie Data kordiat Objek Megakses Web browser Cliet, Data Kecamata,Data Kategori, Data jala, Data Kodisi Maajeme, Data Kecamata,Data Kategori, Data jala, Data Kodisi Web Server Database Admi Gambar 1 Gambara Umum 3.3 Peracaga 3.3.1 Diagram Koteks Diagram koteks merupaka gambara keterkaita alira data atara sistem da kesatua luar. Gambar 2 merupaka diagram koteks dari Iformasi Geografis pemetaa jala utuk potesi daerah Kabupate Tabaa: Userame & password Objek potesi Nama Jala A User Verifikasi logi Ifo objek Ifo jala Marker objek Polylie jala 0 GIS Pemetaa Jala Cek Userame & password Titik- titik Objek potesi titik titik jala B Verifikasi logi Ifo objek Ifo jala Respo Marker Objek Respo Polylie jala Google Maps Gambar 2 Diagram Koteks 3.3.2 Data Flow Diagram (DFD) Data Flow Diagram merupaka gambara alira da uruta data pada sebuah sistem. Di bawah ii merupaka Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 333
E-Joural TRUM DFD dari Iformasi Geografis pemetaa jala utuk potesi daerah. 3.3.2.1 DFD Level 0 DFD level 0 merupaka tampila dari seluruh sub proses da tabel yag terdapat pada Iformasi Geografis pemetaa jala utuk potesi daerah ii. Sub proses yag terdapat adalah sig up, log i, meampilka jala, meampilka potesi da pegelolaa data master. DFD level 0 dari Iformasi Geografis pemetaa jala utuk potesi daerah dapat dilihat pada Gambar 3. Tabel Klasifikasi PK Id_Klasifikasi Tabel Hambata Jeis_klasifikasi PK Id_Hambata Keteraga Nama_kecamata Tabel Jala PK Id_Jala Tabel Tipe PK Id_Tipe Keteraga Tabel Objek FK1 FK2 FK3 FK4 FK5 FK6 Tabel Kodisi PK Id_Kodisi 1 Verifikasi Logi Logi Userame Password A Data User Cek Userame, Password D1 Tabel User PK Id_User Data User D1 Data User D2 Jala Data Jala Maipulasi Data Master Update Klasifikasi Data Klasifikasi D3 Data Data Klasifikasi Klasifikasi Update Data Kecamata D5 Data Kecamata Data Kecamata Update Data Tipe Data Tipe Ifo Jala Polylie Jala D6 Data Tipe D7 Data Kodisi D8 Data Hambata D9 D10 Data Katagori D2 Jala Update Data Kodisi Data Kodisi Ifo Objek Marker Objek Update Data Hambata Data Hambata Update Nama Jala Update Data Katagori Data Katagori 3 Tampilka Jala A Google Maps Koodiat jala Id_jala yag dipilih 4 Polylie Jala Koodiat Jala Marker Objek Koodiat Objek FK1 Id_Katagori FK2 Id_Kecamata Nama_Objek Lat Lg PK Id_Katagori Nama_Katagori Update jala 2 Objek Potesi PK Id_Objek Nama_legkap Userame Password Update Data User User_id Verivikasi Role=admiadmi User Id_Hambata Id_Tipe Id_Kodisi Id_Klasifikasi Id_User Id_Kecamata Nama_jala Pajag_jala Lebar_jala Koordiat_polylie Tabel Kategori Keteraga Verivikasi Logi Tabel Kecamata PK Id_Kecamata Tampilka Objek Koodiat objek D9 Id_objek yag dipilih Gambar 3 DFD Level 0 3.3.3 Hubuga Atar Tabel Hubuga atar tabel merupaka relasi yag terjadi diatara tabel satu dega tabel laiya dalam suatu database. Salah satu kuci dari relasi yag dapat dilihat yaitu peempata sebuah foreig key di tabel yag laiya. Hubuga atar tabel dari Iformasi Geografis pemetaa jala utuk potesi daerah ii dapat dilihat seperti Gambar 4. Gambar 4 Hubuga Atar Tabel 4. HASIL DAN PEMBAHASAN Iformasi Geografis pemetaa jala utuk potesi daerah ii merupaka Iformasi Geografis yag aka memberika iformasi detail jala da potesi daerah yag tersebar di sepajag jala pada wilayah Kabupate Tabaa kepada peggua dega megguaka Google Maps sebagai peyedia peta dalam meampilka iformasi detail jala da iformasi potesipotesi daerah yag ada.. 4.1 Pembahasa Pembahasa Iformasi Geografis perecaaa rute perjalaa wisata ii aka dibagi mejadi beberapa bagia yaitu: tampila awal aplikasi, Sig up, meampilka detail iformasi jala da potesi daerah terdekat, peambaha data jala, peambaha data potesi. 4.1.1 Tampila Awal Aplikasi Web Setelah server berhasil dijalaka, aplikasi ii dapat berjala dega megakses local server da dapat masuk ke aplikasi ii dega meulis localhost:3000 pada address bar browser. Tampila utama dari aplikasi ii adalah halama guest dimaa user dapat megakses halama web tapa melakuka registrasi da logi. Tampila awal dari aplikasi web ii dapat dilihat seperti Gambar 5. Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 434
E-Joural TRUM meubar tersebut Gambar 7. dapat dilihat pada Gambar 7 Tampila Meubar Daftar Jala da Daftar potesi Gambar 5 Tampila Awal Aplikasi Web GIS Perecaaa Rute Perjalaa Wisata 4.1.2 Side Bar da Meu Bar Sidebar Daftar Jala terdiri dari beberapa meu piliha seperti Pecaria Jala, Iput Radius da List 5 Jala Terbaru yag membatu user dalam meampilka detail iformasi jala da potesi daerah pada peta. Sidebar berisika meu seperti yag terdapat pada Gambar 6. Meubar daftar jala da daftar potesi merupaka meu yag diguaka oleh user yag tidak terdaftar utuk meampilka seluruh data jala da data potesi yag dimiliki oleh sistem. Tampila daftar jala da daftar potesi dapat dilihat pada Gambar 8 da Gambar 9 Gambar 8 Tampila Daftar Jala Gambar 6 Tampila Sidebar Daftar Jala peta Dapat dilihat pada Gambar 6 terdapat beberapa piliha meu pada sidebar Daftar Jala seperti Pecaria Jala. Pecaria Jala ii berfugsi utuk mecari da meemuka jala yag igi diketahui detail iformasiya. User haya perlu memasuka ama jala yag igi dicari, secara otomatis sistem aka meampilka jala tersebut. Halama home juga terdapat meubar pada pojok kaa atas yaitu meubar daftar jala da daftar potesi, Gambar 9 Tampila Daftar Potesi 4.2.3 Iformasi Jala da Potesi Daerah Utuk meampilka detail iformasi jala pilihlah meu Pecaria Jala, karea tidak semua ama jala mucul pada meu list 5 jala terbaru sedagka meu radius wajib diisi utuk memuculka potesipotesi yag ada di sepajag ruas jala. Apabila jala tersebut memiliki potesi daerah di sekitar iputa radius maka potesi-potesi daerah aka mucul di Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 535
E-Joural TRUM sekitar radius tersebut. Gambar 10 meampilka iformasi jala da potesi daerah megguaka meu Pecaria Jala. Objek, data Jala, data Kecamata da data User. 4.2.4.1 Pegelolaa Pada data objek ii user dapat melakuka beberapa proses pegelolaa data mulai dari perubaha, peambaha higga peghapusa data. Tampila halama pegolaha data dapat dilihat pada Gambar 13 berikut. Gambar 10 Detail Iformasi Pecaria Jala Setelah detail iformasi jala da titik potesi mucul peggua dapat megklik marker potesi yag ada di sekitar radius yag diiputka utuk memuculka detail iformasi potesi daerah. Gambar 11 merupaka tampila detail iformasi potesi daerah Gambar 13 Tampila Halama Pegelolaa Utuk melakuka perubaha data objek potesi dapat dilakuka dega meeka tombol Edit, maka aka diarahka ke halama edit objek seperti Gambar 14. Gambar 11 Detail Iformasi Potesi Daerah 4.2.4 Halama Admi Tampila halama home admi sama dega tampila utama user, yag mejadi pembeda admi memiliki halama utama admi yag bisa diakses melalui meubar lalu pilih Admi da aka mucul tampila seperti Gambar 12. Gambar 12 Tampila Halama Utama Admi Pada halama ii terdapat beberapa meu utuk pegelolaa data master yag berupa data seperti yag terlihat pada Gambar 12. Data yag terdapat pada data master seperti data Gambar 14 Tampila Halama Edit Objek Pada halama ii terdapat form utuk melakuka perubaha data objek potesi. Pada form tersebut berisi field seperti ama objek, koordiat objek berupa latitude da logitude, deskripsi dari objek, kecamata, gambar dari objek da khusus pada halama edit admi terdapat filed publish dimaa admi dapat memutuska utuk mempublis suatu objek atau tidak. Utuk melakuka perubaha bisa memilih Simpa kemudia data aka tersimpa. Selai itu admi juga dapat melakuka pegolaha data jala dega cara yag sama. Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 636
E-Joural TRUM 4.2.5 Pegujia Pegujia aplikasi megguaka metode blackbox dimaa aka membadigka atara harapa yag dihasilka dega hasil dari uji coba pada setiap proses setelah melakuka iput dega beberapa cotoh data. Dari pegujia yag dilakuka pada aplikasi Iformasi Geografis didapatka hasil bahwa fugsioal da fitur yag terdapat pada aplikasi Iformasi Geografis ii berjala dega sesuai racaga. 5. SIMPULAN DAN SARAN 5.1 Simpula Simpula yag dapat diambil dari peelitia Iformasi Geografis pemetaa jala utuk potesi di Kabupate Tabaa dega megguaka Google Maps API adalah sebagai berikut : 1. Mampu meracag sebuah aplikasi Iformasi Geografis berbasis web dega megguaka Ruby o Rails sebagai framework Bahasa pemrogramaya da memafaatka layaa Google Maps API Drawig o Maps, yaitu overlay polylie utuk meggambar jala pada peta serta marker utuk metuka titik-titik potesi pada peta sehigga aplikasi mampu meampilaka detail iformasi polylie jala da meampilka detail iformasi potesi-potesi daerah yag ada di wilayah Kabupate Tabaa. 2. Aplikasi berbasis web yag diracag sagat mudah utuk diguaka, peggua haya perlu meetuka ama jala utuk meampilka detail iformasi jala da memilih objek-objek potesi yag tersebar utuk dilihat detail iformasiya. 3. Tampila atarmuka dari aplikasi dibuat resposive sehigga membuat tampila aplikasi dapat meyesuaika dega resolusi layar peragkat yag diguaka utuk megakses aplikasi ii tapa megubah tampila atara sistem dega Google Maps. Ii sagat membatu peggua ketika igi megakses Iformasi Geografis ii melalui peragkat mobile. 1. Diharapka aplikasi web ii dapat dimaksimalka utuk megetahui potesi-potesi daerah da detail iformasi jala yag ada di Propisi Bali da tidak haya di wilayah Kabupate Tabaa. 2. Dalam pegembaga selajutya diharapka sistem ii dikembagka dalam aplikasi berbasis adroid dega fitur-fitur yag lebih memudahka peggua. DAFTAR PUSTAKA [1] Ambria. 2013. Iformasi Geografis Pariwisata Kota Semarag (tugas akhir). Purbaligga. Uiversitas Jedral Soedirma. [2] Efedi. 2013. Iformasi Geografis pemetaa fasilitas umum di Kabupate Sumedag (tugas akhir). Purbaligga. Uiversitas Jedral Soedirma. [3] Setyawati. 2007. Iformasi Geografis Utuk Jariga Jala Raya da Wilayah Admiistrasi (tugas akhir). Purbaligga. Uiversitas Jedral Soedirma. [4] Burrough, P.A. 1986. Priciples of Geographic Iformatio Systems for Lad Resources Assessmet. Uited State of Amerika: Claredo Press. [5] Shodiq, Amri. 2012. Tutorial Dasar Pemrograma Google Maps API, Jakarta: PT. Elex Media Komputido. [6] Hartl, Michael. Ruby o Rails 3 Tutorial. ISBN: 978-0-13-265565-1. AddisoWesley. 2010. 5.1 Sara Dalam Iformasi Geografis ii ada beberapa kekuraga yag bisa dikembagka lagi atara lai: Gede Putu Nuratjaya, I Made Arsa Suyadya, Putu Arya Mertasaa 737