ii DAFTAR ISI LEMBAR JUDUL LEMBAR PENGESAHAN KATA PENGANTAR ... i DAFTAR ISI ... ii DAFTAR TABEL ... vi
DAFTAR GAMBAR ... vii
DAFTAR SIMBOL ... xi BAB 1 PENDAHULUAN ... 1 1.1.LatarBelakangan ... 1 1.2.PerumusanMasalah ... 2 1.3.MaksuddanTujuan ... 2 1.4.BatasanMasalah ... 2 1.5.MetodePenelitian ... 3 1.6.SistematikaPenulisan ... 4
BAB 2 TINJAUAN PUSTAKA ... 6
2.1.ProfilTempatKerjaPraktek ... 6
2.1.1. SejarahInstansi ... 6
2.1.2. Logo Instansi ... 6
2.1.3. BadanHukumInstansi ... 7
2.1.4. StrukturOrganisasidan Job Description ... 7
2.2.LandasanTeori ... 11 2.2.1. KonsepDasarSistemInformasi ... 11 2.2.1.1.PengertianSistem ... 11 2.2.1.2.KarakteristikSistem ... 12 2.2.1.3.PengertianInformasi ... 13 2.2.1.4.PengertianSistemInformasi ... 13 2.2.1.5.Komponen-KomponendariSistemInformasi ... 14 2.2.2. KonsepDasar Web ... 14
iii
2.2.2.1.Pengertian Website ... 15
2.2.2.2.Pengertian Web Server ... 15
2.2.2.2.1. HTML ... 15
2.2.2.2.2. PHP ... 15
2.2.2.2.3. MYSQL ... 16
BAB 3 ANALISIS DAN PERANCANGAN SISTEM ... 21
3.1.AnalisisSistem ... 21
3.1.1. AnalisisMasalah ... 21
3.1.2. AnalisisSistem yang SedangBerjalan ... 21
3.1.2.1.ProsedurPenyelidikanHidrologi ... 22
3.1.2.2.Prosedurengeboran Air Tanah ... 23
3.1.3. AnalisisKebutuhan Non-Fungsional ... 26
3.1.3.1.AnalisisKebutuhanPerangkatKeras ... 26
3.1.3.2.AnalisisKebutuhanPerangkatLunak ... 26
3.1.3.3.AnalisisKebutuhanPerangkatPikir ... 27
3.1.4. Analisis Data ... 27
3.1.5. Kamus Data ERD ... 29
3.1.6. AnalisisKebutuhanFungsional ... 35 3.1.6.1. Diagram Konteks ... 35 3.1.6.2. DFD Level 1 ... 36 3.1.6.3. DFD Proses 2 User ... 37 3.1.6.4. DFD Proses 3 Pelaksana ... 38 3.1.6.5.DFD Proses 4 Pemohon ... 39 3.1.6.6.DFD Proses 5 Sumur ... 40 3.1.6.7.DFD Proses 6 SubSumur ... 41 3.1.6.8.DFD Proses 7 Provinsi ... 42 3.1.6.9.DFD Proses 8 Kabupaten/Kota ... 44 3.1.6.10.DFD Proses 9 Kecamatan ... 45 3.1.6.11.DFD Proses 10 Desa/Kelurahan ... 46 3.2.PerancanganSistem ... 48
iv
3.2.2. PerancanganArsitekturdanPerangkatLunak ... 51
3.2.3. PerancanganStruktur Menu ... 51
3.2.3.1.Struktur Menu Admin ... 52
3.2.3.2.Struktur Menu Superadmin ... 53
3.2.3.3.Struktur Menu Operator ... 54
3.2.4. PerancanganAntarmuka ... 55 3.2.4.1.PerancanganAntarmukaHalaman Login ... 55 3.2.4.2.PerancanganAntarmukaSuperadmin ... 56 3.2.4.3.PerancanganAntarmuka Admin ... 73 3.2.4.4.PerancanganAntarmuka Operator ... 81 3.2.5. PerancanganPesan ... 86 3.2.6. JaringanSematik ... 94 3.2.7. PerancanganProsedural... 97 3.3.ImplementasiSistem ... 104 3.3.1. ImplementasiPerangkatKeras ... 104 3.3.2. ImplementasiPerangkatLunak ... 104
3.3.3. Implementasi Basis Data (Database) ... 104
3.3.4. Implementasi Proses ... 113
3.3.5. ImplementasiAntarmuka ... 180
3.3.5.1.Halaman Login Admin ... 180
3.3.5.2.HalamanUtama Admin ... 180
3.3.5.3.HalamanUtamaSuperadmin ... 181
3.3.5.4.HalamanUtama Operator ... 183
BAB 5KESIMPULAN DAN SARAN ... 177
v DAFTAR LAMPIRAN
Lampiran A Listing Program ... A-1 Lampiran B SuratBalasanPenelitian ... B-1 Lampiran C DaftarKehadiranKerjaPraktek ... C-1 Lampiran D NilaiKerjaPraktek ... D-1 Lampiran E SuratKeteranganPenyerahanHakEksklusif ... E-1 Lampiran F Curiculum Vitae ... F-1
xi
DAFTAR SIMBOL
1. Simbol – symbol ERD ( Data Flow Diagram )
xii
2. Simbol – symbol DFD ( Data Flow Diagram )
Simbol Nama Penjelasan
Sumber dan tujuan data Karyawan dan orang mengirim data ke dan menerima data dai sistem digambarkan dengan kotak
Arus data Arus data yang masuk dan keluar dalam sebuah sistem
Proses transformasi Proses yang mengubah input menjadi output
Penyimpanan data Penyimpanan data digambarkan dengan dua garis horizontal ( parallel )
xiii
3. Daftar simbol untuk bagan alir dokumen (flow map)
Document Symbol
Menunjukkan dokumen yang digunakan untuk input dan output baik untuk proses manual ataupun komputerisasi
Manual Action Symbol
Menunjukkan pekerjaan secara manual
Proces Symbol
Menunjukkan kegiatan proses operasi program komputer
Offline Storage Symbol
Menunjukkan file non komputer yang diarsipkan
Data Flow
Menunjukkan arus dari proses
Hardisk Storage Symbol
vi DAFTAR TABEL
Tabel 3.1 AnalisisKebutuhanPerangkatKeras ... 26
Tabel 3.2 Kamus Data ERD ... 29
Tabel 3.3 Kamus Data DFD Proses 2 User ... 37
Tabel 3.4 Kamus Data DFD Proses 3 Pelaksana ... 38
Tabel 3.5 Kamus Data DFD Proses 4 Pemohon... 39
Tabel 3.6 Kamus Data DFD Proses 5 Sumur ... 40
Tabel 3.7 Kamus Data DFD Proses 6 Pelaksana ... 41
Tabel 3.8 Kamus Data DFDProses 7 Provinsi ... 43
Tabel 3.9 Kamus Data DFD Proses 8 Kabuapten/Kota ... 44
Tabel 3.10 Kamus Data DFD Proses 9 Kecamatan ... 45
Tabel 3.11 Kamus Data DFD Proses 10 Desa/Kelurahan ... 47
vii
DAFTAR GAMBAR
Gambar1.1 Model Waterfall ... 4
Gambar 2.1 Logo BadanGeologi ... 6
Gambar 2.2 StrukturOrganisasi ... 7
Gambar 3.1 Flowmap Proses Penyelidikan Air ... 23
Gambar 3.2 Fowmap Proses Pengeboran Air Tanah ... 25
Gambar 3.3 ERD ... 28
Gambar 3.4 Diagram Konteks ... 35
Gambar 3.5 DFD Level 1 ... 36
Gambar 3.6 DFD Proses 2 User ... 37
Gambar 3.7 DFD Proses 3 Pelaksana ... 38
Gambar 3.8 DFD Proses 4 Pemohon ... 39
Gambar 3.9 DFD Proses 5 Sumur ... 40
Gambar 3.10 DFD Proses 6 Pelaksana ... 41
Gambar 3.11 DFD Proses 7 Provinsi ... 42
Gambar 3.12 DFD Proses 8 Kabuapten/Kota ... 44
Gambar 3.13 DFD Proses 9 Kecamatan ... 45
Gambar 3.14 DFD Proses 10 Desa/Kelurahan ... 46
Gambar 3.15 Diagram Relasi... 50
Gambar 3.16 Struktur Menu Admin ... 52
Gambar 3.17 Struktur Menu Superadmin ... 53
Gambar 3.18 Struktur Menu Operator ... 54
Gambar 3.19 Perancanganantarmukahalaman login ... 55
Gambar 3.20 Perancanganantarmukahalamanutamasuperadmin ... 56
Gambar 3.21 Perancanganantarmuka menu tambah user ... 56
Gambar 3.22 Perancanganantarmuka ubah1 user ... 57
Gambar 3.23 Perancanganantarmuka ubah2 user ... 57
Gambar 3.24 Perancanganantarmuka menu tampil user ... 58
Gambar 3.25 Perancanganantarmuka menu tambahpelaksana ... 59
Gambar 3.26 Perancanganantarmuka ubah1 pelaksana ... 60
Gambar 3.27 Perancanganantarmuka ubah2 pelaksana ... 61
viii
Gambar 3.29 Perancanganantarmuka menu tambahpemohon ... 63
Gambar 3.30 Perancanganantarmuka menu ubah1 pemohon ... 64
Gambar 3.31 Perancanganantarmuka menu ubah2 pemohon ... 65
Gambar 3.32 Perancanganantarmuka menu tampilpemohon ... 66
Gambar 3.33 Perancanganantarmuka menu tambahsumur ... 67
Gambar 3.34 Perancanganantarmuka ubah1 sumur ... 68
Gambar 3.35 Perancanganantarmuka ubah2 sumur ... 69
Gambar 3.36 Perancanganantarmuka menu tampilsumur ... 70
Gambar 3.37 Perancanganantarmuka menu tambahsubsumur ... 70
Gambar 3.38 Perancanganantarmuka ubah1 subsumur ... 71
Gambar 3.39 Perancanganantarmuka ubah2 subsumur ... 71
Gambar 3.40 Perancanganantarmuka menu tampil1 subsumur ... 72
Gambar 3.41 Perancanganantarmuka menu tampil2 subsumur ... 72
Gambar 3.42 Perancanganantarmukhalamanutama admin ... 73
Gambar 3.43 Perancanganantarmuka menu tambahprovinsi ... 73
Gambar 3.44 Perancanganantarmuka ubah1 provinsi ... 74
Gambar 3.45 Perancanganantarmuka ubah2 provinsi ... 74
Gambar 3.46 Perancanganantarmuka menu tampilprovinsi ... 75
Gambar 3.47 Perancanganantarmuka menu tambahkota/kabupaten ... 75
Gambar 3.48 Perancanganantarmuka ubah1 kota/kabupaten ... 76
Gambar 3.49 Perancanganantarmuka ubah2 kota/kabupaten ... 76
Gambar 3.50 Perancanganantarmuka menu tampilkota/kabupaten ... 77
Gambar 3.51 Perancanganantarmuka menu tambahkecamatan ... 77
Gambar 3.52 Perancanganantarmuka ubah1 kecamatan... 78
Gambar 3.53 Perancanganantarmuka ubah2 kecamatan... 78
Gambar 3.54 Perancanganantarmukatampilkecamatan ... 79
Gambar 3.55 Perancanganantarmuka menu tambahdesa/kelurahan ... 79
Gambar 3.56 Perancanganantarmuka ubah1 desa/kelurahan ... 80
Gambar 3.57 Perancanganantarmuka ubah2 desa/kelurahan ... 80
Gambar 3.58 Perancanganantarmuka menu tampildesa/kelurahan ... 81
Gambar 3.59 Perancanganantarmukahalamanutama operator ... 81
Gambar 3.60 Perancanganantarmuka menu tambahsubsumur ... 82
Gambar 3.61 Perancanganantarmuka ubah1 subsumur ... 83
ix
Gambar 3.63 Perancanganantarmuka tampil1 subsumur ... 85
Gambar 3.64 Perancanganantarmuka tampil2 subsumur ... 85
Gambar 3.65 Perancangan Pesan1 ... 89
Gambar 3.66 Perancangan Pesan2 ... 90
Gambar 3.67 Perancangan Pesan3 ... 91
Gambar 3.68 Perancangan Pesan4 ... 92
Gambar 3.69 Perancangan Pesan5 ... 93
Gambar 3.70 JaringanSematik Admin ... 94
Gambar 3.71 JaringanSematikSuperadmin ... 95
Gambar 3.73 JaringanSematik Operator ... 96
Gambar 3.74 Prosedur login ... 97
Gambar 3.75 Prosedurtambah data ... 98
Gambar 3.76 Prosedurubah data ... 99
Gambar 3.77 Prosedurtampil data ... 100
Gambar 3.78 Prosedurcari data ... 101
Gambar 3.79 Prosedurhapus data ... 102
Gambar 3.80 Prosedurunduh data ... 103
GambarError! No text of specified style in document..1 ... Tam pilanUtama ... 113
GambarError! No text of specified style in document..2.1 ... Tam pilan Admin ... 114
GambarError! No text of specified style in document..2.2.1 ... Mas ukke Menu TambahProvinsi ... 114
GambarError! No text of specified style in document..2.2.2 ... Tam pilan TambahProvinsi ... 115
GambarError! No text of specified style in document..2.2.3 ... Tam pilan Data BelumLengkap ... 115
x
GambarError! No text of specified style in document..2.2.4
... Tam pilanDialog BoxPeringatan ... 116
GambarError! No text of specified style in document..2.2.5
... Tam pilan Tambah Data ProvinsiBerhasil ... 116
GambarError! No text of specified style in document..2.3.1
... Mas ukke Menu UbahProvinsi ... 117
GambarError! No text of specified style in document..2.3.2
... Tam pilanCari Id untukUbahProvinsi ... 117
GambarError! No text of specified style in document..2.3.3
... Tam pilan Data BelumLengkap ... 118
GambarError! No text of specified style in document..2.3.4
... Tam pilanUbahProvinsi... 118
GambarError! No text of specified style in document..2.3.5
... Tam pilan Data TidakSesuaidenganKetentuan ... 120
GambarError! No text of specified style in document..2.3.7
... Tam pilanUbah Data yang sudahselesai ... 120
GambarError! No text of specified style in document..2.4.1
... Tam pilanMasukke Menu TampilProvinsi ... 120
GambarError! No text of specified style in document..2.4.2
... Tam pilanProvinsi ... 121
Gambar IError! No text of specified style in document..2.5.2
... Tam pilan Tambah Kota/Kabupaten ... 123