Halaman Tambah Data Barang Halaman Home Pemilik Halaman Tambah Account Staff Gambar 3.29 Interface Halaman Tambah Account Staff Halaman Edit Account Staff Halaman Delete Account Staff

53 Halaman home staff digunakan untuk memberikan invoice atau nomer nota. Dengan menekan tulisan invoice yang ada di dalam tabel.

c. Halaman insert invoice staff

HEADER Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout Enter text Kode invoice Kode pemesanan Enter text Tanggal pemesanan Enter text Proses Gambar 3.21 Interface Halaman Insert Invoice Halaman insert invoice staff digunakan untuk memberikan kode invoice atau nomer nota. Setelah mengisikan kode invoice makan akan kembali ke beranda staff.

d. Halaman Tambah Data Barang

HEADER Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout Enter text Nama barang Diskripsi Enter text Nama jenis barang Drop down Simpan Enter text Enter text Enter text Stok barang Harga satuan gambar Upload gambar Gambar 3.22 Interface Halaman Tambah Data 54 Halaman tambah data digunakan staff untuk tambah barang dan upload gambar. Untuk pengisian data setiap field harus di isi jika tidak makan tidak bias di simpan.

e. Halaman Laporan

HEADER Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout laporan 2 1 Kode data pemesanan 152 124 Kode barang b45 b12 Kode pemesan jumlah jumlah jumlah Harga barang Harga barang Harga barang Gambar 3.23 Interface Halaman Laporan Halaman laporan digunakan staff untuk melihat laporan pemesanan yang akan dilihat oleh pemilik. f. Halaman barang kit, benang, kain kristik, jala kristik, pola kristik, buku kristik, alat kristik HEADER Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout Jenis barang 2 1 Kode barang Nama barang Nama barang Nama barang Diskripsi Diskripsi Diskripsi Kodejenisbarang Kodejenisbarang Kodejenisbarang Stokbarang Stokbarang Stokbarang Hargasatuan Hargasatuan Hargasatuan Gambar Gambar Gambar Edit Edit Edit delete delete delete Gambar 3.24 Interface halaman barang 55 Halaman barang digunakan staff untuk melihat hasil tambah barang, edit dan delete barang. Edit dan delete barang ada di dalam kolom tabel edit dan delete. g. Halaman edit barang kit, benang, kain kristik, jala kristik, pola kristik, buku kristik, alat kristik HEADER Enter text Nama barang Diskripsi Nama barang Simpan Enter text Enter text Enter text Kodejenisbarang Stok barang Harga Upload gambar Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout Enter text Enter text Gambar Gambar Enter text Edit barang Gambar 3.25 Interface Halaman Edit Barang Halaman edit barang digunakan staff mengedit barang tetapi yang tidak bisa di edit hanya kode barang. Setelah itu memilih tombol simpan. 56 h. Halaman delete barang kit, benang, kain kristik, jala kristik, pola kristik, buku kristik, alat kristik HEADER Enter text Nama barang Diskripsi Nama barang Simpan Enter text Enter text Enter text Kodejenisbarang Stok barang Harga Beranda Tambah data laporan Kit quilting Benang kristik Buku kristik Alat kristik Jala kristik Pola kristik logout Enter text Gambar Gambar Hapus barang Batal Enter text Gambar 3.26 Interface Halaman Delete Barang Halaman delete barang digunakan staff mendelete barang dan yang tect box tidak bisa di edit. Jika staff akan membatalkan memilih tombol batal. 57

3.2.6 Desain Interface Pemilik a. Halaman Login Pemilik

HEADER Enter text Username Password Login Enter password Login pemilik Gambar 3.27 Interface Halaman Login Pemilik Halaman login digunakan pemilik untuk memasuki halaman pemilik. Pada halaman ini pemilik harus memasukkan username dan password. Jika username dan password benar, maka halaman pemilik akan terbuka. Jjka login tidak berhasil, maka sistem akan menampilkan halaman login lagi. 58

b. Halaman Home Pemilik

HEADER Beranda Staff Tentang logout Selamat datang pemilik 2 1 Kode data pemesanan 152 124 Kode barang b45 b12 Kode pemesan jumlah jumlah jumlah Harga barang Harga barang Harga barang Laporan pemasanan Gambar 3.28 Interface Halaman Home Pemilik

c. Halaman Tambah Account Staff Gambar 3.29 Interface Halaman Tambah Account Staff

Gambar di atas adalah interface untuk halaman menambah account staff. Ketika pemilik memilih menu staff dan tambah staff maka form isian untuk menambahkan tambah account staff akan ditampilka. Setelah pemilik memasukan data staff pada form yang telah disediakan, maka hasilnya akan ditampilkan pada tabel yang berada halaman staff. Tabel tersebut dilengkapi menu untuk mengubah dan menghapus data unit gedung. 59

d. Halaman Edit Account Staff

HEADER Enter text User name Nama Password Simpan Enter text Enter text Pekerjaan Enter text Halaman edit account staff Beranda Staff Tentang logout Halaman edit account staff Gambar 3.29 Interface Halaman Edit Account Staff Gambar di atas adalah interface untuk halaman edit account staff. Ini berguna jika pemilik salah dalam memassukan data staff jadi untuk mengedit pemilik harus memilih menu edit di dalam tabel edit.

e. Halaman Delete Account Staff

HEADER Enter text User name Nama Password Hapus Enter text Enter text Pekerjaan Enter text Halaman delete account staff Beranda Staff Tentang logout Halaman delete account staff Batal Gambar 3.30 Interface Halaman Delete Account Staff 60 Gambar di atas adalah interface untuk halaman delete account staff. Ini berguna jika pemilik mau menghapus data staff jadi untuk menghapus, pemilik harus memilih menu delete di dalam tabel delete. Jika membatalkan memilih tombol batal.

f. Halaman Staff