BAB IV IMPLEMENTASI SISTEM
4.3. Implementasi Antarmuka
Antarmuka sistem aplikasi ini menggunakan sistem Form parrent dan
child. Form parrent merupakan form utama dan form child merupakan form anak.
Untuk menu – menu dalam aplikasi semua dapat diakses dari form utama atau
parrent. Dalam antarmuka form utama dibagi menjadi 3 bagian yaitu :
1. Bagian header yang digunakan untuk image logo aplikasi dan juga menu – menu dalam aplikasi. Di bagian ini juga terdapat informasi dari status animasi guide, status GPS, waktu, status penerimaan data GPS, kecepatan pengguna dalam perjalanan, kompas
2. Bagian sisi kiri merupakan tempat untuk informasi GPS dan juga
untuk informasi panduan perjalanan.
3. Bagian tengah ini merupakan untuk tempat form child akan
ditampilkan. Berikut gambar dari form utama :
4.3.1 Antarmuka New Account
Antarmuka New Account disini merupakan antarmuka untuk mendaftarkan
user baru. User diminta untuk memasukkan data informasi pribadi kedalam
database aplikasi. Data yang dibutuhkan yaitu nama, alamat, kota, negara, koordinat tempat tinggal, dan email. berikut tampilan dari antarmuka New
Account.
Gambar 4.25. Tampilan Antarmuka New Account
Dalam antarmuka ini user diminta memasukkan data pribadi. Untuk kolom
latitude dan longitude merupakan koordinat dari tempat user berada. Untuk
memasukkan latitude dan longitude user harus menekan button add with GPS, tentunya GPS harus terkoneksi dahulu dengan aplikasi. Jika GPS tidak terkoneksi maka kolom latitude dan longitude bisa diisi manual. Setelah melakukan pengisian data user, data tersebut disimpan dengan menekan tombol save. Data yang telah diisikan akan disimpan dalam database server dan sistem akan
mengirimkan data user berupa id user dan password ke email user. Setelah data tersimpan maka pada tampilan peta akan menampilkan posisi user berada. Untuk
login pada aplikasi user diminta melihat email, karena password dibuat random
oleh sistem dan diberikan lewat email.
4.3.2 Antarmuka Edit Account
Antarmuka Edit Account disini merupakan antarmuka untuk mengubah data dari account user. Untuk masuk dalam antarmuka ini user diminta untuk
login dahulu. Dalam antarmuka ini hanya untuk mengubah data dari account user
yang login pada sistem aplikasi saja bukan untuk mengubah seluruh data pengguna sistem aplikasi. Untuk tampilan dari antarmuka Edit Account sebagai berikut.
Gambar 4.26. Tampilan Antarmuka Edit Account
Untuk masuk dalam antarmuka Edit Account tersebut pengguna harus melakukan login terlebih dahulu. Setelah pengguna login maka sistem akan
mencari data pengguna tersebut dan menampilkannya dalam antarmuka Edit
Account ini. Data yang ditampilkan untuk selanjutnya diubah oleh pengguna dan
untuk menyimpan kembali pengguna harus menekan tombol save. Untuk membatalkannya pengguna harus menekan tombol cancel. Jika pengguna ingin mengubah koordinat, bisa menekan tombol add with GPS, tombol tersebut berfungsi untuk memberikan nilai koordinat latitude dan longitude pengguna berada. Setelah pengguna menekan tombol save, maka sistem akan mengubah data pada database server dan menampilkan letak pengguna dalam tampilan peta di sebalah form input data.
4.3.3 Antarmuka Add With GPS
Antarmuka add with GPS tersebut terletak dalam menu placemark. Antarmuka tersebut merupakan antarmuka untuk menandai suatu koordinat yang menandakan suatu tempat tertentu misal tempat pariwisata, tempat universitas, rumah sakit, dll. Untuk memasukkan placemark dibagi menjadi 2 antarmuka yaitu memasukan placemark dengan GPS dan memasukkan placemark dengan map.
Untuk memasukkan data placemark dengan GPS pengguna diharuskan untuk melakukan login terlebih dahulu. Untuk menambahkan placemark tekan tombol add new, untuk mengedit placemark tekan tombol edit, untuk menghapus
placemark tekan tombol delete. Dalam memasukkan data placemark baru
pengguna harus mengisi data dari placemark tersebut. Untuk data id placemark secara otomatis diisikan oleh sistem. Setelah data placemark tadi disimpan, data tersebut akan tampil dalam datagrid. Untuk melihat dalam bentuk peta pengguna memilih dahulu placemark yang akan dilihat, kemudian menekan tombol map.
Untuk mengubah data placemark pengguna diharuskan memilih dahulu data yang akan diubah dengan cara memilih data yang akan diubah pada tampilan
datagrid. Setelah data tersebut diubah, untuk menyimpan kembali tekan tombol update.
Untuk menghapus data placemark, pengguna dapat memilih data
placemark dalam tampilan datagrid di samping. Setelah data tersebut dipilih
tekan tombol delete untuk menghapus data tersebut. Data yang ditampilkan dalam
datagrid merupakan data yang hanya dimasukkan oleh pengguna tersebut dan
bukan keseluruhan data placemark. Berikut tampilan antarmuka dari add with
GPS.
4.3.4 Antarmuka Add With Map
Dalam antarmuka ini merupakan proses untuk memasukkan data
placemark dengan menggunakan peta yang tersedia. Dalam proses memasukkan
datanya dimulai dari pengguna menekan tombol add new kemudian pengguna melakukan pengisian form placemark. Untuk mendapatkan koordinat latitude dan
longitude, pengguna melihat keberadaan tempat yang dicari pada peta, setelah itu
klik pada titik tempat tersebut kemudian tampilan peta akan memberikan informasi koordinat latitude dan longitude. Data longitude tersebut dimasukkan secara manual dalam form pengisian data placemark. Berikut antarmuka dari add
placemark with map.
4.3.5 Antarmuka Search Placemark
Dalam antarmuka search placemark merupakan antarmuka untuk pencarian data placemark. Dalam pencarian data placemark ini di bagi menjadi beberapa kategori yaitu : nama placemark, kota, negara, tipe placemark (misal
restaurant, masjid, police, wisata dll) dan kategori all untuk semua data dari placemark. Untuk search placemark ini mempunyai 2 tampilan yaitu tampilan
dalam bentuk datagrid dan dalam bentuk peta. Berikut antarmuka dari search
placemark.
Gambar 4.29. Tampilan Antarmuka Search Placemark
Untuk melakukan pencarian data placemark yang pertama pengguna harus memilih kategori dahulu. Kategori name untuk pencarian berdasarkan nama dari
placemark, kategori city untuk pencarian berdasarkan kota dari placemark,
type untuk pencarian berdasarkan jenis dari placemark, dan kategori all
merupakan pencarian semua data dari placemark. Setelah memilih kategori pengguna memasukkan keyword atau kata yang dicari, kemudian menekan tombol
search untuk memulai proses pencarian. Data hasil pencarian akan ditampilkan
dalam datagrid. Namun untuk menampilkan dalam bentuk peta, pengguna harus memilih data yang akan dilihat pada datagrid kemudian menekan tombol show
map.
4.3.6 Antarmuka Tour Guide
Dalam antarmuka ini merupakan antarmuka untuk pencarian rute perjalanan dari tempat pengguna berada sampai ke tempat tujuan, dan memberikan informasi dalam perjalanan kepada pengguna. Untuk informasi dalam perjalanan tersebut dapat berupa placemark yang menunjukkan tempat – tempat yang dibutuhkan dalam perjalanan misal tempat pengisian bahan bakar, masjid, restaurant, dan kantor polisi. Dalam melakukan pencarian rute perjalanan, pengguna harus memasukkan tempat yang akan menjadi tujuan terlebih dahulu. Berikut form untuk memasukkan tempat tujuan.
Dalam antarmuka tour guide untuk masukkan from atau tempat awal, telah diisikan oleh sistem secara otomatis dari koordinat GPS. Jadi untuk masuk dalam antarmuka tour guide ini, GPS harus sudah terhubung, jika tidak maka antarmuka tour guide ini tidak bisa dijalankan. Karena titik awal sudah terisi otomatis, jadi pengguna hanya memasukkan tempat tujuan saja. Dalam isian destination terdapat maksimal 3 tujuan. Untuk menambahkan tujuan tekan tombol add dest. Setelah tujuan sudah dimasukkan, pengguna menekan tombol tour guide untuk memulai proses pencarian rutenya. Berikut antarmuka untuk hasil pencarian rute dalam menu tour guide.
Gambar 4.31. Tampilan Antarmuka Hasil Pencarian Rute Perjalanan
Dalam hasil pencarian rute perjalanan tersebut menampilkan beberapa informasi. Untuk informasi rute perjalanan yang akan ditempuh digambarkan dengan garis berwarna ungu, untuk icon yang huruf A merupakan titik awal dan
huruf B merupakan titik akhir. Untuk icon yang bergambar ini menginformasikan
placemark, tempat yang mungkin dibutuhkan dalam perjalanan. Untuk animasi
orang disebelah kanan merupakan animasi untuk memandu dalam perjalanan. Animasi ini memberikan rute perjalanan dalam bentuk voice, dan juga menginformasikan arah yang akan diambil jika terdapat perempatan atau belokan. Untuk melihat detail dari apa yang diinformasikan oleh animasi guide bisa dilihat pada mode text, jadi pengguna menekan tombol text maka akan tampil rute perjalanan berupa text. Di bagian bawah juga terdapat keterangan warna jalan yaitu oranye untuk jalan tol, kuning untuk jalan raya, dan putih untuk jalan desa.
4.3.7 Antarmuka Manual Direction
Antarmuka manual direction sama seperti antarmuka dari tour guide namun dalam manual direction dapat dijalankan tanpa terhubung dengan GPS. antarmuka ini berfungsi untuk mencari rute perjalanan saja, tidak ada yang menujukkan informasi keberadaan pengguna. Dalam proses pencarian rute dengan menggunakan manual direction, pengguna harus memasukkan koordinat titik awal dan titik tujuan. Untuk titik tujuan maksimal 3 yang dapat dimasukkan, caranya sama dengan tour guide dengan menekan tombol add dest. Untuk gambar input titik awal dan titik tujuan sebagai berikut.
Dalam manual direction pengguna harus memasukkan titik awal dan titik tujuan beda dengan tour guide yang hanya memasukkan titik tujuan saja. Namun, jika pengguna terhubung dengan GPS pengguna juga bisa memasukkan titik awal sesuai dengan koordinat GPS berada dengan cara menekan tombol GPS disebelah tombol cari. Untuk masukkan tujuan bisa lebih dari satu tujuan dan maksimal tiga tujuan. Untuk menambah tujuan tekan tombol add dest. Setelah memasukkan titik awal dan titik tujuan, pengguna menekan tombol route untuk memulai proses pencarian rute perjalanan. Berikut gambar hasil dari pencarian rute perjalanan dengan menggunakan manual direction.
Gambar 4.33. Tampilan Antarmuka Hasil Pencarian Rute Perjalanan
Dalam gambar hasil pencarian rute perjalanan diatas sama dengan hasil rute perjalanan dengan menu tour guide. Nnamun, dalam rute perjalanan manual
pengguna berada. Oleh karena itu menu manual direction dapat dijalankan tanpa terhubung dengan GPS.
4.3.8 Antarmuka Live Map
Dalam antarmuka live map merupakan antarmuka untuk menginformasikan koordinat pengguna berada dalam peta. antarmuka ini berguna untuk melihat keberadaan pengguna secara langsung dalam sebuah perjalanan. Berikut tampilan dari antarmuka live map.
Gambar 4.34. Tampilan Antarmuka Live Map
Dalam antarmuka live map hanya menampilkan peta. peta tersebut dapat diperbesar atau di perkecil sesuai keinginan pengguna. Untuk yang menandakan posisi pengguna dilambangkan dengan gambar lingkaran berwarna ungu yang berkedip, namun dalam gambar diatas dilambangkan dengan lingkaran merah. Antarmuka live map ini juga menjadi antarmuka dari halaman utama dari aplikasi ini.
4.3.9 Antarmuka Weather
Antarmuka weather merupakan antarmuka untuk menginformasikan prakiraan cuaca hari ini. Dalam prakiraan cuaca yang ditampilkan dalam sistem diambil dari data BMKG (badan meteorologi klimatologi dan geofisika). Prakiraan cuaca dalam sistem dibagi menjadi 5 kategori yaitu cerah, cerah berawan, berawan, hujan ringan, hujan. Berikut gambar dari simbol - simbol cuaca.
Gambar 4.35. Tampilan Icon Cuaca
\
Dalam prediksi cuaca diatas hanya kota - kota besar yang ditampilkan. Dalam sistem yang ditampilkan terdapat 36 kota besar diantaranya Banda Aceh, Medan, Pekanbaru, Batam, Padang, Jambi, Palembang, Pangkal Pinang, Bengkulu, Bandar Lampung, Pontianak, Samarinda, Palangkaraya, Banjarmasin, Manado, Gorontalo, Kendari, Makassar, Majene, Ternate, Ambon, Jayapura, Sorong, Biak, Manokwari, Merauke, Kupang, Sumbawa Besar, Mataram, Denpasar, Jakarta, Serang, Bandung, Semarang, Yogyakarta dan Surabaya. Data cuaca tersebut dari BMKG dan selalu update setiap hari. Untuk informasi yang ditampilkan berupa gambar yang melambangkan 5 kategori cuaca yaitu cerah, cerah berawan, berawan, hujan ringan dan hujan. Untuk mengetahui informasi detailnya pengguna dapat menekan (klik) gambar placemark dari cuaca. Detail informasinya berupa nama kota, status cuaca kota, rata - rata suhu kota, dan rata – rata kelembapan kota. Dalam antarmuka cuaca ini di bagian bawah terdapat keterangan tanggal terakhir update data dari BMKG.
4.3.10 Antarmuka General Setting
Dalam antarmuka ini merupakan antarmuka untuk mengatur jalannya sistem aplikasi. Dalam antarmuka general setting dibagi menjadi 3 bagian yaitu GPS setting untuk mengatur hubungan komputer dengan port dari GPS, status GPS untuk melihat status GPS, guide setting untuk mengatur bantuan pada saat pencarian rute perjalanan. Dalam guide setting ada beberpa pengaturan diantaranya, pengaturan bahasa yaitu pengguna dapat memilih bahasa indonesia atau bahasa inggris dalam informasi rute perjalanannya, pengaturan pencarian rute yaitu pengguna dapat memilih pencarian rute perjalanan dengan menggunakan mobil atau dengan cara jalan kaki, pengaturan animation guide yaitu penguuna
dapat mengaktifkan atau menonaktifkan animation guide dan pengaturan penyimpanan track perjalanan yaitu pengguna dapat mengatur penyimpanan track secara manual atau otomatis. Berikut gambar antarmuka general setting.
Gambar 4.37. Tampilan Antarmuka General Setting 4.3.11 Antarmuka Login
Antarmuka login merupakan antarmuka untuk verifikasi bahwa pengguna sudah terdaftar dalam sistem aplikasi. Berikut antarmuka dari menu login.
Tidak semua menu pengguna diharuskan untuk login, hanya beberapa menu yang diharuskan untuk login yaitu menu Edit Account dan add placemark. Untuk melakukan login pengguna memasukkan user id dan password yang dikirmkan ke email pengguna pada waktu daftar. Dalam login tersebut terdapat fungsi remember agar pengguna tidak perlu memasukkan user id dan password lagi ketika sistem aplikasi dibuka kembali. Untuk mengaktifkan fungsi remember pengguna harus memberikan check pada kotak remember. Dalam login juga terdapat fungsi lost password dimana jika pengguna lupa akan passwordnya dapat menggunakan fungsi lost password tersebut. Berikut antarmuka dari lost
password.
Gambar 4.39. Tampilan Antarmuka Lost Password
Fungsi lost password tersebut akan mengirimkan data user id dan
password pengguna kedalam email pengguna. Jika email tersebut tidak terdaftar
dalam sistem maka sistem akan memberikan pesan bahwa email belum terdaftar, jika email tersebut sudah terdaftar maka data user id dan password pengguna akan dikirim ke email tersebut.
BAB V
UJI COBA DAN EVALUASI
Pada bab lima berikut ini akan dijelaskan mengenai tujuan pengujian, lingkungan pengujian, uji kasus dan hasil masing-masing beserta evaluasi dari hasil pengujian.
5.1 Tujuan Pengujian
Pengujian dilakukan untuk membuktikan kebenaran dan kesesuaian aplikasi dengan spesifikasi perangkat lunak pada bagian analisis. Melalui pengujian ini akan dinyatakan apakah implementasi perangkat lunak memenuhi spesifikasi kebutuhannya.
Pengujian terhadap perangkat lunak ini mencakup kemampuan pembacaan perngkat lunak terhadap perangkat keras GPS receiver yaitu data NMEA, kemampuan aplikasi untuk memisahkan data NMEA dan memformat data tersebut sesuai dengan kebutuhan sistem aplikasi, penyimpanan data koordinat dan data placemark dalam database sever hosting. Pencarian rute perjalanan dari titik awal hingga titik akhir dengan waktu tempuh tercepat. Pengambilan data informasi perjalanan dari server Google Maps. Serta memberikan informasi perjalanan berupa suara dan teks.
5.2 Lingkungan Pengujian
Pengujian dilakukan pada perangkat keras yang sama pada tahap implementasi sebelumnya, serta dilakukan dalam lingkungan sistem operasi Microsoft Windows XP Professional. Dalam menghasilkan sebuah sistem operasi yang digunakan harus sudah terinstal perangkat lunak Internet Explorer.
Pengujian juga dilakukan pada lingkungan perangkat lunak, dan lokasi implementasi yang telah dijelaskan pada tahap implementasi.
