Perancangan Aplikasi dan Antarmuka Pemakai

3.6 Perancangan Aplikasi dan Antarmuka Pemakai

Perancangan perangkat lunak sistem penentuan rute terpendek untuk order picking pada hypermarket terdiri dari penggambaran atau perencanaan dari beberapa elemen dalam pengembangan aplikasi. Rancangan aplikasi yang akan di buat adalah aplikasi pencarian jalur terpendek yang dapat dijalankan oleh pegawai. Aplikasi ini digunakan untuk menentukan titik barang yang dicari, kamudian akan dicari posisi barang dan rute terpendeknya. Aplikasi ini menerapkan algoritma A A Star sebagai pencarian solusi terbaik. 3.6.1 Perancangan Database Database pada aplikasi ini berfungsi untuk tempat penyimpanan data-data antara lain tabel tbl_path, tbl_perjalanan, tbl_posisi, tbl_produk serta tbl_rak. a. Tabel tbl_path Tabel ini berfungsi sebagai relasi antar titik yang terdaftar. Struktur tabel ini dapat dilihat pada Tabel 3.1 Table 3.1 Tabel tbl_path No Nama Field Tipe Ukuran Keterangan 1. Id Int 5 Nomor Id Path primary key 2. Asal Varchar 4 Titik awal 3. Tujuan Varchar 4 Titik akhir b. Tabel tbl_perjalanan Tabel ini berfungsi sebagai tempat penyimpanan hasil pencarian rute. Struktur tabel ini dapat dilihat pada Tabel 3.2 Universitas Sumatera Utara Table 3.2 Tabel tbl_perjalanan No Nama Field Tipe Ukuran Keterangan 1. id_perjalanan Int 11 Nomor ID Perjalanan primary key 2. id_produk Int 11 Nomor ID Produk 3. id_rak_awal Int 11 Nomor ID Rak Awal start 4. id_rak_tujuan Int 11 Nomor ID Rak Awal end 5. panjang_perjalanan Int 11 Jarak 6. simpang_dilewati Varchar 100 Rute Pencarian Jarak c. Tabel tbl_posisi Tabel ini berfungsi sebagai tempat penyimpanan relasi antar produk dan rak. Struktur tabel ini dapat dilihat pada Tabel 3.3 Table 3.3 Tabel tbl_posisi No Nama Field Tipe Ukuran Keterangan 1. No Int 5 Nomor ID Posisiprimary key 2. id_produk Int 5 Nomor ID Produk 3. id_rak Int 11 Nomor ID Rak Penyimpanan Produk d. Tabel tbl_produk Tabel ini berfungsi sebagai tempat penyimpanan daftar produk yang disimpan dalam suatu rak. Struktur tabel ini dapat dilihat pada Tabel 3.4 Universitas Sumatera Utara Table 3.4 Tabel tbl_produk No Nama Field Tipe Ukuran Keterangan 1. id_produk Int 5 Nomor ID Posisiprimary key 2. nama_produk Int 5 Nomor ID Produk 3. Jenis Int 11 Nomor ID Rak Penyimpanan Produk e. Tabel tbl_rak Tabel ini berfungsi sebagai tempat penyimpanan koordinat x dan y dari setiap rak dan titik bantu pada path. Struktur tabel ini dapat dilihat pada Tabel 3.5 Table 3.5 Tabel tbl_rak No Nama Field Tipe Ukuran Keterangan 1. id_rak Int 5 Nomor ID Rak Penyimpanan Produk 2. nama_titik varchar 4 Titik Rak dan Titik Bantu 3. pos_x Int 5 Koordinat sumbu X 4. pos_y Int 5 Koordinat sumbu Y 3.6.2 Perancangan Relasi Antar Tabel Rancangan relasi antar tabel berfungsi untuk menampilakn informasi relasi dependence antara tabel pada database. Rancangan relasi antar tabel dapat dilihat seperti Gambar 3.10 Universitas Sumatera Utara tbl_path PK id asal tujuan FK1 id_rak tbl_perjalanan PK id_perjalanan id_barang id_rak_awal id_rak_tujuan panjang_perjalanan simpang_dilewati FK1 id tbl_posisi PK no id_produk id_rak tbl_produk PK id_produk nama_produk jenis FK1 no tbl_rak PK id_rak nama_titik pos_x pos_y FK1 no Gambar 3.10 Relasi Database 3.6.3 Rancangan Home Rancangan home berfungsi untuk menampilkan informasi gambar peta hypermarket serta tempat menu keberadaan program-program pendukung sistem penentuan jarak terdekat yang terdiri dari “Kolom Pencarian” dan “Keterangan Hasil”. Bentuk rancangan home terlihat seperti pada Gambar 3.11. Rancangan halaman home pada Gambar 3.11 terdapat delapan komponen penting pada antarmuka, yaitu header1 yang menggambarkan aplikasi penelitian ini, peta2 yang menunjukkan gambaran peta hypermart Carrefour lantai I, text input3 yang berisi id barang yang dimasukkan oleh pengguna, tombol “Search”4 untuk melakukan proses pencarian, tombol “Clear”5 untuk melakukan proses pencarian ulang, tombol “Print”6 untuk melakukan proses cetak output, text output 7 yang menampilkan hasil pencarian dari input dan footer8 tambahan untuk copyright dan. Universitas Sumatera Utara Gambar 3.11 Rancangan Home Header 2. Gambar Peta Carrefour Lantai 1 8. Footer 3. Input Pencarian 7. Hasil Pencarian 4. search 5. clear 6. print 1. Header Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM Pada bab ini akan diuraikan tahapan selanjutnya dalam pengembangan sistem yaitu tahap implementasi dan pengujian sistem. Di sini akan dijelaskan tentang proses pengimplementasian algoritma ke dalam sistem dan melakukan pengujian dari sistem yang dikembangkan.

4.1. Spesifikasi Perangkat Keras dan Perangkat Lunak