LAPORAN SKRIPSI
PROTOTYPE SISTEM INFORMASI GEOGRAFIS PENANGANAN
KELUHAN MASYARAKAT DI YOGYAKARTA MEMANFAATKAN
GOOGLE FUSION TABLES API
Disusun Oleh
Nama
: Wawan Chahyo Nugroho
Nomor Mahasiswa
: 12131294
Program Studi
: Teknik Informatika
Jenjang
: Strata 1 (S1)
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER
EL RAHMA
YOGYAKARTA
2018
LAPORAN SKRIPSI
PROTOTYPE SISTEM INFORMASI GEOGRAFIS PENANGANAN
KELUHAN MASYARAKAT DI YOGYAKARTA MEMANFAATKAN
GOOGLE FUSION TABLES API
Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana
Teknik Informatika
Disusun Oleh
Nama
: Wawan Chahyo Nugroho
Nomor Mahasiswa
: 12131294
Program Studi
: Teknik Informatika
Jenjang
: Strata 1 (S1)
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER
EL RAHMA
YOGYAKARTA
2018
PROTOTYPE SISTEM INFORMASI GEOGRAFIS PENANGANAN
KELUHAN MASYARAKAT DI YOGYAKARTA MEMANFAATKAN
GOOGLE FUSION TABLES API
Wawan Chahyo Nugroho
Program Studi Teknik Informatika STMIK El Rahma Yogyakarta
Email: wb@bundet.com
ABSTRACT
The Unit Pelayanan Informasi dan Keluhan (UPIK) is a facility for the public to
convey complaint, questions, information, and suggestions for the development of
government services and infrastructure development of Yogyakarta city. But
unfortunately, the facilities provided to express complaints not following the latest
technological developments. In addition, the complaint information presented is less
comprehensive because only running text / scrolling text in the left side of the website.
This research aims to provide an update model for improving information systems
owned by UPIK by building a prototype of the Geographic Information System handling
the people complaints in Yogyakarta. Data is taken by observation, literature studies,
and documentation, and then reviewed while paying attention to the relevance and
benefit, until found a general description of the GIS prototype concept is built. Google
Fusion Tables API is a method used to visualize spatial data. This research products is
a prototype Geographic Information System (GIS) web-based and android-based called
MySIGSAG.
Keywords: GIS, Web services, Android, Google fusion tables API, Yogyakarta
ABSTRAK
Unit Pelayanan Informasi dan Keluhan (UPIK) merupakan fasilitas bagi
masyarakat untuk menyampaikan keluhan, pertanyaan, informasi, usul maupun saran
guna pengembangan pelayanan pemerintah dan pembangunan kota Yogyakarta. Namun
sangat disayangkan fasilitas yang disediakan untuk mengutarakan keluhan belum
mengikuti perkembangan teknologi. Selain itu, informasi keluhan yang disajikan kurang
komprehensif karena sebatas running text / scrolling text di bilah kiri website. Penelitian
ini bertujuan menyediakan model pemutakhiran sistem informasi yang dimiliki UPIK
dengan cara membuat prototype Sistem Informasi Geografis penanganan keluhan
masyarakat Yogyakarta. Data diambil dengan cara observasi, studi leteratur, dan
dokumentasi, kemudian dikaji dengan tetap memperhatikan relevansi serta manfaatnya,
sehingga diperoleh gambaran umum konsep prototype SIG yang dibangun. Google
Fusion Tables API merupakan metode visualisasi data spasial yang digunakan.
Penelitian ini menghasilkan prototype Sistem Informasi Geografis (SIG) berbasis web
dan mobile android dengan nama MySIGSAG.
Kata kunci: SIG, Web service, Android, Google fusion tables API, Yogyakarta
I. PENDAHULUAN
Unit Pelayanan Informasi dan Keluhan (UPIK) merupakan fasilitas bagi
masyarakat untuk menyampaikan keluhan, pertanyaan, informasi, usul maupun saran
guna pengembangan pelayanan pemerintah dan pembangunan kota Yogyakarta. Salah
satu bentuk keluhan publik yang sering menjadi perhatian adalah terkait kerusakan
jalan. Fasilitas yang disediakan UPIK adalah SMS ke 08122780001, telepon/fax ke
(0274)561270, e-mail ke upik@jogjakota.go.id, mengisi formulir di
http://upik.jogjakota.go.id/ atau datang langsung ke Bagian Hubungan Masyarakat dan
Informasi Sekretariat Daerah Kota Yogyakarta.
Media yang digunakan UPIK dalam menampung keluhan masyarakat masih
dinilai kurang dapat memberikan feedback yang informatif karena hanya sebatas
running text / scrolling text di bilah kiri website. Berbeda jika UPIK menggunakan
Sistem Informasi Geografis, maka data keluhan masyarakat dapat disimpan dengan baik
dan terorganisir. Selain itu, informasi yang disajikan juga lebih komprehensif karena
melibatkan multimedia, peta dan data spasial.
Dalam penelitian ini, prototype Sistem Informasi Geografis (SIG) dibuat dengan
cara memanfaatkan Google Fusion Tables API karena handal dalam menangani
penyimpanan dan visualisasi data. Selain itu dapat meminimalisir baris program yang
dibuat tanpa mengurangi esensi sebuah Sistem Informasi Geografis. Ditinjau dari faktor
LOC (Line of Code) untuk keperluan estimasi anggaran proyek, maka hal ini dapat
menghemat biaya pembuatan SIG dan secara tidak langsung dapat meningkatkan
keuntungan bisnis.
II. LANDASAN TEORI
2.1 Sistem Informasi Geografis (SIG)
Geographical Information System (GIS) atau yang dikenal dengan Sistem
Informasi Geografis (SIG) adalah produk teknologi alat bantu yang sangat esensial di
dalam proses-proses menyimpan, memanipulasi, menganalisis, dan menampilkan
kembali kondisi alam (termasuk jaringan utilitas yang terdapat di atasnya) dengan
bantuan atribut dan spasial (Rizki et al., 2016).
Gambar 2.1 Komponen kunci SIG (Suryani et al., 2011)
Gambar 2.1 menunjukkan bahwa komponen SIG terdiri dari sistem komputer,
data geospasial, dan pengguna SIG yang mengolah 2 macam data yaitu data geospasial
atau yang biasanya disebut data spasial dan data nonspasial (atribut). Pada Gambar 3.1
data atribut tidak digambarkan karena memang dalam SIG yang dipentingkan adalah
tampilan data secara spasial, walaupun sebenarnya pada SIG kadang-kadang juga
melibatkan data atribut, baik secara langsung maupun tidak langsung (Suryani et al.,
2011).
2.2 Data dan Informasi Spasial
Basis data spasial sendiri merupakan kumpulan data-data yang memiliki acuan
posisi (georeference) yang tetap atau memiliki kecenderungan untuk berubah, bergerak
atau berkembang (Hamidi, 2011).
Undang‐Undang Republik Indonesia Nomor 4 Tahun 2011 tentang Informasi
Geospasial menerangkan dalam Bab 1 Pasal 1 bahwa.
1. Spasial adalah aspek keruangan suatu objek atau kejadian yang mencakup lokasi,
letak, dan posisinya.
2. Geospasial atau ruang kebumian adalah aspek keruangan yang menunjukkan
lokasi, letak, dan posisi suatu objek atau kejadian yang berada di bawah, pada,
atau di atas permukaan bumi yang dinyatakan dalam sistem koordinat tertentu.
3. Data Geospasial yang selanjutnya disingkat DG adalah data tentang lokasi
geografis, dimensi atau ukuran, dan/atau karakteristik objek alam dan/atau buatan
manusia yang berada di bawah, pada, atau di atas permukaan bumi.
4. Informasi Geospasial yang selanjutnya disingkat IG adalah DG yang sudah diolah
sehingga dapat digunakan sebagai alat bantu dalam perumusan kebijakan,
pengambilan keputusan, dan/atau pelaksanaan kegiatan yang berhubungan dengan
ruang kebumian.
2.3 GPS
Global Positioning System (GPS) adalah suatu sistem radio navigasi penentuan
posisi menggunakan satelit. GPS dapat memberikan posisi suatu objek di muka bumi
dengan akurat dan cepat (koordinat tiga dimensi x, y, z) dan memberikan informasi
waktu serta kecepatan bergerak secara kontinyu di seluruh dunia (Riyanto, 2010).
Pada awalnya, ada 24 satelit MEO (Medium Earth Orbit) yang digunakan untuk
membantu melacak posisi, dengan membagi wilayah bumi menjadi 3 bagian yang
masing-masing diisi oleh 8 satelit. Dalam perkembangannya, bumi dibagi menjadi 6
bagian dengan 4 satelit melayani per wilayah. Karena mengorbit di MEO (ketinggian
rata-rata dari permukaan bumi sekitar 20.200 km), maka posisi orbit satelit kadang
berubah (bandingkan dengan GEO stationer yang berasda di 36.000 km) (Riyanto,
2010).
2.4 API
Appication Programming Interface (API) adalah sekumpulan fungsi, perintah dan
protokol yang dapat digunakan untuk menghubungkan satu aplikasi dengan aplikasi
yang lain agar dapat berinteraksi. Seiring dengan perkembangan internet, API dapat
diimplementasikan pada sisi server dan dapat digunakan oleh beberapa aplikasi yang
dapat terhubung ke server dengan menggunakan protokol tertentu. Pada protokol HTTP,
Appication Programming Interface umumnya disebut sebagai Web Appication
Programming Interface Server atau Web Service (Sena et al., 2013).
2.5 REST
Representational State Transfer yang disingkat REST merupakan salah satu jenis
arsitektur untuk penerapan web service yang menerapkan konsep perpindahan antar
state. State disini dapat digambarkan seperti peramban meminta suatu halaman situs, di
sisi server akan mengirimkan state halaman situs yang sekarang ke peramban. Navigasi
melalui URL yang disediakan sama halnya dengan mengganti state dari halaman situs.
Sama seperti REST bekerja, dengan bernavigasi melalui link HTTP untuk melakukan
aktivitas tertentu. Seakan-akan terjadi perpindahan state antara satu dengan yang lain.
Perintah HTTP yang bisa digunakan dalam REST adalah fungsi GET, POST, PUT atau
DELETE. Dalam pengaplikasiannya, REST lebih banyak digunakan pada web service
yang berorientasi data sumber daya. Sebutan untuk web service yang menerapkan
arsitektur REST adalah RESTful web service (Rahman et al., 2013).
2.6 Web Service
Web Service adalah suatu sistem perangkat lunak yang dirancang untuk
mendukung interaction and interoperability antar sistem pada suatu jaringan. Web
service digunakan sebagai suatu fasilitas yang menyediakan layanan (dalam bentuk
informasi atau data) kepada sistem lain, sehingga dapat berinteraksi dengan sistem
tersebut melalui layanan-layanan yang disediakan. Web service menyimpan data
informasi dalam format JSON atau XML, sehingga data ini dapat diakses oleh sistem
lain walaupun berbeda platform, sistem operasi, dan bahasa pemrograman (Rahman et
al., 2013).
2.7 JSON
JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan,
mudah dibaca, dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat oleh
komputer. Format ini dibuat berdasarkan bagian dari bahasa pemrograman JavaScript.
JSON merupakan format teks yang tidak bergantung pada bahasa pemrograman apapun
karena menggunakan gaya bahasa yang umum seperti C, C++, C#, Java, JavaScript,
Perl, dan Python. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai
bahasa pertukaran data. JSON terbuat dari dua struktur yaitu kumpulan pasangan nama
atau nilai dan daftar nilai terurutkan (an ordered list of values). Pada kebanyakan
bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan
(sequence) (Rahman et al., 2013).
2.8 Javascript
Berbeda dengan php yang diproses di sisi server, javascript diproses pada
komputer client. Pemrosesannya yang dilakukan di komputer client, membuat javascript
lebih interaktif dibanding php. Peran javascript dalam membuat website adalah
memberikan efek animasi yang menarik dan interaktifitas dalam penanganan event yang
dilakukan oleh pengguna website (Abdullah, 2015).
2.9 Google Service
Ekawati dan Suharjito (2016) menyatakan bahwa Google provides the flexibility
of API utilization that can be used from other software by using key facilitated by API
Google Developer Console.
Berdasarkan pernyataan tersebut diperoleh kesimpulan bahwa Google
menyediakan layanan yang dapat dimanfaatkan oleh perangkat lunak lainnya dengan
syarat menggunakan sebuah kunci yang telah difasiliasi oleh API Google Developer
Console.
2.10 Google Fusion Tables
Mogot dan Papilaya (2013) menyatakan bahwa Google Fusion Tables adalah
cloud based service system yang memberikan kemudahan dalam integrasi dan
pengaturan data. Proyek ini merupakan produk dari Google Inc yang diluncurkan pada
Juni 2009. Suatu data dalam organisasi tertentu akan mudah untuk diolah dan
diintegrasikan dengan service maupun fitur berbasis internet lainnya. Google Fushion
Tables memungkinkan user untuk mengunggah tabular data files (Spreadsheets, CSV,
KML) sampai 100MB. Sistemnya juga menyediakan beberapa cara penyajian data,
sebagai contoh charts, map, timelines dan memiliki kemampuan untuk menyaring data
serta melakukan fungsi agregat data. Google Fusion Tables mampu melakukan integrasi
data dari multiple sources dengan melakukan join antar tabel. User dapat menjaga
tingkat privasi data dengan pilihan hak akses yang sudah disediakan.
Gambar 2.4 Arsitektur google fusion tables (Mogot dan Papilaya, 2013)
Gambar 2.4 merupakan desain arsitektur google fusion tables yang menunjukkan
bahwa request pertama kali dapat dikirimkan oleh berbagai sumber. Sebagai contoh
sistem web yang memanfaatkan Google Fusion Tables, stand alone applications yang
memanfaatkan API atau sistem yang melakukan embedded visualisasi Google Fusion
Tables. Kemudian sistem akan melakukan generate peta digital sesuai dengan spatial
queries yang dikirimkn oleh sistem. Front end dispatcher mengubah request menjadi
perintah untuk presentasi dan menjadi query. Query inilah yang nantinya dijalankan
untuk menampilkan data sesuai request.
2.11 Google Apps Script
Google Apps Script is a coding and application development platform built into
Google Apps, enabling you to add functionality to spreadsheets, Gmail, Sites, and other
services from Google. For example, if your spreadsheet needs a menu item in the
toolbar for creating a pivot table, you can write a Google Apps Script that adds it to the
menu and performs the task. Google Apps Scripts can be created as standalone files in
Drive, inside a document or spreadsheet (these are known as container-bound), or in a
Google Site (Ferreira, 2014).
Berdasarkan pernyataan Ferreira (2014), maka dapat disimpulkan bahwa Google
Apps Script adalah sebuah platform untuk penulisan kode dan/atau pengembangan
aplikasi yang sudah menjadi bagian dari Google Apps, memungkinkan programmer
atau developer menambahkan fungsi ke spreadsheet, Gmail, Sites, dan layanan Google
lainnya. Misalnya jika spreadsheet Anda memerlukan item khusus di menu toolbar,
maka Anda dapat melakukannya dengan menuliskan program yang disesuaikan atas
class dan/atau fungsi yang tersedia dalam dokumentasi Google Apps Script.
2.12 Google Spreadsheets
Google spreadsheet atau Rinfo Spreadsheet merupakan salah satu tools yang
sudah disediakan oleh Google secara gratis, dapat diakses dimana saja dan kapan saja,
melalui handphone, tablet atau komputer bahkan ketika tidak ada koneksi internet
sekalipun (Handayani et al., 2017).
2.13 Android
Menurut John (2017) Android adalah sistem operasi seluler berbasis linux versi
tertentu yang sudah dimodifikasi. Awalnya dikembangkan oleh startup dengan nama
yang sama yaitu Android, Inc. Pada tahun 2005, sebagai bagian dari strategi untuk
memasuki ruang mobile, Google membeli Android, Inc. dan mengambil alih pekerjaan
pengembangannya (serta merekrut tim pengembang aslinya). Keuntungan utama
mengadopsi Android adalah karena ia menawarkan pendekatan terpadu untuk
pengembang aplikasi. Pengembang hanya perlu mengembangkan aplikasi untuk
Android secara umum, aplikasi mereka harus dapat berjalan di banyak perangkat mobile
berbeda yang bersistem operasi Android. Di dunia smartphone, aplikasi adalah bagian
terpenting dari rantai kesuksesan.
Menurut Meier (2010) Android code is written with Java syntax, and the core
Android libraries include most of the features from the core Java APIs. Before they can
be run, though, your projects must first be translated into Dalvik byte code. As a result,
you get the benefits of using Java while your applications have the advantage of
running on a virtual machine optimized for mobile devices.
Berdasarkan pernyataan Meier (2010), maka dapat disimpulkan bahwa kode
Android ditulis dengan sintaks Java, dan core Android libraries sudah mencakup
sebagian besar fitur dari core Java API'S. Namun, sebelum semua itu dapat dijalankan,
proyek terlebih dahulu diterjemahkan ke dalam Dalvik byte code. Hasilnya berupa
manfaat penggunaan Java, yaitu aplikasi dapat dijalankan pada mesin virtual yang
dioptimalkan untuk perangkat seluler.
2.14 Android Studio
Menurut John (2017) Android Studio contains myriad features to help everyone
from the greenest novices to the most senior superstar developers. By the time you finish
this chapter, you will be able to navi- gate through the features of Android Studio with
confidence, produce code that is easy to read and easy to reuse with the help of
refactoring, save and share your code to GitHub, and use breakpoints to quickly find
problems in your applications.
Android Studio is a powerful IDE that contains many tools. In this chapter you
learned how to navi- gate the different areas of the Android Studio IDE, such as the
Project window and the Editor tabs. You also learned how to set breakpoints and
navigate through paused code.
Berdasarkan pernyataan John (2017), maka dapat disimpulkan bahwa Android
Studio berisi berbagai fitur untuk membantu developer mulai dari kelas pemula hingga
senior. Memahami fitur-fitur yang disediakan Android Studio dapat memudahkan
developer menghasilkan baris kode yang mudah dibaca, dipahami, dan digunakan
kembali dengan bantuan refactoring. Selain itu membuat percaya diri jika ingin
mempublikasikan kodenya ke GitHub.
Android Studio adalah integrated development environment (IDE) yang berisi
berbagai tools seperti Navigasi untuk menuju ke bidang lain, Project window dan Edior
tabs.
III. METODOLOGI PENELITIAN
Dalam membuat aplikasi ini, metodologi yang digunakan adalah pengumpulan
data dan perancangan sistem.
3.1 Metode Pengumpulan Data
1. Observasi, yaitu melakukan pengamatan secara langsung laman UPIK sebagai
subyek penelitian, khususnya pada formulir keluhan dan widget pesan masyarakat.
Data dikumpulkan dengan cara mencatat daftar keluhan masyarakat yang
ditampilkan selama satu periode running text.
2. Studi literatur, yaitu mempelajari dan mengevaluasi penelitian sebelumnya dengan
tetap memperhatikan relevansi serta manfaatnya terhadap penelitian yang
dilakukan. Dokumen yang dipelajari meliputi buku, jurnal, laporan ilmiah
berkaitan dengan data dan sistem informasi geografis.
3. Dokumentasi, yaitu data keluhan masyarakat dikelompokkan menjadi beberapa
kategori diantaranya infrastruktur, normatif dan teknis. Data yang telah
dikelompokan dikaji berdasarkan studi leteratur untuk mendapatkan gambaran
umum tentang konsep sistem informasi geografis yang dibangun.
3.2 Metode Perancangan Sistem
Gambar 1.1 Metode waterfall (Sasmito, 2017)
Gambar 1.1 menunjukkan tahapan-tahapan yang harus dilalui dalam membangun
aplikasi ini, metode yang digunakan adalah air terjun (waterfall). Waterfal adalah
metode klasik yang sistematis dan sekuensial (Sasmito, 2017). Tahapan-tahapan ini
dijelaskan lebih lengkap pada paragraf berikut.
Analisis Syarat dan Ketentuan (Requirements definition)
Mengumpulkan data apa yang dibutuhkan secara lengkap, kemudian
dianalisis guna mendefinisikan kebutuhan yang harus dipenuhi oleh program yang akan
dibangun. Pada penelitian ini, anaisis kebutuhan dikelompokkan menjadi.
1. Identifikasi Masalah, yaitu permasalahan yang terjadi pada UPIK dalam dalam
menangani keluhan masyarakat Jogja diantaranya perolehan data pada widget
pesan masyarakat UPIK masih mengandalkan short message service (SMS) dan
formulir di web UPIK. Informasi yang disajikan hanya berupa plain text tanpa
visualisasi yang menarik. Informasi pada laman UPIK masih sangat terbatas dan
belum menjangkau perkembangan teknologi saat ini.
2. Analisa Sistem, yaitu UPIK yang memperoleh data secara interview dengan warga
Jogja dengan cara bertemu langsung di kantor UPIK, SMS dan formulir sederhana
di web beresiko terhadap rendahnya kualitas data, disamping itu waktu, tenaga,
dan biaya yang dikerahkan menjadi kurang efisien. Informasi keluhan yang
kurang “transparan” dapat berpengaruh terhadap minat masyarakat kota Jogja
dalam berpartisipasi melaporkan keluhan.
3. Kebutuhan Data, yaitu data yang dibutuhkan dalam desain sistem informasi
geografis ini diantaranya profil instansi, informasi akun google instansi atau
pribadi atau buat baru.
4. Kebutuhan Fungsional, yaitu terdiri dari proses login untuk pengguna, proses
login untuk administrator, pengolahan data pengguna meliputi read dan insert,
pengolahan data admin meliputi read, update, dan delete, proses visualisasi data
untuk platform web, dan proses visualisasi data untuk platform android.
Sistem dan Desain Perangkat Lunak (System and software design)
Setelah apa yang dibutuhkan selesai dikumpulkan dan sudah lengkap maka desain
kemudian dikerjakan.
Pada penelitian ini, desain aplikasi dikerjakan mulai dari perancangan sistem
menggunakan Unified Modeling Language (UML), kemudian antarmuka MySIGSAG
berbasis web, dan terakhir antarmuka MySIGSAG berbasis android.
Implementasi dan Pengujian Unit (Implementation and unit testing)
Desain aplikasi diterjemahkan ke dalam kode-kode dengan menggunakan bahasa
pemrograman yang sudah ditentukan. Program yang dibangun langsung diuji secara
unit, apakah sudah bekerja dengan baik.
Pada penelitian ini, bahasa pemrograman yang digunakan adalah php, java,
javascript, html dan css. Sementara itu, untuk mendapatkan hasil terbaik, maka
dilakukan pengujian program secara unit dengan cara mengkloning project utama
kemudian membandingkannya. Program dengan kinerja terbaik diimplemetasikan pada
project utama.
Integrasi dan Pengujian Sistem (Integration and system testing)
Penyatuan unit-unit program untuk kemudian diuji secara keseluruhan (system
testing).
Pada penelitian ini, pengujian sistem dilakukan dengan cara kompilasi project
utama MySIGSAG berbasis android sehingga diperoleh file dengan ekstensi *apk,
kemudian menjalankannya ke perangkat mobile android oppo find 5 mini. Sementara
itu, project utama MySIGSAG berbasis web dijalankan ke penyedia hosting yang telah
ditentukan.
Operasi dan Pemeliharaan (Operation and maintenance)
Mengoperasikan program di lingkungannya dan melakukan pemeliharaan, seperti
penyesuaian atau perubahan untuk adaptasi dengan situasi yang sebenarnya.
Pada penelitian ini, MySIGSAG berbasis android dijalankan pada ruang keadaaan
yang berbeda-beda seperti di ruang terbuka, ruang padat bangunan ataupun pohon,
hingga di ruang tertutup seperti di dalam gedung. Hal ini dilakukan untuk mengetahui
batas maksimal MySIGSAG dapat dioperasikan.
IV. HASIL PENELITIAN DAN PEMBAHASAN
4.1 Desain Arsitektur MySIGSAG
Gambar 4.1 Desain Arsitektur MySIGSAG
Gambar 4.1 adalah desain arsitektur MySIGSAG yang menunjukkan konsep dasar
dan cara kerja aplikasi sistem informasi geografis yang dibangun, dimana melibatkan
pengguna untuk melakukan input data atribut di lapangan, dibantu dengan GPS dan
Network Provider sehingga menjadi data spasial. Pengguna tidak berhak mengakses
langsung Google Service untuk melakukan olah data, karena itu sama halnya
menyerahkan otoritas kepada mereka. MySIGSAG berperan sebagai perantara antara
pengguna dengan layanan google untuk olah data sehingga menghasilkan informasi
yang direpresentasikan dalam bentuk chart dan marker diatas peta.
Komunikasi antar aplikasi dilakukan oleh MySIGSAG dengan Google Service.
Google Apps Script adalah tempat menuliskan berbagai macam fungsi dengan tujuan
tertentu menggunakan Javascript, termasuk fungsi yang mewakili operasi dasar CURD.
Google Apps Script dideploy sebagai web application, sehingga menjadi RESTful Web
Service. Hal ini memungkinkan MySIGSAG untuk melakukan request ke Base URL file
Apps Script tersebut menggunakan method GET dan POST melalui protokol HTTP.
Fungsi-fungsi yang mewakili operasi dasar CURD digunakan sebagai endpoint.
API beberapa layanan google perlu diaktifkan agar Google Apps Script dapat
berinteraksi dengan mereka. Google API Console merupakan control panel bagi
developer untuk mempersiapkan Kredensial yang diperlukan, termasuk membuat API
key, mengaktifkan / menonaktifkan API, dan melihat laporan statistik jumlah
permintaan (request), latency, atau error yang terjadi.
4.2 Home
Gambar 4.2 Info windows dan alert dialog MySIGSAG web
Gambar 4.3 menunjukkan antarmuka home, terdiri dari dari navigasi yang
meliputi Logo aplikasi di pojok kiri atas, menu Home yang menonjolkan informasi titik-
titik kerusakan, dipresentasikan dalam bentuk marker diatas peta dan pie chart untuk
ringkasan kalkulasi titik-titik lokasi dalam prosentase. Indikator warna pada marker dan
pie chart mencerminkan progress keluhan. Merah menerangkan status rusak, kuning
atau orange menerangkan status perbaikan atau dalam pengerjaan, dan hijau
menerangkan kasus telah “beres” diperbaiki atau ditangani.
Info window titik keluhan, yang dapat diketahui pengguna dengan cara mengklik
tiap marker yang dikehendaki. Sementara itu, alert dialog akan muncul dalam selang
waktu tertentu untuk menawarkan kepada pengguna apakah ingin mendapatkan info
terbaru dengan cara merefresh halaman web. Navigasi bar di bagian atas menyediakan
menu utama MySIGSAG mulai dari logo, Home untuk informasi utama, About untuk
deskripsi singkat aplikasi, Download untuk mengunduh aplikasi MySIGSAG berbasis
android, Contact untuk formulir kritik dan saran seputar aplikasi dan pelayanan, dan
login khusus untuk petugas yang berhak mengelola konten. Footer di bagian bawah
terdiri dari info credit di sisi kiri dan tautan sosial media di sisi kanan seperti facebook,
twitter, instagram dan youtube. Tombol (+) dan (-) di pojok kanan bawah digunakan
untuk zoom in dan zoom out tampilan peta.
4.3 Splash Screen
Gambar 4.3 Antarmuka splash screen MySIGSAG android
Gambar 4.4 menunjukkan antarmuka splash screen yaitu tampilan pertama atau
pembuka program yang muncul sebelum masuk ke menu utama. Antarmuka ini terdiri
dari tombol SSO (Single Sign On) google, artinya pengguna harus memiliki akun
google untuk dapat mengoperasikan aplikasi ini. Selain itu terdapat animasi background
seolah sedang “On the Way (OTW)” dan logo utama apliksi, ini hanya untuk menambah
nilai estetika dimata pengguna.
4.4 Halaman Utama
Gambar 4.4 Antarmuka halaman utama MySIGSAG android
Gambar 4.5 menunjukkan antarmuka halaman utama MySIGSAG android.
Halaman ini terdiri dari tombol LAPOR untuk pergi ke formulir lapor. Tombol CEK
MAP untuk mengetahui informasi dengan visualisasi diatas peta. Tombol CEK CHART
untuk mengetahui informasi dengan visualisasi pie chart. Tombol INFO mengetahui
petunjuk manual penggunaan aplikasi. Halaman ini dilengkapi dengan identitas
pengguna berupa foto, nama dan email. Identitas tersebut diambil secara otomatis pada
saat pengguna berhasil melakukan autentikasi. Tombol LOGOUT memfasiliasi
pengguna apabila ingin menghentikan aktifitas di dalam aplikasi MySIGSAG android,
sehingga mereka dikembalikan ke halaman splashscreen seperti pada Gambar 4.4.
4.5 Halaman Lapor
Gambar 4.5 Antarmuka lapor MySIGSAG android
Gambar 4.6 menunjukkan antarmuka halaman Lapor Kasus, diawali dengan
dialog yang mengingatkan pengguna untuk mengaktifkan pengaturan lokasi. Terdapat
dua tombol pada dialog tersebut yaitu Cancel untuk membatalkan pengaturan dan
Location Settings untuk mengarahkan pengguna ke pengaturan lokasi perangkat
smartphone yang digunakan. Mengakses halaman lapor perlu mengaktifkan terlebih
dahulu pengaturan lokasi perangkat android pengguna entah itu GPS, Network atau
keduanya. Jika keduanya belum aktif maka akan ditampilkan alert dialog yang
mengarahkan pengguna ke pengaturan tersebut. Jika pengguna membatalkan pengaturan
lokasi, maka form validation berlaku.
Gambar 4.6 Form validation lapor MySIGSAG android
Gambar 4.7 menunjukkan form validation lapor bekerja, ditandai dengan
peringatan berupa blink text “Belum ada foto!” yang artinya bidang foto harus dipenuhi,
dan tanda seru di lingkaran merah yang ketika diklik akan muncul pop up keterangan
agar mengisi field isian, baik Nama maupun Keterangan. Sementara kotak merah
mengindikasikan bahwa pengaturan lokasi belum diaktifkan, secara otomatis info
Longitude, Latitude dan Address juga kosong atau berstatus loading. “Lapor Kasus” di
navigasi bar bagian atas sebagai judul halaman. Tombol dengan icon camera untuk
mengarahkan pengguna ke aplikasi foto bawaan smartphone pengguna. Tombol dengan
icon segitiga untuk mengirimkan formulir ke server google services. Field nama untuk
isian nama pengguna. Field keterangan untuk isian deskripsi keluhan pengguna.
Longitude untuk menampilkan informasi garis bujur yang dihasilkan device GPS.
Latitude untuk menampilkan informasi garis lintang yang dihasilkan device GPS. Icon
satelit dan kotak dibawahnya sebagai indikator untuk menampilkan jumlah satelit yang
dapat diakses oleh device GPS perangkat smartphone pengguna.
Gambar 4.7 GPS aktif di halaman lapor MySIGSAG android
Gambar 4.8 menunjukkan pengaturan lokasi telah diaktifkan ditandai dengan
indikator satelit berwarna hijau. Saat pengguna mengaktifkan GPS, maka indikator
berwarna hijau disertai dengan jumlah satelit dapat “ditangkap” dan diakses oleh
smartphone pengguna. Aturan main untuk mendapatkan posisi fix dua dimensi adalah
minimal 3 satelit, jika kurang dari 3 maka indikator satelit berwarna merah sebagaimana
ditunjukkan pada Gambar 4.6, dan jika terpenuhi maka berwarna hijau. Hasilnya adalah
berupa informasi alamat (Address) disertai titik koordinat pada Longitude dan Latitude.
Latitude untuk menampilkan informasi garis lintang yang dihasilkan device GPS. Icon
satelit dan kotak dibawahnya sebagai indikator untuk menampilkan jumlah satelit yang
dapat diakses oleh device GPS perangkat smartphone pengguna.
Gambar 4.8 Network aktif di halaman lapor MySIGSAG android
Gambar 4.8 menunjukkan pengaturan lokasi telah diaktifkan ditandai dengan
indikator satelit berwarna jingga. Saat pengguna mengaktifkan Network, maka indikator
satelit berwarna jingga disertai dengan tulisan “NET” yang menerangkan network.
Tidak ada maksud lain dalam warna ini kecuali hanya untuk membedakan dengan GPS
provider. Hasilnya adalah berupa informasi alamat (Address) disertai titik koordinat
pada Longitude dan Latitude. Longitude untuk menampilkan informasi garis bujur yang
dihasilkan device Network Provider. Latitude untuk menampilkan informasi garis
lintang yang dihasilkan device Network Provider. Icon satelit dan kotak dibawahnya
sebagai indikator untuk menampilkan status pengaturan lokasi sebagai “NET” artinya
Network Provider.
4.6 Halaman Cek Map
Gambar 4.9 Halaman map MySIGSAG android
Gambar 4.10 menunjukkan antarmuka halaman Pantau Kasus yang menonjolkan
informasi titik-titik kerusakan, dipresentasikan dalam bentuk marker diatas peta digital.
Info window titik tersebut dapat diketahui pengguna dengan cara mengklik tiap marker
yang dikehendaki. “Pantau Kasus” di navigasi bar bagian atas sebagai judul halaman.
Tombol Map dan Satellite di pojok kiri atas digunakan untuk merubah mode tampilan
peta digital, mode map peta untuk tampilan vector atau mode satellite untuk tampilan
citra satellite atau potret real satellite. Marker berwarna merah menandakan bahwa
kasus atau titik keluhan atau titik kerusakan belum teratasi atau belum tersentuh oleh
pemerintah kota Jogja. Marker berwarna kuning menandakan bahwa kasus atau titik
keluhan atau titik kerusakan dalam proses perbaikan atau pengerjaan oleh pemerintah
kota Jogja. Marker berwarna hijau menandakan bahwa kasus atau titik keluhan atau titik
kerusakan sudah “beres” atau “tuntas” ditangani oleh pemerintah kota Jogja, sehingga
layak dioperasikan kembali. Tombol (+) dan (-) di pojok kanan bawah digunakan untuk
zoom in (memperdekat) dan zoom out (memperjauh) tampilan peta.
V. PENUTUP
5.1 Kesimpulan
Berdasarkan studi kasus Unit Pelayanan Informasi dan Keluhan (UPIK) kota
Yogyakarta, maka kesimpulan yang dapat diambil dalam penelitian ini adalah.
1. Tercapainya pembuatan prototype sistem informasi geografis berbasis web
dengan nama MySIGSAG yang dapat menyajikan informasi keluhan masyarakat
Jogja secara komprehensif, dan dapat diakses melalui laman
https://sig.bundet.com.
2. Tercapainya pembuatan prototype sistem informasi geografis berbasis android
dengan nama MySIGSAG yang dapat menyajikan informasi keluhan masyarakat
Jogja secara komprehensif, sekaligus memfasilitasi masyarakat Jogja untuk
mengutarakan keluhannya, dan dapat “diunduh” melalui laman
https://sig.bundet.com → menu Download.
5.2 Saran
Saran yang dapat diberikan peneliti untuk pengembangan prototype MySIGSAG
ke versi berikutnya adalah.
1. Menambahkan fitur penelusuran dari titik saat ini ke titik tujuan (tracking) pada
halaman cek map.
2. Menambahkan fitur push notifications saat terjadi perubahan informasi baik
berupa respon administrator atau laporan baru dari pengguna lain menggunakan
teknologi Firebase.
3. Membuat informasi map dan chart menjadi realtime.
4. Menambahkan fitur sosial media untuk diskusi intens seputar keluhan lalu lintas
dan angkutan jalan.
DAFTAR PUSTAKA
Ekawati, R. and Suharjito, 2016. API Fusion Tables and Google Maps Integration for
GIS Thematic Mapping Visualization. International Journal of Software
Engineering and its Applications, 10 (2), 77–92.
Ferreira, J., 2014. Google Apps Script. 2nd ed. Sebastopol: O’Reilly Media, Inc.
Hamidi, 2011. Aplikasi Sistem Informasi Geografis Berbasis Web Penyebaran Dana
Bantuan Operasional Sekolah. Jurnal Masyarakat Informatika, 2 (3), 1–14.
Handayani, I., Kusumahati, H., and Badriah, A. N., 2017. Pemanfaatan Google
Spreadsheet Sebagai Media Pembuatan Dashboard pada Official Site iFacility di
Perguruan Tinggi. Jurnal Ilmiah SISFOTENIKA, 7 (2), 177–186.
John, W., 2017. Beginning Android Programming with Android Studio. 1st ed.
Indianapolis: John Wiley & Sons, Inc.
Meier, R., 2010. Professional Android 2
TM
Application Development. Development.
Indiana: Wiley Publishing, Inc.
Mogot, T. F. and Papilaya, F. S., 2013. Perancangan dan Implementasi Website Sistem
Informasi Geografis untuk Monitoring Persebaran Titik Api Kebakaran Hutan di
Kabupaten Kotawaringin Barat Berbasis Google Maps API. Jurnal Teknik
Informatika, Fakutas Teknologi Informasi, Universitas Kristen Satya Wacana
Salatiga, 6–23.
Rahman, M. A., Kuswardayan, I., and Hariadi, R. R., 2013. Perancangan dan
Implementasi RESTful Web Service untuk Game Sosial Food Merchant Saga pada
Perangkat Android. Jurnal Teknik POMITS, 2 (1), 2–5.
Rizki, S. D., Van FC, L. L., and Lisnawita, 2016. Sistem Informasi Geografis Pemetaan
Kandang Perternakan Di Kabupaten Padang Pariaman Berbasis Android. Jurnal
Teknologi Informasi & Komunikasi Digital Zone, 7 (2), 100–107.
Sasmito, G. W., 2017. Penerapan Metode Waterfall Pada Desain Sistem Informasi
Geografis Industri Kabupaten Tegal. Jurnal Informatika:Jurnal Pengembangan IT
(JPIT), 2 (1), 6–12.
Sena, S. A., Muttaqin, A., and Setyawan, A., 2013. Perancangan dan Pembuatan
Application Interface Server untuk Arduino. Jurnal Teknik Elektro, Fakultas
Teknik Universitas Brawijaya, 1 (4), 1–6.
Suryani, S., Sasongko, P. S., and Suharto, E., 2011. Sistem Informasi Geografis
Pemetaan Sekolah Tingkat Pendidikan Dasar Dan Menengah Di Kota Serang.
Jurnal Masyarakat Informatika, 2 (3), 39–50.
