iv

APLIKASI PERSEBARAN RUMAH KOST BERBASIS ANDROID

(Studi Kasus: Kota Malang)

Rezalendra Putra Pratama, 1625917

Pembimbing I: Silvester Sari Sai, ST., MT.
Pembimbing II: Adkha Yuliananda, ST., MT.

ABSTRAKSI
Sebagai salah satu pusat pendidikan di Indonesia, Malang didatangi ribuan
mahasiswa baru setiap tahunnya. Yang kemudian diiringi pula oleh pertumbuhan
rumah kost di seluruh penjuru kota. Dengan banyaknya pilihan yang ada, membuat
pertimbangan untuk mencari rumah kost pun ikut bervariasi., Penelitian ini
dilakukan untuk memudahkan masyarakat, terutama mahasiswa di Kota Malang
untuk mencari rumah kost sesuai pertimbangan-pertimbangan yang dipilih. Dengan
memanfaatkan teknologi Android, Google Map API, dan GPS, persebaran rumah
kost dapat dengan mudah terpetakan,
Tujuan dari penelitian ini adalah untuk membuat sebuah aplikasi berbasis
Android yang dapat memetakan persebaran rumah kos di Kota Malang, kemudian
masyarakat dapat mencari rumah kos tersebut dengan mudah. Data yang digunakan
adalah data spasial seperti koordinat latitude dan longitude, dan data non spasial
seperti fasilitas kos, harga, jenis kos, alamat, fasilitas, dan foto kos.
Seletah melakukan uji aplikasi dan uji blackbox, dapat disimpulkan bahwa
aplikasi persebaran rumah kos sudah dapat berjalan baik dan optimal. Kemudian,
menurut uji usabillity yang sudah dilakukan terhadap 30 responden, aplikasi dinilai
memiliki manfaat yang sangat baik dengan hasil nilai hasil 86%. Aplikasi juga
dinilai sangat memudahkan masyarakat dalam mencari rumah kos, sesuai dengan
nilai 88% dari hasil uji.

Kata kunci: Aplikasi, Android, Persebaran Kost, Google Map Api, GPS

v
 DAFTAR ISI

ABSTRAKSI ....................................................................................................... v
DAFTAR ISI ...................................................................................................... vi
DAFTAR GAMBAR .......................................................................................... ix
DAFTAR TABEL .............................................................................................. xi
BAB I. PENDAHULUAN ............................................................................. 1
1.1 Latar Belakang .................................................................................. 1
1.2 Rumusan Masalah.............................................................................. 2
1.1 Batasan Masalah ................................................................................ 2
1.3 Tujuan dan Manfaat ........................................................................... 3
1.3.1 Manfaat ............................................................................................. 3
1.4 Sistematika Penelitian ........................................................................ 3
1.3.2 Tujuan ............................................................................................... 3
BAB II. DASAR TEORI ................................................................................. 5
2.1 Kost ................................................................................................... 5
2.2 Android ............................................................................................. 5
2.2.1 Android Software Development Kit .................................................... 5
2.2.2 Android Studio................................................................................... 6
2.3 Bahasa Pemrograman ........................................................................ 7
2.3.1 Java ................................................................................................... 7
2.3.2 eXtensible Markup Language (XML ) ................................................ 8
2.3.3 PHP Hypertext Preprocessor (PHP) .................................................. 9
2.3.4 HyperText Markup Language (HTML)............................................... 9
2.4 Sistem Informasi Geografis (SIG) .................................................... 10
2.5 Sistem Informasi Geografis berbasis Mobile (Mobile SIG) .............. 11
2.6 Google Map ..................................................................................... 12
2.7 Google Map API .............................................................................. 12
2.8 Global Positioning System (GPS) .................................................... 13
2.9 Basis Data........................................................................................ 14
2.10 MySQL ............................................................................................ 15
2.11 Entity-Relationship Diagram (ERD) ................................................ 16

vi
2.12 Rapid Application Development (RAD) ............................................ 17
BAB III. METODE PENELITIAN ................................................................. 20
3.1 Tempat Penelitian ............................................................................ 20
3.2 Alat dan bahan ................................................................................. 20
3.2.1 Alat ................................................................................................. 21
3.2.2 Bahan .............................................................................................. 21
3.3 Diagram Alir Pengerjaan ................................................................. 21
3.4 Deskripsi Umum Aplikasi ................................................................ 24
3.5 Perancangan Basis Data ................................................................... 24
3.5.1 Entity Relationship Diagram (ERD) ................................................ 25
3.5.2 Perancangan Tabel User .................................................................. 25
3.5.3 Perancangan Tabel Lokasi ............................................................... 26
3.5.4 Perancangan Tabel Kamar ............................................................... 27
3.5.5 Perancangan Tabel Fasilitas ............................................................. 27
3.6 Perancangan Antar Muka ................................................................. 28
3.6.1 Antar Muka Halaman Utama ........................................................... 28
3.6.2 Rancangan Antar Muka Halaman Peta Persebaran Kost ................... 29
3.6.3 Rancangan Antar Muka Halaman Detail Kost .................................. 30
3.6.4 Rancangan Antar Muka Halaman Input Data Kost ........................... 30
3.7 Pembuatan Aplikasi ......................................................................... 31
3.7.1 Pembuatan Basis Data ..................................................................... 31
3.7.2 Penulisan Program ........................................................................... 32
3.8 Upload Hosting ............................................................................... 43
BAB IV. HASIL DAN PEMBAHASAN ........................................................ 48
4.1 Hasil Pembuatan Aplikasi ............................................................... 48
4.1.1 Implementasi Basis Data .................................................................. 48
4.1.2 Implementasi Antar Muka ............................................................... 50
4.2 Pengujian Aplikasi ........................................................................... 58
4.2.1 Pengujian Black Box (Black Box Test) ............................................. 59
4.2.2 Pengujian Perangkat Lunak.............................................................. 59
4.2.3 Pengujian Kelayakan Apllikasi (Usability Test) ............................... 59
BAB V. KESIMPULAN DAN SARAN ........................................................ 63

vii
5.1 Kesimpulan ..................................................................................... 63
5.2 Saran ............................................................................................... 63
DAFTAR ISI ..................................................................................................... 64
LAMPIRAN ...................................................................................................... 67

viii
 DAFTAR GAMBAR

Gambar 3. 1 Peta administrasi Kota Malang ....................................................... 20

Gambar 3. 2 Diagram alur pengerjaan aplikasi ................................................... 22
Gambar 3. 3 Deskripsi umum aplikasi ................................................................ 24
Gambar 3. 4 ERD Aplikasi ................................................................................ 25
Gambar 3. 5 Rancangan antar muka halaman utama ........................................... 29
Gambar 3. 6 Rancangan antar muka halaman utama ........................................... 29
Gambar 3. 7 Rancangan antar muka detail kamar kost........................................ 30
Gambar 3. 8 Rancangan antar muka input data kost ........................................... 31
Gambar 3. 9 Pembuatan Basis Data.................................................................... 31
Gambar 3. 10 Pembuatan tabel pada basis data .................................................. 32
Gambar 3. 11 Program koneksi ke database ....................................................... 32
Gambar 3. 12 Program pendaftaran user............................................................. 33
Gambar 3. 13 Program untuk menampilkan form login ...................................... 34
Gambar 3. 14 Program memasukkan data lokasi rumah kost .............................. 35
Gambar 3. 15 Program menampilkan Google Map ............................................. 36
Gambar 3. 16 Program untuk melakukan pencarian rumah kost ......................... 37
Gambar 3. 17 Memasukkan nama project pada Android Studio ......................... 40
Gambar 3. 18 Memilih versi Android pada Android Studio ................................ 41
Gambar 3. 19 Memilih tampilan aplikasi pada Android Studio ........................... 41
Gambar 3. 20 Menulis user permission pada program ...................................... 41
Gambar 3. 21 Kode untuk menampilkan web server........................................... 42
Gambar 3. 22 Kode untuk mengatur tema aplikasi ............................................. 42
Gambar 3. 23 Membangun aplikasi dengan menu buid project ........................... 43
Gambar 3. 24 Membuat file APK ....................................................................... 43
Gambar 3. 25 Login cpanel ................................................................................ 44
Gambar 3. 26 Tambah user basis data ................................................................ 44
Gambar 3. 27 Buat basis data baru ..................................................................... 45
Gambar 3. 28 Import basis data localhost ke hosting .......................................... 45
Gambar 3. 29 Tampilan file manager hosting .................................................... 46
Gambar 3. 30 Upload folder localhost ke hosting ............................................... 46

ix
Gambar 3. 31 File localhost yang sudah di-upload ke hosting ............................ 47
Gambar 3. 32 Koneksi program ke basis data ..................................................... 47
Gambar 4. 1 Implementasi tabel user ................................................................. 48
Gambar 4. 2 Implementasi tabel lokasi ............................................................... 49
Gambar 4. 3 Implementasi tabel detail ............................................................... 49
Gambar 4. 4 Implementasi menu daftar .............................................................. 50
Gambar 4. 5 Implementasi menu login ............................................................... 51
Gambar 4. 6 Implementasi menu utama ............................................................. 52
Gambar 4. 7 Implementasi menu pencarian ........................................................ 53
Gambar 4. 8 Implementasi menu daftar kost ...................................................... 54
Gambar 4. 9 Implementasi menu detail kost ....................................................... 55
Gambar 4. 10 Implementasi menu daftar kost .................................................... 56
Gambar 4. 11 Implementasi menu input detail kamar ......................................... 57
Gambar 4. 12 Implementasi menu kost saya ....................................................... 58

x
 DAFTAR TABEL

Tabel 2. 1 Notasi ERD ....................................................................................... 16

Tabel 3. 1 Tabel user .......................................................................................... 26
Tabel 3. 2 Tabel basis data lokasi ....................................................................... 26
Tabel 3. 3 Tabel basis data kamar ...................................................................... 27
Tabel 3. 4 Tabel basis data fasilitas .................................................................... 28
Tabel 4. 1 Implementasi basis data .................................................................... 48
Tabel 4. 2 Tabel pengujian perangkat lunak ....................................................... 59
Tabel 4. 3 Tabel hasil kuesioner kelayakan aplikasi ........................................... 60
Tabel 4. 4 Hasil uji usability .............................................................................. 60

xi
 BAB I.
PENDAHULUAN

1.1 Latar Belakang

Menurut UU nomor 4 tahun 2011, informasi geospasial adalah aspek
keruangan suatu objek yang mencakup lokasi, letak, dan posisinya. Dimana
Informasi Geospasial dikembangkan untuk mencapai 3 tujuan. Pertama untuk
menjamin ketersediaan dan akses terhadap informasi geospasial yang dapat
dipertanggung jawabkan. Kedua agar penyelenggaraan informasi geospasial di
Negara Indonesia dapat terkoordinasi dengan baik. Jelas siapa yang bertanggung
jawab untuk menyelenggarakan informasi geospasial. Ketiga, mendorong agar
penggunaan informasi geospasial menjadi lebih banyak lagi diberbagai sektor
pemerintah, aktivitas dunia usaha, maupun di masyarakat.
Salah satu bentuk pemanfaatan dari informasi berbasis geospasial adalah
dengan membuat sebuah aplikasi pemetaan rumah kost terutama di Kota Malang.
Sebagai salah satu pusat pendidikan di Indonesia, Malang didatangi ribuan
mahasiswa baru setiap tahunnya. Yang kemudian diiringi pula oleh pertumbuhan
rumah kost di seluruh penjuru kota. Dengan banyaknya pilihan yang ada, membuat
pertimbangan untuk mencari rumah kost pun ikut bervariasi. Seperti mencari rumah
kost dengan pertimbangan harga, jenis kost, fasilitas kost, atau bedasarkan lokasi
kost itu sendiri.
Penelitian ini dilakukan untuk memudahkan masyarakat, terutama mahasiswa
di Kota Malang untuk mencari rumah kost sesuai pertimbangan-pertimbangan yang
dipilih. Dengan memanfaatkan teknologi Android, Google Map API, dan GPS,
persebaran rumah kost dapat dengan mudah terpetakan, sampai dengan
mendapatkan rute menuju rumah kost tersebut. Penelitian ini juga akan membantu
masyarakat pemilik kost untuk memasarkan rumah kost nya. Pemilik kost dapat
dengan mudah memasarkan kostnya tanpa mengeluarkan biaya, dan dengan cara
yang sangat mudah.
Penelitian ini adalah perkembangan dari beberapa penelitian sebelumnya
yang sudah pernah dilakukan sebelumnya. Nolly (2017) membuat sebuah
penelitian skripsi dengan tema Sitem Informasi Persebaran Kost-Kostan dengan

1
 2

studi kasus Kelurahan Sumber Sari, Kota Malang. Dari penelitian ini, terdapat
beberapa kekurangan yang dapat dikembangkan seperti aplikasi yang hanya
berjalan pada localhost, dan sistem pencarian pada aplikasi tersebut juga masih
terbatas pada satu kelurahan saja. Aplikasi tersebut juga hanya dapat memfilter
pencarian dari dua kategori saja, yaitu jenis dan harga. Azzaliawan (2014) juga
telah melakukan peneitian dengan tema Sistem Pemandu Pencarian Tempat Kost
Terdekat Di Area ITN Malang. Namun, terdapat bebera kekurangan yang mampu
diperbaiki pada penelitian ini, seperti filter pencarian yang hanya membedakan tipe
kos saja (kost putra dan kost putri). Sistem pendaatan rumah kos juga terbatas pada
radius 2 Km dari kampus ITN Malang. Sistem pendaftaran rumah kos juga hanya
dilakukan oleh administrator program, yang membuat lokasi kos yang terdaftar
pada aplikasi tidak bertambah.

1.2 Rumusan Masalah

Berdasarkanlatar belakang tersebut, maka dapat dirumuskan permasalahan
yang dihadapi adalah:
1. Bagaimana membuat sebuah aplikasi yang dapat memudahkan masyarakat
dalam memasarkan dan mencari rumah kost di Kota Malang.
2. Bagaimana membuat sebuah aplikasi yang dapat menentukan lokasi rumah
kost yang ada di Kota Malang.

1.1 Batasan Masalah

Batasan masalah yang diambil pada penelitian skripsi ini adalah:
1. Aplikasi berbasis Android dan Google Map API dengan meggunakan base
map dari Google Map .
2. Aplikasi menggunakan antar muka berbahasa Indonesia.
3. Aplikasi menampilkan persebaran rumah kost daerah Kota Malang.
4. Aplikasi terhubung dengan basis data yang menyimpan attribute spasial dan
non spasial.
5. Aplikasi menggunakan bahasa pemrograman HTML, Javascript, PHP,
MySQL,
6. Aplikasi tidak melayani proses transaksi pembayaran.
 3

7. Aplikasi dapat dijalankan secara online dengan terhubung internet melalui

wifi atau data selular.

1.3 Tujuan dan Manfaat

Penelitian ini diharapkan dapat memenuhi tujuan dan manfaat sebagai berikut:

1.3.1 Tujuan
Tujuan dari penelitian ini adalah:
1. Membuat sebuah aplikasi Android yang dapat mempermudah pencarian
rumah kost di daerah Kota Malang.
2. Membuat sebuah aplikasi Android dengan memanfaatkan Google Map API
dan Global Positioning System yang dapat menampilkan peta persebaran
rumah kost di Kota Malang.

1.3.2 Manfaat
Penelitian ini dapat memberikan manfaat seperti berikut ini:
1. Sebagai sarana promosi bagi para pemilik kost di Kota Malang untuk
memasarkan rumah kost dengan informasi yang akurat.
2. Sebagai sumber informasi bagi para user untuk mempermudah pencarian
rumah kost di Kota Malang.
3. Mewujudkan program UU No. 4 Tahun 2011 tentang Informasi Geospasial,
yaitu mendorong penggunaan informasi geospasial menjadi lebih banyak lagi
di berbagai sektor pemerintah, aktivitas dunia usaha, dan masyarakat.

1.4 Sistematika Penelitian

Laporan penelitian ini disusun dengan sistematika berikut ini
1. Bab I Pendahuluan, berisi tentang latar belakang pada judul yang di ambil,
tujuan penelitian berisi tentang tujuan dari penelitian yang diambil, rumusan
yang dimaksud adalam apa yang akan dilakukan pada penelitian tersebut,
manfaat penelitian adalah guna dari penelitian yang diambil, dan sistematika
penulisan yaitu tata cara dalam penulisan penelitian.
2. Bab II Dasar Teori, berisi tentang dasar-dasar teori atau jurnal yang berkaitan
dan mendukung adanya penelitian.
 4

3. Bab III Metodologi Penelitian, berisi tentang metodologi penelitian yaitu

pelaksanaan atau tahapan dalam penelitian.
4. Bab IV Hasil dan Pembahasan, berisi tentang hasil dan pembahasan dari
pelaksanaan pengolahan data penelitian yang telah dilakukan.
5. Bab V Kesimpulan dan Saran, berisi tentang kesimpulan dari isi penelitian
yang dan saran untuk memperbaiki penelitian selanjutnya.
 BAB II.
DASAR TEORI

2.1 Kost
Kost merupakan sejenis tempat tinggal berupa kamar yang disewa selama
kurun waktu tertentu sesuai dengan perjanjian pemilik kamar dan harga yang
disepakati. Umumnya penyewaan kamar dilakukan selama kurun waktu satu tahun.
Namun demikian ada pula yang hanya menyewakan selama satu bulan, tiga bulan,
dan enam bulan, sehingga sebutannya menjadi sewa tahunan, bulanan, tri bulanan,
dan tengah tahunan. Penyewaan yang kurang dari waktu itu mahasiswa lebih
memilih di penginapan. Berbeda dengan kost-kostan, rumah kontrakan merupakan
bentuk satu rumah sewa yang disewakan kepada masyarakat khususnya bagi para
pelajar dan mahasiswa yang bertempat tinggal di sekitar kampus, selama kurun
waktu tertentu sesuai dengan perjanjian sewa dan harga yang disepakati (Utomo,
2009).

2.2 Android
Android merupakan suatu sistem operasi yang terdistribusi secara open
source. Teridiri dari sistem operasi, dan aplikasi. Android menyediakan platform
yang terbuka bagi para pengembang untuk menciptakan aplikasi mereka. Awalnya
Google Inc. membeli Android Inc. yang merupakan pendatang baru yang membuat
piranti lunak untuk ponsel. Android merupakan generasi baru platform mobile yang
memberikan pengembangan untuk melakukan pengembangan sesuai dengan yang
diharapkannya (Rosadi, 2016).
Android menawarkan pendekatan terpadu untuk pengembangan aplikasi
perangkat mobile yang berarti pengembang hanya perlu mengembangkan untuk
Android, dan aplikasi mereka harus mampu berjalan pada perangkat yang berbeda
yang didukung oleh Android (Tutorials Point, 2014).

2.2.1 Android Software Development Kit

Android SDK (Software Development Kit) adalah tools API (Application
Programming Interface) yang diperlukan untuk mulai mengembangkan aplikasi
pada platform Android menggunakan bahasa pemrograman Java. Android

5
 6

merupakan subset perangkat lunak untuk ponsel yang meliputi sistem operasi,
middleware dan aplikasi kunci yang di-release oleh Google. Saat ini disediakan
Android SDK sebagai alat bantu dan API untuk mulai mengembangkan aplikasi
pada platform Android menggunakan bahasa pemrograman Java. Sebagai platform
aplikasi-netral, Android memberi kesempatan pada pengguna untuk membuat
sendiri aplikasi yang dibutuhkan yang bukan merupakan aplikasi bawaan
handphone/smartphone (Safaat H, 2012).

2.2.2 Android Studio

Android Studio adalah sebuah Integrated Development Environment (IDE)
untuk mengembangkan aplikasi pada platform Android. Android Studio
diumumkan pada 16 Mei 2013 pada konferensi Google I/O. Android Studio tersedia
secara bebas di bawah Apache License 2.0. Android Studio berada di awal tahap
akses preview mulai dari versi 0.1 pada Mei 2013, kemudian memasuki tahap beta
mulai dari versi 0.8 yang dirilis pada bulan Juni 2014. Android Studio dengan
kemampuan yang stabil dirilis pada Bulan Desember 2014, mulai dari versi 1.0.
Android Studio tersedia untuk diunduh pada Windows, Mac OS X dan Linux
(Gautama, 2015).
Android Studio memiliki beberapa fitur yang akan meningkatkan
produktivitas pengembang ketika membangun aplikasi Android, antara lain adalah
sebagau berikut (Android Developers, 2016):
1. GRADle-based build system yang fleksibel.
2. Emulator yang cepat dan kaya akan fitur.
3. Lingkungan terpadu di mana pengembang dapat mengembangkan aplikasi
untuk semua perangkat Android.
4. Instant Run untuk menekan perubahan pada aplikasi yang sedang berjalan
tanpa membangun APK baru.
5. Kode template dan integrasi Github untuk membantu pengembang
membangun fitur aplikasi yang umum dan mengimpor sample code.
6. Testing tools dan framework yang luas.
7. Lint tools untuk mengoptimalkan kinerja, kegunaan, kompatibilitas versi, dan
masalah lainnya.
 7

8. Dukungan C++ dan NDK.

9. Dukungan Built-in untuk Google Cloud Platform, sehingga mudah untuk
mengintegrasikan Google Cloud Messaging dan App Engine.

2.3 Bahasa Pemrograman

Bahasa pemrograman atau yang sering diistilahkan juga dengan bahasa
komputer atau bahasan pemrograman komputer adalah intruksi standar untuk
memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari
aturan sintaks dan semantik yang dipakai untuk mendefinisikan program komputer.
Bahasa ini memungkinkan seseorang progammer dapat menentukan secara persis
data mana yang akan diolah oleh komputer, bagaimana data ini akan
disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam
berbagai situasi. Menurut tingkat kedekatannya dengan mesin komputer, bahasa
pemrograman teridiri dari (Wahyudi, 2013):
1 Bahasa mesin, yaitu memberikan perintah kepada komputer dengan memakai
kode bahasa biner, contohnya 01100101100110.
2 Bahasa tingkat rendah atau dikenal dengan bahasa rakitan, yaitu memberikan
perintah kepada komputer dengan memakai kode-kode singkat (mnemonic),
contohnya MOV, SUB, CMP, JMP, JGE, JL, LOOP, dsb.
3 Bahasa tingkat menengah, yaitu bahasa komputer memakai campuran
instruksi dalam kata-kata bahasa manusia dan instruksi yang bersifat
simbolik, contohnya {,},?,<<,>>,&&, dsb.
4 Bahasa tingkat tinggi, yaitu bahasa komputer yang memakai instruksi berasal
dari kata-kata manusia. Contohnya; begin, end, if, for, while, and, or, dsb.

2.3.1 Java
Sebagai sebuah bahasa pemrograman, Java dapat membuat seluruh bentuk
aplikasi, desktop, web dan lainnya, sebagaimana dibuat denganmenggunakan
bahasa pemrograman konvensional yang lain. Java adalah bahasa pemrograman
yang berorientasi objek (OOP) dan dapat dijalankan pada berbagai platform sistem
operasi. Perkembangan Java tidak hanya terfokus pada satu sistem operasi, tetapi
dikembangkan untuk berbagai sistem operasi dan bersifat open source (Jeni, 2007)
 8

Bahasa pemograman aplikasi yang akan dibuat menggunakan bahasa Java,

Java merupakan bahasa pemograman yang di perlukan dalam pengembangan
aplikasi ini, yang artinya berorientasi objek yang dikembangkan oleh Sun
Microsystem, suatu perusahaan yang terkenal dengan Workstation UNIX high-end.
Sejak dirilis pada tahun 1995, bahasa pemograman Java dengan cepat memperoleh
popularitas di kalangan pera pemogram. Kelebihan ini disebekan teknoogi baru
yang dikenalkan Sun Microsystem yaitu Java Virtual Machine (JVM), yang
memungkinkan sebuah aplikasi dijalankan di atas platform apa saja sepanjang
mesin tersebut dipasang JVM. Program yang dihasilkan dengan bahasa Java dapat
berupa applet (aplikasi kecil yang berjalan di atas web browser) maupun berupa
aplikasi mandiri yang berjalan dengan progam Java Interpreter.
Pengembangan Java berdasarkanbahasa pemrograman C++, tetapi beberapa
fitur dihilangkan. Java mempunyai perbedaan dengan C++ dan C dalam beberapa
hal sebagai berikut:
1. Java tidak mendukung tipe data struct, union, dan pointer.
2. Java tidak mendukung typedef atau #define.
3. Java berbeda dalam menangani operator tertentu dan tidak mengizinkan
operator overloading.
4. Java tidak mendukung multiple inheritance.
5. Java mempunyai kelas String yang menjadi bagian dari paket Java.language.
6. Java menangani argumen command-line berbeda.
7. Java mempunyai sistem otomatis untuk mengalokasikan dan membebaskan
memori, sehingga tidak perlu menggunakan fungsi alokasi dan dealokasi
memori.

2.3.2 eXtensible Markup Language (XML )

XML adalah singkatan dari eXtensible Markup Language. Ini adalah bahasa
markup yang baru, yang dikembangkan oleh W3C (World Wide Web Consortium),
terutama untuk mengatasi keterbatasan dalam HTML. W3C adalah organisasi yang
bertanggung jawab atas pengembangan dan pemeliharaan Web yang paling standar,
terutama HTML (Marchal, 2000).XML adalah standar terbuka yang menyediakan
sarana untuk berbagi data dan informasi antara komputer dan program komputer.
 9

Data XML dibagi antara komputer dan program komputer melalui hypertext
transfer protocol yang merupakan metode yang dikembangkan untuk memfasilitasi
pembagian ini, metode umum yang disebut Web Services (Morgan, 2004).
Dokumen XML memiliki struktur sintaksis dan semantik. Sintaks teridiri dari
aturan-aturan sebagai berikut (Morgan, 2004):
1. Dokumen XML selalu memiliki satu dan hanya satu akar elemen.
2. Nama elemen bersifat case-sensitive.
3. Elemen harus selalu ditutup.
4. Elemen harus bersarang dengan benar.
5. Atribut elemen harus selalu dikutip.
6. Hanya ada lima entitas didefinisikan secara default (<,>, &, ", dan ').

2.3.3 PHP Hypertext Preprocessor (PHP)

PHP adalah bahasa pemrograman yang digunakan secara luas untuk
penanganan pembuatan dan pengembangan sebuah web dan bias digunakan
pada HTML. PHP merupakan singkatan dari Hypertext Preprocessor dan
merupakan bahasa yang disertakan dalam dokumen HTML, sekaligus bekerja di
sisi server (server-side HTML-embedded scripting). Artinya sintaks dan
perintah yang diberikan akan sepenuhnya dijalankan server tetapi disertakan
pada halaman HTML biasa, sehingga script-nya tak tampak disisi client (Palit,
2015).
PHP dirancangan untuk dapat bekerja sama dengan database server dan
dibuat sedemikian rupa sehingga pembuatan dokumen HTML yang dapat
mengakses database menjadi begitu mudah. Tujuan dari bahasa scripting ini
adalah untuk membuat aplikasi di mana aplikasi tersebut yang dibangun oleh
PHP pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya
secara keseluruhan dijalankan diserver (Palit, 2015).

2.3.4 HyperText Markup Language (HTML)

HTML adalah sebuah bahasa markup yang digunakan untuk membuat
sebuah halaman web, menampilkan berbagai informasi didalam sebuah
penjelajah web internet dan formating hypertext sederhana yang ditulis dalam
 10

format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan
disimpan kedalam format ASCII normal sehingga menjadi home page dengan
perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelummnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan
SGML (Standart Generalized Markup Language). HTML adalah sebuah
standart yang digunakan secara luas untuk menampilkan halaman web. HTML
saat ini merupakan standart internet yang didefinisikan dan dikendalikan
penggunanya oleh World Wide Web Consortium (W3C) (Harison, 2016).
Sedangkan menurut Raharjo (2011), HTML adalah singkatan dari HyperText
Markup Language, yaitu bahasa (aturan) standar yang digunakan untuk
menampilkan teks, gambar, video atau audio ke dalam halaman web. Bahasa HTML
merupakan bahasa yang digunakan untuk membuat halaman website dengan
menggunakan tag-tag yang telah dideklarasikan pada halaman notepad dan dapat
saling berhubungan dengan dokumen HTML lainnya atau yang sering disebut
dengan istilah link.
Berbagai pengembangan telah dilakukan terhadap kode HTML dan telah
melahirkan teknologi-teknologi baru didalam dunia pemrograman web. Kendati
demikian, sampai sekarang HTML tetap berdiri kokoh sebagai dasar dari bahasa
seperti PHP, ASP, JSP, dan lainnya (Constantianus, 2005).

2.4 Sistem Informasi Geografis (SIG)

Geographical Information System (GIS) yang dalam bahasa Indonesia
dikenal sebagai Sistem Informasi Geografis (SIG) didefenisikan sebagai sebuah
sistem informasi yang digunakan untuk memasukkan, menyimpan, mengambil,
memanipulasi, menganalisa, dan menghasilkan data geospasial atau data yang
mengacu secara geografis. GIS digunakan dalam rangka mendukung pengambilan
keputusan untuk perencanaan dan pengelolaan dari penggunaan lahan, sumber daya
alam, lingkungan, transportasi, fasilitas perkotaan, dan rekam administrasi lainnya
(Murai, 1999).
Sistem informasi Geografis (SIG) merupakan suatu sistem informasi berbasis
komputer yang digunakan untuk menyimpan dan memanipulasi informasi –
 11

informasi geografis. Sistem Informasi Geografis adalah sistem informasi yang

digunakan untuk memasukkan, menyimpan, memanggil kembali, mengolah, dan
menghasilkan data yang mempunyai referensi geografis. Data ini biasa disebut data
geospasial (Prahasta, 2009).
Sistem Informasi Geografis memiliki 2 aspek informasi yaitu data lokasi
(spasial) dan informasi deskriptif (atribut) yang di jelaskan sebagai berikut:
1. Informasi lokasi (spasial), berkaitan dengan suatu koordinat geografi (lintang
dan bujur) dan koordinat XYZ.
2. Informasi deskriptif (atribut) atau informasi non spasial, suatu lokasi yang
memiliki beberapa keterangan yang berkaitan dengannya. Contoh jenis
vegetasi, populasi, luasan, kode pos, dan sebagainya.

2.5 Sistem Informasi Geografis berbasis Mobile (Mobile SIG)

Mobile GIS adalah perluasan dari Sistem Informasi Geografis office into field.
Mobile GIS bergantung secara penuh pada teknologi nirkabel (wireless) untuk
mengakses data yang disimpan secara remote (Irwansyah , 2013).
Mobile GIS merupakan sebuah integrasi cara kerja perangkat lunak/keras
untuk pengaksesan data dan layanan geospasial melalui perangkat bergerak via
jaringan kabel atau nirkabel. Berkembangnya sistem operasi Android pada ponsel
telah menjadi kekuatan yang luar biasa pada era teknologi saat ini. Hal ini
dikarenakan ponsel berbasis Android dari segi relatif murah dan mudah
dikembangkan (Riyanto, 2010).
Mobile GIS mengintegrasikan salah satu atau lebih teknologi berikut :
1. Perangkat Mobile .
2. Global Positioning System (GPS) .
3. Wireless communication untuk mengakses Internet GIS.
Saat ini, aplikasi Mobile GIS sebuah kebutuhan. Selama ini banyak kegiatan
di lapangan menggunakan Global Positioning System (GPS), laptop, dan perangkat
lunak GIS untuk melakukan pemetaan secara real time. Dengan konfigurasi yang
baik, pengguna akan dapat melihat posisinya di lapangan melalui peta, citra, atau
bentuk spasial lainnya. Mobile GIS merupakan sebuah integrasi cara kerja
 12

perangkat lunak atau keras untuk pengaksesan data dan layanan geospasial melalui
perangkat bergerak via jaringan kabel atau nirkabel (Lengkong, 2015).
Keuntungan lain dari solusi GIS berbasis mobile adalah bahwa kerangka kerja
GIS bisa diintegrasikan dengan peralatan GPS yang bisa menyediakan pengukuran
geodesi komprehensif dan fungsi navigasi. Dengan keunggulan dan penggabungan
dari GPS, internet, dan teknologi komunikasi wireless, GIS berbasis mobile
memiliki potensial yang hebat untuk memainkan peran penting dalam bidang
akuisisi dan validasi data dan layanan jalur transportasi. Komponen penyedia GIS
menyediakan fungsi geospasial untuk banyak location-based system (LBS)
termasuk informasi peta, visualisasi peta dan layanaan. Google Map dengan API
bisa dikategorikan sebagai provider GIS (Kushwaha & Kushwaha, 2011).

2.6 Google Map

Google Map, adalah sebuah jasa peta oleh google berbentuk peta globe virtual
gratis dan online, dan apat di akses melalui map.google.com. Melalui fitur Google
Map, pengguna dapat browsing informasi sebagai berikut (Mario,2010):
1. Satelite map, pengguna dapat menikmati gambar satelit bumi. Pengguna
dapat melakukan zoom pada gambar satelit.
2. Hasil pencarian terintegrasi, mencari lokasi, bisnis, peta, dan lain lain.
3. Dragable map, peta dapat di-drag menggunakan mouse.
4. Terrain map, menyediakan informasi fitur peta fisik atau peta topografi.
5. Earth map, menyediakan informasi peta bumi dimana akan tampak bumi
secara utuh dan bila di-zoom dapat terlihat fenomena seperti awan dan lautan
yang tampak nyata dari ketinggian.
6. Mylocation, pengguna dapat mengetahui keberadaan dirinya dalam peta.

2.7 Google Map API

Google Map API adalah suatu library yang berbentuk Javascript. Cara
membuat Google Map untuk ditampilkan pada suatu web atau blog sangat mudah
hanya dengan membutuhkan pengetahuan mengenai HTML serta Javascript, serta
koneksi Internet yang sangat stabil. Dengan menggunakan Google Map API, kita
dapat menghemat waktu dan biaya untuk membangun aplikasi peta digital yang
handal, sehingga kita dapat fokus hanya pada data-data yang akan ditampilkan.
 13

Dengan kata lain, kita hanya membuat suatu data sedangkan peta yang akan
ditampilkan adalah milik Google sehingga kita tidak dipusingkan dengan membuat
peta suatu lokasi, bahkan dunia. Melalui Google Map API pengguna mendapatkan
tools pemrograman yang kuat untuk membuat peta yang interaktif, akses ke
database Google Earth dan kesempatan untuk pengembangan antarmuka pengguna
yang akan digunakan untuk melakukan operasi pencarian melalui address
geocoding, visualisasi data geografis, menerapkan analisis dan konsultasi
(Maldzhanski, 2015).
Pada Google Map API terdapat4 jenis pilihan model peta yang disediakan
oleh Google, diantaranya adalah:
1. Roadmap, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi.
2. Satellite, untuk menampilkan foto satelit.
3. Terrain, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan
seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan
sungai.
4. Hybrid, akan menunjukkan foto satelit yang diatasnya tergambar pula apa
yang tampil pada Roadmap (jalan dan nama kota).

2.8 Global Positioning System (GPS)

Global Positioning System (GPS) adalah sistem radio navigasi dengan
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. Dengan mengamati sinyal-sinyal dari satelit dalam jumlah dan waktu yang
cukup, kemudian data yang diterima tersebut dapat dihitung untuk mendapatkan
informasi posisi, kecepatan, dan waktu (Lengkong, 2015). Sistem satelit GPS
mempunyai tiga segmen yaitu: satelit, pengontrol, dan penerima atau pengguna.
Satelit GPS yang mengorbit bumi, dengan orbit dan kedudukan yang tetap
(koordinatnya pasti), seluruhnya berjumlah 24 buah dimana 21 buah aktip bekerja
dan 3 buah sisanya adalah cadangan.
Untuk dapat mengetahui posisi seseorang maka diperlukan alat yang diberi
nama GPS reciever yang berfungsi untuk menerima sinyal yang dikirim dari satelit
 14

GPS. Posisi di ubah menjadi titik yang dikenal dengan nama Way-point nantinya
akan berupa titik-titik koordinat lintang dan bujur dari posisi seseorang atau suatu
lokasi kemudian di layar pada peta elektronik. Sejak tahun 1980, layanan GPS yang
dulunya hanya untuk leperluan militer mulai terbuka untuk publik. Uniknya, walau
satelit-satelit tersebut berharga ratusan juta dolar, namun setiap orang dapat
menggunakannya dengan gratis. (Andy, 2009).
Satelit-satelit ini mengorbit pada ketinggian sekitar 12.000 mil dari
permukaan bumi. Posisi ini sangat ideal karena satelit dapat menjangkau area
coverage yang lebih luas. Satelit-satelit ini akan selalu berada posisi yang bisa
menjangkau semua area di atas permukaan bumi sehingga dapat meminimalkan
terjadinya blank spot (area yang tidak terjangkau oleh satelit). Setiap satelit mampu
mengelilingi bumi hanya dalam waktu 12 jam. Sangat cepat, sehingga mereka
selalu bisa menjangkau dimana pun posisi seseorang di atas permukaan bumi.
Untuk menginformasikan posisi user, 24 satelit GPS yang ada di orbit sekitar
12,000 mil di atas kita. Bergerak konstan bergerak mengelilingi bumi 12 jam
dengan kecepatan 7,000 mil per jam.

2.9 Basis Data

Secara umum, database atau basis data berarti koleksi data yang saling
terkait. Secara praktis, basis data dapat dianggap sebagai suatu penyusun data yang
terstruktur yang disimpan dalam media pengingat (hard disk) yang tujuannya
adalah agar data tersebut dapat diakses dengan mudah dan cepat (Kadir, 2008)
Database juga dapat didefinisikan sebagai sekumpulan file yang saling
berelasi yang disimpan di media penyimpanan elektronis dan dapat diakses oleh
satu atau lebih user melalui jaringan komputer (Wahyudi, 2008). Sesungguhnya
ada beberapa jenis database , antara lain: database hierarkis, database jaringan,
dan database relasional. Database relasional merupakan database yang populer
saat ini dan telah diterapkan pada berbagai platform, dari PC hingga mini komputer.
Sebuah database relasional tersusun atas sejumlah tabel (Kadir, 2008).
Database Management System (DBMS) adalah sistem perangkat lunak
yang memungkinkan pengguna dapat mendefinisikan, membuat, merawat, dan
mengatur akses ke Basis Data. Biasanya DBMS memungkinkan pengguna
 15

untuk mendefinisikan Database melalui sebuah Data Definition Language

(DDL), menspesifikasikan tipe data, struktur dan batasan pada data yang
disimpan pada Database . Kemudian juga memungkinkan insert, update, delete,
dan mengambil data dari Database melalui Data Manipulation Language
(DML), mempunyai pusat penyimpanan untuk semua data dan deskripsi data
memungkinkan DML untuk menyediakan fasilitas umum untuk data tersebut
yang umumnya disebut bahasa query (Indrajani, 2011).

2.10 MySQL
MySQL merupakan aplikasi yang tergolong sebagai DBMS (Database
Management System) yang bersifat open source. Open source menyatakan bahwa
aplikasi ini dilengkapi dengan source code (kode yang dipakai untuk membuat
MySQL), selain tentu saja bentuk executable-nya atau kode yang dapat dijalankan
secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara men
download (mengunduh) di internet secara gratis. MySQL awalnya dibuat oleh
perusahaan konsultan bernama TcX yang berlokasi di Swedia. Saat ini
pengembangan MySQL berada di bawah naungan perusahaan MySQL AB (Kadir,
2008).
Sebagai aplikasi DBMS, MySQL memiliki sejumlah fitur antara lain: (Kadir, 2008)
1. Multiplatform : MySQL tersedia di beberapa platform (Windows, Linux,
Unix, dan lain-lain).
2. Andal, cepat, dan mudah digunakan : MySQL tergolong sebagai database
server (server yang melayani permintaan terhadap database ) yang andal,
dapat menangani database yang besar dengan kecepatan tinggi, mendukung
banyak sekali fungsi untuk mengakses database , dan sekaligus mudah untuk
digunakan.
3. Jaminan keamanan akses : MySQL mendukung pengamanan database
dengan berbagai kriteria pengaksesan. Sebagai gambaran, dimungkinkan
untuk mengatur user tertentu agar dapat mengakses data yang bersifat rahasia,
sedangkan user lain tidak boleh.
4. Dukungan SQL : Seperti tersirat dalam namanya, MySQL mendukung
perintah SQL (Structured Query Language). Sebagaimana diketahui, SQL
 16

merupakan standar dalam pengaksesan database relasional. Pengetahuan

akan SQL akan memudahkan siapapun untuk menggunakan MySQL.

2.11 Entity-Relationship Diagram (ERD)

Entity-Relationship Diagram (ERD) adalah model konseptual yang
mendeskripsikan hubungan antara penyimpanan dalam basis data. ERD digunakan
untuk memodelkan struktur data dan hubungan antar data. Dengan ERD, model
dapat diuji dengan mengabaikan proses yang dilakukan. ERD pertama kali
dideskripsikan oleh Peter Chen yang dibuat sebagai bagian dari perangkat lunak
CASE (Kendall, 2010). Notasi yang digunakan dalam ERD dapat dilihat pada Tabel
di bawah ini :
Tabel 2. 1 Notasi ERD
Notasi Keterangan
Entitas adalah suatu objek yang dapat
Entitas
diidentifikasi dalam lingkungan pemakai
Relasi menunjukkan adanya hubungan di
Relasi antara sejumlah entitas yang berbeda

Atribut berfungsi untuk mendeskripsikan

Atribut karakter entitas atau elemen data

Garis berfungsi sebagai penghubung antara

relasi dengan entitas, atau relasi dan entitas
dengan atribut

Notasi yang digunakan dalam ERD adalah sebagai berikut:

1. Entitas (Entity). Entitas adalah objek yang harus ada di suatu unit usaha yang
akan dibuat komputerisasinya, atau entitas adalah sebuah objek yang unik
yang bisa dibedakan antara satu objek dengan objek lainnya.
2. Relasi (Relationship). Relasi adalah keterhubungan antar keterkaitan antara
satu entitas dengan satu atau lebih entitas lain.
 17

3. Atribut (Attribute). Atribut atau field adalah suatu karakteristik yang biasa
digunakan untuk menggambarkan seluruh atau sebagian dari record. Kata
lain dari atribut adalah elemen data (Wahyudi, 2008).

Kardinalitas (Cardinality). Mendefinisikan relasi di antara sejumlah entitas.

Terdapat3 macam derajat kardinalitas antara lain (Wahyudi, 2008):
1. One-to-one (1:1) Satu elemen di entitas (A) tepat berasosiasi dengan satu
elemen di entitas (B). Contoh: pegawai dengan alamat.
2. One-to-many (1:N) Satu elemen di entitas (A) berasosiasi dengan nol, satu,
atau lebih elemen yang ada di entitas (B), tetapi untuk satu elemen di entitas
(B) hanya berelasi dengan satu elemen di entitas (A). Contoh: departemen
dan projek.
3. Many-to-many (N:N) Satu elemen di entitas (A) berasosiasi dengan nol, satu,
atau lebih elemen di entitas (B), dan satu elemen di entitas (B) berasosiasi
dengan nol, satu, atau lebih elemen di entitas(A). Contoh: pegawai dengan
projek.

2.12 Rapid Application Development (RAD)

Rapid Application Development (RAD) adalah strategi siklus hidup yang
ditujukan untuk menyediakan pengembangan yang jauh lebih cepat dan
mendapatkan hasil dengan kualitas yang lebih baik dibandingkan dengan hasil yang
dicapai melalui siklus tradisional. RAD merupakan gabungan dari bermacam-
macam teknik terstruktur dengan teknik prototyping dan teknik pengembangan
Joint Application untuk mempercepat pengembangan sistem (Kendal, 2010).
Keungulan model RAD adalah waktu pengembangan yang lebih singkat dan biaya
yang relatif lebih murah. Sedangkan kelemahan dari model RAD adalah tidak cocok
untuk proyek skala besar, proyek bisa gagal karena waktu yang disepakati tidak
dipenuhi, sistem yang tidak bisa dimodularisasi tidak cocok untuk model, dan
resiko teknis yang tinggi juga kurang cocok untuk model ini.
Aplikasi dikembangan dengan konsep RAD karena pengembangan aplikasi
dengan menggunakan metode RAD ini dapat dikerjakan dalam waktu yang relatif
lebih cepat.
 18

Gambar 2. 1 Metode pengembangan aplikasi berbasis RAD

Menurut Kendall (2010), terdapat tiga fase dalam RAD yang melibatkan
penganalisis dan pengguna dalam tahap penelitian, perancangan, dan penerapan.
Adapun ketiga fase tersebut adalah requirements planning (perencanaan syarat-
syarat), RAD design workshop (workshop desain RAD), dan implementation
(implementasi).
Penggunaan metode RAD dalam perancangan aplikasi persebaran rumah kost
adalah sebagai berikut
1. Requirements Planning (Perencanaan Syarat-Syarat) Dalam tahap ini, penulis
mengidentifikasikan fungsi, konsep, dan masalah yang dihadapi dari
perencanaan aplikasi persebaran rumah kost. Seperti, mempelajari
penggunaan Google Map API, dan pemgograman Android
2. RAD Design Workshop (Perancangan Desain RAD) Fase ini adalah fase untuk
merancang dan memperbaiki yang bisa digambarkan sebagai workshop.
Penganalisis dan dan pemrogram dapat bekerja membangun dan
menunjukkan representasi visual desain dan pola kerja kepada
pengguna. Workshop desain ini dapat dilakukan selama beberapa hari
tergantung dari ukuran aplikasi yang akan dikembangkan.
Selama workshop desain RAD, penulis merancang dan menerapkan tabel
basis data, merancangan diagram dan mempersiapkan source code yang akan
digunakan sampai mendesain antar muka aplikasi.
 19

3. Implementation (Implementasi) Pada fase implementasi ini, penganalisis

bekerja dengan para pengguna secara intens selama workshop dan merancang
aspek-aspek bisnis dan nonteknis perusahaan. Segera setelah aspek-aspek ini
disetujui dan sistem-sistem dibangun dan disaring, sistem-sistem baru atau
bagian dari sistem diujicoba dan kemudian diperkenalkan kepada organisasi.
 BAB III.
METODE PENELITIAN

3.1 Tempat Penelitian

Daerah penelitian adalah wilayah Kota Malang, Jawa Timur, Indonesia. Kota
Malang yang terletak pada ketinggian antara 440 – 667 meter diatas permukaan air
laut. Kota Malang merupakan salah satu kota tujuan pendidikan dan wisata di Jawa
Timur.

Gambar 3. 1 Peta administrasi Kota Malang

Letaknya yang berada ditengah-tengah wilayah Kabupaten Malang secara

astronomis terletak 112,06° – 112,07° Bujur Timur dan 7,06° – 8,02° Lintang
Selatan, dengan batas wilayah sebagai berikut :
Utara : Kecamatan Singosari dan Kec. Karangploso Kabupaten Malang
Timur : Kecamatan Pakis dan Kecamatan Tumpang Kabupaten Malang
Selatan : Kecamatan Tajinan dan Kecamatan Pakisaji Kabupaten Malang
Barat : Kecamatan Wagir dan Kecamatan Dau Kabupaten Malang

3.2 Alat dan bahan

Alat dan bahan yang digunakan pada penelitian ini adalah:

20
 21

3.2.1 Alat
1. Satu buah laptop dengan Windows 10 64bit, untuk melakukan pengerjaan
aplikasi dan laporan.
2. Satu buat handphone Xiaomi Redmi 4x, untuk melakukan pengujian aplikasi.
3. Microsoft Office 2013 untuk pengerjaan laporan.
4. Google Chrome untuk melakukan pengujian aplikasi.
5. XAMPP untuk merancang dan membangun basis data.
6. Android Studio untuk mengerjakan aplikasi android.
7. Sublime Text untuk menulis program.

3.2.2 Bahan
1. Data koordinat rumah kost berupa koordinat latitude dan longitude
2. Data lokasi seperti nama kost, alamat, harga, foto lokasi, data pemilik kost,
dan fasilitas kost
3. Basemap dari Google Map API

3.3 Diagram Alir Pengerjaan

Diagram alir pengerjaan di bawah menggambarkan alur pengerjaan aplikasi
persebaran rumah kost.
Mulai

Studi literatur

Identifikasi
masalah

Pengumpulan data

Data koordinat
dan
Data kos

A
 22

Perancangan
aplikasi

Perancangan basis Perancangan antar

data muka

Penulisan program

tidak

Upload hosting

tidak

Pengujian Pengujian black

Pengujian usibility
perangkat lunak box

Lulus uji perangkat Hasil Usibily

Lulus uji blackbox?
lunak? diatas 80%?

lulus lulus
lulus

Aplikasi persebaran
rrumah kos Kota Malang

Selesai

Gambar 3. 2 Diagram alur pengerjaan aplikasi

1. Studi literatur. Studi literatur adalah tahap dimana penulis menelusuri

sumber-sumber tulisan yang pernah dibuat sebelumnya. Sumber-sumber
tersebut bisa didapat dari berbagai media seperti buku, jurnal penelitian,
skripsi, dll. Hal ini dilakukan agar penulis memiliki wawasan yang luas
terkait objek yang akan diteliti.
2. Identifikasi masalah. Setelah melakukan studi literatur, langkah selanjutnya
adalah melakukan identifikasi masalah. Konsep identifikasi masalah adalah
 23

proses dan hasil pengenalan masalah atau inventarisasi masalah. Dengan kata
lain, identifikasi masalah merupakan salah satu proses penelitan yang boleh
dikatakan paling penting di antara proses lain.
3. Pengumpulan data. Dalam tahap ini, penulis mengumpulkan data data terkait
dengan penelitian seperti data koordinat,dan keterangan tentang rumah kost.
4. Perancangan Aplikasi. Dalam tahap ini penulis mulai merancang user
experience dari aplikasi dengan memikirkan cara kerja dan fungsi – fungsi
yang akan dibangun dalam aplikasi.
5. Perancangan Basis Data. Dalam tahap ini penulis mulai merancang basis data
dengan mengidentifikasi tiap tabel dengan atributnya, dan merancang relasi
antar tabel. Penulis merancang basis data dengan menggunakan ERD (Entity
Relation Diagram).
6. Perancangan Antar Muka. Dalam tahap ini penulis merancang antar muka
aplikasi dan menghubungkannya dengan fungsi – fungsi aplikasi. Aplikasi
dirancangan untuk bisa digunakan pada smartphone Android. Aplikasi
dirancang untuk digunakan dengan mudah , sehingga para pemilik rumah kost
yang mayoritas adalah orang tua tetap dapat mengerti cara menggunakan
aplikasi.
7. Penulisan Program. Dalam tahap ini, penulis mulai mengerjakan program
sesuai dengan rancangan – rancangan yang sebelumnya sudah dibuat.
Aplikasi akan dikerjakan dengan basis Android dengan memanfaatkan fungsi
WebView pada Android Studio. Aplikasi dikerjakan menggunakan bahasa
pemrograman PHP dan Javascript, kemudian menggunakan framework
desain dari bootstrap yang memungkinkan aplikasi dapat ditampilkan secara
fluid pada berbagai macam ukuran smartphone Android.
8. Upload Hosting. Aplikasi akan diupload ke dalam sebuah hosting agar bisa
bekerja secara online dan dapat diakses di manapun dan kapanpun.
9. Pengujian Aplikasi Aplikasi akan diuji dengan melihat keberhasilan dalam
menjalankan fungsi – fungsi yang sudah dirancang. Aplikasi akan diuji secara
fungsional dengan menggunakan metode black box.
 24

3.4 Deskripsi Umum Aplikasi

Aplikasi pencarian rumah kost dirancang untuk bejerja secara online, dengan
memanfaatkan sistem basis data.

Gambar 3. 3 Deskripsi umum aplikasi

Aplikasi persebaran rumah kost Kota Malang dirancangan untuk
memudahkan pengguna dalam mencari rumah kost sesuai dengan kriteria yang
diinginkan. Pengguna dapat mencari kost sesuai sesuai jenis kost (perempuan atau
laki–laki), fasilitas, harga, lokasi, dan bisa melihat foto rumah kost tersebut.
Pengguna juga dapat melihat persebaran lokasi rumah kost di dalam peta. Pemilik
kost juga dapat dengan mudah memasarkan rumah kostnya dengan memasukkan
detail kost, foto, dan memasukkan koordinat lokasi yang didapat secara otomatis
dari aplikasi. Administrator adalah penulis yang secara berkala akan terus
mengembangkan aplikasi sehingga pengguna aplikasi dapat terus menikmati
aplikasi dengan baik.

3.5 Perancangan Basis Data

Aplikasi persebaran rumah kost dirancang dengan menggunakan basis data
seperti berikut
 25

3.5.1 Entity Relationship Diagram (ERD)

Aplikasi pemetaan kost Malang mempunyai 4 tabel yaitu tabel user, lokasi,
kamar, dan fasilitas. Diagram ERD pada gambar 2.4 menerangkan tentang relasi
antar tabel. User yang memiliki rumah kost akan memiliki data lokasi yang
disimpan pada tabel lokasi. Satu lokasi bisa memiliki beberapa tipe kamar kost.
Data kamar kost akan disimpan pada tabel kost. Setiap kamar kost memiliki detail
fasilitas yang disimpan pada tabel fasilitas.

Gambar 3. 4 ERD Aplikasi

3.5.2 Perancangan Tabel User

Tabel user adalah tabel yang menyimpan data user pada sistem basis data,
detail tabel dapat dilihat pada tabel berikut
 26

Tabel 3. 1 Tabel user

Nama Type (length) Key
id_user Int (10) Primary key
username Varchar (50)
password Varchar (50)
nama Varchar (50)
alamat Varchar (50)
notelpon Varchar (50)
email Varchar (50)

Tabel user adalah tabel yang menyimpan data user. Tabel user memiliki
primary key pada id_user, karna setiap user mempunyai 1 nomer id unik yang tidak
terduplikat. Status user seperti admin dan user biasa akan disimpan dalam entitas
status. Status akan membedakan hak akses yang dimiliki user.

3.5.3 Perancangan Tabel Lokasi

Tabel lokasi adalah tabel yang menyimpan data lokasi kost pada basis data.
Detail tabel dapat dilihat pada tabel berikut:
Tabel 3. 2 Tabel basis data lokasi
Nama Type (length) Key
id_loc Int (10) Primary key
id_user Varchar (50) Foreign key
lat Varchar (50)
lng Varchar (50)
alamat Varchar (50)
jenis Varchar (50)
deskripsi Varchar (50)

Tabel lokasi adalah tabel yang memuat data lokasi rumah kost seperti alamat
dan koordinat. 1 user bisa memiliki beberapa lokasi. Tabel lokasi memiliki primary
key pada id_loc, yaitu nomer id unik yang akan berbeda pada setiap lokasi. Tabel
lokasi juga akan memuat koordinat berupa latitude dan longitude dari setiap lokasi.
 27

Data koordinat tersebut kemudian ditampilkan berupa persebaran lokasi kost.

Kolom jenis akan menyimpan data jenis kost seperti kost laki – laki atau kost
perempuan. Kolom deskripsi memuat semua deskripsi dari lokasi kost.

3.5.4 Perancangan Tabel Kamar

Tabel kamar adalah tabel yang menyimpan data kamar pada basis data.. detail
tabel adalah sebagai berikut:
Tabel 3. 3 Tabel basis data kamar
Nama Type (length) Key
idkamar Int (10) Primary key
id_loc Varchar (50) Foreign key
nama_kamar Varchar (50)
Harga Varchar (50)
Ac Varchar (50)
Wifi Varchar (50)
foto Varchar (50)
deskripsi Varchar (50)

Tabel kost merupakan tabel yang memuat data dari kamar kost. Dari 1 lokasi
kost bisa memiliki beberapa jenis kamar yang berbeda, yang biasanya dibedakan
dengan harganya. Harga kost juga bisa disesuaikan dengan masa kontrak. Seperti
penyewaan untuk satu bulan, tiga bulan, enam bulan, atau tahun. Pemilik kost juga
dapat memasukkan jumlah kamar dan stok sisa kamar ke dalam aplikasi.

3.5.5 Perancangan Tabel Fasilitas

Tabel fasilitas adalah tabel yang memuat data fasilitas kost pada basis data.
detail table adalah sebagau berikut:
 28

Tabel 3. 4 Tabel basis data fasilitas

Nama Type (length) Key
idkamar Varchar (5) Foreign key
ac Varchar (5)
toilet Varchar (5)
listrik Varchar (15)
kasur Varchar (5)

Tabel fasilitas adalah tabel yang memuat data fasilitas yang umumnya ada
pada setiap kamar kost. Tabel fasilitas akan memudahkan user untuk mencari kost
menurut fasilitas yang dimiliki. Fasilitas kamar dipecah supaya aplikasi dapat
mencari kost secara spesifik menurut fasilitas yang dipilih. Sedangkan Fasilitas
umum seperti wifi, parkiran, dapur, dan sebagainya akan masuk kedalam tabel
fasum.

3.6 Perancangan Antar Muka

Antarmuka pengguna (user interface) merupakan bentuk tampilan grafis
yang berhubungan langsung dengan pengguna (user). Antarmuka pengguna
berfungsi untuk menghubungkan antara pengguna dengan aplikasi dan basisd data,
sehingga komputer tersebut bisa digunakan.

3.6.1 Antar Muka Halaman Utama

Halaman utama akan menampilkan daftar kost yang tersedia beserta foto
kamar dan alamat serta harga kamar kost. Pada bagian atas terdapatkolom pencarian
yang dilengkapi dengan check box supaya user dapat mencari kost
berdasarkanfasilitas atau keterangan lain seperti harga, atau jenis kost.
 29

fasilitas fasilitas fasilitas

fasilitas fasilitas fasilitas

harga jenis

Harga
Foto
Jenis kos
kamar
Alamat

Gambar 3. 5 Rancangan antar muka halaman utama

3.6.2 Rancangan Antar Muka Halaman Peta Persebaran Kost

Antar muka peta persebaran kost akan menampilkan peta persebaran kost
yang dicari oleh pengguna aplikasi. Peta kost akan ditampilkan dalam format
Google Map dan lokasi kost akan ditampilkan berupa icon pin.

fasilitas fasilitas fasilitas

fasilitas fasilitas fasilitas

harga jenis

map

Gambar 3. 6 Rancangan antar muka halaman utama

 30

3.6.3 Rancangan Antar Muka Halaman Detail Kost

Antar muka detail data kost akan muncul setelah pengguna memilih kamar
kost dari halaman utama. Halaman detail akan memuat seluruh detail kamar seperti
jenis kost, harga, dan alamat. Halaman detail kamar kost juga akan menampilkan
foto kost, dan keterangan pemilik kost seperti nama dan nomer telpon. Halaman
detail kamar juga menampilkan detail fasilitas kamar dan fasilitas umum.

Harga
Foto
Jenis
kamar
alamat

Keterangan kamar dan fasilitas

Gambar 3. 7 Rancangan antar muka detail kamar kost

3.6.4 Rancangan Antar Muka Halaman Input Data Kost

Gambar 2.8 adalah rancangan halaman untuk memasukkan data kost. Antar
muka halaman ini akan muncul saat pemilik kost ingin mengisi data kost. Setelah
menekan submit button maka data akan otomatis terseimpam pada database
aplikasi.
 31

Keterangan kamar dan fasilitas

Keterangan kamar dan fasilitas

Keterangan kamar dan fasilitas

Keterangan kamar dan fasilitas

Keterangan kamar dan fasilitas

Submit
button
foto

Gambar 3. 8 Rancangan antar muka input data kost

3.7 Pembuatan Aplikasi

Aplikasi persebaran rumah kost dibuat dengan mengikuti metode RAD yang
sudah dirancang sebelumnya. Aplikasi dibuat dalam tiga langkah, yaitu pembuatan
basis data penulisan kode program
3.7.1 Pembuatan Basis Data
Basis data dari aplikasi dibuat menggunakan system basis data MySQL.
Database menggunakan nama “roomah”. Setelah membuat basis data, langkah
selanjutnya adalah membuat tabel yang menyimpan data – data aplikasi.

Gambar 3. 9 Pembuatan Basis Data

Aplikasi ini menggunakan 3 buat table, yaitu detail lokasi dan User. Tabel
detail memuat data data tentang kamar kost, seperti foto kamar, dan fasilitas
 32

tambahan. Tabel lokasi memuat data seperti koordinat latitude dan longitude,
alamat, harga, dan fasilitas utama. Tabel user memuat data seperti username,
password, nama, dan nomor telpon.

Gambar 3. 10 Pembuatan tabel pada basis data

3.7.2 Penulisan Program

1. Program aplikasi pencarian rumah kost ditulis menggunakan Text Editor dari
Sublime dengan menggunakan bahasa pemrograman PHP dan Javascript.
Langkah pertama adalah menghubungkan program dengan basis data yang
sudah dibuat sebelumnya. Perintah untuk menghubungkan aplikasi dengan
basis data ditunjukkan pada query “mysqli_connect” pada baris ke 7 pada
file koneksi.PHP.

Gambar 3. 11 Program koneksi ke database

2. Selanjutnya adalah menulis program untuk fungsi pendaftaran user dalam file
daftar.PHP. Aplikasi menggunakan username dan password untuk
mengidentifikasi User. Perintah untuk mendaftarkan user ditunjukkan pada
variable “mysqli_query” pada baris 19, yang memasukkan username dan
password yang ditulis oleh pengguna ke dalam table “user” di basis data.
 33

Gambar 3. 12 Program pendaftaran user

3. Setelah melakukan pendaftaran, pengguna dapat melakukan Login dengan

memasukkan data username dan password yang sudah didaftarkan
sebelumnya pada table user. Program untuk melakukan login ditulis pada file
login.PHP pada barus ke 19 sampai 40.
 34

Gambar 3. 13 Program untuk menampilkan form login

4. Selanjutnya adalah menulis fungsi untuk memasukkan data lokasi, kedalam

basis data “lokasi”. Data yang dimasukkan adalah alamat, judul, harga
koordinat, foto lokasi, jenis kost, dan fasilitas seperti ac, wifi, kamar mandi.
Perintah untuk memasukkan data ditulis dalam file p_input.PHP pada baris
ke 31, pada query “insert into”.
 35

Gambar 3. 14 Program memasukkan data lokasi rumah kost

5. Program untuk menampilkan form pada proses input lokasi ditulis pada file
input.PHP. Program tersebut juga menampilkan Google Map untuk
membantu pengguna dalam mencari lokasi rumah kost. Kode untuk
menampilkan peta Google Map adalah sebagai berikut: Variable map pada
baris ke 142 menunjukkan tentang pengaturan map yang sedang digunakan
seperti zoom level, tipe basemap, dan titik yang ditunjukkan saat membuat
aplikasi.
 36

Gambar 3. 15 Program menampilkan Google Map

6. Selanjutnya adalah fungsi untuk pencarian kost. untuk mencari kost,

pengguna dapat memasukkan kata kunci pada alamat, mencari pada fasilitas
yang dipilih, jenis kost, atau berdasarkanrentang harga. Perintah tersebut
dijalankan pada query “select” di baris ke 5. Query untuk menampilkan data
terdapatpada baris ke 23, yaitu pada query “fetch_array”
 37

Gambar 3. 16 Program untuk melakukan pencarian rumah kost

7. Selanjutnya adalah menulis program untuk menu detail lokasi. Menu detail
lokasi menampilak beberapa informasi penting tentang kamar kos yang
dipilih pada menu cari, atau men kos saya. Pada menu detail terdapat query
untuk mengambil data lokasi, sesuai id lokasi yang dipilih. Query tersebut
dapat dilihat pada baris ke 31. Query untuk menampilkan data terdapat pada
baris ke 33, yaitu mysqli_fetch_array.
 38

Gambar 3. 17 Kode program pada menu detail kos

8. Selanjutnya adalah membuat program untuk menambahkan data detail kamar.
Menu detail kamar digunakan untuk menambah detail kamar kost seperti
kasur, dapur, keterangan pembayaran listrik, dan foto kamar. Menu tambah
kamar ditampilkan dalam bentuk form, yang ditulis pada baris 36 sampai 71.
 39

Gambar 3. 18 Kode program untuk menu tambah data kamar

9. Selanjutnya adalah menulis program untuk melihat profile pengguna.
Halaman profile berisi nama, email, dan nomor telpon. Di halaman profile
juga terdapat daftar kos yang dimiliki. Untuk mengambil data profile,
program akan mengidentifikasi id user pada variable $t, lalu mengambil data
user tersebut pada variable $a. untuk menampilkan data yang sudah diambil,
program menggunakan variable $c berupa mysqli_fetch_array pada baris ke
44.
 40

Gambar 3. 19 Menampilkan data profile

10. Langkah selanjutnya adalah membuat project pada Android Studio.
Masukkan nama aplikasi pada “application name”

Gambar 3. 20 Memasukkan nama project pada Android Studio

 41

11. Lalu pilih versi Android yang dapat menjalankan program, aplikasi pencarian
pencarian rumah kost didesain untuk dapat dijalankan pada Android versi 6.0
ke atas.

Gambar 3. 21 Memilih versi Android pada Android Studio

12. Langkah selanjutnya adalah memilih tampilan aplikasi. Aplikasi pencarian

rumah kost menggunakan basic activity.

Gambar 3. 22 Memilih tampilan aplikasi pada Android Studio

13. Selanjutnya adalah menulis “user permission” yang akan deberikan saat
aplikasi pertama kali dijalankan. Aplikasi ini memerlukan izin seperti GPS &
location access, dan internet access, dan camera access. User permission ini
ditulis pada file AndoirdManifest.XML.

Gambar 3. 23 Menulis user permission pada program

 42

14. Selanjutnya menulis adalah menulis kode untuk menampilkan halaman web
server tempat menyimpan data aplikasi. Kode ini ditulis pada file
MainActivity.java.

Gambar 3. 24 Kode untuk menampilkan web server

15. Selanjutnya adalah mengatur tampilan aplikasi dengan menggunakan tema

tanpa title bar dan membuat aplikasi tersebut berjalan fullscreen. Kode ini
ditulis pada file AndroidManifest.XML.

Gambar 3. 25 Kode untuk mengatur tema aplikasi

16. Langkah selanjutnya adalah membangun aplikasi dengan menggabungkan

semua kode program di Android Studio melalui build project.
 43

Gambar 3. 26 Membangun aplikasi dengan menu buid project

17. Langkah terakhir adalah adalah membuat file APK. File apk dibutuhkah untuk
menginstall aplikasi pada device Android. Langkah untuk membuat file APK
ada dengan menggunakan menu buid bundle / APK – build APK.

Gambar 3. 27 Membuat file APK

3.8 Upload Hosting

Web hosting dapat diartikan sebagai ruangan (server) yang
terdapatmenyimpan berbagai data, file-file, gambar, video, data email, statistik,
database , dan lain sebagainya yang akan ditampilkan pada halaman web. Web
Hosting dapat diperoleh dengan menyewa dari jasa hosting. Pengguna akan
 44

memperoleh kontrol panel yang terproteksi dengan username dan password untuk
mengontrol halaman web-nya. Langkah-langkah ntuk meng-upload data program
ke web hosting adalah sebagai berikut:
1. Buka c-panel hosting, penulis menggunakan alamat cpanel golekkost.com/
cpanel, lalu masuk ke program file manager.

Gambar 3. 28 Login cpanel

2. Di halaman file manager, pilih PHPmyadmin. Isi nama akun dan password
dari PHPmyadmin.

Gambar 3. 29 Tambah user basis data

 45

3. Buat basis data dengan mengisi nama basis data lalu klik tambah.

Gambar 3. 30 Buat basis data baru

4. Klik import lalu pilih file.sql yang sudah di-export dari basis data localhost.
Bila upload sukses, basis data sudah siap untuk digunakan.

Gambar 3. 31 Import basis data localhost ke hosting

5. Masuk ke menu file manager, lalu klik halaman public_HTML.

 46

Gambar 3. 32 Tampilan file manager hosting

6. Compress folder aplikasi dari folder localhost ke dalam bentuk .zip, lalu drag
ke halaman public_HTML untuk meng-upload data aplikasi.

Gambar 3. 33 Upload folder localhost ke hosting

 47

7. Setelah upload berhasil, ekstrak file .zip yang sudah di-upload dengan
menggunakan menu ekstrak.

Gambar 3. 34 File localhost yang sudah di-upload ke hosting

8. Pilih file koneksi.PHP, lalu ganti username, password, dan nama database
localhost ke username, password, dan nama database yang baru.

Gambar 3. 35 Koneksi program ke basis data

 BAB IV.
HASIL DAN PEMBAHASAN

4.1 Hasil Pembuatan Aplikasi

Berdasarkanproses perancangan dan penulisan program yang telah dilakukan,
didapatkan hasil berupa aplikasi persebaran rumah kost yang diberi nama Roomah.
Aplikasi ini dapat menampilkan lokasi rumah kost, dengan data yang di masukkan
oleh pemilik kost. implementasi halaman antar muka (interface) dan basis data
(database ) aplikasi rumah adalah sebagai berikut.

4.1.1 Implementasi Basis Data

Karena aplikasi dirancang untuk dapat digunakan dengan terhubung lewat
internet (online), sistem basis data yang dimiliki telah disimpan dalam sebuah
alamat hosting. Data data yang terdapatpada basis data dikelompokkan pada 3 tabel.
Tabel 4. 1 Implementasi basis data
No Nama Tabel Panjang Tabel
1 user 7 kolom
2 lokasi 13 kolom
3 detail 6 kolom

A. Tabel User
Tabel user adalah tabel yang memuat data user yang mendaftar pada aplikasi.
User yang telah mendaftar akan mendapatkan “id_user” secara otomatis berupa
angka yang unik (tidak ada id yang sama), untuk mengidentifikasi tiap user. Tabel
user memuat data personal seperti username, password, nama, email, dan nomor
telepon. Entitas id_user berjenis integer (perpaduan angka) sedangkan enttitas yang
lain berjenis varchar (karakter yang bervariasi).

Gambar 4. 1 Implementasi tabel user

48
 49

B. Tabel Lokasi
Tabel lokasi adalah tabel yang memuat data lokasi rumah kost, seperti nama,
koordinat, harga, jenis, dan fasilitias. Tabel lokasi juga memiliki sebuah nomor id
yang unik, untuk mengidentifikasi tiap lokasi. Tabel lokasi juga menyimpan data
foreign key dari tabel user, untuk menandai user yang mennyimpan data lokasi.
Menu pencarian yang terdapatpada aplikasi akan menampilkan data-data yang
tersimpan pada tabel lokasi ini.

Gambar 4. 2 Implementasi tabel lokasi

C. Tabel Detail
Tabel detail adalah tabel yang memuat detail tentang kamar kost, seperti foto
kamar, dan detail kamar. Tabel detail memiliki sebuah foreign key untuk menandari
detail dari lokasi yang berbeda.

Gambar 4. 3 Implementasi tabel detail

 50

4.1.2 Implementasi Antar Muka

Aplikasi memiliki beberapa menu yang dirancang untuk ditampilkan secara
potrait dengan bentuk antar muka (user interface) sebagai berikut.

A. Daftar (Sign Up)

Aplikasi memiliki menu pendaftaran untuk user yang ingin menggunakan
aplikasi, terutama untuk pemilik kost, karena tiap kost akan menyimpan id user
yang mendaftarkan rumah kostnya. Untuk mendaftar, user harus memasukkan
beberapa data seperti username dan password yang digunakan, nama lengkap,
nomor telpon, dan alamat email. Proses pendaftaran tidak memerklukan verifikasi
email dan nomor telpon.

Gambar 4. 4 Implementasi menu daftar

 51

B. Login
Setelah proses daftar, user diharuskan untuk melakukan login dengan
memasukkan username dan password yang telah didaftarkan.

Gambar 4. 5 Implementasi menu login

C. Menu Utama
Menu utama adalah menu yang pertama kali ditampilkan saat user telah login
ke aplikasi. Menu utama menampilkan 4 sub menu lain, seperti menu pencacarian,
daftar kost, dan tambah kost.
 52

Gambar 4. 6 Implementasi menu utama

D. Menu Pencarian
Menu pencarian adalah fungsi utama dari aplikasi ini. Dari menu ini, user
dapat melakukan pencarian dengan memasukkan beberapa kondisi yang diinginkan
seperti lokasi kost, harga, jenis kost, jarak radius, dan fasilitas kost utama seperti
ac, kamar mandi, dan wifi.
 53

Gambar 4. 7 Implementasi menu pencarian

E. Menu Daftar Kost

Menu daftar kost adalah menu yang menampilkan lokasi kost yang ada pada
apllikasi. Pada bagian atas terdapatbase map dari Google Map API yang
menampilkan persebaran rumah kost tiap lokasi berupa pin lokasi. Pin lokasi bisa
di klil untuk menampilkan harga untuk tiap lokasi rumah kost. Di bawah map,
terdapatlist tiap lokasi yang akan menampilkan beberapa informasi utama dari tiap
kamar kost, seperti nama kost, harga, jenis, dan fasilitas seperti ac, wifi, dan kamar
mandi, dan sebuah tombol untuk masuk ke menu detail dari rumah kost yang
dipilih.
 54

Gambar 4. 8 Implementasi menu daftar kost

Map pada bagian atas aplikasi menunjukkan marker persebaran lokasi hasil
pencarian rumah kos dari menu sebelumnya. Marker merah menunjukkan lokasi
tiap rumah kos. Saat marker ditekan, akan mengeluarkan harga rumah kos

F. Menu Detail Kost

Menu detail akan menampilkan detail tiap lokasi yang dipilih dari menu
daftar kost seblumnya. Pada bbagian atas terdapat foto rumah kost. Bagian tengah
menu detail, akan menampilkan semua informasi kost termasuk alamat, harga, jenis
kost, informasi fasilitas kost, dan informasi pemlik kost.
 55

Gambar 4. 9 Implementasi menu detail kost

Pada bagian bawah aplikasi terdapat base map dari Google Map yang akan
menampilkan marker di lokasi kost. Marker lokasi yang ditekan akan membuka
menu untuk menampilkan rute ke rumah kost, dari lokasi user berada.

G. Menu Input Kost

Menu input kost digunakan pemlik rumah kost unuk mendaftarkan rumah
kost nya di aplikasi. Pemilik kost akan diminta untuk mengisi beberapa informasi
terkai rumah kost nya seperti, alamat, harga, jenis kost, dan detail fasilitas kost.
 56

Gambar 4. 10 Implementasi menu daftar kost

Pada bagian atas terdapat Google Map yang akan otomatis menentukan lokasi
rumah kos sesuai dengan lokasi user berada. Setelah selesai memasukkan data
rumah kost, menandai lokasi, dan masukkan foto lokasi, pemilik kost tinggal
menekal tombol simpan untuk memasukkan data.

H. Menu Input Detail Kamar Kost

Menu detail kamar kost digunakan ntuk memasukkan detail kamar kost,
seperti foto kamar, dan keterangan fasilitas tambahan seperti tempat tidur, lemari,
dan biaya listrik.
 57

Gambar 4. 11 Implementasi menu input detail kamar

I. Menu Kost Saya

Menu Kost Saya adalah menu yang menampilkan data profile pengguna, dan
daftar kost yang dimiliki. Pada bagian atas adalah detail tentang informasi
pengguna seperti nama, username, email, dan nomor telepon. Di bagian bawah
adalah daftar lokasi kost yang dimiliki pengguna. Serta beberapa menu tambahan
seperti hapus kost dan detail kost.
 58

Gambar 4. 12 Implementasi menu kost saya

4.2 Pengujian Aplikasi

Pengujian aplikasi dilakukan untuk mengetahui apakah aplikasi dapat
berjalan dengan lancar pada berbagai kondisi yang berbeda. Aplikasi diuji dalam 3
tahapan, yang pertama adalah pengujian black box, pengujian perangkat lunak, dan
pengujian kelayakan aplikasi.
 59

4.2.1 Pengujian Black Box (Black Box Test)

Pengujian dilakukan dengan melihat apakah fungsi dari aplikasi dapat
dijalakan dengan baik dengan menghiraukan code yang ditulis. Hasil pengujian
black box dapat dilihat pada tabel yang ada di lampiran.

4.2.2 Pengujian Perangkat Lunak

Pengujian perangkat lunak dilakukan untuk melihat apakah aplikas dapat
berjaalan dengan baik, di berbagai smartphone Android yang berbeda. Pengujian
dilakukan dengan menjalankan berbagi fungsi seperti pendaftaran user, login
memasukkan data rumah kost, menampilkan data rumah kost, dan mencari data
rumah kost. Aplikasi di-isntall dari file APK yang sebelum nya sudah dibuat. Hasil
pengujian aplikasi adalah sebagai berikut.
Tabel 4. 2 Tabel pengujian perangkat lunak
No Tipe handphone Resulusi Layar Versi Keterangan
Android
1 Xiaomi Redmi 3s 720 x 1280 pixels 6.0. Berjalan Baik
2 Sony Xperia ZL 1920 x 1080 pixels 8.1 Berjalan Baik
3 Samsung Galaxy 480 x 800 pixels 6.0 Berjalan Baik
Grand
4 Nokia 3 720 x 1280 pixels 6.0 Berjalan Baik
5 Xiaomi Redmi 720 x 1280 pixels 7.1 Berjalan Baik
4x

4.2.3 Pengujian Kelayakan Apllikasi (Usability Test)

Pengujian kelayakan dilakukan untuuk mengetahui tanggapan pengguna
setelah menggunakan aplikasi. Hasil perolehan perhitungan dari 30 responden yang
diambil dari berbagai pihan diantaranya pemilik kost dan mahasiswa sebagai
pengguna aplikasi dengan device yang berbeda.
 60

Tabel 4. 3 Tabel hasil kuesioner kelayakan aplikasi

No Pertanyaan Nilai Total
Sb B C K Sk
Bagaimana tampilan User antar
1 15 14 4 1 0 34
muka dari aplikasi ini?
Bagaimana fungsional dari tombol-
2 tombol dan navigasi yang ada pada 16 14 4 0 0 34
aplikasi ini
Bagaimana fitur-fitur beserta
3 16 15 2 0 1 34
fungsinya yang ada pada aplikasi ini?
Bagaimana manfaat dari adanya
4 15 14 4 1 0 34
google map pada aplikasi ini
Kemudahan dalam mencari kost
5 15 15 3 1 0 34
dengan aplikasi
Kemudahan dalam menggunakan
6 14 18 2 0 0 34
aplikasi
7 Manfaat aplikasi 21 8 5 0 0 34
Tanggapan pengguna secara
8 18 12 4 0 0 34
keseluruhan

Uji kelayakan aplikasi ke dilakukan kepada 30 orang responden, yang

dibagi pada 5 kelompok jawaban, sangat baik (SB), baik (B), cukup (C), kurang
(K), dan sangat kurang (SK). Dengan menggunakan skala Likert, berikut adalah
hasil perhitungan pengujian usability
Tabel 4. 4 Hasil uji usability
Nilai
No Pertanyaan Total Presentasi
5 4 3 2 1

Bagaimana
1 ketertarikan anda pada 75 56 12 2 0 145 85.29%
aplikasi ini?
 61

Nilai
No Pertanyaan Total Presentasi
5 4 3 2 1

Bagaimana desain
2 80 56 12 0 0 148 87.06%
antar muka aplikasi ini?

Bagaimana kesesuaian
3 desain dan warna 80 60 6 0 1 147 87.95%
aplikasi?

Bagaimana kemudahan
4 75 56 12 2 0 145 85.29%
penggunaan aplikasi?

Bagaimana
5 kelengkapan fitur 75 60 9 2 0 146 85.88%
apliksi?

Bagaimana
6 penggunaan bahasa 70 72 6 0 0 148 87.06%
pada aplikasi?

Manfaat aplikasi yang

7 105 32 15 0 0 152 89.41%
anda rasakan?

Tanggapan pengguna
8 90 48 12 0 0 150 88.24%
secara keseluruhan
 62

Dengan menggunakan skala Likert, masih masing nilai skala (SB, B, C, K,

SK) akan dikali dengan nilai skalanya. Skala SB memilki nilai 5, B memiliki nilai
4, C memilki nilai 3, K memiliki nilai 2 dan SK memilki nilai 1. Bila semua
menjawab SB, maka nilai yang didapat adalah 5 (nilai skala SB) * total responden
= 150. Lalu dilakukan perhitungan presentasi sebagai berikut:
Presentasi = total / 170 * 100
150 = 5 * Jumlah responden
Responden = 34 orang

Kemudian, angka presentasi dapat di interpretasikan dengan skor

berdasarkan interval sebagai berikut:
Angka 0% – 19,99% = Sangat kurang
Angka 20% – 39,99% = Kurang
Angka 40% – 59,99% = Cukup
Angka 60% – 79,99% = Baik
Angka 80% – 100% = Sangat Baik

Dapat disimpulkan bahwa aplikasi mendapatkan nilai sangat baik dari hasil
uji Usability karena nilai uji tidak ada yang dibawah 80%. Manfaat aplikasi dapat
disebut sangat baik karena mendapat nilai 89% dan tanggapan pengguna secara
keseluruhan juga sangat baik dengan nilai 88.24%
 BAB V.
KESIMPULAN DAN SARAN

5.1 Kesimpulan
Dari hasil dan pembahasan pada penelitian ini, penulis dapat menyimpulkan bahwa:
1. Aplikasi persebaran rumah kos Kota Malang adalah aplikasi berbasis
Android, yang dapat memetakan dan mencari lokasi rumah kost dengan
memanfaatkan beberapa filter pencarian seperti alamat, harga, jenis kos, dan
fasilitas kos.
2. Telah dilakukan uji fungsional dan black box pada aplikasi yang
menunjukkan bahwa aplikasi sudah berjalan dengan baik dan optimal.
3. Aplikasi yang dibagun memiliki manfaat yang sangat baik, sesuai dengan
nilai uji usability sebsar 89% dari 30 responden. Aplikasi juga dinilai sangat
memudahkan masyarakat untuk mencari kost, sesuai dengan nilai uji
usability sebesar 88% dari 34 responden
5.2 Saran
Saran yang dapat diambil untuk penelitian selanjutnya adalah sebagai berikut:
1. Menulis program dengan bahasa pemrograman Native Android agar dapat
mengintegrasikan rute secara langsung pada aplikasi tanpa perlu membuka
aplikasi lain seperti Google Map.
2. Aplikasi akan lebih baik didaftarkan pada Android Playstore agar dapat
diakses dengan lebih mudah.
3. Dapat menggunakan data fasilitas umum seperti kampus atau sekolah, agar
user bisa mencari rumah kost yang dekat dengan fasitas umum tersebut.
4. Aplikasi dapat diintegrasikan dengan sistem e-money yang sudah ada seperti
GoPay, OVO, atau T-Cash, agar user dapat melakukan transaksi seperti
pembayaran kost langsung pada aplikasi.

63
 DAFTAR PUSTAKA

Abidin, H. Z. (2007). Penentuan Posisi dengan GPS dan Aplikasinya. Jakarta: PT.
Pradnya Paramita

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta:

Peberbit ANDI.

Andi. 2009. Global Positioning System. Yogyakarta: Penerbit Andi

Android Developers. 2016. Meet Android Studio. [Online]. Tersedia:

https://developer.android.com/studio/intro/index.html. Diakses pada tanggal 29
Juli 2016.

Azzaliawan, Ruwahid. 2014. Sistem pemandu pencarian tempat kost terdekat di

area ITN Malang berbasis location based service pada platform android. Skripsi.
Teknik Informatika, Institut Teknologi Nasional Malang.

Gautama, I Wayan Wahyu. 2015. Sistem Informasi Geografis Pemetaan Wisata

Pantai Bali Selatan Berbasis Android. Denpasar: Jurusan Teknologi Informasi,
Universitas Udayana.

Indarto. 2010. Dasar-Dasar Sistem Informasi Geografis. Jember. Jember university

pers

Indrajani S. Kom, MM, 2011, Bedah Kilat Satu Jam Pengantar dan Sistem Basis
Data, PT. Elex Media Komputindo, Jakarta.

Kadir, Abdul. 2008. Belajar Database Menggunakan MySQL. Yogyakarta:

Penerbit ANDI

Kasman, Akhmad Dharma. 2013. Kolaborasi Dahsyat Android dengan PHP &
MySQL. Yogyakarta: Lokomedia.

Kenneth E. Kendall, Julie E. Kendall, 2010, Analisis dan Perancangan Sistem,

Jakarta , PT Indeks

64
 65

Lengkong, H.N., Sinsuw, A.A.E., Lumenta, A.S.M., 2015, Perancangan Petunjuk

Rute Pada Kendaraan Pribadi Menggunakan Aplikasi Mobile GIS Berbasis
Android Yang Terintegrasi Pada Google Maps

Marchal, Benoit. 2000. XML By Example. United States of America: Que

Morgan, Eric Lease. 2004. Getting Started with XML: A Manual and Workshop.
USA.

Nugroho, Eko. 2008. Sistem Informasi Manajemen Konsep, aplikasi dan

Perkembangan. Yogyakarta : Andi Offset.

Utomo, Pramudi. 2009. Dinamika Pelajar dan Mahasiswa di Sekitar Kampus

Yogyakarta (Telaah Pengelolaan Rumah Kontrak dan Rumah Sewa). Universitas
Negeri Yogyakarta.

Pohan, Husni Iskandar dan Kusnassriyanto Saiful Bahri. 1997. Pengantar

Perancangan Sistem. Jakarta : Erlangga

Prahasta, Eddy. 2009. Sistem Informasi Geografis Konsep-Konsep Dasar

(Perspektif Geodesi dan Geomatika). Bandung : Informatika

Pisdon, Nolly Arini. 2018 Sistem Informasi Pemetaan Sebaran Kos-Kosan Berbasis
Web Menggunakan Google Maps Api (Studi Kasus : Kelurahan Sumbersari).
Skripsi. Teknis Geodesi, Institut Teknologi Nasional Malang

Safaat H, Nazruddin. 2012. Pemrogramam Aplikasi Mobile Smartphone dan Tablet

PC Berbasis Android. Bandung: Informatika Bandung.

Sutopo, Ariesto Hadi dan Fajar Masya. 2005. Pemrograman Berorientasi Objek
dengan Java. Yogyakarta: Graha Ilmu

Wargo, M. John, 2012, PhoneGap Essentials: Building Cross-Platform Mobile

Apps. New Jersey: Addison-Wesley.

Wahyudi, Bambang. 2008. Konsep Sistem Informasi dari Bit sampai ke Database.
Yogyakarta: Penerbit ANDI.
 66

Yakub, 2008. Sistem Basis Data; Tutorial Konseptual. Graha Ilmu Yogyakarta.
 LAMPIRAN

1. Lampiran kode program untuk menampilkan map dengan data persebaran

rumah kos:

<script>
var marker;
function initialize() {
// Variabel untuk menyimpan informasi (desc)
var infoWindow = new google.maps.InfoWindow;
// Variabel untuk menyimpan peta Roadmap
var mapOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoom: 20
}
// Pembuatan petanya
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
// Variabel untuk menyimpan batas kordinat
var bounds = new google.maps.LatLngBounds();

// Pengambilan data dari database

<?php
$kueri = $connect -> query($sql);
while($data = $kueri -> fetch_array())
{
$nama = $data['harga'];
$lat = $data['lat'];
$lon = $data['lng'];
echo ("addMarker($lat, $lon, 'harga: Rp$nama ' );\n");
}
?>
//and kamar.harga >='$min' or kamar.harga <='$maks' or lokasi.jenis='$jenis' or
fasilitas.ac='$ac' or fasilitas.km='$km' or fasilitas.mj='$mj' or fasilitas.wifi='$wi'
// Proses membuat marker
function addMarker(lat, lng, info) {
var lokasi = new google.maps.LatLng(lat, lng);
bounds.extend(lokasi);
var marker = new google.maps.Marker({
map: map,
position: lokasi,
});
map.fitBounds(bounds);
bindInfoWindow(marker, map, infoWindow, info);
}

// Menampilkan informasi pada masing-masing marker yang diklik

67
 68

function bindInfoWindow(marker, map, infoWindow, html) {

google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

2. Lampiran kode program untuk melakukan login

<?php
session_start();
// membuat koneksi
$con =
mysqli_connect("localhost","golz9798_golek","roomah!@#","golz9798_baru");
// Deklarasi variable
$username = $_POST['username'];
$password = md5($_POST['password']);
$login =$_POST['login'];
if(isset($login)){
if(empty($username) or empty($password)){
echo "<script>alert('Form tidak boleh kosong!!! Silakan ulangi
lagi'); </script>";
header('location:index.html');
}else{
$link_address = 'index.php';
$ulang = 'login.php';
$query = mysqli_query($con,"SELECT * FROM user WHERE
username = '$username' AND password = '$password'");
if(mysqli_num_rows($query) > 0){
echo "<script>alert('terimakasih, silahkan lanjutkan');
window.location=('index.php') </script>";
$r = mysqli_fetch_array($query);
$_SESSION['id_user'] = $r['id_user'];
header("location:index.php");
}else{
echo "<script>alert('Maaf, username atau password anda
salah, silahkan ulangi login'); window.location=('login.php') </script>";

}
}
}

?>
 69

3. Lampiran kode program untuk melakukan pendaftaran anggota

<?php
// membuat koneksi
$con =
mysqli_connect("localhost","golz9798_golek","roomah!@#","golz9798_baru");
// Deklarasi variable
$username = $_POST['username'];
$password = $_POST['password'];
$nama = $_POST['nama'];
$contact = $_POST['contact'];
$email = $_POST['email'];
$submit =$_POST['submit'];
if(isset($submit)){
if(empty($username) or empty($password)){
echo "<script>alert('Form tidak boleh kosong!!! Silakan ulangi
lagi'); window.location=('register.html') </script>";
}else {

$dup = mysqli_query($con,"SELECT username FROM user

WHERE username='".$username."'");
if(mysqli_num_rows($dup) >0){
echo "<script>alert('Username sudah ada, silahkan gunakan username
lain'); window.location=('daftar.php');</script>";

}
else{
$pass = md5($_POST['password']);
$ins = mysqli_query($con,"INSERT INTO user
(username,password,nama, contact, email) VALUES
('$username','$pass','$nama','$contact','$email')");
echo "<script>alert('Data berhasil di Tambah');
window.location=('login.php');</script>";
}
}
}
?>
 70

4. Lampiran kode program untuk menambahkan data lokasi

<?php
// Load file koneksi.php
include "koneksi.php";
// Ambil Data yang Dikirim dari Form
$id_lokasi = $_POST['id_lokasi'];
$id_user = $_POST['id_user'];
$foto = $_FILES['foto']['name'];
$tmp = $_FILES['foto']['tmp_name'];
$lat = $_POST['lat'];
$lng = $_POST['lng'];
$judul = $_POST['judul'];
$alamat = $_POST['alamat'];
$harga = $_POST['harga'];
$jenis = $_POST['jenis'];
$keterangan = $_POST['keterangan'];
$ac = $_POST['ac'];
$wifi = $_POST['wifi'];
$kmd = $_POST['kmd'];
// Rename nama fotonya dengan menambahkan tanggal dan jam upload
$fotobaru = date('dmYHis').$foto;
// Set path folder tempat menyimpan fotonya
$path = "img/".$fotobaru;
// Proses upload
if(move_uploaded_file($tmp, $path)){ // Cek apakah gambar berhasil diupload atau
tidak
// Proses simpan ke Database
$query = "INSERT INTO lokasi VALUES('".$id_lokasi."', '".$id_user."',
'".$judul."','".$lat."', '".$lng."', '".$fotobaru."', '".$alamat."', '".$jenis."',
'".$ac."','".$wifi."', '".$kmd."', '".$harga."', '".$keterangan."' )";
$sql = mysqli_query($connect, $query);

if($sql){ // Cek jika proses simpan ke database sukses atau tidak

// Jika Sukses, Lakukan :
$last_id = mysqli_insert_id($connect);
echo "<script>alert('data lokasi berhasil dimasukkan, silahkan
masukkan informasi kamar. id lokasi= . $last_id;');
window.location=('p_detail.php?id_lokasi=".$last_id."') </script>";
}else{
// Jika Gagal, Lakukan :
echo "Maaf, Terjadi kesalahan saat mencoba untuk menyimpan data
ke database.";
echo "<br><a href='input.php'>Kembali Ke Form</a>";
}
}else{
// Jika gambar gagal diupload, Lakukan :
 71

echo "Maaf, Gambar gagal untuk diupload.";

echo "<br><a href='input.php'>Kembali Ke Form</a>";
}
?>
 72

5. Lampiran kode program untuk menampilkan detail lokasi

<body>
<?php
include "koneksi.php";
$id_lokasi = $_GET['id_lokasi'];
$query = "SELECT * FROM lokasi WHERE id_lokasi='".$id_lokasi."'";
$sql = mysqli_query($connect, $query); // Eksekusi/Jalankan query dari variabel
$query
$data = mysqli_fetch_array($sql); // Ambil data dari hasil eksekusi $sql
?>

<section class="spotlight style1 orient-right content-align-left image-position-

center onscroll-image-fade-in" id="first">
<div class="content">
<h2 class="major"><?php echo $data['judul']; ?></h2>
<p class="major"><b>Alamat </b> <?php echo $data['alamat']; ?><br>
<b >Harga </b> <?php echo $data['harga']; ?><br>
<b>Jenis </b> <?php echo $data['jenis']; ?><br></p>
<ul class="actions stacked">
<li><a href="#map-canvas" class="button big wide smooth-scroll-
middle">Tampil Peta</a></li>
</ul>
</div>
<div class="image">
<?php echo "<img src='img/".$data['foto']."'";?>
</div>
</section>

<div class="divided" id="wrapper">

<section class=" style1 align-center">
<h3 align="center">Detail Kamar</h3>
</section>
</div>

<div class="container">
<div class="row">
<div class="col-4">

<?php
$d = "SELECT DISTINCT detail.dapur, detail.kasur, detail.listrik FROM lokasi
RIGHT JOIN detail ON lokasi.id_lokasi = detail.lokasi WHERE
detail.lokasi='".$id_lokasi."'";
$e = mysqli_query($connect, $d); // Eksekusi/Jalankan query dari variabel $query
$f= mysqli_fetch_array($e); // Ambil data dari hasil eksekusi $sql
?>
<p>
<img src="iconset/ac.png" height="12" width="14"><b> AC </b> <br>
 73

<img src="iconset/wifi.png" height="12" width="14"><b> Wifi </b> <br>

<img src="iconset/dapur.png" height="12" width="14"><b> Dapur </b> <br>
<img src="iconset/kasur.png" height="12" width="14"><b> Kasur </b> <br>
<img src="iconset/kmd.png" height="12" width="14"><b> Kamar Mandi </b>
<br>
</p>
</div>
<div class="col-3" style="width: 18%">
<?php echo $data['ac']; ?><br>
<?php echo $data['wifi']; ?><br>

<?php echo $f['dapur']; ?><br>

<?php echo $f['kasur']; ?> <br>
<?php echo $data['kmd']; ?> <br>
</div>
<div class="col-5">
<?php
$a = "SELECT user.contact, user.nama, user.username FROM lokasi RIGHT
JOIN user ON lokasi.id_user = user.id_user WHERE
lokasi.id_lokasi='".$id_lokasi."'";
$b = mysqli_query($connect, $a); // Eksekusi/Jalankan query dari variabel $query
$c= mysqli_fetch_array($b); // Ambil data dari hasil eksekusi $sql
?>
<p>
<img src="iconset/user.png" height="13" width="16"><b> pemilik </b> <?php
echo $c['nama']; ?><br>

<img src="iconset/phone.png" height="12" width="16"><b> Telfon </b> <?php

echo $c['contact']; ?> <br> <br>

</div>
</div>
<div class="row">
<div class="col-6">
<b><i class="fas fa-plus"></i> Keterangan Tambahan </b> <br>
<?php echo $data['keterangan']; ?>
</div>
<div class="col-6">
<b><i class="fas fa-plug"></i> Listrik</b> <br>
<p> <?php echo $f['listrik']; ?>
</div>
</div>
</div>
<div class="container">
</p>

</div>
 74

<div class="divided" id="wrapper">

<section class=" style1 align-center">
<h3 align="center">Foto Kamar</h3>
</section>
</div>

<div class="container">
<div class="col-12" >
<div class="carousel slide multi-image-slider" id="theCarousel">
<div class="carousel-inner">
<?php
$sqlQuery = "SELECT detail.foto FROM lokasi RIGHT JOIN detail ON
lokasi.id_lokasi = detail.lokasi WHERE detail.lokasi='".$id_lokasi."'";
$resultSet = mysqli_query($connect, $sqlQuery);
$setActive = 0;
$sliderHtml = '';
while( $sliderImage = mysqli_fetch_assoc($resultSet)){
$activeClass = "";
if(!$setActive) {
$setActive = 1;
$activeClass = 'active';
}
$sliderHtml.= "<div class='item ".$activeClass."'>";
$sliderHtml.= "<div class='col-md-12 align-center'><a
href='detail/".$sliderImage['foto']."'>";
$sliderHtml.= "<img src='detail/".$sliderImage['foto']."' class='image'
width='100%' height='120px'>";
$sliderHtml.= "</a></div></div>";
}
echo $sliderHtml;
?>
</div>
<a class="left carousel-control" href="#theCarousel" data-slide="prev"><i
class="glyphicon glyphicon-chevron-left"></i></a>
<a class="right carousel-control" href="#theCarousel" data-slide="next"><i
class="glyphicon glyphicon-chevron-right"></i></a>
</div>
</div>
</div>
<br>
<div class="divided" id="wrapper">
<section class=" style1 align-center">
<h3 align="center">Peta</h3>

</section>
</div>
<div id="map-canvas"></div>
 75

<script type="text/javascript">
function initialize() {
var mapOptions = {
zoom: 16,
center: new google.maps.LatLng(<?php echo "$data[lat], $data[lng]"; ?>)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);

setMarkers(map, beaches);
}

var beaches = [
['<?php echo "$data[id_lokasi]<br> <a
href=\"http://www.google.com/maps/dir/?api=1&destination=".$data['lat'].",".$dat
a['lng']."\" target=\"new\">Petunjuk Arah Dari Lokasi Anda</a> <br> "; ?>', <?php
echo "$data[lat], $data[lng]"; ?>],
];

function setMarkers(map, locations) {

var shape = {
coords: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
var infoWindow = new google.maps.InfoWindow;
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: beach[4],
shape: shape,
title: beach[0],
zIndex: beach[3]
});
var html = 'Lokasi : '+beach[0]+'<br/>Latitude : '+beach[1]+'<br/>Longitude :
'+beach[2]+'';
bindInfoWindow(marker, map, infoWindow, html);
}
}

function bindInfoWindow(marker, map, infoWindow, html) {

google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
 76

});
}

google.maps.event.addDomListener(window, 'load', initialize);

</script>
</body>