Rancangan halaman login user Rancangan halaman registrasi user Rancangan halaman konfigurasi

36 Tabel 3.16. Realisasi Definisi Use case lanjutan No Use Case Deskripsi 2 Login Proses masuk ke dalam sistem, digunakan oleh user 3 Tabel Barang yang Telah Masuk Menampilkan tabel data barang yang telah diinputkan oleh user 4 Tabel Posisi dan Batas Maksimal Tumpukan Menampilkan tabel data posisi dan batas maksimal tumpukan masing-masing barang 5 Input Ukuran dan Berat Barang Menampilkan input box yang digunakan oleh user untuk meng-input data ukuran dan berat barang 6 Input Ukuran Ruangan Menampilkan input box yang digunakan oleh user untuk meng-input data ukuran ruangan 7 Tabel Barang yang Tidak Masuk Menampilkan tabel data barang yang tidak dapat masuk ke dalam ruangan 8 Visualisasi 3D Menampilkan halaman tampilan animasi penyusunan barang dalam ruang dalam bentuk 3Dtiga dimensi 9 Logout Proses keluar dari sistem hanya jika sudah login 10 Proses Melakukan proses pengurutan barang menggunakan algoritma 11 Data Proses Penyusunan Barang Menggunakan Algoritma Steepest Ascent Hill Climbing Menampilkan proses pengurutan barang menggunakan algoritma Steepest Ascent Hill Climbing 12 Edit, Tambah, Hapus Proses edit, tambah, dan hapus untuk setiap isi tabel

3.5. Perancangan Tampilan Antarmuka

Tampilan antarmuka dari sistem yang akan dirancang adalah desain awal dari interface sistem.

3.5.1. Rancangan halaman login user

Pada halaman login, user harus mengisikan username dan password yang sesuai agar dapat mengakses sistem dari aplikasi ini. Rancangan halaman login dapat dilihat pada Gambar 3.11 Universitas Sumatera Utara 37 Footer Footer PENYUSUNAN BARANG PADA GUDANG 3D PENYUSUNAN BARANG PADA GUDANG 3D Username : Password: Login Gambar 3.11. Rancangan Halaman Login User

3.5.2. Rancangan halaman registrasi user

Pada halaman registrasi, user dapat mendaftarkan diri dengan mengisi username dan password serta confirm password untuk dapat mengakses sistem dari aplikasi ini. Rancangan halaman registrasi dapat dilihat pada Gambar 3.12. Footer Footer PENYUSUNAN BARANG PADA GUDANG 3D PENYUSUNAN BARANG PADA GUDANG 3D Username : Password: Confirm Password: Register Reset Gambar 3.12. Rancangan Halaman Registrasi User

3.5.3. Rancangan halaman konfigurasi

Pada halaman konfigurasi, user dapat menginput ukuran panjang, tinggi, lebar serta berat barang. User juga dapat menginput panjang, tinggi, lebar ruangan. Kemudian user dapat mengedit serta menghapus data barang yang telah dimasukkan. Pada Universitas Sumatera Utara 38 halamn ini user juga dapat melihat tabel data barang yang telah dimasukkan serta tabel data posisi dan batas maksimal tumpukan masing-masing barang. Rancangan dapat dilihat pada Gambar 3.13. Footer Footer PENYUSUNAN BARANG PADA GUDANG 3D PENYUSUNAN BARANG PADA GUDANG 3D HOME PROSES LOGOUT Panjang Ruangan : Lebar Ruangan : Tinggi Ruangan : Panjang Barang : Lebar Barang : Tinggi Barang : Berat Barang : Ganti Ukuran Ruangan Masukkan Barang Visualisasi 3D Tabel Data Panjang, Tinggi, Lebar dan Berat Barang Tabel Data Panjang, Tinggi, Lebar dan Berat Barang Barang Yang Telah Dimasukan Posisi dan Batas Maksimal Tumpukan Tabel Data Posisi dan Batas Maksimal Tumpukan masing-masing Barang Tabel Data Posisi dan Batas Maksimal Tumpukan masing-masing Barang Tabel data barang yang tidak masuk Tabel data barang yang tidak masuk Barang Yang Tidak Masuk EDIT HAPUS Gambar 3.13. Rancangan Halaman Konfigurasi

3.5.4. Rancangan halaman utama user