Spesifikasi Perangkat Keras dan Perangkat Lunak Antarmuka Pengguna

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan diuraikan tahapan selanjutnya dalam pengembangan sistem yaitu tahap implementasi dan pengujian sistem. Di sini akan dijelaskan tentang proses pengimplementasian algoritma ke dalam sistem dan melakukan pengujian dari sistem yang dikembangkan.

4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak

Spesifikasi perangkat lunak yang digunakan selama pembangunan sistem adalah sebagai berikut: 1. Operating System Windows 7 32-bit, 2. Web Server Apache 2.2.14, 3. PHP 5.3.1, 4. MySQL 5.1.41. Agar perangkat lunak dapat berjalan dengan baik untuk para pengguna, maka spesifikasi yang dibutuhkan oleh sistem baik dari sisi perangkat keras hardware maupun perangkat lunak software dapat diuraikan sebagai berikut. Untuk perangkat keras, yang direkomendasikan adalah sebagai berikut: 1. Processor dengan kecepatan minimal 1 GHZ, 2. Hardisk minimal 80 GB, 3. RAM minimal 1 MB, 4. Monitor 14,1” dengan resolusi layar minimum 800 x 600 pixel, 5. Mouse dan Keyboard. Universitas Sumatera Utara Untuk perangkat lunak, yang dapat mendukung agar sistem dapat berjalan adalah sebagai berikut: 1. Operating system Microsoft Windows 7, Windows 8, 2. Browser, seperti Mozilla Firefox, Google Chrome, dan lain-lain, 3. PHP 5.3.1, 4. MySQL 5.1.41, 5. Web Server Apache 2.2.14.

4.2. Antarmuka Pengguna

User Interface Setelah melewati tahap analisis perancangan antarmuka pengguna, rancangan digunakan sebagai acuan untuk proses pengkodean halaman-halaman pada perangkat lunak. Rencana pengujian sistem yang akan diuji dapat dilihat pada Tabel 4.1 berikut. Tabel 4.1 Tabel Rencana Pengujian No. Komponen Sistem yang Diuji Butir Uji 1 Halaman Home Mencoba menu yang ada pada halaman Home, yaitu : Kolom Input, Tombol “Search”, “Clear”, “Print” dan Kolom Output 4.2.1 Tampilan Halaman Home Halaman home berisi tampilan peta, data input yang telah diberikan pengguna berupa id barang serta keterangan hasil output pencarian yang dilakukan berdasarkan pengecekan pada database. Pada halaman ini juga disediakan tombol “Print” untuk mencetak hardcopy dari hasil pencarian. Halaman home yang telah dilakukan pengkodean ditunjukkan pada Gambar 4.1. Universitas Sumatera Utara Gambar 4.1 Tampilan halaman home sebelum dilakukan pencarian Pada halaman ini disediakan kolom input untuk memasukkan id barang yang akan dilakukan pencarian. Kolom tersebut disediakan sebanyak 5 kolom, dapat dilihat pada Gambar 4.2 Gambar 4.2 Tampilan kolom input Universitas Sumatera Utara Pada Halaman ini juga disediakan kolom keterangan hasil pencarian yang menampilkan keterangan hasil pencarian. Kolom tersebut dapat dilihat pada Gambar 4.3 Gambar 4.3 Tampilan kolom keterangan hasil pencarian Setelah pengkodean telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman home. Hasil proses evaluasi dapat dilihat pada Tabel 4.2 berikut. Tabel 4.2 Tabel Hasil Evaluasi pada Tampilan Halaman Home No. Sasaran Pengujian Hasil yang Diharapkan Hasil Pengujian Status 1 Uji tampilan halaman home Menampilkan Peta, kolom input, kolom keterangan hasil pencarian, button “Search”, “Clear” dan “Print” Menampilkan Peta, kolom input, kolom keterangan hasil pencarian, button “Search”, “Clear” dan “Print” Berhasil 2 Uji pemilihan Tombol Proses button “Search”, “Clear” dan “Print” Proses button “Search”, “Clear” dan “Print” Berhasil Universitas Sumatera Utara Gambar 4.4 Tampilan halaman home sesudah dilakukan pencarian Halaman home seperti yang ditunjukkan pada Gambar 4.4, pada sisi kiri nantinya akan berisi tampilan peta dan lintasan yang dilalui, pada sisi kanan bawah akan menampilkan keterangan hasil dari pencarian. Keterangan tersebut berupa id barang, posisi barang yang dituju, titik asal, titik tujuan, panjang perjalanan, total waktu pencarian dan total waktu perjalanan. User juga diberikan kemudahan untuk menghasilkan hard copy berupa hasil print yang dapat dilihat pada Gambar 4.5 Gambar 4.5 Tampilan Menu Print Universitas Sumatera Utara Setelah proses pengkodean telah selesai dilakukan, maka selanjutnya dilakukanlah evaluasi terhadap tampilan halaman home setelah melakukan proses pencarian. Hasil proses evaluasi dapat dilihat pada Tabel 4.3. Evaluasi ditujukan untuk mengetahui apakah setiap menu pada halaman output telah berhasil diimplementasi dan digunakan saat sistem telah selesai dilakukan pengkodean. Tabel 4.3 Tabel Hasil Evaluasi pada Tampilan Halaman Output No. Sasaran Pengujian Hasil yang Diharapkan Hasil Pengujian Status 1 Uji tampilan halaman home setelah dilakukan pencarian Menampilkan Peta, lintasan, kolom input, kolom keterangan hasil pencarian, button “Search”, “Clear” dan “Print Menampilkan Peta, lintasan, kolom input, kolom keterangan hasil pencarian, button “Search”, “Clear” dan “Print Berhasil 2 Uji pemilihan Tombol print Output print Output print Berhasil

4.3. Pengujian Sistem Secara Menyeluruh