Gambar 3.6. Sequence Diagram Pada Sistem
3.2 Perancangan Sistem
3.2.1 Flowchart Sistem
Flowchart merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan
dari sistem. Flowchart menjelaskan tentang urutan-urutan dari prosedur yang ada di dalam sistem dengan menggunakan simbol-simbol.
Flowchart pembuatan aplikasi mobile tracking dapat dilihat seperti pada
Gambar 3.7.
Universitas Sumatera Utara
Gambar 3.7. Flowchart Sistem
Universitas Sumatera Utara
3.2.2 Pseudocode Algoritma ACO
Pseudocode adalah teknik untuk menuliskan algoritma secara hight-level tanpa
tergantung pada sebuah bahasa pemrograman. Penulisan pseudocode biasanya ditulis dengan menggunakan bahasa inggris dan diberi tambahan notasi matematika.
Pseudeocode Algoritma ACO ditunjukkan oleh tabel 3.1 dibawah ini:
Tabel 3.1 Pseudocode Algoritma ACO Baris
Kode Pseudocode
1 2
3 4
5 6
7 8
9
10 11
12 13
14 15
16 17
18 19
20 21
22 23
24 25
26 27
28 29
30 31
32 33
ALGORITMA
Ant Colony Optimization {
algortima untuk menghitung jarak terpendek menggunakan ACO
} DEKLARASI
alfa,beta,asF:double; i,j,m,Q:integer;
DESKRIPSI
Set parameteralfa,beta,asF,m,Q while stopping criterion not satisfied do
position each ant in a starting node repeat
for each ant do choose next node by applying the state
transition rule apply local pheromone update
end for until every ant has built a solution
update best solution apply global pheromone update
end while Output Jarak terpendek
Universitas Sumatera Utara
3.2.3 Perancangan Database
Tabel yang penulis gunakan dalam pembuatan aplikasi mobile tracking yaitu tb_admin, tb_client dan tb_track. Rincian masing-masing table diuraikan pada
table dibawah ini.
1. Tabel Admin
Tabel admin merupakan table yang digunakan untuk menyimpan account admin yaitu username dan password sebagai autentikasi untuk masuk ke
menu admin.
Tabel 3.2 Tabel Admin Field
Type
id_admin int10
Nama varchar200
Username varchar200
Password varchar200
2. Tabel Client
Tabel Client digunakan untuk menyimpan data user dan melacak koordinatnya. Dimana setiap kali user melakukan login maka koordinat
pada database selalu diperbaharui
Tabel 3.3 Tabel Client Field
Type
id_client int10
Nama varchar200
username varchar200
password varchar200
Universitas Sumatera Utara
Field Type
jenis_kelamin enumPria, Wanita
no_hp varchar15
Alamat varchar200
Lat double
Long double
Gambar varchar120
id_session varchar100
Aktif enumY, N
3. Tabel Track
Tabel track digunakan untuk menyimpan semua data perjalanan masing- masing user.
Table 3.4 Tabel Track
Field Type
id_track int10
id_client int10
Lat double
Long double
Time datetime
session_login varchar160
3.2.4 Perancangan Tampilan
3.2.4.1 Halaman Login
Halaman login merupakan sebagai authentikasi data untuk mengakses halaman utama aplikasi. Halaman ini digunakan sebagai pembatasan hak akses terhadap fitur-fitur
yang ada di aplikasi. Agar dapat masuk kedalam aplikasi, maka pengguna harus
Universitas Sumatera Utara
memiliki username dan password yang sudah terdaftar sebelumnya. Kemudian setelah pengguna dapat melakukan proses login maka sistem akan mendapatkan koordinat
ponsel kemudian disimpan kedalam database. Tampilan dapat dilihat pada gambar 3.8
Gambar 3.8 Halaman login
Keterangan: 1.
Label yang berisi logo aplikasi 2.
Label Username.
3. Label File Tujuan.
4. Text box
untuk menampilkan input username.
5. Text box
untuk menampilkan input password.
6. Tombol untuk memproses input login.
7. Tombol untuk menampilkan dialog pendaftaran.
3.2.4.2 Halaman User
Halaman User adalah halaman yang digunakan sebagai antar-muka user setelah berhasil melakukan proses login. Halaman ini juga akan menampilkan posisinya
berada berdasarkan koordinat yang diterima. Rancangan halaman user dapat dilihat seperti pada Gambar 3.7
Mobile Tracking
1
Username
2
Text Box
3
Password
4
Text Box
5
Login
6
daftar
7
Universitas Sumatera Utara
Gambar 3.9 Halaman User
Keterangan: 1.
Label untuk menampilkan text proses pelacakan koordinat ponsel. 2.
Label untuk menampilkan map.
3. Label untuk menampilkan alamat latitude dan longitude.
4. Tombol untuk menampilkan form edit profile.
5. Tombol untuk menampilkan form logout.
3.2.4.3 Halaman Admin
Halaman admin adalah halaman yang digunakan sebagai antar-muka admin setelah berhasil melakukan proses login. Pada halaman ini digunakan untuk melakukan
pelacakan posisi user dan perhitungan jarak terdekatnya. Rancangan halaman admin dapat dilihat seperti pada Gambar 3.10
Tracking location pocessing...
1
YYYY-mm-dd
Edit profile
4
LogOut
5
Lat :
3
Long :
Map
2
Universitas Sumatera Utara
Gambar 3.10 Halaman Admin
Keterangan: 1.
Label untuk menampilkan tujuan. 2.
Text box untuk menampilkan input tujuan.
3. Tombol untuk menampilkan form add.
4. Label untuk menampilkan pilih jalur.
5. checkbox
untuk menampilkan jalur yang akan dilalui.
6. Label untuk menampilkan eksport.
7. Label untuk menampilkan edit route.
8. Label untuk menampilkan mobile tracking.
9. Tombol untuk menampilkan form perhitungan jalur yang dilewati.
10. Tombol untuk menampilkan data client.
11. Tombol untuk mengulangi proses.
12. Tombol untuk melakukan refresh halaman.
13. Tombol untuk melakukan pengujian javascript.
14. Tombol untuk menampilkan halaman about.
15. Tombol untuk keluar dari halaman login.
16. Label untuk menampilkan maps.
17. Label untuk menampilkan hasil perhitungan.
18. Label untuk menampilkan jalur yang akan dilalui.
Map
16 Tujuan
1
Text box
2
add
3
Pilih jalur
4
Walking Jalan kaki
5
Bicycling Naik sepeda Avoid highways Hindari jalan raya
Avoid toll roads Hindari jalan tol
Eksport
6
Edit Route
7
Mobile Tracking
8
Tracking Mobile
9
Hitung Perjalanan TSP Hitung Perjalanan A - Z
Data Client
10
Ulangi lagi
11
Refresh Halaman
12
Pengujian javascript
13
About
14
Logout
15
Lama perjalanan dan panjang perjalanan
17
Jalan yang dilalui
18
Universitas Sumatera Utara
3.2.4.4 Halaman Data User
Halaman data user ini merupakan rancangan yang digunakan untuk manajemen data user
yang sudah terdaftar sebagai user, form ini hanya ditampilkan pada menu admin sebagai manajemen data user.
Gambar 3.11 Halaman Data User
Keterangan: 1.
Label untuk menampilkan tujuan. 2.
Text box untuk menampilkan input tujuan.
3. Tombol untuk menampilkan form add.
4. Label untuk menampilkan pilih jalur.
5. checkbox
untuk menampilkan jalur yang akan dilalui.
6. Label untuk menampilkan eksport.
7. Label untuk menampilkan edit route.
8. Label untuk menampilkan mobile tracking.
9. Tombol untuk menampilkan form perhitungan jalur yang dilewati.
10. Tombol untuk menampilkan data user.
11. Tombol untuk mengulangi proses.
12. Tombol untuk melakukan refresh halaman.
Data User
[16]
Tujuan
1
Text box
2
add
3
Pilih jalur
4
Walking Jalan kaki
5
Bicycling Naik sepeda Avoid highways Hindari jalan raya
Avoid toll roads Hindari jalan tol
Eksport
6
Edit Route
7
Mobile Tracking
8
Tracking Mobile
9
Hitung Perjalanan TSP Hitung Perjalanan A - Z
Data Client
10
Ulangi lagi
11
Refresh Halaman
12
Pengujian javascript
13
About
14
Logout
15
Universitas Sumatera Utara
13. Tombol untuk melakukan pengujian javascript.
14. Tombol untuk menampilkan halaman about.
15. Tombol untuk keluar dari halaman login.
16. Label untuk menampilkan data user.
3.2.4.5 Halaman About
Halaman about berfungsi untuk menampilkan informasi tentang profil penulis. Profil penulis meliputi biodata penulis serta data akademik. Rancangan about dapat dilihat
seperti pada Gambar 3.12.
Gambar 3.12 Halaman About
Judul Skripsi
Tentang Penulis
Fakultas
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Kategori