Welcome to Repositori Universitas Muria Kudus - Repositori Universitas Muria Kudus

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

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

ii

UNIVERSITAS MURIA KUDUS

PENGESAHAN STATUS SKRIPSI
JUDUL

:Aplikasi

Web

ManajemenPraktekKerjaLapanganTeknik

InformatikaUniversitas Muria Kudus
:Siti Qori’ah

NAMA

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 :
PembimbingUtama

Penulis

Siti Qori’ah
200951099
Alamat : Hadiwarno RT06/ RW 01
Kudus, 25Januari 2014

Tri Listyorini, M.Kom
NIDN. 0616088502
Kudus, 25 Januari 2014

iii

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

iv

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
NIDN. 0616088502

TutikKhotimah, M.Kom
NIDN. 0608068502
Mengetahui

Ka. Prodi TeknikInformatika

Ahmad Jazuli, M.Kom
NIDN.0406107004

v

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

Anastasyalaubessy, S.Kom, M.Cs
NIDN. 0604048702

Tri Listyorini, M.Kom
NIDN. 0616088502
Mengetahui
DekanFakultasTeknik

Ka. Prodi TeknikInformatika

RochmadWinarso, S.T., M.T
NIS. 0610701000001138

Ahmad Jazuli, M.Kom
NIDN.0406107004

vi

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

vii

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

viii

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

ix

6.2

Saran ............................................................................................................ 130

DAFTAR PUSTAKA

x

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

xi

xii

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

xiii

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

xiv

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

xv

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

xvi

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

xvii

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

xviii

DAFTAR LAMPIRAN
Halaman
Lampiran1: LembarBimbingan

xxii

19