Perancangan Tampilan Program Perancangan Antar Muka
3. Tampilan Form User
Gambar 3.27 Perancangan Tampilan Form user
4. Tampilan Form Jabatan
Gambar 3.28 Perancangan Tampilan Form Jabatan
5. Tampilan Form Pegawai
3 3 -
4 3 5 .0 5
6 7
3 6 0,
8 3
, 9
,
4 4
: ,
., ,
0, 1,
: :
, :
: -
4 :
: -
Gambar 3.29 Perancangan Tampilan Form Pegawai
6. Tampilan Form Mencari Jabatan
Gambar 3.30 Perancangan Tampilan Form Mencari Jabatan
7. Tampilan Form Kendaraan
Gambar 3.31 Perancangan Tampilan Form Kendaraan
8. Tampilan Form Pengemudi
Gambar 3.32 Perancangan Tampilan Form Pengemudi
9. Tampilan Form Bahan bakar
3 3 1
4 3 5 .0 5
6 7
3 6 0,
8 3
, 9
,
4 4
, :
, ,
: :
, :
: -
4 :
: -
Gambar 3.33 Perancangan Tampilan Form Bahan bakar
10. Tampilan Form Pekerjaan
Gambar 3.34 Perancangan Tampilan Form Pekerjaan
11. Tampilan Form Uraian Pekerjaan
Gambar 3.35 Perancangan Tampilan Form Uraian Pekerjaan
12. Tampilan Form Lokasi Pekerjaan
Gambar 3.36 Perancangan Tampilan Form Lokasi Pekerjaan
13. Tampilan Form Material
Gambar 3.37 Perancangan Tampilan Form Material
14. Tampilan form Peralatan kerja
Gambar 3.38 Perancangan Tampilan Form Peralatan Kerja
15. Tampilan Form pengisian SPTI
Gambar 3.39 Perancangan Tampilan Form SPTI
16. Tampilan form mencari uraian pekerjaan
Gambar 3.40 Perancangan Tampilan Form mencari Uraian Pekerjaan
17. Tampilan form mencari kode pengemudi
Gambar 3.41 Perancangan Tampilan Form mencari Kode Pengemudi
18. Tampilan form mencari no polisi
Gambar 3.42 Perancangan Tampilan Form mencari No Polisi
19. Tampilan form mancari nama lokasi
1
Gambar 3.43 Perancangan Tampilan Form mencari Nama Lokasi
20. Tampilan form mencari NIP
Gambar 3.44 Perancangan Tampilan Form mencari NIP
21. Tampilan Form Mencari Kode Material
Gambar 3.45 Perancangan Tampilan Form mencari Kode Material
22. Tampilan Form Mencari Kode Alat
Gambar 3.46 Perancangan Tampilan Form mencari Kode Alat
23. Tampilan form Pembuat perintah dan Penerima perintah yang akan
menandatangan SPTI.
Gambar 3.47 Perancangan Tampilan Form Pembuat perintah
24. Tampilan hasil form SPTI yang sudah diisi
+, -.- ,- -
,-
- -
-
1 2
3
4 3 2
2 4
5 -4 6
5 -4
2 ,
, 1 7
2 4 , 8
4 4 , 8
, 2
9
, : + 6+
, 8
5 -4 +
2 4 , 8
;
2 4 1 3
-3 2
Gambar 3.48 Perancangan Tampilan Form SPTI yang sudah terisi
25. Tampilan Form Rekomendasi yang akan menandatangani Laporan Hasil
Pekerjaan
Gambar 3.49 Perancangan Tampilan Form Rekomendasi
26. Tampilan Laporan Hasil Pekerjaan
Gambar 3.50 Perancangan Tampilan Laporan Hasil Pekerjaan
27. Tampilan Form Mencari No. SPTI yang akan dicetak
Gambar3.51 Perancangan Tampilan form mencari no spti yang akan di cetak
28. Tampilan Form Laporan Agenda SPTI Per Periode
Gambar 3.52 Perancangan Tampilan form Laporan Agenda SPTI per periode
29. Tampilan Laporan agenda SPTI
Gambar 3.53 Perancangan Tampilan Laporan Agenda SPTI Per Periode
30. Tampilan Agenda SPTI Keseluruhan
Gambar 3.54 Perancangan Tampilan Laporan Agenda SPTI
31. Tampilan Form Laporan Keuangan SPTI Per Periode
Gambar 3.55 Perancangan Tampilan Form Per Periode Laporan Keuangan
32. Tampilan Laporan Keuangan SPTI Per Periode
Gambar 3.56 Perancangan Tampilan Laporan Keuangan Per Periode
33. Tampilan Laporan SDM
Gambar 3.57 Perancangan Tampilan Laporan Keuangan Per Periode
34. Tampilan Laporan Material
Gambar 3.58 Perancangan Tampilan Laporan Keuangan Per Periode
35. Tampilan Laporan Alat
Gambar 3.59 Perancangan Tampilan Laporan Keuangan Per Periode