BAB IV IMPLEMENTASI
Implementasimerupakan tahap pengembangan rancangan menjadi
kodeprogram.Pada awalbagianinidijabarkanspesifikasi perangkat keras dan lunak. 4.1
Spesifikasi Perangkat Keras
Perangkat Keras yang digunakan untuk membangun sistem ini adalah : 1.
Processor dengan kecepatan 2 GHz+ Motherboard 2.
Kapasitas Harddisk minimal 40 GB 3.
RAM minimal 40 GB 4.
VGA Card minimal 64 MB 5.
Monitor 6.
Koneksi internet minimal64kbps 7.
Mouse 8.
Keyboard 9.
Kabel Data
4.2 Spesifikasi Perangkat Lunak
Aplikasi ini merupakan aplikasi yang bertujuan untuk menginformasikan lokasi wisata di Surabaya untuk calon wisatawan berupa keterangan singkat dan
alamat tempat wisata tersebut selain itu di dalamnya terdapat fitur galeri yang memuat beberapa foto tempat wisata dan user dapat melihat denah peta wisata
yang terkoneksi oleh google map. Untuk menunjang itu semua diperlukan perangkat lunak dalam
pembangunan sistem ini, yaitu : 1.
Java Development Kit versi 5 atau 6
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
2. Eclipse Indigo sebagai perangkat lunak yang diperlukan untuk
membangun aplikasi pada Android 3.
Android SDK, untuk pengembang aplikasi Android
4.3 Pembuatan Tampilan
Dalam sub bab ini akan membahas tentang bagaimana penulisan kode
program untuk pembuatan tampilan setriap menu. 4.3.1
Pembuatan Menu Utama
Sebelum membuat menu utama kita awali terlebih dahulu dengan membuka Eclipse. Kemudian klik File
→ New → Other → Android Project. Seperti pada gambar 4.1 dibawah ini :
Gambar 4.1 Langkah Awal Membuat Project
Kemudian akan muncul tampilan seperti gambar 4.2 dibawah ini
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.2 Langkah Awal 2 Membuat Project
Dari gambar 4.2 diatas pilih Android Project kemudian klik next dan akan muncul tampilan gambar 4.3. Ketikkan nama RevaWisataFinder pada textfield
Project Name. Karena project ini baru maka pilih radio button paling atas. Serta centang kolom Use default location. Setelah selesai semuka maka klik tombol
next dan akan muncul tampilan yang akan meminta agar memilih SDK yang digunakan.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.3 Langkah Awal 3 Membuat Project
Setelah klik tombol next akan muncul tampilan pada gambar 4.4 yaitupemilihan SDK yang digunakan. Dalam pembuatan aplikasi ini saya tidak
menginstal semua SDK hanya SDK Android 2.2. Dan pembuatan aplikasi ini juga membutuhkan fungsi google API maka centang seperti pada gambar.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.4 Langkah Awal 4 Membuat Project
Kemudian klik next maka akan muncul tampilan tentang Application Info seperti pada gambar 4.5 dan isikan reva.Android.wistafinder pada field Package
Name. Jangan lupa centang pada kotak Create Activity. Minimum SDK akan otomatis terisikan 8. Dan tampilan ini menandakan project siap dibuat.Setelah itu
klik Finish dan langsung akan menuju tempat untuk membuat project tersebut.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.5 Langkah Awal 5 Membuat Project
Setelah semuanya siap kemudian membuat tampilan menu utama pada main.xml. Langkah pertama yaitu membuat layout dengan cara menggeser pallet
yang ada di sebelah kiri. Layout menu utama ini menggunakan linier layout. Tampilan menu awal seperti gambar 4.6.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.6 Tampilan Graphical Layout Main.Xml
Terdapat judul yang bertuliskan Pariwisata Surabaya dan enam button kategori wisata yaitu wisata alam, wisata kota, wisata religi, wisata belanja, wisata
sejarah dan button tutup yaitu untuk keluar dari aplikasi dengan layout yang tersusun secara demikian.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.3.2 Pembuatan Menu List Wisata
Langkah berikutnya yaitu membuat menu list wisata. Pada menu ini akan ada tombol menu dan kembali. Tombol Menu berfungsi untuk kembali ke menu
utama sedangkan tombol kembali berfungsi untuk menuju halaman sebelumnya..
Gambar 4.7 Tampilan Graphical Layout Menulist.xml
Kemudian akan ada list tempat wisata berdasarakan ketegori wisata yang dipilih user seperti yang terlihat pada gambar 4.7
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4.3.3 Pembuatan Menu Detail Wisata
Untuk membuat menu detail wisata tetap nantinya akan ada button menu dan button kembali. Dan akan button galeri yaitu untuk melihat galeri foto dan
button peta untuk melihat peta denah wisata. Berikut tampilan menudetail.xml seperti pada gambar dibawah ini :
Gambar 4.8 Tampilan Graphical Layout Menudetail.xml
Pada menu ini akan menampilkan alamat dan deskripsi tempat wisata seperti yang dapat dilihat pada gambar 4.10.
4.3.4 Pembuatan Menu Galeri Wisata
Untuk membuat menu galeri wisata tetap nantinya akan ada button menu dan button kembali. Dan akan button galeri yaitu untuk melihat galeri foto dan
button peta untuk melihat peta denah wisata. Berikut tampilan menu galeriWisata.xml seperti pada gambar dibawah ini :
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.9Tampilan Graphical Layout Menu Galeri
Dalam menu ini akan ada radio button tampak luar dan tampak dalam. Dimana tampak luar akan menampilkan foto tampak luar lokasi wisata sedangkan
tampak dalam akan menampilkan foto tampak dalam wisata.
4.3.5 Pembuatan Menu Peta Wisata
Untuk membuat menu peta wisata tetap nantinya akan ada button menu dan button kembali. Peta yang akan ditampilkan adalah peta denah tempat
wisatanya saja. Berikut tampilan menupeta.xml seperti pada gambar 4.13dibawah ini :
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.10 Tampilan Graphical Layout Menu Peta
4.4 Pembuatan Basis data bahasa Inggris: database
Berikut potongan class source code dalam pembuatan basis data bahasa Inggris: database
Gambar 4.11 Tampilan Source Code Identifikasi Atribute
publicclass
DataWisataSurabaya
extends
SQLiteOpenHelper {
privatestaticfinal
String BASIS
DATA BAHASA INGGRIS: DATABASE_NAME
= dbwisata
;
publicstaticfinal
String IDKATEGORI
= idkategori
;
publicstaticfinal
String KATEGORI
= kategori
;
publicstaticfinal
String NAMA
= nama
;
publicstaticfinal
String RUTE
= rute
;
publicstaticfinal
String ALAMAT
= alamat
;
publicstaticfinal
String KETERANGAN
= keterangan
;
publicstaticfinal
String LATITUDE
= latitude
;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.12Tampilan Source Code Pembuatan Tabel
4.5 Penginputan Data Wisata
Untuk data wisata dituliskan pada file DataWisataSurabaya.Java seperti contoh dibawah ini :
1. Penulisan Data Wisata untuk Kategori Wisata Alam
Gambar 4.13Tampilan Source Code Input Data untuk Kategori Wisata Alam
publicvoid
createTableSQLiteBasis data bahasa Inggris: database db{
db.execSQL DROP
TABLE IF EXISTS KategoriWisata ;
db.execSQL CREATE
TABLE if not exists KategoriWisata
+ idkategori
TEXT PRIMARY KEY, kategori
TEXT; ;
db.execSQL DROP
TABLE IF EXISTS TempatWisata ;
db.execSQL CREATE
TABLE if not exists TempatWisata +
id INTEGER PRIMARY KEY AUTOINCREMENT, nama TEXT,
+ alamat
TEXT,keterangan TEXT,idkategori TEXT,latitude
TEXT, +
longitude TEXT;
; db.execSQL
DROP TABLE IF EXISTS KetGambar
;
ContentValues cova=
new
ContentValues; Input
Lokasi input
wisataalam cova.put
NAMA ,
Kebun Binatang Surabaya
; cova.put
ALAMAT ,
Jl. Setail No. 1 Surabaya
PusatWonocolo ;
cova.put KETERANGAN
, Kebun
Binatang Surabaya terletak
di jantung kota Surabaya dengan menempati lahan seluas 15 hektar.
Kebun Binatang Surabaya memiliki koleksi satwa lebih dari 4000
ekor dengan lebih dari 300 spesies yang berbeda yaitu burung, reptil,
ikan, serta satwa lainnya.. ;
cova.put IDKATEGORI
, 1
; cova.put
LATITUDE ,
‐7.29647 ;
cova.put LONGITUDE
, 112.7367
;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
2. Penulisan Data Wisata untuk Kategori Wisata Kota
Gambar 4.14Tampilan Source Code Input Data untuk Kategori Wisata
Kota 3.
Penulisan Data Wisata untuk Kategori Wisata Religi
Gambar 4.15Tampilan Source Code Input Data untuk Kategori Wisata Religi
input wisatakota
cova.put NAMA
, Taman
Bungkul ;
cova.put ALAMAT
, Jl.
Raya Darmo Surabaya PusatTegalsari
; cova.put
KETERANGAN ,
Taman Kota arena ketangkasan
BMX, Skate board, Objek wisata ziarah, tempat makan kaki lima.
Buka pukul 08.00 ‐ 24.00.
; cova.put
IDKATEGORI ,
2 ;
cova.put LATITUDE
, ‐7.287723
; cova.put
LONGITUDE ,
112.739983 ;
db.insert TempatWisata
, NAMA
, cova;
cova.put NAMA
, Taman
Pelangi ;
cova.put ALAMAT
, Jalan
Ahmad Yani ;
cova.put KETERANGAN
, Sebuah
taman kota yang terletak
di Jalan Ahmad Yani Surabaya. Desainnya yang unik pasti akan
menarik perhatian mereka yang memasuki gerbang kota Surabaya.
Terdiri dari 31 batang tiang yang tersusun dalam pola melengkung
menyerupai ruas daun, setiap malam ruas‐ruas ini akan berpendar
seperti pelangi ;
cova.put NAMA
, Masjid
Cheng Ho ;
cova.put ALAMAT
, Jl.
Gading No.2, Surabaya, Jawa Timur
; cova.put
KETERANGAN ,
Masjid Muhammad Cheng Ho yang
lebih populer disebut dengan nama masjid Cheng Ho merupakan masjid
yang memiliki keunikan tersendiri karena bentuk masjidnya berbeda
dengan bentuk masjid pada umumnya. Masjid ini dibangun dengan
perpaduan unsur budaya China, budaya Islam dan budaya Jawa sebagai
bentuk penghormatan kepada Laksamana Cheng Ho asal China yang
beragama Islam ketika berdagang. Bentuk masjid Cheng Ho mirip
dengan kelenteng tempat ibadah agama Tri Dharma yang warnanya
banyak di dominasi oleh warna merah yang mencerminkan unsur budaya
dari China.
; cova.put
IDKATEGORI ,
3 ;
cova.put LATITUDE
, ‐7.245152
;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
4. Penulisan Data Wisata untuk Kategori Wisata Sejarah
Gambar 4.16Tampilan Source Code Input Data untuk Kategori Wisata Sejarah
5. Penulisan Data Wisata untuk Kategori Wisata Belanja
Gambar 4.17Tampilan Source Code Input Data untuk Kategori Wisata
Belanja
6. Penulisan Foto Galeri
input wisatasejarah
cova.put NAMA
, Monumen
Kapal Selam ;
cova.put ALAMAT
, Jl.
Gading No.2, Surabaya, Jawa Timur
; cova.put
KETERANGAN ,
Monumen kapal selam diresmikan
pada tanggal 27 Juni 1998. Monumen ini dapat menjadi sarana
pendidikan yang mendidik sekaligus menghibur bagi Anda dan putra‐
putri anda
; cova.put
IDKATEGORI ,
4 ;
cova.put LATITUDE
, ‐7.245152
; cova.put
LONGITUDE ,
112.750769 ;
db.insert TempatWisata
, NAMA
, cova;
input wisatabelanja
cova.put NAMA
, Plaza
Surabaya ;
cova.put ALAMAT
, Jl.
Pemuda No 33‐37 Surabaya ;
cova.put KETERANGAN
, Merupakan
plaza terlama yang
ada di Surabaya. Berbagai counter pakaian, SuperINDO, Pujasera,
Café Excellso, Matahari, Toko Buku tersedia dalam Mall
ini. ;
cova.put IDKATEGORI
, 5
; cova.put
LATITUDE ,
‐7.264884 ;
cova.put LONGITUDE
, 112.748737
; db.insert
TempatWisata ,
NAMA ,
cova; cova.put
NAMA ,
Tunjungan Plaza
; cova.put
ALAMAT ,
Jl. Tunjungan Surabaya
; cova.put
KETERANGAN ,
Pusat Perbelanjaan terbesar
dan terpopuler di Surabaya. Pusat perbelanjaan ini mempunyai 4
bangunan utama yang saling berhubungan Tunjungan Plaza I‐IV.
Kawasan Tunjungan dikenal sebagau pusat komersial kota
Surabaya ;
cova.put IDKATEGORI
, 5
; cova.put
LATITUDE ,
‐7.264884 ;
cova.put LONGITUDE
, 112.748737
; db.insert
TempatWisata ,
NAMA ,
cova;
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.18Tampilan Source Code Input Data untuk Kategori Wisata Kota
BAB V
publicclass
ImageAdapterTRSDalam
extends
BaseAdapter {
int mGaleriItemBackground
;
private
Context mContext
;
private
Integer[] mImageIds
= { R.drawable.
tdttrs1 ,
R.drawable. tdttrs2
, R.drawable.
tdttrs3 };
public
ImageAdapterTRSDalamContext c { mContext
= c; TypedArray a = obtainStyledAttributesR.styleable.
Galeri1 ;
mGaleriItemBackground = a.getResourceId
R.styleable. Galeri1_Android_galeriItemBackground
, 0;
a.recycle; }
publicint
getCount {
return mImageIds
. length
; }
public
Object getItem
int
position {
return
position; }
publiclong
getItemId
int
position {
return
position; }
public
View getView
int
position, View convertView, ViewGroup parent { ImageView i =
new
ImageView mContext
; i.setImageResource
mImageIds [position];
i.setLayoutParams
new
Galeri.LayoutParams243, 150; i.setScaleTypeImageView.ScaleType.
FIT_XY ;
i.setBackgroundResource mGaleriItemBackground
;
return
i; }
}
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
UJI COBA DAN EVALUASI
5.1 Skenario Uji Coba