1.5.1 Tampilan Antarmuka Program Admin 1.5.2 Tampilan Antarmuka Program Manager

Pengolahan Data Detail Laporan Cek Counter Digunakan untuk menampilkan data detail laporan user report_cekcounter_view. php Pengolahan Data Laporan Maintenance Digunakan untuk menampilkan data detail laporan user report_replacetoner.php Pengolahan Data Detail Laporan Maintenance Digunakan untuk menampilkan data detail laporan user report_replacetoner_view .php Logout Digunakan oleh semua pengguna untuk dapat keluar dari aplikasi logout.php

4.1.5 Tampilan Antarmuka Program

Untuk memperjelas bentuk dari implementasi antarmuka program yang telah dibuat, maka dibutuhkan tampilan program yang akan dibuat berdasarkan implementasi antarmuka program tersebut. Berikut adalah tampilan-tampilan program yang telah dibuat berdasarkan implementasi antarmuka program tersebut yang dibagi berdasarkan pengguna.

4. 1.5.1 Tampilan Antarmuka Program Admin

Perancangan tampilan antarmuka program untuk pengguna bagian admin diantaranya adalah sebagai berikut: 1. Tampilan login program Gambar 4.1 2. Tampilan awal program Gambar 4.2 3. Tampilan menu update Gambar 4.3 4. Tampilan menu pengaturan Gambar 4.4 5. Tampilan menu pengaturan PC user Gambar 4.5 6. Tampilan menu pengaturan printer Gambar 4.6 7. Tampilan menu master data Gambar 4.7 8. Tampilan menu master data supplier Gambar 4.8 9. Tampilan menu master data barang Gambar 4.9 10. Tampilan menu master data group Gambar 4.10 11. Tampilan menu master data person Gambar 4.11 12. Tampilan menu master data budget Gambar 4.12 13. Tampilan menu maintenance Gambar 4.13 14. Tampilan menu forecasting Gambar 4.14 15. Tampilan menu pesanan Gambar 4.15 16. Tampilan menu daftar pesanan Gambar 4.16 17. Tampilan menu detail pesanan Gambar 4.17 18. Tampilan menu daftar penerimaan Gambar 4.18 19. Tampilan menu detail penerimaan Gambar 4.19 20. Tampilan menu daftar pembayaran Gambar 4.20 21. Tampilan menu detail pembayaran Gambar 4.21 22. Tampilan menu laporan printer Gambar 4.22 23. Tampilan menu laporan detail printer Gambar 4.23 24. Tampilan menu laporan user Gambar 4.24 25. Tampilan menu laporan maks – min user Gambar 4.25 26. Tampilan menu laporan user detail Gambar 4.26 27. Tampilan menu laporan cek counter Gambar 4.27 28. Tampilan menu laporan cek counter detail Gambar 4.28 29. Tampilan menu laporan maintenance Gambar 4.29 30. Tampilan menu laporan maintenance detail Gambar 4.30 31. Tampilan menu about Gambar 4.31

4. 1.5.2 Tampilan Antarmuka Program Manager

Perancangan tampilan antarmuka program untuk pengguna bagian admin diantaranya adalah sebagai berikut: 1. Tampilan login program Gambar 4.1 2. Tampilan awal program Gambar 4.2 3. Tampilan menu forecasting Gambar 4.14 4. Tampilan menu pesanan Gambar 4.15 5. Tampilan menu daftar pesanan Gambar 4.16 6. Tampilan menu detail pesanan Gambar 4.17 7. Tampilan menu daftar pembayaran Gambar 4.20 8. Tampilan menu detail pembayaran Gambar 4.21 9. Tampilan menu laporan Gambar 4.22 10. Tampilan menu laporan printer Gambar 4.23 11. Tampilan menu laporan detail printer Gambar 4.24 12. Tampilan menu laporan user Gambar 4.25 13. Tampilan menu laporan maks – min user Gambar 4.26 14. Tampilan menu laporan user detail Gambar 4.27 15. Tampilan menu laporan cek counter Gambar 4.28 16. Tampilan menu laporan cek counter detail Gambar 4.29 17. Tampilan menu laporan maintenance Gambar 4.30 18. Tampilan menu laporan maintenance detail Gambar 4.31 19. Tampilan menu about Gambar 4.32

4. 1.5.3 Tampilan Antarmuka Program Keuangan