Bentuk Normal Pertama First Normal Form Bentuk Normal Kedua Second Normal Form

76

b. Bentuk Normal Pertama First Normal Form

LAPORAN-PROYEK Kode Proyek Nama Proyek No. Kontrak Tgl Kontrak Nilai Kontrak Alamat Lama Proyek Pemberi Tugas Bulan Total Kode Direksi Kode Teknis Kode Finance Nama Login Password PROYEK PROGRESS-USER Gambar 4.7 Bentuk Normal Pertama 1NF Kode Proyek Nama Proyek No. Kontrak Tgl Kontrak Nilai Kontrak Alamat Lama Proyek Pemberi Tugas Kode Proyek Nama Proyek Bulan Total Kode Direksi Kode Teknis Kode Finance Nama Login Password 77

c. Bentuk Normal Kedua Second Normal Form

PROGRESS-USER PROGRESS USER Gambar 4.8 Bentuk Normal Kedua 2NF Kode Proyek Bulan Total Kode Direksi Kode Teknis Kode Finance Nama Login Password Kode Direksi Kode Teknis Kode Finance Nama Login Password Kode Proyek Nama Proyek Bulan Total 78 USER FINANCE TEKNIS DIREKSI Gambar 4.9 Bentuk Normal Ketiga 3NF Kode Direksi Kode Teknis Kode Finance Nama Login Password Kode Finance Nama Login Password Kode Teknis Nama Login Password Kode Direksi Nama Login Password 79 Akhirnya setelah mencapai Bentuk Normal Ketiga maka database Sistem Informasi Eksekutif adalah sebagai berikut: PROYEK PROGRESS FINANCE PROGRESS TEKNIS DIREKSI FINANCE TEKNIS Gambar 4.10 Database Sistem Informasi Eksekutif Kode Proyek Nama Proyek No. Kontrak Tgl Kontrak Nilai Kontrak Alamat Lama Proyek Pemberi Tugas Kode Proyek Nama Proyek Bulan Total Kode Proyek Nama Proyek Bulan Total Kode Direksi Nama Login Password Kode Finance Nama Login Password Kode Teknis Nama Login Password 80

2. Entity Relationship Diagram ERD

kode_teknis, Menginput Digunakan Oleh kode_direksi, nama, nama, login, login, password kode_proyek, password Menginput nama_proyek, Digunakan bulan, Oleh kode_proyek, total kode_proyek, nama_proyek, nama_proyek, no_kontrak, bulan, tgl_kontrak, total nilai_kontrak, Menginput alamat, lama_proyek, kode_finance, pemberi_tgs nama, login, password Gambar 4.11 ERD Sistem Informasi Eksekutif Teknis Progress Teknis Direksi Progress Finance Proyek Finance 81

3. Struktur Database

a. Tabel teknis Digunakan untuk mencatat data-data user bagian teknis. Primary Key: kode_teknis. Tabel 4.1 Tabel teknis No. Field Type Length Keterangan 1. kode_teknis varchar 5 Kode Teknis 2. Nama varchar 20 Nama 3. Login varchar 10 Username 4. Password varchar 32 Password b. Tabel proyek Digunakan untuk mencatat data-data proyek. Primary Key: kode_proyek. Tabel 4.2 Tabel proyek No. Field Type Length Keterangan 1. kode_proyek varchar 10 Kode Proyek 2. nama_proyek varchar 27 Nama Proyek 3. no_kontrak varchar 35 No.Kontrak 4. tgl_kontrak date - Tanggal Kontrak 5. nilai_kontrak bigint 15 Nilai Kontrak 6. Alamat varchar 40 Lokasi Pekerjaan 7. lama_proyek int 2 Lama Proyek 8. pemberi_tgs varchar 50 Nama Pemberi Tugas 82 c. Tabel progress_teknis Digunakan untuk mencatat data-data progress teknis dalam suatu proyek Primary Key: kode_proyek Tabel 4.3 Tabel progress_teknis No. Field Type Length Keterangan 1. kode_proyek varchar 10 Kode Proyek 2. nama_proyek varchar 27 Nama Proyek 3. bulan double - Bulan Pertama 4. total double - Total Progress d. Tabel direksi Digunakan untuk mencatat data-data user bagian direksi. Primary Key: kode_direksi Tabel 4.4 Tabel direksi No. Field Type Length Keterangan 1. kode_direksi varchar 5 Kode Direksi 2. Nama varchar 20 Nama 3. Login varchar 10 Username 4. Password varchar 32 Password 83 e. Tabel finance Digunakan untuk mencatat data-data user bagian finance Primary Key: kode_finance Tabel 4.5 Tabel finance No. Field Type Length Keterangan 1. kode_finance varchar 5 Kode Finance 2. Nama varchar 20 Nama 3. login varchar 10 Username 4. Password varchar 32 Password f. Tabel progress_finance Digunakan untuk mencatat data-data progress finance dalam suatu proyek Primary Key: kode_proyek Tabel 4.6 Tabel progress_finance No. Field Type Length Keterangan 1. kode_proyek varchar 10 Kode Proyek 2. nama_proyek varchar 27 Nama Proyek 3. bulan double - Bulan Pertama 4. total double - Total Progress

B. Desain Layar Tampilan

Perancangan tampilan layar menggambarkan kerangka pembuatan website Sistem Informasi Eksekutif pengontrolan proyek pada PT. BAJRAGRAHA SENTRANUSA Jakarta. 84 Berikut ini adalah gambar-gambar rancangan tampilan layar pada website tersebut.

1. Desain Layar Tampilan Halaman Utama

Gambar 4.12 Rancangan Tampilan Layar Utama Header Home Ongoing Projects Services Selamat Datang Portofolio About Us Sejarah Contact Us Staff Login Username Password Pengalaman Perusahaan Customer Support Footer Login LOGO image image image 85 Gambar 4.13 Rancangan Tampilan ongoing.html Header Home Ongoing Projects Services Ongoing Projects Portofolio About Us Contact Us Customer Support Nama Proyek Jenis Pekerjaan: Lokasi Pekerjaan: Nama Pemberi Tugas: Footer LOGO image 86 Gambar 4.14 Rancangan Tampilan services.html Header Home Ongoing Projects Services Bidang Usaha Perusahaan Portofolio About Us Contact Us 1. Jasa Konstruksi - Bangunan Sipil Customer - Kantor PLN Support 2. Pengadaan Barang Jasa - Minyak Pelumas - Spareparts Recondition Mesin 3. Jasa Pengelolaan Gedung 4. Jasa Outsourcing Tenaga Kerja Footer LOGO 87 Gambar 4.15 Rancangan Tampilan portofolio.html Header Home Ongoing Projects Services List of Project Gedung Portofolio About Us PT. PLNPERSERO Contact Us Area Pelayanan Mampang Customer Support Footer LOGO image 88 Gambar 4.16 Rancangan Tampilan about.html Header Home Ongoing Projects Services Sejarah Portofolio About Us PT. BAJRAGRAHA SENTRANUSA didirikan dengan Contact Us Akta Notaris Adlan Yulizar, SH No.28 tanggal 9 Juli1991 dan secara resmi memperoleh persetujuan dari Menteri Customer Kehakiman . Support Pendirian Perseroan ini diprakarsai oleh Yayasan Dana Pensiun PLN. Footer LOGO 89 Gambar 4.17 Rancangan Tampilan contact.html Header Home Ongoing Projects Services Contact Us Portofolio About Us Jl.Wijaya I61, Kebayoran Baru, Jakarta 12170 Contact Us Telp.021 739 8838, 739 8829 Fax.021 739 8838 Customer E-mail : contactbajragrahasentranusa.com Support Footer LOGO 90

2. Desain Layar Tampilan Sistem

a. Bagian Finance Gambar 4.18 Rancangan Tampilan finance.php Header Home Ongoing Projects Services Input Progress Proyek Portofolio About Us - Kantor PLN Cabang Garut Contact Us - Kantor PLN Cabang Metro - Kantor PLN Cabang Sigli Selamat Datang, - Kantor PLN Cabang Sukabumi Customer Support Footer Logout LOGO 91 Gambar 4.19 Rancangan Tampilan progress_finance.php Header Home Ongoing Projects Services Kantor PLN Cabang Garut Portofolio About Us Contact Us Bulan: Selamat Datang, Jumlah: Contoh 4.1 Customer Support kembali Footer Logout LOGO --Pilih-- Kirim Ulangi 92 Gambar 4.20 Rancangan Tampilan progress_finance2.php Header Home Ongoing Projects Services Kantor PLN Cabang Garut Portofolio About Us Penginputan Berhasil Contact Us Selamat Datang, Anda akan di redirect, klik disini jika anda tidak otomatis pindah. Customer Support Footer Logout LOGO 93 b. Bagian Teknis Gambar 4.21 Rancangan Tampilan teknis.php Header Home Ongoing Projects Services Menu Utama Teknis Portofolio About Us Input Progress Proyek Contact Us - Kantor PLN Cabang Garut X Selamat Datang, - Kantor PLN Cabang Metro X - Kantor PLN Cabang Sigli X - Kantor PLN Cabang Sukabumi X Customer Support Input Proyek Baru Footer Logout LOGO 94 Gambar 4.22 Rancangan Tampilan progress_teknis.php Header Home Ongoing Projects Services Kantor PLN Cabang Garut Portofolio About Us Contact Us Bulan: Selamat Datang, Jumlah: Contoh 4.1 Customer Support kembali Footer Logout LOGO --Pilih-- Kirim Ulangi 95 Gambar 4.23 Rancangan Tampilan progress_teknis2.php Header Home Ongoing Projects Services Kantor PLN Cabang Garut Portofolio About Us Penginputan Berhasil Contact Us Selamat Datang, Anda akan di redirect, klik disini jika anda tidak otomatis pindah. Customer Support Footer Logout LOGO 96 Gambar 4.24 Rancangan Tampilan input_proyek.php Header Home Ongoing Projects Services Input Proyek Baru Portofolio About Us Contact Us Kode Proyek: Selamat Datang, Nama Proyek: No.Kontrak: Tanggal Kontrak: Customer Support Nilai Kontrak: Lokasi Pekerjaan: Lama Proyek: Pemberi Tugas: kembali Footer Logout LOGO Tanggal Kirim Ulangi Bulan 97 c. Bagian Direksi Gambar 4.25 Rancangan Tampilan direksi.php Header Home Ongoing Projects Services Progress Proyek Portofolio About Us - Kantor PLN Cabang Garut Contact Us - Kantor PLN Cabang Metro - Kantor PLN Cabang Sigli Selamat Datang, - Kantor PLN Cabang Sukabumi Customer Support Footer Logout LOGO 98 Gambar 4.26 Rancangan Tampilan progress_proyek2.php Header Home Ongoing Projects Services Kantor PLN Cabang Garut Portofolio About Us Contact Us Selamat Datang, Customer Support kembali ke menu utama Footer Logout LOGO Image 1 Bar Chart Image 2 Bar Chart 99

4.5 Prepare Data