BAB 4 IMPLEMENTASI DAN PENGUJIAN
4.1. Implementasi Sistem
Setelah penganalisisan dan perancangan sistem, maka dilakukan pengimplementasian dan pengujian terhadap sistem penyusunan barang pada gudang dengan menggunakan
bahasa pemrograman PHP dan JavaScript.
4.1.1. Spesifikasi perangkat keras dan perangkat lunak yang digunakan
Sistem dibangun dengan perangkat keras yang memiliki spesifikasi sebagai berikut: 1. Processor Intel®
Core™ i3 CPU M 350Hz4 CPUs, 2.3GHz 2. RAM yang digunakan 2048MB
3. Kapasitas Hardisk 320 GB Sistem juga dibangun dengan perangkat lunak yang memiliki spesifikasi sebagai
berikut: 1. Windows 7 Ultimate 32-bit
2. XAMPP 1.8.3 3. Netbeans IDE 7.0
4.1.2. Implementasi Perancangan Antarmuka
Implementasi perancangan antarmuka sistem adalah sebagai berikut:
a. Tampilan Halaman Konfigurasi
Pada halaman konfigurasi ini terdapat input box untuk meng-input data panjang, tinggi, lebar barang dalam satuan meter m dan berat barang dalam
satuan kilogramkg. Pada halaman konfigurasi ini juga terdapat input box ukuran ruangan yang sudah diset default panjang ruangan: 100, lebar ruangan:
100 dan tinggi ruangan: 100, dan ukuran ruangan juga dapat diganti dengan tombol “ganti ukuran ruangan”. Tampilan dapat dilihat pada Gambar 4.1.
Universitas Sumatera Utara
42
Gambar 4.1. Tampilan Halaman Konfigurasi
Gambar 4.1. Tampilan Halaman Konfigurasi lanjutan
b. Tampilan Halaman Utama User
Halaman utama ini akan menampilkan tabel data barang yang masuk serta posisi dan batas maksimal tumpukan masing-masing barang serta sebuah
tombol “konfigurasi” untuk menuju ke halaman input barang. Tampilan dapat dilihat pada Gambar 4.2.
Universitas Sumatera Utara
43
Gambar 4.2. Tampilan Halaman Utama User
c. Tampilan Halaman Proses Algortima Steepest Ascent Hill Climbing
Pada halaman proses algoritma Steepest Ascent Hill Climbing, sistem akan menampilkan data yang telah diurutkan dengan algoritma Steepest Ascent Hill
Climbing. Tampilan dapat dilihat pada Gambar 4.3.
Gambar 4.3. Tampilan Halaman Proses Algoritma
Gambar 4.3. Tampilan Halaman Proses Algoritmalanjutan
Universitas Sumatera Utara
44
d. Tampilan Halaman Visualisasi 3D
Halaman visualisasi 3D ini akan menampilkan gambar barang yang telah disusun dalam gudang dengan animasi 3D serta akan menampilkan urutan data
id_barang yang telah disusun. Tampilan dapat dilihat pada Gambar 4.4.
Gambar 4.4. Tampilan Halaman Visualisasi 3D
Gambar 4.5. Tampilan Halaman Visualisasi 3D dari depan
Universitas Sumatera Utara
45
Gambar 4.6. Tampilan Halaman Visualisasi 3D dari kanan
Gambar 4.7. Tampilan Halaman Visualisasi 3D dari kiri
Universitas Sumatera Utara
46
Gambar 4.6. Tampilan Halaman Visualisasi 3D dari atas
Gambar 4.6. Tampilan Halaman Visualisasi 3D dari bawah
4.2. Pengujian Sistem