Prosedur Menjalankan Aplikasi Pada saat pertama kali menyalakan komputer sehingga sudah masuk windows, buka aplikasi XAMPP Control Panel, selanjutnya klik “Start” pada apache dan MySQL, dan langkah berikutnya buka aplikasi mozilla firefox seperti di bawah gambar seperti ini Pada saat pertama kali memasuki website, maka pengguna harus melakukan log in terlebih dahulu.Log in pada aplikasi ini terbagi menjadi 2 role, yaitu Admin dan user. Gambar di bawah merupakan tampilan layar yang akan muncul apabila pengguna hendak melakukan log in.
Gambar Tampilan Halaman Log In Jika menekan tombol submit namun kolom isian username dan password tidak diisi atau kosong, maka akan muncul pesan error "Username dan Password tidak boleh kosong".
Gambar Tampilan Pesan Error kolom kosong Jika user memasukkan username dan password yang salah, maka akan muncul pesan error "Username dan Password Salah !!"
Gambar Tampilan Pesan Error username dan password salah Halaman-halaman berikut ini diperuntukkan kepada seorang Admin, dalam perusahaan ini yang menjadi Admin kemungkinan ialah sang ManageratauSupervisor. Berikut adalah tampilan menu-menu untuk Admin seperti Persediaan, Tambah Barang, Tambah Karyawan, Tambah Pelanggan, Penjualan, dan Pencatatan.Ketika Admin melakukan login, maka akan langsung menuju ke halaman Persediaan untuk Admin.
Gambar Tampilan Halaman Persediaan Admin Pada halaman tersebut, terdapat fasilitas search yang berfungsi untuk mencari langsung informasi tentang ketersediaan barang yang hendak di cari. Pengguna harus memasukkan nama barang yang hendak di cari, kemudian menekan tombol search, maka informasi yang dicari akan langsung dapat terlihat.
Gambar Tampilan Fasilitas Searchpada Halaman Persediaan Pada halaman Persediaan Admin, terdapat pula menu untuk menambah / mengurang jumlah persediaan barang yang ada, dan juga menu untuk menghapus barang dari daftar barang yang tersedia.
Untuk menambah jumlah persediaan barang, pengguna harus mengisi angka pada kotak isian yang terdapat pada kolom "Tambah", kemudian menekan tombol "Tambah", maka jumlah persediaan barang yang dimaksud akan bertambah.
Gambar Tampilan Mengisi Kotak Isian dalam Menambah Persediaan
Gambar Tampilan Setelah Jumlah Persediaan Berhasil Ditambah Halaman berikutnya adalah halaman Tambah Barang, pada halaman ini memungkinkan Admin untuk menambah jenis barang baru pada daftar barang yang tersedia. Pada halaman ini tersedia kotak isian Nama Barang, Nama Kategori(Gitar, Bass, Biola, Drum, Mic, Keyboard, Aksesoris), Merk, Persediaan, dan Harga.
Gambar Tampilan Halaman Tambah Barang untuk Admin
Admin harus mengisi kotak isian yang tertera kemudian menekan tombol Tambah, maka jenis barang baru akan langsung terdaftar pada daftar barang yang tersedia.
Gambar Tampilan pengisian kotak isian Tambah barang
Gambar Tampilan Daftar Barang yang telah ditambah Halaman berikutnya adalah halaman Tambah Karyawan, halaman ini digunakan pada saat ada karyawan baru yang bekerja dalam perusahaan. Dengan menu ini, Admin dapat mendaftarkan karyawan baru tersebut sehingga ia dapat menggunakan aplikasi ini nantinya sebagai user.
Gambar Tampilan Halaman Tambah Karyawan pada Admin Halaman berikutnya adalah halaman Tambah Pelanggan, halaman ini digunakan untuk mendaftar pelanggan yang akan melakukan transaski pada perusahaan. Dengan menu isi, Admin dapat mengisi identitas dari pelanggan kemudian menyimpannya.
Gambar Tampilan Halaman Tambah Pelanggan pada Admin Halaman berikutnya adalah Halaman Penjualan.Pada halaman ini, Admin dapat melakukan transaksi penjualan dan mencatat nya. Pertama, Admin harus memilih nama karyawan yang melayani dan nama pelanggan yang akan melakukan transaksi, kemudian menekan tombol "Next".
Gambar Tampilan Pemilihan Pelanggan pada Halaman Penjualan Kemudian masukkan Kode Barang dan jumlah barang yang ingin dijual, kemdian menekan tombol "Next".
Gambar Tampilan Pengisian Kode Barang dan Jumlah Barang yang dijual Kemudian tekan tombol "+" jika ingin menambahkan barang lagi atau tekan tombol "Next” untuk melanjutkan transaksi.
Gambar Tampilan Daftar Barang yang akan dijual
Lalu setelah mengkonfirmasi total jumlah harga dan barang, makan Admin dapat menekan tombol "print" untuk mencetak tampilan sebagai Invoice, kemudian menekan tombol "Jual". Jika terjadi ketidakcocokan atau tidak jadi transaksi, Admin dapat menekan tombol "Batal" untuk membatalkan transaksi.
Gambar Tampilan Akhir dari Halaman Penjualan Admin Halaman berikutnya adalah halaman Pencatatan, pada halaman ini terdaftar catatan-catatan daftar barang yang tersedia dan juga daftar transasksi penjualan yang telah dilakukan.
Gambar Tampilan Halaman Pencatatan Admin
