Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788

Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

Aplikasi Smartphone GIS (Geografik Information System) Pencarian

Lapangan Futsal Daerah Tangerang Berbasis Android
Munich Heindari Ekasari1, Dessy Diana2, Mohamad Saefudin3

Sistem Informasi, STMIK Jakarta STI&K

Email: [email protected], [email protected], [email protected]

Submitted Date: January 13th, 2020 Reviewed Date: January 14th, 2020
Revised Date: January 28th, 2020 Accepted Date: January 31st, 2020

Abstract

Geographyc Information System (GIS) is an information system that is applied to store, recall, enter,
analyze, process, and produce data in the form of geographic data, used for decision making in support of
a system development plan. The problem of finding information to find out the location of various places
in an area with the help of smart phones. The use of smart phones in a growing community, then the idea
arose to create an application called Find Your Futsal, which is an application about futsal field information
based on the Geographyc Information System in the Tangerang area. Futsal has many benefits for the
surrounding community. They can use the futsal field to support various futsal activities. The design method
of this GIS application research application uses the SDLC (System Development Life Cycle) research
method. Started designing the displays in the application, designing the database used in making the
application. Next start the application by coding with a predetermined programming language using the
Android Studio application. Furthermore, it is compiled and implemented on Android-based mobile
devices. The application of the results of this study is a geographic information system application futsal
field in the city of Tangerang that is simple and easy to use. As well as GPS and maps as features in it.

Keywords: GIS, Futsal, Tangerang, Android, smart phone

Abstrak

Geographyc Information System (GIS) merupakan sistem informasi yang diterapkan untuk
menyimpan, memanggil kembali, memasukkan, menganalisa, mengolah, dan menghasilkan data berupa
data geografis, digunakan untuk pengambilan keputusan dalam mendukung suatu perencanaan pembuatan
sistem. Masalah pencarian informasi untuk mengetahui lokasi berbagai tempat pada disuatu wilayah
demgan bantuan ponsel pintar. Penggunaan ponsel pintar di masyarakat semakin berkembang, maka timbul
ide untuk membuat sebuah aplikasi bernama Find Your Futsal, yaitu aplikasi mengenai informasi lapangan
futsal berbasis Geographyc Information System yang ada di wilayah Tangerang. Futsal sangat mempunyai
banyak manfaat bagi masyarakat sekitar. Mereka dapat menggunakan lapangan futsal untuk menunjang
berbagai kegiatan futsal. Metode perancangan aplikasi penelitian aplikasi GIS ini menggunakan metode
penelitian SDLC (System Development Life Cycle). Dimulai merancang tampilan-tampilan yang ada di
aplikasi tersebut, merancang database yang digunakan dalam pembuatan aplikasi. Selanjutnya memulai
pembuatan aplikasi dengan pengkodean dengan bahasa pemrograman yang sudah ditentukan yaitu
menggunakan aplikasi android studio. Selanjutnya dilakukan kompilasi dan diimplementasikan pada
perangkat ponsel berbasis Android. Penerapan hasil penelitian ini adalah sebuah aplikasi informasi system
geografis lapangan futsal di Kota Tangerang yang sederhana dan mudah digunakan. Serta GPS dan maps
sebagai fitur-fitur yang ada di dalamnya.

Kata kunci: GIS, Futsal, Tangerang, Android, ponsel pintar

1 Pendahuluan selular berbasis Linux. Android juga menyediakan

Perangkat bergerak yang perkembangannya platform terbuka bagi para pengembang untuk
pesat saat ini berbasis Android. Android menciptakan aplikasi sendiri. Ada beberapa
merupakan sistem operasi yang digunakan telpon keunggulan yang dimiliki oleh Android, di

http://openjournal.unpam.ac.id/index.php/JTSI/index 22
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

antaranya adalah Open source, ketersediaan sebagai system computer untuk memadukan,
aplikasi yang berkualitas, keberagaman pilihan menyimpan, membagi, serta menampilkan
perangkat, harga terjagkau, bebas mengatur ukuran informasi yang mengambil acuan geografis.
ROM, dan terkoneksi dengan seluruh layanan
Google, seperti Gmail, Google Docs, Google
Maps, YouTube, Google Talk, Google+, dan mesin
pencari Google. Peneliti mengangkat tema Android 2 Pustaka Terkait
sebagai bahan penelitian. Penelitian ilmiah ini
peneliti membangun sebuah aplikasi yang 2.1 Futsal
berisikan tentang informasi lapangan Futsal di Futsal adalah salah satu cabang olahraga
daerah Tangerang. Futsal adalah olahraga yang yang termasuk dalam permainan bola besar. Futsal,
sangat popular sehingga olahraga ini banyak dewasa ini berkembang menjadi salah satu
digemari masyarakat dari berbagai golongan permainan alternatif sepak bola, menilik pada
khususnya masyarakat di daerah Tangerang. efisiensi pernggunaan lahan atau lapangan bermain
Penyaluran hobi futsal banyak dibangun yang lebih kecil. Oleh karenaitu futsal dianggap
tempat-tempat untuk menyediakan sarana dan sebagi permainan yang mampumemberikan sensasi
prasarana pendukung untuk melakukan olahraga bermain yang sama halnya yang didapat oleh
futsal di daerah Tangerang. Aplikasi ini berbasis pemain saat bermain sepak bola (Achwani,
Geographic Information System atau lebih dikenal Muhammad. 2016)
dengan GIS sehingga dapat menuntun para
pemakai aplikasi untuk tahu di mana lokasi 2.2 Android
lapangan futsal. Aplikasi ini dibuat dengan Android merupakan suatu sistem operasi
menggunakan bahasa pemrograman java dalam berbasis Linux dipergunakan untuk telepon seluler
Android Studio. Keunggulan bahasa pemrograman seperti telepon pintar atau komputer tablet.
java adalah multiplatform, pemrograman berbasis Android adalah aplikasi platform terbuka utuk para
objek, perpustakaan kelas yang lengkap dan pengembang dalam menciptakan aplikasi mereka
memiliki fasilitas pengaturan penggunaan memori. dan digunakan dengan bermacam peranti bergerak.
Sedangkan kelebihan mobile Android adalah Awalnya, Google Inc. membeli Android Inc.
multitasking, kemudahan dalam notifikasi dan pendatang baru yang membuat peranti lunak untuk
akses mudah terhadap ribuan aplikasi Android. ponsel. Perkembangan Aplikasi Android lebih
Adapun batasan masalah dari penelitian ini lanjut maka dibentuklah Open Handset Alliance,
adalah konsep dari GIS (Geographic Information yaoitu suatu konsorsium terdiri dari tiga puluh
System) sebagai penyedia dan pemroses informasi empat perusahaan hardware, software, dan
berdasarkan lokasi mengenai informasi geografis telekomunikasi, termasuk didalamnya adalah
yang berkaitan dengan lapangan futsal yang ada di Google, HTC, Qualcomm, Motorola, T-Mobile,
Kota Tangerang. Informasi yang adaantara lain: Intel, dan Nvidia.
alamat, nomor telepon dan peta. Aplikasi ini Dewasa ini terdapat dua jenis distributor
menerapkan fitur GPS dalam perangkat Android. besar sistem operasi Android. Pertama yang
Aplikasi ini terdapat 19 lapangan futsal di Kota mendapat dukungan penuh dari Google atau
Tangerang. Aplikasi ini menggunakan bahasa Google Mail Services (GMS) dan keduaadalah
pemrograman java & XML sebagai bahasa yang benar–benar bebas distribusinya tanpa
pemrogramannya. dukungan langsung Google atau dikenal sebagai
Penelitian ini bertujuan untuk membangun Open Handset Distribution (OHD) (N. Safaat,
sebuah aplikasi informasi system geografis 2015)
lapangan futsal di Tangerang yang sederhana,
mudah dibawa dan diharapkan dapat membantu 2.3 Android Studio
para pemakai. System informasi geografis Android Studio merupakan perangkat lunak
(Geographic Information System) yang terdapat di terintergrasi berupa Lingkungan Pengembangan
dalam aplikasi ini, pemakai dapat dengan mudah Terpadu - Integrated Development Environment
mengetahui lokasi lapangan futsal yang ada di (IDE) dalam pengembangan aplikasi Android,
daerah Tangerang. GIS adalah sistem yang berdasarkan IntelliJ IDEA . Android Studio
digunakan untuk menangkap, menyimpan, merupakan editor kode IntelliJ juga alat
menganalisa, serta mengelola data dan karakteristik pengembang yang banyak manfaatnya. Android
yang berhubungan secara special mengambil Studio juga menawarkan fitur sangat banyak untuk
referensi ke bumi. Sistem ini dapat didefinisikan meningkatkan produktivitas para pengembang

http://openjournal.unpam.ac.id/index.php/JTSI/index 23
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

membuat aplikasi Android, (N. Safaat, 2015) program yang menyediakan antarmuka atau
misalnya: penghubung antara aplikasi berbasis web dengan
• Sistem versi berbasis Gradle yang fleksibel fungsi-fungsi yang mendukung.
• Emulator yang cepat dan kaya fitur Google API adalah kode program yang
• Lingkungan yang menyatu untuk disederhanakan untuk kita tambahkan ke sebuah
pengembangan bagi semua perangkat Android aplikasi atau web yang kita bangun. Kode API ini
• Instant Run digunakan untuk membuat dapat dipergunakan untuk mengakses,
aplikasi yang berjalan tanpa membuat APK menjalankan, memanfaatkan fungsi atau fitur yang
baru ada pada Google. Misalnya saja kita bisa
• Template kode yang terintegrasi dengan menambahkan fitur Google Map pada website kita.
GitHub sebagai fitur aplikasi yang sama dan Google API dapat dipelajari langsung melalui
mengimpor kode contoh Google Code. Pada fungsi Google Code kita belajar
• Alat pengujian dan kerangka kerja yang tentang Google API kemudian dapat
ekstensif mengimplementasikan pada aplikasi website yang
• Alat Lint untuk meningkatkan kinerja, kita kembangkan. Berikut ini adalah sebagian kode
kegunaan, kompatibilitas versi, dan masalah- API yang terdapat pada Google, beberapa di
masalah lain antaranya adalah:
1. Language API: untuk memanfaatkan fitur
• Dukungan C++ dan NDK
translation yang dimiliki Google.
• Dukungan bawaan untuk Google Cloud 2. Earth API: memanfatkan fitur yang ada
Platform, mempermudah pengintegrasian pada Google Earth
Google Cloud Messaging dan App Engine. 3. Javascript API
4. Maps API: memanfaatkan fitur yang ada
Selain berbagai keunggulan yang ada pada
pada Google Maps
Android Studio, software ini juga memiliki
5. Search API: memanfaatkan fitur pencarian
kelemahan yaitu lebih berat digunakan
pada Google Search
dibandingkan dengan Eclipse IDE. Namun jika 6. Visualization API berfungsi untuk
dilihat dari berbagai sudut pandang, Android
membuat grafik atau chart dengan Google
Studio lebih unggul sebagai software pengembang
API
aplikasi Android dan cepat dalam melakukan
7. YouTube API digunakan untuk
update ke versi terbarunya. Sistem Minimal yang memanfaatkan fitur YouTube seperti untuk
dibutuhkan oleh android studio yaitu: pencarian video
• OS Windows 7/8 32 - 64 bit
• RAM 3 GB Minimum , Disarankan memakai Salah satu manfaat mempelajari Google API
RAM 8 GB , I GB untuk Android Emulator adalah memanfaatkan Google AJAX APIs
• 2 GB Minimum Ruang di Hardisk 4 GB Playground. AJAX APIs playground merupakan
Disarankan sebuah alamat internet disediakan Google untuk
• 1280 x 800 Minimum Resolusi Layar kita mencoba secara langsung banyak Google API
• Java Development Kit (JDK) 7 or Java yang berbasis AJAX (Asynchronous Javascript and
Development Kit ( JDK ) 8 (Support API 24 XML). Semua kode program dalam sintaks
,Android Nougat Javascript dapat di lihat dan dikopi paste secara
• Untuk bisa mengakses emulator terbaru langsung kemudian di digunakan website kita.
pastikan intel processor kalian mendukung Google AJAX API dapat kita integrasikan data
Intel® VT-x, Intel® EM64T (Intel® 64), and pada website kita dengan memanfaatkan fitur API
Execute Disable (XD) Bit functionality. yang disediakan oleh Google. (Rena Ariyanti,
Khairil, Indra Kanedi, 2015)
2.4 Google API
Google API bisa di katakan bagian dari 2.5 SDK
Framework Google. Google menyediakan fungsi Android-SDK adalah perangkat bagi para
API (Application Programming Interface) sangat pengembang aplikasi yang ingin membuat aplikasi
berguna untuk pengembang jenis web atau aplikasi berbasis google android. Android SDK di
desktop. API ini memanfaatkan banyak fitur yang dalamnya terdapat seperangkat alat pengembangan
disediakan Google seperti misalnya: AdSense, sangat komprehensif. Android SDK terdiri
Search Engine, Translation maupun YouTube. API dari libraries, debugger, handset emulator,
bisa diartikan secara sederhana sebagai kode dokumentasi, tutorial, dan contoh kode. Saat ini

http://openjournal.unpam.ac.id/index.php/JTSI/index 24
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

Android sudah mendukung arsitektur x86 pada versi terbarunya,yaitu Adobe Photoshop CC atau
Linux (distribusi Linux apapun Creative Cloud (Macdoms, 2009)
untuk desktop modern), Mac OS X 10.4.8 atau
lebih, Windows XP atau Vista. 2.9 Struktur Navigasi
Persyaratanmencakup JDK, Apache Ant dan Struktur navigasi merupakan urutan alur
Python 2.2 atau yang lebihbaru. IDE yang informasi aplikasi multimedia. Struktur navigasi
didukung secara resmi adalah Android Studio, merupakan suatu aplikasi multimedia yang
dengan ini pengembang dapat menggunakan teks mempunyai suatu pedoman dan arah informasi
editor untuk mengedit file Java dan XML serta yang jelas (Suyanto, Asep Herman, 2008).
menggunakan peralatan command line untuk
menciptakan, membangun, melakukan debug 3 Metode Penelitian
aplikasi Android dan pengendalian perangkat Untuk memperoleh bahan–bahan dan
Android (misalnya, reboot, menginstal paket informasi yang dibutuhkan dalam perancangan
perangkat lunak dengan jarak jauh) (M. Ichwan, aplikasi menggunakan metode penelitiab SDLC
Fifin Hakiky, 2011) (System DevelopmentLife Cycle). Tahapan
metode SDLC dibagi menjadi 5 bagian, yaitu: fase
2.6 Java Script identifikasi, fase analis, fase perancangan, fase
JavaScript merupakanbahasa script popular implementasi, dan fase uji coba.
dipakai untuk menciptakan halaman Web yang Fase analisis, pada fase ini adalah
dapat berinteraksi dengan pengguna dan dapat memecahkan masalah dalam pembuatan aplikasi
merespon event yang terjadi pada halaman. Java dan menggambar kerangka agar terlihat dengan
Script merupakan perekat yang menyatukan jelas hal-hal yang perlu dilakukan dalam proses
halaman-halaman Web. Akan sangat susah pembuatan aplikasi, mengumpulkan dan
menjumpai halaman Web komersial yang tidak mempelajari berbagai sumber pustaka yang
memuat kode Java Script (Irawan, 2012) berhubungan dengan data dan android.
Fase perancangan, pada fase ini dimulai
2.7 Map Type membuat, rancangan tampilan. Dalam merancang
Google Maps ini layanan gratis yang tampilan perlu dipikirkan aspek pendukung seperti
diberikan oleh Google dan sangat popular. Google design interface dan beberapa aspek lainnya
Maps berisi peta dunia dan dapat kita gunakan sehingga pengguna dapat menikmati tampilan
melihat suatu area dibumi. Aplikasi Google Maps aplikasi analisa ini.
adalah suatu peta dijalankan menggunkan aplikasi Fase implementasi dan uji coba akan
dalam bentuk browser. Kita bias menambahkan dilakukan pada komputer dengan menggunakan
fitur Google Maps ke web yang kita kembangkan laptop Acer Aspire 4740G dengan spesifikasi
atau pada blog berbayar ataupun gratis sekalipun Processor Intel® Core i5 M430 @2.26GHz, RAM
fitur Google Maps API. Google Maps API 4 GB dan VGA GeForce 310M serta aplikasi
berbentuk library yang dibangun menggukan Android Studio.
bahasa JavaScript.
Sedangkan, Map Type merupakan tipe peta 4 Perancangan dan Implementasi
yang ditampilkan, dimana peta di tampilkann Pada bab ini akan membahas perancangan
dalam bentuk jalan ataupun secara penampakan yang digunakan pada aplikasiFind Your Futsal.
dari atas satelit. Tipe peta yang saya gunakan Tahapan yang dilakukan untuk mendukung
adalah tipe peta Road, karena mungkin para pembuatan aplikasi ini dengan membuat struktur
pengunjung atau wisatawan membutuhkan peta navigasi, storyboard, perancangan interface,
untuk mencapai objek wisata tujuan mereka yang implementasi, spesifikasi software dan hardware.
berupa gambar jalan. Aplikasi ini dirancang untuk memberikan
informasi kepada masyarakat serta lokasi lapangan
2.8 Adobe Photoshop futsal yang ada di wilayah kota Tangerang dengan
Adobe Photoshop merupakan sebuah bantuan google maps.
aplikasi pengolahgambar (digital imaging) yang
banyak digunakan dan memberikan kontribusi 4.1 Rancangan Aplikasi
besar bagidunia digital dancetak. Dalam Perangcangan Aplikasi merupakan tahapan
perkembangannya software ini mengalami dari rancangan program yang akan dilakukan.
beberapa peningkatan versi. Pada versiter barunya, Pertama adalah merancang diagram UML(Unified
Adobe sebagai developer aplikasi mengeluarkan Modelling Language).Diagram UML yang akan

http://openjournal.unpam.ac.id/index.php/JTSI/index 25
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

dibuat adalah Use Case Diagram dan Activity 4.3 Activity Diagram
Diagram. Secara umum, activity diagram
menggrambarkan alur aktivitas dalam sistem,
bagaimana masing-masing alur berawal, decision
yang mungkin terjadi, dan bagaimana mereka
berakhir. State awal dari aplikasi ini adalah Splash
4.2 Use Case Diagram Screen. Kemudian dilanjutkan ke Menu utama dan
ditemukan oleh proses pararel, yaitu proses state
memilih menu Find, memilih menu help, memilih
menu about dan memilih menu exit.

Gambar 1 Use Case Diagram

Berikut adalah penjelasan dari diagram Use

Case di atas:
• Find merupakan suatu proses yang dilakukan
Gambar 2 Activity Diagram
user agar dapat mengetahui lapangan futsal
yang berada di wilayah Tangerang.
Pada kondisi pertama yaitu user memilih
• Pada saat user memilih menu Find , user dapat menu Find . Menu tersebut akanmasuk ke tampilan
memilih daftar lapangan futsal yang sudah yang berisi daftar lapangan futsal yang dapat
tersedia. dipilih oleh user.Jika user telah memilih lapangan
• Setelah user memilih lapangan futsal, lalu futsal yang diinginkan maka akan berpindah ke
akan muncul tampilan informasi lapangan tampilan yang memberikan informasi tentang
mengenai alamat lapangan, nomor telepon, lapangan futsal yang sudah dipilih oleh user.Pada
jumlah lapangan, jenis lapangan, ukuran tampilan menu informasi lapangan futsal terdapat 2
lapangan, jam operasional dan harga sewa tombol yang dapat membantu user untuk melihat
lapangan. navigasi dari tempat user berada ke lokasi lapangan
• Kemudian saat user memilih cek lokasi futsal dengan menggunakan google maps dan
makauser dapat mengetahui informasi lokasi untuk menelpon ke lapangan futsal yang sudah
lapangan futsal yang sudah dipilih pada menu dipilih.
sebelum dengan bantuan Google Maps. Pada kondisi kedua pada saat user memilih
• Lalu saat user memilih call maka user akan menu Help yang akan menjelaskan cara
langsung menelpon ke nomor lapangan futsal penggunaan aplikasi yang telah dibuat.
yang sudah dipilih pada menu sebelumnya. Pada kondisi ketiga yaitu user memilih menu
• Pada saat user memilih help untuk About, pada menu ini menjelaskan tentang tujuan
menampilkan cara penggunaan aplikasi serta kegunaan dari aplikasi yang telah dibuat.
tersebut. Pada kondisi keempat jika user memilih
• Lalu saat user memilih menu About untuk menu Exit akan muncul alert dialog yang terdapat
menampilkan tujuan dari aplikasi. dua pilihan yaitu jika user memilih ya maka akan
• Kemudian saat user memilih menu exit untuk keluar dari aplikasi, lalu jika user memilih tidak
keluar dari aplikasi. maka user akan tetap di menu utama.

http://openjournal.unpam.ac.id/index.php/JTSI/index 26
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

4.4 Struktur Navigasi

Rancangan struktur navigasi pada aplikasi
GIS lapangan futsal di daerah Tangerang berbasis
android ini menggunakan struktur navigasi hirarki
atau yang sering disebut struktur navigasi
bercabang. Struktur navigasi bercabang merupakan
struktur yang mengandalkan percabangan untuk
menampilkan data berdasarkan kriteria tertentu.

Gambar 4 Storyboard
Storyboard berisi sebuah gambar sketsa yang
digunakan untuk perancangan aplikasi dan
menunjukan secara visual bagaimana sebuah
aplikasi berjalan. Dalam aplikasi storyboard
Gambar 3 Struktur Navigasi menerangkasn tentang perjalanan user dalam
menggunakan aplikasi ini. (Dhimas, Andreas,
Dari Struktur navigasi di atas, dapat dilihat 2013). Gambar 4 adalah storyboard dari aplikasi
tampilan menu utama terdiri dari 4 menu yaitu Find Find Your Futsal.
, Help, About, Exit. Menu Find berisikan list
lapangan futsal yang ada di kota Tangerang. 4.6 Rancangan Aplikasi
Selanjutnya jika sudah memilih lapangan futsal Rancangan tampilan aplikasi yang dibuat
yang diinginkan, akan muncul halaman informasi akan memberikan gambaran serta penjelasan dari
lapangan futsal yang telah dipilih berserta tiap gambar dan teks. Tampilan ini
gambarnya, lalu terdapat 2 tombol yaitu tombol cek menggambarkan sebuah hubungan anatara
lokasi untuk mengetahui lokasi lapangan dan tampilan yang satu dengan yang lainnya. Selain itu
tombol call untuk menelpon. Kemudian pada menu rancangan tampilan bertujuan supaya aplikasi yang
Help akan menampilkan cara menggunakan dihasilkan menarik,mudah dipahami dan mudah
aplikasi. Lalu pada menu About akan penggunaannya.
memunculkan dialog tentang aplikasi. Dan menu
Exit untuk keluar dari aplikasi. 4.7 Rancangan Halaman Splash Screen
Halaman Splash Screen adalah halaman
4.5 Storyboard awal yang ditampilkan oleh aplikasi ini, dimana
halaman ini menampilkan gambar dan progressbar
yang sudah diatur dalam hitungan detik untuk
masuk ke halaman selanjutnya.

http://openjournal.unpam.ac.id/index.php/JTSI/index 27
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

Gambar 5 Rancangan Splash Screen

4.10 Rancangan Halaman Help
4.8 Rancangan Halaman Menu Pada rancangan halaman menu Help, berisi
Secara umum pada aplikasi ini menampilkan informasi tentang cara penggunaan aplikasi ini.
4 Menu utama dalam bentuk tombol, yaitu Find , Halaman ini menggunakan TextView yang akan
Help, About, dan Exit. Rancangan tampilan Menu menampilkan isi pesan dari halaman.
sebagai berikut:

Gambar 6 Rancangan Menu Gambar 8 Rancangan Help

4.9 Rancangan Halaman Find 4.11 Rancangan Halaman About

Rancangan ini menampilkan daftar lapangan Halaman ini merupakan sebuah tampilan
futsal di wilayah Tangerang. User dapat memilih pop up dialog yang menampilkan tujuan dan
salah satu dari daftar lapangan futsal yang tersedia. kegunaan dari aplikasi ini. Dibawah ini adalah
User akan memilih salah satu lapangan futsal yang rancangan tampilan halaman About.
akan menampilkan gambar lapangan futsal dan
memberikan informasi mengenai alamat, nomor
telpon, jumlah lapangan, jenis lapangan, ukuran
lapangan, jam operasional, harga sewa lapangan,
tombol untuk menampilkan lokasi lapangan futsal
dengan bantuan google maps dan tombol untuk
melakukan panggilan ke lapangan futsal.

Gambar 9 Rancangan About

4.12 Rancangan Halaman Exit

Halaman Exit adalah halaman yang
bertujuan untuk mengakhiri program aplikasi atau
kembali untuk menggunakan aplikasi tersebut.
Halaman ini memunculkan alertdialog dengan 2
pilihan ketika tombol Exit ditekan pada menu
utama. Maka akan muncul pilihan yang pertama Ya
untuk keluar dari aplikasi dan pilihan kedua Tidak
untuk kembali menggunakan aplikasi. Berikut
adalaha rancangan tampilan halaman keluar:

Gambar 7 Rancangan Halaman Find Futsal

http://openjournal.unpam.ac.id/index.php/JTSI/index 28
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

5.2 Halaman Menu

Tampilan di bawah ini merupakan tampilan
halaman menu utama yang berisi gambar serta
empat tombol yaitu Find, help, about dan, exit.

Gambar 10 Rancangan Exit

5 Hasil Dan Pembahasan

Setelah melalui tahap perancangan aplikasi,
Selanjutnya masuk ke tahap implementasi.
Pembuatan aplikasi ini memiliki beberapa bagian
yaitu Menu utama yang berisi tombol Find , Help, Gambar 12 Halaman Menu
About, dan Exit. Untuk membuat aplikasi ini pada
android studio membuat desain tampilan dengan 5.3 Halaman Daftar Lapangan Futsal
bentuk .xml yang berada pada folder resource (res). Tampilan di bawah ini merupakan tampilan
Untuk menjalankan programnya yang berbentuk halaman daftar lapangan futsal yang berisi daftar
.java dapat diketikkan beberapa kodingan sesuai lapangan futsal di wilayah Tangerang.
kebutuhan.

5.1 Halaman Splash Screen

Tampilan di bawah ini merupakan tampilan
halaman Splash Screen yang menjadi tampilan
awal aplikasi ini.

Gambar 13 Daftar Lapangan Futsal

5.4 Halaman Informasi Futsal

Tampilan di bawah ini merupakan tampilan
halaman informasi lapangan futsal yang terdiri dari
Gambar 11 Splash screen alamat, nomor telpon, jumlah lapangan, jenis
lapangan, ukuran lapangan, jam operasional, harga
sewa lapangan serta 2 tombol yaitu cek lokasi dan
call.

http://openjournal.unpam.ac.id/index.php/JTSI/index 29
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

Gambar 16 Halaman panggilan

Gambar 14 Informasi Lapangan Futsal
5.5 Halaman Help
Tampilan di bawah ini adalah tampilan maps Tampilan dibawah ini merupakan tampilan
dari button cek lokasi yang kordinat lokasi halaman help yang berfungsi untuk menampilkan
lapangan futsalnya sudah ditentukan pada marker. tata cara penggunaan aplikasi.

Gambar 15 Tampilan Maps Gambar 17 Halaman Help

Jika pengguna menekan tombol call maka 5.6 Halaman About

akan muncul tampilan dibawah ini yaitu tampilan Tampilan di bawah ini merupakan tampilan
saat melakukan panggilan ke nomor yang sudah halaman about yang menjelaskan tentang tujuan
ditentukan sebelumnya. pembuatan aplikasi ini.

http://openjournal.unpam.ac.id/index.php/JTSI/index 30
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

No Pertanyaan Pilihan Jawaban SS*

(%)
SS S TS STS
(4) (3) (2) (1)
1. Apakah 8 10 2 0 82,5
aplikasiFind Your
Futsal ini
menarik?
2. Apakah tampilan 5 10 3 2 72,5
aplikasiFind Your
Futsal ini sudah
cukup baik?
3. Apakah 5 10 4 1 73,75
aplikasiFind Your
Futsal ini cukup
praktis?
4. Apakah aplikasi 4 12 4 0 75
ini mudah
dipahami?
5. Apakah tampilan 3 9 8 0 71,25
Gambar 18 Halaman About informasi lapangan
futsal aplikasi ini
5.7 Halaman Exit sudah cukup baik?
Tampilan dibawah ini merupakan tampilan 6. Apakah informasi 3 10 4 3 70,25
halaman keluar yang berisi dua pilihan yaitu lapangan futsal
pilihan untuk keluar dari aplikasi atau tetap berada aplikasi ini sudah
di dalam aplikasi. lengkap dan jelas?
7. Apakah informasi 4 8 8 0 70
lapangan futsal
yang ditampilkan
mudah
dimengerti?
8. Apakah aplikasi 3 9 8 0 71,25
ini membantu
pengguna dalam
menemukan
lapangan futsal
yang diinginkan?
9. Bagaimana dengan 4 12 3 1 74,75
navigasi dan fitur
yang ditawarkan?
10. Apakah 5 10 4 1 73,75
AplikasiFind Your
Futsal yang telah
dibuat sesuai
dengan
Gambar 19 Halaman Exit kebutuhan?

5.8 Kuisioner
Untuk kuisioner Peneliti menggunakan skala Pada tabel 3.2 kolom SS* merupakan
likert. Kuisioner ini memiliki 5 pertanyaan dan perhitungan menggunakan rumus:
pilihan jawabannya ada 4 yaitu SS (Sangat Setuju), Summated Scale =
S (Setuju), TS (Tidak Setuju), dan STS (Sangat (bobot setiap pilihan x ∑ jawaban)
x 100%
Tidak Setuju). Jumlah responden ada 20 orang. ∑ responden x bobot maksimal pilihan

Berikut adalah pertanyaan beserta jawaban

yang diberikan oleh responden Dari skor setiap butir pertanyaan, kemudian
dirata-rata dan dikonversi ke dalam kategori
Tabel 3.2 Kuisioner sebagai berikut:

http://openjournal.unpam.ac.id/index.php/JTSI/index 31
Jurnal Teknologi Sistem Informasi dan Aplikasi ISSN: 2654-3788
Vol. 3, No. 1, Januari 2020 (22-32) e-ISSN: 2654-4229

- 76% – 100% = sangat Pada Sistem Informasi Geografis Direktori

baik/menarik/sesuai/efektif Perguruan Tinggi Di Kota Bengkulu
- 51% – 75% = baik/menarik/sesuai/efektif M. Ichwan, Fifin Hakiky, Jurnal Informatika No.2 , Vol.
- 26% – 50% = kurang 2, Mei – Agustus 2011, Pengukuran Kinerja
Goodreads Application Programming Interface
baik/menarik/sesuai/efektif
(Api) Pada Aplikasi Mobile Android (Studi
- 0% – 25% = tidak Kasus Untuk Pencarian Data Buku)
baik/menarik/sesuai/efektif Irawan, 2012, “Belajar Interaktif Javascript untuk
Orang Awam Edisi ke-2”, Maxikom, Palembang
Diketahui bahwa semua komponen program Madcoms, 2009, “Panduan Lengkap : Adobe Photoshop
sudah berfungsi dengan baik, yaitu memperoleh CS4”, Jakarta, Andi.
skor 73,5%. Suyanto, Asep Herman, 2008, “Step by Step Web Design
Theory and Practice Edisi II”, Yogyakarta., Andi
5. Kesimpulan Publisher.
Aplikasi GIS lapangan futsal di wilayah Dhimas, Andreas ,“ Cara Mudah Merancang
Storyboard untuk Animasi Keren”, Taka
Kota Tangerang berbasis Android telah selesai
Publisher, Yogyakarta, 2013
dibuat dan diterapkan pada smartphone. Kesulitan
yang dialami dalam membuat aplikasi ini adalah
dalam membuat maps, dibutuhkan ketelitian dalam
menghubungkan titik kordinatdengan maps.
Aplikasi ini mempunyai kelebihan selain
mencari lapangan futsal yaitu menampilkan secara
detail informasi lapangan futsal. Informasi yang di
dapat oleh pengguna yaitu alamat, nomor telpon,
jumlah lapangan, jenis lapangan, ukuran lapangan,
jam operasional dan, harga sewa lapangan.
Aplikasi ini dapat melakukan panggilan untuk
memesan lapangan futsal via telpon.
Hasil uji coba yang telah diterapkan pada
beberapa smartphone android dapat disimpulkan
proses aplikasi berjalan baik pada smartphone
Samsung Galaxy S7 Edge dengan versi system
operasi 7.0, android Asus Zenfone 5 dengan versi
sistem operasi 4.4.2, android Samsung Galaxy
Grand Duos dengan versi sistem operasi 4.4.2,
android Vivo Y555 dengan versi sistem operasi
6.0. Aplikasi ini juga memiliki kekurangan dimana
di dalam aplikasi ini user interface hanya
mencakup 1 wilayah saja, serta pengembangannya
terhadap platform lain seperti IOS.
Aplikasi GIS Lapangan Futsal di Kota
Tangerang pada ponsel berbasis Android
diharapkan memiliki tampilan user interface yang
lebih baik, cakupan wilayah yang lebih luas, dan
pengembangan terhadap platform lain.

Referensi
Achwani, Muhammad. 2016, Peraturan Permainan
Futsal 2015/2016 (Draft Terjemahan ke Bahasa
Indonesia Untuk Asosiasi Futsal Indonesia),
FIFA.
N. Safaat, 2015, “Pemograman Aplikasi Mobile
Smartphone Dan Tablet PC Berbasis Android”,
Bandung, Informatika.
Rena Ariyanti, Khairil, Indra Kanedi, Jurnal Media
Infotama Vol. 11 No. 2, September 2015 ISSN
1858 – 2680 Pemanfaatan Google Maps Api

http://openjournal.unpam.ac.id/index.php/JTSI/index 32