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
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
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
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
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
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
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
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
x
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
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
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
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
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
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
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
19