Perancangan Antar Muka Untuk Pemilik Toko

c. Perancangan Antar Muka Untuk Pemilik Toko

UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 - Klik cek transaksi maka akan tampil ke menu cek transaksi M027 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 PROFILE FOOTER ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA GAMBAR Selamat Datang PEMILIK TOKO di home ANda HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M009 Gambar 3.44 Tampilan Menu Halaman Utama Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA GAMBAR Selamat Datang PEMILIK TOKO di home ANda NAMA ALAMAT PROVINSI CONTACT EMAIL NOMER REKENING SUBMIT CANCEL HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M045 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 - Klik cek transaksi maka akan tampil ke menu cek transaksi M027 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 -Klik submit jika data valid maka akan tampil menu Home M09 -Klik cancel maka akan tampil menu Home M09 Gambar 3.45 Tampilan Menu Edit Profile Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER Selamat Datang PEMILIK TOKO di home ANda PRODUK PERUSAHAAN KODE NAMA BARANG HARGA STOK KATEGORI PENCARIAN CARI NO LANTAI KODE RUANGAN EDIT HAPUS UBAH GAMBAR TAMBAH HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA GAMBAR - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 - Klik cari maka akan hasil cari produk tampil di menu produk M044 -Klik tambah maka akan tampil menu tambah produk M049 -Klik edit maka akan tampil menu edit produk M050 -Klik hapus maka akan tampil menu produk M051 M044 Gambar 3.46 Tampilan Menu Produk Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA GAMBAR Selamat Datang PEMILIK TOKO di home ANda KODE BARANG NAMA BARANG KODE KATEGORI KATEGORI HARGA STOK KODE LOKASI LANTAI KODE RUANGAN UPLOAD FOTO KETERANGAN SUBMIT CANCEL CHOOSE FILE TAMBAH PRODUK HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M049 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 -Klik submit jika data valid maka akan tampil menu produk M044 -Klik cancel maka akan tampil menu edit produk M044 Gambar 3.47 Tampilan Menu Tambah Produk Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA GAMBAR Selamat Datang PEMILIK TOKO di home ANda KODE BARANG NAMA BARANG KODE KATEGORI KATEGORI HARGA STOK KODE LOKASI LANTAI KODE RUANGAN UPLOAD FOTO KETERANGAN SUBMIT CANCEL CHOOSE FILE EDIT PRODUK HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M050 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 -Klik submit jika data valid maka akan tampil menu produk M044 -Klik cancel maka akan tampil menu edit produk M044 Gambar 3.48 Tampilan Menu Edit Produk Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER GAMBAR Selamat Datang PEMILIK TOKO di home ANda LOKASI SEWA PEMILIK TOKO KODE SEWA NO LANTAI KODE RUANGAN STATUS TAMBAH LIHAT LOKASI ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M026 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik upload transaksi maka akan tampil menu Upload transaksi M048 -Klik tambah maka akan tampil menu tambah lokasi M052 - Klik lihat lokasi akan tampil menu lihat lokasiM026 Gambar 3.49 Tampilan Menu Lokasi Sewa Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 VIRTUAL MAL FOOTER VIRTUAL MALL HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 M053 Gambar 3.50 Tampilan Menu Lihat Lokasi Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 TAMBAH LOKASI KODE LOKASI LANTAI KODE RUANGAN HARGA SUBMIT CANCEL HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK M052 - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik submit jika data valid maka akan tampil menu lokasi sewa M026 -Klik cancel maka akan tampil menu lokasi sewa M026 Gambar 3.51 Tampilan Menu Tambah Lokasi Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER GAMBAR ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA TRANSAKSI PEMESANAN KODE ID PEMESANAN BUKTI NAMA PELANGGAN TANGGAL Selamat Datang PEMILIK TOKO di home ANda CEK TRANSAKSI PEMESANAN HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik cek maka akan tampil menu cek transaksi M027 M047 Gambar 3.52 Tampilan Menu Daftar Transaksi Pemilik Toko UKURAN LAYAR UTAMA DEFAULT 1024 X 768 FONT UKURAN 12 FOOTER GAMBAR ฀ EDIT PROFILE ฀ PRODUK ฀ LOKASI SEWA ฀ DAFTAR TRANSAKSI ฀ CEK TRANSAKSI ฀ UPLOAD BUKTI SEWA TRANSAKSI PEMESANAN KODE ID PEMESANAN BUKTI NAMA PELANGGAN TANGGAL Selamat Datang PEMILIK TOKO di home ANda APPROVE BUKTI PEMBAYARAN HOME LOKASI SEWA SERVICE LOGOUT CEK TRANSAKSI COMMENT PRODUK - Klik home maka akan tampil ke menu home M009 - Klik lokasi sewa maka akan tampil ke menu lokasi sewa M026 - Klik service cek transaksi maka akan tampil ke menu cek transaksi M027 - Klik service comment maka akan tampil ke menu comment M028 - Klik service produk maka akan tampil ke menu produk M044 -Klik Logout akan tampil menu Home M001 -Klik Edit Profile maka akan tampil menu Edit Profile M045 -Klik produk maka akan tampil menu produk M044 -Klik lokasi sewa maka akan tampil menu daftar transaksi M046 -Klik daftar transaksi maka akan tampil menu daftar transaksi M047 -Klik Approve maka akan tampil menu transaksi pemesanan M027 M027 Gambar 3.53 Tampilan Menu Cek Transaksi Pemilik Toko

d. Perancangan Antar Muka Untuk Admin