KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, atas
berkat dan rahmat-Nya sehingga penulis dapat menyusun Laporan Kerja Praktik
ini dengan baik, serta tepat pada waktunya. Adapun Laporan Kerja Praktik dengan
judul “Rancang Bangun Sistem Informasi Surat Perintah Perjalanan Dinas Pada
Kantor Badan Kesatuan Bangsa dan Politik Provinsi Kalimantan Tengah Berbasis
Web” ini diangkat agar website ini nantinya dapat membantu dan memfasilitasi
pegawai pada Kantor Badan Kesatuan Bangsa dan Politik Provinsi Kalimantan
Tengah dalam kegiatan pengolahan data Surat Perintah Perjalanan Dinas.
Penulis menyadari bahwa Laporan Kerja Praktik ini masih jauh dari
sempurna. Oleh karena itu, penulis mengharapkan pendapat, kritik maupun saran
yang bersifat membangun demi penyempurnaan laporan ini.
Dengan adanya laporan ini, penulis sangat berharap agar Laporan Kerja
Praktik dapat diterima dengan baik dan bermanfaat bagi kita semua terkhusus bagi
semua mahasiswa Jurusan Teknik Informatika Fakultas Teknik Universitas
Palangkaraya.

Palangka Raya, Desember 2018

Penulis
 DAFTAR ISI
Halaman
SAMPUL DEPAN ............................................................................................i
SAMPUL DALAM ...........................................................................................ii
LEMBAR PEGESAHAN ................................................................................iii
KATA PENGANTAR ......................................................................................iv
ABSTRAK ........................................................................................................v
DAFTAR ISI .....................................................................................................vi
DAFTAR TABEL ............................................................................................xi
DAFTAR GAMBAR ........................................................................................xiii
DAFTAR LAMPIRAN ....................................................................................xviii

BAB I PENDAHULUAN .............................................................................1

1.1 Latar Belakang ..........................................................................1
1.2 Rumusan Masalah .....................................................................2
1.3 Batasan Masalah dan Ruang Lingkup .......................................2
1.4 Tujuan Penelitian ......................................................................4
1.5 Manfaat Penelitian ...................................................................4
1.6 Metodologi Penelitian ...............................................................5
1.6.1 Alat dan Bahan ................................................................5
1.6.2 Metodologi Pengembangan .............................................6
1.7 Sistematika Penulisan ...............................................................8
1.8 Jadwal Kegiatan ........................................................................10

BAB II GAMBARAN UMUM TEMPAT KERJA PRAKTIK..................11

2.1 Latar Belakang DPM-PTSP Kota Palangka Raya ....................11
2.2 Sejarah DPM-PTSP Kota Palangka Raya .................................11
2.3 Visi dan Misi DPM-PTSP Kota Palangka Raya .......................12
2.4 Tugas Pokok dan Fungsi DPM-PTSP Kota Palangka Raya .....13
2.5 Struktur Organisasi DPM-PTSP Kota Palangka Raya ..............13
BAB III LANDASAN TEORI ........................................................................16
3.1 Cuti Pegawai Negeri Sipil .........................................................16
3.1.1 Jenis-Jenis cuti Pegawai Negeri Sipil ..............................16
3.1.2 Manfaat Cuti ....................................................................22
3.1.3 Tata Cara Cuti .................................................................24
3.1.4 Penghasilan PNS Selama Menjalankan Cuti ...................24
3.2 websie .......................................................................................24
3.2.1 Sejarah Website ...............................................................24
3.2.2 Pengertian Website ..........................................................25
3.3 Basis Data .................................................................................26
3.4 Metode Pengembangan Perangkat Lunak .................................28
3.5 Flowchart ..................................................................................30
3.6 Data Flow Diagram (DFD) .......................................................33
3.7 Enity Relationship Diagram (ERD) ..........................................34
3.8 Perangkat Lunak Pendukung.....................................................38
3.8.1 Notepad++ .....................................................................38
3.8.2 Sqlyog ...........................................................................38
3.8.3 XAMPP .........................................................................38
3.8.4 Adobe Photoshop ..........................................................39
3.8.5 Edraw Max ....................................................................39
3.9 Bahasa Pemrograman .................................................................40
3.9.1 HTML ...........................................................................40
3.9.2 CSS................................................................................40
3.9.3 Javascript .......................................................................41
3.9.4 PHP ...............................................................................41
3.10 Blackbox Testing ........................................................................42

BAB IV ANALISIS DAN DESAIN ...............................................................44

4.1 Requirements Definition ..........................................................44
4.1.1 Analisis Sistem Lama ....................................................44
4.1.2 Analisis Sistem Baru .....................................................46
4.1.3 Analisis Sistem ..............................................................49
 4.2 System and Software Design ......................................................56
4.2.1 Desain Sistem ................................................................56
4.2.2 Kamus data ....................................................................70
4.2.3 Desain Struktur Navigasi ..............................................74
4.2.4 Desain User Interface ....................................................76

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM ..........................90

5.1 Integration and System ................................................................90
5.1.1 Integrasi dan Implementasi Program ...............................90
5.1.2 Pengujian Sistem .............................................................131

BAB VI PENUTUP .........................................................................................153

6.1 Kesimpulan .................................................................................153
6.2 Saran ...........................................................................................154

DAFTAR PUSTAKA
 DAFTAR TABEL
Halaman
Tabel 1.1 Jadwal Kegiatan Kerja Praktik ..........................................................10
Tabel 3.1 Flow Directions Symbols ..................................................................31
Tabel 3.2 Processing Symbols ...........................................................................31
Tabel 3.2 Processing Symbols (Lanjutan) .........................................................32
Tabel 3.3 Input / Output Symbols .....................................................................32
Tabel 3.3 Input/ Output Symbols (Lanjutan) .....................................................33
Tabel 3.4 Komponen-Komponen Data Flow Diagram ......................................34
Tabel 3.5 Simbol-Simbol Enity Relationship Diagram .....................................37
Tabel 4.1 Tabel User ..........................................................................................70
Tabel 4.2 Tabel Data Pegawai ...........................................................................71
Tabel 4.3 Tabel headercuti_Pegawai ..................................................................71
Tabel 4.4 Tabel detailcuti_pegawai ...................................................................72
Tabel 4.5 Tabel Departemen .............................................................................72
Tabel 4.6 Tabel Agama .....................................................................................73
Tabel 4.7 Tabel Golongan .................................................................................73
Tabel 4.8 Tabel Jabatan .....................................................................................73
Tabel 5.1 Blackbox Testing Proses Login Admin .............................................131
Tabel 5.1 Blackbox Testing Proses Login (Lanjutan) .......................................132
Tabel 5.2 Blackbox Testing Halaman Utama Admin .......................................132
Tabel 5.2 Blackbox Testing Halaman Utama Admin (Lanjutan) .....................133
Tabel 5.3 Blackbox Testing Halaman Dashboard ..............................................134
Tabel 5.4 Blackbox Testing Halaman Kelola User ............................................134
Tabel 5.4 Blackbox Testing Halaman Kelola User (Lanjutan) ..........................135
Tabel 5.5 Blackbox Testing Halaman Kelola Agama ........................................136
Tabel 5.6 Blackbox Testing Halaman Kelola Pangkat/Golongan ......................137
Tabel 5.7 Blackbox Testing Halaman Kelola Jabatan........................................138
Tabel 5.8 Blackbox Testing Halaman Kelola Departemen ................................139
Tabel 5.9 Blackbox Testing Halaman Kelola Data Pegawai .............................140
Tabel 5.10 Blackbox Testing Halaman Kelola Cuti Pegawai ............................141
Tabel 5.11 Blackbox Testing Halaman Cetal Laporan Cuti Pegawai ................142
Tabel 5.12 Blackbox Testing Halaman Edit Profil ............................................142
Tabel 5.12 Blackbox Testing Halaman Edit Profil (Lanjutan)...........................143
Tabel 5.13 Blackbox Testing Proses Login Pegawai .........................................143
Tabel 5.13 Blackbox Testing Proses Login Pegawai (Lanjutan) .......................144
Tabel 5.14 Blackbox Testing Halaman Utama Pegawai ....................................144
Tabel 5.14 Blackbox Testing Halaman Utama Pegawai (Lanjutan) ..................145
Tabel 5.15 Blackbox Testing Halaman Beranda ................................................145
Tabel 5.16 Blackbox Testing Halaman Permohonan Cuti .................................146
Tabel 5.16 Blackbox Testing Halaman Permohonan Cuti .................................147
Tabel 5.17 Blackbox Testing Halaman Edit Profil ............................................147
Tabel 5.17 Blackbox Testing Halaman Edit Profil (Lanjutan)...........................148
Tabel 5.18 Blackbox Testing Halaman Proses Login Kepala Dinas..................148
Tabel 5.18 Blackbox Testing Halaman Proses Login Kepala Dinas(Lanjutan) .149
Tabel 5.19 Blackbox Testing Halaman Utama Kepala Dinas ............................149
Tabel 5.19 Blackbox Testing Halaman Utama Kepala Dinas(Lanjutan) ...........150
Tabel 5.20 Blackbox Testing Halaman Beranda ................................................150
Tabel 5.21 Blackbox Testing Halaman Data Pegawai .......................................151
Tabel 5.22 Blackbox Testing Halaman Permohonan Cuti .................................151
Tabel 5.22 Blackbox Testing Halaman Permohonan Cuti (Lanjutan) ...............152
Tabel 5.23 Blackbox Testing Halaman Edit Profil ............................................152
 DAFTAR GAMBAR
Halaman
Gambar 1.1 Waterfall Model (Ian Sommervile, 2011) ....................................8
Gambar 2.1 Struktur Organisasi DPM-PTSP Kota Palangka Raya ..................15
Gambar 3.1 Waterfall Model (Ian Sommervile,2011) .....................................30
Gambar 4.1 Flowchart Sistem Lama ................................................................45
Gambar 4.2 Flowchart Sistem Baru .................................................................48
Gambar 4.3 Flowchart Admin dan Sistem .......................................................50
Gambar 4.4 Flowchart Kepala Dinas dan Sistem ..............................................51
Gamabr 4.5 Flowchart Pegawai dan Sistem ......................................................53
Gambar 4.6 Diagram Konteks ...........................................................................57
Gambar 4.7 DFD Level 1 ..................................................................................58
Gambar 4.8 DFD Level 2 Proses I ....................................................................61
Gambar 4.9 DFD Level 2 Proses 2 ...................................................................62
Gambar 4.10 DFD Level 2 Proses 3 ..................................................................63
Gambar 4.11 DFD Level 2 Proses 4 ..................................................................64
Gambar 4.12 DFD Level 2 Proses 5 ..................................................................65
Gambar 4.13 DFD Level 2 Proses 6 ..................................................................66
Gambar 4.14 DFD Level 2 Proses 7 ..................................................................67
Gambar 4.15 DFD Level 2 Proses 8 ..................................................................68
Gambar 4.16 Enity Relationship Diagram ........................................................69
Gambar 4.17 Site Map Halaamn Utama untuk Kapala Dinas ...........................75
Gambar 4.18 Site Map Halaman utama untuk Pegawai ....................................75
Gambar 4.19 Site Map Halaman Admin ...........................................................75
Gambar 4.20 Desain Interface Halaman Login Admin .....................................76
Gambar 4.21 Desain Interface Halaman Awal Dashboard Admin ...................76
Gambar 4.22 Desain Interface Halaman KelolaUser ........................................77
Gambar 4.23 Desain interface Halaman Edit User............................................77
Gambar 4.24 Desain Interface Halaman Kelola Agama ...................................78
Gambar 4.25 Desain Interface Halaman Edit Agama .......................................78
Gambar 4.26 Desain Interface halaman Kelola Pangkat/Golongan ..................79
Gambar 4.27 Desain Interface Halaman Edit Pangkat/Golongan .....................79
Gambar 4.28 Desain Interface Halaman Kelola Jabatan ...................................80
Gambar 4.29 Desain Interface Halaman Edit Jabatan .......................................80
Gambar 4.30 Desain Interface Halaman Kelola Deparrtemen ..........................81
Gambar 4.31 Desain Interface Halaman Edit Departemen ...............................81
Gambar 4.32 Desain Interface Halaman Kelola Data Pegawai .........................82
Gambar 4.33 Desain Interface Halaman Edit Data Pegawai .............................82
Gambar 4.34 Desain Interface Halaman Kelola Cuti Pegawai .........................83
Gambar 4.35 Desain Interface Halaman Edit Profil Admin..............................83
Gambar 4.36 Desain Interface Halaman Laporan Cuti Pegawai ......................84
Gambar 4.37 Desain Interface Halaman Login Kepala Dinas ..........................84
Gambar 4.38 Desain Interface Halaman Dashboard Kepala Dinas...................85
Gambar 4.39 Desain Interface Halaman Data Pegawai ....................................85
Gambar 4.40 Desain Interface Halaman Cuti Pegawai .....................................86
Gambar 4.41 Desain Interface Halaman Edit Profil Kepala Dinas ...................86
Gambar 4.42 Desain Interface Halaman Login Pegawai ..................................87
Gambar 4.43 Desain Interface Halaman Dashboard Pegawai ...........................87
Gambar 4.44 Desain Interface Halaman Permohonan Cuti Pegawai ................88
Gambar 4.45 Desain Interface Halaman Edit Permohonan Cuti Pegawai ........88
Gambar 4.46 Desain Interface Halaman Edit Profil Pegawai ...........................89
Gambar 5.1 Form Login Admin ........................................................................90
Gambar 5.2 Pesan Saat Login Gagal .................................................................91
Gambar 5.3 Pesan Saat Login Berhasil .............................................................91
Gambar 5.4 Halaman Dashboard Admin ..........................................................92
Gambar 5.5 Link Keluar ....................................................................................92
Gambar 5.6 Pesan Admin Keluar dari Web .....................................................93
Gambar 5.7 Halaman Kelola User .....................................................................93
Gambar 5.8 Pesan Akun User Berhasil di Tambah ...........................................94
Gambar 5.9 Form Edit Akun User ....................................................................94
Gambar 5.10 Pesan Saat Akun User Berhasil di Ubah .....................................95
Gambar 5.11 Pesan Saat Password Lama Salah ...............................................95
Gambar 5.12 Pesan Saat Konfirmasi Password Tidak Sama ...........................95
Gambar 5.13 Menghapus Data Akun User ........................................................96
Gambar 5.14 Pesan Data Akun User Berhasil di Hapus ...................................96
Gambar 5.15 Halaman Kelola Data Agama ......................................................97
Gambar 5.16 Pesan Data Agama Berhasil di Ubah ..........................................97
Gambar 5.17 Form Edit Data Agama ................................................................98
Gambar 5.18 Pesan Data Agama Berhasil di Ubah ..........................................98
Gambar 5.19 Menghapus Data Agama..............................................................99
Gambar 5.20 Pesan Data Agama Berhasil di Tambah .....................................99
Gambar 5.21 Pesan Data Pangkat/Golongan Berhasil di Tambah ....................100
Gambar 5.22 Pesan Fasilitas Sekolah Berhasil di Ubah ...................................88
Gambar 5.23 Form Edit Data Pangkat/Golongan ..............................................101
Gambar 5.24 Pesan Data Pangkat/Golongan Berhail di Ubah ..........................101
Gambar 5.25 Menghapus Data Pamgkat/Golongan ..........................................102
Gambar 5.26 Pesan Data Pangkat/Golongan Berhasil di Hapus .......................102
Gambar 5.27 Halaman Kelola Data Departemen ..............................................103
Gambar 5.28 Pesan Data Jabatan Berhasil di Tambah ......................................103
Gambar 5.29 Form Edit Data Jabatan ...............................................................104
Gambar 5.30 Pesan Data Jabatan Berhasil di Ubah ..........................................104
Gambar 5.31 Menghapus Data Jabatan .............................................................105
Gambar 5.32 Pesan Data jabatan Berhasil di Hapus ........................................105
Gambar 5.33 Halaman Kelola Departemen .......................................................106
Gambar 5.34 Pesan Data Departemen Berhasil di Tambah ..............................106
Gambar 5.35 Form Edit Data Departemen ........................................................107
Gambar 5.36 Pesan Data Departemen Berhasil di Ubah ..................................107
Gambar 5.37 Menghapus Data Departemen......................................................108
Gambar 5.38 Pesan Data Departemen Berhasil di Hapus ................................108
Gambar 5.39 Halaman Kelola Data Pegawai ....................................................109
Gambar 5.40 Pesan Data Pegawai Berhasil di Tambah ...................................109
Gambar 5.41 Form Edit Data Pegawai ..............................................................110
Gambar 5.42 Pesan Data Departemen Berhasil di Ubah ..................................110
Gambar 5.43 Menghapus Data Pegawai ..........................................................111
Gambar 5.44 Pesan Data Pegawai Berhasil di Hapus ......................................111
Gambar 5.45 Halaman Kelola Cuti Pegawai .....................................................112
Gambar 5.46 Pesan Surat Cuti Pegawai ............................................................112
Gambar 5.47 Pengaturan Print Surat Cuti .........................................................113
Gambar 5.48 Halaman Cetak Laporan Cuti ......................................................113
Gambar 5.49 Pengaturan Print Laporan Cuti ....................................................114
Gambar 5.50 Form Edit Profil ...........................................................................114
Gambar 5.51 Pesan Saat Profil Berhasil di Ubah ..............................................115
Gambar 5.52 Pesan Saat Passworld Lama Salah ..............................................115
Gambar 5.53 Pesan Saat Konfirmasi Password Tidak Sama ............................115
Gambar 5.54 Notifikasi Cuti Pegawai di Setujui ..............................................116
Gambar 5.55 Form Login Pegawai ...................................................................116
Gambar 5.56 Pesan Saat Login Gagal ...............................................................117
Gambar 5.57 Pesan Saat Login Berhasil ..........................................................106
Gambar 5.58 Halaman Beranda.........................................................................118
Gambar 5.59 Link Keluar .................................................................................118
Gambar 5.60 Pesan Pegawai Keluar dari Web ..................................................119
Gambar 5.61 Halaman Permohonan Cuti Pegawai ...........................................120
Gambar 5.62 Pesan Permohonan Cuti Berhasil di Tambah ..............................120
Gambar 5.63 Form Edit cuti Pegawai ...............................................................121
Gambar 5.64 Pesan Data Permohonan Cuti Berhasil di Ubah ..........................121
Gambar 5.65 Halaman Edit Profil .....................................................................122
Gambar 5.66 Pesan Profil Berhasil di Ubah ......................................................122
Gambar 5.67 Pesan Saat Password Lama Salah ................................................122
Gambar 5.68 Pesan Saat Konfirmasi Password Tidak Sama ............................123
Gambar 5.69 Notifikasi Cuti Pegawai di Setujui ..............................................123
Gambar 5.70 Pesan Jatah Cuti Tahunan Sudah Habis ......................................123
Gambar 5.71 Form Login Kepala Dinas ...........................................................124
Gambar 5.72 Pesan Saat Login Gagal ...............................................................124
Gambar 5.73 Pesan Saat Login Berhasil ...........................................................124
Gambar 5.74 Halaman Beranda.........................................................................125
Gambar 5.75 Link Keluar ..................................................................................125
Gambar 5.76 Pesan Kepala Dinas Keluar dari Web ..........................................126
Gambar 5.77 Halaman Data Pegawai ................................................................126
Gambar 5.78 Halaman Data Pegawai ................................................................127
Gambar 5.79 Persetujuan Cuti Pegawai ............................................................127
Gambar 5.80 Pesan Persetujuan Cuti Pegawai ..................................................128
Gambar 5.81 Penolakkan Cuti Pegawai ............................................................128
Gambar 5.82 Pesan Penolakkan Cuti Pegawai ..................................................128
Gambar 5.83 Halaman edit Profil ......................................................................129
Gambar 5.84 Pesan Saat Profil Berhasil di Ubah ..............................................129
Gambar 5.85 Pesan Saat Password Lama Salah ................................................130
Gambar 5.86 Pesan Saat konfirmasi Password Tidak Sama .............................130
Gambar 5.87 Notifikasi Cuti Pegawai Menunggu Konfirmasi .........................130
 DAFTAR LAMPIRAN

LEMBAR ABSENSI (DAFTAR HADIR) KP DARI INSTANSI

LEMBAR PENILAIAN KP DARI INSTANSI
LEMBAR KONSULTASI
KUISIONER KINERJA MAHASISWA KERJA PRAKTEK