BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Tahapan Construction Setelah melewati tahapan inception dan elaboration selanjutnya tahapan construction. Pada tahap construction dilakukan implementasi yang merupakan tahap dimana perangkat lunak yang telah dirancang dan dibangun lalu diuji kelayakannya
untuk
selanjutnya
dioperasikan
sebagaimana
mestinya
sesuai
dengan fungsi dan kelayakannya untuk digunakan oleh pihak yang membutuhkan agar terwujudnya perangkat lunak yang telah dirancang. 4.1.1 Batasan Implementasi Batasan implementasi Aplikasi LBS Masjid ini
Secara garis besar data
yang ditampilkan berupa sample yang mewakili lokasi masjid di kota bandung. 4.1.2 Implementasi Prangkat Lunak (Software) Perangkat lunak yang digunakan untuk pembuatan Aplikasi LBS Masjid ini adalah dengan sebagai berikut :
Sistem Operasi Windows 7 Home edition sebagai Sistem operasi.
StarUML sebagai Perancangan sistem.
Aplikasi IDE Eclipse Indigo.
JDK v 1.5 dan Android SDK windows sebagai library.
ADT v.21.0.0 Plugin yang digunakan dalam Aplikasi IDE Eclipse.
Platform Android versi. 2.3 keatas.
114
MySQL sebagai Basis Data.
Browser Mozilla Firefox sebagai Perambah web.
Balsamiq Mockups sebagai pembuatan mockup dan layouting
4.1.3 Implementasi Perangkat Keras (Hardware) Perangkat
lunak
saja
belum cukup
untuk
mengimplementasikan
Aplikasi LBS Masjid. Adapun perangkat keras yang digunakan sebagai berikut: 1. Perangkat Keras Aplikasi Back End Pada aplikasi back end yang berupa web, aplikasi dijalankan pada sebuah
perangkat
komputer
dengan
spesifikasi
kebutuhan
perangkat keras komputer sebagai berikut :
Prosesor AMD Athlon 2.0 GHZ
RAM 2GB
Hardisk 80 GB
Mouse, Keyboard Monitor dan Network Interface Card
2. Perangkat Keras Aplikasi Front End Aplikasi Smartphone
Front
End
berbasis
dijalankan pada sebuah perangkat Sistem
Operasi
Android.Kebutuhan
perangkat keras untuk Smartphone tersebut yaitu:
Resolusi 240 x 320 pixels
Memori 175 MB
CPU 600 MHz
WLAN Wi-fi 802.11 b/g/n
115
Jaringan 3G UMTS
GPS A-GPS
4.1.4 Implementasi Basis Data Berikut ini adalah sintaks SQL dalam implementasi Aplikasi Back End LBS Masjid: 1.
Tabel Create Database
Adapun tabel pebuatan database sebagai berikut : CREATE DATABASE `Masjid`; Tabel 4.1 Create Database masjid NO
2.
Tabel
1
Admin
2
Masjid
3
Kategori
4
Fasilitas
5
Berita
6
Node
7
Rute
Tabel admin
Adapun tabel implementasi tabel admin sebagai berikut: CREATE TABLE IF NOT EXISTS `admin` ( `id_admin`
int(11) NOT NULL AUTO_INCREMENT,
`username`
varchar(20) NOT NULL, `password` varchar(20) NOT NULL, `id_session` varchar(100) NOT NULL, PRIMARY KEY (`id_admin`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
116
Tabel 4.2 Tabel admin Nama field
3.
Tipe(ukuran)
Keterangan
id_admin
Int(11)
Primery key
Username
Varchar(20)
Username
Password
Varchar(20)
Password
id_session
Varchar(100)
Session admin
Tabel masjid
Adapun tabel implementasi tabel masjid sebagai berikut: CREATE TABLE IF NOT EXISTS `masjid` ( `id_masjid` int(11) NOT NULL AUTO_INCREMENT, varchar(30) NOT NULL,
`nama_masjid`
`alamat` varchar(50) NOT NULL,
`kategori`
varchar(20) NOT NULL, `latitude` double NOT NULL, `longitude` double NOT NULL, `gambar` varchar(30) NULL, `gambar2` varchar(30) NULL, `gambar3` varchar(30) NULL PRIMARY KEY (`id_masjid `) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=40 ; Tabel 4.3 Tabel masjid Nama field
Tipe(ukuran)
Keterangan
id_masjid
Int (11)
Primery key
nama_masjid
Varchar(30)
Nama masjid
Alamat
Varchar(50)
Alamat masjid
Kategori
Varchar(20)
Id kategori
Latitude
double
Garis lintang masjid
Longitude
double
Garis bujur masjid
Gambar
Varchar(30)
Alamat gambar
117
Tabel 4.3 Tabel masjid(lanjutan) Nama field
Tipe(ukuran)
Keterangan
Gambar2
Varchar(30)
Alamat gambar2
Gambar3
Varchar(30)
Alamat gambar3
4.
Tabel fasilitas
Adapun tabel implementasi tabel fasilitas sebagai berikut: CREATE TABLE IF NOT EXISTS `fasilitas` ( id_masjid` int(11) NOT NULL AUTO_INCREMENT, `id_fasilitas` int(11) NOT NULL,
`nama_fasilitas` varchar(25) NOT NULL,
`keterangan`
varchar(50) NOT NULL, PRIMARY KEY (`id_fasilitas`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Tabel 4.4 Tabel fasilitas Nama field
5.
Tipe(ukuran)
Keterangan
Id_fasilitas
Int(11)
Primery key
Id_masjid
int(11)
Id masjid
Nama_fasilitas
Varchar(25)
Nama fasilitas
Keterangan
Varchar(50)
Keterangan fasilitas
Tabel kategori
Adapun tabel implementasi tabel kategori sebagai berikut: CREATE TABLE IF NOT EXISTS `kategori` ( `id_kategori`
int(11)
NOT
NULL
`nama_kategori` varchar(25) NOT NULL,
`keterangan` varchar(50) NOT
NULL, PRIMARY KEY (`id_kategori`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
118
AUTO_INCREMENT,
Tabel 4.5 Tabel kategori Nama field
Tipe(ukuran)
Keterangan
Id_kategori
Int(11)
Primery key
Nama_Kategori
Varchar(25)
Nama Kategori
Keterangan
Varchar(50)
Keterangan Kategori
6. Tabel Berita Adapun tabel implementasi tabel berita sebagai berikut: CREATE TABLE IF NOT EXISTS `berita` ( `id_berita` int(11) NOT NULL AUTO_INCREMENT, varchar(30) NOT NULL,
`judul_berita`
`waktu` date NOT NULL,
`isi_berita`
varchar(250) NOT NULL, `id_masjid` int(11) NOT NULL, PRIMARY KEY (`id_berita`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1; Tabel 4.6 Tabel Berita Nama field
Tipe(ukuran)
Keterangan
id_berita
int(11)
Primery key
judul_berita
Varchar(30)
Judul berita
Waktu
Date
waktu pelaksanaan kegiatan
isi_berita
Varchar(250)
Isi berita
id_masjid
Int (11)
Id masjid
7. Tabel Node CREATE TABLE `masjid`.`Node` ( `id_node` INT NOT NULL ,`nama_node` VARCHAR( 10 ) NOT NULL ,`latitude` DOUBLE NOT NULL ,`longitude` DOUBLE NOT NULL ) ENGINE = MYISAM ; 119
Tabel 4.7 tabel node Nama field
Tipe(ukuran)
Keterangan
id_node
int(11)
Primery key
Nama_node
Varchar(10)
Nama node
Latitude
Double
Latitude node
Longitude
Double
Longitude node
8. Tabel Rute CREATE TABLE `masjid`.`Rute` ( `id_rute`
INT
NOT
NULL
,`awal_node`
INT
NOT
NULL
,
`tujuan_node` INT NOT NULL ) ENGINE = MYISAM ; Tabel 4.8 tabel rute Nama field
Tipe(ukuran)
Keterangan
id_rute
int(11)
Primery key
awal_node
int(11)
Node awal
Akhir_node
int(11)
Node akhir
4.1.5 Implementasi Antarmuka Implementasi antarmuka
di buat
berdasarkan
aplikasi yang
sudah
dibangun, berikut adalah beberapa tampilan implementasi antarmuka : A. Implementasi Antarmuka Aplikasi Back End LBS Masjid 1. Halaman Login Halaman utama ialah halaman login yang berfungsi untuk masuk ke menu admin yang mana hanya bisa di akses oleh pengelola aplikasi ini. Untuk tampilan halamn utama ini dapat dilihat pada gambar 4.1:
120
Gambar 4.1 Halaman Login 2. Halaman Menu Utama Menu utama merupakan tampilan utama setelah sukses melakukan login, di halaman ini memiliki link link yang terhubung ke halaman yang lain untuk mengelola aplikasi ini. Untuk tampilan dapat di lihat pada gambar 4.2.
Gambar 4.2 Halaman Menu Utama
121
3. Halaman Mengelola Admin Halaman Mengelola Admin ini merupakan form untuk mengelola data admin dari membuat, mengahapus dan mengedit. Untuk tampilan dapat di lihat pada gambar 4.3
Gambar 4.3 Halaman Mengelola Admin 4. Halaman Mengelola Data Masjid Halaman Mengelola Data Masjid ini merupakan form untuk mengelola data masjid dari membuat, mengahapus dan mengedit. Untuk tampilan dapat di lihat pada gambar 4.4
122
Gambar 4.4 Halaman Mengelola Data Masjid 5. Halaman Mengelola Data Fasilitas Halaman Mengelola Data Fasilitas ini merupakan form untuk mengelola data fasilitas dari membuat, mengahapus dan mengedit. Untuk tampilan dapat di lihat pada gambar 4.5
Gambar 4.5 halaman mengelola data fasilitas
123
6. Halaman Mengelola Data Kategori Halaman Mengelola Data Kategori ini merupakan form untuk mengelola data kategori dari membuat, mengahapus dan mengedit. Untuk tampilan dapat di lihat pada gambar 4.6
Gambar 4.6 Halaman Mengelola Data Kategori 7. Halaman Mengelola Data Berita Halaman Mengelola Data Berita ini merupakan form untuk mengelola data berita dari membuat, mengahapus dan mengedit. Untuk tampilan dapat di lihat pada gambar 4.7
124
Gambar 4.7 Mengelola Data Berita B. Implementasi Antarmuka Aplikasi Front End LBS Masjid 1. Halaman Menu Menu utama merupakan tampilan utama setelah pengguna membuka Aplikasi LBS Masjid, di halaman ini memiliki link Masjid terdekat, Data masjid, Data berita dan Bantuan. Untuk tampilan dapat di lihat pada gambar 4.8.
125
Gambar 4.8 Halaman Menu
2. Halaman Masjid Terdekat
Pada halaman masjid terdekat ini menampilkan data masjid terdekat yang telah diinputkan oleh admin . Untuk tampilan dapat di lihat pada gambar 4.9.
126
Gambar 4.9 Halaman Masjid Terdekat
3. Halaman Detail Masjid Halaman detail masjid merupakan halaman yang menampilkan informasi masjid secara lebih detail. Halaman ini akan muncul setelah pengguna menekan salah satu masjid dari daftar. Untuk tampilan dapat di lihat pada gambar 4.10
127
Gambar 4.10 Halaman Detail Masjid 4. Halaman Map Halaman Map merupakan halaman yang menampilkan posisi pengguna dengan posisi masjid yang telah dipilih sebelumnya tanpa menampilkan rute. Untuk tampilan dapat di lihat pada gambar 4.11.
Gambar 4.11 Halaman Map
128
5. Halaman Rute Halaman rute merupakan halaman yang menampilkan rute dari posisi user dengan posisi masjid yang telah dipilih sebelumnya. Untuk tampilan dapat di lihat pada gambar 4.12
Gambar 4.12 Halaman Rute
6. Halaman Data Masjid Pada halaman data masjid ini menampilkan data data masjid yang telah diinputkan oleh admin. Untuk tampilan dapat di lihat pada gambar 4.13
129
Gambar 4.13 Halaman Data Masjid
7. Halaman Data Berita Pada halaman data berita ini menampilkan data berita yang telah diinputkan oleh admin. Untuk tampilan dapat di lihat pada gambar 4.14
130
Gambar 4.14 Halaman Data Berita 8. Halaman Bantuan Pada Halaman Bantuan menampilkan tips dan saran. Untuk tampilan dapat di lihat pada gambar 4.15
Gambar 4.15 Halaman Bantuan
131
9. Halaman Tentang Pada Halaman tentang menampilkan informasi pengembang yang membuat aplikasi ini. Untuk tampilan dapat di lihat pada gambar 4.16
Gambar 4.16 Halaman Tentang 4.2 Tahapan Transition 4.2.1 Pengujian Pengujian dilakukan dalam dua tahap utama, yaitu pengujian white box dan black box.
Pengujian
white
box
method yang ada pada kelas-kelas
dilakukan dengan menguji atribut dan yang dibangun.
Pengujian ini dilakukan
pada proses pengembangan. Pengujian black box dilakukan dengan menguji apakah sistem yang dikembangkan sesuai dengan apa yang tertuang dalam spesifikasi fungsional sistem. Pengujian black-box berusaha menemukan kesalahan dalam kategori sebagai berikut :
132
1. Fungsi-fungsi yang tidak benar atau hilang. 2. Kesalahan interface. 3. Kesalahan dalam struktur data atau akses database. 4. Kesalahan kinerja. Berikut ini adalah hasil pengujian aplikasi berdasarkan spesifikasi yang didefinisikan pada proses analisis dan implementasi. Pada aplikasi back end yang merupakan bagian admin untuk mengelola sistem LBS masjid ini dapat dilihat tabel 4.9: Tabel 4.9 Pengujian bagian back end Hasil Deskripsi
keterangan Sukses
Gagal Masukan Username dan password
Login
√
apabila salah sistem memberikan peringatan. Dapat menambah, mengubah,
Mengelola √
menghapus dan menampilkan data
Data Admin admin Mengelola Data Masjid
Dapat menambah, mengubah, √
menghapus dan menampilkan data masjid
Mengelola Data Fasilitas
Dapat menambah, mengubah, √
menghapus dan menampilkan data fasilitas
133
Tabel 4.9 Pengujian bagian back end (lanjutan) Hasil Deskripsi
keterangan Sukses
Gagal
Mengelola Data Kategori
Dapat menambah, mengubah, √
menghapus dan menampilkan data kategori
Mengelola Data Berita
Dapat menambah, mengubah, √
menghapus dan menampilkan data berita
Pada aplikasi front end yang merupakan bagian pengguna untuk mengakses Informasi masjid yang telah diolah sebelumnya pada aplikasi Back End LBS Masjid dilakukan pengujian pada perangkat Samsung Galaxy Mini S5570 yang sudah terinstal Aplikasi Front End LBS Masjid sebagai client dan lokasi pengujian berada di depan kedai nasi bakar Ayurini Cibiru adalah sebagai berikut: 1. Pengujian proses pencarian masjid terdekat pada perangkat maka yang akan tampil pilihan lokasi masjid yang telah diinputkan oleh admin di bagian server seperti gambar berikut : a. Pengujian pertama pada perangkat ketika menekan menu pencarian terdekat maka akan tampilan data masjid yang di urutkan berdasarkan jarak yang terdekat dari posisi pengguna. Masjid yang paling dekat adalah Masjid Al Hudorie dengan jarak 0,25 km. Seperti pada tampilan pada gambar 4.17 :
134
Gambar 4.17 Pengujian pencarian masjid terdekat di perangkat (1) b. Pengujian tahap kedua pada pencarian masjid terdekat untuk melihat detail masjid yang di tampilkan sesuai dengan lokasi masjid yang di pilih. Dapat dilihat pada gambar 4.18 :
Gambar 4.18 Pengujian pencarian masjid terdekat di perangkat(2)
135
c. Pengujian terakhir ialah melihat rute dari posisi pengguna ke posisi lokasi masjid yang telah dipilih oleh pengguna.Dapat dilihat pada gambar 4.19:
Gambar 4.19 Pengujian pencarian masjid terdekat di perangkat(3) 2.
Pengujian proses lihat berita pada emulator pada perangkat maka yang
akan tampil pilihan berita yang di inputkan oleh admin dibagian server seperti gambar berikut: a.
Pengujian
untuk
bagian
berita.
Diawal
pengujian
ketika
penggguna menngklik berita, maka akan tampil seluruh berita yang telah di inputkan di database, seperti gambar 4.20:
136
Gambar 4.20 Pengujian lihat berita di perangkat (1) b. Pengujian tahap dua ialah setelah memilih berita, maka akan tampil keterangan yang sesusai berita kita pilih. Dapat dilihat pada gambar 4.21 :
Gambar 4.21 Pengujian lihat berita di perangkat(2) 3. Pengujian koneksi pada perangkat akan mucul pesan pesan ketika koneksi internet tidak ada, seperti gambar 4.22 :
137
Gambar 4.22 Pengujian koneksi di perangkat 4.2.2 Tahap Evaluasi
Berdasarkan dari hasil evaluasi pengujian perangkat lunak diatas maka penulis menarik kesimpulan bahwa Aplikasi LBS Masjid ini sudah berjalan secara fungsional dan memberikan informasi sesuai dengan yang diharapkan.
138