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 http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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”
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
