commit to user
IV - 42 4.4.3
Relasi Antar Tabel
Pada tahap ini digambarkan hubungan antara tabel-tabel dalam database yang akan dipakai dalam aplikasi komputer.
Gambar 4.23 Relasi Antar Tabel
4.5 Perancangan User Interface
Pada tahap ini dilakukan perancangan bentuk interface program yang dibuat, dengan tujuan supaya pemakai mudah mengerti user friendly.
Perancangan interface ini meliputi perancangan interface input dan output.
4.5.1 Perancangan Input
Perancangan input meliputi perancangan form-form untuk login, data barang baik barang masuk maupun barang keluar.
Desain user interface yang dilakukan meliputi : 1. Menu
Secara umum menu merepresentasikan keseluruhan jangkauan aplikasi. Umumnya
pengguna memprediksi fitur atau kompleksitas suatu aplikasi dari menu yang ada.
commit to user
IV - 43 Dalam mendesain aplikasi baru sebaiknya menu ditempatkan pada lokasi
yang sama dengan aplikasi lain sehingga memudahkan pengguna beradaptasi dan belajar.
Berikut adalah guideline mendesain menu: Kadir, 2009 a Untuk masing-masing aplikasi windows utama primary application
window , letakkan sebuah menubar setidaknya berisi menu File dan Help.
b Organisasikan judul menu dengan sebuah standar. c Jangan men-disable mematikan klik pada judul menu.
d Judul menu pada menubar terdiri dari satu kata dengan diawali huruf besar. e Jangan menyediakan sebuah mekanisme untuk menyembunyikan menubar.
Berikut adalah desain menu pada Sistem informasi gudang, PT. Sriwahana Adityakarta:
A. Menu Master Data, drop down menunya adalah : a Data Barang
b Data Karyawan c Data Customer
d Data Shift e Data Ruang
f Data Kartu RFId g Data Kendaraan
B. Menu Transaksi, drop down menunya adalah : a Barang Masuk
b Barang Keluar c Barang Retur
C. Menu Laporan a Laporan Barang Masuk
b Laporan Barang Keluar c Laporan Retur Barang
d Surat Jalan
commit to user
IV - 44 2. Pesan
Berikut adalah pesanalert yang muncul ketika user memasukkan password dan username salah, memasukkan password dan username benar,
melakukan input yang kurang lengkap, pada saat lokasi penyimpanan penuh.
Gambar 4.24 Pesan Yang Muncul Pada Saat Memasukkan Password dan
Username Salah
Gambar 4.25 Pesan Yang Muncul Pada Saat Memasukkan Password dan
Ussername Benar
Gambar 4.26
Pesan Yang Muncul Pada Saat User Melakukan Inputan Yang Kurang Lengkap
commit to user
IV - 45
Gambar 4.27
Pesan Yang Muncul Pada Saat Lokasi Penyimpanan Penuh
3. Interface Layout Input Berikut adalah desain dari layout input pada Sistem informasi gudang
barang jadi PT. Sriwahana Adityakarta:
Gambar 4.28 Form Halaman Login
Hanya ada satu aktor yaitu admin gudang yang memiliki otoritas akses untuk menjalankan semua menu di program aplikasi.
commit to user
IV - 46
Gambar 4.29
Form Menu Utama
Gambar 4.30 Form Input Barang
commit to user
IV - 47
Gambar 4.31
Form Data Karyawan
Gambar 4.32 Form Input Customer
commit to user
IV - 48
Gambar 4.33
Form Input Shift
Gambar 4.34 Form Input Ruang
commit to user
IV - 49
Gambar 4.35 Form Input Kartu
Gambar 4.36 Form Input Kendaraan
commit to user
IV - 50
Gambar 4.37
Form Barang Keluar
Gambar 4.38 Form Barang Masuk
commit to user
IV - 51
Gambar 4.39
Form Retur Barang
Gambar 4.40
Form Laporan Barang Masuk
commit to user
IV - 52
Gambar 4.41
Form Laporan Barang Keluar
Gambar 4.42 Form Laporan Barang Retur
4.5.2 Perancangan Output
