BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Tahap implementasi merupakan tahap dimana akan dilakukan pembuatan perangkat lunak. Tahap ini dilakukan setelah melalui tahap analisis dan rancangan. Bab ini
merupakan hasil implementasi terhadap analisis dan rancangan yang telah diuraikan pada bab sebelumnya. Analisis dan rancangan yang baik akan membantu pengerjaan
tahap implementasi, sehingga hasil akhir yang diinginkan dapat tercapai. Penulis akan melakukan pengujian terhadap perangkat lunak untuk mengukur keberhasilan
implementasi yang dilakukan. Syarat utama keberhasilan pengujian adalah perangkat lunak mampu menampilkan rute terpendek secara akurat pada peta.
4.1.1 Lingkungan Implementasi
Lingkungan implementasi yang akan dijelaskan merupakan lingkungan perangkat keras hardware dan perangkat lunak software yang digunakan dalam penulisan
skripsi ini.
Spesifikasi perangkat keras yang digunakan adalah sebagai berikut. 1.
Processor IntelR CoreTM 2 Duo T6600 2.20 GHz. 2.
Memory RAM 2.048 MB. 3.
Harddisk 320 GB. 4.
Perangkat output berupa monitor LCD Widescreen 14”. 5.
Perangkat input berupa mouse dan keyboard.
Spesifikasi perangkat lunak yang digunakan adalah sebagai berikut. 1.
Operating system Microsoft Windows 7 Ultimate 32-bit. 2.
Borland Delphi 2009. 3.
MapWindow GIS version 4.8.2 beta. 4.
ApacheFriends XAMPP version 1.7.3. 5.
Mysql-connector-odbc-5.1.8-win32. 6.
ActiveX MapWinGIS version 4.7.
4.1.2 Implementasi Antarmuka Sistem
Implementasi rancangan antarmuka yang ada pada perangkat lunak ini sebagaimana terdapat dalam rancangan antarmuka adalah sebagai berikut:
1. Tampilan menu Navigation
a. Tampilan Zoom In
b. Tampilan Zoom Out
c. Tampilan Full Extents
d. Tampilan Pan
e. Tampilan Drawing Result
f. Tampilan Clear Drawing Result
g. Tampilan Office
h. Tampilan Vertex
i. Tampilan Road
j. Tampilan Road Name
k. Tampilan Edge and Distance
2. Tampilan menu Information
a. Information Parameter
b. Information Creator
4.1.2.1 Menu Navigation
Menu Navigation merupakan tampilan antarmuka yang pertama muncul ketika sistem ini dijalankan. Menu navigation ini akan menampilkan peta kampus Universitas
Sumatera Utara dengan atribut-atributnya yaitu Layer Menu dan Parameter. Berikut adalah gambar hasil implementasi dari rancangan antarmuka menu navigation.
Gambar 4.1 Tampilan Implementasi Rancangan Antarmuka
Dari gambar 4.1 diatas, terlihat bahwa layer office, vertex, road, dan road name sudah dicentangkan supaya gambar peta kampus Universitas Sumatera Utara
langsung ditampilkan. Layer edge and distance sengaja tidak dicentangkan supaya tampilan menu navigation terlihat lebih menarik. Pada menu navigation, tidak semua
nama road, office, dan vertex yang ditampilkan karena keterbatasan ruang peta. Apabila semua nama road, office, dan vertex yang ditampilkan maka nama-nama
tersebut akan saling tumpang tindih, yang akan membuat pengguna kesulitan untuk menggunakan aplikasi ini.
4.1.2.1.1 Tampilan Zoom In
Tampilan Zoom In merupakan tampilan antarmuka untuk memperbesar gambar pada peta. Dengan adanya tampilan zoom in ini diharapkan mempermudah pengguna untuk
melihat isi peta. Berikut adalah gambar hasil zoom in pada peta di kampus Universitas Sumatera Utara.
Gambar 4.2 Tampilan Zoom In
Pada gambar 4.2 diatas terlihat bahwa nama road, office, dan vertex yang tidak dapat ditampilkan pada menu navigation dapat ditampilkan dengan jelas.
Tampilan ini diperoleh setelah melakukan 4 x zoom in pada peta kampus Universitas Sumatera Utara.
4.1.2.1.2 Tampilan Zoom Out
Tampilan Zoom Out merupakan tampilan antarmuka untuk memperkecil gambar pada peta. Berikut adalah gambar hasil zoom out pada peta di kampus Universitas Sumatera
Utara.
Gambar 4.3 Tampilan Zoom Out
Pada gambar 4.3 diatas terlihat bahwa peta lebih kecil daripada tampilan menu navigation. Tampilan ini diperoleh setelah melakukan zoom out sebanyak 4 x
pada peta. Zoom out ini akan otomatis menyembunyikan beberapa nama road, office, dan vertex yang ditampilkan pada menu navigation untuk menghindari tumpang-
tindih nama objek yang terdapat pada layer road, office, dan vertex.
4.1.2.1.3 Tampilan Pan
Tampilan Pan merupakan tampilan untuk menggeser peta tanpa mengubah tingkat zoom level. Berikut adalah gambar hasil pan pada peta di kampus Universitas
Sumatera Utara.
Gambar 4.4 Tampilan Pan
Pada gambar 4.4 diatas terlihat bahwa nama Fak Ilmu Komputer dapat ditampilkan secara utuh, berbeda dengan tampilan menu navigation yang hanya
menampilkan Fak Ilmu saja. Tampilan ini diperoleh setelah menggeser peta ke sebelah kiri pengguna dengan menggunakan fasilitas pan.
4.1.2.1.4 Tampilan Full Extents
Tampilan Full Extents merupakan tampilan untuk mengembalikan posisi gambar pada peta ke bentuk awal. Berikut adalah gambar hasil full extents pada peta di kampus
Universitas Sumatera Utara.
Gambar 4.5 Tampilan Implementasi Full Extents
Pada gambar 4.5 diatas terlihat bahwa tampilan peta kampus Universitas Sumatera Utara sudah kembali ke bentuk semula tampilan navigation, dimana
sebelumnya telah dilakukan beberapa perlakuan yang mengakibatkan perubahan bentuk tampilan pada peta seperti zoom in, zoom out, dan pan.
4.1.2.1.5 Tampilan Drawing Result
Tampilan Drawing Result merupakan tampilan untuk menggambarkan rute terpendek hasil pencarian di peta kampus Universitas Sumatera Utara. Berikut adalah contoh
gambar hasil pencarian rute terpendek pada peta kampus Universitas Sumatera Utara.
Gambar 4.6 Tampilan Drawing Result
Pada gambar 4.6 diatas terlihat bahwa rute optimum ditampilkan berupa garis merah dari titik awal ke titik tujuan yang dalam hal ini dari t35 menuju t15. Tampilan
drawing result ini diperoleh apabila telah melakukan proses pencarian berdasarkan input yang diberikan kepada sistem.
4.1.2.1.6 Tampilan Clear Drawing Result
Tampilan Clear Drawing Result merupakan tampilan untuk menghapus gambar hasil pencarian rute optimum. Berikut adalah gambar dimana hasil pencarian rute optimum
telah dihapus.
Gambar 4.7 Tampilan Clear Drawing Result
Pada gambar 4.7 diatas terlihat bahwa garis merah yang merupakan rute optimum telah dibersihkan dari peta. Pengguna dapat melakukan clear drawing result
ini apabila ingin kembali melakukan pencarian rute optimum.
4.1.2.1.7 Tampilan Check Box Office
Tampilan check box office merupakan menu tambahan untuk menampilkan atau menyembunyikan nama gedung utama yang ada di kampus Universitas Sumatera
Utara. Berikut adalah gambar check box office pada peta di kampus Universitas Sumatera Utara.
Gambar 4.8 Tampilan Check Box Office
Pada gambar 4.8 diatas terlihat bahwa peta hanya menampilkan gambar gedung-gedung dan nama gedung yang terdapat pada kampus Universitas Sumatera
Utara. Jumlah gedung yang ditampilkan dalam tampilan ini adala sebanyak 20 buah
gedung.
4.1.2.1.8 Tampilan Check Box Vertex
Tampilan Check Box vertex merupakan menu tambahan untuk menampilkan atau menyembunyikan vertex yang ada peta di Kampus Universitas Sumatera Utara.
Berikut adalah gambar check box vertex di peta Kampus Universitas Sumatera Utara.
Gambar 4.9 Tampilan Check Box Vertex
Pada gambar 4.9 diatas terlihat bahwa peta hanya menampilkan gambar gedung dan verteks-verteks yang digunakan dalam peta kampus Universitas Sumatera
Utara. Verteks yang ditampilkan dalam tampilan ini ada sebanyak 47 buah verteks.
4.1.2.1.9 Tampilan Check Box Road
Tampilan check box road merupakan menu tambahan untuk menampilkan atau menyembunyikan jalan yang ada di peta Kampus Universitas Sumatera Utara. Berikut
adalah gambar check box road pada peta di Kampus Universitas Sumatera Utara.
Gambar 4.10 Tampilan Check Box Road
Pada gambar 4.10 diatas terlihat bahwa peta hanya menampilkan gambar gedung dan gambar jalan yang digunakan dalam peta. Seperti yang sudah dijelaskan
pada bab sebelumnya, jalan yang ditampilkan pada peta ini adalah jalan yang dapat
dilalui oleh kendaraan beroda empat.
4.1.2.1.10 Tampilan Check Box Road Name
Tampilan check box road name merupakan menu tambahan untuk menampilkan atau menyembunyikan nama jalan yang ada di peta Kampus Universitas Sumatera Utara.
Berikut adalah gambar check box road name pada peta di Kampus Universitas Sumatera Utara.
Gambar 4.11 Tampilan Tampilan Check Box Road Name
Pada gambar 4.11 diatas terlihat bahwa peta menampilkan gambar gedung, gambar jalan yang digunakan dalam peta beserta nama jalan tersebut. Nama jalan
yang ditampilkan dalam tampilan check box road name ini belumlah lengkap. Apabila ingin melihat keseluruhan nama jalan yang digunakan dalam sistem ini, pengguna
dapat memanfaatkan fasilitas zoom in.
4.1.2.1.11 Tampilan Check Box Edge and Distance
Tampilan check box edge and distance merupakan menu tambahan untuk menampilkan atau menyembunyikan nama sisi dan jarak antar verteks yang ada di
peta Kampus Universitas Sumatera Utara. Berikut adalah gambar check box edge and distance pada peta di Kampus Universitas Sumatera Utara.
Gambar 4.12 Tampilan Check Box Edge and Distance
Pada gambar 4.12 diatas terlihat bahwa peta menampilkan gambar gedung, gambar jalan, gambar sisi-sisi edge dan panjang jarak distance dalam satuan meter.
Sisi yang ditampilkan dalam tampilan ini ada sebanyak 57 buah sisi.
4.1.2.1.12 Tampilan Show All
Tampilan show all merupakan tampilan untuk menampilkan gambar pada peta di kampus Universitas Sumatera Utara setelah check box layer menu semua
dicentangkan. Berikut adalah gambar show all pada peta kampus Universitas Sumatera Utara.
Gambar 4.13 Tampilan Show All
Pada gambar 4.11 diatas terlihat bahwa peta menampilkan gambar gedung, nama gedung, verteks, gambar jalan, nama jalan, sisi dan jarak yang digunakan dalam
peta. Nama gedung, verteks, gambar jalan, nama jalan, sisi dan jarak yang ditampilkan dalam tampilan show all ini belumlah lengkap. Apabila ingin melihat keseluruhan
nama jalan yang digunakan dalam sistem ini, pengguna dapat memanfaatkan fasilitas
zoom in.
4.1.2.2 Tampilan Information
Tampilan information merupakan menu tambahan, berisi tampilan informasi about parameter dan tampilan informasi creator. Gambar information yang ditampilkan oleh
oleh gambar 4.14 dibawah ini:
Gambar 4.14 Tampilan Information
4.1.2.2.1 Tampilan Information About Parameter
Tampilan about information parameter merupakan menu tambahan untuk menampilkan penjelasan parameter algoritma semut. Berikut adalah gambar about
information parameter sebagaimana yang ditampilkan oleh gambar 4.15 dibawah ini:
Gambar 4.15 Tampilan Information About Parameter
4.1.2.2.2 Tampilan Information About Creator
Tampilan about creator merupakan menu tambahan untuk menampilkan informasi perancang aplikasi. Gambar about creator akan ditampilkan oleh gambar 4.16
dibawah ini:
Gambar 4.16 Tampilan Information About Creator
4.2 Pengujian Sistem