74
3.4 Rancangan Antarmuka Sistem
Dalam proses perancangan antarmuka sistem diharapkan mampu memenuhi aspek-aspek seperti user friendly mudah dimengerti oleh pengguna,
sederhana, dan mengurangi terjadinya kesalahan saat pengguna menggunakan sistem. Untuk memberikan gambaran awal tentang antar muka aplikasi serta
menjaga konsistensi dari desain aplikasi, maka perlu dibuat suatu rancangan masukan dan keluaran aplikasi.
a. Konsep Index Layout Halaman index merupakan halaman utama atau halaman yang pertama
muncul ketika pengguna mengakses suatu website. Halaman index secara tampilan harus menarik karena merupakan halaman utama, kesan dan pesan
pengujung ditentukan pada halaman ini. Sebelum memulai membuat index layout yang perlu diperhatikan terlebih dahulu adalah konsep layout seperti apa, dan jika
sudah ditentukan maka tinggal mendesain sedemikian rupa tampilan agar menarik. Untuk konsep layoutnya bisa dilihat pada gambar di bawah ini:
Gambar 3.36 Konsep Desain Layout Halaman Utama
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
75
b. Form Login Form login pada dasarnya digunakan untuk menjaga keamanan dari suatu
aplikasi terhadap pihak-pihak yang tidak bertanggungjawab. Pada form login ini sifatnya tidak harus dilalui, semua ini tergantung dari kebutuhan pengguna. Hanya
orang yang melakukan pendaftaran saja bisa memanfaatkan fasilitas ini, cara penggunaan form login ini hampir sama seperti form login lainnya, yaitu : dengan
memasukkan username dan password yang telah dimiliki. Jika username dan password benar maka pengguna bisa memanfaatkan menu-menu yang telah
disediakan. Untuk rancangannya tampak seperti pada gambar di bawah :
Gambar 3.37 Konsep Desain Login Member
c. Form Manajemen Kota, Jenis Usaha, Kategori dan Anggota
Pada form-form tersebut merupakan form master yang merupakan komponen utama untuk terbentuknya suatu pemetaan, pada desain form master
tersebut admin bisa menambahkan, mengubah, menampilkan dan menghapus data. Secara desain sama antara manajemen kota, jenis usaha, kategori dan
anggota. Untuk rancangannya bisa dilihat pada gambar di bawah:
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
76
Gambar 3.38 Data Table Pada Form Master
d. Form Registrasi
Halaman ini merupakan halaman untuk mengisikan biodata untuk pengunjung yang ingin bergabung pada website, pengunjung yang telah menjadi
anggota akan memiliki hak akses untuk menambahkan lokasi pemetaan. Untuk konsep layoutnya bisa dilihat pada gambar di bawah:
Gambar 3.39 Tampilan form registrasi
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
77
e. Form Penambahan Lokasi Pemetaan Fitur ini merupakan fitur utama pada aplikasi pemetaan ini, yang mana
lewat fitur ini anggota bisa menambahkan lokasi perusahaan yang dimiliki agar bisa dipetakan. Selain itu anggota juga bisa menambahkan detil informasi
perusahaan antara lain: cabang, galeri dan hasil usaha.
Gambar 3.40 Tampilan Desain Penambahan Lokasi
f. Pencarian Perusahaan Pada Peta
Fasilitas pencarian ini dimungkinkan untuk melakukan pencarian perusahaan yang terdaftar pada aplikasi guna untuk memudahkan dalam
penemuan perusahaan yang dicari. Cara pemakaiannya pengguna tinggal memasukkan kata kunci pada form dan kemudian sistem akan melakukan
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
78
pencocokan dengan kata kunci yang telah diberikan, selanjutnya perusahaan yang terkait dengan kata kunci akan ditampilkan berupa daftar. Untuk konsepnya
desainnya bisa dilihat pada gambar di bawah:
Gambar 3.41 Form Pencarian Perusahaan
g. Menampilkan hasil pemetaan
Sebelum data perusahaan bisa ditampilkan dalam peta, sebelumnya harus melewati proses pengecekan dokumen yang dilampirkan ketika mendaftarkan
perusahaan pada aplikasi, jika data sudah benar maka akan bisa tampil dalam peta sehingga anggota bisa menambahkan informasi yang lebih detail tentang
perusahaan tersebut. Data-data mengenai perusahaan yang akan dipetakan dalam aplikasi pada
dasarnya berupa data spasial, agar data tersebut bisa bersifat komunikatif maka perlu ditampilkan dalam bentuk peta secara grafis. Untuk pemetaan secara grafis
pada aplikasi menggunakan API yang telah disediakan oleh Google Maps, informasi pemetaan akan ditampilkan berupa titik-titik lokasi.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
79
Gambar 3.42 Marker Perusahaan Pada Peta
Gambar 3.19 merupakan contoh tampilan marker penyeberan perusahaan ditandai berupa titik-titik seperti symbol diatas dan setiap titik tersebut mewakili
perusahaan. Terlihat jelas pada gambar diatas juga tersedia fasilitas untuk pengaturan pembesaran atau pengecilan tampilan peta dan juga terdapat mode
peta yang ditampilkan berupa satelit atau map.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.
80
BAB IV IMPLEMENTASI DAN EVALUASI
4.1 Implementasi Kebutuhan Sistem
Sebelum melakukan implementasi dan menjalankan aplikasi pemetaan perusahaan di Jawa Timur, pada bab ini akan mengulas tentang kebutuhan sistem
mengenai perangkat keras dan perangkat lunak yang mendukung agar proses pengembangan dan implementasi aplikasi pemetaan dapat dijalankan sesuai
dengan rancangan dan hasil yang diharapkan. Implementasi kebutuhan sistem ini dilakukan untuk meminimalisir
terjadinya kesalahan pada aplikasi yang telah dibuat sebelumnya pada tahap kebutuhan perangkat, penjelasan kebutuhan sistem ini harus dilakukan secara
terperinci pembahasannya agar bisa berjalan sesuai dengan harapan. Pada penjelasan perangkat keras dan perangkat lunak di bawah ini
merupakan spesifikasi minimum yang pengembang gunakan ketika membangun aplikasi pemetaan Jawa Timur sehingga spesifikasi tersebut bisa saja bertambah
sesuai dengan kemajuan teknologi.
4.1.1 Spesifikasi Perangkat Lunak
Aplikasi pemetaan perusahaan di Jawa Timur merupakan suatu aplikasi yang diakses menggunakan penjelajah web melalui suatu jaringan seperti Internet
atau Intranet dan juga merupakan suatu aplikasi perangkat lunak komputer yang
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh kHak Cipta © milik UPN Veteran Jatim :
Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.arya tulis ini tanpa mencantumkan dan menyebutkan sumber.