ABSTRAK Pada penelitian ini penulis meneliti tentang masalah yang dihadapi PT.Mataram Baru yaitu kepegawaian yang meliputi absensi dan cuti karyawan.tujuan penelitian ini dilakukan antara lain untuk dapat mengelola kepegawaian PT.Mataram baru agar menjadi lebih mudah dalam melakukan pengecekan dan pendataan kepegawaian.banyak studi teori yang mendasari penelitian yang digunakan antara lain yaitu : Entiti Relationship Diagram(ERD), Unified Modeling Language (UML), Flowchart, Cascading Style sheets(css), Teori kepegawaian, Teori tentang Cuti. Untuk memudahkan penulis dalam melakukan penelitian,penulis menggunakan metode untuk memecahkan masalah kepegawaian dengan memberikan pertanyaan kepada pegawai PT.Mataram Baru. Dengan dikembangkan aplikasi ini dapat membantu perusahaan dalam pencatatan kepegawaian. Kata kunci: Absensi, Cuti, Mataram baru, aplikasi. iii
ABSTRACT In this study the author examines the problems facing New PT.Mataram the staffing that includes attendance and leave of employees. The purpose of this study conducted among others, to be able to manage the staffing of new PT.Mataram to become easier in checking and data collection personnel. Many theoretical studies of the underlying studies used were: entity Relationship Diagram (ERD), Unified Modeling Language (UML), Flowchart, Cascading Style sheets (CSS), Theory of employment, Theory of leave. To facilitate the authors in conducting the study, the authors used the method to solve the staffing problem by providing questions to the New PT.Mataram employees. With this application was developed to assist companies in personnel records. Keywords: attendance, leave, Mataram Baru, applications. iv
DAFTAR ISI PRAKATA...I ABSTRAK... III ABSTRACT... IV DAFTAR ISI... V DAFTAR GAMBAR... VIII DAFTAR TABEL... X BAB I PENDAHULUAN... 1 1.1 LATAR BELAKANG MASALAH... 1 1.2 RUMUSAN MASALAH... 1 1.3 TUJUAN PEMBAHASAN... 2 1.4 RUANG LINGKUP KAJIAN... 2 1.5 SISTEMATIKA PENYAJIAN... 2 BAB II KAJIAN TEORI... 4 2.1 TEKNOLOGI YANG DIGUNAKAN... 4 2.2 ENTITY RELATIONSHIP DIAGRAM (ERD)... 4 2.3 KUNCI... 5 2.4 PARTISIPASI ENTITAS... 6 2.5 UNIFIED MODELING LANGUAGE (UML) (BADRIYAH, TESSY.2007)... 7 2.5.1 Konsep Dasar UML... 9 2.5.1.1 Use case... 10 2.5.1.2 Activity Diagram... 12 2.5.1.3 Class Diagram... 16 2.5.1.4 Hubungan antar kelas... 18 2.6 FLOWCHART... 19 2.6.1 Simbol Flowchart... 19 2.7 CASCADING STYLE SHEETS (CSS)... 21 2.7.1 Istilah dalam CSS... 21 2.7.2 Contoh Syntax CSS... 22 2.7.3 Cara Kerja CSS... 22 2.7.4 Penempatan CSS... 23 2.8 JAVASCRIPT... 23 2.8.1 Penulisan JavaScript... 24 2.8.2 Kelebihan JavaScript... 24 2.8.3 AJAX (Asynchronous JavaScript and XMLHTTP)... 25 2.8.4 HTML... 26 2.9 TEORI YANG BERKAITAN DENGAN FITUR YANG DIGUNAKAN... 27 2.10 CUTI... 27 2.10.1 Cuti Tahunan... 28 2.10.2 Cuti Besar /Istirahat Panjang... 28 2.10.3 Cuti Melahirkan... 29 2.10.4 Cuti Haid... 30 2.10.5 Prosedur Cuti... 30 2.11 SANKSI... 30 2.11.1 Pemberian Surat Peringatan... 31 2.11.2 Skorsing... 32 2.12 ABSENSI... 32 2.12.1 Jenis-Jenis Absensi... 34 2.12.2 Pengelolaan Absensi... 34 v
2.12.3 Mesin Absensi (Time Recorder)... 35 2.12.4 Manfaat dan Kelemahan Sistem Absensi... 36 2.12.4.1 Kelemahan Sistem Absensi Manual... 36 2.12.4.2 Manfaat Absensi... 37 2.12.5 Sistem absensi elektronik... 37 BAB III ANALISIS DAN RANCANGAN SISTEM... 41 3.1 PROSES BISNIS... 41 3.1.1 Proses Bisnis Absensi Karyawan... 41 3.1.2 Proses Bisnis Cuti Karyawan... 42 3.2 ENTITY RELATIONSHIP DIAGRAM (ERD)... 44 3.2.1 ERD to Tabel Aplikasi Kepegawaian... 44 3.3 UML SISTEM... 47 3.4 ACTIVITY DIAGRAM... 48 3.4.1 Proses Kerja Fitur Sign-in... 48 3.4.2 Proses Kerja Fitur Sign Out... 49 3.4.3 Proses Kerja Fitur Absensi Kehadiran... 50 3.4.4 Proses Kerja Fitur Absensi Kepulangan... 51 3.4.5 Proses Kerja Fitur Pengajuan Cuti... 52 3.4.6 Proses Kerja Fitur Lihat Cuti... 53 3.4.7 Proses Kerja Fitur Lihat Profile... 53 3.4.8 Proses Kerja Fitur Mengubah Profile... 54 3.4.9 Proses Kerja Fitur Menambah Profile... 54 3.4.10 Proses Kerja Fitur Menambah Holiday... 55 3.5 DESAIN USER INTERFACE... 56 3.5.1 Desain User Interface LogIn... 56 3.5.2 Desain User Interface Home... 56 3.5.3 Desain User Interface Master Employee... 57 3.5.4 Desain User Interface Insert Master Employee... 57 3.5.5 Desain User Interface Master Leave Config... 58 3.5.6 Desain User Interface Insert Master Leave Config... 58 3.5.7 Desain User Interface Attending... 59 3.5.8 Desain User Interface Leave Request... 59 BAB IV HASIL PENELITIAN... 61 4.1 APLIKASI KEPEGAWAIAN PT.MATARAM BARU... 61 4.1.1 Halaman Attendance... 61 4.1.2 Halaman Reason In... 61 4.1.3 Halaman Reason Out... 62 4.1.4 Halaman Log In... 63 4.1.5 Halaman Home... 63 4.1.6 Master Employe... 64 4.1.6.1 Halaman Master Employee... 64 4.1.6.2 Halaman Insert Employee... 65 4.1.6.3 Halaman Update Employee... 65 4.1.6.4 Halaman Search Employee... 66 4.1.7 Master Leave Config... 67 4.1.7.1 Halaman Master Leave Config... 67 4.1.7.2 Halaman Insert Leave Config... 67 4.1.7.3 Halaman Update Leave Config... 68 4.1.8 Leave Request... 69 4.1.8.1 Halaman Leave Request... 69 4.1.8.2 Halaman Insert Leave Request... 69 vi
4.1.8.3 Halaman Cancel Leave Request... 70 4.1.9 Report... 71 4.1.9.1 Monthly Workdays... 71 4.1.9.2 Leave Workdays... 71 BAB V PEMBAHASAN DAN UJI COBA HASIL PENELITIAN... 73 5.1 BLACKBOX TESTING... 73 5.2 APLIKASI KEPEGAWAIAN PT.MATARAM BARU... 73 5.2.1 Log In Aplikasi Kepegawaian PT.Mataram Baru... 73 5.2.2 Halaman utama admin aplikasi kepegawaian... 74 5.2.3 Master Employee... 74 5.2.3.1 Employee... 74 5.2.3.2 Tambah employee... 75 5.2.3.3 Detail Employee... 76 5.2.4 Leave Config... 76 5.2.4.1 Leave... 76 5.2.4.2 Tambah Leave Config... 77 5.2.5 Attendant... 78 5.2.6 Master Leave Request... 79 5.2.6.1 Leave Request... 79 5.2.6.2 Tambah Request... 80 5.3 USER ACCEPTANCE... 81 BAB VI SIMPULAN DAN SARAN... 82 6.1 SIMPULAN... 82 6.2 SARAN... 82 DAFTAR PUSTAKA... 83 LAMPIRAN A... 1 LAMPIRAN B... 1 RIWAYAT HIDUP PENULIS... 1 DATA PENULIS... 1 vii
DAFTAR GAMBAR Gambar 1 Contoh ERD... 7 Gambar 2 Peta UML... 8 Gambar 4 Actor... 10 Gambar 5 Use case... 11 Gambar 6 Relationship... 11 Gambar 7 Contoh Use case... 12 Gambar 8 Activities... 13 Gambar 9 States... 13 Gambar 10 Transitions... 13 Gambar 11 Events and Triggers... 14 Gambar 12 Forks and Joins... 14 Gambar 13 Swimming Lines... 15 Gambar 14 Contoh Avtivity Diagram... 16 Gambar 15 Class diagram... 17 Gambar 16 Interface... 18 Gambar 17 Package... 18 Gambar 18 Contoh Class Diagram... 19 Gambar 19 Perbedaan Web tanpa dan dengan AJaX... 25 Gambar 20 Contoh Absensi Manual... 36 Gambar 21 Flowchart Absensi... 41 Gambar 22 Flowchart cuti karyawan... 43 Gambar 23 Entity Relationship Diagram... 44 Gambar 24 Use case... 48 Gambar 25 Activity diagram Sign-in... 49 Gambar 26 Activity diagram Sign-Out... 49 Gambar 27 Activity diagram Absensi Kehadiran... 50 Gambar 28 Activity diagram Absensi kepulangan... 51 Gambar 29 Activity diagram Pengajuan Cuti... 52 Gambar 30 Activity diagram Lihat Cuti... 53 Gambar 31 Activity diagram Lihat Profile... 53 Gambar 32 Activity diagram Ubah Profile... 54 Gambar 33 Activity diagram menambah profile... 55 Gambar 34 Activity diagram Tambah Holiday... 55 Gambar 35 User Interface LogIn... 56 Gambar 36 User Interface Home... 56 Gambar 37 User Interface Master Employee... 57 Gambar 38 User Interface Insert Master Employee... 57 Gambar 39 User Interface Master Leave Config... 58 Gambar 40 User Interface Insert Master Leave Config... 58 Gambar 41 User Interface Attendance... 59 Gambar 42 User Interface Leave Request... 59 Gambar 43 Halaman Attendance... 61 Gambar 44 Halaman Reason In... 62 Gambar 45 Halaman Reason Out... 62 Gambar 46 Halaman Log In... 63 Gambar 47 Halaman Home... 64 Gambar 48 Halaman Master Employee... 64 Gambar 49 halaman insert Employee... 65 viii
Gambar 50 Halaman Update Employee... 66 Gambar 51 Halaman Search Employee... 66 Gambar 52 Halaman Master Leave Config... 67 Gambar 53 Halaman Insert Leave Config... 68 Gambar 54 Halaman Upadate Leave Config... 68 Gambar 55 Halaman Leave Request... 69 Gambar 56 Halaman Insert Leave Request... 70 Gambar 57 Halaman Cancel Leave Request... 70 Gambar 58 Report Monthly Workdays... 71 Gambar 59 Report Leave Workdays... 72 ix
DAFTAR TABEL Tabel I Simbol Flowchart... 20 Tabel II ATTENDANTE... 44 Tabel III LEAVEDATA... 45 Tabel IV MEMPLOYEE... 45 Tabel V MLEAVECONFIG... 46 Tabel VI MPOSITION... 46 Tabel VII MREASON... 46 Tabel VIII ASSIGNMENT... 46 Tabel IX INFOHOLIDAY... 47 Tabel X Evaluasi Form LogIn Aplikasi Kepegawaian... 73 Tabel XI Evaluasi halaman utama admin aplikasi kepegawaian... 74 Tabel XII Evaluasi halaman employee... 74 Tabel XIII Evaluasi Tambah Employee... 75 Tabel XIV Evaluasi Detail Employee... 76 Tabel XV Evaluasi Halaman Master Leave Config... 76 Tabel XVI Halaman Tambah Employee... 77 Tabel XVII Evaluasi Halaman Attendant... 78 Tabel XVIII Evaluasi halaman Leave Request... 79 Tabel XIX Evaluasi Halaman Tambah Request... 80 x