APLIKASI MONITORING TINGKAT PEKERJAAN KARYAWAN TEKNIS STUDI KASUS PT OPTIMA INFOCITRA UNIVERSAL SKRIPSI INDRA KURNYAWAN 41815110142 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
APLIKASI MONITORING TINGKAT PEKERJAAN KARYAWAN TEKNIS STUDI KASUS PT OPTIMA INFOCITRA UNIVERSAL SKRIPSI Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Sistem Informasi INDRA KURNYAWAN 41815110142 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017 ii
1
2
3
KATA PENGANTAR Puji dan syukur Saya panjatkan atas kehadirat Allah SWT yang telah melimpahkan kasih dan sayang-nya sehingga dapat menyelesaikan skripsi yang berjudul Aplikasi Monitoring Tingkat Pekerjaan Karyawan Teknis Studi Kasus PT Optima Infocitra Universal. Maksud dari penyusunan skripsi ini adalah untuk memenuhi salah satu syarat dalam menempuh pendidikan sarjana pada Fakultas Ilmu Komputer Program Studi Sistem Informasi Universitas Mercu buana. Dalam penyusunan skripsi ini, banyak pihak yang sangat membantu dalam berbagai hal. Oleh karena itu, saya ingin menyampaikan rasa terima kasih kepada : 1. Bapak Yaya Sudarya Triana, M.Kom, Ph.D selaku Dosen Pembimbing yang telah memberikan ilmu pengetahuan, arahan, waktu dan semangat sehingga skripsi dapat selesai dengan baik dan tepat waktu. 2. Ibu Nur Ani, S.T, MMSI selaku Ka Prodi Sistem Informasi. 3. Ibu Inge Handriani, M.Ak, MMSI selaku Koordinator TA Program Studi Sistem Informasi. 4. Ayah Subroto dan Ibu Nani Yuwani tercinta atas segala dukungan baik secara moril maupun materil. 5. Bapak Ir H Didi Apriadi M.Ak selaku Direktur PT Optima Infocitra Universal yang telah mendukung dan memberikan ijin belajar kepada saya untuk melanjutkan pendidikan ke jenjang yang lebih tinggi dari sebelumnya. 6. Semua teman-teman teknis di bagian perbankan dan pengadaan yang sering memberikan masukan dan perhatian atas perkuliahan selama ini. 7. Dosen Fakultas Ilmu Komputer Universitas Mercu Buana yang telah membekali dengan berbagai ilmu selama mengikuti perkuliahan sampai akhir penulisan skripsi. 8. Semua teman Program Studi Sistem Informasi Universitas Mercu Buana yang membantu saya dalam penulisan serta memberikan saya masukan dan semangat dalam menyelesaikan skripsi ini. 4
Dengan menyadari bahwa penyusunan skripsi ini masih jauh sekali dari sempurna. Untuk itu Saya mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulisan dimasa yang akan datang. Akhir kata semoga skripsi ini dapat berguna bagi penulisan khususnya dan bagi para pembaca yang berminat pada umumnya. Jakarta, Mei 2017 Indra Kurnyawan 5
DAFTAR ISI LEMBAR PERNYATAAN... iii LEMBAR PERSETUJUAN SIDANG... iv LEMBAR PENGESAHAN... v KATA PENGANTAR... vi ABSTRAK... viii ABSTRACT... ix DAFTAR ISI... x DAFTAR GAMBAR... xiii DAFTAR TABEL... xvi DAFTAR LAMPIRAN... xvii BAB I PENDAHULUAN... 1 1.1 LATAR BELAKANG... 1 1.2 RUMUSAN MASALAH... 3 1.3 BATASAN MASALAH... 3 1.4 TUJUAN PENELITIAN... 4 1.5 MANFAAT PENELITIAN... 4 1.6 METODE PENELITIAN... 5 1.7 SISTEMATIKA PENULISAN... 5 BAB II LANDASAN TEORI... 7 2.1 DEFINISI UMUM... 7 2.1.1 Monitoring... 7 2.1.2 Pekerjaan dan Karyawan... 8 2.1.3 Aplikasi Web... 10 2.1.4 Penjelasan Database dan MySQL... 11 2.1.5 PHP dan HTML... 13 2.1.6 JQUERY... 14 2.1.7 PHP STORM... 14 2.1.8 XAMPP... 15 2.2 TEORI ANALISA PERANCANGAN... 15 6
2.2.1 Flowchart... 15 2.2.2 Diagram Fishbone... 16 2.2.3 UML(Unified Modeling Language)... 17 2.2.4 Class Diagram... 18 2.2.5 Use Case Diagram... 19 2.2.6 Activity Diagram... 20 2.2.7 Sequence Diagram... 21 2.2.8 Metode Waterfall... 22 2.2.9 Blackbox Testing... 24 BAB III ANALISA DAN PERANCANGAN APLIKASI... 26 3.1 GAMBARAN UMUM PERUSAHAAN... 26 3.1.1 Tinjauan Organisasi... 26 3.1.2 Data Perusahaan... 26 3.1.3 Visi dan Misi... 26 3.1.4 Struktur Organisasi... 26 3.2 ANALISA SISTEM... 28 3.2.1 Analisa Sistem Berjalan... 28 3.2.2 Flowchart Berjalan... 30 3.3 ANALISA FISHBONE... 31 3.4 ANALISA KEBUTUHAN... 33 3.5 PERANCANGAN SISTEM USULAN... 33 3.5.1 Use Case Diagram... 34 3.5.2 Class Diagram... 37 3.5.3 Activity Diagram... 39 3.5.4 Sequence Diagram Pada Aplikasi... 47 3.5.5 Perancangan Tampilan Aplikasi... 53 3.6 ILUSTRASI APLIKASI... 64 BAB IV IMPLEMENTASI APLIKSASI... 66 4.1 PENGGUNAAN PERANGKAT LUNAK... 66 4.2 PENGGUNAAN MEDIA PERANGKAT KOMPUTER DAN SISTEM OPERASI... 66 4.3 IMPLEMENTASI DATABASE APLIKASI... 67 7
4.4 IMPLEMENTASI APLIKASI... 69 4.5 PENGUJIAN APLIKASI... 80 4.6 ANALISA HASIL PENGUJIAN... 83 BAB V KESIMPULAN DAN SARAN... 85 5.1 KESIMPULAN... 85 5.2 SARAN... 85 DAFTAR PUSTAKA... 86 LAMPIRAN... 88 8
DAFTAR GAMBAR Gambar 1.1 Metode Waterfall... 5 Gambar 2.1 Control Panel XAMPP... 15 Gambar 2.2 Class Diagram... 19 Gambar 2.3 Simulasi Blackbox Testing... 25 Gambar 3.1 Stuktur Organisasi... 28 Gambar 3.2 Ilustrasi Sistem Berjalan... 29 Gambar 3.3 Flowchart Kondisi Berjalan... 30 Gambar 3.4 Diagram Analisa Permasalahan... 31 Gambar 3.5 Use Case Usulan... 34 Gambar 3.6 Class Diagram Basis Data.... 37 Gambar 3.7 Login... 40 Gambar 3.8 Melihat Daftar Laporan... 40 Gambar 3.9 Melihat Daftar Tugas... 39 Gambar 3.10 Melihat Daftar User... 42 Gambar 3.11 Membuat user.... 42 Gambar 3.12 Membuat Laporan Tugas... 43 Gambar 3.13 Menandai Tugas Belum Selesai... 42 Gambar 3.14 Menandai Tugas Selesai... 44 Gambar 3.15 Pemberian Tugas... 46 Gambar 3.16 Staff Melihat Daftar Tugas... 47 Gambar 3.17 Membuat User Di Akun Admin.... 48 Gambar 3.18 Melihat User.... 48 Gambar 3.19 Membuat Tugas Pekerjaan.... 49 Gambar 3.20 Membuat Laporan.... 50 Gambar 3.21 Login.... 50 Gambar 3.22 Memberikan Status Belum Selesai.... 51 Gambar 3.23 Memberikan Status Selesai.... 51 Gambar 3.24 Menampilkan Daftar Laporan... 52 Gambar 3.25 Menampilkan List Tugas Pekerjaan.... 53 9
Gambar 3.26 Halaman Login.... 53 Gambar 3.27 Dashboard Admin.... 54 Gambar 3.28 User Admin... 55 Gambar 3.29 Tambah User.... 55 Gambar 3.30 Mengubah User... 56 Gambar 3.31 Mengubah Password... 57 Gambar 3.32 Halaman Dashboard Pada Akun Staff.... 57 Gambar 3.33 Halaman Tugas Di Akun Staff.... 58 Gambar 3.34 List Tugas Akun Staff.... 58 Gambar 3.35 Laporan Akun Staff.... 59 Gambar 3.36 Mengubah Password Di Akun Staff.... 59 Gambar 3.37 Halaman Dashboard Pada Akun Project Manager.... 60 Gambar 3.38 Halaman Melihat Staff Di Akun Project Manager.... 61 Gambar 3.39 Halaman Membuat Tugas... 61 Gambar 3.40 Halaman Menampilkan Tugas... 62 Gambar 3.41Detil Tugas Di Akun Project Manager... 62 Gambar 3.42Menampilkan Laporan... 63 Gambar 3.43Halaman Mengubah Password... 63 Gambar 3.44 Ilustrasi Aplikasi...64 Gambar 4.1 File Laporan... 67 Gambar 4.2 Tabel Laporan... 67 Gambar 4.3 Log Aktivitas... 68 Gambar 4.4 Tugas... 68 Gambar 4.5 Tabel user... 69 Gambar 4.6 Halaman Login... 70 Gambar 4.7 Dashboard Admin... 70 Gambar 4.8 User Admin... 71 Gambar 4.9 Tambah User... 72 Gambar 4.10 Mengubah User... 72 Gambar 4.11 Ubah Password... 73 Gambar 4.12 Dashboard Staff... 73 10
Gambar 4.13 Halaman Tugas... 74 Gambar 4.14 Detil Tugas... 75 Gambar 4.15 Buat Laporan... 75 Gambar 4.16 Dashboard Project manager... 76 Gambar 4.17 Halaman staff... 77 Gambar 4.18 Membuat Tugas... 77 Gambar 4.19 List Tugas... 78 Gambar 4.20 Detil Tugas... 79 Gambar 4.21 List Laporan... 79 11
DAFTAR TABEL Tabel 2.1 Tipe Data Numeric... 12 Tabel 2.2 Contoh tabel karyawan... 12 Tabel 2.3 Simbol - simbol dalam flowchart.... 16 Tabel 2.4 Aturan UML.... 18 Tabel 2.5 Simbol use case.... 20 Tabel 2.6 Simbol Activity Diagram.... 21 Tabel 3.1 Membuat Akun User.... 34 Tabel 3.2 Melihat Daftar User.... 34 Tabel 3.3 Melihat Daftar Tugas.... 35 Tabel 3.4 Membuat Laporan Tugas.... 35 Tabel 3.5 Pemberian Tugas.... 35 Tabel 3.6 Buat Jadwal Pekerjaan... 35 Tabel 3.7 Melihat Daftar Tugas...35 Tabel 3.8 Menandakan Status Tugas Selesai.... 36 Tabel 3.9 Menandakan Status Tugas Belum Selesai.... 36 Tabel 3.10 Melihat Daftar Laporan.... 36 Tabel 3.11 Melakukan Login Aplikasi.... 36 Tabel 3.12 Tabel File Laporan.... 38 Tabel 3.13 Tabel User.... 38 Tabel 3.14 Tabel Tugas.... 38 Tabel 3.15 Tabel Log Aktifitas.... 39 Tabel 3.16 Tabel Laporan.... 39 Tabel 4.1 Form Login... 80 Tabel 4.2 Pengujian Admin... 81 Tabel 4.3 Staff Membuat Laporan... 82 Tabel 4.4 Buat Tugas... 83 12
DAFTAR LAMPIRAN LAMPIRAN 1. SURAT KETERANGAN... 88 LAMPIRAN 2. KARTU ASISTENSI... 89 LAMPIRAN 3. WAWANCARA... 90 LAMPIRAN 4. WAWANCARA... 91 13