3.3 Perancangan Database
Dalam sistem aplikasi database yang dipakai adalah MySQL. Struktur database didapatkan dari diagram yang telah dibuat sebelumnya. Keterangan dari
database yang dibuat adalah sebagai berikut : 1.
Tabel Account Tabel 3.1. Tabel Account.
Nama Tipe data
Keterangan Id_ account Va10
ID pengguna
Nama_ account Va30 Nama pengguna
Kota_ account Va20 Kota pengguna
Negara_ account Va20 Negara
pengguna Alamat_ account Va100 Alamat
pengguna Email_ account Va30 Email
pengguna Password Va15
Password pengguna
Alamat_lat Va15
Koordinat lintang rumah pengguna Alamat_lng
Va15 Koordinat bujur rumah pengguna
Status_ account Va30
Status pengguna dalam aplikasi
2. Tabel Placemark
Tabel 3.2. Tabel Placemark. Nama Tipe
data Keterangan
Id_pm Va10 ID
placemark Nama_pm Va30
Nama placemark
Kota_pm Va20 Kota
placemark Negara_pm Va20
Negara placemark
Jenis_pm Va30 Jenis
dari placemark
Tanggal_pm Date Tanggal dialmbil
placemark Latitude_pm
Va15 Nilai koordinat lintang
Longitude_pm Va15
Nilai koordinat bujur Altitude_pm
Va15 Nilai ketinggian dari permukaan laut
Counter_pm Int
Jumlah pengguna yang melihat
3. Tabel Track
Tabel 3.3. Tabel Track. Nama Tipe
data Keterangan
Id_track Va20 ID track
Tanggal_ track Va20 Tanggal
disimpan track
Ket_ track Va25 Keterangan dari
track
4. Tabel Detail Track
Tabel 3.4. Tabel Detail Track. Nama Tipe
data Keterangan
Id_dt Va20 ID
detail track Id_ track Va20 ID
track Lat_dt
Va15 Nilai koordinat lintang
Lng_dt Va15
Nilai koordinat bujur Status_dt
Va20 Status dari koordinat
3.4 Perancangan Antarmuka Interface
Perancangan antarmuka atau interface sangat penting bagi suatu sistem aplikasi, karena interface sebuah sistem akan berhadapan langsung dengan end
User atau pengguna. Oleh sebab itu dalam sistem aplikasi ini dibuat interface yang menarik dan mudah. Dalam sistem aplikasi ini dibagi menjadi sepuluh
interface utama. Dalam interface sistem ini dibuat model form utama dan anak. Pada form utama akan menampilkan informasi umum dari sistem aplikasi dan
menampilkan menu-menu yang ada.
1. Interface Form Utama
Gambar 3.49. Form Utama.
Interface yang pertama yaitu form utama. Form utama ini dibagi menjadi 4 bagian yaitu :
1. Bagian atas yaitu header dengan menu
2. Bagian samping kiri berfungsi untuk menampilkan status dari GPS, status
internet, dan fungsi fungsi yang mendukung sistem aplikasi. 3.
Bagian kanan berfungsi sebagai tempat menampilkan form anak atau child.
4. Bagian bawah merupakan footer dari sitem aplikasi.
2. Interface Form Login
Gambar 3.50. Form Login.
Dalam menu ini pengguna harus melakukan login dengan memasukkan data email dan password yang telah terdaftar sebelumnya. Setelah pengguna
memasukkan data login, pengguna kemudian menekan tombol login untuk masuk ke sistem. Tombol cancel berfungsi untuk membatalkan login ke sistem.
Pengguna tidak diharuskan untuk login dalam sistem aplikasi ini, hanya beberapa menu saja yang diharuskan untuk login. Menu-menu yang diharuskan untuk login
yaitu menu edit account, add placemark, edit placemark. Untuk menu pencarian rute perjalanan tidak diharuskan login terlebih .
3. Interface New Account
Gambar 3.51. Form New Account
. Dalam form new account pengguna melakukan pendaftaran account.
Pengguna memasukkan data diri pada form new account tersebut. setelah data dimasukkan dan data sudah valid maka pengguna menekan tombol save, jika
dibatalkan pengguna harus menekan tombol cancel. Setelah pengguna menekan tombol save maka form tersebut akan menyimpannya dalam database. Dalam
menu ini jika berhasil dalam membuat account baru maka sistem akan mengirimkan data-data account yang telah dibuat ke email pengguna.
4. Interface Edit Account
Gambar 3.52. Form Edit Account.
Interface edit account sama halnya dengan interface dari form new account hanya saja kalau new account pada kolom belum terdapat data sedangkan
pada edit placemark kolom–kolomnya sudah terdapat data account dari pengguna, yang nantinya akan diubah. Dalam pengisian data koordinat latitude dan
longitudenya bisa langsung mengambil data dari perangkat keras GPS. Setelah data diperbaharui maka pengguna menekan tombol update, jika ingin
membatalkannya tekan tombol cancel.
5. Interface New Placemark
Gambar 3.53. Form New Placemark.
Interface form new placemark berfungsi untuk menerima inputan data placemark dari pengguna. Pengguna memasukkan data placemark yaitu nama dari
placemark, kota tempat tersebut, negara, tanggal berapa waktu memasukkan data placemark tersebut, latitude, longitude, altitude yaitu pengukuran untuk
ketinggian suatu wilayah dari permukaan air laut, counter merupakan jumlah dari banyaknya tempat tersebut dipilih oleh pengguna, placemark type yaitu jenis dari
placemark misalnya tempat pengisian bahan bakar, masjid, restauran, pariwisata dll. Setelah pengguna memasukkan data tersebut pengguna menekan tombol add
untuk menyimpan data placemark.
6. Interface Edit Placemark
Gambar 3.54. Form Edit Placemark.
Interface dari form edit placemark tersebut sama halnya dengan form new placemark hanya saja dalam form edit placemark terdapat tombol untuk
pencarian data placemark. Selanjutnya data akan ditampilkan pada list dibawah inputan placemark. data yang tampil dalam list tersebut selanjutnya dipilih oleh
pengguna untuk diubah datanya. Selanjutnya pengguna menekan tombol update untuk menyimpan data yang baru.
7. Interface Search Placemark
Gambar 3.55. Form Search Placemark.
Interface form search placemark merupakan antarmuka pengguna dalam menacri data placemark. Pengguna memasukkan kata tempat yang dicari pada
textbox pencarian kemudian menekan tombol search. Jika data yang dicari ditemukan, data tersebut akan ditampilkan dalam kolom list. Untuk melihat data
placemark dalam bentuk peta pengguna memilih dahulu data pada list tersebut kemudian menekan tombol show.
8. Interface Manual Direction
Gambar 3.56. Form Manual Direction.
Interface manual direction merupakan antarmuka sistem untuk menerima masukan data tempat awal dan tempat tujuan. Untuk memasukkan
tempat awal berada pada textbox Direction from, untuk tempat tujuan berada pada textbox direction to. Jika pengguna ingin menambahkan tujuan pengguna bisa
menekan tombol add destinations. Untuk melihat hasil dari pencarian rutenya pengguna harus menekan tombol show.
9. Interface Tour Guide
Gambar 3.57. Form Tour Guide.
Dalam interface tour guide sama dengan form manual direction namun perbedaannya dalam hal menginput data. Jika manual direction inputan tempat
awal dimasukkan oleh pengguna, jika form tour guide inputan tempat awal akan dimasukkan oleh perangkat GPS. Sama halnya dengan manual direction jika
pengguna ingin menambahkan tujuan maka pengguna menekan tombol add destination. Kemudian menekan tombol show untuk melihat peta beserta
panduannya.
10. Interface Form Show
Gambar 3.58. Form Show Maps.
Interface atau antarmuka show maps merupakan antarmuka kepada pengguna untuk menampilkan peta digital. Form show tersebut yang berhubungan
dengan server Google Maps untuk menerima parameter dalam pembuatan peta digital. Form show maps tersebut mempunyai tombol navigasi untuk arah dan
untuk memperbesar maps. Dalam form tersebut juga ada pilihan tampilan yaitu tampilan maps dan juga tampilan dalam bentuk pencitraan satelit. Dalam form ini
juga terdapat panduan perjalanan berupa text dan voice.
BAB IV IMPLEMENTASI SISTEM
Bab ini berisi tentang proses implementasi sistem aplikasi yang akan dibangun. Implementasi sistem aplikasi ini didasarkan dari hasil rancangan dan
metode yang telah dibuat sebelumnya.
4.1 Lingkungan Implementasi
Lingkungan implementasi dalam sistem aplikasi yang dibangun dibagi menjadi tiga bagian, yaitu lingkungan perangkat keras, lingkungan perangkat
lunak, dan lingkungan lokasi implementasi.
4.1.1 Lingkungan Perangkat Keras
Lingkungan perangkat keras yaitu terdiri dari perangkat keras yang digunakan dalam pembangunan sistem aplikasi. Perangkat keras yang digunakan
adalah sebuah notebook Dell Vostro 1014 dan juga perngkat keras yang mendukung sistem aplikasi ini. Untuk spesifikasinya sebagai berikut :
1. Prosesor intel core 2 duo 2.1 GHz
2. Memory RAM 2 GB
3. Harddisk 200 GB
4. GPS receiver
5. Modem internet
6. Bluetooth
98
Kategori