Terjadi Konvergensi
Perbarui harga intensitas semut antara titik
Siklus = Banyak siklus maksimal
Hitung rute terpendek Lintasan jalur
optimal Selesai
Ya Tidak
Tidak
Ya A
B
Gambar 3.9 Flowchart Algoritma Ant Colony
3.4 Perancangan Sistem
Antarmuka merupakan perantara antara pengguna dengan sistem. Tampilan antarmuka sangat mempengaruhi penggunaan suatu sistem. Oleh karena itu,
antarmuka harus dirancang sedemikian rupa sehingga memudahkan pengguna dalam menggunakan sistem tersebut. Pada tahap ini akan dilakukan perancangan antarmuka
sistem yang akan digunakan.
3.4.1 Antarmuka Splash screen
Antarmuka splash screen merupakan tampilan yang muncul pertama kali, ketika aplikasi ini dijalankan oleh pengguna. Tampilan splash screen memiliki durasi waktu
selama 4 detik, dan antarmuka ini akan menghilang secara otomatis.
Universitas Sumatera Utara
Gambar 3.10 Antarmuka Splash Screen
Keterangan: 1. Judul
Bagian yang berisi judul dari aplikasi. 2. Body
Bagian yang berisi icon loading dan icon peta.
3.4.2 Antarmuka Menu Utama
Antarmuka Menu Utama merupakan tampilan yang muncul setelah tampilan splash screen menghilang. Tampilan menu utama memilki 3 tombol utama yaitu:
• Login Login berfungsi untuk menuju halaman login
• Tentang Tentang berfungsi untuk menuju halaman tentang aplikasi ini.
• Rute
Penentuan Rute Terpendek Pencarian Rumah Sakit
1
2
Universitas Sumatera Utara
Rute berfungsi untuk menuju halaman rute.
Gambar 3.11 Antarmuka Menu Utama
Keterangan: 1. Button
Menu button mempunyai 3 tombol yang merupakan link ke halaman-halaman berbeda. 3 tombol tersebut adalah tombol Login, Tentang dan Rute.
2. Body Bagian yang berisi icon peta.
3. Button Bagian yang berisi tombol yang berfungsi sebagai link ke Menu Utama.
3.4.3 Antarmuka Tentang
Antarmuka Tentang akan muncul saat tombol Tentang dipilih. Antarmuka Tentang berisi judul aplikasi, nama author dan user manual.
Login Tentang
Rute
1
2
3
Universitas Sumatera Utara
Gambar 3.12 Antarmuka Tentang
Keterangan: 1. Judul
Bagian yang berisi judul dari aplikasi. 2. Body
Bagian yang berisi user manual untuk menuntun pengguna dalam menjalankan aplikasi.
3. Button Bagian yang berisi button yang berfungsi sebagai link ke Menu Utama.
3.4.4 Antarmuka Daftar Rumah Sakit
Antarmuka Daftar Rumah Sakit akan muncul jika pengguna memilih tombol Rute. Antarmuka ini berisi daftar semua rumah sakit dan tombol Rute Pencarian.
1
2
3
Penentuan Rute Terpendek Pencarian Rumah Sakit dengan
Algoritma Ant Colony
User Manual
Universitas Sumatera Utara
Gambar 3.13 Antarmuka Daftar Rumah Sakit
Keterangan: 1. List Daftar Rumah Sakit
Bagian ini berisi daftar semua rumah sakit yang ada di database. 2. Button Rute Pencarian
Bagian ini berisi tombol yang berfungsi sebagai link ke Rute Pencarian.
3.4.5 Antarmuka Rute Pencarian
Antarmuka Rute Pencarian akan muncul saat tombol Rute Pencarian dipilih. Antarmuka ini berfungsi untuk menampilkan peta kota Medan, lokasi rumah sakit,
lokasi pengguna pada peta. Proses pencarian rute dimulai ketika pengguna menekan menu proses pencarian. Sistem kemudian akan menghitung jarak-jarak semua rumah
sakit terhadap lokasi pengguna saat itu. Sistem akan memproses rute terpendek dari lokasi pengguna sebagai titik awal dan rumah sakit yang telah dicari jarak terpendek
dengan menggunakan Algoritma Ant Colony System.
2 1
Rute Pencarian
Universitas Sumatera Utara
Gambar 3.14 Antarmuka Rute Pencarian
Keterangan: 1. View Peta
Bagian ini berisi tampilan peta kota Medan, lokasi pengguna dan lokasi rumah sakit. 2. Button
Bagian ini berisi 3 tombol dimana tombol Start Pencarian berfungsi untuk memulai pencarian rute terpendek menuju rumah sakit terdekat, tombol Bersihkan Semua
berfungsi untuk membersihkan rute pencarian sebelumnya dan tombol Center Lokasi untuk mengarahkan layar ke lokasi pengguna.
3.4.6 Antarmuka Detail Rumah Sakit
Antarmuka Detail Rumah Sakit akan muncul jika pengguna memilih nama rumah sakit pada Daftar Rumah Sakit.
2 1
Start Pencarian
Bersihkan Semua
Center Lokasi
Universitas Sumatera Utara
Gambar 3.15 Antarmuka Detail Rumah Sakit
Keterangan: 1. Gambar
Bagian ini berisi gambar dari rumah sakit. 2. Nama
Bagian ini berisi nama rumah sakit. 3. Alamat dan Telepon
Bagian ini berisi alamat dan nomor telepon rumah sakit. 4. Rating Bar
Bagian ini berisi rating bar dari rumah sakit. 5. Button Lihat Lokasi
Bagian ini berisi tombol untuk melihat lokasi rumah sakit pada peta.
3.4.7 Antarmuka Login
Antarmuka ini muncul saat tombol Login dipilih. Antarmuka ini berfungsi agar pengguna dapat login untuk menambah, mengubah atau menghapus data rumah sakit.
Lihat Lokasi
1 2
3
4
5
Universitas Sumatera Utara
Gambar 3.16 Antarmuka Login
Keterangan: 1. Textview Username
Bagian ini berisi textview Username dan textfield untuk mengisi username. 2. Textview Password
Bagian ini berisi textview Password dan textfield untuk mengisi password. 3. Button
Bagian ini berisi 2 tombol yaitu Login dan Batal. Tombol Login berfungsi untuk login dan tombol Batal berfungsi untuk logout.
3.4.8 Antarmuka Tambah Rumah Sakit
Antarmuka Tambah Rumah Sakit akan muncul pada option di halaman Daftar Rumah Sakit atau pada halaman Rute Pencarian ketika pengguna menekan suatu titik pada
peta lebih lama setelah login. Antarmuka ini berfungsi untuk menambah rumah sakit baru ke database.
1
2
Login Batal
Username
Password
3
Universitas Sumatera Utara
Gambar 3.17 Antarmuka Tambah Rumah Sakit Manual
Keterangan: 1. Textview Nama Rumah Sakit
Bagian ini berisi textview Nama Rumah Sakit dan textfield untuk mengisi username nama rumah sakit.
2. Textview Alamat Bagian ini berisi textview Alamat dan textfield untuk mengisi alamat rumah sakit.
3. Textview Telpon Bagian ini berisi textview Telpon dan textfield untuk mengisi nomor telepon rumah
sakit. 4. Textview Latitude
Bagian ini berisi textview Latitude dan textfield untuk mengisi latitude rumah sakit. 5. Textview Longitude
Bagian ini berisi textview Longitude dan textfield untuk mengisi longitude rumah sakit.
6. Button Simpan Bagian ini berisi tombol untuk menyimpan data rumah sakit yang telah
ditambahkan.
6 1
Nama Rumah Sakit
2
Alamat
3
Telpon
4
Latitude
5
Longitude
Simpan
Universitas Sumatera Utara
Gambar 3.18 Antarmuka Tambah Rumah Sakit Long Click
Keterangan: 1. Judul
Bagian ini berisi judul halaman yaitu, Tambah Data Rumah Sakit. 2. Textview Rumah Sakit
Bagian ini berisi Nama Rumah Sakit dan textfield untuk mengisi username nama rumah sakit.
3. Textview Alamat Bagian ini berisi textview Alamat dan textfield untuk mengisi alamat rumah sakit
dimana pada Long Click sudah terisi otomatis. 4. Textview Telpon
Bagian ini berisi textview Telpon dan textfield untuk mengisi nomor telepon rumah sakit.
5. Textview Latitude Bagian ini berisi textview Latitude dan textfield untuk mengisi latitude rumah sakit
dimana pada Long Click sudah terisi otomatis. 6. Textview Longitude
7 1
2
4
Telpon
5
Latitude
6
Longitude Alamat
Rumah Sakit
Simpan Batal
3
Tambah Data Rumah Sakit
Universitas Sumatera Utara
Bagian ini berisi textview Longitude dan textfield untuk mengisi longitude rumah sakit dimana pada Long Click sudah terisi otomatis.
7. Button Bagian ini berisi 2 tombol, yaitu tombol Simpan untuk menyimpan data rumah sakit
yang telah ditambahkan dan tombol Batal untuk membatalkan penambahan data rumah sakit.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem