12 Gambar 6 Arsitektur Sistem dengan Three
Tier Architecture.
9.2 Perancangan Antarmuka
9.2.1 Antarmuka Halaman Utama
Antarmuka halaman utama GIS Kampus IPB Darmaga terdiri atas lima bagian, yaitu
header, menu, content, link peta IPB, dan
footer. Tampilan perancangan antarmuka
halaman utama dapat dilihat pada Gambar 7.
Gambar 7 Antarmuka Halaman Utama.
9.2.2 Antarmuka Halaman Login Admin
Antarmuka halaman admin GIS Kampus IPB Darmaga terdiri atas empat bagian, yaitu
header, menu, login, footer . Tampilan
perancangan antarmuka halaman login admin dapat dilihat pada Gambar 8.
Gambar 8 Antarmuka Halaman login Admin.
9.2.3 Antarmuka Halaman Edit Admin
Antarmuka halaman admin GIS Kampus IPB Darmaga terdiri atas empat bagian, yaitu
header, menu, navigasi, edit, content, footer. Tampilan perancangan antarmuka halaman
edit admin dapat dilihat pada Gambar 9.
Gambar 9 Antarmuka Halaman Edit Admin.
9.2.4 Antarmuka Halaman Peta
Antarmuka halaman peta terdiri atas sembilan bagian yaitu header, layer dan
legenda, link tools, navigasi, peta, skala, zoom scale,
referensi, dan search. Berikut ini merupakan penjelasan dari bagian-bagian
antarmuka halaman peta: 1
Bagian layer legenda, menampilkan nama-nama layer yang tersedia beserta
keterangan atau simbol peta. 2
Link tools, menyediakan pilihan link, print,
download dan help yang dapat digunakan
sesuai kebutuhan. 3
Navigasi, menyediakan panel kontrol yang mencakup fungsi-fungsi standar pemetaan
seperti memperbesar, memperkecil peta, dan menampilkan informasi peta.
4 Peta, untuk menampilkan peta baik secara
default atau sesuai dengan aksi request
dari pengguna. 5
Skala, menunjukkan perbandingan nilai jarak pada peta dengan jarak yang
sebenarnya dalam satuan meter.
Menu
13 6
Zoom scale , pengguna dapat memasukkan
nilai skala yang diinginkan. 7
Peta referensi, merupakan peta berukuran kecil yang merupakan representasi dari
peta yang sebenarnya. 8
Search, pengguna dapat melakukan proses
pencarian dari suatu tabel pada satu field. Tampilan
perancangan antarrmuka
halaman peta digambarkan pada Gambar 10.
Gambar 10 Antarmuka Halaman Peta Default. Setelah
dimodifikasi, tampilan
perancangan antarmuka
halaman peta
digambarkan pada gambar 11.
Gambar 11 Antarmuka Halaman Peta Setelah Modifikasi.
Setelah dimodifikasi, sistem dinilai masih kurang
efisien. Kemudian
dilakukan modifikasi ulang, dan perancangan antarmuka
halaman peta dibuat sama seperti tampilan default.
10. Pengembangan Sistem