APLIKASI BANTU INSPEKSI MATERIAL

Sri Murniati
41505120029

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2013

vii
http://www.mercubuana.ac.id

APLIKASI BANTU INSPEKSI MATERIAL

Laporan Tugas Akhir

Diajukan Untuk Melengkapi Salah Satu Syarat
Memperoleh Gelar Sarjana Komputer

Oleh:

Sri Murniati
41505120029

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2013
viii
http://www.mercubuana.ac.id

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini:

NIM

: 41505120029

Nama

: SRI MURNIATI

Judul Skripsi

APLIKASI BANTU INSPEKSI MATERIAL

Menyatakan bahwa skripsi tersebut diatas adalah hasil karya saya sendiri dan
bukan plagiat. Apabila temyata ditemukan didalam laporan skripsi saya terdapat
unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait
dengan hal tersebut.

Jakarta, Februari 2013

Sri
Murniati
METE
RAI
TEMPE
26

3E875A8F463

http://www.mercubuana.ac.id

LEMBAR PERSETUJUAN

NIM

: 41505120029

Nama

: SRI MURNIATI

Judul Skripsi

: APLIKASI BANTU INSPEKSI MATERIAL

slaws' INI TELAH DIPERIKSA DAN DISETUJUI

JAKARTA, Februari 2013

Devi Fitrian. S.Kom. MTI

Pembi bing

Sabar Rudiarto,S.Kom.,M.Kom

Tri D.

Koord. Tugas Akhir Teknik Informatika

KaP

i
http://www.mercubuana.ac.id

S.Kom. MT
Teknik Informatika

KATA PENGANTAR

Puji syukur Alhamdulillah Penulis panjatkan kehadirat Allah SWT karena

rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan laporan tugas
akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi
strata satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana
Penulis juga mendapatkan bimbingan dan arahan dari berbagai pihak yang
sangat membantu kelancaran pelaksanaan tugas akhir yang dilakukan. Pada
kesempatan ini perkenankanlah penulis mengucapkan terimakasih yang sebesarbesarnya kepada :
1. Ibu Devi Fitrianah,S.Kom.,MTI selaku Pembimbing Tugas Akhir yang
dengan sabar telah membimbing dan mengarahkan penulis dalam
menyusun tugas akhir ini serta memberi semangat untuk segera
menyelesaikan laporan ini.
2. Bapak Tri Daryanto,S.Kom.,MT selaku Kaprodi Juruusan Teknik
Informatika Universitas Mercu Buana.
3. Bapak Sabar Rudiarto,S.Kom.,M.Kom selaku Koordinator tugas akhir
Teknik Informatika Universitas Mercu Buana.
4. Seluruh dosen pengajar dan staff TU Prodi Teknik Informatika Universitas
Mercu Buana.
5. Ayahanda Dirjo Suwarno, Ibunda Sukini, Kakak-kakakku tercinta, yang
tidak pernah berhenti dalam memberikan doa, semangat dan materi.
6. Rekan-rekan angkatan 2005, yang selalu memberikan spirit maupun materi
untuk terus meyelesaikan tugas akhir ini.
7. Serta pihak-pihak yang telah membantu penulis menyelesaikan tugas akhir
ini.

iii
x
http://www.mercubuana.ac.id

Penulis menyadari bahwa masih jauh dari kata sempurna dalam laporan tugas
akhir ini. Oleh karena itu, penulis berharap pada pembaca untuk memberikan kritik
dan saran yang bersifat membangun demi kesempurnaan laporan ini serta untuk
pembuatan laporan masa yang akan datang.
Harapan penulis dari laporan ini agar berguna dan bermanfaat bagi kita
semua. Amin.

Jakarta, Februari 2013

Penulis

ivx
http://www.mercubuana.ac.id

DAFTAR ISI

LEMBAR PERNYATAAN ......................................................................................... i

LEMBAR PERSETUJUAN ....................................................................................... ii
KATA PENGANTAR ................................................................................................ iii
ABSTRACT ................................................................................................................. v
ABSTRAK .................................................................................................................. vi
DAFTAR ISI .............................................................................................................. vii
DAFTAR TABEL........................................................................................................ x
DAFTAR GAMBAR .................................................................................................. xi
BAB I PENDAHULUAN ............................................................................................ 1
1.1.

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

1.2.

Perumusan Masalah.......................................................................................2

1.3.

Ruang Lingkup / Batasan Masalah ................................................................2

1.4.

Tujuan dan Manfaat ......................................................................................2

1.5.

Metodologi Penelitian ...................................................................................3

1.5.1. Pengumpulan data ...............................................................................3
1.5.2. Metodologi Rekayasa Perangkat Lunak ..............................................3

1.6.

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

BAB II LANDASAN TEORI ..................................................................................... 5

2.1. MySQL ................................................................................................................5
2.1.1. Mengenal MySQL ...............................................................................5
2.1.2. Kelebihan MySQL ..............................................................................5
2.2. PHP......................................................................................................................7
2.2.1. Mengenal PHP.....................................................................................7
2.2.2. Kelebihan PHP ....................................................................................7
2.3.

Pengertian Data, Informasi dan Basis Data ...................................................8

2.4. Flowchart .............................................................................................................9

2.5.

ERD (Entity Relationship Diagram) ...........................................................10

2.5.1. Model Entity relationship (Model ERD) ...........................................10
2.5.2. Kardinalitas Relasi ............................................................................11
2.5.3. Tahapan pembuatan ERD ..................................................................12
2.5.4. Implementasi Basis Data ...................................................................13

2.6.

DFD (Data Flow Diagram)..........................................................................14

vii
http://www.mercubuana.ac.id

2.6.1. Komponen DFD .............................................................................................14

2.7.

Model Waterfall ..........................................................................................18

2.8.

Hosting ........................................................................................................20

2.9.

Bootstrap .....................................................................................................20

BAB III ANALISIS SISTEM DAN PERANCANGAN BASIS DATA ................ 22

3.1.

Analisis ........................................................................................................22
3.1.1. Analisa Sistem Saat Ini......................................................................22
3.1.2. Struktur Organisasi ............................................................................25
3.1.3. Usulan Pemecahan Masalah ..............................................................28

3.2.

DFD (Data Flow Diagram)..........................................................................30

3.2.1. Context Diagram ...............................................................................31
3.2.2. Data Flow Diagram (DFD) Level 0...................................................31

3.3.

Perancangan Basis Data ..............................................................................33

3.3.1. Perancangan Basis Data secara Konsep ............................................33
3.3.2. Perancangan Basis Data secara Logical ............................................34
3.3.3. Perancangan Basis Data secara physical ...........................................39

3.4.

Analisis Perancangan Web ..........................................................................39

3.4.1. Merancang Desain Halaman Login ...................................................39
3.4.2. Merancang Desain Halaman utama admin ........................................39
3.4.3. Merancang Desain Halaman adminUser .......................................40
3.4.4. Merancang Desain Halaman admin User Add
Project Engineering / add ...............................................................40
3.4.5. Merancang Desain Halaman admin User Add
Admin / add ....................................................................................40
3.4.6. Merancang Desain Halaman admin User Add
Inspektor / add ................................................................................41
3.4.7. Merancang Desain Halaman adminUser Add
Vendor/add .....................................................................................41
3.4.8. Merancang Desain Halaman admin User Add Klien
/ add ................................................................................................42
3.4.9. Merancang Desain Halaman admin Data Inspeksi /Data ..............42
3.4.10. Merancang Desain Halaman utama inspektor .................................42
3.4.11. Merancang Desain Halaman inspektor Data
Inspeksi/Data ..................................................................................43
3.4.12. Merancang Desain Halaman form vendor .......................................43

viii
http://www.mercubuana.ac.id

3.4.13. Merancang Desain Halaman form vendorData

Inspeksi/Data ................................................................................. 43
3.4.14. Merancang Desain Halaman form vendor Data Inspeksi
/ Add DataInspeksi / Add .............................................................. 44

BAB IV IMPLEMENTASI DAN PENGUJIAN .................................................... 45

BAB V KESIMPULAN DAN SARAN .................................................................... 68
DAFTAR PUSTAKA ................................................................................................ 69
LAMPIRAN ............................................................................................................... 70

ix
http://www.mercubuana.ac.id

DAFTAR TABEL

Tabel 2.1.

Simbol Flowchart .................................................................................. 9

Tabel 2.2

Notasi ERD ......................................................................................... 11

Table 3.1.

Entitas .................................................................................................. 33

Table 3.2.

Relasi ................................................................................................... 34

Table 3.3.

Primary Key ........................................................................................ 34

Tabel 3.4.

Tabel Vendor ....................................................................................... 35

Tabel 3.5.

Tabel Inspektor .................................................................................... 35

Tabel 3.6.

Tabel Klien .......................................................................................... 36

Tabel 3.7.

Tabel Data Inspeksi ............................................................................. 36

Tabel 3.8.

Tabel Detail Data Inspeksi .................................................................. 37

Tabel 3.9.

Tabel Photo ......................................................................................... 37

Tabel 3.10.

Tabel User ........................................................................................... 38

Tabel 3.11.

Tabel Notification ............................................................................... 38

Tabel 4.1.

Skenario Pengujian.............................................................................. 62

Tabel 4.2.

Hasil Pengujian ................................................................................... 64

Tabel 4.3.

Analisa Hasil Pengujian ...................................................................... 66

x
http://www.mercubuana.ac.id

DAFTAR GAMBAR

Gambar 2.1. Komponen Data Flow Diagram ................................................................ 14

Gambar 2.2.

Proses Input dan Output ...................................................................... 16

Gambar 2.3.

Waterfall ............................................................................................. 18

Gambar 3.1.

Flowchart inspeksi (sistem saat ini)..................................................... 24

Gambar 3.2.

Struktur Organisasi .............................................................................. 25

Gambar 3.3.

Flowchart Inspeksi (Sistem yang diusulkan) ....................................... 29

Gambar 3.4.

Diagram Konteks Bisnis ...................................................................... 31

Gambar 3.5.

Data Flow Diagram (DFD) Level 0 ..................................................... 32

Gambar 3.6.

ERD ..................................................................................................... 33

Gambar 3.7.

ERD ..................................................................................................... 39

Gambar 3.8.

Kerangka desain untuk halaman login................................................. 39

Gambar 3.9.

Kerangka desain untuk halaman utama admin .................................... 39

Gambar 3.10. Kerangka desain untuk halaman adminuser........................ 40

Gambar 3.11. Kerangka desain untuk halaman adminuserAdd Project
Engineering/add ................................................................................... 40
Gambar 3.12. Kerangka desain untuk halaman adminuserAdd Admin/add . 40
Gambar 3.13. Kerangka desain untuk halaman adminuserAdd
Inspektor/add ....................................................................................... 41
Gambar 3.14. Kerangka desain untuk halaman adminuserAdd Vendor/add 41
Gambar 3.15. Kerangka desain untuk halaman adminuserAdd Klien/add 42
Gambar 3.16. Kerangka desain untuk halaman adminData Inspeksi/Data. 42
Gambar 3.17. Kerangka desain untuk halaman utama inspektor ................................... 42
Gambar 3.18. Kerangka desain untuk halaman inspektorData Inspeksi/Data. 43
Gambar 3.19. Kerangka desain untuk halaman form vendor ........................................ 43
Gambar 3.20. Kerangka desain untuk halaman form vendorData
Inspeksi/Data ....................................................................................... 43
Gambar 3.21. Kerangka desain untuk halaman form vendorData Inspeksi/
Add Data Inspeksi / Add ..................................................................... 44
Gambar 4.1.

ZIP Folder ............................................................................................ 45

Gambar 4.2.

Cara Upload File ke Hosting ............................................................... 46

xi
http://www.mercubuana.ac.id

Gambar 4.3.

Cara Extrac File di Hosting ................................................................. 46

Gambar 4.4.

Proses Extrac File di Hosting .............................................................. 46

Gambar 4.5.

Hasil Extrac File di Hosting ................................................................ 47

Gambar 4.6.

Export Database Localhost .................................................................. 47

Gambar 4.7.

Hasil Export Database Localhost ........................................................ 47

Gambar 4.8.

Import Database di Control Panel ....................................................... 48

Gambar 4.9.

Merubah Username dan Password di connection.php ......................... 48

Gambar 4.10. Tampilan Login di Hosting ..................................................................... 48

Gambar 4.11. Form Login Admin ................................................................................. 49
Gambar 4.12. Form Halaman Home Admin .................................................................. 49
Gambar 4.13. Form Halaman User Admin .................................................................... 50
Gambar 4.14. Form Halaman Add User ........................................................................ 50
Gambar 4.15. Form Halaman Add User Project Engineering ....................................... 50
Gambar 4.16. Form Halaman Add User Admin ............................................................ 51
Gambar 4.17. Form Halaman Add User Inspektor ........................................................ 51
Gambar 4.18. Form Halaman Add User Vendor ........................................................... 51
Gambar 4.19. Form Halaman Add User Klien .............................................................. 52
Gambar 4.20. Form Halaman Vendor Input Data Inspeksi ........................................... 52
Gambar 4.21. Form Halaman Admin -Notifikasi .......................................................... 53
Gambar 4.23. Notifikasi Email ...................................................................................... 53
Gambar 4.24. Form Halaman Admin Memilih Inspektor .............................................. 53
Gambar 4.25. Halaman Klien Notifikasi .................................................................... 54
Gambar 4.26. Notifikasi Email Klien ............................................................................ 54
Gambar 4.27. Halaman Klien Mengisi No RFI di Data Inspeksi ............................... 54
Gambar 4.28. Halaman Admin Notifikasi .................................................................. 55
Gambar 4.29. Notifikasi Email Admin .......................................................................... 55
Gambar 4.30. Halaman Admin Meneruskan Notifikasi ke Inspektor ............................ 55
Gambar 4.31. Halaman Home Inspektor Notifikasi ................................................... 56
Gambar 4.32. Notifikasi Email Inspektor ...................................................................... 56
Gambar 4.33. Halaman Inspektor mengisi ISR .......................................................... 56
Gambar 4.34. Halaman Inspektor Data Inspeksi ........................................................ 57
Gambar 4.35. Halaman Inspektor Data Inspeksi Inspection Activity ..................... 57

xii
http://www.mercubuana.ac.id

Gambar 4.36. Halaman Inspektor Data Inspeksi Klik Submit Inspection

Activity ................................................................................................ 57
Gambar 4.37. Halaman Inspektor Data Inspeksi Upload Photo .............................. 58
Gambar 4.38. Halaman Inspektor Data Inspeksi Klik Laporan ............................... 58
Gambar 4.39. Halaman project Engineer Notifikasi ................................................... 58
Gambar 4.40. Halaman Project Engineer Approved .................................................. 59
Gambar 4.41. Halaman Project Engineer Kirim ke Inspektor .................................... 59
Gambar 4.42. Halaman Klien Notifikasi .................................................................... 59
Gambar 4.43. Notifikasi Email Klien ............................................................................ 59
Gambar 4.44. Halaman Klien Approved .................................................................... 60
Gambar 4.45. Halaman Klien Report ......................................................................... 60
Gambar 4.46. Halaman Klien Print............................................................................. 60
Gambar 4.47. Halaman Admin Notifikasi Finish ....................................................... 61
Gambar 4.48. Halaman Admin Notifikasi Finish ....................................................... 61
Gambar 4.49. Halaman Project Engineer Notifikasi Finish ....................................... 61

xiii
http://www.mercubuana.ac.id