BAB IV PERANCANGAN SISTEM 4.1 Perancangan Struktur Tabel Basis Data Berikut merupakan perancangan struktur tabel basis data aplikasi pembuatan bill of quantity pada PT. Inova Mitra alam Hijau (Kontraktor Landscape). Nama database aplikasi yang digunakan adalah db_bill of quantity rincian tabel tabel sebagai berikut : Tabel 4.1 Struktur Tabel : User No Nama Field Tipe Data Lenght Keterangan 1 Id_User Varchar 7 Nomor user (Primary Key) 2 Name Varchar 50 Nama pengguna 3 Username Varchar 15 User nama pengguna login aplikasi 4 Password Varchar 15 Password pengguna login aplikasi 5 Level Varchar 4 Level pengguna aplikasi Tabel 4.2 Struktur Tabel : Pelanggan No Nama Field Tipe Data Lenght Keterangan 1 Id_Customer Varchar 7 Nomor customer (Primary key) 2 Company_Name Varchar 50 Nama perusahaan 3 BQ_Name Text - Nama bill of quantity 47
48 Tabel 4.3 Struktur Tabel : Transaksi No Nama Field Tipe Data Lenght Keterangan 1 Id_BQ Varchar 7 Nomor bill of quantity (Primary Key) 2 Id_Customer Varchar 7 Nomor customer (Foreign Key) 3 Id_User Varchar 7 Nomor user (Foreign key) 4 Id_Product Varchar 8 Nomor product (Foreign key) 5 Quantity Integer 8 Jumlah quantity 6 Remarks Text - Catatan transaksi 7 Status Varchar 15 Status transaksi Tabel 4.4 Struktur Tabel : Product No Nama Field Tipe Data Lenght Keterangan 1 Id_Product Varchar 8 Nomor product (Primary key) 2 Name_Product Varchar 50 Nama product 3 Plant_Height Integer 5 Spesifikasi tinggi product 4 Leaf_Height Integer 5 Spesifikasi tinggi daun product 5 Diameter Integer 5 Spesifikasi diameterproduct 6 Price Integer 10 Price product
49 4.2 Perancangan Kode Berikut ini merupakan rancangan struktur kode pada aplikasi pembuatan bill of quantity yang menjadi primary key dalam tabel basis data : 1. Id_User Rancangan kode : USER_ kode user Kode user : Direktur (01), Project Manager (02), Admin & Finance Staff (03), Admin & Finance Manager (04). 2. Id_Customer Rancangan kode : CS_ nomor urut Nomor urut : 0001, 0002, 0003 sampai dengan 1000. 3. Id_BQ Rancangan kode : BQ_ nomor urut Nomor urut : 0001, 0002, 0003 sampai dengan 1000. 4. Id_Product Rancangan kode : PRD_ nomor urut Nomor urut : 0001, 0002, 0003 sampai dengan 1000. 4.2 Rancangan Layar Aplikasi Perancangan layar aplikasi di dasari oleh proses yang harus digambarkan dalam use case diagram dan activity diagram. Adapun rancangan layar aplikasi Bill Of Quantity untuk PT. Inova Mitra Alam Hijau (Kontraktor Landscape) adalah sebagai berikut: 1. Rancangan Layar Login Tampilan layar login akan muncul disaat user akan masuk kedalam aplikasi bill of quantity, masukan username dan password dengan benar, kemudian klik LOGIN. Gambar 4.1 Rancangan Layar Login
50 2. Rancangan Layar Halaman Utama Project Manager Ini adalah tampilan halaman utama untuk project manager, setelah project manager login. Akan muncul menu Form New Customer dan menu Status. Gambar 4.2 Rancangan Halaman Utama Project Manager 3. Rancangan Layar Form New Customer Ini adalah tampilan saat project manager memilih menu Form New Customer, ID Customer akan muncul secara otomatis dan berurutan, isi data Company Name dan data Bill Of Quantity Name dari hardcopy yang sudah didapat oleh project manager setelah mengikuti aanwijzing, klik gambar disket untuk menyimpan data, dengan otomatis setelah data customer baru tersimpan akan memunculkan notifikasi di home pada halaman utama Admin & Finance staff sebagai peringatan bahwa ada bill of quantity baru yang harus dibuat. Search untuk melihat atau mencari data yang sudah disimpan. klik Edit untuk merubah data yang sudah disimpan dan Klik gambar Tanda Panah Kekiri untuk kembali ke menu.
51 Gambar 4.3 Rancangan Tampilan Form New Customer 4. Rancangan Layar Status Project Manager Ini adalah tampilan dimana project manager memilih menu status, project manager hanya dapat melihat status bill of quantity yang sudah di setujui atau belum, kemudian search, lalu ketik dan cari data yang diinginkan, klik View untuk melihat secara detail bill of quantity tersebut, klik Print jika ingin mencetak bill of quantity. Klik gambar Tanda Panah Kekiri untuk kembali ke menu. Gambar 4.4 Rancangan Tampilan Status Project Manager
52 5. Rancangan Layar Lihat Detail Status Project Manager Tampilan ini dimana saat project manager melihat detail bill of quantity setelah project manager klik View, dalam tampilan ini project manager tidak dapat merubah apapun, hanya melihat detail bill of quantity. Klik gambar Printer untuk mencetak bill of quantity, klik gambar Tanda Panah Kekiri untuk kembali ke menu. Gambar 4.5 Rancangan Lihat Detaill Status Project Manager
53 6. Rancangan Layar Halaman Utama Admin & Finance Staff Ini adalah tampilan halaman utama untuk admin & finance staff, setelah admin & finance staff login. Akan muncul menu Form Product dan menu Status. Serta notifikasi yang muncul di home jika ada bill of quantity baru yang harus dibuat setelah dikirim oleh project manager dan notifikasi yang muncul di status jika ada bill of quantity yang sudah disetujui atau belum karna perlu dikoreksi kembali yang dikirim oleh Admin & Finance Manager. Gambar 4.6 Rancangan Halaman Utama Admin & Finance Staff 7. Rancangan Layar Notifikasi Yang Muncul Di Home Admin & Finance Staff Tampilan ini adalah dimana Admin & Finance Staff membuka notifikasi yang ada di home, disini Admin & Finance Staff akan memulai proses awal pembuatan bill of quantity, Admin & Finance Staff dapat Search untuk mencari bill of quantity yang akan dibuat dan klik Start BQ untuk memulai penginputan bill of quantity baru.
54 Gambar 4.7 Rancangan Notifikasi di Home Admin & Finance Staff 8. Rancangan Layar Form Bill Of Quantity Admin & Finance Staff Tampilan ini dimana Admin & Finance Staff dapat menginput bill fo quantity tersebut. Masukan Customer Name Pilih, lalu masukan Product Name Pilih, secara otomatis Product Name akan terisi, termasuk speksifikasi product dan harga product, kemudian masukan Quantity secara manual sesuai data hardcopy bill of quantity, klik gambar Disket untuk menyimpan, selain menyimpan secara otomatis bill of quantity yang sudah selesai dibuat akan muncul di notifikasi status halaman utama Admin & Finance Manager untuk dimintai persetujuan. Klik pada kolom Action Edit untuk merubah product name. Klik View untuk melihat keseluruhan bill of quantity, jika sudah selesai membuat satu bill of quantity.
55 Gambar 4.8 Rancangan Form Bill Of Quantity Admin & Finance Staff 9. Rancangan Layar Lihat Bill Of Quantity Setelah Di Input Admin & Finance Staff Ini adalah tampilan saat Admin & Finance Staff selesai melakukan penginputan bill of quantity, klik gambar Printer untuk mencetak bill of quantity. Klik Action Edit jika ada product name yang perlu di ubah. Klik gambar Tanda Panah Kembali untuk kembali ke menu.
56 Gambar 4.9 Rancangan Lihat Bill Of Quanity Setelah Di Input Admin & Finance Staff 10. Rancangan Layar Form Product Admin & Finance Staff Ini adalah tampilan menu Form Product yang terdapat pada halaman utama Admin & Finance Staff, dimana Admin & Finance Staff dapat membuat master product yang akan tersimpan dalam database. ID Product akan muncul secara otomatis dan berurutan, masukan product name, spesification, unit price dan No.SPK (Surat Perintah Kerja), nomor SPK yang dimaksud adalah sebagai acuan harga barang tersebut diambil dari nomor SPK sebelumnya. Klik gambar Disket
57 untuk menyimpan, Search jika ingin mencari nama barang, klik Action Edit untuk merubah product, klik Detail untuk melihat data product secara lengkap. Gambar 4.10 Rancangan Form Product Admin & Finance Staff 11. Rancangan Layar Status Admin & Finance Staff Rancangan layar status pada halaman utama Admin & Finance Staff digunakan untuk melihat, apakah bill of quantity yang sudah di ajukan kepada Admin & Finance Manager mendapat persetujuan atau tidak, klik Action View untuk melihat bill of quantity secara lengkap.
58 Gambar 4.11 Rancangan Status Admin & Finance Staff 12. Rancangan Layar Jika Status Bill Of Quantity Reject Perlu Di revisi Ini adalah tampilan saat Admin & Finance Staff melihat status bill of quantity yang belum di setujui, akan muncul catatan pada tampilan bill of quantity secara lengkap, klik Action Edit untuk merubah, klik gambar Disket untuk menyimpan, klik gambar Printer untuk mencetak bill of quantity.
59 Gambar 4.12 Rancangan Status Bill Of Quantity Reject Perlu Di Revisi 13. Rancangan Layar Halaman Utama Admin & Finance Manager Ini adalah tampilan halaman utama untuk Admin & Finance Manager, setelah Admin & Finance Manager login. Akan muncul tampilan menu Status, menu Report dan klik Log Out jika ingin keluar dari aplikasi.
60 Gambar 4.13 Rancangan Halaman Utama Admin & Finance Manager 14. Rancangan Layar Status Admin & Finance Manager Ini adalah tampilan notifikasi yang muncul di status Admin & Finance Manager, disini Admin & Finance Manager akan mengoreksi dan memberi persetujuan terhadap bill of quantity baru yang sudah dibuat oleh Admin & Finance Staff. Klik Action View untuk melihat bill of quantity secara lengkap. Gambar 4.14 Rancangan Status Admin & Finance Manager
61 15. Rancangan Layar Persetujuan Bill Of Quantity Admin & Finance Manager Ini adalah tampilan bill of quantity secara lengkap, Admin & Finance Manager akan mengoreksi dan memberi catatan jika bill of quantity perlu di koreksi kembali oleh Amdin & Finance Staff. Klik Approve jika bill of quantity disetujui, klik Reject jika bill of quantity perlu dikoreksi. Gambar 4.15 Rancangan Persetujuan Bill Of Quantity Admin & Finance Manager
62 16. Rancangan Layar Halaman Utama Direktur Ini adalah tampilan halaman utama untuk direktur, setelah direktur login. Akan muncul tampilan menu Report dan klik Log Out jika ingin keluar dari aplikasi. Gambar 4.16 Rancangan Halaman Utaman Direktur 17. Rancangan Layar Report Direktur Ini adalah tampilan direktur saat direktur masuk dalam menu report, akan muncul tampilan seperti ini. Search Company Name, masukan periode yang diinginkan, klik View untuk melihat detail laporan, klik Cancel untuk membatalkan. Gambar 4.17 Rancangan Report Direktur
63 18. Rancangan Layar Lihat Detail Report Direktur Ini adalah tampilan saat direktur melihat laporan secara keseluruhan, klik gambar Printer untuk mencetak laporan atau klik gambar Tanda Panah Kekiri untuk kembali ke menu. Gambar 4.18 Rancangan Lihat Detail Report Direktur