Perancangan Antar Muka Perancangan Sistem

· 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 · Klik Simpan maka akan muncul M01, M010 M06 · Klik Proses maka akan muncul M04 · Klik Ubah maka akan muncul M11 M06 · Klik Cari maka akan muncul M02 · Klik Hapus maka akan muncul M03 M12 · Klik detail maka muncul F06 · Klik keluar maka akan kembali ke F01 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F05 Nama Proyek Tambah Ubah Hapus DATA KEMAJUAN PEKERJAAN Nama Pekerjaan Nama Sub Pekerjaan Kode Kemajuan Pekerjaan Nama Kemajuan Pekerjaan Selesai dikerjakan Waktu terpakai Persentase Pekerjaan Status Pekerjaan Kode Kemajuan Pekerjaan Nama Kemajuan Pekerjaan Selesai dikerjakan Satuan Waktu Terpakai Persentase Status Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Cari Kemajuan Pekerjaan Kategori Pencarian Cari Tanggal Kemajuan Tanggal Simpan Batal Detail Refresh Proses Gambar 3.28 Tampilan Menu Pengolahan Data Kemajuan Pekerjaan · Klik Simpan maka akan muncul M01, M010 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 F06 Nama Kemajuan Pekerjaan Tambah Ubah Hapus DATA DETAIL KEMAJUAN Nama Material No Detail Kemajuan Stok Satuan Koefisien Jumlah Terpakai Cari Detail Kemajuan Kategori Pencarian Cari Nama Material Satuan Jumlah Terpakai Stok Koefisien Simpan Batal Gambar 3.29 Tampilan Menu Pengolahan Data Detail Kemajuan 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 F07 Cari Pekerjaan Cari Tambah Ubah Hapus Kategori Pencarian DATA MATERIAL Pengurutan berdasarkan Nama Material Satuan Harga Satuan Kode Material Nama Material Satuan Harga Satuan Simpan Batal Refresh Gambar 3.30 Tampilan Menu Pengolahan Data Material · 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 F08 Cari Pekerjaan Cari Tambah Ubah Hapus Kategori Pencarian DATA SATUAN Pengurutan berdasarkan Nama Satuan Kode Satuan Nama Satuan Simpan Batal Refresh Gambar 3.31 Tampilan Menu Pengolahan Data Satuan · 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 F09 Cari Pekerjaan Cari Tambah Ubah Hapus Kategori Pencarian DATA SUPPLIER Pengurutan berdasarkan Nama Supplier Kode Supplier Nama Supplier Alamat No. Telp Alamat No. Telp Simpan Batal Refresh Gambar 3.32 Tampilan Menu Pengolahan Data Supplier · 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 F10 No Truck Cari Pekerjaan Cari Tambah Ubah Hapus Kategori Pencarian DATA TRUCK Pengurutan berdasarkan Nama Supir No Truck Nama Supir Nama Supplier Nama Supplier Simpan Batal Refresh Gambar 3.33 Tampilan Menu Pengolahan Data Truck · Klik keluar maka akan kembali ke F01 · Klik belimaka akan muncul M13 · Klik Proses maka akan muncul M10 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F11 Nama Kemajuan Pekerjaan Simpan PEMBELIAN MATERIAL Besar Pekerjaan Selesai dikerjakan Lama Pekerjaan Waktu terpakai hari hari Nama Material Satuan Jumlah Subtotal Harga Satuan Nama Sub Pekerjaan Nama Pekerjaan Nama Proyek No. Pembelian Tanggal Biaya Total Nama Material Jumlah yang disarankan Jumlah yang dibeli Batal Beli Supplier Gambar 3.34 Tampilan Menu Pembelian · Klik Simpan maka akan muncul M01 bila pemasukan informasi tidak lengkap belum diisi dan muncul M11 jika transaksi selesai · Klik batal untuk membatalkan pengisian data pengiriman dan muncul pesan M12 · Klik keluar maka akan kembali ke F01 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F12 No Pembelian Simpan Kirim Material No Pengiriman Tanggal Kirim Kode Material Nama Material Satuan Jumlah No Truck Nama Supir Nama Supplier Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Nama Kemajuan Pekerjaan Material Tambah Batal Gambar 3.35 Tampilan Menu Pengiriman Material · Klik menu cari maka akan muncul M02 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F13 Rekap Pembelian Material Tanggal Pembelian sd No Pembelian Nama Supplier Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Tanggal Total Bayar Kode Material Nama Material Jumlah Satuan Harga Cari Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Gambar 3.36 Tampilan Menu Rekap Pembelian · Klik menu Cari maka akan muncul M02 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F14 Rekap Pengiriman Material Tanggal Pengiriman Cari sd No Pengiriman No Truck Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Tanggal Kode Material Nama Material Jumlah Satuan Nama Supir Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Gambar 3.37 Tampilan Menu Rekap Kirim Material · Klik menu Cari maka akan muncul M02 · Ukuran layar 1024 x 600 · Font family Arial · Warna hijau, putih F15 Keluar Rekap Kemajuan Pekerjaan Tanggal Kemajuan Cari sd Kode Kemajuan Pekerjaan Tanggal Selesai Dikerjakan Waktu Terpakai Satuan Nama Kemajuan Pekerjaan Nama Proyek Nama Pekerjaan Nama Sub Pekerjaan Persentase Pekerjaan Status Pekerjaan Gambar 3.38 Tampilan Menu Rekap Kemajuan Pekerjaan

3.2.5.2 Perancangan Pesan

Dibawah ini adalah perancangan pesan yang ada pada Sistem Informasi Monitoring Material Proyek Di PT Serena Abadi : M01 M02 M03 M04 M05 M06 Data belum lengkap Tidak ada data Yakin data akan dihapus ? Harap Lembur Kode sudah ada isi dengan yang lain Nama ada yang sama isi dengan yang lain M07 M08 M09 M10 M11 M12 M13

3.2.5.3 Jaringan Semantik

Jaringan semantik merupakan alat efektif untuk merepresentasikan pemetaan data, yang bertujuan mencegah terjadinya duplikasi data. Untuk penjelasan dari jaringan semantik yang ada dibawah ini adalah sebagai berikut: F01 : Menu Utama F02 : Menu Pengolahan Data Proyek F03 : Menu Pengolahan Data Pekerjaan F04 : Menu Pengolahan Data Sub Pekerjaan F05 : Menu Pengolahan Data Kemajuan Pekerjaan F06 : Menu Pengolahan Data Detail Kemajuan Pekerjaan F07 : Menu Pengolahan Data Material Data masih digunakan Isian salah Nomor sudah ada isi dengan yang lain Data sudah disimpan Data sudah diubah Data sudah dihapus Data sudah ada F08 : Menu Pengolahan Data Satuan F09 : Menu Pengolahan Data Supplier F10 : Menu Pengolahan Data Truck F11 : Menu Pembelian F12 : Menu Pengiriman Material F13 : Menu Laporan Rekap Pembelian F14 : Menu Laporan Rekap Kirim Material F15 : Menu Laporan Rekap Kemajuan Pekerjaan F01 F02 F03 F05 F07 F09 F10 F11 F12 F13 F14 F15 F04 F06 F08 M01, M02, M03, M07, M10, M12 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M04, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M02, M03, M06, M07, M12, M11, M10 M01, M11 M12 M02 M01, M13, M10 M02 M02 Gambar 3.39 Jaringan Semantik

3.2.6 Perancangan Prosedural

Perancangan program akan menjelaskan tentang bagaimana program sistem informasi berjalan. Perancangan prosedural digambarkan dalam bentuk flow chart. 1. Prosedur Tambah Mulai Data yang akan ditambah Cek apakah ada data yang sama Tambah data ke database Database Data Tersimpan Selesai Tampil Pesan data sudah ada Masukkan data yang akan ditambah Cek apakah ada isian yang kosong Cek apakah ada isian yang salah Tampil Pesan data tidak lengkap Tampil Pesan isian salah Tidak Tidak Tidak Ya Ya Ya Gambar 3.40 Prosedur Tambah 2. Prosedur Ubah Mulai Cek apakah ada data yang sama Update data di database Database Data Tersimpan Selesai Tampil Pesan data sudah ada Masukkan data yang akan diubah Cek apakah ada isian yang kosong Cek apakah ada isian yang salah Tampil Pesan data tidak lengkap Tampil Pesan isian salah Tidak Tidak Tidak Ya Ya Ya Cek apakah data masih dipakai Tampil Pesan datamasih dipakai Tidak Ya Pilih data yang akan diubah Gambar 3.41 Prosedur Ubah