aplikasi web manajemen praktek kerja lapangan … · laporan skripsi aplikasi web manajemen praktek...
TRANSCRIPT
LAPORAN SKRIPSI
APLIKASI WEB MANAJEMEN PRAKTEK KERJA LAPANGAN TEKNIK
INFORMATIKA UNIVERSITAS MURIA KUDUS
Oleh :
Siti Qori’ah
2009-51-099
SKRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK
MEMPEROLEH GELAR SARJANA KOMPUTER
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2014
ii
LAPORAN SKRIPSI
APLIKASI WEB
MANAJEMENPRAKTEKKERJALAPANGANTEKNIKINFORMATIKAUNI
VERSITAS MURIA KUDUS
Oleh :
Siti Qori’ah
2009-51-099
SKRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK
MEMPEROLEH GELAR SARJANA KOMPUTER
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MURIA KUDUS
2014
iii
UNIVERSITAS MURIA KUDUS
PENGESAHAN STATUS SKRIPSI
JUDUL :Aplikasi Web ManajemenPraktekKerjaLapanganTeknik
InformatikaUniversitas Muria Kudus
NAMA :Siti Qori’ah
Mengijinkan Skripsi Teknik Informatika ini disimpan di Perpustakaan Program Studi
Teknik Informatika Universitas Muria Kudus dengan syarat-syarat kegunaan sebagai
berikut :
1. Skripsi adalah hal milik Program Studi Teknik Informatika UMK Kudus
2. Perpustakaan Teknik Informatika UMK dibenarkan membuat salinan untuk
tujuan referensi saja
3. Perpustakaan juga dibenarkan membuat salinan Skripsi ini sebagai bahan
pertukaran antar institusi pendidikan tinggi
4. Berikan tanda V sesuai dengan kategori Skripsi
Sangat Rahasia (Mengandung isi tentangkeselamatan/kepentingan
Negara Republik Indonesia)
Rahasia (Mengandung isi tentang kerahasiaan dari suatu
organisasi/badan tempat penelitian Skripsi ini
dikerjakan)
Biasa
Disahkan Oleh :
Penulis
PembimbingUtama
Siti Qori’ah
200951099
Tri Listyorini, M.Kom
NIDN. 0616088502
Alamat : Hadiwarno RT06/ RW 01
Kudus, 25Januari 2014 Kudus, 25 Januari 2014
iv
UNIVERSITAS MURIA KUDUS
PERNYATAAN PENULIS
JUDUL :Aplikasi Web Manajemen Praktek Kerja Lapangan Teknik Informatika
Universitas Muria Kudus
NAMA :Siti Qori’ah
NIM :2009-51-099
“Saya menyatakan dan bertanggung jawab dengan sebenarnya bahwa Skripsi ini adalah
hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing-masing telah saya
jelaskan sumbernya. Jika pada waktu selanjutnya ada pihak lain yang mengklaim bahwa
Skripsi ini sebagai karyanya, yang disertai dengan bukti-bukti yang cukup, maka saya
bersedia untuk dibatalkan gelar Sarjana Komputer saya beserta segala hak dan
kewajiban yang melekat pada gelar tersebut”.
Kudus,25 Januari 2014
Siti Qori’ah
Penulis
v
UNIVERSITAS MURIA KUDUS
PERSETUJUAN SKRIPSI
JUDUL :Aplikasi Web Manajemen Praktek Kerja Lapangan Teknik Informatika
Universitas Muria Kudus
NAMA :Siti Qori’ah
NIM :2009-51-099
Skripsi ini telah diperiksa dan disetujui,
Kudus, 25 Januari 2014
PembimbingUtama PembimbingPembantu
Tri Listyorini, M.Kom TutikKhotimah, M.Kom
NIDN. 0616088502 NIDN. 0608068502
Mengetahui
Ka. Prodi TeknikInformatika
Ahmad Jazuli, M.Kom
NIDN.0406107004
vi
UNIVERSITAS MURIA KUDUS
PENGESAHAN SKRIPSI
JUDUL :Aplikasi Web Manajemen Praktek Kerja Lapangan Teknik Informatika
Universitas Muria Kudus
NAMA :Siti Qori’ah
NIM :2009-51-099
Skipsi ini telah diujikan dan dipertahankan di hadapan Dewan Penguji pada Sidang
Skripsi tanggal 04Februari2014. Menurut pandangan kami, Skripsi ini memadai dari
segi kualitas untuk tujuan penganugerahan gelar Sarjana Komputer (S.Kom)
Kudus,11Februari2014
Dewan Penguji:
PembimbingUtama PengujiUtama
Tri Listyorini, M.Kom Anastasyalaubessy, S.Kom, M.Cs
NIDN. 0616088502 NIDN. 0604048702
Mengetahui
DekanFakultasTeknik Ka. Prodi TeknikInformatika
RochmadWinarso, S.T., M.T Ahmad Jazuli, M.Kom
NIS. 0610701000001138 NIDN.0406107004
vii
KATA PENGANTAR
Puji syukur kehadirat Allah SWT karena atas Rahmat dan Hidayah-Nya penulis mampu
menyelesaikan penyusunan skripsi ini dengan judul “Aplikasi Web Manajemen Praktek
Kerja Lapangan Progam Studi Teknik InformatikaUniversitasMuria Kudus”.
Skripsi ini disusun guna melengkapi salah satu persyaratan untuk memperoleh
Gelar Kesarjanaan Progam Studi Teknik Informatika Fakultas Teknik Universitas Muria
Kudus.Kiranya dalam penyusunan skripsi ini tidak akan terselesaikan dengan baik tanpa
bantuan dari berbagai pihak. Untuk itu pada kesempatan ini penulis mengucapkan
erimakasih yang sebesar-besarnya, penghargaan yang setinggi-tingginya dan
permohonan maaf atas segala kesalahan yang pernah penulis lakukan kepada semua
pihak yang telah membantu dalam penyelesaian skripsi ini, terutama kepada:
1. ALLAH S.W.T yang telah memberikan pimpinan dalam hidupku.
2. BapakProf. Dr.dr.Sarjadi, Sp. PA,selakuRektorUniversitasMuria Kudus.
3. BapakRochmad Winarso, ST, MT, selakuDekan Fakultas Teknik Universitas Muria
Kudus.
4. BapakAhmad Jazuli, M.Kom, selakuKetua Program Studi Teknik Informatika
Universitas Muria Kudus.
5. IbuTri Listyorini, M.Kom, selakupembimbingSkripsipenulis.
6. IbuTutikKhotimah, M.Kom, selakupembimbingSkripsipenulis.
7. Keluargaku yang selalu setia mendampingi setiap keluh kesah.
8. Semua pihak yang telah membantu penyusunan skripsi ini yang tidak bisa penulis
sebutkan satu persatu
Penulis menyadari sepenuhnya bahwa dalampenyusunan skripsi ini masih
terdapat banyak kekurangan, untuk itu penulis mengharap kritik dan saran dari berbagai
pihak untuk sempurnanya sebuah karyatulis. Selain itu penulis juga berharap semoga
karyatulis ini dapat memberikan manfaat bagi semua.
Kudus, 11Februari 2014
Penulis
viii
DAFTAR ISI
Halaman
LAPORAN SKRIPSI .......................................................................................................... i
LAPORAN SKRIPSI ........................................................................................................ ii
PENGESAHAN STATUS SKRIPSI ............................................................................... iii
PENGESAHAN SKRIPSI ................................................................................................ vi
ABSTRACT .................................................................................................................... vii
ABSTRAK ...................................................................................................................... vii
KATA PENGANTAR .................................................................................................... vii
DAFTAR ISI .................................................................................................................. viii
DAFTAR TABEL ............................................................................................................. xi
DAFTAR GAMBAR ..................................................................................................... xiii
DAFTAR LAMPIRAN .................................................................................................... 19
BAB I ................................................................................................................................. 1
1.1 Latar Belakang .................................................................................................... 1
1.2 Analisis Masalah ................................................................................................. 2
1.3 Batasan Masalah .................................................................................................. 2
1.4 PerumusanMasalah .............................................................................................. 3
1.5 Tujuan Penelitian ................................................................................................ 3
1.6 ManfaatPenelitian ................................................................................................ 4
BAB II ................................................................................................................................ 4
2.1 Penelitian Terkait ................................................................................................ 5
2.2 Landasan Teori .................................................................................................... 7
2.3 Kerangka Teori .................................................................................................. 22
ix
BAB III ............................................................................................................................ 23
3.1 Metode Penelitian .............................................................................................. 23
BAB IV ............................................................................................................................ 26
4.1 Analisa Sistem ................................................................................................... 26
4.2 Analisis Kebutuhan Sistem ............................................................................... 35
4.2.1 Analisa Aktor ................................................................................................. 35
4.2.2 Analisis Kelas ................................................................................................ 36
4.2.3 Analisis Kebutuhan Informasi Dan Data ....................................................... 42
4.3 PemodelanDengan Unified Modelling Language Use Case Diagram .............. 43
4.3.1 Use Case Diagram ............................................................................................. 43
4.3.2 Sequence Diagram ......................................................................................... 46
4.3.3 Activity Diagram ............................................................................................ 64
4.3.4 Class Diagram ............................................................................................... 73
4.4 Perancangan Basis Data .................................................................................... 74
4.5 Perancangan Interface ....................................................................................... 83
4.5.1 Design Layuot ................................................................................................ 83
4.5.2 Struktur Menu ................................................................................................ 84
4.5.3 Desain Input ................................................................................................... 85
4.5.4 Desain Input .................................................................................................. 88
BAB V .............................................................................................................................. 91
5.1 Persiapan ........................................................................................................ 91
5.2 Mempersiapkan Software yang Diperlukan .................................................. 91
5.3 Pengujian Aplikasi ....................................................................................... 115
5.4 Website “PKL” ............................................................................................. 125
BAB V1 .......................................................................................................................... 130
6.1 Kesimpulan .................................................................................................. 130
x
6.2 Saran ............................................................................................................ 130
DAFTAR PUSTAKA
xi
DAFTAR TABEL
Halaman
Tabel2.1Notasi Business Use Case Diagram ............................................................. 8
Tabel2.2Notasi Use Case Diagram............................................................................. 9
Tabel2.3 Notasi Class Diagram ................................................................................. 10
Tabel2.4 Notasi Sequence Diagram ........................................................................... 11
Tabel2.5Notasi Activity Diagram............................................................................... 12
Tabel2.6NotasiStatechrat Diagram ........................................................................... 13
Tabel2.7Type Data Mysql .......................................................................................... 17
Tabel 4.12User ........................................................................................................... 76
Table 4.13 Mahasiswa ................................................................................................ 77
Tabel 4.14Berita ......................................................................................................... 78
Table 4.14Pendaftaran PKL ....................................................................................... 78
Tabel4.15Dosen ......................................................................................................... 78
Tabel4.16Syarat ......................................................................................................... 79
Tabel4.18 Daftar Seminar .......................................................................................... 80
Tabel4.19Ruangan ..................................................................................................... 80
Tabel4.20seminar ....................................................................................................... 80
Tabel4.21jadwalkonsul .............................................................................................. 81
Tabel 5.1 Pengujian black box pada proses register pengguna. .............................. 115
Tabel 5.2 Pengujian black box pada proses login .................................................... 118
Tabel 5.3 Pengujian black box pada proses Input Pendaftaran PKL ....................... 120
Tabel 5.4 Pengujian black box pada proses Ruang .................................................. 121
Tabel 5.5 Pengujian black box pada proses Input Data Syarat ................................ 121
Tabel 5.6 Pengujian black box pada proses Input dosen .......................................... 122
Tabel 5.6 Pengujian black box pada proses Input jadwalbimbingan ....................... 123
Tabel 5.6 Pengujian black box pada proses Input berita .......................................... 124
xii
xiii
DAFTAR GAMBAR
Halaman
Gambar2.1: TampilanAwalRational Rose ................................................................. 14
Gambar2.2:KerangkaTeoriAplikasi Web PKL .......................................................... 22
Gambar3.1: MetodeWaterfall .................................................................................... 23
Gambar4.1: FOD Pendaftaran PKL ........................................................................... 27
Gambar4.2: FOD PengajuanSurat Survey ................................................................. 29
Gambar 4.3: FOD pendaftaran seminar ..................................................................... 31
Gambar 4.4: Business Use Case Diagram Proses Pendaftaran PKL ......................... 34
Gambar 4.5: HirarkiAktor .......................................................................................... 36
Gambar 4.6: KelolaKoordinator................................................................................. 37
Gambar 4.7: KelasPembimbing Dan Penguji ............................................................ 37
Gambar 4.8: KelasMahasiswa .................................................................................... 38
Gambar 4.9: Kelas Info PKL ..................................................................................... 38
Gambar 4.10: KelasPendaftaran PKL ........................................................................ 39
Gambar 4.11: KelasDosen ......................................................................................... 39
Gambar 4.12: KelasDaftar Seminar ........................................................................... 40
Gambar 4.13:KelasRuang .......................................................................................... 40
Gambar 4.14: Kelas Data Syarat ................................................................................ 40
Gambar 4.15: Kelas Login User................................................................................. 41
Gambar 4.16: Kelas Seminar PKL ............................................................................. 41
Gambar 4.17: Use Case Diagramkoordinator ........................................................... 43
Gambar 4.18: Use Case DiagramMahasiswa ............................................................ 44
Gambar 4.19: Use Case Diagram User Luar ............................................................. 45
Gambar 4.20: Use Case DiagramDosen .................................................................... 45
Gambar 4.21: User MendaftarDisistem ..................................................................... 46
Gambar 4.22: SequenceDigram Login ....................................................................... 46
Gambar 4.23: SequenceLihatjadwalbimbingan ......................................................... 47
Gambar 4.24: SequenceLihatPengumuman ............................................................... 47
xiv
Gambar 4.25: SequenceDigramDaftar PKL ............................................................... 47
Gambar 4.26: SequenceDigramDaftar Seminar ......................................................... 48
Gambar 4.27:SequenceDigramKelolaJadwal ............................................................. 48
Gambar 4.28:SequenceDigram Method Input Jadwal ............................................... 48
Gambar 4.29:SequenceDigram Edit Jadwal ............................................................... 49
Gambar 4.30:SequenceDigramLihatDaftarMahasiswaBimbingan ............................ 49
Gambar 4.31:SequenceDigramKelolaDosen.............................................................. 50
Gambar 4.32:SequenceDigramPencarian Data Dosen ............................................... 50
Gambar 4.33:SequenceDigram Input Data Dosen ..................................................... 50
Gambar 4.34:SequenceDigram Detail Data Dosen .................................................... 51
Gambar 4.35:SequenceDigramEdit Data Dosen ........................................................ 51
Gambar 4.36:SequenceDigramHapusDosen .............................................................. 51
Gambar 4.37:SequenceDigramKelolapengumuman .................................................. 52
Gambar 4.38:SequenceDigram Input Pengumuman .................................................. 52
Gambar 4.39:SequenceDigram Edit Pengumuman .................................................... 52
Gambar 4.40:SequenceDigramHapusPengumuman .................................................. 53
Gambar 4.41:SequenceDigramKelolaMahasiswa ...................................................... 53
Gambar 4.42:SequenceDigram Import Data Mahasiswa ........................................... 53
Gambar 4.43:SequenceDigramPencarian Data Mahasiswa ....................................... 54
Gambar 4.44:SequenceDigram Detail Data Mahasiswa ............................................ 54
Gambar 4.45:SequenceDigram Edit Data Mahasiswa ............................................... 54
Gambar 4.46:SequenceDigramHapus Data Mahasiswa ............................................. 55
Gambar 4.47:SequenceDigram Set Jadwal Seminar .................................................. 55
Gambar 4.48:SequenceDigram Input Jadwal Seminar .............................................. 55
Gambar 4.49:SequenceDigramKelola Data Seminar ................................................. 56
Gambar 4.50:SequenceDigramPencarian Data Seminar PKL ................................... 56
Gambar 4.51:SequenceDigramDeatail Data Seminar ................................................ 56
Gambar 4.52:SequenceDigram Edit Data Seminar .................................................... 57
Gambar 4.53:SequenceDigram Input Hasil Seminar ................................................. 57
Gambar 4.54:SequenceDigramEdit Hasil Seminar PKL ........................................... 58
xv
Gambar 4.55:SequenceDigramKelolaData Ruang ..................................................... 58
Gambar 4.56:SequenceDigram Input Ruang.............................................................. 58
Gambar 4.57:SequenceDigram Edit Data Ruang ....................................................... 59
Gambar 4.58:SequenceDigramHapus Data Ruang .................................................... 59
Gambar 4.59:SequenceDigram Detail Data Ruang .................................................... 59
Gambar 4.60:SequenceDigramKelolaPersyaratan ..................................................... 60
Gambar 4.61:SequenceDigram Method PencarianPersyaratan.................................. 60
Gambar 4.62:SequenceDigram Method input Persyaratan ........................................ 60
Gambar 4.63:SequenceDigram Method Edit Persyaratan .......................................... 61
Gambar 4.64:SequenceDigramLaporanPendaftaran PKL ......................................... 61
Gambar 4.65:SequenceDigramLaporanRekapPenguji Seminar ................................ 62
Gambar 4.66:SequenceDigramLaporanJadwalSemiinar PKL ................................... 62
Gambar 4.67:SequenceDigramLaporanHasil Seminar .............................................. 63
Gambar 4.70:SequenceDigram Edit Profil ................................................................. 63
Gambar 4.71:SequenceDigram Logout ...................................................................... 64
Gambar 4.72:ActivitiyDigramDaftarAccoutMahasiswa ............................................ 64
Gambar 4.73:ActivitiyDigram Login .......................................................................... 65
Gambar 4.74:ActivitiyDigramPendaftaran PKL......................................................... 65
Gambar 4.75:ActivitiyDigramDaftar seminar ............................................................ 66
Gambar 4.76:ActivitiyDigramLihatJadwalKonsultasi................................................ 66
Gambar 4.77:ActivitiyDigramLihatPengumuman ...................................................... 66
Gambar 4.78:ActivitiyDigramKelolaJadwalKonsultasi ............................................. 67
Gambar 4.79:ActivitiyDigramLihatDaftarMahasiswaBimbingan .............................. 67
Gambar 4.80:ActivitiyDigramKelolaPendaftaran PKL .............................................. 68
Gambar 4.81:ActivitiyDigramKelolaDosen ............................................................... 68
Gambar 4.82:ActivitiyDigramKelolaInformasi .......................................................... 69
Gambar 4.83:ActivitiyDigramKelolaMahasiswa........................................................ 69
Gambar 4.84:ActivitiyDigramKelolaRuangan ........................................................... 70
Gambar 4.85:ActivitiyDigramKelolaPersyaratan ....................................................... 70
Gambar 4.86:ActivitiyDigramKelola Data Seminar PKL .......................................... 71
xvi
Gambar 4.87:ActivitiyDigramKelolaNilai PKL ......................................................... 71
Gambar 4.88:ActivitiyDigramKelola Data User PKL ................................................ 72
Gambar 4.89:ActivitiyDigramMelihat Info PKL........................................................ 72
Gambar 4.90:Class Diagram web Manajemen PKL ................................................. 73
Gambar 4.91:Relasi Table web Manajemen PKL...................................................... 82
Gambar 4.92:Layout Halaman ................................................................................... 83
Gambar 4.93:Menu Koordinator ................................................................................ 84
Gambar 4.94:Menu Dosen ......................................................................................... 84
Gambar 4.95:Menu Mahasiswa ................................................................................. 85
Gambar 4.96:form register ......................................................................................... 85
Gambar 4.97:Form Login........................................................................................... 85
Gambar 4.98:Form Pendaftaran PKL ........................................................................ 86
Gambar 4.99:Form Pendafataran Seminar ................................................................. 86
Gambar 4.100:Form Input JadwalKonsultasi ............................................................ 86
Gambar 4.102:Form Import Data Mahasiswa ............................................................ 87
Gambar 4.103:Form Input Data Dosen ...................................................................... 87
Gambar 4.104:Form Input BerkasPersyaratan ........................................................... 87
Gambar 4.105:Form Input Data Ruang ...................................................................... 88
Gambar 4.106:Form Input Berita ............................................................................... 88
Gambar 4.107:Data Mahasiswa ................................................................................. 88
Gambar 4.108:Data Dosen ......................................................................................... 89
Gambar 4.109:Data Persyaratan................................................................................. 89
Gambar 4.110:DaftarRuangan ................................................................................... 89
Gambar 4.111:Data DaftarPngumuman ..................................................................... 89
Gambar 4.112:Data DaftarPengumuman ................................................................... 90
Gambar5.1: Tabel User .............................................................................................. 92
Gambar5.2:Tabel Mahasiswa ..................................................................................... 92
Gambar5.3: Tabel Pendafataran PKL ........................................................................ 93
Gambar5.4: Tabel Pendaftaran Seminar .................................................................... 93
Gambar5.5: Tabel Dosen ........................................................................................... 94
xvii
Gambar5.6: Tabel JadwalKonsul ............................................................................... 94
Gambar5.7: Tabel Ruangan ....................................................................................... 95
Gambar5.8: Tabel Seminar ........................................................................................ 95
Gambar5.9: TabelSyarat ............................................................................................ 96
Gambar5.10: TabelBerita ........................................................................................... 96
Gambar 5.11: Tampilan Halaman Register Sistem .................................................... 97
Gambar5.12: Tampilan Halaman Home .................................................................... 98
Gambar5.13: Tampilan Halaman Profil ..................................................................... 98
Gambar5.14: Tampilan Alur PKL.............................................................................. 99
Gambar5.15: Tampilan Tema PKL ............................................................................ 99
Gambar5.16: Tampilan Halaman Tata Cara PKL ..................................................... 100
Gambar5.17: Tampilan Halaman judul PKL ............................................................ 100
Gambar5.18: Tampilan Halaman Informasi PKL ..................................................... 101
Gambar5.19: Tampilan Halaman KompetensiPembimbing ..................................... 101
Gambar5.20: Tampilan Halaman Tempat PKL ........................................................ 102
Gambar5.21: Halaman Jadwal Seminar .................................................................... 102
Gambar5.22: Halaman JadwalBimbingan ................................................................ 103
Gambar5.23: Halaman Login .................................................................................... 103
Gambar5.24: Halaman Register ................................................................................ 104
Gambar5.25: Halaman ProfilMahasiswa .................................................................. 105
Gambar5.26: Halaman UbahProfil............................................................................ 105
Gambar5.27: Halaman Pendaftaran PKL .................................................................. 106
Gambar5.28: Halaman KompetensiPembimbing...................................................... 106
Gambar5.29: Halaman Jadwal Seminar .................................................................... 107
Gambar5.30: Halaman Pendafatran Seminar ............................................................ 107
Gambar5.31: Halaman JadwalBimbingan ................................................................ 108
Gambar5.32: Halaman Input JadwalBimbingan ....................................................... 108
Gambar5.33: Halaman LihatMahasiswaBimbingan ................................................. 109
Gambar5.34: Halaman lihatMahasiswa Yang di Uji ................................................ 109
Gambar5.35: Halaman DosenLihatNilai ................................................................... 110
xviii
Gambar5.36: Halaman Kelola Data Syarat ............................................................... 111
Gambar5.37: Halaman KelolaPendaftaran PKL ....................................................... 111
Gambar5.38: Halaman KelolaPendaftaran Seminar ................................................. 112
Gambar5.39: Halaman Kelola DataMahasiswa ....................................................... 112
Gambar5.40: Halaman KelolaRuangan .................................................................... 113
Gambar5.41: Halaman KelolaDosen ........................................................................ 113
Gambar5.42: Halaman KelolaBerita PKL ................................................................ 114
Gambar5.43: Halaman KelolaNilai PKL .................................................................. 114
Gambar5.44: Halaman Hosting PHP Mysql ............................................................. 125
Gambar5.45: Halaman Hosting Data Base ............................................................... 126
Gambar5.46: Halaman Upload Data Base ................................................................ 126
Gambar5.47: Halaman Data Base Terupload............................................................ 127
Gambar5.48: Halaman Creat Account ...................................................................... 127
Gambar5.49: Halaman Membuat Domain ................................................................ 128
Gambar5.50: Halaman Upload Website ................................................................... 128
Gambar5.51: Halaman Upload File.php ................................................................... 129
19
DAFTAR LAMPIRAN
Halaman
Lampiran1: LembarBimbingan xxii