Perancangan Antarmuka Perancangan Antarmuka dan Laporan

124

4.4 Perancangan Antarmuka dan Laporan

4.4.1 Perancangan Antarmuka

Gambar 4.29 Tampilan Perancangan Antarmuka Pada Menu Utama Gambar 4.30 Tampilan Perancangan Antarmuka Pada Tampilan Bagian Admin Proyek 125 Gambar 4.31 Tampilan Perancangan Antarmuka Pada Form Faktur Gambar 4.32 Tampilan Perancangan Antarmuka Pada Form PPO 126 Gambar 4.33 Tampilan Perancangan Antarmuka Pada Form SPB Gambar 4.34 Tampilan Perancangan Antarmuka Pada Perhitungan HPP SURAT PENYERAHAN BARANG No. SPB …… TANNGAL NAM A NO TLP ALAM AT TOTAL BIAYA ….. Save Delet e Updat e Exit Preview Add Cet ak PERHITUNGAN HPP Jenis Biaya Tanggal No. Bukt i Kas Save Edit Refresh LOGO 127 Gambar 4.35 Tampilan Perancangan Antarmuka Pada Tampilan Jurnal Umum Gambar 4.36 Tampilan Perancangan Antarmuka Pada Tampilan Jurnal Penyesuaian Gambar 4.37 Tampilan Perancangan Antarmuka Pada Tampilan Buku Besar JURNAL PENYESUAIAN Bulan Tahun Tahun Print 128 Gambar 4.38 Tampilan Perancangan Antarmuka Pada Tampilan Laporan Keuangan Gambar 4.39 Tampilan Perancangan Antarmuka Pada Tampilan Profil Perusahaan NAMA PERUSAHAAN ALAMAT DAN NO TLP PERUSAHAAN PROFIL PERUSAHAAN LOGO 129 Gambar 4.40 Tampilan Perancangan Antarmuka Pada Tampilan Profil Programer PT JAYA TEKNIK SARANA TELEMEDIA JURNAL UMUM PERIODE XXXX Gambar 4.41 Tampilan Perancangan Jurnal Umum PROFIL PROGRAMER IDENTITAS FOTO PROGRAMER KELUAR BACK 130 BUKU BESAR UMUM ERIODE XXXX Gambar 4.42 Tampilan Perancangan Buku Besar Gambar 4.43 Tampilan Perancangan Jurnal Penyesuaian KELUAR BACK BACK LOGO PERUSAHAAN LOGO PERUSAHAAN 131 Laporan laba rugi Gambar 4.44 Tampilan Perancangan Laporan Laba Rugi BACK LOGO PERUSAHAAN 132 Gambar 4.45 Tampilan Perancangan Antarmuka Pada Tampilan Manajer Teknik dan Kontruksi Gambar 4.46 Tampilan Perancangan Antarmuka Pada Tampilan Form Surat Pembeliaan Bahan Baku 133 Gambar 4.47 Tampilan Perancangan Antarmuka Pada Tampilan Form Jurnal Penyesuaian Gambar 4.48 Tampilan Perancangan Antarmuka Pada Tampilan Form Kwitansi 134 JOB ORDER COSTING TANGGAL NAMA PEMESAN KODE JOC KODE BAHAN BAKU JUMLAH TEKNISI BIAYA BAHAN BAKU BIAYA OVERHEAD PABRIK BIAYA TENAGA KERJA SIMPAN TAMBAH BARANG PROSES NAMA PESANAN KODE ITEM KODE BAHAN NAMA BAHAN JUMLAH HARGA KODE JOC CETAK KELUAR Gambar 4.49 Tampilan Perancangan Antarmuka Pada Tampilan Form Job Order Sheet Gambar 4.50 Tampilan Perancangan Antarmuka Pada Tampilan Form Biaya Overhead Pabrik 135 Gambar 4.51 Tampilan Perancangan Antarmuka Pada Tampilan Form Cetak Laporan Harga Pokok Produksi Gambar 4.52 Tampilan Perancangan Antarmuka Pada Tampilan Form Bagian Asman Akuntansi 136 Gambar 4.53 Tampilan Perancangan Antarmuka Pada Tampilan Form Cetak Neraca Gambar 4.54 Tampilan Perancangan Antarmuka Pada Tampilan Form Slip Gaji dan Upah 137 Gambar 4.55 Tampilan Perancangan Antarmuka Pada Tampilan Form Rencana Anggaran Produksi Gambar 4.56 Tampilan Perancangan Antarmuka Pada Tampilan Form BOP 138 DATA KARYAWAN NIK SIMPAN UBAH ALAMAT STATUS JABATAN NAMA KARYAWAN JENIS IDENTITAS NO. IDENTITAS BATAL HAPUS KELUAR Gambar 4.57 Tampilan Perancangan Antarmuka Pada Tampilan Form Data Karyawan

4.5 Tampilan dan Kode Program Perancangan Program