Perancangan Sistem Optimalisasi Penyusunan Barang pada Peti Kemas Menggunakan Algoritma Three-Dimensional First-Fit Decreasing

Tabel 3.6 berikut ini adalah hasil optimalisasi penyusunan tiap barang pada tabel 3.2 ke dalam peti kemas dengan parameter yang ditampilkan pada tabel 3.1. Tabel 3.6 Hasil optimalisasi penyusunan barang

3.4 Perancangan Sistem

Perancangan sistem dilakukan untuk membentuk sebuah model dari suatu sistem optimalisasi penyusunan barang pada peti kemas dalam Unifield Modelling Language UML, serta menentukan hal-hal apa saja yang diperlukan oleh sistem agar sistem dapat berjalan dengan baik. Unifield Modelling Language UML yang digunakan dalam penelitian ini adalah use case diagram. 3.4.1 Use Case Diagram Use case diagram adalah sebuah diagram yang menggambarkan fungsionalitas yang diharapkan dari sebuah sistem, menggambarkan kebutuhan sistem dari sudut pandang user, menggambarkan hubungan antara sistem dan pengguna. No Nama Barang ctr cdr Dirotasi Ditumpuk di samping barang i Set new row Set new layer Set new container 1. D004 134 138 Tidak - - - - 2. G007 70 70 Tidak - - - - 3. H008 -25 -30 - - ya - - 4. H008 34 39 Tidak - - - - 5. B002 36 45 Tidak - - - - 6. A001 -15 -21 - - ya - - 7. A001 -42 -36 - - - ya - 8. A001 158 162 Tidak - - - - 9. E005 100 94 Ya - - - - 10. C003 23 19 Ya - - - - 11. F006 -33 -49 - - ya - - 12. F006 90 106 Tidak - ya - - Universitas Sumatera Utara Use Case Diagram ini akan menjelaskan apa-apa saja fungsi yang akan dikerjakan oleh sistem. Oleh karena itu use case diagram akan mempresentasikan bagaimana interaksi antara user dengan sistem. Use Case Diagram yang akan digunakan pada sistem ini ditapilkan pada gambar 3.3 berikut Sistem Optimalisasi Penyusunan Barang User Login Algoritma 3D First Fit Dcreasing Set Data Container Hapus Data Barang Ubah Data Barang Tambah Data Barang Tampilkan Data Barang Tiap Container Hapus Data Container Set Data Barang Ubah Data Container Tambah Data Container «subtype» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» «extends» Gambar 3.11 Use Case Diagram Sistem Optimalisasi Penyusunan Barang pada Container Use Case Description dari use case Login dapat dilihat pada tabel 3.7 berikut. Tabel 3.7 Use Case Description Login Nama Use Case Login Aktor User Deskripsi Usecase untuk login user ke dalam sistem Universitas Sumatera Utara Tabel 3.7 Use Case Description Login lanjutan Pre Condition Normal Flow Kegiatan aktor Respon sistem 1. User menginput username dan password 2. Sistem akan mengecek valid atau tidaknya data masukan Alternative Flow Kegiatan aktor Respon sistem 1. User menginput username dan password 2. Sistem akan mengecek valid atau tidaknya data masukan 3. Menampilkan pesan tidak valid pada login 4. User menginput username dan password yang valid 5. Sistem akan mengecek valid atau tidaknya data masukan Post Condition Tampilkan halaman Home sistem Use Case Description dari use case Tambah Data Container dapat dilihat pada tabel 3.8 berikut. Tabel 3.8 Use Case Description Tambah Data Container Nama Use Case Tambah Data Container Aktor User Deskripsi Usecase ini berfungsi untuk menambah data container Pre Condition User berada di halaman Data Container Normal Flow Kegiatan aktor Respon sistem Universitas Sumatera Utara Tabel 3.8 Use Case Description Tambah Data Container lanjutan 1. User mengisi data container yaitu nama, panjang luar, lebar luar, tinggi luar, berat kosong, panjang dalam, lebar luar, tinggi luar dan berat maksimum container 2. Sistem akan menyimpan data ke dalam database Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan halaman Data Container Use Case Description dari use case Ubah Data Container dapat dilihat pada tabel 3.9 berikut. Tabel 3.9 Use Case Description Ubah Data Container Nama Use Case Ubah Data Container Aktor User Deskripsi Usecase ini berfungsi untuk mengubah data container yang telah di-input Pre Condition User berada di halaman Data Container Normal Flow Kegiatan aktor Respon sistem 1. User mengubah data container 2. Sistem akan menyimpan hasil perubahan data Alternative flow Kegiatan aktor Respon sistem Universitas Sumatera Utara Tabel 3.9 Use Case Description Ubah Data Container lanjutan - - Post Condition Tampilkan halaman Data Container Use Case Description dari use case Hapus Data Container dapat dilihat pada tabel 3.10 berikut. Tabel 3.10 Use Case Description Hapus Data Container Nama Use Case Hapus Data Container Aktor User Deskripsi Usecase ini berfungsi untuk menghapus data container yang telah di-input Pre Condition User berada di halaman Data Container Normal Flow Kegiatan aktor Respon sistem 1. User mengklik tombol hapus pada tabel Data Container 2. Sistem akan menghapus data dari database Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan halaman Data Container Use Case Description dari use case Tambah Data Barang dapat dilihat pada tabel 3.11 berikut. Tabel 3.11 Use Case Description Tambah Data Barang Nama Use Case Tambah Data Barang Aktor User Deskripsi Usecase ini berfungsi untuk menambah data barang Universitas Sumatera Utara Tabel 3.11 Use Case Description Tambah Data Barang lanjutan Pre Condition User berada di halaman Data Barang Normal Flow Kegiatan aktor Respon sistem 1. User mengisi data barang yaitu nama, panjang, lebar, tinggi dan berat barang 2. Sistem akan data ke dalam database Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan halaman Data Barang Use Case Description dari use case Ubah Data Barang dapat dilihat pada tabel 3.12 berikut. Tabel 3.12 Use Case Description Ubah Data Barang Nama Use Case Ubah Data Barang Aktor User Deskripsi Usecase ini berfungsi untuk mengubah data barang Pre Condition User berada di halaman Data Barang Normal Flow Kegiatan aktor Respon sistem 1. User mengubah data barang 2. Sistem akan menyimpan hasil perubahan ke database Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan halaman Data Barang Universitas Sumatera Utara Use Case Description dari use case Hapus Data Barang dapat dilihat pada tabel 3.13 berikut. Tabel 3.13 Use Case Description Hapus Data Barang Nama Use Case Hapus Data Barang Aktor User Deskripsi Usecase ini berfungsi untuk menghapus data barang Pre Condition User berada di halaman Data Barang Normal Flow Kegiatan aktor Respon sistem 1. User mengklik tombol hapus barang pada tabel 2. Sistem akan menghapus data barang dari database Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan halaman Data Barang Use Case Description dari use case Algoritma Three-Dimensional First-Fit Decreasing dapat dilihat pada tabel 3.14 berikut. Tabel 3.14 Use Case Description Algoritma Three-Dimensional First-Fit Decreasing Nama Use Case Algoritma 3D First Fit Decreasing Aktor User Deskripsi Usecase ini berfungsi untuk menghitung dengan Algoritma 3D First Fit Decreasing Pre Condition Normal Flow Kegiatan aktor Respon sistem Universitas Sumatera Utara Tabel 3.14 Use Case Description Algoritma Three-Dimensional First-Fit Decreasing lanjutan 1. User mengklik menu navigasi Proses Optimalisasi 2. Sistem akan memproses dengan algoritma 3D First Fit Decreasing Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampilkan hasil proses Use Case Description dari use case Set Data Container dapat dilihat pada tabel 3.15 berikut. Tabel 3.15 Use Case Description Set Data Container Nama Use Case Set Data Container Aktor User Deskripsi Usecase ini berfungsi untuk mengambil data container yang di- input oleh user. Pre Condition Normal Flow Kegiatan aktor Respon sistem 1. User akan menginput data ukuran, berat kosong dan berat maksimum container 2. Sistem akan menyimpan data sebelum diproses Alternative flow Kegiatan aktor Respon sistem Universitas Sumatera Utara Tabel 3.15 Use Case Description Set Data Container lanjutan - - Post Condition - Use Case Description dari use case Set Data Barang dapat dilihat pada tabel 3.16 berikut. Tabel 3.16 Use Case Description Set Data Barang Nama Use Case Set Data Barang Aktor User Deskripsi Usecase ini berfungsi untuk mengambil data barang yang di-input oleh user. Pre Condition Normal Flow Kegiatan aktor Respon sistem 1. User menginput data ukuran dan berat barang 2. Sistem menyimpan data barang sebelum diproses Alternative Flow Kegiatan aktor Respon sistem - - Post Condition - Use Case Description dari use case Tampil Data Barang per Container dapat dilihat pada tabel 3.17 berikut. Tabel 3.17 Use Case Description Tampilkan Data Barang per Container Nama Use Case Tampilkan Data Barang per Container Aktor User Universitas Sumatera Utara Tabel 3.17 Use Case Description Tampilkan Data Barang per Container lanjutan Deskripsi Usecase ini berfungsi untuk menampilkan hasil perhitungan Algoritma Pre Condition User berada pada halaman Proses Optimalisasi Normal Flow Kegiatan aktor Respon sistem 1. Melihat hasil perhitungan 2. Sistem menampilkan hasil Alternative Flow Kegiatan aktor Respon sistem - - Post Condition Tampil data barang per container dalam bentuk tabel 3.4.2 Perancangan User Interface Antarmuka pengguna user interface merupakan media yang menjembatani komunikasi antara manusia dan komputer. Perancangan antarmuka bertujuan untuk memberikan gambaran umum tampilan dari aplikasi yang akan dibuat. 3.4.2.1 Rancangan Halaman Login Pada halaman login, user harus mengisikan username dan password yang valid agar dapat masuk ke dalam sistem ini. Rancangan halaman ini dapat dilihat pada gambar 3.12 berikut Gambar 3.12 Rancangan Halaman Login HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Username Password Submit Universitas Sumatera Utara 3.4.2.2 Rancangan Halaman Home Pada halaman Home ini user akan dihadapkan pada menu-menu utama dari sistem yaitu menu Data Container, Data Barang, Proses Optimalisasi dan menu Logout. Rancangan halaman ini dapat dilihat pada gambar 3.13 berikut Gambar 3.13 Rancangan Halaman Home 3.5.2.3 Rancangan Halaman Data Container Pada rancangan halaman Data Container ini akan ditampilkan data – data container yang telah di-input ke database dalam bentuk tabel. Pada halaman ini user dapat melakukan proses input, update dan delete untuk data container. Rancangan halaman ini dapat dilihat pada gambar 3.14 berikut Gambar 3.14 Rancangan Halaman Data Container HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT INFO HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Tabel Data Container Tambah Data Container Universitas Sumatera Utara 3.4.2.4 Rancangan Halaman Form Data Container Pada rancangan halaman ini, user akan dihadapkan pada form untuk menambahkan data container. Rancangan halaman ini dapat dilihat pada gambar 3.15 berikut Gambar 3.15 Rancangan Halaman Form Data Container 3.4.2.5 Rancangan Halaman Data Barang Pada rancangan halaman Data Barang ini akan ditampilkan tabel data – data barang yang telah di-input ke database. Pada halaman ini user dapat melakukan proses input, update dan delete untuk data barang. Rancangan halaman ini dapat dilihat pada gambar 3.16 berikut Gambar 3.16 Rancangan Halaman Data Barang HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Form Tambah Data Container HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Tabel Data Barang Tambah Data Barang Universitas Sumatera Utara 3.4.2.6 Rancangan Halaman Form Data Barang Pada rancangan halaman ini, user akan dihadapkan pada form untuk menambahkan data barang. Rancangan halaman ini dapat dilihat pada gambar 3.17 berikut Gambar 3.17 Rancangan Halaman Form Data Barang 3.4.2.7 Rancangan Halaman Proses Optimalisasi Halaman Proses Optimalisasi berisi tentang data hasil proses penyusunan barang pada container menggunakan algoritma 3D First Fit Decreasing. Rancangan dapat dilihat pada gambar 3.18 berikut . Gambar 3.18 Rancangan Halaman Proses Optimalisasi HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Form Tambah Data Barang HOME DATA CONTAINER DATA BARANG PROSES OPTIMALISASI LOGOUT Jumlah Container yang digunakan Tabel Data barang per container Data barang yang tidak bisa diproses Universitas Sumatera Utara 3.4.2.8 Perancangan Database Pada aplikasi ini database yang digunakan adalah MySQL, berikut spesifikasi tabel- tabel yang dibuat: - Tabel_barang : menyimpan data panjang, lebar dan tinggi barang. Struktur tabel barang dapat dilihat pada tabel 3.18 Tabel 3.18 Struktur tabel barang Nama field Tipe data Keterangan id_brg Integer primary key nama_brg Text panjang_brg Integer Satuan cm lebar_brg Integer Satuan cm tinggi_brg Integer Satuan cm berat_brg Integer Satuan kg Field id_brg berisi nomor id barang yang diinput, field nama_brg berisi nama barang yang diinput, field panjang_brg berisi panjang barang, field lebar_brg berisi lebar barang, field tinggi_brg berisi tinggi barang dan field berat_brg berisi bobotberat barang. - Tabel _container : menyimpan data panjang luar, lebar luar, tinggi luar, berat kosong, panjang dalam, lebar dalam, tinggi dalam serta berat maksimum container. Struktur tabel container dapat dilihat pada tabel 3.19 Tabel 3.19 Struktur tabel container Nama field Tipe data Keterangan id_brg Integer primary key nama_brg Text panjang_brg Integer Satuan cm lebar_brg Integer Satuan cm tinggi_brg Integer Satuan cm berat_brg Integer Satuan kg Universitas Sumatera Utara Field id_container berisi nomor id container yang diinput, field nama_container berisi nama container yang diinput, field panjang_luar berisi panjang luar container, field lebar_luar berisi lebar luar container, field tinggi_luar berisi tinggi luar container, field berat_kosong berisi data bobotberat kosong container, field panjang_dalam berisi panjang dalam container, field lebar_ dalam berisi lebar dalam container, field tinggi_ dalam berisi tinggi dalam container, field berat_max berisi data bobotberat maksimum container. - Tabel User : berisi data username dan password user. Pada tabel 3.20 berikut ini struktur database tabel user. Tabel 3.20 Struktur tabel user Nama field Tipe data Keterangan Id Integer Primary key Username Text Password Text Field id berisi nomor id user yang diinput, field username berisi username user yang diinput, field password berisi password yang diinput. Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dijelaskan implementasi dari algoritma Three-Dimensional First-Fit Decreasing sesuai perancangan yang telah dijelaskan pada bab 3 serta melakukan pengujian dari sistem yang telah dibuat.

4.1 Implementasi Sistem