Rancangan Menu Halaman Utama Staf Halaman Utama Manager Halaman Utama Mitra Halaman Menu Manajemen Customer Halaman Menu Kontrak Mitra Halaman Menu Sewa Staf Halaman Menu Produk Mitra Halaman Menu Kontrak Halaman Menu

4.2.4.3 Rancangan Interface

Berikut adalah gambaran dari perancangan interface:

1. Rancangan Menu

Login Gambar 4.59 Rancangan menu login Menampilkan Halaman utama, yang terdapat kolom untuk login bagi masing-masing user.

2. Halaman Utama Staf

Gambar 4.60 Halaman utama staf Menampilkan Halaman utama, halaman ini muncul jika user login sebagai staf. Di halaman ini terdapat petunjuk penggunaan program.

3. Halaman Utama Manager

Gambar 4.61 Halaman utama manager Menampilkan Halaman utama, halaman ini muncul jika user login sebagai manager . Di halaman ini terdapat petunjuk penggunaan program.

4. Halaman Utama Mitra

Gambar 4.62 Halaman utama mitra Menampilkan Halaman utama, halaman ini muncul jika user login sebagai mitra. Di halaman ini terdapat petunjuk penggunaan program.

5. Halaman Menu Manajemen Customer

Gambar 4.63 Halaman menu manajemen customer Menampilkan halaman manajemen customer pada menu staf. Pada halaman ini data-data dari customer akan ditampilkan yang terkoneksi dengan database yang ada. Dan staf dapat melakukan tambah dan update data customer.

6. Halaman Menu Kontrak Mitra

Gambar 4.64 Halaman kontrak mitra Menampilkan menu kontrak pada halaman mitra. Pada menu ini, mitra dapat melihat list sewa produk, dan melakukan persetujuan produk permintaan dari staf.

7. Halaman Menu Sewa Staf

Gambar 4.65 Halaman Sewa Staf Menampilkan menu sewa pada halaman staf. Pada menu ini, staf dapat melihat daftar produk dan menyewa produk.

8. Halaman Menu Produk Mitra

Gambar 4.66 Halaman Menu produk mitra Menampilkan menu produk pada halaman mitra. Pada menu ini, mitra dapat melihat data, menambah dan meng-edit data produk.

9. Halaman Menu Kontrak

Gambar 4.67 Halaman Menu Kontrak Menampilkan halaman kontrak. Pada halaman ini, staf dapat melihat seluruh data kontrak yang ada.

10. Halaman Menu

Existing Gambar 4.68 Halaman Menu Existing Menampilkan halaman existing kontrak yang terdapat pada menu sewa. Pada halaman ini, staf dapat memperpanjang kontrak yang ada dengan klik kontrol dan kemudian akan muncul detail existing produk untuk proses perpanjangan.

11. Halaman Menu Deaktifasi