3.2. 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. Rancangan
antarmuka sistem terdiri dari dua halaman utama.
3.2.1. Antarmuka Tampil Peta Belawan
Antarmuka Tampil Peta Belawan merupakan tampilan awal ketika sistem pertama kali dibuka oleh pengguna. Antarmuka lihat peta menampilkan peta daerah belawan beserta legendanya.
Pada view legenda pengguna bisa mendapatkan detail tentang legenda tersebut.
Gambar 3.7 Rancangan Antarmuka Tampil Peta Belawan File
Peta Belawan Credit 1
2 3
4 5
6
Universitas Sumatera Utara
Keterangan:
1. Menu Bar Sistem
Tampilan menu-menu dari sistem, yang terdiri dari File, Peta Belawan dan Credits.
2. Button Menu button berupa tombol yang berfungsi untuk penglolaan data hasil pencarian rute.
Button tersebut terdiri dari fit, zoom in, zoom out dan hasil rute. 3. Tools
Menu tools berupa tombol yang berfungsi untuk pengolahan view peta, view legenda dan view kontrol pencarian rute. Tools tersebut terdiri dari pointer, identifier dan pan.
4. View Peta Tampilan View untuk menampilkan Peta Belawan.
5. View Legenda Tampilan View untuk menampilkan legenda dari peta daerah belawan.
6. View Detail Legenda Tampilan View untuk menampilkan detail keterangan dari legenda yang dipilih.
3.2.2. Antarmuka Pencarian Rute
Antarmuka Pencarian Rute akan muncul, jika pengguna memilih menu Peta Belawan, lalu memilih proses pencarian rute. Antarmuka ini berfungsi untuk melakukan proses pencarian
rute terpendek untuk jalur evakuasi tsunami. Proses pencarian rute dimulai dengan memasukkan nilai radius jangkauan tsunami. Sistem kemudian akan menampilkan daerah
yang terkena landaan tsunami. Pengguna tinggal memilih daerah yang akan dicari rutenya. Sistem akan memproses inputan dari user berupa titik awal daerah yang akan dicari rutenya
dengan menggunakan Algoritma Ant Colony System.
Universitas Sumatera Utara
Gambar 3.8 Rancangan Antarmuka Pencarian Rute
Keterangan:
1. Menu Bar Sistem Tampilan menu-menu dari sistem, yang terdiri dari File, Peta Belawan dan Credits.
2. Button Menu button berupa tombol yang berfungsi untuk penglolaan data hasil pencarian rute.
Button tersebut terdiri dari fit, zoom in, zoom out dan hasil rute. 3. Tools
Menu tools berupa tombol yang berfungsi untuk pengolahan view peta, view legenda dan view kontrol pencarian rute. Tools tersebut terdiri dari pointer, identifier dan pan.
4. View Peta Tampilan View untuk menampilkan Peta Belawan
5. View Kontrol Pencarian Rute Tampilan View untuk mengendalikan proses pencarian rute.
6. TextLine input Input box untuk memasukkan nilai radius tsunami
7. View Daerah Landaan Tsunami Tampilan View untuk menampilkan daerah yang terkena landaan tsunami dengan radius
yang diinputkan.
File Peta Belawan
Credit 1
2 3
4 5
7 6
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem