Rancangan Metode Perancangan Antar Muka

asal lalu kemudian secara otomatis jarak akan keluar. Rancangan dapat dilihat pada Gambar 3.10. Gambar 3.10. Rancangan Jarak Per Tujuan Keterangan: 1. Kotak nomor 1 merupakan ComboBox untuk menampilkan data lokasi awal distribusi. 2. Kotak nomor 2 merupakan tabel gridview untuk menampilkan data kode tujuan, lokasi tujuan dan jarak dari lokasi awal distribusi ke lokasi tujuan distribusi, sesuai dengan data yang dipilih pada ComboBox . 3. Kotak nomor 3 merupakan button untuk tombol simpan setelah melakukan proses edit dan tombol keluar untuk keluar dari halaman.

3.7.6. Rancangan Metode

Rancangan metode merupakan sub menu dari menu metode, dimana pada menu metode memiliki dua sub menu yaitu least cost dan vogell’s aproximation methhod. Jika sub menu least cost dipilih maka akan tampil halaman menu baru berisi data jarak dan biaya Universitas Sumatera Utara bensin yang dapat dicari menggunakan metode least cost. Rancangan dapat dilihat pada Gambar 3.11. Gambar 3.11. Rancangan Metode Keterangan: 1. Kotak nomor 1 merupakan menu pilihan dari menu Metode untuk melihat proses perhitungan dari metode Least Cost. 2. Kotak nomor 2 merupakan menu pilihan dari menu Metode untuk melihat proses perhitungan dari Vogell’s Aproximation Method. 3.7.7. Rancangan Metode Least Cost LC Pada rancangan metode LC terdapat lima buah tombol yaitu tombol ambil data, hitung, simpan, reset dan keluar. Selain itu juga terdapat kumpulan textbox yang berfungsi untuk menampilkan data jarak dan biaya bensin. Dan terdapat dua buah radio button sebagai menu pilihan, apakah ingin menampilkan data jarak atau menampilakn data biaya bensin. Rancangan dapat dilihat pada Gambar 3.12. Universitas Sumatera Utara Gambar 3.12. Gambar Rancangan Metode LC Keterangan: 1. Kotak nomor 1 merupakan Label untuk menampilkan judul dari halaman menu metode Least Cost. 2. Kotak nomor 2 merupakan Label untuk menampilkan nama daerah lokasi tujuan distribusi. 3. Kotak nomor 3 merupakan Label untuk menampilkan nama daerah lokasi awal distribusi. 4. Kotak nomor 4 merupakan TextBox untuk menampilkan nilai data jarak,nilai data biaya bensin dan hasil rute pilihan setelah melakukan proses perhitungan. 5. Kotak nomor 5 merupakan TextBox untuk menampilkan data Suply. 6. Kotak nomor 6 merupakan TextBox untuk menampilkan data Demand. 7. Kotak nomor 7 merupakan TrackBar untuk menampilkan kecepatan dari proses perhitungan metode. 8. Kotak Nomor 8 merupakan Label untuk menampilkan hasil total nilai dari proses perhitungan metode. 9. Kotak nomor 9 merupakan RadioButton sebagai menu pilihan, apakah ingin menampilkan data jarak atau menampilakn data biaya bensin. 10. Kotak nomor 10 merupakan Button untuk tombol Ambil data, Hitung, Reset, dan Simpan. 3.7.8. Rancangan Vogell’s Aproximation Method VAM Universitas Sumatera Utara Sama seperti pada rancangan metode LC metode VAM juga terdapat lima buah tombol yaitu tombol ambil data, hitung, simpan, reset dan keluar. Selain itu juga terdapat kumpulan textbox yang berfungsi untuk menampilkan data jarak dan biaya bensin. Dan terdapat dua buah radio button sebagai menu pilihan, apakah ingin menampilkan data jarak atau menampilakn data biaya bensin. Rancangan dapat dilihat pada Gambar 3.13. Gambar 3.13. Gambar Rancangan VAM Keterangan: 1. Kotak nomor 1 merupakan Label untuk menampilkan judul dari halaman menu Vogell’s Aproximation Method. 2. Kotak nomor 2 merupakan Label untuk menampilkan nama daerah lokasi tujuan distribusi. 3. Kotak nomor 3 merupakan Label untuk menampilkan nama daerah lokasi awal distribusi. Universitas Sumatera Utara 4. Kotak nomor 4 merupakan TextBox untuk menampilkan nilai data jarak,nilai data biaya bensin dan hasil rute pilihan setelah melakukan proses perhitungan. 5. Kotak nomor 5 merupakan TextBox untuk menampilkan data Suply. 6. Kotak nomor 6 merupakan TextBox untuk menampilkan data Demand. 7. Kotak nomor 7 merupakan TrackBar untuk menampilkan kecepatan dari proses perhitungan metode. 8. Kotak Nomor 8 merupakan Label untuk menampilkan hasil total nilai dari proses perhitungan metode. 9. Kotak nomor 9 merupakan RadioButton sebagai menu pilihan, apakah ingin menampilkan data jarak atau menampilakn data biaya bensin. 10. Kotak nomor 10 merupakan Button untuk tombol Ambil data, Hitung, Reset, dan Simpan.

3.7.9. Rancangan Peta metode Least Cost LC