PERANCANGAN SISTEM PENGENDALIAN KERJA LEMBUR KARYAWAN BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer NICO WIRATAMA HUTABARAT 41511110039 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016 vi
vii
viii
KATA PENGANTAR Puji syukur kepada Tuhan Yang Maha Esa yang telah melimpahkan segala rahmat dan karunianya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah satu persyaratan untuk menyelesaikan program studi strata satu (S1) pada jurusan teknik Informatika Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laopran tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada : 1. Anis Cherid,SE,MTI, selaku Pembimbing tugas akhir pada Jurusan Teknik Informatika Universitas Mercu Buana. 2. Sabar Rudiarto,S.kom,M.kom, selaku Ketua Program Studi Teknik Informatika Universitas Mercu Buana. 3. Nia Kusuma Wardhani,S.kom,MM, selaku Koordinator tugas akhir Teknik Informatika Universitas Mercu Buana. 4. Bapak dan Ibu tercinta yang telah mendukung penulis baik spirit maupun materi. 5. Saudara dan sahabat-sahabatku terutama teman-teman angkatan 2011 yang telah memberikan dukungan moral untuk terus menyelesaikantugas akhir ini. Semoga Tuhan membalas kebaikan dan selalu mencurahkan hidayah dan TaufikNya dan penulis berharap semoga laporan tugas akhir ini bermanfaat bagi kita semua. Amin. Jakarta, 22 Februari 2016 Nico Wiratama Hutabarat viiii
DAFTAR ISI Halaman LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... ii KATA PENGANTAR. iii ABSTRAK... iv ABSTRACT. v DAFTAR ISI vi DAFTAR GAMBAR... x DAFTAR TABEL xii BAB I PENDAHULUAN. 1 1.1. Latar Belakang.. 1 1.2. Perumusan Masalah... 2 1.3. Tujuan dan Manfaat. 2 1.3.1. Tujuan Penelitian 2 1.3.2. Manfaat Penelitian... 2 1.4. Batasan Masalah.... 3 1.5. Metode Penelitian... 4 1.5.1. Metode Pengumpulan Data 4 1.5.2. Metode Pengembangan Perangkat Lunak.. 5 1.6. Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1. Definisi Umum Perusahaan. 6 2.1.1. PPIC. 6 2.1.2. Kerja Lembur (overtime)...... 6 2.1.3. SPKL.... 6 2.1.4. Upah Lembur Kerja.. 6 ixi
2.2. Metode Penelitian.. 7 2.2.1. Metode Deskriptif.. 7 2.3. Metode Pengembangan Sistem.. 8 2.3.1. Metode Waterfall.... 8 2.4. Hypertext Markup Language (HTML).... 10 2.5. Unified Modelling Language (UML).. 10 2.6. Diagram.. 10 2.6.1. Data Flow Diagram(DFD).. 12 2.6.2. Entity Relation Diagram(ERD).. 12 2.6.3. Activity Diagram.... 13 2.7. Database Management System(DBMS)... 14 2.8. MySQL..... 14 2.8.1. Definisi MySQL.... 14 2.8.2. Kelebihan MySQL.... 15 2.9. phpmyadmin....... 15 2.10. PHP....... 15 2.11. Cascading Style Sheet...... 15 2.12. JavaScript...... 16 2.13. Basis Data...... 16 2.13.1. Definisi Basis Data.... 16 2.13.2. Tujuan Basis Data.... 16 2.14. Fusion Chart...... 17 2.14.1. Definisi Fusion Chart.... 17 2.14.2. Keuntungan Fusion Chart.... 17 BAB III ANALISIS DAN PERANCANCANGAN 3.1. Analisis Kebutuhan 19 3.1.1. Alur Kerja Sistem Berjalan.... 19 3.1.2. Diagram Rancang Sistem 21 3.1.3. Use Case Diagram Yang Diusulkan 22 3.1.4. Use Case Scenario.. 24 3.2. Perancangan Perangkat Lunak.. 33 xi
3.2.1. Perancangan Proses Perangkat Lunak Menggunakan DFD.. 33 3.2.2. Perancangan Proses Perangkat Lunak Menggunakan ERD.. 38 3.2.3. Perancangan Database. 39 3.3. Perancangan Antarmuka 42 3.3.1. Rancangan Halaman Login... 42 3.3.2. Rancangan Antarmuka Login... 43 3.3.3. Rancangan Halaman Tambah Data Karyawan.. 44 3.3.4. Rancangan Halaman Tambah Data User.. 45 3.3.5. Rancangan Halaman Pengajuan Schedule Lembur.. 46 3.3.6. Rancangan Halaman Form SPKL..... 47 3.3.7. Rancangan Antarmuka Menu Laporan Lembur.... 48 3.3.8. Rancangan Antarmuka Laporan Grafik Lembur... 49 3.3.9. Rancangan Halaman ACC SPKL..... 50 3.3.10. Rancangan Halaman Lembur Sudah ACC... 51 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Lingkungan Implementasi..... 52 4.2. Implementasi Kode Program. 52 4.2.1. Sourcode Login.. 52 4.2.2. Sourcode Tambah Data Karyawan 53 4.2.3. Sourcode Perintah Lembur.. 53 4.2.4. Sourcode Schedule Lembur.. 54 4.2.5. Sourcode Tambah User.... 54 4.2.5. Sourcode Acc SPKL... 55 4.2.5. Sourcode Laporan Grafik.... 55 4.2.5. Sourcode Gaji Lembur Kerja... 56 4.3. Implementasi Pembuatan Database. 57 4.3.1. Struktur Tabel Karyawan.... 57 4.3.2. Struktur Tabel User...... 57 4.3.3. Struktur Tabel Jenis_Lembur... 58 4.3.4. Struktur Tabel Schedule.. 58 4.3.5. Struktur Tabel SPKL... 59 xii
4.4. Implementasi Antarmuka.... 60 4.4.1. Halaman Login.... 60 4.4.2. Halaman User Setelah Login... 61 4.4.3. Antarmuka Edit Profile... 62 4.4.4. Halaman Tambah Data Karyawan... 63 4.4.5. Halaman Tambah Data User... 64 4.4.6. Halaman Pengajuan Schedule Lembur Kerja... 65 4.4.7. Halaman Konfirmasi Schedule Lembur Kerja... 66 4.4.8. Halaman Perintah Lembur Kerja...... 67 4.4.9. Halaman Lembur Belum Acc Manager... 68 4.4.10. Halaman ACC Form SPKL..... 69 4.4.11. Halaman Lembur Sudah Acc Manager.... 70 4.4.12. Halaman Cetak Laporan Lembur..... 71 4.4.13. Halaman Review Laporan Lembur Berupa Grafik...... 72 4.4.14. Halaman Review Laporan Lembur Karyawan..... 74 4.5. Metode Pengujian.... 75 4.5.1. Skenario Pengujian... 75 4.5.2. Analisa Hasil Pengujian... 79 BAB V PENUTUP 5.1. Kesimpulan. 80 5.2. Saran... 80 DAFTAR PUSTAKA LAMPIRAN xiii
DAFTAR GAMBAR Halaman Gambar 2.1 : Ilustrasi Model Waterfall... 8 Gambar 3.1 : Activity Diagram Sistem Yang Sedang Berjalan... 18 Gambar 3.3 : Data Flow Context Diagram...... 22 Gambar 3.4 : Data Flow Diagram Level 1... 23 Gambar 3.5 : Data Flow Diagram Level 2... 24 Gambar 3.6 : Data Flow Diagram Level 3 Proses Laporan Lembur... 25 Gambar 3.7 : Data Flow Diagram Level 3 Proses Informasi Jadwal Lembur.. 25 Gambar 3.8 : Entity Relation Diagram Yang Diusulkan... 26 Gambar 3.9 Gambar 3.10 : Rancangan Halaman Login.....29 : Rancangan Antarmuka Login...30 Gambar 3.11 : Rancangan Halaman Tambah Data Karyawan... 30 Gambar 3.12 : Rancangan Halaman Tambah Data User.... 31 Gambar 3.13 : Rancangan Halaman Pengajuan Schedule Lembur.... 32 Gambar 3.14 Gambar 3.15 Gambar 3.16 Gambar 3.17 Gambar 3.18 Gambar 4.1 Gambar 4.2 Gambar 4.3 : Rancangan Halaman Form SPKL....33 : Rancangan Antarmuka Menu Laporan Lembur...34 : Rancangan Antarmuka Grafik Laporan Lembur.....35 : Rancangan Halaman ACC SPKL....36 : Rancangan Halaman Lembur Sudah ACC............37 : Sourcode Login.... 39 : Sourcode Tambah data karyawan..... 39 : Sourcode Perintah Lembur.....40 Gambar 4.4 : Sourcode Schedule Lembur.... 40 Gambar 4.5 : Sourcode Tambah User.... 41 xiiii
Gambar 4.6 : Sourcode Acc SPKL.... 41 Gambar 4.7 : Sourcode Laporan Grafik... 42 Gambar 4.8 : Sourcode Gaji Lembur Kerja...... 42 Gambar 4.9 : Struktur Table Karyawan... 43 Gambar 4.10 : Struktur Table User..... 43 Gambar 4.11 : Struktur Table jenis_lembur... 44 Gambar 4.12 : Struktur Table schedule...... 44 Gambar 4.13 : Struktur Table spkl..... 45 Gambar 4.14 : Halaman Login... 46 Gambar 4.15 : Halaman User setelah Login... 47 Gambar 4.16 : Antarmuka Edit Profile.... 48 Gambar 4.17 : Halaman Tambah Data Karyawan..... 49 Gambar 4.18 : Halaman Tambah Data User...... 50 Gambar 4.19 : Halaman Pengajuan Schedule Lembur Kerja.... 51 Gambar 4.20 : Halaman Konfirmasi Schedule Lembur Kerja... 52 Gambar 4.21 : Halaman Perintah Lembur Kerja... 53 Gambar 4.22 : Halaman Lembur belum Acc Manager... 54 Gambar 4.23 : Halaman Acc Form SPKL.... 55 Gambar 4.24 : Halaman Lembur sudah Acc Manager.... 56 Gambar 4.25 : Halaman Cetak Laporan Lembur..... 57 Gambar 4.26 : Halaman Print Laporan Lembur..... 57 Gambar 4.27 : Halaman review laporan Lembur berupa Grafik... 58 Gambar 4.28 : Halaman review laporan Lembur berupa Grafik dalam bulan.58 Gambar 4.29 : Halaman review laporan Lembur karyawan... 59 Gambar 4.30 : Tampilan hasil cetak laporan Lembur karyawan... 59 xivi
DAFTAR TABEL Halaman Tabel 2.1 : Rumus Perhitungan Gaji... 7 Tabel 2.2 : Simbol Diagram Use Case... 11 Tabel 2.3 : Elemen ERD..... 13 Tabel 2.4 : Notasi Activity Diagram... 14 Tabel 3.1 : Rincian Fitur Dan Fungsi Aplikasi 22 Tabel 3.2 : Struktur Tabel Karyawan... 27 Tabel 3.3 : Struktur Tabel User.... 27 Tabel 3.4 : Struktur Tabel SPKL...... 28 Tabel 3.5 : Struktur Tabel Schedule..... 28 Tabel 3.6 : Struktur Tabel Jenis Lembur...... 29 Tabel 4.1 : Tabel Skenario Pengujian Blackbox...... 60 xvi