Sistem Informasi Monitoring Material
Proyek Di PT Serena Abadi
Master Data Transaksi
Laporan Tentang
Proyek Pekerjaan
Sub Pekerjaan Kemajuan
Pekerjaan Detail Kemajuan
Pekerjaan Material
Satuan Supplier
Truck Pembelian
Kirim Material Rekap Pembelian
Rekap Pengiriman Rekap Kemajuan
Pekerjaan
Gambar 3.23 Struktur Menu Sistem Informasi Monitoring Material Proyek Di
PT Serena Abadi
3.2.5 Perancangan Antar Muka
Perancangan antarmuka meliputi beberapa perancangan diantaranya meliputi perancangan tampilan, perancangan pesan dan jaringan semantik.
3.2.5.1 Perancangan Tampilan
Perancangan tampilan bertujuan untuk memberikan gambaran tentang sistem informasi yang akan dibangun. Sehingga akan mempermudah dalam
mengimplementasikan sistem informasi. Rancangan Sistem Informasi Monitoring Material Proyek Di PT Serena Abadi yang akan dibuat adalah sebagai berikut :
DATA TRANSAKSI
LAPORAN TENTANG
KELUAR
· Klik menu Data maka akan muncul submenu Proyek, Pekerjaan, Sub
Pekerjaan, Kemajuan Pekerjaan, Material, Supplier dan truck
· Klik menu Transaksi maka akan muncul submenu Pembelian dan
Kirim material · Klik menu Laporan maka akan
muncul submenu Rekap Pembelian, Rekap Kirim Material dan Rekap
Kemajuan Pekerjaan · Klik menu tentang maka akan
ditampilkan penjelasan mengenai aplikasi
· Klik keluar maka aplikasi akan ditutup
· Ukuran layar 1366 x 768 · Font family Arial
· Warna hijau, putih
F01
Gambar 3.24
Tampilan Menu Utama
· Klik Simpan maka akan muncul M01, M10 M06
· Klik Ubah maka akan muncul M11 M06
· Klik Cari maka akan muncul M02 · Klik Hapus maka akan muncul M03,
M07 M12 · Klik keluar maka akan kembali ke
F01
· Ukuran layar 1024 x 600 · Font family Arial
· Warna hijau, putih
F02
Kode Proyek Nama Proyek
Lokasi Tanggal Proyek
Cari Proyek Cari
Kode Proyek Nama Proyek
Lokasi Tanggal
Tambah Ubah
Hapus Kategori Pencarian
DATA PROYEK
Pengurutan berdasarkan Simpan
Batal Refresh
Gambar 3.25 Tampilan Menu Pengolahan Data Proyek
· Klik Simpan maka akan muncul M01, M10 M06
· Klik Ubah maka akan muncul M11 M06
· Klik Cari maka akan muncul M02 · Klik Hapus maka akan muncul M03,
M07 M12 · Klik keluar maka akan kembali ke
F01
· Ukuran layar 1024 x 600 · Font family Arial
· Warna hijau, putih
F03
Nama Proyek Cari Pekerjaan
Cari
Tambah Ubah
Hapus Kategori Pencarian
DATA PEKERJAAN
Pengurutan berdasarkan Kode Pekerjaan
Nama Pekerjaan
Kode Pekerjaan Nama Pekerjaan
Nama Proyek Simpan
Batal Refresh
Gambar 3.26
Tampilan Menu Pengolahan Data Pekerjaan
· Klik Simpan maka akan muncul M01, M10 M06
· Klik Ubah maka akan muncul M11 M06
· Klik Cari maka akan muncul M02 · Klik Hapus maka akan muncul M03,
M07 M12 · Klik keluar maka akan kembali ke
F01
· Ukuran layar 1024 x 600 · Font family Arial
· Warna hijau, putih
F04
Nama Proyek Cari Pekerjaan
Cari
Tambah Ubah
Hapus Kategori Pencarian
DATA SUB PEKERJAAN
Pengurutan berdasarkan Kode Sub Pekerjaan
Nama Pekerjaan Nama Sub Pekerjaan
Besar Pekerjaan Satuan
Lama Pekerjaan hari
Kode Sub Pekerjaan Nama Sub Pekerjaan Besar Pekerjaan Satuan
Lama Pekerjaan Nama Pekerjaan Nama Proyek
Simpan Batal
Refresh
Gambar 3.27 Tampilan Menu Pengolahan Data Sub Pekerjaan
