Sistem Aplikasi Penggajian Pegawai pada Kantor Unit Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala Berbasis Web
SISTEM APLIKASI PENGGAJIAN PEGAWAI PADA KANTOR
UNIT PELAYANAN TEKNIK DINAS PENDIDIKAN
KECAMATAN KUALA BERBASIS WEB
TUGAS AKHIR
SHANDI WIDIANSYAH
142406021
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
SISTEM APLIKASI PENGGAJIAN PEGAWAI PADA KANTOR
UNIT PELAYANAN TEKNIK DINAS PENDIDIKAN
KECAMATAN KUALA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
SHANDI WIDIANSYAH
142406021
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
i
Universitas Sumatera Utara
ii
PERNYATAAN
SISTEM APLIKASI PENGGAJIAN PEGAWAI PADA KANTOR UNIT
PELAYANAN TEKNIK DINAS PENDIDIKAN KECAMATAN KUALA
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juli 2017
SHANDI WIDIANSYAH
142406021
Universitas Sumatera Utara
iii
ABSTRAK
Tugas akhir ini bertujuan untuk membangun Aplikasi Penggajian Pegawai di Unit
Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala. Aplikasi ini dibangun
menggunakan aplikasi XAMPP Version 3.2.2 dimana Apache sebagai web server, PHP
sebagai bahasa pemrograman, MySQL sebagai pembuatan database dan CodeIgniter
sebagai Framework PHP nya.Tujuan dari pembuatan website ini adalah untuk
mempermudah proses penggajian di Unit Pelayanan Teknik Dinas Pendidikan
Kecamatan Kuala dan memberikan kemudahan kepada pegawai dalam memperoleh
informasi tentang Aplikasi Penggajian yang ada Unit Pelayanan Teknik Dinas
Pendidikan Kecamatan Kuala.
Kata kunci : Aplikasi, Penggajian, Dinas Pendidikan, Website
Universitas Sumatera Utara
iv
ABSTRACT
This final project aims to build Employee Payroll Application in Technical Service Unit
of Kuala District Education Office. This application is built using XAMPP application
Version 3.2.2 where Apache as web server, PHP as programming language, MySQL as
database creation and CodeIgniter as its PHP Framework. The purpose of making this
website is to facilitate the process of payroll in the Technical Service Unit Kuala District
Education Office and provide convenience to employees in obtaining information about
existing Payroll Application Technical Services Unit Kuala District Education Office.
Keyword : Application, Payroll, Education, Website
PENGHARGAAN
Universitas Sumatera Utara
v
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Sistem Aplikasi Penggajian Pegawai Pada Kantor Unit
Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala Berbasis Web.
Terima kasih penulis sampaikan kepada Drs. Pengarapen Bangun, M.Si. selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini.
Terima kasih kepada Drs. Marihat Situmorang, M.Kom. sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama duduk di bangku perkuliahan.
Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan Bapak Drs. James
Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi
D3 Teknik
Informatika FMIPA USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh Staf
dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU
dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga
yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan
Yang Maha Esa akan membalasnya.
DAFTAR ISI
Universitas Sumatera Utara
vi
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstact
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
iv
v
vi
ix
x
Bab 1.
Pendahuluan
1.1. Latar Belakang
1.2. Identifikasi Masalah
1.3. Batasan Masalah
1.4. Tujuan Penelitian
1.5. Metodologi Penelitian
1.6. Tinjauan Pustaka
1.7. Sistematika Penulisan
1
1
2
3
3
4
5
7
Bab 2.
Landasan Teori
2.1. Pengertian Dasar Sistem, Informasi dan Sistem Informasi
2.1.1. Pengertian Dasar Sistem
2.1.1.1. Elemen Dalam Sistem
2.1.1.2. Elemen Sistem
2.1.1.3. Jenis Sistem
2.1.2. Pengertian Data dan Informasi
2.1.3. Pengertian Sistem Informasi
2.2. Pengenalan Komputer
2.3. Pengenalan Internet, Intranet, Ekstranet
2.3.1. Pengenalan Internet
2.3.2. Pengenalan Intranet
2.3.3. Pengenalan Ekstranet
2.4. Network
2.5. Web Server
2.6. World Wide Web (WWW)
2.7. Hyper Text Transfer Protocol (HTTP)
2.8. Search Engine
2.9. Pengenalan XAMPP
2.10. Pengenalan Personal Home Page(PHP)
2.10.1. Sejarah PHP
2.10.2. Variabel pada PHP
2.10.3. Konsep Dasar Penggunaan PHP
2.11. Database MySQL
2.11.1. Tipe Dasar MySQL
9
9
9
9
10
12
12
13
16
16
16
17
18
18
19
19
20
20
21
21
22
23
24
25
27
Universitas Sumatera Utara
vii
2.11.2. Constraint
2.11.3. Tipe – Tipe Kolom
2.12. Bootstrap
2.13. CodeIgniter
2.14. Sublime Text
2.15. Cascading Style Sheet (CSS)
2.15.1. Struktur CSS
2.15.2. Penulisan CSS
2.15.3. Selector
2.15.4. Memformat Dokumen dengan CSS
2.16. JavaScript
2.16.1. Penulisan JavaScript
2.16.2. Variabel
2.16.3. Kondisi
2.17. FlowChart
2.18. Algoritma
2.18.1. Sejarah Istilah Algoritma
2.18.2. Jenis – jenis Algoritma
27
28
34
34
35
36
37
37
38
39
41
42
43
44
47
48
49
50
Bab 3.
Gambaran Umum
3.1. Sejarah Singkat Unit Pelayanan Teknik Dinas Kecamatan Kuala
3.2. Visi Unit Pelayanan Teknik Dinas Kecamatan Kuala
3.3. Misi Unit Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala
3.4. Tugas Pokok dan Fungsi
3.5 Struktur Organisasi
51
51
52
52
53
53
Bab 4.
Perancangan Sistem
4.1. Perancangan Sistem
4.2. Diagram Konteks
4.3. Data Flow Diagram (DFD)
4.3.1 Data Flow Diagram Level 0
4.4. Perancangan Database
4.5. Flowchart
4.5.1. Flowchart Login Admin
4.5.2. Flowchart Menu Utama
4.5.3. Flowchart Pegawai
4.5.4. Flowchart Laporan
4.6. Perancangan Antar Muka
56
56
57
58
59
60
65
65
66
68
69
70
Bab 5.
Implementasi Sistem
5.1. Pengertian Implementasi Sistem
5.2. Tujuan Implementasi
5.3. Komponen Dalam Implementasi Sistem
5.3.1. Komponen Perangkat Keras (Hardware)
5.3.2. Komponen Perangkat Lunak (Software)
5.3.3. Kebutuhan Brainware
5.4. Tampilan Halaman Website
74
74
75
75
76
76
77
77
Universitas Sumatera Utara
viii
Bab 6.
Kesimpulan dan Saran
6.1. Kesimpulan
6.2. Saran
83
83
83
Daftar Pustaka
Lampiran
DAFTAR TABEL
Universitas Sumatera Utara
ix
Nomor
Tabel
2.1.
2.2.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul
Tipe Data MySQL
Arti Lambang-lambang Flowchart
Simbol Data Flow Diagram
Tabel Pengguna
Tabel Pengguna Grup
Tabel Menu
Tabel Menu Akses
Tabel Pegawai
Tabel Jabatan
Tabel Perkiraan
Tabel Transaksi Gaji
Tabel Rincian Transaksi Gaji
Tabel Perusahaan
Halaman
27
47
59
61
61
61
62
62
63
63
64
64
65
DAFTAR GAMBAR
Universitas Sumatera Utara
x
Nomor
Gambar
2.1.
3.1.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
5.9.
5.10.
5.11.
Judul
Halaman
Flow CodeIgniter (Ibnu Daqiqil, 2011)
Struktur Organisasi
Diagram Konteks Sistem Aplikasi Penggajian
Data Flow Diagram Level 0
Alur Flowchart Login Admin
Alur Flowchart Menu Utama
Alur Flowchart Pegawai
Alur Flowchart Laporan
Perancangan Halaman Utama
Perancangan Halaman Isi Data Informasi
Perancangan Halaman Transaksi
Perancangan Halaman Laporan
Halaman Login
Halaman Utama
Halaman Perkiraan
Halaman Jabatan
Halaman Pegawai
Halaman Transaksi Penggajian
Halaman Rekap Gaji Pegawai
Halaman Rincian Gaji Pegawai
Halaman Manajemen Menu
Halaman Grup Pengguna
Halaman Pengguna
35
55
57
60
66
67
68
69
70
71
72
73
77
78
78
79
79
80
80
81
81
82
82
BAB 1
PENDAHULUAN
Universitas Sumatera Utara
UNIT PELAYANAN TEKNIK DINAS PENDIDIKAN
KECAMATAN KUALA BERBASIS WEB
TUGAS AKHIR
SHANDI WIDIANSYAH
142406021
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
SISTEM APLIKASI PENGGAJIAN PEGAWAI PADA KANTOR
UNIT PELAYANAN TEKNIK DINAS PENDIDIKAN
KECAMATAN KUALA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
SHANDI WIDIANSYAH
142406021
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
i
Universitas Sumatera Utara
ii
PERNYATAAN
SISTEM APLIKASI PENGGAJIAN PEGAWAI PADA KANTOR UNIT
PELAYANAN TEKNIK DINAS PENDIDIKAN KECAMATAN KUALA
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juli 2017
SHANDI WIDIANSYAH
142406021
Universitas Sumatera Utara
iii
ABSTRAK
Tugas akhir ini bertujuan untuk membangun Aplikasi Penggajian Pegawai di Unit
Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala. Aplikasi ini dibangun
menggunakan aplikasi XAMPP Version 3.2.2 dimana Apache sebagai web server, PHP
sebagai bahasa pemrograman, MySQL sebagai pembuatan database dan CodeIgniter
sebagai Framework PHP nya.Tujuan dari pembuatan website ini adalah untuk
mempermudah proses penggajian di Unit Pelayanan Teknik Dinas Pendidikan
Kecamatan Kuala dan memberikan kemudahan kepada pegawai dalam memperoleh
informasi tentang Aplikasi Penggajian yang ada Unit Pelayanan Teknik Dinas
Pendidikan Kecamatan Kuala.
Kata kunci : Aplikasi, Penggajian, Dinas Pendidikan, Website
Universitas Sumatera Utara
iv
ABSTRACT
This final project aims to build Employee Payroll Application in Technical Service Unit
of Kuala District Education Office. This application is built using XAMPP application
Version 3.2.2 where Apache as web server, PHP as programming language, MySQL as
database creation and CodeIgniter as its PHP Framework. The purpose of making this
website is to facilitate the process of payroll in the Technical Service Unit Kuala District
Education Office and provide convenience to employees in obtaining information about
existing Payroll Application Technical Services Unit Kuala District Education Office.
Keyword : Application, Payroll, Education, Website
PENGHARGAAN
Universitas Sumatera Utara
v
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penyusunan
Tugas Akhir ini dengan judul Sistem Aplikasi Penggajian Pegawai Pada Kantor Unit
Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala Berbasis Web.
Terima kasih penulis sampaikan kepada Drs. Pengarapen Bangun, M.Si. selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir ini.
Terima kasih kepada Drs. Marihat Situmorang, M.Kom. sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama duduk di bangku perkuliahan.
Terima kasih kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan Bapak Drs. James
Piter Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi
D3 Teknik
Informatika FMIPA USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh Staf
dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU
dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu dan keluarga
yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan
Yang Maha Esa akan membalasnya.
DAFTAR ISI
Universitas Sumatera Utara
vi
Halaman
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstact
Daftar Isi
Daftar Tabel
Daftar Gambar
i
ii
iii
iv
v
vi
ix
x
Bab 1.
Pendahuluan
1.1. Latar Belakang
1.2. Identifikasi Masalah
1.3. Batasan Masalah
1.4. Tujuan Penelitian
1.5. Metodologi Penelitian
1.6. Tinjauan Pustaka
1.7. Sistematika Penulisan
1
1
2
3
3
4
5
7
Bab 2.
Landasan Teori
2.1. Pengertian Dasar Sistem, Informasi dan Sistem Informasi
2.1.1. Pengertian Dasar Sistem
2.1.1.1. Elemen Dalam Sistem
2.1.1.2. Elemen Sistem
2.1.1.3. Jenis Sistem
2.1.2. Pengertian Data dan Informasi
2.1.3. Pengertian Sistem Informasi
2.2. Pengenalan Komputer
2.3. Pengenalan Internet, Intranet, Ekstranet
2.3.1. Pengenalan Internet
2.3.2. Pengenalan Intranet
2.3.3. Pengenalan Ekstranet
2.4. Network
2.5. Web Server
2.6. World Wide Web (WWW)
2.7. Hyper Text Transfer Protocol (HTTP)
2.8. Search Engine
2.9. Pengenalan XAMPP
2.10. Pengenalan Personal Home Page(PHP)
2.10.1. Sejarah PHP
2.10.2. Variabel pada PHP
2.10.3. Konsep Dasar Penggunaan PHP
2.11. Database MySQL
2.11.1. Tipe Dasar MySQL
9
9
9
9
10
12
12
13
16
16
16
17
18
18
19
19
20
20
21
21
22
23
24
25
27
Universitas Sumatera Utara
vii
2.11.2. Constraint
2.11.3. Tipe – Tipe Kolom
2.12. Bootstrap
2.13. CodeIgniter
2.14. Sublime Text
2.15. Cascading Style Sheet (CSS)
2.15.1. Struktur CSS
2.15.2. Penulisan CSS
2.15.3. Selector
2.15.4. Memformat Dokumen dengan CSS
2.16. JavaScript
2.16.1. Penulisan JavaScript
2.16.2. Variabel
2.16.3. Kondisi
2.17. FlowChart
2.18. Algoritma
2.18.1. Sejarah Istilah Algoritma
2.18.2. Jenis – jenis Algoritma
27
28
34
34
35
36
37
37
38
39
41
42
43
44
47
48
49
50
Bab 3.
Gambaran Umum
3.1. Sejarah Singkat Unit Pelayanan Teknik Dinas Kecamatan Kuala
3.2. Visi Unit Pelayanan Teknik Dinas Kecamatan Kuala
3.3. Misi Unit Pelayanan Teknik Dinas Pendidikan Kecamatan Kuala
3.4. Tugas Pokok dan Fungsi
3.5 Struktur Organisasi
51
51
52
52
53
53
Bab 4.
Perancangan Sistem
4.1. Perancangan Sistem
4.2. Diagram Konteks
4.3. Data Flow Diagram (DFD)
4.3.1 Data Flow Diagram Level 0
4.4. Perancangan Database
4.5. Flowchart
4.5.1. Flowchart Login Admin
4.5.2. Flowchart Menu Utama
4.5.3. Flowchart Pegawai
4.5.4. Flowchart Laporan
4.6. Perancangan Antar Muka
56
56
57
58
59
60
65
65
66
68
69
70
Bab 5.
Implementasi Sistem
5.1. Pengertian Implementasi Sistem
5.2. Tujuan Implementasi
5.3. Komponen Dalam Implementasi Sistem
5.3.1. Komponen Perangkat Keras (Hardware)
5.3.2. Komponen Perangkat Lunak (Software)
5.3.3. Kebutuhan Brainware
5.4. Tampilan Halaman Website
74
74
75
75
76
76
77
77
Universitas Sumatera Utara
viii
Bab 6.
Kesimpulan dan Saran
6.1. Kesimpulan
6.2. Saran
83
83
83
Daftar Pustaka
Lampiran
DAFTAR TABEL
Universitas Sumatera Utara
ix
Nomor
Tabel
2.1.
2.2.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul
Tipe Data MySQL
Arti Lambang-lambang Flowchart
Simbol Data Flow Diagram
Tabel Pengguna
Tabel Pengguna Grup
Tabel Menu
Tabel Menu Akses
Tabel Pegawai
Tabel Jabatan
Tabel Perkiraan
Tabel Transaksi Gaji
Tabel Rincian Transaksi Gaji
Tabel Perusahaan
Halaman
27
47
59
61
61
61
62
62
63
63
64
64
65
DAFTAR GAMBAR
Universitas Sumatera Utara
x
Nomor
Gambar
2.1.
3.1.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
5.9.
5.10.
5.11.
Judul
Halaman
Flow CodeIgniter (Ibnu Daqiqil, 2011)
Struktur Organisasi
Diagram Konteks Sistem Aplikasi Penggajian
Data Flow Diagram Level 0
Alur Flowchart Login Admin
Alur Flowchart Menu Utama
Alur Flowchart Pegawai
Alur Flowchart Laporan
Perancangan Halaman Utama
Perancangan Halaman Isi Data Informasi
Perancangan Halaman Transaksi
Perancangan Halaman Laporan
Halaman Login
Halaman Utama
Halaman Perkiraan
Halaman Jabatan
Halaman Pegawai
Halaman Transaksi Penggajian
Halaman Rekap Gaji Pegawai
Halaman Rincian Gaji Pegawai
Halaman Manajemen Menu
Halaman Grup Pengguna
Halaman Pengguna
35
55
57
60
66
67
68
69
70
71
72
73
77
78
78
79
79
80
80
81
81
82
82
BAB 1
PENDAHULUAN
Universitas Sumatera Utara