ANALISIS DAN PERANCANGAN
3.4. Perancangan Sistem
3.4.1. Use case diagram
Use case diagram merupakan sebuah model yang menggambarkan kebutuhan sistem dan fungsionalitas yang diharapkan dari suatu sistem dari sudut pandang pengguna sistem. Use case dibuat untuk memudahkan pengguna atau pembaca dalam mengerti alur kerja suatu sistem sehingga sistem dapat digunakan sebaik mungkin. Adapun aktor yang berperan pada sistem yang dibangun ini satu orang aktor yaitu user aplikasi yang akan menggunakan sistem untuk melakukan optimalisasi penyusunan barang pada mobil box. Rancangan use case sistem dapat dilihat pada Gambar 3.6.
Adapun penjelasan mengenai kegiatan-kegiatan di dalam diagram use case sistem penyusunan barang tersebut dapat dilihat pada Tabel 3.11.
Tabel 3.12. Deskripsi Use Case Sistem Penyusunan Barang
No Use Case Deskripsi
1 Login Proses yang harus dilalui user untuk masuk ke dalam sistem.
2 Logout Proses untuk keluar dari sistem dan hanya bisa dilakukan apabila user telah login.
3 Lihat Data Barang Menampilkan daftar barang yang ada pada database perusahaan serta informasi-informasi mengenai barang tersebut.
4 Lihat Data Mobil Box
Menampilkan daftar mobil box yang ada pada database perusahaan serta informasi-informasi mengenai barang tersebut.
5 Lihat Data Pengiriman
Menampilkan detail data pengiriman sesuai dengan kode pengiriman seperti tanggal pengiriman, mobil yang digunakan, serta daftar barang yang akan dikirim.
6 Tambah, Edit, Hapus
Proses untuk menambah, mengedit, atapun
menghapus data seperti data barang, data mobil box, dan data pengiriman. Proses ini hanya dapat
dilakukan apabila user telah menampilkan masing- masing data tersebut.
7 Susun Barang Proses untuk mengoptimalkan penyusunan barang- barang yang telah tersimpan pada data pengiriman ke dalam mobil box yang digunakan. Jika proses ini dilakukan maka user juga pasti bisa melihat posisi masing-masing barang yang telah disusun.
8 Lihat Posisi Barang Setelah Disusun
Menampilkan posisi barang yang telah tersusun pada mobil box dan otomatis dilakukan jika proses susun barang telah delakukan.
Tabel 3.12. Deskripsi Use Case Sistem Penyusunan Barang (lanjutan)
No Use Case Deskripsi
9 Lihat Gambar Barang
Menampilkan visualisasi 3 dimensi susunan barang- barang pada mobil box dan hanya bisa dilakukan jika user telah melakukan proses susun barang.
10 Print Proses untuk mencetak laporan hasil penyusunan barang yang berisi posisi barang pada mobil box dan dapat dilakukan apabila user dapat melakukan proses lihat posisi susunan barang.
3.4.2. Proses user
Proses user merupakan tahapan atau alur yang akan dilakukan user untuk menggunakan aplikasi penyusunan barang pada mobil box ini. Adapun flowchart tahapan yang dilakukan user pada sistem dapat dilihat pada Gambar 3.7.
Adapun penjelasan dari Gambar 3.7. adalah sebagai berikut :
User membuka aplikasi dan masuk ke halaman login.
Pada halaman login user mengisikan username dan password. Jika
username dan password sesuai, maka user dapat masuk ke halaman utama
untuk dapat mengakses sistem. Jika tidak, user diminta untuk mengisikan username dan password yang sesuai.
Untuk melakukan proses optimalisasi penyusunan barang, user harus memilih menu optimalisasi.
User diminta memilih jenis mobil box yang akan digunakan serta barang- barang apa saja yang akan disusun pada mobil box tersebut.
Setelah itu, user menekan tombol inisialisasi dan optimalisasi agar sistem dapat melakukan proses optimalisasi penyusunan.
Sistem akan menampilkan output yang berupa hasil optimalisasi penyusunan yaitu volume ruang yang terpakai, barang-barang apa saja yang dapat disusun di dalam mobil, serta ururan, dan posisi atau koordinat barang pada mobil box.
User juga dapat memilih untuk mencetak laporan hasil penyusunan barang
dan menampilkan visualisasi tiga dimensi gambar akhir barang yang telah tersusun.
3.4.3. Perancangan database
Perancangan database pada sistem ini digunakan untuk menyimpan informasi- informasi yang berkaitan dengan proses penyusunan barang. Penjelasan mengenai tabel-tabel pada database yang dirancang adalah sebagai berikut :
1. Tabel tbl_user, berfungsi sebagai tempat penyimpan data-data yang berhubungan dengan proses login seorang user.
2. Tabel tbl_barang, berfungsi sebagai tempat penyimpanan daftar barang yang akan disusun pada mobil box serta informasi yang berkaitan dengan barang tersebut.
3. Tabel tbl_mbl, berfungsi sebagai tempat penyimpanan daftar mobil box yang akan digunakan untuk menampung barang serta informasi yang berkaitan dengan mobil tersebut.
4. Tabel tbl_pengiriman, berfungsi sebagai tempat penyimpanan informasi mengenai pengiriman yang akan dilakukan perusahaan seperti tanggal pengiriman dan mobil box yang digunakan.
5. Tabel tbl_pengiriman_detail, berfungsi sebagai tempat penyimpanan detail informasi pengiriman barang-barang apa saja yang akan dikirim pada pengiriman tersebut.
6. Tabel tbl_hasil_penyusunan, berfungsi sebagai tempat penyimpanan sementara hasil penyusunan barang pada mobil box di dalam suatu pengiriman.
7. Tabel tbl_detail_optimalisasi, berfungsi sebagai tempat penyimpanan sementara detail nilai fitness setiap generasi yang dihasilkan algoritma firefly.
Adapun database relationship dari database yang dirancang untuk sistem optimalisasi penyusunan barang ini dapat dilihat pada Gambar 3.8.
3.4.4. Rancangan tampilan antarmuka
Tampilan antarmuka merupakan sebuah desain awal dari antarmuka sistem yang akan dibangun.
Rancangan Halaman Login
Pada halaman login, user harus melakukan proses login dengan mengisikan username dan password yang sesuai lalu menekan tombol “login” untuk menggunakan sistem. Rancangan halaman login dapat dilihat pada Gambar 3.9.
Gambar 3.9. Rancangan Halaman Login
Rancangan Halaman Utama
Setelah user berhasil login, maka user akan masuk ke halaman utama. Pada halaman utama ini terdapat menu-menu yaitu menu master dan menu optimalisasi yang dapat diakses oleh user untuk menggunakan sistem. Pada halaman ini juga terdapat nama aplikasi dan logo perusahaan. Rancangan halaman utama dapat dilihat pada Gambar 3.10.
Gambar 3.10. Rancangan Halaman Utama
Keterangan :
a. Menu ”Master” memungkinkan user untuk masuk ke halaman master yang
berisi data barang dan data mobil box.
b. Menu “Proses” memungkinkan user untuk masuk ke halaman optimalisasi
untuk melakukan proses penyusunan barang.
c. Tombol “Logout” memungkinkan user untuk keluar dari aplikasi dan kembali
ke halaman login.
Rancangan Halaman Master
Halaman master akan muncul apabila user memilih menu master pada halaman utama. Di halaman ini user dapat melihat, menambah, mengedit, serta menghapus data-data barang dan mobil box yang ada di perusahaan. Rancangan halaman master dapat dilihat pada Gambar 3.11.
Gambar 3.11. Rancangan Halaman Master
Keterangan:
a. Form informasi barang memungkinkan user untuk menambahkan, mengedit, serta menghapus data barang.
b. Form informasi mobil memungkinkan user untuk menambahkan, mengedit, serta menghapus data mobil box.
c. Tabel “Daftar Barang” memungkinkan user untuk melihat semua data-data
barang yang telah tersimpan di sistem.
d. Tabel “Daftar Mobil Box” memungkinkan user untuk melihat semua data-data
mobil box yang telah tersimpan di sistem.
Rancangan Halaman Optimalisasi
Halaman optimalisasi akan muncul apabila user memilih menu optimalisasi pada halaman utama. Di halaman ini, user dapat melakukan proses optimalisasi penyusunan barang untuk mengetahui susunan barang akhir yang akan diterapkan. Rancangan halaman optimalisasi dapat dilihat pada Gambar 3.12.
Gambar 3.12. Rancangan Halaman Optimalisasi
Keterangan:
a. Form detail pengiriman memungkinkan user untuk menambahkan atau mengedit detail data pengiriman, seperti mobil box yang digunakan dan barang-barang yang akan dikirim.
b. Form kode pengiriman memungkinkan user untuk memilih data pengiriman yang sudah pernah tersimpan sebelumnya sesuai dengan kode pengiriman yang dipilih, lalu dapat menampilkan detailnya pada form detail pengiriman atau menghapus data pengiriman tersebut.
c. Tabel “Daftar Barang” memungkinkan user untuk melihat semua data-data
barang yang telah ditambahkan ke data pengiriman.
d. Tombol ”reset” memungkinkan user untuk menghapus semua data barang
yang telah tersimpan di data pengiriman.
e. Tombol “inisialisasi” memungkin user untuk melihat susunan awal
penyusunan barang secara acak sesuai dengan data pengiriman yang telah diinputkan.
f. Tombol “optimalisasi” memungkinkan user untuk memulai proses optimalisasi penyusunan barang sesuai dengan data pengiriman yang telah diinputkan.
g. Form hasil optimalisasi memungkinkan user untuk melihat hasil optimalisasi dari penyusunan barang yang telah dilakukan menggunakan algoritma firefly.
h. Tabel “posisi barang” memungkinkan user untuk melihat daftar barang yang
berhasil disusun pada mobil box beserta urutan dan koordinat posisinya pada mobil.
i. Tombol “detail optimalisasi” memungkinkan user masuk ke halaman detail
optimalisasi untuk melihat detail nilai fitness yang dihasilkan setiap generasi algoritma firefly.
j. Tombol “visualisasi” memungkinkan user masuk ke halaman visualisasi untuk
melihat visualisasi tiga dimensi susunan barang akhir pada mobil box.
k. Tombol “print” memungkinkan user masuk ke halaman laporan untuk
mencetak laporan hasil penyusunan barang beserta posisi barang yang dapat disusun pada mobil box.
l. Tabel “sisa barang” memungkinkan user untuk melihat daftar barang yang
BAB 4