3.2.3 Perancangan Antarmuka
Perancangan antarmuka interface menggambarkan bagaimana perangkat lunak berkomunikasi dengan dirinya sendiri, dengan sistem yang berinteroperasi
dengannya dan dengan manusia yang menggunakannya.
3.2.3.1 Perancangan Tampilan
1. Berikut adalah gambar 3.32 perancangan tampilan Login
T01
Keterangan: - Masukan username dan password
- Klik tombol Login untuk menuju T02 jika gagal maka akan muncul pesan M01
- Klik tombol Reser untuk mengulangi
Reset Login
Username : Password :
Login Gambar
Logo Perusahaan
Gambar 3.32 Tampilan Login
2. Berikut adalah gambar 3.33 perancangan tampilan Menu Utama Home
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T02
LOGO PERUSAHAAN
SLIDE SHOW FOTO KANTOR
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Alamat Kantor Keterangan:
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01
Gambar 3.33
Perancangan antarmuka menu utama Home
3. Berikut adalah gambar 3.34 perancangan tampilan Menu Utama Update
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T03
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Update Browse
Select the file to import - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Browse untuk memilih dokumen yang akan diunggah
- klik tombol Edit untuk upload untuk mengunggah dokumen jika gagal akan
muncul pesan M02, jika berhasil maka akan muncul pesan M03
Gambar 3.34
Perancangan antarmuka menu utama Update
4. Berikut adalah gambar 3.35 perancangan tampilan Menu Utama Setting
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T04
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Pc User Printer
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Pc User untuk menuju T12
- klik tombol Printer untuk menuju T13
Gambar 3.35
Perancangan antarmuka menu utama Setting
5. Berikut adalah gambar 3.36 perancangan tampilan Menu Utama Master Data
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T05
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Supplier Item
Group User
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Supplier untuk menuju T18
- klik tombol Item untuk menuju T21 - klik tombol Group untuk menuju T24
- klik tombol User untuk menuju T27
Gambar 3.36
Perancangan antarmuka menu utama Master Data
6. Berikut adalah gambar 3.37 perancangan tampilan Menu Utama Maintenance
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T06
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
MAINTENANCE LIST
Printer Name Date
Counter Operation
edit delete
delete delete
delete delete
edit edit
edit edit
- -
- -
- -
- -
- -
- -
- -
-
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T30
- klik tombol Edit untuk menuju T31 - klik tombol Delete untuk menghapus
maintenance maka akan muncul pesan M10
Gambar 3.37
Perancangan antarmuka menu utama Maintenance
7. Berikut adalah gambar 3.38 perancangan tampilan Menu Utama Forecast
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T07
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan forecast history
- klik tombol Report untuk menampilkan data forecast history T32
Forecast History
Item Name
Back Report
From To
Gambar 3.38
Perancangan antarmuka menu utama Forecast
8. Berikut adalah gambar 3.39 perancangan tampilan Menu Utama Purchase
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T08
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Purchase Order
Receiving - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Purchase order untuk menuju T33 - klik tombol Receiving untuk menuju T38
Gambar 3.39
Perancangan antarmuka menu utama Purchase
9. Berikut adalah gambar 3.40 perancangan tampilan Menu Utama Payment
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T09
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Add untuk menuju T43 - klik tombol Edit untuk menuju T44
Add
PAYMENT LIST
Operation -
- -
- -
- -
- -
- -
- -
- -
P.O Number Date
Description Total
- -
- -
- Edit
Edit Edit
Edit Edit
Status -
- -
- -
Gambar 3.40
Perancangan antarmuka menu utama Payment
10. Berikut adalah gambar 3.41 perancangan tampilan Menu Utama Report
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T10
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Printer Pc User
Cek Counter Maintenance - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Printer untuk menuju T45 - klik tombol Pc User untuk menuju T47
- klik tombol Cek Kounter untuk menuju T49 - klik tombol Maintenance untuk menuju T51
Gambar 3.41
Perancangan antarmuka menu utama Report
11. Berikut adalah gambar 3.42 perancangan tampilan Menu Utama About
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T11
Logo UNIKOM
Foto Profil
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Data Profil Pembuat Keterangan:
JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS KOMPUTER INDONESIA BANDUNG 2011
Gambar
Nama : NIM :
Kelas : Email :
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01
Gambar 3.42
Perancangan antarmuka menu utama About
12. Berikut adalah gambar 3.43 perancangan tampilan Menu Setting PC User
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T12
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
USER LIST
User Name IP
Limit Print Operation
edit delete
delete delete
edit edit
- -
- -
- -
- -
-
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T14
- klik tombol Edit untuk menuju T15 - klik tombol Delete untuk menghapus user
maka akan muncul pesan M04
Gambar 3.43
Perancangan antarmuka Setting PC User
13. Berikut adalah gambar 3.44 perancangan tampilan Menu Setting Printer
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T13
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T16
- klik tombol Edit untuk menuju T17 - klik tombol Delete untuk menghapus user
maka akan muncul pesan M05
PRINTER LIST
Printer Name Speed
Cartridge Name Operation
edit delete
delete edit
- -
- -
- -
Yield -
-
Gambar 3.44
Perancangan antarmuka Setting Printer
14. Berikut adalah gambar 3.45 perancangan tampilan Menu Add User
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T14
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Back Add User
Pc Name IP
Limit Print Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan User - klik tombol Save untuk menyimpan data
user baru
Gambar 3.45
Perancangan antarmuka Add User
15. Berikut adalah gambar 3.46 perancangan tampilan Menu Edit User
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T15
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Back Edit User
Pc Name IP
Limit Print Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
perubahan User - klik tombol Save untuk menyimpan data
user baru
Gambar 3.46
Perancangan antarmuka Edit User
16. Berikut adalah gambar 3.47 perancangan tampilan Menu Add Printer
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T16
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Printer Name
Add Printer
Speed Cartridge Type
Yield
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan Printer - klik tombol Save untuk menyimpan data
printer baru
Gambar 3.47
Perancangan antarmuka Add Printer
17. Berikut adalah gambar 3.48 perancangan tampilan Menu Edit Printer
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T17
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Printer Name
Edit Printer
Speed Cartridge Type
Yield
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
perubahan Printer - klik tombol Save untuk menyimpan data
printer baru
Gambar 3.48
Perancangan antarmuka Edit Printer
18. Berikut adalah gambar 3.49 perancangan tampilan Menu Master Data Supplier
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T18
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T19
- klik tombol Edit untuk menuju T20 - klik tombol Delete untuk menghapus supplier
maka akan muncul pesan M06
SUPPLIER LIST
Supplier Name Address
Phone Operation
edit delete
delete edit
- -
- -
- -
Gambar 3.49
Perancangan antarmuka Master Data Supplier
19. Berikut adalah gambar 3.50 perancangan tampilan Menu Add Supplier
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T19
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Supplier Name
Add Supplier
Address Phone
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan supplier - klik tombol Save untuk menyimpan data
supplier baru
Gambar 3.50
Perancangan antarmuka Add Supplier
20. Berikut adalah gambar 3.51 perancangan tampilan Menu Edit Supplier
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T20
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Supplier Name
Edit Supplier
Address Phone
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan supplier - klik tombol Save untuk menyimpan data
supplier baru
Gambar 3.51
Perancangan antarmuka Edit Supplier
21. Berikut adalah gambar 3.52 perancangan tampilan Menu Master Data Item
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T21
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T22
- klik tombol Edit untuk menuju T23 - klik tombol Delete untuk menghapus item
maka akan muncul pesan M07
ITEM LIST
Item Name Type
Price Operation
edit delete
delete edit
- -
- -
- -
Piece -
- Stock
- -
Gambar 3.52
Perancangan antarmuka Master Data Item
22. Berikut adalah gambar 3.53 perancangan tampilan Menu Add Item
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T22
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Item Name
Add Item
Type Price
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan item - klik tombol Save untuk menyimpan data
item baru
Piece Stock
Gambar 3.53
Perancangan antarmuka Add Item
23. Berikut adalah gambar 3.54 perancangan tampilan Menu Edit Item
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T23
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Item Name
Edit Item
Type Price
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
perubahan item - klik tombol Save untuk menyimpan data
item baru
Piece Stock
Gambar 3.54
Perancangan antarmuka Edit Item
24. Berikut adalah gambar 3.55 perancangan tampilan Menu Master Data Group
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T24
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T25
- klik tombol Edit untuk menuju T26 - klik tombol Delete untuk menghapus Group
maka akan muncul pesan M08
GROUP LIST
Group Name Operation
edit delete
delete delete
delete delete
edit edit
edit edit
- -
- -
-
Gambar 3.55
Perancangan antarmuka Master Data Group
25. Berikut adalah gambar 3.56 perancangan tampilan Menu Add Group
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T25
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Group Name
Add Group Back
Save - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan penambahan group
- klik tombol Save untuk menyimpan data group baru
Gambar 3.56
Perancangan antarmuka Add Group
26. Berikut adalah gambar 3.57 perancangan tampilan Menu Edit Group
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T26
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Group Name
Edit Group Back
Save - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan perubahan group
- klik tombol Save untuk menyimpan data group baru
Gambar 3.57
Perancangan antarmuka Edit Group
27. Berikut adalah gambar 3.58 perancangan tampilan Menu Master Data Person
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T27
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Add untuk menuju T28
- klik tombol Edit untuk menuju T29 - klik tombol Delete untuk menghapus Person
maka akan muncul pesan M09
PERSON LIST
User Name Full Name
Group Operation
edit delete
delete delete
delete delete
edit edit
edit edit
- -
- -
- -
- -
- -
- -
- -
-
Gambar 3.58
Perancangan antarmuka Master Data Person
28. Berikut adalah gambar 3.59 perancangan tampilan Menu Add Person
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T28
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Group
Add Person
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan person - klik tombol Save untuk menyimpan data
person baru
Full Name User Name
Password Retype Password
Gambar 3.59
Perancangan antarmuka Add Person
29. Berikut adalah gambar 3.60 perancangan tampilan Menu Edit Person
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T29
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Group
Edit Person
Back Save
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
perubahan person - klik tombol Save untuk menyimpan data
person baru
Full Name User Name
Password Retype Password
Gambar 3.60
Perancangan antarmuka Edit Person
30. Berikut adalah gambar 3.61 perancangan tampilan Menu Add Maintenance Replace Toner
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T30
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Replace Toner - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan penambahan replace
- klik tombol Save untuk menyimpan data replace toner baru
Printer Name
Back Save
Date Counter
Gambar 3.61
Perancangan antarmuka Add Maintenance Replace Toner
31. Berikut adalah gambar 3.62 perancangan tampilan Menu Edit Maintenance Replace Toner
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T31
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Printer Name
Edit Replace Toner Back
Save - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan perubahan replace toner
- klik tombol Save untuk menyimpan data replace toner baru
Date Counter
Gambar 3.62
Perancangan antarmuka Edit Maintenance Replace Toner
32. Berikut adalah gambar 3.63 perancangan tampilan Menu Forecast Forecast History
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T32
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan mencetak forecast history
- klik tombol Print untuk mencetak data forecast history
FORECAST HISTORY REPORT
Item Name Type
Price Total
- -
- -
- -
Piece -
- Qty
- -
- -
Back Print
Gambar 3.63
Perancangan antarmuka Forecast Forecast History
33. Berikut adalah gambar 3.64 perancangan tampilan Menu Purchase Order
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T33
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Add untuk menuju T34 - klik tombol Edit untuk menuju T35
- klik tombol Detail untuk menuju T36
Add
PURCHASE ORDER LIST
Operation edit
edit edit
edit edit
- -
- -
- -
- -
- -
- -
- -
- P.O Number
Date Status
Description -
- -
- -
detail detail
detail detail
detail
Gambar 3.64
Perancangan antarmuka Purchase Order
34. Berikut adalah gambar 3.65 perancangan tampilan Menu Add Purchase Order
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T34
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Add Purchase Order
P.O Number Date
Back Save
Supplier Description
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan Purchase Order - klik tombol Save untuk menyimpan data
Purchase Order
Gambar 3.65
Perancangan antarmuka Add Purchase Order
35. Berikut adalah gambar 3.66 perancangan tampilan Menu Edit Purchase Order
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T35
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan:
Edit Purchase Order
P.O Number Date
Back Save
Status Description
- klik tombol Home untuk menuju T02 - klik tombol Update untuk menuju T03
- klik tombol Setting untuk menuju T04 - klik tombol Master Data untuk menuju T05
- klik tombol Maintenance untuk menuju T06 - klik tombol Forecast untuk menuju T07
- klik tombol Purchase untuk menuju T08 - klik tombol Payment untuk menuju T09
- klik tombol Report untuk menuju T10 - klik tombol About untuk menuju T11
- klik tombol Logout untuk menuju T01 - klik tombol Back untuk membatalkan
penambahan Purchase Order - klik tombol Save untuk menyimpan data
Purchase Order
Gambar 3.66
Perancangan antarmuka Edit Purchase Order
36. Berikut adalah gambar 3.67 perancangan tampilan Menu Purchase Order Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T36
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk menuju T35 - klik tombol Edit untuk menuju T37
PURCHASE ORDER DETAIL P.O Number : Nomor P.O
Item Name Stock
Qty Operation
- -
- -
- -
Forecast -
- -
- -
- Edit
Edit Edit
Edit Edit
Edit -
- -
- -
- -
- -
- -
- back
Gambar 3.67
Perancangan antarmuka Purchase Order Detail
37. Berikut adalah gambar 3.68 perancangan tampilan Menu Edit Detail Purchase Order
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T37
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk menuju T36 - klik tombol Save untuk menuju menyimpan
perubahan Detail Purchase Order
Edit Detail Purchase Order P.O Number : Nomor P.O
Back Save
Item Name Qty
Gambar 3.68
Perancangan antarmuka Edit Detail Purchase Order
38. Berikut adalah gambar 3.69 perancangan tampilan Menu Receiving
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T38
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Add untuk menuju T39 - klik tombol Edit untuk menuju T40
- klik tombol Detail untuk menuju T41
Add
RECEIVING LIST
Operation edit
edit edit
edit edit
- -
- -
- -
- -
- -
P.O Number Date
Status -
- -
- -
detail detail
detail detail
detail
Gambar 3.69
Perancangan antarmuka Receiving
39. Berikut adalah gambar 3.70 perancangan tampilan Menu Add Receiving
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T39
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan penambahan Receiving
- klik tombol Save untuk menyimpan data Receiving
Add Receiving
P.O Number Date
Back Save
Gambar 3.70
Perancangan antarmuka Add Receiving
40. Berikut adalah gambar 3.71 perancangan tampilan Menu Edit Receiving
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T40
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan perubahan Receiving
- klik tombol Save untuk menyimpan data Receiving
Edit Receiving
P.O Number Date
Back Save
Status
Gambar 3.71
Perancangan antarmuka Edit Receiving
41. Berikut adalah gambar 3.72 perancangan tampilan Menu Receiving Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T41
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk menuju T38 - klik tombol Edit untuk menuju T42
RECEIVING DETAIL
P.O Number : Nomor P.O Supplier : Nama Supplier
P.O Number Item Name
Receive Qty Operation
- -
- -
- -
Order Qty -
- -
- -
- Edit
Edit Edit
Edit Edit
Edit -
- -
- -
- -
- -
- -
- back
Gambar 3.72
Perancangan antarmuka Receiving Detail
42. Berikut adalah gambar 3.73 perancangan tampilan Menu Edit Receiving Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T42
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan perubahan Detail Receiving
- klik tombol Save untuk menyimpan perubahan Detail Receiving
Edit Receiving Detail Back
Save
Item Name Receive Qty
Gambar 3.73
Perancangan antarmuka Edit Receiving Detail
43. Berikut adalah gambar 3.74 perancangan tampilan Menu Add Payment
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T43
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T010
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan penambahan Payment
- klik tombol Save untuk menyimpan data Payment
Add Payment
P.O Number Date
Back Save
Status Description
Gambar 3.74
Perancangan antarmuka Add Payment
44. Berikut adalah gambar 3.75 perancangan tampilan Menu Edit Payment
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T44
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T010
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan penambahan Payment
- klik tombol Save untuk menyimpan data perubahan Payment
Edit Payment
P.O Number Date
Back Save
Status Description
Gambar 3.75
Perancangan antarmuka Edit Payment
45. Berikut adalah gambar 3.76 perancangan tampilan Menu Report Printer
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T45
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report Printer
- klik tombol Report untuk menampilkan data Report Printer T46
Report Printer
Printer Name
Back Report
From To
Gambar 3.76
Perancangan antarmuka Report Printer
46. Berikut adalah gambar 3.77 perancangan tampilan Menu Report Printer Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T46
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan mencetak Printer Usage Report
- klik tombol Print untuk mencetak data Printer Usage Report
PRINTER USAGE REPORT
Date Time
PC Name IP
Document Name Size
Pages -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
1
2 Next
Printer Name: Nama Printer
Copies Total
Pages
Total -
- -
- -
- -
- -
- -
- -
- -
3 4
13
... Back
Print
Gambar 3.77
Perancangan antarmuka Report Printer Detail
47. Berikut adalah gambar 3.78 perancangan tampilan Menu Report User
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T47
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report User
- klik tombol Report untuk menampilkan data Report User T48
Report User
User Name
Back Report
From To
Gambar 3.78
Perancangan antarmuka Report User
48. Berikut adalah gambar 3.79 perancangan tampilan Menu Report User Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T48
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan mencetak Printer User Report
- klik tombol Print untuk mencetak data Printer User Report
PRINTER USER REPORT
Date Time
Printer Name Document Name
Size Pages
- -
- -
- -
- -
- -
- -
1
2 Next
User Name: Nama User IP : IP User
Copies Total
Pages
Remaining -
- -
- -
- -
- -
Limit -
- 3
4 13
... Back
Print
- Total
Gambar 3.79
Perancangan antarmuka Report User Detail
49. Berikut adalah gambar 3.80 perancangan tampilan Menu Report Cek Counter
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T49
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report Cek Counter
- klik tombol Report untuk menampilkan data Report Cek Counter T50
Report Cek Counter
Printer Name
Back Report
Gambar 3.80
Perancangan antarmuka Report Cek Counter
50. Berikut adalah gambar 3.81 perancangan tampilan Menu Report Cek Counter Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T50
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report Cek Counter
- klik tombol Report untuk mencetak data Report Cek Counter
Printer Name Total Counter
- -
Cek Counter From : Nama Printer
Back Print
Gambar 3.81
Perancangan antarmuka Report Cek Counter Detail
51. Berikut adalah gambar 3.82 perancangan tampilan Menu Report Replace Toner
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T51
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report Cek Counter
- klik tombol Report untuk menampilkan data Report Cek Counter T52
Report Replace Toner
Printer Name
Back Report
Gambar 3.82
Perancangan antarmuka Report Replace Toner
52. Berikut adalah gambar 3.83 perancangan tampilan Menu Report Replace Toner Detail
HEADER CONTROLLING NETWROK PRINTING APPLICATION
FOOTER HOME
SETTING PURCHASE
FORECAST PAYMENT
T52
UPDATE MASTER DATA
MAINTENANCE REPORT
ABOUT LOG OUT
Welcome : Nama pengguna You are signed in as : Nama group
Date : Time :
Keterangan: - klik tombol Home untuk menuju T02
- klik tombol Update untuk menuju T03 - klik tombol Setting untuk menuju T04
- klik tombol Master Data untuk menuju T05 - klik tombol Maintenance untuk menuju T06
- klik tombol Forecast untuk menuju T07 - klik tombol Purchase untuk menuju T08
- klik tombol Payment untuk menuju T09 - klik tombol Report untuk menuju T10
- klik tombol About untuk menuju T11 - klik tombol Logout untuk menuju T01
- klik tombol Back untuk membatalkan menampilkan Report Cek Counter
- klik tombol Report untuk menampilkan data Report Cek Counter T50
Printer Name Date
Total Counter -
- -
Replace Toner From : Nama Printer
Gambar 3.83
Perancangan antarmuka Report Replace Toner Detail
3.2.3.2. Perancangan Pesan
Perancangan pesan pada Sistem Informasi Monitoring Penggunaan Network Printing di PT.Samafitro dapat dilihat pada gambar 3.83 berikut:
Access Denied, Please insert Username and Password correctly
M01
File is valid, and was successfully updated Import done
Back
M02
Update failed Back
M03 M04
Are you sure to delete this user “XXX”?
Yes No
M05
Are you sure to delete this Printer “XXX”?
Yes No
M06
Are you sure to delete this Supplier “XXX”?
Yes No
M07
Are you sure to delete this Item “XXX”? Yes
No
M08
Are you sure to delete this Group “XXX”?
Yes No
M09
Are you sure to delete this Person “XXX”?
Yes No
M10
Are you sure to delete this replace “XXX”?
Yes No
M11
Fill the empty field Back
M12
Back Successful to Add
M13
Back Failed to Add
M14
Back Successful to Delete
M15
Back Failed to Delete
M16
Back Successful to Edit
M17
Back Failed to Edit
Gambar 3.84 Perancangan Tampilan Pesan
3.2.3.3. Jaringan Semantik
Jaringan semantik pada Sistem Informasi Monitoring Penggunaan Network Printing di PT.Samafitro adalah sebagai berikut:
a. Berikut adalah gambar 3.84 jaringan semantik Admin.
T15 T04
T01 T03
T17
T06
T32 T16
T23 T14
T12
T02 T21
T08 T27
T20
T26 T18
T07 T05
T10 M01
M05
M02 M04
M06 M07
T09 T11
T13 T19
T24 T22
T31 T30
T29 T28
T35 T34
T33 T36
T37 T47
T48 T49
T43 T44
T45 T46
T50 T25
T40 T39
T38 T41
T42 T51
T52 M03
M10 M08
M09
Gambar 3.85 Jaringan Semantik Admin
b. Berikut adalah gambar 3.86 jaringan semantik Manager
T01 T06
T32 T02
T08 T07
T10 M01
T09 T11
T31 T30
T35 T34
T33
T36 T37
T47 T48
T49 T43
T44 T45
T46 T50
T40 T39
T38 T41
T42 T51
T52 M10
Gambar 3.86 Jaringan Semantik Manager
c. Berikut adalah gambar 3.87 jaringan semantik User bagian Keuangan
T01
T32 T02
T08 T07
T10 M01
T09 T11
T35 T34
T33
T36 T37
T47 T48
T49 T43
T44 T45
T46 T50
T51 T52
Gambar 3.87 Jaringan Semantik User bagian Keuangan
d. Berikut adalah gambar 3.88 jaringan semantik User bagian Teknisi
T01 T06
T02
T10 M01
T11 T31
T30
T47 T48
T49 T45
T46 T50
T51 T52
M10
Gambar 3.88Jaringan Semantik User bagian Teknisi
e. Berikut adalah gambar 3.89 jaringan semantik User bagian Gudang
T01 T23
T02 T21
T08 T27
T20
T26 T18
T05
T10 M01
M06 M07
T11 T19
T24 T22
T29 T28
T35 T34
T33 T36
T37 T47
T48 T49
T45 T46
T50 T25
T40 T39
T38 T41
T42 T51
T52 M08
M09 T32
T07
Gambar 3.89 Jaringan Semantik User bagian Gudang
3.2.4 Perancangan Prosedural