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