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