1. Pada saat aplikasi dijalankan, maka pertama kali akan muncul halaman login, dimana user harus memasukkan kode staff dan password untuk dapat masuk ke halaman utama. Halaman Login 2. Halaman Login merupakan tampilan awal ketika aplikasi baru mulai dijalankan. User harus mengisi ID dan Password kemudian mengklik tombol login. Jika ID dan password benar, maka user akan masuk kehalaman home. Jika ID dan password salah, maka akan muncul informasi error di layar. Halaman Staff 3. Pada halaman ini menampilkan data staff . Jika ingin menambahkan staff baru setelah melihat data staff yang ada, tekan tombol Add yang berfungsi untuk menambah data staff. Tombol Delete yang berfungsi untuk menghapus data staff. Tombol Edit yang berfungsi untuk mengubah informasi staff, dan tombol Search berfungsi untuk mencari staff berdasarkan kode staff. Halaman Add Staff 4. Halaman ini berfungsi untuk menambahkan data staff, untuk menambah data staff dapat dilakukan dengan mengisi Nama, Jabatan, Password, Alamat, No Handphone dan email. Tekan tombol ADD apabila sudah mengisi semua data untuk melakukan penambahan data staff. Halaman Edit Staff 5. Halaman ini berfungsi untuk mengubah data staff mengenai Nama , Password, Alamat, No.Hp , Email dan Jabatan.Tekan tombol Update untuk melakukan perubahan data staff. Halaman Barang 6. Pada halaman ini menampilkan data barang. Jika ingin menambahkan barang baru setelah melihat data barang yang ada, tekan tombol Add yang berfungsi untuk menambah data barang. Tombol Delete yang berfungsi untuk menghapus data barang. Tombol Edit yang berfungsi untuk mengubah informasi data barang, dan tombol Search berfungsi untuk mencari data barang berdasarkan kode barang. Halaman Add Barang 7. Halaman ini berfungsi untuk menambahkan data barang, untuk menambah data barang daat dilakukan dengan mengisi Nama,stok dan harga barang. Tekan tombol ADD apabila sudah mengisi semua data untuk melakukan penambahan data barang. Halaman Edit Barang 8. Halaman ini berfungsi untuk mengubah data barang mengenai Nama , stok dan harga barang. Tekan tombol Update untuk melakukan perubahan data barang. Halaman Customer 9. Pada halaman ini menampilkan data customer. Jika ingin menambahkan customer baru setelah melihat data customer yang ada, tekan tombol Add yang berfungsi untuk menambah data customer. Tombol Delete yang berfungsi untuk menghapus data customer. Tombol Edit yang berfungsi untuk mengubah informasi data customer, dan tombol Search berfungsi untuk mencari data customer berdasarkan kode customer. Halaman Add Customer 10. Halaman ini berfungsi untuk menambahkan data customer, untuk menambah data customer daat dilakukan dengan mengisi Nama,alamat,Jenis Kelamin, No handphone dan email. Tekan tombol Add apabila sudah mengisi semua data untuk melakukan penambahan data customer. Halaman Edit Customer 11. Halaman ini berfungsi untuk mengubah data customer mengenai Nama , Alamat, No.Hp dan email. Tekan tombol Update untuk melakukan perubahan data customer. Halaman Supplier 12. Pada halaman ini menampilkan data supplier. Jika ingin menambahkan supplier baru setelah melihat data supplier yang ada, tekan tombol Add yang berfungsi untuk menambah data supplier. Tombol Delete yang berfungsi untuk menghapus data supplier. Tombol Edit yang berfungsi untuk mengubah informasi data supplier, dan tombol Search berfungsi untuk mencari data supplier berdasarkan kode supplier. Halaman Add Supplier 13. Halaman ini berfungsi untuk menambahkan data supplier, untuk menambah data supplier daat dilakukan dengan mengisi Nama,alamat,No handphone dan email. Tekan tombol ADD apabila sudah mengisi semua data untuk melakukan penambahan data supplier. Halaman Edit Supplier 14. Halaman ini berfungsi untuk mengubah data supplier mengenai Nama, Alamat, No.Hp dan email. Tekan tombol Update untuk melakukan perubahan data supplier. Halaman Input Pembelian 15. Halaman diatas merupakan halaman Input Pembelian, saat user mengklik link pembelian maka link tersebut akan langsung ke form input pembelian. Pada halaman ini akan tampil Supplier, KodeStaff, barang dan Qty. Dimana suppliernya didapat dari data supplier yang sudah diisi sebelumnya, dan kodestaff berdasarkan kode saat login, yang barangnya juga didapat dari data barang sudah diisi sebelumnya. Qtynya bisa diisi berapa pun berdasarkan yang dibutuhkan, dimana jumlahnya harus lebih banyak dari 10. Halaman Detail Faktur Pembelian 16. Halaman ini menampilkan detail faktur pembelian berdasarkan apa yang telah kita input didalam halaman input pembelian. Tampilannya berupa Kode faktur pembelian, Nama barang, Qty dan Total harganya. Halaman Detail Purchase Order 17. Halaman diatas merupakan halaman detail purchase order, dimana tampilannya berisi Kode purchase order, nama barang dan qty. Halaman ini berhubungan dengan halaman faktur pembelian. Halaman Laporan Faktur Pembelian 18. Halaman diatas merupakan halaman laporan faktur pembelian, dimana berisi tentang kode faktur pembelian, nama supplier, nama staff, grand total, tanggal faktur ketika faktur dibuat, status. Statusnya berupa finish dan packing. Dan pada halaman laporan faktur pembelian ini dapat tombol view yang dapat di klik. Tombol view berfungsi untuk melihat detail retur pembelian Gambar 4.19. Halaman Detail Faktur Penjualan 19. Halaman diatas merupakan tampilan dari halaman detail faktur penjualan dimana admin dapat melihat detail berdasarkan laporan faktur penjualan yang diinginkan. Halaman tersebut berisi kode faktur penjualan, list nama barang, qty, dan total harga berdasarkan kode faktur penjualan. Halaman Detail Retur Pembelian 20. Halaman diatas merupakan tampilan dari halaman detail retur pembelian dimana admin dapat melihat detail berdasarkan laporan retur pembelian yang diinginkan. Halaman tersebut berisi kode retur pembelian, list nama barang, qty, dan status retur berdasarkan kode retur pembelian. Halaman Detail Retur Penjualan 21. Halaman diatas merupakan tampilan dari halaman detail retur penjualan dimana admin dapat melihat detail berdasarkan laporan retur penjualan yang diinginkan. Halaman tersebut berisi kode retur penjualan, list nama barang, qty, dan status retur berdasarkan kode retur penjualan. Halaman Detail Sales Order 22. Halaman diatas merupakan tampilan dari halaman detail sales order dimana admin dapat melihat detail berdasarkan faktur penjualan yang diinginkan. Halaman tersebut berisi kode sales order, list nama barang, dan qty berdasarkan kode sales order. Halaman Input Penjualan 23. Halaman diatas merupakan halaman input penjualan, saat admin mengklik link penjualan kemudian faktur. Pada halaman ini akan menampilkan Customer, KodeStaff, Barang dan Qty. Dimana customernya didapat dari data customer yang sudah diisi sebelumnya, dan kodestaff berdasarkan kode saat login, yang barangnya juga didapat dari data barang sudah diisi sebelumnya. Qtynya bisa diisi berapa pun berdasarkan yang dibutuhkan, selama masih berada dalam batas stok barang. Halaman Laporan Faktur Penjualan 24. Halaman diatas merupakan tampilan dari halaman laporan faktur penjualan dimana admin dapat melihat dengan mengklik menu penjualan kemudian laporan, lalu laporan faktur penjualan. Halaman tersebut berisi list kode faktur penjualan, nama customer, nama staff, grand total, tanggal pembuatan faktur dan status transaksi. Status transaksi sent berarti faktur telah dikirimkan ke bagian pengiriman, finish berarti faktur telah selesai namun belum diproses ke bagian pengiriman, sedangkan pending berarti faktur masih bisa melakukan penambahan atau pengurangan barang. Tombol view berfungsi untuk melihat detail faktur penjualan. Halaman Laporan Purchase Order 25. Halaman diatas merupakan tampilan dari halaman laporan purchase order dimana admin dapat melihat dengan mengklik menu pembelian kemudian laporan, lalu laporan purchase order. Halaman tersebut berisi list kode faktur pembelian, kode purchase order, dan nama supplier. Tombol view berfungsi untuk melihat detail purchase order. Halaman Laporan Retur Pembelian 26. Halaman diatas merupakan tampilan dari halaman laporan retur pembelian dimana admin dapat melihat dengan mengklik menu pembelian kemudian laporan, lalu laporan retur pembelian. Halaman tersebut berisi list kode faktur pembelian, kode retur pembelian, dan nama supplier. Tombol view berfungsi untuk melihat detail retur pembelian. Halaman Laporan Retur Penjualan 27. Halaman diatas merupakan tampilan dari halaman laporan retur penjualan dimana admin dapat melihat dengan mengklik menu penjualan kemudian laporan, lalu laporan retur penjualan. Halaman tersebut berisi list kode faktur penjualan, kode retur penjualan, dan nama customer. Tombol view berfungsi untuk melihat detail retur penjualan. Halaman Laporan Sales Order 28. Halaman diatas merupakan tampilan dari halaman laporan sales order dimana admin dapat melihat dengan mengklik menu penjualan kemudian laporan, lalu laporan sales order. Halaman tersebut berisi list kode faktur penjualan, kode sales order, dan nama customer. Tombol view berfungsi untuk melihat detail sales order. Halaman Retur Pembelian 29. Halaman diatas merupakan tampilan dari halaman retur pembelian dimana admin dapat melihat dengan mengklik menu pembelian kemudian retur. Halaman tersebut berisi kode faktur pembelian, dimana kode faktur pembeliannya didapat dari data faktur pembelian yang sudah dibuat sebelumnya. Tombol ok berfungsi untuk melanjutkan ke halaman verifikasi retur pembelian. Halaman Retur Penjualan 30. Halaman diatas merupakan tampilan dari halaman retur penjualan dimana admin dapat melihat dengan mengklik menu penjualan kemudian retur. Halaman tersebut berisi kode faktur penjualan, dimana kode faktur penjualannya didapat dari data faktur penjualan yang sudah dibuat sebelumnya. Tombol ok berfungsi untuk melanjutkan ke halaman verifikasi retur penjualan. Halaman Verifikasi Penjualan 31. Halaman diatas merupakan tampilan dari halaman verifikasi penjualan dimana admin dapat melihat halaman ini setelah melakukan input faktur penjualan. Halaman tersebut berisi kode faktur penjualan, nama customer, nama barang, harga, qty, total harga dimana didapat dari data faktur penjualan yang sudah diisi di halaman sebelumnya. Tombol continue berfungsi untuk menambahkan data barang berdasarkan kode faktur penjualan dan data customer yg sama. Tombol buy berfungsi untuk menyimpan data ke dalam faktur penjualan. Halaman Verifikasi Pembelian 32. Halaman diatas merupakan tampilan dari halaman verifikasi pembelian dimana admin dapat melihat halaman ini setelah melakukan input faktur pembelian. Halaman tersebut berisi kode faktur pembelian, nama supplier, nama barang, harga, qty, total harga dimana didapat dari data faktur pembelian yang sudah diisi di halaman sebelumnya. Tombol continue berfungsi untuk menambahkan data barang berdasarkan kode faktur pembelian dan data customer yg sama. Tombol buy berfungsi untuk menyimpan data ke dalam faktur pembelian. Halaman Verifikasi Retur Penjualan 33. Halaman diatas merupakan tampilan dari halaman verifikasi retur penjualan dimana admin dapat melihat halaman ini setelah melakukan input retur penjualan. Halaman tersebut berisi kode faktur penjualan, nama customer, nama barang, harga, qty, grand total dimana didapat dari data faktur penjualan yang sudah dipilih di halaman sebelumnya. Tombol retur berfungsi untuk menyimpan data barang yang ingin diretur. Halaman Verifikasi Retur Pembelian 34. Halaman diatas merupakan tampilan dari halaman verifikasi retur pembelian dimana admin dapat melihat halaman ini setelah melakukan input retur pembelian. Halaman tersebut berisi kode faktur pembelian, nama supplier, nama barang, harga, qty, grand total dimana didapat dari data faktur pembelian yang sudah dipilih di halaman sebelumnya. Tombol retur berfungsi untuk menyimpan data barang yang ingin diretur.