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