Aplikasi Web Staff Penjualan

echotd tr; echo lia href=viewbulan.php?blnth=.data[tahunan]..data[tahuna n].ali; } echotable br; echo ul; ? b. Menu Lihat Data Barang Menu ini digunakan oleh staff penjualan hanya untuk melihat data stok barang yang masih tersedia. Agar apabila ada stok barang yang habis, maka staff penjualan bisa melaporkan stok barang yang habis tersebut kepada staff pembelian. Berikut ini adalah listing program dari file “form_cek_stok.php” : ? include koneksi.php; minta = SELECT FROM barang ORDER BY kode_barang; eksekusi = mysql_queryminta; while hasil=mysql_fetch_arrayeksekusi{ ? tr td align=center?php echo hasil[kode_barang];?td td align=center?php echo hasil[kode_produk];?td td align=center?php echo hasil[nama_barang];?td td align=center?php echo hasil[satuan];?td td align=right?php echo hasil[harga_beli];?td td align=right?php echo hasil[harga_jual];?td td align=right?php echo hasil[stok];?td tr ?php }?

IV.1.5 Implementasi Antarmuka Aplikasi Website

IV.1.5.1.1 Halaman Login Staff

Untuk masuk ke halaman utama staff, pengguna harus memasukkan username dan passwordnya dahulu di halaman login ini. Kemudian dengan menekan tombol login, maka username dan password yang telah dimasukkan akan diproses. Gambar IV. 1 Halaman Login Staff Apabila data username dan password yang dimasukkan tidak sesuai dengan data yang ada di dalam database, maka akan muncul pesan error dan pengguna diminta untuk mengisi ulang username dan password. Gambar IV. 2 Pesan Gagal Login

IV.1.5.1.2 Halaman Utama Staff Pembelian

Apabila data username dan password yang dimasukkan cocok dengan data yang ada di dalam database, maka pengguna akan masuk ke halaman utama staff. Dalam aplikasi ini terdapat 2 staff, yaitu staff pembelian dan staff penjualan. Berikut ini adalah tampilan halaman utama staff pembelian : Gambar IV. 3 Halaman Utama Staff Pembelian Pada halaman utama staff pembelian ini, terdapat beberapa menu yang bisa digunakan oleh staff pembelian, yaitu menu kelola data pemasok, tambah data pembelian, kelola data retur pembelian, lihat laporan pembelian, cek stok barang dan logout.

IV.1.5.1.3 Halaman Menu Kelola Data Pemasok

Halaman menu kelola data pemasok ini digunakan untuk menambah, mengubah dan menghapus data pemasok dari dalam database. Berikut ini adalah tampilan dari menu kelola data pemasok : Gambar IV. 4 Halaman Menu Kelola Data Pemasok Dalam menu ini, terdapat 3 submenu yang bisa digunakan oleh pengguna untuk menambah, mengubah dan menghapus data pemasok. Adapun tampilan dari masing-masing submenu tersebut sebagai berikut : Gambar IV. 5 Halaman Submenu Tambah Data Pemasok Halaman ini digunakan untuk menambahkan data pemasok ke dalam database. Apabila salah satu kolom isian belum diisi, maka akan muncul pesan error sebagai berikut : Gambar IV. 6 Pesan Peringatan Tambah Data Pemasok Dan apabila berhasil menambahkan data pemasok, maka pesan yang akan dimunculkan sebagai berikut : Gambar IV. 7 Pesan Berhasil Tambah Data Pemasok Kemudian untuk mengubah data pemasok, digunakan submenu ubah. Tampilannya sebagai berikut : Gambar IV. 8 Halaman Submenu Ubah Data Pemasok Halaman ini terlebih dahulu menampilkan data-data pemasok yang ada didalam database. Untuk mengubah data yang ada, pengguna harus menekan link ubah yang terletak pada kolom pilihan di sebelah kanan, maka akan menuju ke halaman ubah sebagai berikut : Gambar IV. 9 Halaman Ubah Data Pemasok Setelah selesai mengubah data pemasok, tekan OK dan akan muncul pesan sebagai berikut : Gambar IV. 10 Pesan Berhasil Ubah Data Pemasok Dan untuk menghapus data pemasok, digunakan submenu hapus. Tampilannya sebagai berikut : Gambar IV. 11 Halaman Submenu Hapus Data Pemasok Pengguna dapat memilih lebih dari satu data pemasok yang akan dihapus dengan memberi tanda v pada kotak di sebelah kiri data pemasok. Pengguna juga bisa langsung menghapus semua data pemasok dengan memberi tanda v pada kolom semua. Apabila pengguna menekan tombol hapus maka akan muncul pesan sebagai berikut :