BAB 4
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Pada subbab Implementasi dijelaskan mengenai kebutuhan aplikasi dari segi perangkat lunak dan perangkat keras dan implementasi aplikasi pada smartphone android dan implementasi antar muka aplikasi.
4.1.1 Kebutuhan Aplikasi Kebutuhan aplikasi terhadap perangkat lunak dan perangkat keras yang digunakandalam pembuatan aplikasi dan dokumentasi adalah sebagai berikut: a. Perangkat Keras Tabel4.1 Perangkat Keras No. 1 2 3
Keterangan Laptop Core i3 Smartphone Android Kabel Data
b. Perangkat Lunak Tabel4.2 Perangkat Lunak No. 1 2 3 4 5
Keterangan Eclipse + Android Developer Tools JetBrains PhpStorm 7.1.3 XAMPP Microsoft Office 2007 Microsoft Office Visio 2010
4.1.2 Implementasi Pada Smartphone Implementasi pada smartphone android dapat dilakukan dengan 2 cara yaitu saat, “Run” aplikasi saat coding pada Android Developer Tools dan install file “NgawiCityGuide.apk” langsung dari smatphone. Berikut adalah cara implementasi secara detailya, 1. Run aplikasi melalui smartphone Pada proses ini developer mencoba langsung pada smartphone android, dengan cara smartphone android harus terkoneksi melalui kabel data dengan laptop.Developer akan melakukan run
aplikasi pada Android Developer Tools, toolsini akan mendeteksi smartphone pada saat run. Berikut adalah screenshootnya,
Gambar 4.1run aplikasi pada Android Developer Tools Klik “run” maka akan muncul window Android Device Chooser, dibawah ini penulis menggunakan smartphone “Samsung-gt_i9152”, klik OK maka aplikasi “Ngawi City Guide” akan otomatis terpasang pada smartphone, sehingga memudahkan developer untuk melakukan uji coba langsung pada smartphone sesuai dengan Build Project terakhir.
Gambar 4.2 Android Device Chooser
2. Install file “NgawiCityGuide.apk” langsung dari smartphone Copykan file “NgawiCityGuide.apk” pada smartphone android kemudian install.
Gambar 4.3 file “NgawiCityGuide.apk” pada smartphone
4.1.3 Implementasi Antar Muka Android “Ngawi City Guide” a. Splash Screen
Gambar 4.4 Implementasi Splash Screen Pengguna akan menjalankan aplikasi “Ngawi City Guide”, aplikasi akan memunculkan splashscreen seperti gambar diatas kurang lebih 5 detik sebelum halaman menu utama ditampilkan. b. Menu Utama
Gambar 4.5 Implementasi Menu Utama
Setelah splash screen akan tampil menu utama seperti gambar diatas, menu yang ada pada aplikasi “Ngawi City Guide” yaitu, Tentang, Sejarah, Wisata, Hotel, R. Makan, Event, Peta, Keluar. c. Menu Sejarah
Gambar 4.6 Implementasi Menu Sejarah Menu sejarah akan menampilkan informasi sejarah Ngawi seperti gambar di atas. d. Menu Wisata
Gambar 4.7 Implementasi Menu Wisata Pengguna akan memilih menu wisata, aplikasi akan menampilkan menu wisata yang berisi list objek wisata di Ngawi. e. Detail Wisata
Gambar 4.8 Implementasi Detail WIsata
Pengguna akan memilih salah satu dari objek wisata kemudia aplikasi akan menampilkan informasi detail wisata. f.
Cek Event Wisata
Gambar 4.9 Implementasi Cek Event Wisata Pada menu detail wisata pengguna dapat klik tombol “cek event”, aplikasi akan menampilkan screen Event yang ada pada tempat wisata tersebut.
g. Peta Wisata
Gambar 4.10 Implementasi Peta Wisata Klik “Lihat Peta”, maka akan muncul layar Peta Wisata sepert gambar diatas. Aplikasi juga dapat menampilkan lokasi wisata, lokasi pengguna, dan juga navigasi rute.
h. Menu Hotel
Gambar 4.11 Implementasi Menu Hotel
Pengguna akan memilih menu hotel, aplikasi akan menampilkan menu hotel yang berisi list hotel di Ngawi. i.
Detail Hotel
Gambar 4.12 Implementasi Detail Hotel Detail hotel akan menampilakan informasi foto hotel, keteragan hotel, dan tombollihat peta.
j.
Rumah Makan
Gambar 4.13 Implementasi Rumah Makan Aplikasi dapat menampilkan objek rumah makan yang ada di Ngawi berupa list data. k. Detail Rumah Makan
Gambar 4.14 Implementasi Detail Rumah Makan Aplikasi menampilkan informasi rumah makan yang dipilih.Pada menu ini terdapat juga tombol menu makanan dan lihat peta.
l.
Menu Makanan
Gambar 4.15 Implementasi Menu Makanan Menu makanan yang ada pada rumah makan akan ditampilkan berupa list dan juga detail menu berupa gambar menu dan informasi menu. m. Event
Gambar 4.16 Implementasi Event
Pengguna dapat menampilkan info event yang ada di ngawi berupanama event, jadwal, lokasi dan juga detail event. n. Peta
Gambar 4.17 Implementasi Peta Menu Peta akan menampilkan seluruh lokasi yang ada pada system, seperti lokasi wisata, hotel dan rumah makan. o. Keluar
Gambar 4.18 Implementasi Keluar Aplikasi Pada saat klik tombol keluar, maka aplikasi akan menampilkan popup seperti gambar diatas. p. Cek koneksi internet/mobile data
Gambar 4.19 Implementasi Warning tidak ada koneksi internet Apabila smartphone android tidak terkoneksi dengan internet maka aplikasi akan menampilkan peringatan seperti gambar diatas.
4.1.4Implementasi Antar Muka Aplikasi Web “Ngawi City Guide” a. Menu Log In
Gambar 4.20 Menu Log In Menu diatas adalah menu log in, administrator yang hanya mempunyai hak akses masuk ke menu aplikasi web “Ngawi City Guide”. b. Validasi Gagal Log In
Gambar 4.21 Validasi Gagal Log In Tampilan diatas terjadi apabila usernamedanpassword yang dimasukkan salah. Sehingga harus melakukan input ulang sampai usernamedanpassword benar.
c. Beranda Aplikasi Web “Ngawi City Guide”
Gambar 4.22 Beranda Aplikasi Web “Ngawi City Guide” Setelah administrator berhasil log in, maka akan tampil halaman beranda seperi gambar diatas. d. Menu Data Master
Gambar 4.23 Menu Data Master Terdapat 7 (tujuh) menu dalam data master, yaitu : -
Data Wisata
-
Data Sejarah
-
Data Tentang Aplikasi
-
Data Hotel
-
Data Rumah Makan
-
Data Menu Makanan
-
Data Event
e. Menu Data Wisata
Gambar 4.24 Menu Data Wisata Pada Menu Data Wisata, menampilkan list data wisata yang telah ada pada database, pada menu ini dapat juga dilakukan penambahan konten wisata, detail wisata, edit, pencarian data dan juga hapus.
4.1.5 Implementasi Database Adapun database yang telah diimplementasikan seperti berikut,
Gambar 4.25 Implementasi Database
4.2 Pengujian Pengujian yang dilakukan terdiri dari beberapa pengujian, berikut penjelasan dari setiap pengujian.
4.2.1 Pengujian Fungsional Sistem Tabel4.3 Pengujian Fungsional Sistem No. 1
Test Procedure Membuka aplikasi Ngawi CityGuide
Expected Result Pengguna dapat melihat splash screen berikut dengan menu pada aplikasi
Status
2
Memilih menu sejarah
Pengguna dapat menampilkan data sejarah
OK
3
Memilih menu wisata
Pengguna dapat menampilkan list data wisata
OK
4 5
Memiih objek wisata Menampilkan event wisata
Menampilkan detail wisata Pengguna dapat melihat event yang ada pada wisata tersebut
6
Menampilkan peta wisata
Pengguna dapat melihat lokasi wisata pada peta
OK
7
Menampilkan 19ut eke tempat wisata
Pengguna dapat melihat rute terdekat ke aras lokasi wisata dari posisi gps pengguna sekarang
OK
OK
OK OK
8
Menampilkan Hotel
Pengguna dapat melihat hotel yang ada pada aplikasi
OK
9
Menampilkan detail hotel
Pengguna dapat melihat informasi detail hotel yang dipilih
OK
10
Menampilan lokasi hotel
Pengguna dapat melihat lokasi hotel pada peta
OK
11
Menampilkan rumah makan
Pengguna dapat melihat rumah makan yang ada
OK
12
Menampilkan detail rumah makan
Pengguna dapat melihat informasi detail rumah makan
OK
13
Menampilkan menu makanan
Pengguna dapat melihat menu makanan pada rumah makan yang telah dipilih
OK
14
Menampilkan lokasi rumah makan
Pengguna dapat melihat lokasi rumah makan
OK
15
Menampilkan event
Pengguna dapat menampilkan event
OK
16
Keluar dari aplikasi
Muncul popup info kleuar dari aplikasi (YES/NO?)
OK
4.2.2 Pengujian Waktu Akses Pengujian waktu akses adalah pengujian waktu yang dibutuhkan untuk mengambil konten aplikasi baik itu dari server Google Maps atau dari server aplikasi “Ngawi City Guide”. Waktu akses relatif tergantung pada jaringan provider yang digunakan oleh pengguna.Khusus untuk pengambilan koordinat melalui GPS, apabila pengguna berada di dalam gedung/bangunan, waktu akses relatif lama, bahkan kadang tidak ada respon sedikitpun.Oleh karena itu disarankan apabila menggunakan GPS tidak di dalam bangunan.Berikut adalah pengujian waktu menggunakan koneksi melalui provider INDOSAT. Tabel4.4 Pengujian Waktu Akses
Nama Akses
Waktu Akses (detik)
Loading pengambilan data pada server NgawiCityGuide
5
Getting Location via GPS (di luar bangunan)
6
Getting Location via GPS (di dalam rumah biasa)
8
Getting Location via GPS(di dalam rumah bertingkat/gedung) Loading Map Navigasi (Calculating Direction)
15 3 5
4.2.3 Analisa Hasil Pengujian Sesuai dengan skenario pengujian yang dilakukan maka hasil pengujian sesuai dengan fungsi yang diharapkan dalam pembangunan aplikasi “NgawiCityGuide”.
