Full Ta Cetak

107
ANALISA DAN PERANCANGAN SISTEM INFORMASI MONITORING BUDGET PADA PT. ALKONUSA TEKNIK INTI Laporan Tugas Akhir Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Strata Satu (S1) pada Program Studi Teknik Informatika Disusun Oleh : Nama : Priyanto NIM : 200922025 PROGRAM STUDI TEKNIK INFORMATIKA INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL JAKARTA 2014

description

Ta Aplikasi Budgeting

Transcript of Full Ta Cetak

Page 1: Full Ta Cetak

ANALISA DAN PERANCANGAN SISTEM INFORMASI MONITORING BUDGET

PADA PT. ALKONUSA TEKNIK INTI

Laporan Tugas Akhir Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Strata

Satu (S1) pada Program Studi Teknik Informatika

Disusun Oleh :

Nama : Priyanto

NIM : 200922025

PROGRAM STUDI TEKNIK INFORMATIKA INSTITUT SAINS DAN TEKNOLOGI AL-KAMAL

JAKARTA 2014

Page 2: Full Ta Cetak

ii  

LEMBAR PERNYATAAN MAHASISWA

Yang bertanda tangan dibawah ini, saya :

Nama : PRIYANTO

NIM : 200922025

Perguruan Tinggi : Institut Sains dan Teknologi Al Kamal

Program Studi : Teknik Informatika

Alamat Kampus : Jl. Raya Al Kamal No. 2 kebon Jeruk Jakarta Barat 11520

Rumah : Perumahan Dasana Indah Blok PD 3/19

Tangerang 15821

Dengan ini menyetujui untuk memberikan ijin kepada pihak Program Studi

Teknik Informatika Institut Sains dan teknologi Al Kamal, Hak bebas Royalti-

Non Eksklusif (Non-Exclusive Royalti-Free Right) atas karya ilmiah kami yang

berjudul : “Analisa Dan Perancangan Sistem Informasi Monitoring Budget

Pada PT. Alkonusa Teknik Inti”.

Dengan Hak Bebas Royalti-Non Eksklusif ini Pihak Program Studi Teknik

Informatika Institut Sains dan Teknologi Al Kamal berhak menyimpan, mengalih-

media atau formatkan, mendistribusikannya dan menampilkan atau

mempublikasikannya di internet atau media lain untuk kepentingan akademis

tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami.

Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak

Program Studi Teknik Informatika Institut Sains dan teknologi Al Kamal, segala

bentuk tuntutan hukum yang timbul atas pelanggaran hak cipta dalam karya

ilmiah saya ini serta data dan informasi yang diambil dari sumber lain, saya

nyatakan sebagai referensi dan dicatat dalam daftar pustaka. Demikian pernyataan

ini saya buat dengan sebenarnya.

Jakarta, Oktober 2014

Yang Menyatakan,

Priyanto

Page 3: Full Ta Cetak

iii  

LEMBAR PENGESAHAN

Yang bertanda tangan di bawah ini menerangkan bahwa laporan Tugas

Akhir ini dari mahasiswa:

Nama : Priyanto

NIM : 200922025

Program Studi : Teknik Informatika

Judul Tugas Akhir : “Analisa Dan Perancangan Sistem Informasi Monitoring Budget Pada PT. Alkonusa Teknik Inti“

Telah diperiksa, diuji, dan disetujui sebagai laporan Tugas Akhir.

Jakarta, Oktober 2014

Mengetahui, Mengetahui,

Pembimbing I Pembimbing II

Rycan Fahmi, S.Kom, M.Kom Ravie Kurnia Laday, S.Kom

Mengesahkan,

Ketua Prodi Teknik Informatika

Alim Hardiansyah, ST, M.Kom

Page 4: Full Ta Cetak

iv  

ABSTRACT

The development of information technology is directly proportional to the

presentation of data and information needs. This is due to the problems that arise

in the activities of individuals and organizations that are difficult to solve or even

not resolved by conventional means. So the development of information

technology is needed to find solutions to any problems that dihasapi. In addition,

the ease and speed of delivery or receipt of information became a major staple in

the everyday human activities, so that the development of information technology

is essential to meeting those needs.

PT. Alkonusa Teknik Inti contracting company in the field of Mechanical

and Electrical based in Kelapa Gading, North Jakarta. In the business activities of

PT. Alkonusa Teknik Inti run projects located in Jakarta and outside Jakarta. The

flow of data and information flow between project division to division

headquarters every day relatively solid, other than that each project has a budget

of material that must be processed in order to monitor its use.

Information systems development process makes the material demand of

the whole project into both the format and naming terstandarkan material or the

approval process, so that when the FPB has been made and there has been no

approval of the Project Manager, the FPB can not be made Purchase Order (PO)

by Purchasing. The system also controls the purchase of materials or PO both

quantities and prices with a predetermined budget. So that the PO is issued does

not exceed the specified budget.

Keywords:Budget, Budget Monitoring, Budget Information System,Budget

Monitoring Information System

Page 5: Full Ta Cetak

v  

ABSTRAK

Perkembangan teknologi informasi berbanding lurus dengan kebutuhan

penyajian data dan informasi. Hal tersebut disebabkan adanya permasalahan yang

timbul dalam suatu kegiatan perorangan ataupun organisasi yang sulit untuk

dipecahkan atau bahkan tidak terselesaikan dengan cara konvensional. Sehingga

pengembangan teknologi informasi sangat dibutuhkan untuk mencari solusi pada

setiap masalah yang dihasapi. Selain itu kemudahan dan kecepatan pengiriman

ataupun penerimaan informasi menjadi pokok utama dalam kegiatan manusia

sehari-hari, sehingga pengembangan teknologi informasi sangatlah penting guna

memenuhi kebutuhan tersebut.

PT. Alkonusa Teknik Inti perusahaan kontraktor di bidang Mekanikal dan

Elektrikal yang berkantor di Kelapa Gading Jakarta Utara. Dalam kegiatan

bisnisnya PT. Alkonusa Teknik Inti menjalankan proyek-proyek yang berlokasi di

Jakarta ataupun di luar Jakarta. Aliran data dan informasi yang mengalir antara

divisi proyek dengan divisi kantor pusat setiap harinya tergolong padat, selain itu

masing-masing proyek mempunyai budget material yang harus diolah agar dapat

dipantau penggunaannya.

Pembangunan sistem informasi menjadikan proses permintaan material

dari seluruh proyek menjadi terstandarkan baik format dan penamaan material

atau proses persetujuannya, sehingga apabila FPB telah dibuat dan belum ada

persetujuan dari Project Manager maka FPB tersebut tidak dapat dibuat Purchase

Order (PO) oleh Purchasing. Sistem tersebut juga mengontrol pembelian material

(PO) baik jumlah dan harga dengan budget yang telah ditentukan. Sehingga PO

yang dikeluarkan tidak melebihi budget yang ditentukan.

Kata Kunci : Budget, Monitoring Budget, Sistem Informasi Budget, Sistem

Informasi Monitoring Budget,

Page 6: Full Ta Cetak

vi  

KATA PENGANTAR

Alhamdulillah, penulis panjatkan segala puja dan puji syukur kepada Allah

Subhanahu Wa Ta’ala yang telah melimpahkan anugerah dan karunia-NYA

kepada seluruh umat manusia di muka bumi ini. Rahmat serta Salam semoga tetap

tercurahkan kepada Nabi Besar Muhammad Sallallahu ‘Alaihi Wasallam yang

telah menerangi dunia ini dengan ajarannya. Laporan tugas akhir dengan judul

“ANALISA DAN PERANCANGAN SISTEM INFORMASI MONITORING

BUDGET PADA PT. ALKONUSA TEKNIK INTI” ini disusun guna memenuhi

prasyarat kelulusan program studi Strata 1 pada jurusan Teknik Informatika di

Institut Sains dan Teknologi Al-Kamal.

Dalam penyelesaian tugas akhir ini penulis menyadari banyak hambatan

dan kendala pada saat penyusunan sehingga masih banyak kekurangan dan masih

jauh dari kata sempurna. Meski begitu dengan bantuan para Dosen Pembimbing

dan rekan-rekan lainnya, akhirnya laporan tugas akhir ini dapat terselesaikan.

Menyadari hal tersebut penulis menyampaikan ucapan terimakasih yang sedalam-

dalamnya kepada :

1. Dr. Amalia Syauket, SH,M.Si selaku Rektor Institut Sains dan Teknologi

Al-Kamal

2. Alim Hardiansyah, ST, M.Kom selaku Ketua Program Studi Teknik

Informatika.

3. Rycan Fahmi, S.Kom, M.Kom dan Bapak Ravie Kurnia Laday, S.Kom

selaku Dosen Pembimbing Tugas Akhir.

4. Bapak dan Ibu dosen serta staff tata usaha Program Studi Teknik

Informatik ISTA, yang telah banyak membantu dan mengarahkan selama

perkuliahan.

5. Pimpinan dan Seluruh Karyawan PT. Alkonusa Teknik Inti yang telah

memberikan bantuan dan dukungannya.

Page 7: Full Ta Cetak

vii  

6. Bapak dan Ibu yang selalu mengalirkan do’a-do’a pada tengah malam.

7. Istriku tercinta Dwi Puspa Wijayanti, yang dengan sabar menunggu untuk

menyelesaikan ini.

8. Anak-anakku Ajeng Regita Assyifa dan Julian Kerta Rahardja yang selalu

menghibur disaat penat, dan jadilah kalian manusia-manusia yang bercita-

cita luhur.

9. Sahabat-sahabatku Teknik Informatika angkatan 12, terima kasih atas

kerjasama dan semangatnya dalam perkuliahan ini.

Banyak hal yang tidak manusia sadari atas apa yang diperbuat, begitu juga

penulis hanyalah manusia biasa yang tak luput dari kesalahan. Sekiranya

kekeliruan yang terjadi pada penyusunan tugas akhir ini dapat dimaklumi oleh

pembaca semua dan semoga dapat menjadi pembelajaran kedepan kelak.

Semoga dengan selesainya tugas akhir ini dapat menjadi babak baru untuk

melangkah kedepan dengan ringan untuk menuju tempat-tempat yang terindah.

Akhir kata penulis memohon maaf yang sebesar-besarnya apabila banyak

melakukan kesalahan dalam penyelesaian tugas akhir ini, Mudah-mudahan

ilmu yang telah saya pelajari selama masa perkuliahan dapat bermanfa’at bagi

diri saya pribadi, keluarga juga bangsa dan negara. Amin.

Penulis

Page 8: Full Ta Cetak

viii  

DAFTAR ISI  

HALAMAN JUDUL

LEMBAR PERNYATAAN MAHASISWA ........................................................ ii 

LEMBAR PENGESAHAN ................................................................................. iii 

ABSTRACT ........................................................................................................... iv 

ABSTRAK ............................................................................................................. v 

KATA PENGANTAR .......................................................................................... vi 

DAFTAR ISI ....................................................................................................... viii 

DAFTAR TABEL ................................................................................................ xi 

DAFTAR GAMBAR ........................................................................................... xii 

SIMBOL FLOW CHART ................................................................................... xiv 

SIMBOL DATA FLOW DIAGRAM .................................................................. xvi 

SIMBOL ERD ................................................................................................... xvii 

BAB I PENDAHULUAN ...................................................................................... 1 

1.1 Latar Belakang ......................................................................................................... 1 

1.2 Rumusan Masalah ..................................................................................................... 2 

1.3 Batasan Masalah ....................................................................................................... 3 

1.4 Maksud dan tujuan penelitian ................................................................................... 3 

1.5 Metodologi Penelitian ............................................................................................... 4 

1.6 Sistematika Penulisan ............................................................................................... 4 

BAB II LANDASAN TEORI ............................................................................... 6 

2.1 Konsep Dasar Sistem ................................................................................................ 6 

2.1.1 Definisi Sistem ................................................................................................. 6 

2.1.2 Karakteristik Sistem ......................................................................................... 6 

2.1.3 Klasifikasi Sistem ............................................................................................ 7 

2.2 Konsep Dasar Data dan Informasi ............................................................................ 8 

2.2.1 Definisi Data .................................................................................................... 8 

2.2.2 Pembagian Data .............................................................................................. 9 

2.2.3 Definisi Informasi .......................................................................................... 11 

2.2.4 Kualitas Informasi .......................................................................................... 11 

Page 9: Full Ta Cetak

ix  

2.2.5 Nilai Informasi ............................................................................................... 12 

2.2.6   Definisi Sistem Informasi ......................................................................... 12 

2.3 Monitoring budget .................................................................................................. 13 

2.4 Flowmap ................................................................................................................. 13 

2.5 Data Flow Diagram ................................................................................................ 14 

2.5.1 DFD Level ....................................................................................................... 14 

2.6 Entitiy-Relationship diagram / ERD ....................................................................... 16 

2.7 HTML ..................................................................................................................... 18 

2.7.1 Pengertian HTML ............................................................................................ 18 

2.8 CSS (Cascading Style Sheet) .................................................................................. 18 

2.9 PHP ......................................................................................................................... 19 

2.9.1 Pengertian PHP ................................................................................................ 19 

2.10 Database ............................................................................................................... 21 

2.10.1 Pengertian Database ...................................................................................... 21 

2.11 MySQL ................................................................................................................ 21 

2.12 Javascript ............................................................................................................. 22 

2.13 Twitter Bootstrap .................................................................................................. 22 

BAB III ANALISA DAN PERANCANGAN SISTEM .................................... 23 

3.1 Sejarah dan Profil Perusahaan ................................................................................. 23 

3.2 Tempat dan Kedudukan Perusahaan ....................................................................... 23 

3.3 Struktur Organisasi ................................................................................................. 24 

3.4 Perancangan sistem ................................................................................................. 24 

3.4.1 Flowmap diagram ............................................................................................ 25 

3.4.2 Data Flow Diagram (DFD) ............................................................................ 27 

3.4.2 Entity Relationship Diagam (ERD) ................................................................ 30 

3.4.3 Normalisasi Database ...................................................................................... 31 

3.4.4 Data Tabel ........................................................................................................ 37 

3.4.5 Flowchart Sistem ............................................................................................. 45 

3.4.5.1 Flowchart Login ............................................................................................ 45 

3.4.5.2 Flowchart Pembuatan PO ............................................................................. 46 

BAB IV IMPLEMENTASI DAN PENGUJIAN .............................................. 47 

Page 10: Full Ta Cetak

x  

4.1 Perangkat Keras dan Perangkat Lunak ................................................................... 47 

4.2 Minimum Requirements .......................................................................................... 48 

4.3 Tampilan Halaman .................................................................................................. 49 

4.3.1 Halaman Awal ................................................................................................. 49 

4.3.2 Halaman Administrator .................................................................................... 52 

4.3.4 Halaman Logistik ............................................................................................. 56 

4.4 Kuisioner Pengujian Sistem .................................................................................... 69 

BAB V KESIMPULAN DAN SARAN .............................................................. 71 

5.1 Kesimpulan ............................................................................................................. 71 

5.2 Saran ....................................................................................................................... 71 

DAFTAR PUSTAKA .......................................................................................... 72 

LAMPIRAN

 

 

 

 

 

 

 

 

 

Page 11: Full Ta Cetak

xi  

DAFTAR TABEL

Tabel 3. 1 Unnormal ............................................................................................. 31

Tabel 3. 2 Normalisasi 1 NF ................................................................................. 33

Tabel 3. 3 Normalisasi 2 NF ................................................................................. 34

Tabel 3. 4 Normalisasi 3 NF ................................................................................. 35

Tabel 3. 5 Data Tabel Proyek ................................................................................ 37

Tabel 3. 6 Data Tabel Material ............................................................................. 37

Tabel 3. 7 Data Tabel Supplier ............................................................................. 37

Tabel 3. 8 Data Tabel Jabatan ............................................................................... 38

Tabel 3. 9 Data Tabel Kategori Budget ................................................................. 38

Tabel 3. 10 Data Tabel Supplier ........................................................................... 38

Tabel 3. 11 Data Tabel Jobdesk ............................................................................ 39

Tabel 3. 12 Data Tabel Nomor FPB...................................................................... 39

Tabel 3. 13 Kamus Data Tabel FPB...................................................................... 39

Tabel 3. 14 Data Tabel Budget Proyek ................................................................. 40

Tabel 3. 15 Data Tabel Budget .............................................................................. 40

Tabel 3. 16 Data Tabel Nomor PO........................................................................ 41

Tabel 3. 17 Data Tabel PO .................................................................................... 41

Tabel 4. 1 Perangkat Keras dan Perangkat Lunak ................................................ 47

Tabel 4. 2 Minimum Requirement ......................................................................... 48

Tabel 4. 3 Kuisioner .............................................................................................. 69

Tabel 4. 4 Hasil Kuisioner .................................................................................... 70

Page 12: Full Ta Cetak

xii  

DAFTAR GAMBAR

Gambar 2. 1 Karakteristik Sistem ........................................................................... 6

Gambar 3. 1 Struktur Organisasi ........................................................................... 24

Gambar 3. 2 Flowmap Berjalan ............................................................................ 25

Gambar 3. 3 Flowmap Usulan .............................................................................. 26

Gambar 3. 4 Diagram Konteks.............................................................................. 27

Gambar 3. 5 DFD Level 0 ..................................................................................... 28

Gambar 3. 6 DFD Level 1 Proses 1 ...................................................................... 29

Gambar 3. 7 DFD Level 1 Proses 2 ...................................................................... 29

Gambar 3. 8 ERD .................................................................................................. 30

Gambar 3. 9 Desain Database .............................................................................. 36

Gambar 3. 10 Rancangan Halaman Awal ............................................................. 42

Gambar 3. 11 Rancangan Halaman Login ............................................................ 42

Gambar 3. 12 Rancangan Halaman Administrator ............................................... 43

Gambar 3. 13 Rancangan Halaman Logistik ........................................................ 43

Gambar 3. 14 Rancangan Halaman Purchasing ................................................... 44

Gambar 3. 15 Rancangan Halaman Budgeting ..................................................... 44

Gambar 3. 16 Flowchart Login ............................................................................. 45

Gambar 3. 17 Flow Chart Pembuatan PO ............................................................. 46

Gambar 4. 1 Halaman Awal .................................................................................. 49

Gambar 4. 2 Halaman Tentang ............................................................................. 49

Gambar 4. 3 Halaman Galeri ................................................................................ 50

Gambar 4. 4 Halaman Referensi ........................................................................... 50

Gambar 4. 5 Halaman Hubungi Kami................................................................... 51

Gambar 4. 6 Halaman Login ................................................................................. 51

Gambar 4. 7 Halaman Administrator .................................................................... 52

Gambar 4. 8 Halaman Operator............................................................................ 53

Gambar 4. 9 Halaman Olah Data Pengguna ......................................................... 53

Gambar 4. 10 Halaman Olah Data Proyek ............................................................ 54

Gambar 4. 11 Halaman Olah Data Supplier.......................................................... 55

Page 13: Full Ta Cetak

xiii  

Gambar 4. 12 Halaman Olah Data Material .......................................................... 55

Gambar 4. 13 Halaman Logistik ........................................................................... 56

Gambar 4. 14 Halaman FPB ................................................................................. 56

Gambar 4. 15 Halaman Pembuatan FPB Baru ...................................................... 57

Gambar 4. 16 Halaman Project Manager ............................................................ 58

Gambar 4. 17 Halaman Persetujuan FPB ............................................................. 59

Gambar 4. 18 Halaman Budgeting ....................................................................... 59

Gambar 4. 19 Halaman Atur Budget ..................................................................... 60

Gambar 4. 20 Halaman List Kategori Budget ...................................................... 60

Gambar 4. 21 List Budget Proyek ......................................................................... 61

Gambar 4. 22 Halaman Transaksi Budget............................................................ 61

Gambar 4. 23 Format File Excel ........................................................................... 62

Gambar 4. 24 Save As Excel 97-2003 ................................................................... 62

Gambar 4. 25 Proses Unggah Budget ................................................................... 63

Gambar 4. 26 Proses Edit Budget ......................................................................... 63

Gambar 4. 27 Cetak Laporan ................................................................................ 64

Gambar 4. 28 Laporan Budget Pdf ........................................................................ 64

Gambar 4. 29 Halaman Purchasing ...................................................................... 65

Gambar 4. 30 Halaman FPB ................................................................................. 65

Gambar 4. 31 Halaman PO ................................................................................... 66

Gambar 4. 32 Halaman PO Baru.......................................................................... 66

Gambar 4. 33 Halaman Update PO....................................................................... 67

Gambar 4. 34 Cetak PO ........................................................................................ 68

Page 14: Full Ta Cetak

xiv  

SIMBOL FLOW CHART  

Simbol FLOWCHART JOGIYANTO, 2005

No. Simbol Nama Keterangan

1. Document Menunjukan dokumen

yang digunakan untuk

input dan output baik

secara manual, mekanik,

maupun komputerisasi.

2.

Manual Action Menunjukan pekerjaan

yang dilakukan secara

manual.

3. Process Menunjukan kegiatan

proses operasi program

komputer.

4. Hardisk Storage Input atau output yang

menggunakan hardisk.

5. Magnetic Tape Input atau output yang

menggunakan pita

magnetik.

Page 15: Full Ta Cetak

xv  

6. Offline Sort Menunjukan proses

pengurutan dokumen -

dokumen diluar komputer.

7. Punched card Input atau output yang

menggunakan kartu plong.

9. Manual input Input atau output yang

menggunakan keyboard.

11. Connector Digunakan untuk

penghubung ke halaman

yang masih sama atau ke

halaman lain.

12. Disket Storage Input atau output yang

menggunakan disket.

13. Flow Line Menunjukan arus dari

proses.

Page 16: Full Ta Cetak

xvi  

SIMBOL DATA FLOW DIAGRAM

Simbol DFD Jogiyanto, 2005

No. Simbol Arti

1. Kesatuan luar yang memberikan input

atau menerima output.

2. Proses, kegiatan yang dilakukan.

3. Simpanan Data.

4. Arus data yang mengalir dari proses ke

entity.

 

Page 17: Full Ta Cetak

xvii  

SIMBOL ERD  

Simbol ERD Jogiyanto, 2005

 

Page 18: Full Ta Cetak

1  

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dewasa ini perangkat komputer telah menjadi suatu perlengkapan kerja

yang harus dimiliki oleh pelaku bisnis, dengan menggunakan perangkat komputer

tersebut maka pekerjaan akan semakin mudah dan ringan dengan menggunakan

aplikasi yang ditanam pada perangkat komputer tersebut. Tentunya tidak semua

aplikasi mampu menjawab semua permasalahan yang dihadapi.

Demikian pula pada PT. Alkonusa Teknik Inti, sebuah perusahaan yang

bergerak dibidang jasa kontraktor Mekanikal dan Elektrikal. Pada perusahaan

tersebut proses bisnis yang dilakukan masih menggunakan cara konvensional

sehingga data ataupun dokumen yang dikelola terkadang tidak valid, selain itu PT.

Alkonusa Teknik Inti juga ingin menerapkan sistem budgeting untuk pengadaan

material pada masing-masing proyek.

PT. Alkonusa Teknik Inti mengerjakan proyek-proyek berskala besar

seperti hotel, apartement, kampus, mall, rumah sakit, gudang, pabrik dan lainnya.

PT. Alkonusa Teknik Inti menempatkan karyawannya ke masing-masing proyek

yang disebut staf proyek. Sedangkan untuk karyawan yang ditempatkan dikantor

pusat disebut staf kantor. Staf proyek terdiri dari logistik, pelaksana, drafter, site

manager, dan project manager. Logistik bertugas untuk mencatat keluar

masuknya barang, pelaksana bertugas sebagai pengawas pekerjaan, drafter

bertugas sebagai pembuat gambar kerja, sedangkan site manager adalah pimpinan

proyek yang mengatur semua kegiatan proyek, kemudian project manager

bertugas sebagai kordinator proyek. Sedangkan staf kantor terdiri dari staf divisi

estimate, engineering, purchasing dan divisi keuangan. Divisi estimate bertugas

menghitung seluruh biaya proyek yang ditenderkan beserta nilai direct cost (DC)

atau biaya langsung yang berhubungan dengan harga satuan material dan jumlah

material.

Page 19: Full Ta Cetak

2  

 

Divisi engineering bertugas melakukan analisa dan menerapkan sistem pada

pekerjaan mekanikal ataupun elektrikal pada proyek yang sedang ditenderkan

ataupun yang sedang berjalan. Divisi purchasing bertugas membuat PO material

ke supplier. Sedangkan divisi keuangan bertugas mencatat keluar masuknya

keuangan perusahaan.

Pada saat proyek berjalan staf proyek akan menghitung jumlah kebutuhan

material yang akan dipergunakan kemudian dari data tersebut akan dibuat Form

Permintaan Barang (FPB) dan dikirim melalui faximille ke kantor pusat untuk

segera di datangkan. Di kantor pusat data tersebut akan diolah dan selanjutnya

akan dibuat Purchas Order (PO) ke supplier untuk segera dikirim ke proyek.

Dari proses diatas masalah yang sering muncul adalah sebagai berikut :

1. Pada saat pembuatan FPB sering terjadi kesalahan penyebutan nama

material baik jenis ataupun spesifikasinya, sehingga barang yang datang

tidak sesuai permintaan.

2. Pembuatan FPB terkadang tidak dibubuhi tanda tangan oleh Site Manager

atau Project Manager dan hanya konfirmasi lewat telepon, tentunya hal

tersebut apabila ada kesalahan dikemudian hari akan sulit melacak

kekeliruannya.

3. Formulir permintaan barang sering tercecer atau hilang, dikarenakan

pengiriman menggunakan faximille

4. Tidak adanya batasan harga satuan material dan jumlah material pada saat

membuat PO ke supplier. Sehingga tidak dapat diketahui secara rinci

material mana saja yang sudah melampaui dari Direct Cost (DC) material

yang dibuat oleh divisi estimate.

1.2 Rumusan Masalah

Seperti yang telah diuraikan di atas bahwa masalah yang dihadapi adalah

masalah permintaan barang dari staf proyek serta masalah pembatasan pengadaan

barang baik harga ataupun jumlahnya. Dengan melihat latar belakang diatas, maka

pada penelitian ini penulis merumuskan sebagai berikut :

Page 20: Full Ta Cetak

3  

 

1. Bagaimana agar proses permintaan barang dari staf proyek dapat lebih

tertata dan melalui proses persetujuan yang berlaku.

2. Bagaimana agar pengadaan material memiliki kesesuaian dengan Direct

Cost (DC) dari divisi estimate.

1.3 Batasan Masalah

Dari rumusan masalah diatas, maka peneliti membuat batasan masalah

agar proses penelitian tidak melebar dan menjadi tidak fokus. Batasan masalah

tersebut adalah :

1. Profil Perusahaan

2. Sistem pengolahan permintaan material dari proyek

3. Sistem pengolahan perencanaan budget material proyek

4. Sistem pengolahan Purchase Order (PO)

1.4 Maksud dan tujuan penelitian

Maksud dan tujuan penulis dalam penelitian ini adalah :

1. Terciptanya standarisasi dalam hal permintaan barang dari staf proyek baik

itu penamaan material, validitas persetujuan FPB dan adanya media

penyimpanan agar dokumen FPB.

2. Adanya kontrol harga satuan material dan batas jumlah material pada saat

pembuatan PO secara sistematik untuk menjaga kesesuaian dengan DC

material proyek.

Manfaat dari penelitian ini bagi penulis sendiri adalah agar dapat

mengembangkan ilmu yang didapat dari bangku kuliah. Sedangkan manfaat bagi

perusahaan adalah dengan adanya sistem informasi yang dapat diakses dengan

cepat dan mudah seingga perusahaan dapat mengambil keputusan yang tepat.

Page 21: Full Ta Cetak

4  

 

1.5 Metodologi Penelitian

Dalam pengumpulan data, penulis menggunakan beberapa metode

pengumpulan data yaitu :

1. Metode Wawancara

Metode ini dilakukan dengan cara wawancara langsung dengan divisi terkait

untuk mengetahui konsep proses bisnis yang dilakukan, data-data yang

mengalir dan permasalahan yang muncul.

2. Metode Observasi (pengamatan)

Observasi merupakan kegiatan mengumpulkan data dengan cara melakukan

pengamatan langsung terhadap sistem yang telah berjalan saat ini di PT.

Alkonusa Teknik Inti.

3. Metode Bimbingan

Metode ini digunakan untuk mendapatkan pengarahan dan petunjuk dalam

penelitian, sehingga pembuatannya berjalan dengan baik dan lancar

4. Metode Studi Pustaka

Dalam hal ini penulis mengambil dan menggunakan beberapa buku dan

referensi lain untuk menunjang teori-teori serta analisis yang dilakukan.

1.6 Sistematika Penulisan

Untuk memudahkan pelaporan penelitian maka dibuat sistematika

penulisan penelitian yang disusun sebagai berikut :

BAB I PENDAHULUAN

Terdiri dari latar belakang, rumusan masalah, maksud dan tujuan, ruang

lingkup, metodologi penelitian dan sistematika penulisan.

BAB II LANDASAN TEORI

Terdiri dari Konsep Dasar Sistem, Konsep Dasar Data dan Informasi,

Monitoring Budget, Flowmap, Data Flow Diagram, Entitiy-Relationship diagram,

HTML, CSS, PHP, Database, Javascript dan Twitter Bootstrap.

Page 22: Full Ta Cetak

5  

 

BAB III ANALISA DAN PERANCANGAN

Terdiri dari profil perusahaan dan analisa perancangan sistem yang

akan dibuat.

BAB IV IMPLEMENTASI DAN PENGUJIAN

Berisi tentang hasil pengujian sistem

BAB V PENUTUP

Berisikan tentang kesimpulan dari hasil analisis dan pembahasan

masalah beserta saran sebagai hasil dari aplikasi yang telah dibuat.

Page 23: Full Ta Cetak

 

6  

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Sistem

2.1.1 Definisi Sistem

Menurut Mustakini (2009), “Sistem dapat didefinisikan dengan pendekatan

prosedur dan pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan

dari prosedur-prosedur yang mempunyai tujuan tertentu”. Menurut Sutarman

(2012) “Sistem adalah kumpulan elemen yang saling berhubungan dan

berinteraksi dalam satu kesatuan untuk menjalankan suatu proses pencapaian

suatu tujuan utama”.

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa sistem

adalah suatu kumpulan atau kelompok dari elemen atau komponen yang saling

berhubungan atau saling berinteraksi dan saling bergantung satu sama lain untuk

mencapai tujuan tertentu.

2.1.2 Karakteristik Sistem

Gambar 2. 1 Karakteristik Sistem

Page 24: Full Ta Cetak

        7  

7  

Page 25: Full Ta Cetak

7  

 

Menurut Mustakini (2009), Suatu sistem mempunyai karakteristik,

karakteristik sistem yang dimaksud adalah sebagai berikut ini:

1. Suatu sistem mempunyai komponen-komponen sistem (components) atau

subsistem-subsistem. Suatu sistem terdiri dari sejumlah komponen-

komponen yang saling berinteraksi, yang artinya saling bekerja sama dalam

membentuk suatu kesatuan. Komponen sistem tersebut dapat berupa suatu

bentuk sub-sistem.

2. Suatu sistem mempunyai batas sistem (boundary). Batasan sistem

membatasi antara sistem yang satu dengan yang lainnya atau sistem dengan

lingkungan luarnya.

3. Suatu sistem mempunyai lingkungan luar (environment). Lingkungan luar

sistem adalah suatu bentuk apapun yang ada diluar ruang lingkup atau

batasan sistem yang mempengaruhi operasi sistem tersebut.

4. Suatu sistem mempunyai penghubung (interface). Penghubung sistem

merupakan media yang menghubungkan sistem dengan sub-sistem yang

lain, dengan demikian dapat terjadi suatu integrasi sistem yang membentuk

suatu kesatuan.

5. Suatu sistem mempunyai tujuan (goal). Suatu sistem pasti mempunyai

tujuan (goals) atau sasaran sistem (objective). Sebuah sistem dikatakan

berhasil apabila mengenai sasaran atau tujuannya, jika suatu sistem tidak

mempunyai tujuan maka operasi sistem tidak akan ada gunanya.

2.1.3 Klasifikasi Sistem

Menurut Mustakini (2009), Suatu sistem dapat diklasifikasikan:

1. Sistem abstrak (abstact system) dan sistem fisik (phisical system). Sistem

abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak

tempak secara fisik, misalnya sistem teknologi yaitu sistem yang berupa

pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sitem fisik

merupakan sistem yang ada secara fisik.

Page 26: Full Ta Cetak

8  

 

2. Sistem Alami (natural system) dan Sistem Buatan Manusia (human made

system).Sistem alami adalah sistem yang keberadaannya terjadi secara

alami/natural tanpa campuran tangan manusia. Sedangkan sistem buatan

manusia adalah sebagai hasil kerja manusia. Contoh sistem alamiah adalah

sistem tata surya yang terdiri dari atas sekumpulan planet, gugus bintang

dan lainnya. Contoh sistem abstrak dapat berupa sistem komponen yang ada

sebagai hasil karya teknologi yang dikembangkan manusia.

3. Sistem pasti (deterministic system) dan sistem tidak tentu (probobalistic

system). Sistem tertentu adalah sistem yang tingkah lakunya dapat

ditentukan/diperkirakan sebelumnya. Sedangkan sistem tidak tentu sistem

tingkah lakunya tidak dapat ditentukan sebelumnya. Sistem aplikasi

komputer merupakan contoh sistem yang tingkah lakunya dapat ditentukan

sebelumnya. Program aplikasi yang dirancang dan dikembangkan oleh

manusia dengan menggunakan prosedur yang jelas, terstruktur dan baku.

4. Sistem Tertutup (closed system) dan Sistem Terbuka (open system). Sistem

tertutup merupakan sistem yang tingkah lakunya tidak dipengaruhi oleh

lingkungan luarnya. Sebaliknya, sistem terbuka mempunyai prilaku yang

dipengaruhi oleh lingkungannya. Sistem aplikasi komputer merupakan

sistem relative tertutup, karena tingkah laku sistem aplikasi komputer tidak

dipengaruhi oleh kondisi yang terjadi diluar sistem.

2.2 Konsep Dasar Data dan Informasi

2.2.1 Definisi Data

Menurut Sutarman (2012) “Data adalah fakta dari sesuatu pernyataan yang

berasal dari kenyataan, di mana pernyataan tersebut merupakan hasil pengukuran

atau pengamatan. Data dapat berupa angka-angka, huruf-huruf, simbol-simbol

khusus, atau gabungan darinya”. Menurut Situmorang (2010), “Data adalah things

known or assumed, yang berarti bahwa data sesuatu yang diketahui atau

dianggap”. Diketahui artinya yang sudah terjadi merupakan fakta (bukti). Data

dapat memberikan gambaran tentang suatu keadaan atau personal.

Page 27: Full Ta Cetak

9  

 

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa data

adalah fakta dari sesuatu, kejadian, aktifitas dan transaksi yang dicatat,

diklasifikasikan dan disimpan berupa angka, tulisan, gambar, suara ataupun tokoh

namun belum diorganisasikan dalam bentuk yang dapat dimengerti. Menurut

Situmorang (2010), data bisa juga didefenisikan sekumpulan informasi atau nilai

yang diperoleh dari pengamatan (observasi) suatu objek, data dapat berupa angka

dan dapat pula merupakan lambing atau sifat, beberapa macam data antara lain:

1. Data populasi dan data sampel.

2. Data observasi.

3. Data primer dan data sekunder.

Pada dasarnya kegunaan data (setelah diolah dan dianalisis) ialah sebagai

dasar yang objektif di dalam proses pembuatan keputusan-

keputusan/kebijaksanaan-kebijaksanaan dalam rangka untuk memecahkan

persoalan oleh pengambilan keputusan. Keputusan yang baik hanya bisa diperoleh

dari pengambilan keputusan yang objektif, dan didasarkan atas data yang baik.

Data yang baik adalah data yang bisa dipercaya kebenarannya (reliable), tepat

waktu mencakup ruang lingkup yang luas atau bisa memberikan gambaran

tentang suatu masalah secara menyeluruh merupakan data relevan. Riset akan

menghasilkan data. Ada tiga peringkat data yaitu:

1. Data mentah, hasil pengumpulan.

2. Data hasil pengolahan berupa jumlah, rata-rata, persentase.

3. Data hasil analisis berupa kesimpulan. Yang terakhir ini mempunyai

peringkat tertinggi sebab langsung dapat dipergunakan untuk menyusun

saran atau usul untuk dasar membuat keputusan.

2.2.2 Pembagian Data

Menurut Situmorang (2010), Pembagian Data adalah sebagai berikut:

1. Menurut sifatnya, yang selanjutnya dapat dibagi dua:

a. Data Kualitatif yaitu data yang tidak berbentuk angka.

Page 28: Full Ta Cetak

10  

 

Misalnya: kuesioner pernyataan tentang suasana kerja, kualitas pelayanan

sebuah restoran atau gaya kepemimpinan, dsb.

b. Data Kuantitatif yaitu data yang berbentuk angka. Misalnya: harga

saham, besarnya pendapat dsb.

2. Menurut sumber data, data yang selanjutnya dibagi dua:

a. Data Internal yaitu data dari dalam suatu organisasi yang

menggambarkan keadaan organisasi tersebut. Misalnya suatu perusahaan:

jumlah karyawannya, jumlah modalnya dan jumlah produksinya.

b. Data Eksternal yaitu data dari luar suatu organisasi yang dapat

menggambarkan faktor-faktor yang mungkin mempengaruhi hasil kerja

suatu organisasi. Misalnya: daya beli masyarakat mempengaruhi hasil

penjualan suatu perusahaan.

3. Menurut cara memperolehnya, juga bisa dibagi dua:

a. Data Primer (primary data) yaitu data yang dikumpulkan sendiri oleh

perorangan/suatu organisasi secara langsung dari objek yang diteliti dan

untuk kepentingan studi yang bersangkutan yang dapat berupa interview

dan observasi.

b. Data Sekunder (secondary data) yaitu data yang diperoleh/dikumpulkan

dan disatukan oleh studi-studi sebelumnya suber tidak langsung berupa

data dokumentasi dan arsip-arsip resmi.

4. Menurut waktu pengumpulannya, dapat dibagi dua:

a. Data (cross section) ialah data yang dikumpulkan pada suatu waktu

tertentu (at a point of time) untuk menggambarkan keadaan dan kegiatan

pada waktu tersebut. Misalnya: data penelitian yang menggunakan

kuesioner.

b. Data berkala (time series data) ialah data yang dikumpulkan dari waktu

untuk melihat perkembangan suatu kepentingan studi untuk

bersangkutan. Misalnya: Data penelitian menggunakan interview dan

observasi.

Page 29: Full Ta Cetak

11  

 

2.2.3 Definisi Informasi

Menurut Sutarman (2012), “Informasi adalah sekumpulan fakta (data) yang

diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi si

penerima”. Sedangakan menurut Winarno (2004), ”Informasi adalah data yang

sudah diolah sehingga berguna untuk pembuat keputusan”.

Berdasarkan pendapat yang dikemukakan di atas dapat ditarik kesimpulan

bahwa informasi adalah data yang sudah diolah menjadi sebuah bentuk yang

berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini

atau mendukung sumber informasi.

2.2.4 Kualitas Informasi

Menurut Mustakini (2009), Informasi mempunyai tiga kualitas informasi,

antara lain:

1. Accurate. Informasi harus bebas dari kesalahan kesalahan dan tidak

menyesatkan, dalam hal ini informasi harus jelas mencerminkan

maksudnya.

2. Timeliness. Informasi yang datang pada penerima tidak boleh terlambat.

Informasi yang sudah usung tidak akan memiliki nilai lagi karena informasi

merupakan suatu landasan dalam mengambil sebuah keputusan di

mana bila mengambil keputusan terlambat maka akan bersifat fatal untuk

organisasi.

3. Relevance. Informasi harus mempunyai manfaat untuk pemakainya, dimana

relevansi informasi untuk tiap-tiap individu berbeda tergantung pada yang

menerima dan yang membutuhkan. Nilai informasi di tentukan oleh dua hal

yaitu manfaat dan biaya. Suatu informasi dikatakan bernilai apabila

manfaatnya lebih efektif di bandingkan dengan biaya mendapatkannya.

Page 30: Full Ta Cetak

12  

 

2.2.5 Nilai Informasi

Menurut Sutarman (2012), Nilai dari informasi ditentukan oleh lima hal

yaitu:

1. Untuk memperoleh pemahaman dan manfaat.

2. Untuk mendapatkan pengalaman.

3. Pembelajaran yang terakumulasi sehingga dapat diaplikasikan dalam

pemecahan masalah atau proses bisnis tertentu.

4. Untuk mengekstrak inplikasi kritis dan merfleksikan pengalaman masa

lampau yang menyedikan pengetahuan yang terorganisasi dengan nilai yang

tinggi. Nilai ini bisa menghindari seorang menajer darimembuat kesalahan

yang sama yang dilakukan oleh manajer lain sebelumnya.

5. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif

dibandingkan dengan biaya mendapatkannya. Sebagian besar informasi

tidak dapat ditaksir keuntungannya dengan suatu nilai uang, tetapi dapat

ditaksir nilai efektivitasnya.

2.2.6 Definisi Sistem Informasi

Menurut Sutarman (2012), “Sistem informasi adalah ”Sistem dapat

didefinisikan dengan mengumpulkan, memperoses, menyimpan, menganalisis,

menyebarkan informasi untuk tujuan tertentu. Seperti sistem lainnya, sebuah

sistem informasi terdiri atas input (data, instruksi) dan output (laporan,

kalkulasi)”. Menurut Mulyanto (2009), “Sistem informasi adalah suatu komponen

yang terdiri dari manusia, teknologi informasi, dan prosedur kerja yang

memproses, menyimpan, menganalisis, dan menyebarkan informasi untuk

mencapai suatu tujuan”.

Dari pendapat yang dikemukakan di atas dapat disimpulkan bahwa

informasi adalah gabungan dari orang, hardware, software, jaringan komunikasi,

sumber daya data, dan kebijakan dan prosedur yang menyimpan, mengumpulkan

Page 31: Full Ta Cetak

13  

 

(mendapatkan kembali), memproses, dan mendistribusikan informasi untuk

mendukung pengambilan dan pengontrolan keputusan dalam suatu organisasi.

2.3 Monitoring budget

Monitoring Budget secara bahasa diartikan pengawasan anggaran.

Anggaran adalah suatu nilai baik jumlah ataupun harga yang dikeluarkan untuk

sebuah kegiatan yang membutuhkan material atau jasa. Sedangkan pengawasan

adalah perlakuan oleh seseorang ataupun alat yang ditujukan untuk mengontrol

atas sesuatu kegiatan.

Monitoring Budget atau pengawasan anggaran dalam sebuah proyek

adalah kegiatan yang dilakukan untuk mengontrol jalannya proyek dalam hal

pengadaan barang atau jasa baik itu secara satuan ataupun menyeluruh. Hal ini

dilakukan agar tidak terjadi kesalahan dan penyimpangan dalam pengadaan

barang atau jasa tersebut. Dengan adanya pegawasan anggaran maka akan

menghasilkan informasi yang cepat tentang keberadaan proyek tersebut yang

berkaitan dengan jumlah ataupun harga barang. Dari informasi tersebut dapat

dijadikan sebagai bahan evaluasi dalam pembuatan anggaran untuk proyek-proyek

selanjutnya.

2.4 Flowmap

Flow Map adalah alat bantu konvensional atau diagram aliran dokumen

dari sistem prosedur kerja yang menunjukkan pergerakan benda dari satu lokasi

ke lokasi lain, seperti jumlah orang dalam migrasi, jumlah barang yang

diperdagangkan, atau jumlah paket dalam jaringan. Menurut Jogiyanto (2005)

“Flow Map merupakan bagan yang menunjukkan arus pekerjaan secara

keseluruhan dari sistem. Bagian ini menjelas urutan-urutan dari prosedur-prosedur

yang ada di dalam sistem. Bagan alir sistem menunjukkan apa yang dikerjakan di

sistem”.

Page 32: Full Ta Cetak

14  

 

Penggambaran dimulai dengan mengamati dokumen yang menjadi

informasi. Selanjutnya ke bagian mana atau entitas mana dokumen itu mengalir,

perubahan apa yang terjadi pada dokumen tersebut, proses apa yang terjadi pada

dokumen tersebut dan seterusnya.

2.5 Data Flow Diagram

Data Flow Diagram atau DFD adalah salah satu tools penting yang

digunakan oleh analis sistem. Menurut Pressman (2002) “DFD adalah sebuah

teknik grafis yang menggambarkan aliran informasi dan transformasi yang

diaplikasikan pada saat data bergerak dari input menjadi output”. Menurut

Jogiyanto (2004) “Data flow diagram logika (DADL) lebih tepat digunakan untuk

menggambarkan sistem yang akan diusulkan (sistem yang baru). Data Flow

Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD

menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di mana

komponen-komponen tersebut, dan asal, tujuan, dan penyimpanan dari data

tersebut”.

Kita dapat menggunakan DFD untuk dua hal utama, yaitu untuk membuat

dokumentasi dari sistem informasi yang ada, atau untuk menyusun dokumentasi

untuk sistem informasi yang baru. Empat simbol yang digunakan adalah:

2.5.1 DFD Level

DFD dapat digambarkan dalam Diagram Context dan Level n. Huruf n

dapat menggambarkan level dan proses di setiap lingkaran.

2.5.1.1 Context Diagram (CD)

Jenis pertama Context Diagram, adalah data flow diagram tingkat atas

(DFD Top Level), yaitu diagram yang paling tidak detail, dari sebuah sistem

informasi yang menggambarkan aliran-aliran data ke dalam dan ke luar sistem dan

Page 33: Full Ta Cetak

15  

 

ke dalam dan ke luar entitas-entitas eksternal. (CD menggambarkan sistem dalam

satu lingkaran dan hubungan dengan entitas luar. Lingkaran tersebut

menggambarkan keseluruhan proses dalam sistem).

2.5.1.2 Diagram Level n

Dalam diagram n DFD dapat digunakan untuk menggambarkan diagram

fisik maupun diagram diagram logis. Dimana Diagram Level n merupakan hasil

pengembangan dari Context Diagram ke dalam komponen yang lebih detail

tersebut disebut dengan top-down partitioning. Jika kita melakukan

pengembangan dengan benar, kita akan mendapatkan DFD-DFD yang seimbang.

2.5.1.3 DFD Logis

Adalah representasi grafik dari sebuah sistem yang menunjukkan proses-

proses dalam sistem tersebut dan aliran-aliran data ke dalam dan ke luar dari

proses-proses tersebut. Kita menggunakan DFD logis untuk membuat

dokumentasi sebuah sistem informasi karena DFD logis dapat mewakili logika

tersebut, yaitu apa yang dilakukan oleh sistem tersebut, tanpa perlu menspesifikasi

dimana, bagaimana, dan oleh siapa proses-proses dalam sistem tersebut dilakukan.

Keuntungan dari DFD logis dibandingkan dengan DFD fisik adalah dapat

memusatkan perhatian pada fungsi-funsi yang dilakukan sistem.

Perlu diperhatikan di dalam pemberian Keterangan/ Label.

2.5.1.4 DFD Fisik

Adalah representasi grafik dari sebuah sistem yang menunjukan entitas-

entitas internal dan eksternal dari sistem tersebut, dan aliran-aliran data ke dalam

dan keluar dari entitas-entitas tersebut. Entitas-entitas internal adalah personel,

tempat (sebuah bagian), atau mesin (misalnya, sebuah komputer) dalam sistem

tersebut yang mentransformasikan data. Maka DFD fisik tidak menunjukkan apa

yang dilakukan, tetapi menunjukkan dimana, bagaimana, dan oleh siapa proses-

Page 34: Full Ta Cetak

16  

 

proses dalam sebuah sistem dilakukan. Perlu diperhatikan didalam memberikan

keterangan di lingkaran-lingkaran (simbol proses) dan aliran-aliran data (simbol

aliran data) dalam DFD fisik menggunakan label/keterangan dari kata benda

untuk menunjukan bagaimana sistem mentransmisikan data antara lingkaran-

lingkaran tersebut.

2.6 Entitiy-Relationship diagram / ERD

Dalam rekayasa perangkat lunak, sebuah Entity-Relationship Model (ERM)

merupakan abstrak dan konseptual representasi data. Entity-Relationship adalah

salah satu metode pemodelan basis data yang digunakan untuk menghasilkan

skema konseptual untuk jenis/model data semantik sistem. Dimana sistem

seringkali memiliki basis data relasional, dan ketentuannya bersifat top-down.

Diagram untuk menggambarkan model Entitiy-Relationship ini disebut Entitiy-

Relationship diagram, ER diagram, atau ERD. ERD adalah suatu pemodelan

konseptual yang didesain secara khusus untuk mengidentifikasikan entitas yang

menjelaskan data dan hubungan antar data, yaitu dengan menuliskan dalam

Cardinality . Elemen-elemen yang membentuk ERD adalah :

1. Entity yaitu suatu entitas yang dapat berupa orang, tempat, obyek, atau

kejadian yang dianggap penting bagi perusahaan, sehingga segala atributnya

harus dicatat dan disimpan dalam basis data. Contoh dari entity adalah

employee, customer, sales order, dan sebagainya,

2. Atribut. Setiap entitas mempunyai karakterisik tertentu yang dinamakan

dengan atribut. Contoh dari atribut adalah EmployeeName, Customer Name,

Employee ID, dan Customer ID,

3. Identifier merupakan nama attribute yang digunakan untuk mengidentifikasi

entity. Ada tiga jenis identifier, yaitu Primary Key, Secondary Key, dan

Foreign Key. Dalam penelitian ini hanya menggunakan Primary Key dan

Foreign Key.

a. Primary Key merupakan suatu kode identifikasi yang bersifat unik yang

ditunjukkan oleh masing-masing record dalam sistem. Tujuan dari

Page 35: Full Ta Cetak

17  

 

primary key adalah untuk menunjukkan lokasi tiap catatan di dalam suatu

file mengenai catatan-catatan serupa.

b. Foreign Key merupakan atribut yang merupakan primary key dari relasi

lain yang ditarik/dihubungkan ke suatu relasi.

4. Relationship merupakan hubungan suatu jalinan antara entitas. Ada tiga tipe

relationship, yaitu :

a. One-to-one relationship

Dimana Maximum Cardinality setiap entity adalah 1. Contoh : Satu

nasabah bank hanya memiliki satu account.

b. One-to-many relationship (1:N).

Dimana Maximum Cardinality dari suatu entity adalah 1 dan Maximum

Cardinality dari entity lain adalah N. Contoh : Satu nasabah bank dapat

memiliki lebih dari satu account.

c. Many-to-many relationship (M:N).

Dimana Maximum Cardinality kedua entity yang berhubungan adalah N.

Contoh : Satu nasabah dapat memilliki beberapa account dan satu

account dapat dimiliki oleh beberapa nasabah (rekening bersama).

5. Cardinality merupakan kendala-kendala yang timbul dalam hubungan antar

entitas. Minimum Cardinality mengindikasikan angka terkecil dari baris

yang dapat dihubungkan dalam relationship. Minimum Cardinality bisa 0

atau 1. Yang dimaksud dengan minimum Cardinality 0 adalah setiap baris

entity pada relationship lain. Sedangkan minimum Cardinality 1

menunjukkan bahwa setiap baris dari entity harus dihubungkan dengan

paling sedikit satu baris dari entity lain. Maximum Cardinality

mengindikasikan angka terbesar dari baris yang dapat dihubungkan dalam

relationship. Maximum Cardinality bisa 1 atau N. Simbol yang ada

menunjukkan setiap baris dalam tabel dapat dihubungkan dengan beberapa

baris pada tabel lain. Maximum Cardinality 1 menunjukkan bahwa baris dari

entity dapat dihubungkan ke paling banyak satu baris dari entity lain.

Sedangkan minimum Cardinality N menunjukkan bahwa satu baris dari

entity dapat dihubungkan dengan lebih dari satu baris dari entity lain.

Page 36: Full Ta Cetak

18  

 

2.7 HTML

2.7.1 Pengertian HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa

pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang

kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah

penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link, link

antara file-file dalam situs atau dalam komputer dengan menggunakan localhost,

atau link yang menghubungkan antar situs dalam dunia internet.

Supaya dapat menghasilkan tampilan wujud yang terintegerasi pemformatan

hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman

web dengan perintah-perintah HTML. HTML merupakan sebuah bahasa yang

bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan

penerbitan yang disebut Standard Generalized Markup Language (SGML ).

(sumber : Betha Sidik dan Husni, 2010).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan

didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C). Pada

tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau

TIM pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian

fisika energi tinggi di Jenewa). Dokumen HTML terdiri dari teks-teks dan gambar

dapat juga berisi file-file multimedia seperti : animasi, suara ataupun video. Untuk

memberikan suatu efek yang diinginkan, dalam HTML memiliki suatu elemen-

elemen dan tag-tag yang berfungsi memformat atau menandai suatu bagian

tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut

dalam dokumen HTML.

2.8 CSS (Cascading Style Sheet)

Cascading Style Sheet (CSS) adalah salah satu bahasa pemrograman web

yang digunakan untuk mempercantik halaman web dan mengendalikan beberapa

komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS

Page 37: Full Ta Cetak

19  

 

dapat digunakan dalam mengendalikan ukuran gambar, warna teks, warna tabel,

ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar

paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya,

(Dominikus Juju , 2007). CSS bisa juga diartikan sebagai bahasa style sheet yang

digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS

memungkinkan untuk menampilkan halaman yang sama dengan format yang

berbeda.

Adapun beberapa kelebihan CSS adalah sebagai berikut:

1. Memisahkan desain dengan konten halaman web.

2. Mengatur desain sefisien mungkin.

3. Jika ingin mengubah suatu tema halaman web, cukup modifikasi pada css

saja.

4. Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.

5. Lebih mudah didownload karena lebih ringan ukuran filenya.

6. Satu CSS dapat digunakan banyak halaman web.

2.9 PHP

2.9.1 Pengertian PHP

PHP adalah kependekan dari Pretext Hyper-Processor yang dibangun oleh

Rasmus Lerdorf pada tahun 1994. Menurut Nugroho (2009) PHP singkatan dari

Hypertext Preprocessor yang digunakan sebagai bahasa script server side dalam

pengembangan web yang disisipkan pada dokumen HTML.

Dahulu, pada awal pengembangannya PHP disebut sebagai kependekan

dari Personal Home Page. PHP merupakan produk open source sehingga kita

dapat mengakses source code, menggunakan, dan mengubahnya tanpa harus

membayar sepeserpun. PHP adalah bahasa scripting yang menyatu dengan HTML

dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan

sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya

Page 38: Full Ta Cetak

20  

 

hasilnya saja. PHP menyatu dengan bahasa HTML untuk membuat halaman web

yang menarik. PHP mampu berjalan di atas beberapa platform seperti Windows,

Unix serta varian Linux. Beberapa kelebihan PHP antara lain dapat membuat situs

yang interaktif dengan forum diskusi, guestbook dan sebagainya, koneksitas yang

baik dengan bermacam-macam database seperti Oracle, MySQL, PostgreSQL dan

lain-lain. Kode PHP diawali dengan tag <? atau <?php dan ditutup dengan tag ?>.

File yang berisi tag HTML dan kode PHP diberi ekstensi .php. Berdasarkan

ekstensi ini, pada saat file diakses, server akan tahu bahwa file tersebut

mengandung kode PHP. Server akan menerjemahkan kode dan menghasilkan

output dalam bentuk tag HTML yang akan dikirim ke browser klien yang

mengakses file tersebut.

Dalam menuliskan script atau program PHP, ada dua cara yang sering

digunakan, yaitu embedded script dan non-embedded script. Embedded script

yaitu menuliskan script PHP di antara tag-tag HTML. Sedangkan non-embedded

script merupakan pembuatan program murni PHP, di mana tag-tag HTML yang

diletakkan di dalam script PHP.

Beberapa kelebihan PHP dari bahasa pemrograman web antara lain :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari

mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif

mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah

karena memiliki referensi yang paling banyak.

5. PHP adalah bahan open source yang dapat digunakan di berbagai mesin

(Linux, Unix, Macintosh,Windows) dan dapat dijalankan secara runtime

melalui console serta juga dapat menjalankan perintah-perintah sistem.

Page 39: Full Ta Cetak

21  

 

2.10 Database

2.10.1 Pengertian Database

Database adalah tempat untuk menyimpan berbagai macam data yang

nantinya akan diproses untuk dijadikan informasi yang diperlukan oleh berbagai

pihak, baik intern maupun ekstern. Database merupakan kelompok data yang

saling berkaitan. Data tersebut diorganisasikan sedemikian rupa agar tidak terjadi

duplikasi yang tidak perlu, sehingga dapat diolah atau dieksplorasi secara cepat

dan mudah untuk menghasilkan informasi ( Kristanto, 1994).

Untuk mengelola database diperlukan suatu perangkat lunak yang disebut

DBMS (Database Management System). DBMS merupakan suatu sistem

perangkat lunak yang memungkinkan user (pengguna) untuk membuat,

memelihara, mengontrol, dan mengakses database secara praktis dan efisien.

Dengan DBMS, user akan lebih mudah mengontrol dan memanipulasi data yang

ada. Sedangkan RDBMS atau Relationship Database Management System

merupakan salah satu jenis DBMS yang mendukung adanya relationship atau

hubungan antar tabel. Disamping RDBMS, terdapat jenis DBMS lain, misalnya

Hierarchy DBMS, Object Oriented DBMS, dan sebagainya.

2.11 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

(Bahasa Inggris: database management system) atau DBMS yang multithread,

multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat

MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General

Public Lincense (GPL), tetapi mereka juga menjual dibawah lisensi komersial

untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

Menurut Nugroho (2009) MySQL adalah sebuah program database server yang

mampu menerima dan mengirimkan datanya dengan sangat cepat, multi user,

serta menggunakan perintah standar SQL. Beberapa kelebihan MySQL antara

lain:

Page 40: Full Ta Cetak

22  

 

1. Free (Bebas didownload)

2. Stabil dan tangguh

3. Fleksibel dengan berbagai pemrograman

4. Security yang baik

5. Dukungan dari banyak komunitas

6. Kemudahan manajemen database

2.12 Javascript

Javascript diperkenalkan pertamakali oleh Netscape padatahun 1995. Pada

awalnya bahasa ini dinamakan“LiveScript”yang berfungsi sebagai bahasa

sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak

dikritik karena kurang aman, pengembangannya yang terkesan buru-buru dan

tidak ada pesan kesalahan yang ditampilkan setiap kali kita membuat kesalahan

pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya

kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman“Java”)

pada masa itu, maka Netscape memberikan nama“Javascript” kepada bahasa

tersebut pada tanggal 4 desember 1995. Javascript adalah bahasa yang berbentuk

kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML.

2.13 Twitter Bootstrap

Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah

tampilan halaman website yang dapat mempercepat pekerjaan seorang

pengembang website ataupun pendesain halaman website. Twitter Bootstrap

dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman

website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah

website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang

telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang

dibangun menggunakan Java Script.

Page 41: Full Ta Cetak

23  

 

Page 42: Full Ta Cetak

 

 

Page 43: Full Ta Cetak

 

23  

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1 Sejarah dan Profil Perusahaan

PT. Alkonusa Teknik Inti merupakan perusahaan dengan bentuk Perseroan

Terbatas atau disingkat PT, yang bergerak dibidang jasa kontraktor mekanikal,

elektrikal dan plumbing. Awal berdirinya bertempat di kota Surabaya pada tahun

1992 dengan nama Alkonusa Teknindo.

Sebagai perusahaan yang masih tergolong baru pada saat itu, pekerjaan-

pekerjaan yang di tangani juga masih dalam taraf sedang. Tender-tender yang

diikutipun bukanlah tender dengan nilai yang tinggi. Namun seiring berjalannya

waktu dan adanya kepercayaan dari klien yang pernah di tangani, maka

perusahaan tersebut mulai membenahi manajemen dan struktur organisasinya.

Terhitung sejak tahu 1998 Alkonusa Teknindo mengubah namanya menjadi PT.

Alkonusa Teknik Inti dan terus berbenah agar dapat bersaing dengan perusahaan

lainnya, bahkan dalam perkembangannya perusahaan ini pun menempatkan

cabangnya di beberapa kota besat antara lain Solo, Denpasar dan Jakarta.

Dalam perkembangan tersebut kini PT. Alkonusa Teknik Inti telah mampu

bersaing dengan perusahaan kontraktor lain dibidang ME. Proyek-proyek yang

telah ditangani mulai dari gedung Apartemen, Mall, Hotel dan lainnya. Dengan

berbagai pengalaman lebih dari 10 tahun PT. Alkonusa Teknik Inti kini bukan

hanya sebagai kontraktor saja, malainkan juga menerima jasa konsultan dan

desainer.

3.2 Tempat dan Kedudukan Perusahaan

Tempat lokasi yang dijadikan penelitian adalah di PT. Alkonusa Teknik

Inti yang beralamat di Jl. Gading Kirana Utara, blok F10 no. 11 telp 021-

45845008.

Page 44: Full Ta Cetak

26  

  

Page 45: Full Ta Cetak

24  

  

3.3 Struktur Organisasi

Gambar 3. 1 Struktur Organisasi

3.4 Perancangan sistem

Secara umum sistem monitoring budget dibangun untuk membantu dalam

proses pengolahan budget yang direncanakan. Dengan begitu biaya pengeluaran

proyek dapat ditekan untuk meminimalisasi kerugian.

Budget material atau yang sering disebut Direct Cost (DC) adalah biaya

langsung yang berkenaan dengan jumlah dan biaya material yang dibutuhkan

dalam proyek. Perlunya memonitor budget material adalah untuk mengontrol

banyaknya permintaan dan pengiriman material ke proyek serta memantau harga

material yang ditawarkan oleh Supplier. Jadi dalam setiap proses pembelian

material untuk proyek yang dilakukan oleh Purchasing maka jumlah dan harga

material dibatasi sesuai dengan budget material yang telah dibuat.

Page 46: Full Ta Cetak

25  

  

3.4.1 Flowmap diagram

Dari analisa prosedur pekerjaan yang dilakukan pada PT. Alkonusa Teknik

Inti maka flowmap diagram yang terbentuk sebagai bagian dari analisis sistem

adalah sebagai berikut :

3.4.1.1 Flowmap Berjalan

Gambar 3. 2 Flowmap Berjalan

Dari gambar diatas divisi proyek memulai dengan mengolah dokumen BQ

(Bill Of Quantity), yaitu dokumen yang berisi kontrak pekerjaan suatu proyek.

Divisi proyek akan menghitung kebutuhan material proyek sesuai dengan kotrak

Page 47: Full Ta Cetak

26  

  

dan pekerjaan yang akn direncanakan. Setelah itu data perhitungan kebutuhan

material akan dituangkan kedalam Form Permintaan Barang atau FPB. Dari FPB

tersebut kemudian dikirim ke bagian Purchasing yang akan menjadi dasar

pembuatan Purchase Order atau PO.

3.4.1.2 Flowmap Usulan

 

Gambar 3. 3 Flowmap Usulan

Pada flowmap usulan proses yang dilakukan tidak jauh berbeda dengan

flowmap berjalan, tapi disini dibentuk satu divisi tambahan yaitu divisi budgeting.

Sumber data divisi budgeting juga didapat dari dokumen kontrak. Dari dokumen

kontrak data material akan direkap dan di input ke database. Dari database itulah

Page 48: Full Ta Cetak

27  

  

Purchasing akan mengakses data budget untuk membuat PO, sehingga harga

ataupun jumlah material yang akan di PO dapat dikontrol.

3.4.2 Data Flow Diagram (DFD)

3.4.2.1 Diagram Konteks

Gambar 3. 4 Diagram Konteks

Terdapat empat entitas pada gambar DFD diatas yaitu entitas Budgeting,

entitas Divisi Proyek, entitas Purchasing, dan entitas Direktur. Masing-masing

entitas mempunyai interaksi langsung dengan sistem yaitu :

1. Divisi Proyek berinteraksi dengan memasukkan data kebutuhan material

proyek

2. Divisi Budgeting berinteraksi denagn memasukkan data Bill of Quantity

(BQ) proyek

3. Divisi Purchasing berinteraksi dengan memasukkan data Purchase Order

yang akan dikirim ke supplier

Page 49: Full Ta Cetak

28  

  

4. Direktur menerima laporan atau informasi dari sistem dalam bentuk hard

copy

3.4.2.2 DFD Level 0

Gambar 3. 5 DFD Level 0

DFD level 0 membagi proses menjadi tiga bagian, yaitu proses pengolahan

Form Permintaan Barang (FPB), proses pengolahan Budget dan proses

pengolahan Purchase Order. Pada proses pengolahan FPB yang berinteraksi

adalah divisi Proyek dengan menghasilkan simpanan data FPB, kemudian proses

pengolahan Purchase Order yang diawali dengan inputan data permaintaan

material dan menghasilkan simpanan data PO, dan pada proses pengolahan

budget diawali dengan inputan data Bill Of Quantity oleh Divisi Budgeting dan

Page 50: Full Ta Cetak

29  

  

menghasilkan simpanan data budget serta menghasilkan data laporan pemakaian

budget yang diserahkan kepada direktur.

3.4.2.3 DFD Level 1 Proses 1

Gambar 3. 6 DFD Level 1 Proses 1

DFD level 1 Proses 1 menggambarkan proses pengolahan FPB yang

diawali dengan merekap kebutuhan material proyek, kemudian data kebutuhan

material proyek dijadikan dasar untuk membuat Form Permintaan Barang pada.

Proses ini menghasilkna simpanan data FPB.

3.4.2.4 DFD Level 1 Proses 2

Gambar 3. 7 DFD Level 1 Proses 2

DFD Levei 1 proses 2 menggambarkan proses pengolahan Budget proyek.

Proses tersebut diawali dengan merekap semua data budget proyek, kemudian

Page 51: Full Ta Cetak

30  

  

data tersebut di input dan menghasilkan simpanan data budget proyek. Dan proses

selanjutnya adalah pembuatan laporan pemakaian budget yang ditujukan kepada

direktur.

3.4.2 Entity Relationship Diagam (ERD)

Dari pengembangan DFD maka dihasilkan ERD seperti gambar berikut :

Gambar 3. 8 ERD

Pada gambar ERD tersebut terdapat empat entitas, yaitu entitas proyek,

material, budget dan supplier. Pada entitas proyek dan material mempunyai relasi

Page 52: Full Ta Cetak

31  

  

order, yang artinya proyek mengorder material atau material diorder oleh proyek.

Kemudian pada entitas proyek dan budget mempunyai relasi punya, yang artinya

proyek mempunyai budget.Sedangakan pada entitas material dan supplier terdapat

relasi yaitu dibuat PO, yang artinya material dibuat PO ke supplier atau supplier

menerima PO material. Kardinalitas relasi antara Proyek dan Budget adalah 1:M

atau satu ke banyak, yang artinya satu proyek mempunyai banyak budget, namun

dari masing-masing budget hanya dimiliki oleh satu proyek. Kemudian

kardinalitas relasi antara proyek dan material adalah M:M atau banyak ke banyak,

yang artinya semua proyek dapat mengorder material yang sama dan begitu juga

sebaliknya semua jenis material dapat diorder oleh banyak proyek. Kemudian

kardinalitas relasi antara budget dan material dengan supplier adalahm M:M atau

banyak ke banyak, yang artinya budget material dapat di PO ke banyak supplier

dan begitu juga sebaliknya supplier menerima PO dari banyak budget material.

3.4.3 Normalisasi Database

3.4.3.1 Tabel Unnormal

Tabel 3. 1 Unnormal

NM_BUDGET PPN

SATUAN ALAMAT_KIRIM

HARGA CARA_BAYAR

VOLUME TGL_ONSITE

HARGA_REAL TOTAL_DISKON_1

VOLUME_REAL TOTAL_DISKON_2

STOK_PO TOTAL_DISKON_3

TOTAL_BGT TOTAL_HARGA_DISKON

TOTAL_PO_BGT JUMLAH_PPN

TOTAL_BGT_REAL TOTAL_HARGA_PPN

TOTAL_VOL_PO MATA_UANG

Page 53: Full Ta Cetak

32  

  

SISA_BGT KURS

JUMLAH_FPB idUSER

JUMLAH_PO STATUS_PO

SISA_PO NO_PENAWARAN

DESKRIPSI JUMLAH

KETERANGAN HARGA

LAST_UPDATE TOTAL

statusItemFpb idPROYEK

NAMA_JABATAN INS_PROYEK

NM_KATEGORI NM_PROYEK

idMATERIAL ALM_PROYEK

NAMA_MATERIAL OWNER

SATUAN idSUPPLIER

NO_FPB NM_SUPPLIER

TGL ALAMAT_SUPPLIER

status TELP

NO_PO FAX

TGL_BUAT CONTACT_PERSON

TOTAL_HARGA TELP_CP

DISKON_1 EMAIL_CP

DISKON_2 USERNAME

DISKON_3

Tabel diatas merupakan tabel yang belum dinormalisasi, sehingga terdapat

redundasi data yang jika dimasukkan record kedalam tabel tersebut maka akan

banyak record yang berulang, oleh karena itu harus dilakukan normalisasi

database. Dengan metode normalisasi diharapkan akan menghasil database yang

terhindar dari berbagai anomali sehingga database tersebut dapat dijalankan

dengan sistem sesuai tujuan yang telah direncanakan.

Page 54: Full Ta Cetak

33  

  

3.4.3.2 Normalisasi 1 NF

Tabel 3. 2 Normalisasi 1 NF

 

Pada normalisasi 1 NF diatas terbentuk enam buah tabel, yaitu tabel

PROYEK, FPB, BUDGET, PO, SUPPLIER dan tabel MATERIAL. Masing-

masing tabel sudah memiliki kunci utama, namun tabel tersebut masih akan

dinormalisasi lagi. Hal tersebut untuk menghindari anomali database, pada saat

melakukan proses insert, update, maupun delete.

Page 55: Full Ta Cetak

34  

  

3.4.3.3 Normalisasi 2 NF

Tabel 3. 3 Normalisasi 2 NF

 

Normalisasi 2NF diatas menghasilkan sepuluh tabel, hal tersebut

dikarenakan dipecahnya tabel BUDGET, PO, dan tabel FPB. Dari pemecahan

tersebut terbentuk tabel baru yaitu tabel kategori_budget, tabel budget_proyek,

tabel NO_FPB, dan tabel NO_PO. Tabel budget_proyek akan merelasikan antara

tabel budget dan tabel kategori_budget. Hal tersebut dikarenakan kardinalitas

relasi dari tabel budget dan kategori_budget adalah M:M atau banyak ke banyak,

yang artinya satu proyek dapat mempunyai lebih dari satu kategori_budget, begitu

pula sebaliknya kategori_budget dapat dimiliki oleh banyak proyek. Kemudian

tabel NO_PO akan direlasikan dengan tabel FPB dengan kardinalitas relasi 1:M

Page 56: Full Ta Cetak

35  

  

atau satu kebanyak, yang artinya satu FPB hanya mempunyai satu NO_FPB,

sedangkan satu NO_FPB dapat mempunyai banyak FPB. Begitu juga dengan

tabel NO_PO dan PO mempunyai kardinalitas relasi M:M, karena satu PO hanya

mempunyai satu NO_PO, sedangkan satu NO_PO mempunyai banyak PO.

3.4.3.4 Normalisasi 3 NF

Tabel 3. 4 Normalisasi 3 NF

 

Normalisasi 3NF menghasilkan tiga belas tabel, dikarenakan sudah cukup

memungkinkan untuk memenuhi kebutuhan sistem, maka normalisasi hanya

sampai pada tahap 3 NF.

Page 57: Full Ta Cetak

 

3

g

b

3.4.3.5 Hasi

Dari

gambar diat

berikut ini ak

il Normalisa

G

hasil norma

tas, yang na

kan ditampil

asi Database

Gambar 3.

alisasi 1 sam

antinya akan

lkan kamus

e

9 Desain D

mpai 3 men

n berjalan p

data dari ma

Database

nghasilkan d

pada sistem.

asing-masing

desain datab

Untuk lebi

g tabel pada

36

ase seperti

ih jelasnya

database.

Page 58: Full Ta Cetak

37  

  

3.4.4 Data Tabel

a. Nama Tabel : proyek

Tabel 3. 5 Data Tabel Proyek

 

b. Nama Tabel : material

Tabel 3. 6 Data Tabel Material

c. Nama Tabel : supplier

Tabel 3. 7 Data Tabel Supplier

Page 59: Full Ta Cetak

38  

  

d. Nama Tabel : jabatan

Tabel 3. 8 Data Tabel Jabatan

e. Nama Tabel : kategori_budget

Tabel 3. 9 Data Tabel Kategori Budget

f. Nama Tabel : user

Tabel 3. 10 Data Tabel Supplier

Page 60: Full Ta Cetak

39  

  

g. Nama Tabel : jobdesk

Tabel 3. 11 Data Tabel Jobdesk

h. Nama Tabel : no_fpb

Tabel 3. 12 Data Tabel Nomor FPB

i. Nama Tabel : FPB

Tabel 3. 13 Kamus Data Tabel FPB

Page 61: Full Ta Cetak

40  

  

j. Nama Tabel : budget_proyek

Tabel 3. 14 Data Tabel Budget Proyek

k. Nama Tabel : budget

Tabel 3. 15 Data Tabel Budget

Page 62: Full Ta Cetak

41  

  

l. Nama Tabel : no_po

Tabel 3. 16 Data Tabel Nomor PO

m. Nama Tabel : po

Tabel 3. 17 Data Tabel PO

Page 63: Full Ta Cetak

42  

  

3.4.5 Perancangan Antar Muka

1. Halaman Awal

Gambar 3. 10 Rancangan Halaman Awal

Halaman awal tersiri dari lima bagian yaitu bagian header,bagian menu,

bagian slider, bagian isi halaman dan bagian footer.

2. Halaman Login

Gambar 3. 11 Rancangan Halaman Login

Username :

Password :

Page 64: Full Ta Cetak

43  

  

Halaman login terdiri dari texbox untuk mengisi username dan password

dan tombol submit jika akan melanjutkan proses login dan cancel untuk

membatalkan proses login.

3. Halaman Administrator

Gambar 3. 12 Rancangan Halaman Administrator

Halaman Administrator terdapat menu untuk mengakses semua halaman.

4. Halaman Logistik

Gambar 3. 13 Rancangan Halaman Logistik

Page 65: Full Ta Cetak

44  

  

Halaman Logistik terdiri dari bagian header, list proyek,list FPB, dan

bagina tengah halaman untuk menampilkan tabel permintaan barang dan menu

untuk membuat permintaan barang.

5. Halaman Purchasing

Gambar 3. 14 Rancangan Halaman Purchasing

Halaman Purchasing kurang lebih konsepnya sama dengan halaman

logistik, halaman tersebut digunakan untuk membuat Purchase Order ke Supplier.

6. Halaman Budgeting

Gambar 3. 15 Rancangan Halaman Budgeting

Page 66: Full Ta Cetak

45  

  

Halaman Budgeting juga sama konsepnya seperti halaman lainnya,

halaman tersebut digunakan untuk pembuatan budget proyek.

3.4.5 Flowchart Sistem

3.4.5.1 Flowchart Login

Gambar 3. 16 Flowchart Login

Flowchart Login diatas menggambarkan proses login yang dilakukan oleh

pengguna. Sebelumnya pengguna diminta untuk memasukkan username dan

password kemudian sistem akan memeriksa kesesuaiannya. Jika sesuai maka

sistem akan memeriksa autentikasi pengguna, yaitu memeriksa jabatan pengguna

kemudian mengalihkan kehalaman sesuai dengan jabatan pengguna.

Page 67: Full Ta Cetak

46  

  

3.4.5.2 Flowchart Pembuatan PO

Gambar 3. 17 Flowchart Pembuatan PO

Flowchart PO diatas menggambarkan proses PO akan dilakukan. Proses

PO diawali dengan pembuatan FPB, kemudian FPB akan melewati proses

persetujuan. Jika FPB sudah disetujui maka data yang ada dalam FPB tersebut

akan ditampilkan dihalaman pembuatan PO. Setelah itu data FPB akan diambil

untuk dibuat PO, selanjutnya pengguna akan memasukkan harga dan jumlah, jika

harga dan jumlah tersebut sesuai dengan data budget maka PO siap untuk dicetak,

jika tidak maka proses pembuatan PO tidak dapat dilanjutkan.

Page 68: Full Ta Cetak

45  

45  

Page 69: Full Ta Cetak

 

47  

BAB IV

IMPLEMENTASI DAN PENGUJIAN

4.1 Perangkat Keras dan Perangkat Lunak

Dalam pembuatan sistem informasi ini menggunakan perangkat keras dan

perangkat lunak sebagai berikut:

Tabel 4. 1 Perangkat Keras dan Perangkat Lunak

Page 70: Full Ta Cetak

48  

 

4.2 Minimum Requirements

Untuk menjalankan sistem, perangkat keras dan perangkat lunak yang

digunakan atau Minimum Requirements sesuai tabel berikut :

Tabel 4. 2 Minimum Requirement

 

Page 71: Full Ta Cetak

49  

 

4.3 Tampilan Halaman

4.3.1 Halaman Awal

Gambar 4. 1 Halaman Awal

Halaman awal berisi gambar slide dari proyek-proyek yang tepernah

ditangani.

 

Gambar 4. 2 Halaman Tentang

Page 72: Full Ta Cetak

50  

 

Halaman Tentang berisi sejarah berdirinya perusahaan dan jenis pelayanan

jasa yang ditangani oleh PT. Alkonusa Teknik Inti.

Gambar 4. 3 Halaman Galeri

Halaman galeri berisi foto-foto dan video yang berkaitan dengan pekerjaan

yang ditangani oleh PT. Alkonusa Teknik Inti.

Gambar 4. 4 Halaman Referensi

Page 73: Full Ta Cetak

51  

 

Halaman referensi berisi gambar-gambar gedung proyek yang telah selesai

dikerjakan dari berbagai kategori yaitu kategori Hotel dan Apartement, Kategori

Mall, Kategori Kantor, Kategori Rumah sakit, Kategori Universitas, Kategori

Showroom, dan Kategori Gudang dan Pabrik.

Gambar 4. 5 Halaman Hubungi Kami

Halaman hubungi kami berisi alamat kantor pusat dan cabang serta kontak

yang dapat dihubungi dari PT. Alkonusa Teknik Inti.

Gambar 4. 6 Halaman Login

Page 74: Full Ta Cetak

52  

 

Halaman login tediri dari enam kategori pengguna, yaitu admin,operator,

logistik, Site Manager, Project Manager, Purchasing dan Budgeting. Admin

sebagai administrator adalah pengguna yang mempunyai hak seluruh halaman,

Operator mengakses halaman untuk menginput data proyek, material, tim proyek

dan supplier. Logistik akan mengakses halaman pengolahan pembuatan FPB dan

akan disetujui oleh Site Manager dan Project Manager melalui halaman mereka

masing-masing. Budgeting akan mengakses halaman untuk mengunggah dan

menginput transaksi budget proyek. Sedangkan Purchasing akan mengakses

halaman untuk membuat PO.

4.3.2 Halaman Administrator

Gambar 4. 7 Halaman Administrator

Pada bagian bawah halaman administrator terdapat menu-menu yang akan

mengakses ke semua halaman yaitu halaman operator, logistik, Site Manager,

Project Manager, Purchasing dan budgeting. Pada bagian atas sebelah kanan

halaman terdapat tanggal dan Textbox jabatan pengguna sesuai dengan username

yang digunakan.Kemudian jika diklik muncul nama pengguna dan tombol logout.

Menu Logout

Nama Pengguna

Jabatan Pengguna  Tanggal 

Menu 

Page 75: Full Ta Cetak

53  

 

4.3.3 Halaman Operator

Gambar 4. 8 Halaman Operator

Operator bertugas sebagai pengolah data antaralain data pengguna,

proyek, tim proyek, supplier, dan data material. Untuk mengolah data-data

tersebut telah disediakan tombol menu untuk mengakses halaman tersebut seperti

pada gambar diatas yaitu, menu pengguna, proyek, tim proyek, supplier dan

material.

Gambar 4. 9 Halaman Olah Data Pengguna

Menu Tambah Pengguna

Menu Edit Pengguna

Menu Hapus Pengguna

Menu Update Jabatan

Page 76: Full Ta Cetak

54  

 

Gambar diatas merupakan gambar tampilan halaman pengolahan

pengguna, Untuk membuat pengguna baru dengan cara klik tombol tambah

pengguna, kemudian akan muncul form yang akan diisi. Setelah selesai maka

pengguna baru akan tampil pada halaman tersebut. Untuk memperbarui data

pengguna klik ikon pensil warna biru sebelum nama pengguna, untuk

memperbarui jabatan pengguna klik ikon pensil warna hijau pada kolom role,

sedangkan untuk menghapus pengguna klik ikon trash warna biru sebelum ikon

edit.

Gambar 4. 10 Halaman Olah Data Proyek

Halaman olah data proyek adalah untuk mengolah data-data proyek yang

ditangani. Terdapat menu untuk menambah, memperbarui dan , menghapus data

proyek. Data proyek akan digunakan oleh semua pengguna untuk mengerjakan

tugas masing-masing berdasarkan proyek yang akan diolah.

Menu Tambah Proyek

Menu Hapus Proyek

Menu Edit Proyek

Page 77: Full Ta Cetak

55  

 

Gambar 4. 11 Halaman Olah Data Supplier

Halaman olah data supplier digunakan untuk mengolah data-data supplier,

disini juga terdapat menu untuk menambah, memperbarui dan menghapus data

supplier. Data supplier akan digunakan oleh Purchasing dalam proses pembuatan

Purchase Order.

Gambar 4. 12 Halaman Olah Data Material

Halaman olah data material digunakan untuk mengolah data-data material

yang juga dilengkapi dengan menu menambah, memperbarui dan menghapus data

material. Data material akan digunakan oleh logistik untuk membuat Form

Permintaan Barang. Dengan pengolahan data material yang terpusat diharapkan

Menu Tambah Supplier

Menu Hapus Supplier

Menu Edit Supplier

Menu Tambah Material

Menu HapusMaterial

Menu EditMaterial

Page 78: Full Ta Cetak

56  

 

agar database nama material lebih terorganisir sehingga proses permintaan

material dari masing-masing proyek akan seragam dalam penamaan material.

4.3.4 Halaman Logistik

Gambar 4. 13 Halaman Logistik

Tugas Logistik adalah mengolah data Form Permintaan Barang, oleh

karena itu pada halaman logistik hanya ada satu menu yaitu menu FPB pada pojok

kiri bawah. Menu tersebut akan menuju halaman pengolahan data FPB.

Gambar 4. 14 Halaman FPB

Menu Buat FPB Baru Menu Edit  Data FPB 

Status FPB

Page 79: Full Ta Cetak

57  

 

Pada halaman FPB, sebelah kiri merupakan list proyek dan sebelah kanan

merupakan list FPB, sedangkan pada tengah halaman adalah tabel permintaan

barang atau FPB. Untuk melihat data FPB pilih dan klik proyek yang ada pada list

proyek kemudian akan tampil list FPB dari proyek yang dipilih. Warna biru

seperti pada gambar diatas merupakan tanda list proyek dan FPB yang sedang

aktif atau dipilih. Untuk membuat FPB baru klik tombol NEW dan untuk

memperbarui klik tombol UPDATE. Pada list FPB terdapat status FPB, yang

menunjukkan proses persetujuan dari Project Manager. Terdapat lima Status FPB

yaitu :

1. Status Diajukan : FPB tersebut baru dalam proses pengajuan

2. Status Disetujui SM : FPB tersebut telah disetujui SM

3. Status Disetujui PM : FPB tersebut telah disetujui PM

4. Status Dikembalikan SM : FPB tersebut tidak disetujui oleh SM

5. Status Dikembalikan PM ; FPB tersebut tidak disetujui PM

Kemudian pada tabel permintaan juga terdapat status item FPB, yang

terdiri dari dua status yaitu status FPB dan PO. Apabila masih berstatus FPB

menunjukkan FPB tersebut masih dalam proses persetujuan ataupun penawaran

oleh pihak Purscasing, jika berstatus PO menandakan item FPB tersebut telah

dibuat PO oleh Purchasing.

Gambar 4. 15 Halaman Pembuatan FPB Baru

Menu Ambil Material 

Page 80: Full Ta Cetak

58  

 

Gambar diatas menunjukkan proses pembuatan FPB baru. Untuk mengisi

kolom material tidak dapat diketik melainkan dengan mengklik tombol tambah

material maka akan muncul popup data material seperti ditunjukkan pada gambar

diatas. Setelah itu klik tombol ambil pada material yang akan diorder. Kemudian

isi kolom jumlah dan keterangan serta spesifikasi sesuai persetujuan proyek lalu

tekan tombol submit. Setelah itu maka sistem akan menyimpan data yang telah

diinput ke database. Apabila akan menambah item maka klik tombol Tambah

Material dan prosesnya sama seperti diatas. Ketika proses tersebut status FPB

masih berstatus Diajukan, dan FPB masih dapat di tambah, hapus dan di edit.

Namun apabila FPB tersebut telah berstatus Disetujui baik SM ataupun PM maka

FPB tersebut tidak dapat diUpdate lagi.

4.3.5 Halaman Project Manager (PM)

Gambar 4. 16 Halaman Project Manager

Halaman Project Manager sama seperti halaman logistik yaitu hanya

mengakses halaman pengolahan FPB. Seorang PM juga dapat membuat FPB

seperti logistik, perbadaannya adalah terdapat tombol Konfirmasi yaitu tombol

untuk memproses persetujuan terhadap FPB yang dibuat. Selain itu PM juga dapat

menolak FPB yang diajukan. Jika FPB sudah mendapat persetujuan dari PM maka

Page 81: Full Ta Cetak

59  

 

FPB tersebut akan tampil pada halaman Purchasing untuk dibuat Purchase Order,

namun jika sebaliknya FPB tersebut belum mendapat persetujuan dari PM maka

FPB tersebut tidak akan tampil di halaman Purchasing.

Gambar 4. 17 Halaman Persetujuan FPB

4.3.6 Halaman Budgeting

Gambar 4. 18 Halaman Budgeting

Menu Proses Persetujuan

Page 82: Full Ta Cetak

60  

 

Tugas Budgeting adalah megevaluasi pembelian material yang melebihi

budget. Untuk ke halaman tersebut klik tombol Atur Budget pada pojok kiri

bawah.

Gambar 4. 19 Halaman Atur Budget

Pada sebelah kiri halaman merupakan list proyek, sebelah kanan halaman

merupakan list budget dan ditengah halaman merupakan list item budget. Sebelum

memasukkan data budget terlebih dahulu membuat kategori budget, kemudian

membuat budget Proyek dari kategori budget yang telah dibuat.

Gambar 4. 20 Halaman List Kategori Budget

Menu Tambah Kategori

Page 83: Full Ta Cetak

61  

 

Gambar diatas menunjukkan list kategori budget yang telah dibuat, untuk

menambah kategori klik tombol tambah kategori seperti ditunjukkan pada

gambar.

Gambar 4. 21 List Budget Proyek

Gambar diatas adalah list budget proyek yang telah dibuat, untuk

menambahkan budget proyek klik tombol tambah budget proyek, kemudian pilih

proyek yang akan ditambah kategori budgetnya, lalu pilih kategori budget yang

akan ditambahkan. Setelah proses tersebut maka data budget dapat dimasukkan

dengan cara pilih proyek pada sebelah kiri halaman, kemudian pilih list budget

pada kanan halaman setelah itu klik transaksi pada menu tengah halaman.

Gambar 4. 22 Halaman Transaksi Budget

Menu Tambah Kategori

Menu Tambah Budget

Menu Hapus Budget

Menu Edit Budget

Menu Cetak Budget

Menu Transaksi Budget

Page 84: Full Ta Cetak

62  

 

Gambar diatas adalah halaman transaksi budget, untuk memasukkan

budget baru klik tambah budget kemudian pilih unggah atau input. Apabila

memilih unggah maka harus menyiapkan data budget yang akan diunggah dalam

bentuk file dengan type Microsoft Office Excel 97-2003 Worksheet (.xls) seperti

pada gambar berikut.

Gambar 4. 23 Format File Excel

Kolom jumlah dan harga dibuat type general, kolom data budget harus sesuai

dengan format diatas kemudian klik save as pilih excel 97-2003.

Gambar 4. 24 Save As Excel 97-2003

Page 85: Full Ta Cetak

63  

 

Setelah selesai maka file data budget dapat diunggah ke dalam database

seperti pada gambar berikut.

Gambar 4. 25 Proses Unggah Budget

Apabila budget yang akan diinput hanya beberapa data, maka tidak perlu

mengunggah menggunakan file excel, cukup pilih menu input maka akan muncul

form input data budget.

Untuk pengolahan budget selama berjalannya proyek pastinya akan ada

perubahan data budget, untuk memperbaruinya klik tombol edit kemudian akan

muncul form edit budget seperti pada gambar berikut.

Gambar 4. 26 Proses Edit Budget

Tombol Edit Budget 

Page 86: Full Ta Cetak

64  

 

Untuk mencetak laporan klik menu cetak, maka akan ada tab baru yang

terbuka dalam format pdf.

Gambar 4. 27 Cetak Laporan

Gambar 4. 28 Laporan Budget Pdf

Format laporan tersiri dari judul, taggal, isi laporan dan pencetak laporan.

Judul laporan berisi nama proyek dan kategori budget yang dicetak. Kemudian

tanggal berisi tanggal pada saat mencetak laporan, tabel laporan berisi item

budget, total budget DC, real dan sisa budget yang terpakai.Kemudian pada

bawah tabel tercetak nama dari user yang mencetak data budget.

Menu Cetak Laporan

Judul Laporan  Tanggal

Nama Pencetak / UserTabel Laporan 

Page 87: Full Ta Cetak

65  

 

4.3.7 Halaman Purchasing

Gambar 4. 29 Halaman Purchasing

Ada dua menu pada halaman purchasing yaitu menu FPB dan PO. Menu

FPB digunakan untuk melihat FPB apa saja yang sudah di buat PO dan juga untuk

mengontrol FPB yang baru masuk, sedangkan menu PO digunakan untuk

membuat dan mengolah data PO.

Gambar 4. 30 Halaman FPB

Page 88: Full Ta Cetak

66  

 

Gambar 4. 31 Halaman PO

Pada halaman PO, sebelah kiri merupakan list proyek dan sebelah kanan

merupakan list PO yang telah dibuat. Sedangkan halaman tengah merupakan list

item data PO yang telah dibuat. Untuk membuat PO baru klik pada menu Buat PO

Baru, sedangkan untuk memperbarui PO yang telah dibuat klik pada menu Detail

PO.

Gambar 4. 32 Halaman PO Baru

Menu Untuk Membuat PO Baru 

Menu Untuk Memperbarui Data PO

Baris 1 

Baris 2 

 

Baris 3 

Page 89: Full Ta Cetak

67  

 

Terdapat tiga baris pada halaman pembuatan PO baru, yaitu baris pertama

berisi form input kategori budget, Supplier, diskon, PPN, mata uang beserta

kursnya, tanggal onsite, dan nomor penawaran supplier. Baris kedua berisi form

untuk mengisi data FPB yang akan dibuat PO dengan cara klik menu ambil FPB

kemudian akan muncul popup halaman baru kemudian pilih item FPB yang akan

dijadikan PO. Dengan cara yang sama pada baris kedua juga terdapat form input

data budget. Data FPB dan budget yang diinput harus sesuai, karena apabila

berbeda meka material yang datang tidak akan sesuai dengan permintaan dari

proyek. Kemudian masih pada baris yang kedua juga terdapat form untuk input

deskripsi PO yaitu berkaitan dengan spesifikasi material, kemudian input jumlah

dan harga material. Pada saat input jumlah material dan harga maka sistem

pertama-tama akan membandingkan dengan jumlah FPB kemudian akan

membandingkan dengan budget yang dipilih, jika melebihi FPB atau budget maka

PO tidak dapat dilanjutkan dan harus dievaluasi oleh divisi budgeting. Kemudian

pada baris ketiga terdapat kolom input untuk alamat pengiriman ,cara bayar dan

tombol simpan serta batal.

Apabila PO sudah diinput maka secara otomatis akan diarahkan ke

halaman update PO.

Gambar 4. 33 Halaman Update PO

Menu Tambah Item POMenu Cetak PO

Page 90: Full Ta Cetak

68  

 

Untuk menambah item PO klik pada tombol Tambah yang berwarna

orange, setelah itu input data PO seperti pada saat awal buat PO. Jika data PO

sudah di input semua maka PO siap dicetak dengan klik tombol cetak dan akan

muncul halama dengan format pdf seperti gambar berikut.

Gambar 4. 34 Cetak PO

Pada halaman cetak PO terdiri dari logo perusahaan, tanggal cetak, Nomor

PO, Nama Supplier, Item PO, Rincian harga PO dan kolom untuk tanda tangan

pembuat PO dan Manager Purchasing.

Logo Perusahaan

Tanggal Cetak 

Nomor PO 

Nama SupplierItem PO

Tanda Tangan Pembuat PO dan Manager Purchasing 

Rincian Harga, Diskon, PPN dan Total Harga 

Page 91: Full Ta Cetak

69  

 

4.4 Kuisioner Pengujian Sistem

Tabel 4. 3 Kuisioner

Tabel kuisioner diatas berisi sepuluh pertanyaan seputar sistem yang diuji.

Dari kuisioner tersebut berikut tabel nilai dari kuisioner tersebut :

Page 92: Full Ta Cetak

70  

 

Tabel 4. 4 Hasil Kuisioner

Page 93: Full Ta Cetak

 

71  

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah melewati tahap pengujian, Sistem Informasi Monitoring Budget

secara umum berjalan sesuai dengan tujuan sebelumnya, hasil dari pengujian

tersebut adalah :

1. Dengan adanya sistem ini pembuatan FPB telah terstandarkan untuk

semua proyek dan tidak ada lagi perbedaan penamaan material. Proses

pembuatan Purchase Order (PO) berasal dari Form Permintaan Barang

(FPB) yang sudah disetujui oleh Project Manager, apabila Project

Manager belum menyetujui maka Form Permintaan Barang tersebut tidak

akan tampil pada halaman Purchasing.

2. Pembuatan Purchase Order dikontrol secara sistematik agar tidak

melebihi budget

3. Pengambilan keputusan dapat dilakukan dengan cepat dan lebih tepat

karena didasari dari informasi yang akurat.

5.2 Saran

Meskipun secara tujuan sistem telah tercapai, namun ada beberapa hal

yang perlu dipertimbangkan, antara lain :

1. Dikarenakan sistem belum diuji dalam hal keamanan data, maka harus

dilakukan proses back up databse secara berkala.

2. Diharapkan kedepannya nanti sistem dapat terintegrasi dengan divisi

keuangan, sehingga nilai budget yang terpakai dapat di bandingkan dengan

pengeluaran keuangan pada masing-masing proyek.

3. Pengintegrasian sistem dengan divisi Estimate juga perlu dilakukan untuk

mengevaluasi harga-harga material, sehingga dapat membantu pada saat

proses tender proyek.

Page 94: Full Ta Cetak

 

72  

DAFTAR PUSTAKA

Jogiyanto, HM, 2004, “Pengenalan Komputer”, Penerbit Andi,Yogyakarta.

Jogiyanto, HM, 2005, “Analisis dan Desain Sistem Informasi :Pendekatan

Terstruktur Teori dan Praktik Aplikasi Bisnis”, Penerbit Andi,Yogyakarta.

Kristanto, Harianto. 1994. Konsep Perancangan Database, Andi. Yogyakarta.

Mulyanto, Agus. 2009. Sistem Informasi Konsep Aplikasi. Pustaka Pelajar

Mustakini, Jogiyanto Hartono. 2009. "Sistem Informasi Teknologi", Andi Offset.

Yogyakarta.

Nugroho, Bunafit. 2009. Database Relational dengan MySQL. Yogyakarta:

Andi.

Pressman, Roger S. 2002. Rekayasa Perangkat Lunak Buku 1, Penerbit Andi,

Yogyakarta

Situmorang, H. S. 2010. Analisis Data untuk Riset Manajemen dan Bisnis. Medan

: USU

Sutarman, M.Kom. 2012. Pengantar Teknologi Informasi. Bumi Aksara. Jakarta.

Winarno, Wing Wahyu, 2004, Sistem Informasi Manajemen, Yogyakarta, UPP

AMP YKPN.

Page 95: Full Ta Cetak

 

  

LAMPIRAN 1 : KODE SUMBER  

1. index.php <?php session_start(); if( isset($_SESSION['user'])){ include 'auth.php'; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Beranda</title> <meta name="keywords" content="Mechanical, Electrical, Hydrant, Sprinkler, Plumbing, Ducting" /> <meta name="description" content="Mechanical & Electrical Contractor" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/orman.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" /> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/ddsmoothmenu.js"> </script> <script language="javascript" type="text/javascript"> ddsmoothmenu.init({ mainmenuid: "templatemo_menu", //menu DIV id orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" classname: 'ddsmoothmenu', //class added to menu's outer DIV //customtheme: ["#1c5a80", "#18374a"], contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) function clearText(field) { if (field.defaultValue == field.value) field.value = ''; else if (field.value == '') field.value = field.defaultValue; } </script> <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> <script type="text/JavaScript" src="js/slimbox2.js"></script> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.xml_file = "flashmo_271_photo_list.xml"; var params = {}; params.wmode = "transparent"; params.allowfullscreen = true; var attributes = {}; attributes.id = "slider"; swfobject.embedSWF("flashmo_271_stylish_slider.swf", "flashmo_slider", "960", "370", "9.0.0", false, flashvars, params, attributes); </script> <script type="text/javascript" src="js/login.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/> <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap.js" > </script> <!--[if lt IE 9]> <script src="bootstrap/js/html5shiv.js" type="text/javascript"></script> <script src="bootstrap/js/respond.min.js" type="text/javascript"></script> <![endif]--> <!--bootstrap---> </head> <body> <div id="templatemo_wrapper"> <div id="templatemo_header"> <img src="images/logoati.png" alt="logoati" style="width:130px; height:100px;position:absolute;left:15px;top:10px;" /> <div id="site_title"><a href="#"></a> <p>Kontraktor Mekanikal & Elektrikal</p> <img src="images/ISTA.png" alt="ISTA" style="width:100px; height:100px;position:absolute;right:15px;top:10px;" /> </div> </div><!-- END of templatemo_header --> <div id="templatemo_menu" class="ddsmoothmenu">

<ul> <li><a href="index.php">Beranda</a></li> <li><a href="about.html">Tentang</a> </li> <li><a href="gallery.html">Galeri</a> </li> <li><a href="reference.php">Referensi</a> <ul> <li><a href="reference.php?page=reference_hotel.php">Hotel & Apartement</a></li> <li><a href="reference.php?page=reference_mall.php">Mall</a></li> <li><a href="reference.php?page=reference_office.php">Kantor</a></li> <li><a href="reference.php?page=reference_hospital.php">Rumah Sakit</a></li> <li><a href="reference.php?page=reference_school.php">Universitas</a></li> <li><a href="reference.php?page=reference_showroom.php">Showroom</a></li><li><a href="reference.php?page=reference_warehouse.php">Gudang & Pabrik</a></li> </ul></li> <li><a href="contact.html">Hubungi Kami</a></li><li><a href="login.php">Login</a></li> </ul> <br style="clear: left" /> </div><!-- end of templatemo_menu --> <div id="templatemo_slider"><div id="flashmo_slider"> <br /><br /><a rel="nofollow" href="http://www.flashmo.com/preview/flashmo_271_stylish_slider" target="_blank">Stylish Slider</a><br /><br /> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a><br /><br /> </div> </div> <div id="templatemo_main"> <div class="img_frame img_frame_12 img_nom img_fl"><span></span> <img src="images/cover.jpg" alt="Cover" /> </div> <div class="half right"> <h2>Sejarah</h2> <p><em>Didirikan di Surabaya pada tahun 1992 dengan nama Alkonusa Teknindo, adalah kontraktor mekanik, listrik dan pipa. Sejak tahun 1998 struktur organisasi dan manajemen baru menjadi Alkonusa Teknik Inti.Perusahaan telah dikembangkan tidak hanya di surabaya, tetapi juga di Jakarta, Solo dan Denpasar. </em></p> <p><em>Sekarang tidak hanya sebagai kontraktor tetapi kita bisa menjadi konsultan Anda dan desainer untuk kebutuhan Anda yanglebih baik. PT. Alkonusa berpengalaman lebih dari 10 tahun, kami percaya bahwa kami dapat memberikan pelayanan yang terbaik dan berkualitas. Falsafah manajemen kami telah didasarkan pada gagasan bahwa kita harus melayani klien kami dengan baik untuk kualitas yang unggul. </em></p><p><em>Terima kasih atas perhatian Anda..</em></p> </div> <div style="margin-top:300px;"></div> <h2>Pelayanan Kami</h2> <div class="half left"> <p><em></em></p> <ul> <li >Pekerjaan mekanikal :</li> <p>Meliputi pekerjaan Plumbing, Hydrant, Sprinkler, Air Conditioning, Ventilating</p> <li >Pekerjaaan Elektrikal : </li> <p>Meliputi pekerjaan Listrik tegangan tinggi, tegangan menengah dan tegangan rendah.</p> <li >Pekerjaan elektronik : </li> <p>Meliputi pekerjaaan Alarm kebakaran, Tata suara, sistem CCTV, Sistem MATV, sistem Telephone dan Data.</p> </div> <div class="clear"></div> </div> </div> <div id="templatemo_bottom_wrapper"> <div id="templatemo_bottom"> <div class="col one_fourth"> <h4>Tentang kami</h4> <p> PT. Alkonusa Teknik Inti adalah Sub Divisi dari konstruksi bangunan, Layanan kami meliputi seluruh pekerjaan mekanikal dan elektrikal.</p> </div>

Page 96: Full Ta Cetak

 

  

<div class="col one_fourth"> <h4>Galeri Foto</h4> <ul class="footer_gallery"> <li><a href="images/gbr1-1.jpg" rel="lightbox[portfolio]"><img src="images/gbr1.jpg" alt="image 7" /></a></li> <li><a href="images/gbr2-2.jpg" rel="lightbox[portfolio]"><img src="images/gbr2.jpg" alt="image 8" /></a></li> <li><a href="images/gbr3-3.jpg" rel="lightbox[portfolio]"><img src="images/gbr3.jpg" alt="image 9" /></a></li> </ul> <div class="clear"></div> <a href="gallery.html" class="more">Lainnya</a> </div> <div class="col one_fourth"> <h4>Kategori</h4> <div class="sidebar_box_content"> <ul class="list_bullet"> <li><a href="reference.php?page=reference_hotel.php">Hotel & Apartement</a></li> <li><a href="reference.php?page=reference_mall.php">Mall</a></li> <li><a href="reference.php?page=reference_office.php">Kantor</a></li> <li><a href="reference.php?page=reference_hospital.php">Rumah Sakit</a></li> <li><a href="reference.php?page=reference_school.php">Universitas</a></li> <li><a href="reference.php?page=reference_showroom.php">Showroom</a></li><li><a href="reference.php?page=reference_warehouse.php">Gudang & Pabrik</a></li> </ul> </div> </div> <div class="col one_fourth no_margin_right"> <h4>Kontak</h4> <ul class="no_bullet"> <li><a href="#"></a>Jl. Gading Kirana Utara Blok F-10/17</li> <li>Kelapa Gading, Jakarta Utara.</li> <li>Telp. (021)45845008</li> <li>Fax. (021)45845039, 45844278</li> </ul> </div> <div class="clear"></div> </div> </div> <div id="templatemo_footer_wrapper"> <div id="templatemo_footer" style="text-align:center;"> <p>Copyright © 2014 <a href="#">Priyanto : 200922025</a> </div> </div> </body> </html> 2. login.php <!DOCTYPE html> <html>

<head> <title> Login </title> <!--bootstrap---> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/> <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap.js" > </script> <!--[if lt IE 9]> <script src="bootstrap/js/html5shiv.js" type="text/javascript"></script> <script src="bootstrap/js/respond.min.js" type="text/javascript"></script> <![endif]--> <!--bootstrap---> </head> <body style="background-color:grey;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><a href="index.php"><button type="button" class="close" data-dismiss="modal"><span >&times;</span><span class="sr-only">Close</span></button></a> <h4 class="modal-title" id="myModalLabel">Login Here ....</h4></div><div class="modal-body"> <form role="form" method="post" action="modul/cekLogin.php"><div class="form-group"> <label for="exampleInputEmail1">Username</label><input type="text" class="form-control" id="username" name="username"placeholder="Username" required="required"></div> <div class="form-group">

<label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="password" name="password" placeholder="Password" required="required"> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> <div class="modal-footer"> <a href="index.php"><button type="button" class="btn btn-danger" >Cancel</button></a> </div> </div> </div> </body> </html> 3.ceklogin.php <?php $username=$_POST['username']; $password=$_POST['password']; include "config/koneksi.php"; $cari_user=mysql_query("SELECT * FROM user WHERE USERNAME='$username' && PASSWORD='$password' "); $hasil=mysql_num_rows($cari_user); if ($hasil==1){ while($auth=mysql_fetch_assoc($cari_user)){ $job=$auth['JABATAN_idJABATAN']; $user=$auth['USERNAME']; $idUser=$auth['idUSER']; } session_start(); $_SESSION['job']=$job; $_SESSION['user']=$user; $_SESSION['idUser']=$idUser; header('location:auth.php'); }else{ echo "<script language='JavaScript'>alert('Username dan password tidak cocok') document.location='../login.php'</script>"; } mysql_close(); ?> 4. koneksi.php <?php $host="localhost"; $user="root"; $pass=""; $database="budgeting"; $conn = mysql_connect($host, $user, $pass); if ($conn) { $buka = mysql_select_db ($database); if (!$buka) { die ("Database tidak dapat dibuka"); } } else { die ("Server MySQL tidak terhubung"); } ?> 5. material.php <?php if( !isset($_SESSION['user']) || ($_SESSION['job'] != 1 && $_SESSION['job'] != 16) ){ //if the user is not allowed, display a message and a link to go back to login page echo "<h1>You are not allowed on this page ... <a href='../'>back to home</a></h1>"; //then abort the script exit(); } ?> <div class="col-md-12 column" style="padding-top:10%;"> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button><a class="navbar-brand" href="#">Kelola Material</a> </div><!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><button type="button" class="btn btn-default navbar-btn btn-sm" data-toggle="modal" data-target="#tambahMaterial"><span class="glyphicon glyphicon-qrcode" style="font-size:22px; color:Green"></span>

Page 97: Full Ta Cetak

 

  

Tambah Material</button> <form class="navbar-form navbar-right" role="search" method="post" action=""> <div class="form-group"> <input type="text" class="form-control" name="cariMaterial" placeholder="Search .... "> </div> <button type="submit" class="btn btn-default" name="submitCariMaterial"> <span class="glyphicon glyphicon-search" style="color:orange;"></span> Submit</button> </form> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <table class="table table-striped table-hover table-condensed"> <thead> <tr><th>#</th><th>Nama Material</th><th>Satuan</th> </tr></thead> <tbody> <?php $no=1; include '../config/koneksi.php'; if (isset($_POST['submitCariMaterial'])){ $hasilCariMaterial=$_POST['cariMaterial']; $qryMaterial=mysql_query("SELECT * FROM material WHERE NAMA_MATERIAL LIKE '%$hasilCariMaterial%' ORDER BY NAMA_MATERIAL ASC"); }else{ $qryMaterial=mysql_query("SELECT * FROM material ORDER BY NAMA_MATERIAL ASC"); } while($hasilMaterial=mysql_fetch_assoc($qryMaterial)){ $idMaterial=$hasilMaterial['idMATERIAL']; $namaMaterial=$hasilMaterial['NAMA_MATERIAL']; $satuan=$hasilMaterial['SATUAN']; ?><tr><td><?php echo $no++;?></td><td> <a href="#" data-toggle="modal" data-target="#hapusMaterial" data-toggle="tooltip" data-placement="left" data-id="<?php echo $idMaterial;?>" data-nama="<?php echo "$namaMaterial";?>"title="Hapus"><span class="glyphicon glyphicon-trash" style="font-size:13px;" ></span> </a><a href="#" data-toggle="modal" data-target="#editMaterial" data-toggle="tooltip" data-placement="left" data-id="<?php echo $idMaterial;?>"data-nama="<?php echo $namaMaterial;?>" data-satuan="<?php echo $satuan;?>" title="Edit"> <span class="glyphicon glyphicon-edit" style="font-size:13px;" ></span> </a> <?php echo "$namaMaterial";?></td> <td><?php echo "$satuan";?></td></tr> <?php } mysql_close(); ?> </tbody></table> <!---Modal tambahMaterial-----> <div class="modal fade" id="tambahMaterial" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Tambah Material Baru </h4></div> <div class="modal-body"> <form class="form-horizontal" role="form" method="post" action="addMaterial.php"><div class="form-group"><label for="namaMaterial" class="col-sm-2 control-label">Nama Material</label><div class="col-sm-10"><input type="text" class="form-control" id="namaMaterial" name="namaMaterial" placeholder="Nama Material" required></div></div><div class="form-group"> <label for="satuan" class="col-sm-2 control-label">Satuan</label><div class="col-sm-10"><select class="form-control" name="satuan" id="satuan" > <option name="satuan" id="satuan" value="UNIT">UNIT</option> <option name="satuan" id="satuan" value="BATANG">BATANG</option> <option name="satuan" id="satuan" value="METER">METER</option> <option name="satuan" id="satuan" value="BUAH">BUAH</option> <option name="satuan" id="satuan" value="ROLL">ROLL</option> <option name="satuan" id="satuan" value="SET">SET</option> <option name="satuan" id="satuan" value="LOT">LOT</option> <option name="satuan" id="satuan" value="KUBIK">KUBIK</option> <option name="satuan" id="satuan" value="LITER">LITER</option> <option name="satuan" id="satuan" value="KILO GRAM">KILO GRAM</option> <option name="satuan" id="satuan" value="GALON">GALON</option> <option name="satuan" id="satuan" value="PAIL">PAIL</option> <option name="satuan" id="satuan" value="PACK">PACK</option> <option name="satuan" id="satuan" value="BOTOL">BOTOL</option> <option name="satuan" id="satuan" value="LUSIN">LUSIN</option>

<option name="satuan" id="satuan" value="TITIK">TITIK</option> <option name="satuan" id="satuan" value="LEMBAR">LEMBAR</option> <option name="satuan" id="satuan" value="BOX">BOX</option> </select> </div> </div><div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Simpan</button> </div></div> </form> </div><div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button></div></div> </div> </div> <!---Modal tambahMaterial-----> <!---Modal editMaterial-----> <div class="modal fade" id="editMaterial" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel"> Edit Material ... </h4> </div> <div class="modal-body"> <form class="form-horizontal" role="form" method="post" action="editMaterial.php"> <div class="form-group"> <label for="namaMaterial" class="col-sm-2 control-label">Nama Material</label> <div class="col-sm-10"> <input type="text" class="form-control" id="nama" name="nama" required/> <input type="hidden" class="form-control" id="id" name="id" required/> </div> </div> <div class="form-group"> <label for="satuan" class="col-sm-2 control-label">Satuan</label> <div class="col-sm-10"> <select class="form-control" name="satuan" id="satuan" > <option name="satuan" id="satuan" value="UNIT">UNIT</option> <option name="satuan" id="satuan" value="BATANG">BATANG</option> <option name="satuan" id="satuan" value="METER">METER</option> <option name="satuan" id="satuan" value="BUAH">BUAH</option> <option name="satuan" id="satuan" value="ROLL">ROLL</option> <option name="satuan" id="satuan" value="SET">SET</option> <option name="satuan" id="satuan" value="LOT">LOT</option> <option name="satuan" id="satuan" value="KUBIK">KUBIK</option> <option name="satuan" id="satuan" value="LITER">LITER</option> <option

Page 98: Full Ta Cetak

 

  

name="satuan" id="satuan" value="KILO GRAM">KILO GRAM</option> <option name="satuan" id="satuan" value="GALON">GALON</option> <option name="satuan" id="satuan" value="PAIL">PAIL</option> <option name="satuan" id="satuan" value="PACK">PACK</option> <option name="satuan" id="satuan" value="BOTOL">BOTOL</option> <option name="satuan" id="satuan" value="LUSIN">LUSIN</option> <option name="satuan" id="satuan" value="TITIK">TITIK</option> <option name="satuan" id="satuan" value="LEMBAR">LEMBAR</option> <option name="satuan" id="satuan" value="BOX">BOX</option> </select> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Simpan Perubahan</button> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button> </div> </div> </div> </div> <script> $('#editMaterial').on('show.bs.modal', function(e) { //get data-id attribute of the clicked element var nama = $(e.relatedTarget).data('nama'); //populate the textbox $(e.currentTarget).find('input[name="nama"]').val(nama); //get data-id attribute of the clicked element var satuan = $(e.relatedTarget).data('satuan'); //populate the textbox $(e.currentTarget).find('input[name="satuan"]').val(satuan); //get data-id attribute of the clicked element var id = $(e.relatedTarget).data('id'); //populate the textbox $(e.currentTarget).find('input[name="id"]').val(id); }); </script> <!---Modal editMaterial-----> <!---Modal hapusMaterial-----> <div class="modal fade" id="hapusMaterial" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel"> Hapus Material... </h4>

</div> <div class="modal-body"> <form class="form-horizontal" role="form" method="post" action="hapusMaterial.php"> <div class="alert alert-danger" role="alert" >Anda yakin akan menghapus Material ini..? <input type="text" class="form-control input-sm" name="nama" readonly/> </div> <div class="form-group"> <div class="col-sm-10"> <input type="hidden" name="id" > </div> </div> <div class="form-group"> <div class="col-sm-offset-1 col-sm-10"> <button type="submit" class="btn btn-danger"> <span class="glyphicon glyphicon-trash" style="font-size:13px;" ></span> Hapus</button> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button> </div> </div> </div> </div> <script> $('#hapusMaterial').on('show.bs.modal', function(e) { //get data-id attribute of the clicked element var nama = $(e.relatedTarget).data('nama'); //populate the textbox $(e.currentTarget).find('input[name="nama"]').val(nama); //get data-id attribute of the clicked element var id = $(e.relatedTarget).data('id'); //populate the textbox $(e.currentTarget).find('input[name="id"]').val(id); }); </script> <!---Modal hapusMaterial-----> </div> 5. budget.php <?php if( !isset($_SESSION['user']) || ($_SESSION['job'] != 14 && $_SESSION['job'] != 16) ){ //if the Proyek is not allowed, display a message and a link to go back to login page echo "<h1>You are not allowed on this page ... <a href='../'>back to home</a></h1>"; SESSION_UNSET(); //then abort the script exit(); } $idUser=$_SESSION['idUser']; ?> <div class="row" style="padding-top:8%;"> <div class="col-md-2" > <div class="list-group" style="font-size:10px;"> <a href="#" class="list-group-item " style="text-align:center;"><h6>LIST PROYEK</h6></a> <?php if (isset($_GET['id'])){

Page 99: Full Ta Cetak

 

  

$warna=$_GET['id']; } include '../config/koneksi.php'; $qryProyek=mysql_query("SELECT idPROYEK, NM_PROYEK FROM proyek "); while($hasilProyek=mysql_fetch_assoc($qryProyek)){ $nama=$hasilProyek['NM_PROYEK']; $id=$hasilProyek['idPROYEK']; ?> <a href="?&nav=budget&id=<?php echo $id;?>" class="list-group-item <?php if ($warna==$id) echo "active";?>"><?php echo $nama;?></a> <?php } mysql_close(); ?> </div> </div> <div class="col-md-8"> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"> <?php if (isset($_GET['id'])){ $id=$_GET['id']; include '../config/koneksi.php'; $qryProyek=mysql_query("SELECT * FROM proyek WHERE idPROYEK='$id'"); while($hasilProyek=mysql_fetch_assoc($qryProyek)){ $ins=$hasilProyek['INS_PROYEK']; $nama=$hasilProyek['NM_PROYEK']; echo $nama; } mysql_close(); }else{ echo "PT. Alkonusa Teknik Inti"; } ?> </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <?php

if (isset ($_GET['hal'])){ $halKat=$_GET['hal']; if ($halKat=='kategoribudget'){ ?> <li class="active"><a href="?&nav=budget&hal=kategoribudget">Kategori Budget</a></li> <?php }else{ ?> <li class=""><a href="?&nav=budget&hal=kategoribudget">Kategori Budget</a></li> <?php } }else{ ?> <li class=""><a href="?&nav=budget&hal=kategoribudget">Kategori Budget</a></li> <?php } if (isset ($_GET['hal'])){ $halBgt=$_GET['hal']; if($halBgt=='budgetproyek'){ ?> <li class="active"><a href="?&nav=budget&hal=budgetproyek">Budget Proyek</a></li> <?php }else{ ?> <li><a href="?&nav=budget&hal=budgetproyek">Budget Proyek</a></li> <?php } }else{ ?> <li><a href="?&nav=budget&hal=budgetproyek">Budget Proyek</a></li> <?php } if (isset($_GET['idBgtPro'])){ $mainId=$_GET['id']; $mainBgt=$_GET['idBgtPro']; ?> <li><a href="budgeting.php?&nav=mainPage&idPro=<?php echo $mainId;?>&idBgt=<?php echo $mainBgt;?>">Transaksi Budget</a></li> <?php }else{ ?> <li class="disabled"><a href="#">Transaksi Budget</a></li> <?php } ?> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <?php if (isset($_GET['hal'])){ $halaman=$_GET['hal']; if ($halaman=='kategoribudget'){

Page 100: Full Ta Cetak

 

  

?> <div class="panel-group" id="accordion"> <div class="panel panel-success"> <div class="panel-heading"> <button type="button" class="btn btn-default" data-toggle="collapse" data-parent="#accordion" data-target="#katBudget" style="font-size:10px;"> <span class="glyphicon glyphicon-eject" style="font-size:12px;color:green" ></span> Tambah Kategori</button> </div> <div class="panel-body"> <div id="katBudget" class="panel-collapse collapse out"> <form class="form-horizontal" role="form" name="inputKatBudget" id="inputKatBudget" method="post" action="katBudget.php"> <div class="form-group"> <label for="materialA" class="col-sm-2 control-label">Inisial</label> <div class="col-sm-10"> <input type="text" class="form-control" id="insKatBgt" name="insKatBgt" required="required"/><br> </div> </div> <div class="form-group"> <label for="jumlah" class="col-sm-2 control-label" >Nama Budget</label> <div class="col-sm-10"> <input type="text" class="form-control" id="nmKatBgt" name="nmKatBgt" required="required"/><br> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Keterangan</label> <div class="col-sm-10"> <textarea class="form-control" rows="3" name="keterangan" id="keterangan" required="required"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10">

<button type="submit" class="btn btn-default">Submit</button> </div> </div><hr> </form> </div> <table class="table table-striped table-hover table-condensed"> <thead> <tr> <th>#</th><th>Inisial</th><th>Nama Kategori</th><th>Keterangan</th> </tr> </thead> <tbody> <?php include '../config/koneksi.php'; $cariKatBgt=mysql_query(" SELECT * FROM kategori_budget "); $no=1; while ($hasilKatBgt=mysql_fetch_assoc($cariKatBgt)){ $idKatBgt=$hasilKatBgt['idKATEGORI_PEKERJAAN']; $nmKatBgt=$hasilKatBgt['NM_KATEGORI']; $insKatBgt=$hasilKatBgt['INISIAL_PEKERJAAN']; $ketKatBgt=$hasilKatBgt['KETERANGAN']; ?> <tr> <td><?php echo $no++;?></td> <td><?php echo $insKatBgt;?></td> <td><?php echo $nmKatBgt;?></td> <td><?php echo $ketKatBgt;?></td> </tr> <?php } mysql_close(); ?> </tbody> </table><hr> </div> </div> </div> <?php }elseif($halaman=='budgetproyek'){ ?> <div class="panel-group" id="accordion"> <div class="panel panel-success"> <div class="panel-heading"> <button type="button" class="btn btn-

Page 101: Full Ta Cetak

 

  

default" data-toggle="collapse" data-parent="#accordion" data-target="#bgtPro" style="font-size:10px;"> <span class="glyphicon glyphicon-eject" style="font-size:12px;color:green" ></span> Tambah Budget Proyek</button> </div> <div class="panel-body"> <div id="bgtPro" class="panel-collapse collapse out"> <form class="form-horizontal" role="form" name="bgtPro" id="bgtPro" method="post" action="bgtPro.php"> <div class="form-group"> <label for="jumlah" class="col-sm-2 control-label" >Nama Proyek</label> <div class="col-sm-10"> <select class="form-control" name="proyek"> <?php include '../config/koneksi.php'; $cariProyek=mysql_query("SELECT idPROYEK, NM_PROYEK FROM proyek"); while ($hasilCariProyek=mysql_fetch_assoc($cariProyek)){ $idProyek=$hasilCariProyek['idPROYEK']; $nmProyek=$hasilCariProyek['NM_PROYEK']; ?> <option name="proyek" value="<?php echo $idProyek;?>"><?php echo $nmProyek;?></option> <?php } ?> </select> </div></div><<div class="form-group"> <label for="jumlah" class="col-sm-2 control-label" >Nama Budget</label> <div class="col-sm-10"> <select class="form-control" name="budget"> <?php $cariBudget=mysql_query("SELECT idKATEGORI_PEKERJAAN, NM_KATEGORI FROM kategori_budget"); while ($hasilCariBudget=mysql_fetch_assoc($cariBudget)){ $idBudget=$hasilCariBudget['idKATEGORI_PEKERJAAN']; $nmBudget=$hasilCariBudget['NM_KATEGORI']; ?> <option name="budget" value="<?php echo $idBudget;?>"><?php echo $nmBudget;?></option> <?php } ?><select></div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Submit</button> </div> </div><hr> </form></div> <table class="table table-striped table-hover table-condensed"> <thead> <tr> <th>#</th><th>Nama Proyek</th><th>Nama Budget</th>

</tr></thead> <tbody> <?php include '../config/koneksi.php'; $cariBgtPro=mysql_query(" SELECT kategori_budget.NM_KATEGORI, proyek.NM_PROYEK FROM kategori_budget INNER JOIN budget_proyek ON kategori_budget.idKATEGORI_PEKERJAAN=budget_proyek.KATEGORI_PEKERJAAN_idKATEGORI_PEKERJAAN INNER JOIN proyek ON proyek.idPROYEK=budget_proyek.proyek_idPROYEK ORDER BY NM_PROYEK "); $no=1; while ($hasilBgtPro=mysql_fetch_assoc($cariBgtPro)){ $nmBgtPro=$hasilBgtPro['NM_KATEGORI']; $nmProBgt=$hasilBgtPro['NM_PROYEK']; ?> <tr> <td><?php echo $no++;?></td> <td><?php echo $nmProBgt;?></td> <td><?php echo $nmBgtPro;?></td> </tr> <?php } mysql_close(); ?> </tbody> </table><hr> </div> </div> </div> <?php } } if (isset($_GET['action'])){ ?> <table class="table table-striped table-hover table-condensed"> <thead> <tr style="font-size:12px;"> <th>#</th><th>Uraian</th><th>Satuan</th><th>Harga</th><th>Jumlah</th><th>Total</th> </tr> </thead> <tbody> <?php

Page 102: Full Ta Cetak

 

  

include '../config/koneksi.php'; $no=1; $idProBgtView=$_GET['idBgtPro']; if (isset($_POST['cari'])){ $cariMatBgt=$_POST['cariMatBgt']; $cariProBgtView=mysql_query("SELECT NM_BUDGET, SATUAN, HARGA, VOLUME, TOTAL_BGT FROM budget WHERE PEK_PRO_idPEK_PRO='$idProBgtView' AND NM_BUDGET LIKE '%$cariMatBgt%' " ); }else{ $cariProBgtView=mysql_query("SELECT NM_BUDGET, SATUAN, HARGA, VOLUME, TOTAL_BGT FROM budget WHERE PEK_PRO_idPEK_PRO='$idProBgtView'"); } while($hasilProBgtView=mysql_fetch_assoc($cariProBgtView)){ $namaBudgetView=$hasilProBgtView['NM_BUDGET']; $satuanView=$hasilProBgtView['SATUAN']; $hargaView=number_format($hasilProBgtView['HARGA'],0); $volumeView=number_format($hasilProBgtView['VOLUME'],0); $totalView=number_format($hasilProBgtView['TOTAL_BGT'],0); ?> <tr style="font-size:12px;"> <td><?php echo $no++;?></td> <td><?php echo $namaBudgetView;?></td> <td><?php echo "$satuanView";?></td> <td><?php echo "$hargaView";?></td> <td><?php echo "$volumeView";?></td> <td><?php echo $totalView;?></td> </tr> <?php } mysql_close(); ?> </tbody> </table> <?php } ?> </div> <div class="col-md-2"> <div class="list-group" style="font-size:10px;"> <a href="#" class="list-group-item " style="text-align:center;"><h6>LIST BUDGET</h6></a> <?php if (isset($_GET['id'])){ $idProyek=$_GET['id']; include '../config/koneksi.php'; $qryBudgetProyek=mysql_query("SELECT kategori_budget.idKATEGORI_PEKERJAAN, kategori_budget.NM_KATEGORI, budget_proyek.idPEK_PRO FROM kategori_budget INNER JOIN budget_proyek

ON kategori_budget.idKATEGORI_PEKERJAAN=budget_proyek.KATEGORI_PEKERJAAN_idKATEGORI_PEKERJAAN WHERE PROYEK_idPROYEK='$idProyek' "); if(isset($_GET['idBgtPro'])){ $warni=$_GET['idBgtPro']; } while($hasilBudgetProyek=mysql_fetch_assoc($qryBudgetProyek)){ $idBgtPro=$hasilBudgetProyek['idPEK_PRO']; $nmBgtPro=$hasilBudgetProyek['NM_KATEGORI']; ?> <a href="?&nav=budget&id=<?php echo $idProyek;?>&idBgtPro=<?php echo $idBgtPro;?>&action=view" class="list-group-item <?php if ($warni==$idBgtPro)echo "active";?>"> <?php echo $nmBgtPro;?> </a> <?php } mysql_close(); } ?> </div> </div> </div> 6.logistik.php <?php SESSION_START(); if( !isset($_SESSION['user']) || ($_SESSION['job'] != 9 && $_SESSION['job'] != 16) ){ //if the user is not allowed, display a message and a link to go back to login page echo "<h1>You are not allowed on this page ... <a href='../'>back to home</a></h1>"; SESSION_UNSET(); SESSION_DESTROY(); //then abort the script exit(); } ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Logistik</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /--> <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /--> <!--script src="js/less-1.3.3.min.js"></script--> <!--append ‘#!watch’ to the browser URL, then refresh the page. --> <link href="../css/bootstrap.min.css" rel="stylesheet"> <link href="../css/style.css" rel="stylesheet"> <!-- Fav and touch icons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../img/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../img/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="../img/favicon.png"> <script type="text/javascript" src="../js/jquery.min.js"></script>

Page 103: Full Ta Cetak

 

  

<script type="text/javascript" src="../js/bootstrap.min.js"></script> <script type="text/javascript" src="../js/scripts.js"></script> </head> <body data-spy="scroll" data-target="#myScrollspy" > <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">PT. Alkonusa Teknik Inti</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="index.php"><span class="glyphicon glyphicon-home"></span> Beranda</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Logistik<strong class="caret"></strong></a> <ul class="dropdown-menu"> <li><a href="#"><?php echo $_SESSION['user'];?></a></li> <li class="divider"></li> <li><a href="../logout.php">Logout</a></li> </ul> </li> <li><a href="#"><?php echo date('d-M-Y');?></a></li> </ul> </div> </nav> </div> </div> <div class="row clearfix">

<?php $page=$_GET['nav']; if (!isset($page)){ include 'beranda.html'; }elseif($page=='fpb'){ include 'fpb.php'; }elseif($page=='ttm'){ include 'ttm.php'; }elseif($page=='material'){ include 'material.php'; }elseif($page=='supplier'){ include 'supplier.php'; }elseif($page=='job'){ include 'job.php'; }elseif($page=='timProyek'){ include 'timProyek.php'; } ?> </div> </div> </body> </html> 7. purchaseOrder.php <?php SESSION_START(); if( !isset($_SESSION['user']) || ($_SESSION['job'] != 7 && $_SESSION['job'] != 16) ){ //if the user is not allowed, display a message and a link to go back to login page echo "<h1>You are not allowed on this page ... <a href='../'>back to home</a></h1>"; SESSION_UNSET(); SESSION_DESTROY(); //then abort the script exit(); } ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Purcash Order</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /--> <!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /--> <!--script src="js/less-1.3.3.min.js"></script--> <!--append ‘#!watch’ to the browser URL, then refresh the page. --> <link href="../css/bootstrap.min.css" rel="stylesheet"> <link href="../css/style.css" rel="stylesheet"> <!-- Fav and touch icons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../img/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../img/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../img/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="../img/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="../img/favicon.png"> <script type="text/javascript" src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/bootstrap.min.js"></script> <script type="text/javascript" src="../js/scripts.js"></script> <!----datepicker--->

Page 104: Full Ta Cetak

 

  

<link rel="stylesheet" href="../datepicker/jquery-ui.css"> <script src="../datepicker/jquery-ui.js"></script> <script> $(function() { $( "#datepicker" ).datepicker(); }); function angka(y) { if (!/^[0-9&.]+$/.test(y.value)) { y.value = y.value.substring(0,y.value.length-1); } } var popup; function ambilFpb(a,b) { popup = window.open("ambilFpb.php?&idProyek="+a+"&idNoFpb="+b, "Popup", "width=800,height=400,top=150,left=350,scrollbars=yes"); popup.focus(); return false } function addText() { var x = document.getElementById("idBgtPro"); var y = document.getElementById("sendId"); getId = x.value; y.value = getId; } var popup2; function ambilBudget(z) { popup2 = window.open("ambilBudget.php?&idPekPro="+z, "Popup", "width=800,height=400,top=150,left=350,scrollbars=yes"); popup2.focus(); return false } function bandingFpb(){ var jumlahPo=parseFloat(document.getElementById("jumlahPO").value); var jumlahFpb=parseFloat(document.getElementById("jumlahFpb").value); var jumlahBudget=parseFloat(document.getElementById("jumlahBudget").value); var satuanBudget=document.getElementById("satuanBudget").value; if (isNaN(jumlahFpb)){ document.inputPo.jumlahPO.value=0; alert('FPB tidak boleh kosong'); }else if (isNaN(jumlahBudget)){ document.inputPo.jumlahPO.value=0; alert('Budget tidak boleh kosong'); }else if (jumlahFpb<jumlahPo){ document.inputPo.jumlahPO.value=0; alert('Jumlah PO melebihi jumlah FPB'); }else if (jumlahBudget<jumlahPo){ if (satuanBudget!='LOT'){ document.inputPo.jumlahPO.value=0; alert('Jumlah PO melebihi Budget'); } } } function hargaSat(){ var hargaBudget=parseFloat(document.getElementById("hargaBudget").value); var totalBudget=parseFloat(document.getElementById("totalBudget").value); var satuanBudget=document.getElementById("satuanBudget").value; var supplier=document.getElementById("supplier").value; var diskon1=parseFloat(document.getElementById("disc1").value); if (isNaN(diskon1)){ document.inputPo.disc1.value=0; diskon1=0; } var diskon2=parseFloat(document.getElementById("disc2").value); if (isNaN(diskon2)){

document.inputPo.disc2.value=0; diskon2=0; } var diskon3=parseFloat(document.getElementById("disc3").value); if (isNaN(diskon3)){ document.inputPo.disc3.value=0; diskon3=0; } var hargaPo=parseFloat(document.getElementById("hargaPO").value); var kurs=parseFloat(document.getElementById("kurs").value); var mataUangPo=document.getElementById("mataUang").value; var jumlahPo=parseFloat(document.getElementById("jumlahPO").value); if (isNaN(kurs)){ document.inputPo.hargaPO.value=0; alert('Kurs belum diisi'); }else if (isNaN(jumlahPo) || jumlahPo==0){ document.inputPo.hargaPO.value=0; alert('Jumlah PO belum diisi'); }else if (supplier=='undefined'){ document.inputPo.hargaPO.value=0; alert('Supplier belum dipilih'); }else{ var hargaDiskon1=diskon1/100*hargaPo; var jumlahDiskon1=hargaPo-hargaDiskon1; var hargaDiskon2=diskon2/100*jumlahDiskon1; var jumlahDiskon2=jumlahDiskon1-hargaDiskon2; var hargaDiskon3=diskon3/100*jumlahDiskon2; var jumlahDiskon3=jumlahDiskon2-hargaDiskon3; var jumlahHarga=jumlahDiskon3*kurs; if (satuanBudget=='LOT'){ var hitungLot=jumlahPo*jumlahHarga; if(hitungLot>totalBudget){ document.inputPo.hargaPO.value=0; alert('total PO melebihi total budget'); } }else if(satuanBudget!='LOT'){ if(jumlahHarga>hargaBudget){ document.inputPo.hargaPO.value=0; alert('Harga PO melebihi budget'); } } } } </script> <!----datepicker---> </head> <body data-spy="scroll" data-target="#myScrollspy" > <div class="container"> <div class="row clearfix"> <div class="col-md-12 column"> <nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation"> <div class="navbar-header">

Page 105: Full Ta Cetak

 

  

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">PT. Alkonusa Teknik Inti</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li> <a href="index.php"><span class="glyphicon glyphicon-home"></span> Beranda</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Purcashing <strong class="caret"></strong></a> <ul class="dropdown-menu"> <li><a href="#"><?php echo $_SESSION['user'];?></a></li> <li class="divider"></li> <li><a href="../logout.php">Logout</a></li> </ul> </li> <li><a href="#"><?php echo date('d-M-Y');?></a></li> </ul> </div> </nav> </div> </div> <div class="row clearfix"> <?php $page=$_GET['nav']; if (!isset($page)){ include 'beranda.php'; }elseif($page=='fpb'){ include 'fpb.php'; }elseif($page=='po'){ include 'poMain.php';

}elseif($page=='viewPo'){ include 'viewPo.php'; }elseif($page=='updatePo'){ include 'updatePo.php'; } ?> </div> </div> </body> </html> 9.printPo.php <?php session_start(); include '../config/koneksi.php'; $idNoPo=$_GET['noPo']; $idUser=$_SESSION['idUser']; $qryNoPo=mysql_query("SELECT no_po.NO_PO, no_po.TOTAL_HARGA, no_po.DISKON_1, no_po.DISKON_2, no_po.DISKON_3, no_po.PPN, no_po.ALAMAT_KIRIM, no_po.CARA_BAYAR, no_po.TOTAL_DISKON_1,no_po.TOTAL_DISKON_2,no_po.TOTAL_DISKON_3,no_po.TOTAL_HARGA_DISKON,no_po.TOTAL_HARGA_PPN, no_po.JUMLAH_PPN, no_po.TGL_ONSITE, no_po.MATA_UANG, no_po.KURS,no_po.idUSER, no_po.NO_PENAWARAN, no_po.PEK_PRO_idPEK_PRO,no_po.STATUS_PO, supplier.NM_SUPPLIER,supplier.CONTACT_PERSON, supplier.TELP, supplier.FAX,ALAMAT_SUPPLIER, proyek.NM_PROYEK, user.NAMA_LENGKAP FROM no_po INNER JOIN budget_proyek ON budget_proyek.idPEK_PRO=no_po.PEK_PRO_idPEK_PRO INNER JOIN proyek ON proyek.idPROYEK=budget_proyek.PROYEK_idPROYEK INNER JOIN kategori_budget ON kategori_budget.idKATEGORI_PEKERJAAN=budget_proyek.KATEGORI_PEKERJAAN_idKATEGORI_PEKERJAAN INNER JOIN supplier ON supplier.idSUPPLIER=no_po.SUPPLIER_idSUPPLIER INNER JOIN user ON user.idUSER=no_po.idUSER WHERE idNO_PO='$idNoPo' "); while($hasilQryNoPo=mysql_fetch_assoc($qryNoPo)){ $nomorPo=$hasilQryNoPo['NO_PO']; $totalHarga=$hasilQryNoPo['TOTAL_HARGA']; $diskon1=$hasilQryNoPo['DISKON_1']; $diskon2=$hasilQryNoPo['DISKON_2']; $diskon3=$hasilQryNoPo['DISKON_3']; $ppn=$hasilQryNoPo['PPN']; $jumlahDiskon1=$hasilQryNoPo['TOTAL_DISKON_1']; $jumlahDiskon2=$hasilQryNoPo['TOTAL_DISKON_2']; $jumlahDiskon3=$hasilQryNoPo['TOTAL_DISKON_3']; $totalHargaDiskon=$hasilQryNoPo['TOTAL_HARGA_DISKON']; $jumlahPpn=$hasilQryNoPo['JUMLAH_PPN']; $totalHargaPo=$hasilQryNoPo['TOTAL_HARGA_PPN']; $alamatKirim=$hasilQryNoPo['ALAMAT_KIRIM']; $caraBayar=$hasilQryNoPo['CARA_BAYAR']; $tglOnsite=$hasilQryNoPo['TGL_ONSITE'];

Page 106: Full Ta Cetak

 

  

$mataUang=$hasilQryNoPo['MATA_UANG']; $kurs=$hasilQryNoPo['KURS']; $supplier=$hasilQryNoPo['NM_SUPPLIER']; $upSupplier=$hasilQryNoPo['CONTACT_PERSON']; $telpSupplier=$hasilQryNoPo['TELP']; $faxSupplier=$hasilQryNoPo['FAX']; $alamatSupplier=$hasilQryNoPo['ALAMAT_SUPPLIER']; $idBugdetPro=$hasilQryNoPo['PEK_PRO_idPEK_PRO']; $namaProyek=$hasilQryNoPo['NM_PROYEK']; $noPenawaran=$hasilQryNoPo['NO_PENAWARAN']; $statusPo=$hasilQryNoPo['STATUS_PO']; $user=$hasilQryNoPo['NAMA_LENGKAP']; } $cariItemPo=mysql_query("SELECT budget.NM_BUDGET,po.DESKRIPSI, po.SATUAN, po.JUMLAH, po.HARGA, po.TOTAL FROM po INNER JOIN budget ON budget.idBUDGET=po.BUDGET_idBUDGET WHERE NO_PO_idNO_PO='$idNoPo'"); $data = array(); while ($row = mysql_fetch_assoc($cariItemPo)) { array_push($data, $row); } require_once ("../fpdf16/fpdf.php"); $pdf = new FPDF(); $pdf->AddPage(); $judul='PT. Alkonusa Teknik Inti'; $alamat='Jl. Gading Kirana Utara Blok F10 no.17'; $telp='Telp : (021) 45845008; Fax : (021) 45845039'; $tanggal=date("j-F-Y"); $kota='Jakarta, '; $po='Purchase Order (PO)'; $pdf->SetFont('Arial','B','12'); $pdf->Image('img/logoati.png',5,2,20,15); $pdf->Cell(80,-5, $judul, '0', 1, 'C'); $pdf->SetFont('Arial','','8'); $pdf->Cell(80,13, $alamat, '0', 1, 'C'); $pdf->Cell(87,-5, $telp, '0', 1, 'C'); $pdf->Cell(350,-12, $kota.$tanggal, '0', 1, 'C'); $pdf->SetFont('Arial','B','12'); $pdf->Cell(185,50, $po, '0', 1, 'C'); $pdf->SetFont('Arial','','7'); $pdf->Cell(323,-50,'Kepada : '.$supplier,'0', 1, 'C'); $pdf->Cell(312,57,'Alamat : '.$alamatSupplier,'0', 1, 'C'); $pdf->Cell(308,-50,'UP : '.$upSupplier,'0', 1, 'C'); $pdf->Cell(328,57,'TELP : '.$telpSupplier.' / FAX : '.$faxSupplier,'0', 1, 'C'); $pdf->Cell(40,-80,'Nomor PO : '.$nomorPo,'0', 1, 'C'); $pdf->Cell(29,87,'Proyek : '.$namaProyek,'0', 1, 'C'); $pdf->Cell(19,-80,'Nomor Penawaran : '.$noPenawaran,'0', 1, 'C'); $header = array( array("label"=>"Item", "length"=>50, "align"=>"C"), array("label"=>"Deskripsi", "length"=>40, "align"=>"C"), array("label"=>"Sat", "length"=>15, "align"=>"C"), array("label"=>"Vol", "length"=>20, "align"=>"C"), array("label"=>"Harga", "length"=>30, "align"=>"C"), array("label"=>"Total", "length"=>45, "align"=>"C"), ); $pdf->SetXY(5,50); $pdf->SetFont('Arial','','7'); $pdf->SetFillColor(255,255,255); $pdf->SetDrawColor(000,0,0); foreach ($header as $kolom) { $pdf->Cell($kolom['length'],5, $kolom['label'], 1, '0', $kolom['align'],true); } $pdf->Ln(); #tampilkan data tabelnya $pdf->SetFillColor(224,235,255); $pdf->SetTextColor(0); $pdf->SetFont(''); $fill=false; foreach ($data as $baris) { $pdf->SetX(5); $i = 0; foreach ($baris as $cell) {

$pdf->Cell($header[$i]['length'], 5, $cell, 1, '0', $kolom['align'], $fill); $i++; } $fill = !$fill; $pdf->Ln(); } $pdf->SetFillColor(255,255,255); $pdf->SetTextColor(0); $pdf->SetX(160); $footer = array( array("label"=>"Total Harga : ".$mataUang." ".number_format($totalHarga,0), "length"=>45, "align"=>"L"), array("label"=>"Diskon 1 (".$diskon1." %) : ".$mataUang." ".number_format($jumlahDiskon1,0), "length"=>45, "align"=>"L"), array("label"=>"Diskon 2 (".$diskon2." %) : ".$mataUang." ".number_format($jumlahDiskon2,0), "length"=>45, "align"=>"L"), array("label"=>"Diskon 3 (".$diskon3." %) : ".$mataUang." ".number_format($jumlahDiskon3,0), "length"=>45, "align"=>"L"), array("label"=>"Sub Total 1 :".$mataUang." ".number_format($totalHargaDiskon,0), "length"=>45, "align"=>"L"), array("label"=>"Jumlah PPN (".$ppn." %) :".$mataUang." ".number_format($jumlahPpn,0), "length"=>45, "align"=>"L"), array("label"=>"Grand Total :".$mataUang." ".number_format($totalHargaPo), "length"=>45, "align"=>"L"), ); foreach ($footer as $kolom) { $pdf->SetX(160); $pdf->Cell($kolom['length'],5, $kolom['label'], 1, '1', $kolom['align'],true); } $pdf->Ln(); $pdf->Cell(60,20,'', 1, 'C'); $pdf->Ln(); $pdf->Cell(30,-35,'Dibuat Oleh :','0', 1, 'C'); $pdf->Cell(30,65,$user,'0', 1, 'C'); $pdf->Cell(90,-95,'Disetujui Oleh :','0', 1, 'C'); $pdf->Cell(90,125,'Agus H (Manager)','0', 1, 'C'); $pdf->Output(); ?> 10.printBudget.php <?php #ambil data di tabel dan masukkan ke array include '../config/koneksi.php'; $idBgt=$_GET['idBgt']; $cariProBgtView=mysql_query("SELECT NM_BUDGET, SATUAN, HARGA, VOLUME, TOTAL_BGT, HARGA_REAL, VOLUME_REAL, TOTAL_BGT_REAL, SISA_BGT FROM budget WHERE PEK_PRO_idPEK_PRO='$idBgt'"); $data = array(); while ($row = mysql_fetch_assoc($cariProBgtView)) { array_push($data, $row); } #setting judul laporan dan header tabel $pro=$_GET['nmPro']; $bgt=$_GET['nmBgt']; $judul = "LAPORAN DATA BUDGET PROYEK ".base64_decode($pro)." (".base64_decode($bgt).")"; $header = array( array("label"=>"Item", "length"=>50, "align"=>"L"), array("label"=>"Sat", "length"=>13, "align"=>"L"), array("label"=>"Harga", "length"=>20, "align"=>"L"), array("label"=>"Vol", "length"=>10, "align"=>"L"), array("label"=>"Total", "length"=>20, "align"=>"L"), array("label"=>"Harga R", "length"=>20, "align"=>"L"), array("label"=>"Vol R", "length"=>10, "align"=>"L"), array("label"=>"Total R", "length"=>20, "align"=>"L"), array("label"=>"Sisa Bgt", "length"=>20, "align"=>"L"), ); $tanggal=date("j-F-Y"); $kota='Jakarta, '; $user=$_GET['user']; #sertakan library FPDF dan bentuk objek require_once ("../fpdf16/fpdf.php"); $pdf = new FPDF(); $pdf->AddPage(); #tampilkan judul laporan $pdf->SetFont('Arial','B','9');

Page 107: Full Ta Cetak

 

  

$pdf->Cell(350,0, $kota.$tanggal, '0', 1, 'C'); $pdf->Cell(0,20, $judul, '0', 1, 'C'); #buat header tabel $pdf->SetFont('Arial','','7'); $pdf->SetFillColor(000,0,0); $pdf->SetTextColor(255); $pdf->SetDrawColor(000,0,0); foreach ($header as $kolom) { $pdf->Cell($kolom['length'], 5, $kolom['label'], 1, '0', $kolom['align'], true); } $pdf->Ln(); #tampilkan data tabelnya $pdf->SetFillColor(224,235,255); $pdf->SetTextColor(0); $pdf->SetFont(''); $fill=false; foreach ($data as $baris) { $i = 0; foreach ($baris as $cell) { $pdf->Cell($header[$i]['length'], 5, $cell, 1, '0', $kolom['align'], $fill); $i++; } $fill = !$fill; $pdf->Ln(); } $pdf->Ln(); $pdf->Cell(30,10,'Dicetak Oleh : '.$user,'0', 1, 'C'); #output file PDF $pdf->Output(); mysql_close(); ?>