9 Pada Gambar 8 menjelaskan desain user interface halaman jalur maps.
Halaman ini akan muncul ketika user memilih tombol menu menuju lokasi pada halaman profil objek wisata. Pada nomor dua menampilkan sebuah layout
mapview google maps dan terdapat dua buah titik yang dihubungkan dengan sebuah garis. Titik pertama berupa lokasi koordinat user sedangkan titik kedua
adalah lokasi koordinat dari objek wisata. Diantara dua titik tersebut terdapat garis yang merupakan penunjuk jalan dari lokasi user menuju lokasi objek pariwisata.
Gambar 8 Desain User Interface Halaman Jalur Maps
5. Pembahasan Sistem
Aplikasi Pemandu Lokasi Objek Wisata di Kota Solo ini menggunakan web server untuk menyimpan data objek wisata yang dimasukkan oleh admin ke
dalam basis data. Web server ini berfungsi sebagai server yang menerima dan mengirim request dari aplikasi android user.
Pada halaman Home, admin dapat melakukan manajemen data yang ada di dalam basis data web server. Seperti manajemen administrator, manajeman
kategori, dan manajemen wisata. Halaman Home dapat dilihat pada Gambar sembilan.
Gambar 9 Halaman Home Administrator
Halaman Manajamen Administrator digunakan admin untuk melakukan manajemen data administrator. Admin dapat melakukan manajemen berupa
tambah, ubah, dan hapus pada data administrator. Data tersebut berupa nama, username, dan password. Data tersebut tersimpan di dalam basis data.
Halaman Manajemen Kategori, admin dapat melakukan manajemen data berupa tambah, ubah, dan hapus dari data kategori. Data kategori yang dimaksud
adalah kategori dari objek wisata yang nantinya akan digunakan pada saat manajemen data objek wisata. Kategori yang digunakan dalam penelitian ini
10 adalah kategori Wisata Belanja, Wisata Budaya, Wisata Rekreasi, Wisata Religi,
dan Wisata Sejarah. Pada Halaman Manajemen Wisata, admin dapat melakukan manajemen data
objek wisata. Data objek wisata ini berupa kategori, nama, alamat, deskripsi, gambar, longitude, dan latitude. Data kategori pada halaman ini diambil dari data
kategori yang sudah diinputkan oleh admin pada halaman manajemen kategori.
Pada Halaman Detail Objek Wisata, admin dapat melihat setiap objek wisata yang telah berhasil ditambahkan oleh admin. Tampilan halaman ini dapat dilihat
pada Gambar 10.
Gambar 10
Halaman Detail Objek Wisata
Selanjutnya adalah pembahasan Sistem Aplikasi Android Client Halaman menu aplikasi android user ini menampilkan empat buah menu yaitu menu
Bookmarks, menu Kategori, menu Lokasi Saya, dan menu Tentang Aplikasi. Tampilan daftar kategori dapat dilihat pada Gambar 11. Pada Halaman
Kategori ini terdapat sebuah listview untuk memuat daftar kategori yang dipanggil dari basis data web server.
Gambar 11 Halaman Menu Kategori
Perintah pada Kode Program 1 digunakan untuk mengambil semua data kategori. Untuk melakukan koneksi ke web server digunakan perintah
RestUser.DEFAULT_URL+ service_kategori.php; pada baris satu sampai dua. Penggambilan data menggunakan metode RequestMethod.POST;. Hasil
dari request tersebut ditampilkan menjadi llistKategori.
Nilai listKategori ditempatkan pada listview dari xml dan didaftarkan pada listview kategori dengan perintah listKategori.setAdapterlistKategoriAdapter;.
11 Untuk menangani item click pada daftar list kategori digunakan perintah
listKategori.setOnItemClickListenerthis; pada baris 13 sampai 15.
Kode Program 1 Mendapatkan Daftar Kategori
1.
RestClient client = new RestClient
2. RestClient.DEFAULT_URL+service_kategori.php;
3.
try {
4. client.ExecuteRequestMethod.POST;
5. String response = client.getResponse.trim;
6. String[] a = response.split\\|;
7.
for int i=0; ia.length; i++ {
8. String[] b = a[i].split-;
9.
Kategori k = new Kategori;
10. k.id = Integer.parseIntb[0].trim;
11. k.nama = b[1];
12. listKategoriAdapter.addk;
13. listKategori = ListViewfindViewByIdR.id.list;
14. listKategori.setAdapterlistKategoriAdapter;
15.
listKategori.setOnItemClickListenerthis;
Perintah pada
Kode Program
2 adalah
kode program
pada service_kategori.php. Untuk melakukan koneksi ke basis data. Untuk
mendapatkan semua
data kategori
digunakan perintah
query =
mysql_queryselect from tabel_kategori order by nama ASC; pada baris dua dan 3 yang diurutkan berdasarkan nama.
Kode Program 2 Service_kategori.php
1. include connect_login.php;
2. query = mysql_queryselect from tabel_kategori
3. order by nama ASC;
4. num = mysql_num_rowsquery;
5. if num 0 {
6. no = 0;
7. whileresult = mysql_fetch_rowquery{
8. if no == 0 echo result[0]-result[1];
9. else
10. echo |result[0]-result[1];
11. no++;
Pada Halaman Objek Wisata sama dengan tampilan Menu Kategori yaitu terdapat sebuah listview untuk memuat daftar menu objek wisata yang dipanggil
dari basis data web server. Perbedaannya adalah isi dari daftar objek wisata ini berdasarkan oleh kategori yang dipilih oleh user sebelumnya. Misalnya jika user
memilih kategori Wisata Rekreasi, maka daftar objek wisata yang ditampilkan adalah daftar objek wisata rekreasi. Tampilan Halaman Menu Kategori dapat
dilihat pada Gambar 12.
12
Gambar 12 Halaman Objek Wisata
Perintah pada Kode Program 3 digunakan untuk pemanggilan data daftar objek wisata. Data objek wisata tersebut didapat berdasarkan kategori yang dipilih
sebelumnya. Pada baris 10 sampai 13 Penggambilan data menggunakan metode RequestMethod.POST; .
Kode Program 3
Mendapatkan List Objek Wisata 1.
adapter = new ArrayAdapterWisata
2.
this, android.R.layout.simple_list_item_1;
3.
int kategori = -1;
4. Bundle extras = getIntent.getExtras;
5.
if extras = null{
6. kategori = extras.getIntkategori;
7.
RestClient client = new RestClient
8. RestClient.DEFAULT_URL+service_wisata.php;
9. client.AddParamid, +kategori;
10.
try
{ 11.
client.ExecuteRequestMethod.POST; 12.
String response =client.getResponse.trim; 13.
String[] a = response.split\\|; 14.
for int i=0; ia.length; i++ {
15. String[] b = a[i].split-;
16. Wisata w = new Wisata;
17. w.id = Integer.parseIntb[0].trim;
18. w.kategori = Integer.parseIntb[1].trim;
19. w.judul = b[2];
20. adapter.addw;
Perintah pada
Kode Program
4 adalah
kode program
pada service_wisata.php. Untuk melakukan koneksi ke basis data. Untuk mendapatkan
data id objek wisata digunakan perintah id = _REQUEST[id]; pada baris dua. Untuk menggambil semua data dari basis data digunakan perintah query =
mysql_queryselect from tabel_wisata where id_kategori=id; pada baris tiga dan empat yang diurutkan berdasarkan id_kategori. Perintah num =
mysql_num_rowsquery; pada baris 5 digunakan untuk mendapatkan jumlah objek wisata. Berdasarkan data yang didapatkan akan untuk masing-masing
kategori, data tersebut akan ditampilkan sebagai output pada baris 10 sampai 12.
13
Kode Program 4 Service_wisata.php
1. include connect_login.php;
2. id = _REQUEST[id];
3. query = mysql_queryselect from tabel_wisata
4. where id_kategori=id;
5. num = mysql_num_rowsquery;
6. if num 0 {
7. no = 0;
8. whileresult = mysql_fetch_rowquery{
9. if no == 0
10. echo result[0]-result[1]-result[2];
11. else
12. echo |result[0]-result[1]-result[2];
13. no++;
Pada Gambar 13 adalah tampilan dari Halaman Profil Objek Wisata. Halaman ini ditampilkan berdasarkan activity yang dipilih oleh user pada
Halaman Objek Wisata sebelumnya. Pada halaman ini terdapat textview untuk menampilkan judul dan deskripsi, imageview untuk menampilkan gambar, dan
button untuk menampilkan tombol Rute, Bookmarks, dan Back.
Gambar 13 Halaman Profil Objek Wisata
Pada Kode Program 5 adalah variable yang digunakan untuk halaman profil ini yaitu id, kategori, judul, deskripsi, gambar, longitude, dan latitude.
Kode Program 5 Variable Objek Wisata
1. public int id;
2. public int kategori;
3. public String judul;
4. public String deskripsi;
5. public int gambar;
6. public double latitude;
7. public double longitude;
Pada Kode Program 6 setview digunakan untuk memasukan variable ke dalam layout perintah yang digunakan adalah view.setLayoutParams;. Pada
baris satu sampai enam digunakan untuk mengeset judul, gambar, dan deskripsi. Pada baris tujuh sampai 18 digunakan untuk mengeset tombol Back, tombol
14 Tampilkan Rute, dan tombol Bookmarks. Setelah itu semua baris tersebut
dimasukkan ke dalam layout dengan perintah layout.addView ; seperti pada baris 19 sampai 24.
Kode Program 6 SetView Objek Wisata
1. btnShowTrack.setOnClickListenerthis;
2. btnFavorit = new Buttonthis;
3. btnFavorit.setTextBookmarks;
4. btnFavorit.setLayoutParamscompLayout;
5. btnFavorit.setOnClickListenerthis;
6. layout.addViewbtnShowTrack;
7. layout.addViewbtnFavorit;
8. layout.addViewtxtJudul; layout.addViewimageView;
9. layout.addViewtxtDeskripsi;
1. layout.addViewbtnBack; txtJudul = new TextViewthis;
2. txtJudul.setLayoutParamscompLayout;
3. imageView = new ImageViewthis;
4. imageView.setLayoutParamscompLayout;
5. txtDeskripsi = new TextViewthis;
6. txtDeskripsi.setLayoutParamscompLayout;
7. txtJudul = new TextViewthis;
8. txtJudul.setLayoutParamscompLayout;
9. imageView = new ImageViewthis;
10. btnShowTrack.setOnClickListenerthis;
11. btnFavorit = new Buttonthis;
12. btnFavorit.setTextBookmarks;
Pada Gambar 14 adalah tampilan dari Halaman Jalur Map antara titik lokasi user yang berwarna hijau menuju titik lokasi objek wisata yang berwarna merah
dan dihubungkan oleh garis berwarna biru. Tampilan peta yang digunakan adalah tampilan map layout dari google maps yang ditambahkan sebuah overlay untuk
dapat menampilkan titik dan garis diatas google maps. Koordinat titik user didapat berdasarkan koordinat hardware GPS. Sedangkan koordinat titik objek
wisata didapat berdasarkan data longitude dan latitude dari basis data web server.
Gambar 14 Halaman Jalur Maps
Untuk menampilkan peta pada tampilan layout xml digunakan perintah seperti pada Kode Program 7. Pada baris ke enam dan tujuh adalah API Key. API
Key ini berfungsi agar google maps dapat ditampilkan pada map view.
15
Kode Program 7 Generate API Key
1. com.google.android.maps.MapView
2. android:id=+idmapview
3. android:layout_width=fill_parent
4. android:layout_height=fill_parent
5. android:clickable=trueandroid:enabled=true
6. android:apiKey=
7. 0rsIWNKUa84cxWFWuEvtnGJf6YQLwdFN9OwBQPg
8.
Kode Program 8 adalah perintah uses-permission pada Android Manifest.xml untuk dapat mengakses Internet. Internet digunakan karena google maps selalu
membutuhkan koneksi internet agar map dapat ditampilkan pada map view.
Kode Program 8 Uses Permission untuk akses Internet
1. uses-permission
2. android:name=android.permission.INTERNET
Kode Program 9 adalah uses-permission pada Android manifest.xml. Untuk mengakses hardware GPS pada aplikasi dibutuhkan uses-permission. Hardware
GPS disini berfungsi untuk mendapatkan nilai longitude dan latitude yang dibutuhkan untuk menentukan titik lokasi user.
Kode Program 9 Uses Permission untuk Hardware GPS
1. uses-permission android:name=
2. android.permission.ACCESS_COARSE_LOCATION
3. uses-permission android:name=
4. android.permission.ACCESS_FINE_LOCATION
5. uses-permission android:name=
6. android.permission.ACCESS_MOCK_LOCATION
Kode Program 10 adalah perintah untuk menggambarkan marker atau bulatan pada overlay map view. Untuk mendapatkan overlay digunakan perintah
mapOverlays = mapView.getOverlays; lalu untuk meletakan marker pada titik digunakan perintah mapOverlays.addnew DrawableMapOverlaythis, point,
R.drawable.marker2;.
Kode Program 10
Menggambar Marker pada Map View 1.
mapOverlays = mapView.getOverlays; 2.
mapOverlays.clear; 3.
mapOverlays.add 4.
new DrawableMapOverlay
5.
this, point, R.drawable.marker2;
Kode Program 11 adalah perintah untuk membuat jalur dari titik awal yaitu titik user menuju ke titik akhir yaitu titik objek wisata. Kode program ini
memanfaatkan service maps dari google dengan menggunakan perintah http:maps.google.commaps?f=dhl=en pada baris ke 1. Titik lokasi awal
diletakkan pada pada baris 2 dengan perintah urlString.appendsaddr=;.
16 Untuk mendapatkan nilai latitude dan longitude untuk titik lokasi awal digunakan
perintah seperti pada baris 3 sampai 5. Titik lokasi akhir diletakkan pada baris 6 dengan perintah daddr=. Untuk mendapatkan nilai latitude dan longitude
untuk titik lokasi akhir digunakan perintah seperti pada baris 7 sampai 9, kedua nilai tersebut dipisahkan berdasarkan tanda
“,”.
Kode Program 11 Menggambar Jalur dariTitik User ke Titik Objek Wisata
Kode Program 12 adalah peintah untuk menangani perubahan lokasi user. Jika user melakukan pergerakan makatitik lokasi akan di update. Pada baris satu
sampai empat adalah kode untuk menangani saat posisi user berubah atau bergerak disinilah update handler terjadi dan mengakibatkan nilai longitude dan
latitude berubah.
Kode Program 12 Update Handler\
6. Hasil Pengujian Sistem
