BAB III ANALISA DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem merupakan tahapan awal dalam membuat aplikasi web. Pada tahapan ini yaitu membuat analisis aplikasi yang dibutuhkan oleh Sistem Kepegawaian. Masalah yang didefinisikan dalam laporan ini yaitu, kesulitan memberikan informasi data pegawai, form pengajuan cuti dan penggajian pegawai. Melihat masalah tersebut maka penulis mencoba memberikan alternatif yaitu Aplikasi Sistem Informasi Kepegawaian dengan menggunakan PHP dan MySQL sebagai sistem manajemen basis datanya. Pada tahap ini semua kebutuhan perangkat lunak didefinisikan sesuai kebutuhan. Adapun analisis tersebut menyangkut tentang masukan ( input ) dan keluaran ( output ) dari perangkat lunak. Serta mendefinisikan proses yang berjalan pada perangkat lunak untuk jadi masukan dan menjadi keluaran yang diharapkan. Perangkat lunak yang akan dibangun digunakan untuk mengetahui informasi data pegawai, form pengajuan cuti, dan penggajian pegawai. Adapun data - data yang menjadi masukan bagi perangkat lunak merupakan data pegawai, form pengajuan cuti dan penggajian pegawai. Informasi yang diharapkan sebagai output ( keluaran ) dari perangkat lunak adalah informasi absensi pegawai, form pengajuan cuti para pegawai dan penggajian pegawai. 33
34
3.2 Sistem Lama Sistem Aplikasi Kepegawaian yang ada pada CV Plakat Jaya selama ini masih menerapkan secara manual atau dengan kata lain masih menggunakan kertas arsip sebagai penyimpanan data sehingga pendokumentasian data tidak maksimal.
3.3 Sistem Baru Dengan Berbasis Web Dari beberapa permasalahan yang sering dihadapi oleh CV Plakat Jaya. Maka penulis ingin mencoba untuk membentuk sebuah sistem baru yang mampu memberikan solusi yang tepat, handal dan mudah untuk digunakan oleh para pegawai. Adapun Sistem yang diusulkan oleh Aplikasi Kepegawaian ini nantinya berisikan beberapa menu berikut : •
Menu Home
•
Menu Profil Perusahaan
•
Menu Penggajian Pegawai
•
Menu Data Absensi Pegawai
•
Menu Cuti Pegawai
•
Menu Data Pegawai
35
3.4 Perancangan Sistem Dalam perancangan website ini, penulis menggunakan metode UML (Unified Modeling Language). Perlu diketahui metode uml merupakan metode oriented programming (oop) atau pemrograman berorientasi object yang menggunakan notasi grafis dalam menyatakan suatu desain. Pada penulisan notasi UML yang digunakan meliputi : Use Case Diagram, Activity Diagram, Sequence Diagram dan Class Diagram.
36
3.5 Sistem Penggajian A.Use Case Diagram Penggajian
Staff Administrasi Finance <
>
<>
<>
Manajer <>
Lihat Laporan
Gambar 3.1 Use Case Diagram Sistem Penggajian Usulan
37
Tabel 3.1 Skenario Use Case Diagram Login Nama
Use Case Diagram Login
Aktor
Administrasi
Deskripsi Singkat
Administrasi Login
Pra Kondisi
-
Tindakan Utama
Administarsi, Finance, Manajer harus login terlebih dahulu sebelum masuk aplikasi
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.2 Skenario Use Case Diagram Input Daftar Hadir Nama Use Case
Use Case Diagram Input Daftar Hadir
Aktor
Administrasi
Deskripsi Singkat
Administrasi mengisi daftar hadir setiap hari
Pra Kondisi
-
Tindakan Utama
Administrasi mengisi daftar hadir setiap hari
di
administrasi
untuk
mengetahui status kehadiran
setiap
harinya. Tindakan Alternatif
-
Pasca Kondisi
-
bagian
38
Tabel 3.3 Skenario Use Case Diagram Input Form Cuti Nama Use Case
Use Case Diagram Input Form Cuti
Aktor
Administrasi
Deskripsi Singkat
Administrasi mengisi form cuti jika ada pegawai yang ingin mengambil cuti.
Pra Kondisi
-
Tindakan Utama
Administrasi Input Data Karyawan Cuti
Tindakan Alternatif
-
Pasca Kondisi
-
Tabel 3.4 Skenario Use Case Diagram Lihat Laporan
Nama Use Case
Skenario Use Case Diagram Menerima Laporan
Aktor
Manager
Deskripsi Singkat
Melihat Laporan Penggajian
Pra Kondisi
-
Tindakan Utama
Manager melihat laporan penggajian yang diberikan Finance pada setiap bulannya.
Tindakan Alternatif
-
Pasca Kondisi
-
39
Tabel 3.5 Skenario Use Case Diagram Buat Laporan Gaji
Nama Use Case
Skenario Use Case Diagram Buat Laporan Gaji
Aktor
Finance
Deskripsi Singkat
Membuat Laporan Penggajian
Pra Kondisi
-
Tindakan Utama
Finance membuat laporan penggajian yang dibuat pada setiap bulannya.
Tindakan Alternatif
-
Pasca Kondisi
-
40
B. Activity Diagram Login Administrasi
Sistem
Salah Benar
Gambar 3.2 Activity Diagram Login
Tabel 3.6 Keterangan Activity Diagram Login Nama Activity
Activity Diagram Login
Aktor
Administrasi
Deskripsi Singkat
Administrasi, Finance, Manajer sebelum masuk dalam aplikasi terlebih dahulu melakukan login.
Pra Kondisi
-
Tindakan Utama
Administrasi, Finance, Manajer melakukan Login sebelum masuk aplikasi penggajian agar tidak sembarang orang dapat mengakses aplikasi penggajian ini.
Tindakan Alternatif
-
Pasca Kondisi
Masuk Aplikasi
41
C. Activity Diagram Kehadiran Administrasi
Sistem
Gambar 3.3 Activity Diagram Kehadiran
Tabel 3.7 Keterangan Activity Diagram Kehadiran Nama Activity
Activity Diagram Kehadiran
Aktor
Administrasi
Deskripsi Singkat
Merekap Absensi
Pra Kondisi
-
Tindakan Utama
Administrasi yang melakukan rekapitulasi absensi
Tindakan Alternatif
-
Pasca Kondisi
-
42
D. Activity Diagram Pegawai Administrasi
Sistem
Menghapus
Gambar 3.4 Activity Diagram Data Pegawai
43
Tabel 3.8 Keterangan Activity Diagram Data Pegawai Nama Activity
Activity Diagram Data Pegawai
Aktor
Administrasi
Deskripsi Singkat
Administrasi dapat menambahkan data, mengubah data maupun menghapus data pegawai.
Pra Kondisi
-
Tindakan Utama
Administrasi yang melakukan pengisian data pegawai, mengubah, menghapus pada aplikasi penggajian.
Tindakan Alternatif
-
Pasca Kondisi
-
44
E. Activity Diagram Penggajian Finance
Sistem
Masukkan data
Gambar 3.5 Activity Diagram Penggajian
Tabel 3.9 Keterangan Activity Diagram Penggajian Nama Activity
Activity Diagram Penggajian
Aktor
Finance
Deskripsi Singkat
Membuat Laporan Gaji Pegawai
Pra Kondisi
-
Tindakan Utama
Finance yang melakukan perhitungan penggajian
Tindakan Alternatif Pasca Kondisi
-
45
F. Activity Diagram Cuti Karyawan Administrasi
Sistem
Masukkan data
Gambar 3.6 Activity Diagram Cuti Karyawan Tabel 3.10 Keterangan Activity Diagram Cuti Karyawan Nama Activity
Activity Diagram Cuti Karyawan
Aktor
Administrasi
Deskripsi Singkat
Melakukan pengecekan cuti karyawan
Pra Kondisi
-
Tindakan Utama
Administrasi yang melakukan Input cuti karyawan
Tindakan Alternatif
-
Pasca Kondisi
-
46
G. Sequence Diagram Login Halaman Utama
Form Login
Aplikasi Penggajian
Proses Login
Tampilkan Form Jika belum login
form login Masukkan nama dan password
Koneksi database Validasi nama dan password
Gambar 3.7 Sequence Diagram Login Tabel 3.11 Sequence Diagram Login Nama Sequence
Sequence Diagram Login
Aktor
Administrasi, Finance, Manajer
Deskripsi Singkat
Menjelaskan proses terjadinya masuk ke halaman utama
Pra Kondisi
Membuka Aplikasi
Tindakan Utama
Membuka form login, masukkan user id dan password, masuk ke halaman utama.
Tindakan Alternatif
-
Pasca Kondisi
-
47
H. Sequence Diagram Kehadiran Halaman Utama
Transaksi
Daftar Hadir
Database
Sukses Login Masuk ke halaman
Masuk
transaksi
daftar
ke
kehadiran
Validasi data ke database
Keluar
Simpan
Keluar Aplikasi
Gambar 3.8 Sequence Diagram Kehadiran Tabel 3.12 Sequence Diagram Kehadiran Nama Sequence
Sequence Diagram Kehadiran
Aktor
Administrasi
Deskripsi Singkat
Menjelaskan proses terjadinya masuk ke proses rekapitulasi absensi
Pra Kondisi
Login Aplikasi
Tindakan Utama
Membuka Halaman Utama, Membuka Administrasi, Absensi
Tindakan Alternatif
-
Pasca Kondisi
-
Melakukan
Rekapitulasi
48
I. Sequence Diagram Cuti Halaman Utama
Masuk
Transaksi
Daftar Cuti
Database
ke
Sukses Login halaman transaksi
Masuk
ke
daftar cuti Validasi data ke database Keluar Keluar Aplikasi
Gambar 3.9 Sequence Diagram Cuti Tabel 3.13 Sequence Diagram Cuti Nama Sequence
Sequence Diagram Cuti
Aktor
Administrasi
Deskripsi Singkat
Menjelaskan proses terjadinya masuk ke proses cuti
Pra Kondisi
Login Aplikasi
Tindakan Utama
Membuka Halaman Utama, Membuka Administrasi, Melakukan Proses Cuti
Tindakan Alternatif
-
Pasca Kondisi
-
Simpan
49
J. Sequence Diagram Penggajian Halaman Utama
Masuk
Transaksi
Daftar Gaji
Database
ke
Sukses Login halaman transaksi
Masuk
ke
daftar gaji Validasi data ke database Keluar Keluar Aplikasi
Gambar 3.10 Sequence Diagram Penggajian Tabel 3.14 Sequence Diagram Penggajian Nama Sequence
Sequence Diagram Penggajian
Aktor
Finance
Deskripsi Singkat
Menjelaskan proses terjadinya masuk ke proses perhitungan gaji
Pra Kondisi
Login Aplikasi
Tindakan Utama
Membuka Halaman Utama, Membuka Finance, Melakukan Proses Perhitungan
Tindakan Alternatif
-
Pasca Kondisi
-
Simpan
50
K. Sequence Diagram Pegawai
Halaman Utama
Sukses Login
Masuk
Transaksi
Daftar Pegawai
Database
ke
halaman transaksi
Masuk
Ke
daftar Pegawai Tambah
Rubah
Simpan
Simpan
Hapus Simpan Keluar
Keluar Aplikasi
Gambar 3.11 Sequence Diagram Pegawai
51
Tabel 3.15 Sequence Diagram Pegawai Nama Sequence
Sequence Diagram Pegawai
Aktor
Administrasi
Deskripsi Singkat
Menjelaskan proses terjadinya masuk ke Data Pegawai
Pra Kondisi
Login Aplikasi
Tindakan Utama
Membuka Menambahkan
Halaman Data,
Merubah
Utama, Data,
Menghapus Data dan Menyimpan Data. Tindakan Alternatif
-
Pasca Kondisi
-
52
L. Class Diagram Jabatan
Posisi Karyawan -nik
-kdJabatan
-nama
-nmaJabatan 1
-kdJabatan
+Keahlian di 1
+Keahlian di
Bidangnya()
Bidangnya() 1
1
Karyawan
Penggajian -nik
-nik
-nama
-nama
-tglTerima
-Almt
-gajiPokok -totTunjangan
Cuti -nik -nama
1
-tmpLhr
1 1
-jenisKel
-mulaiCuti 1
-akhirCuti
-totPotongan
-agama
-alasanCuti
-totGaji
-statusNikah
+Perincian
+Perincian
-noPhone
Laporan()
Laporan()
-tglMasuk -statusPegawai +Input()
53
3.6 Rancangan Struktur Basis Data (Database) Perancangan database pada sistem merupakan hal terpenting dalam perancangan database dan perancangan tersebut dapat digambarkan dengan Entity Relationship Diagram (ERD) seperti pada gambar diagram berikut ini.
*Nik
Posisi
kd_Jabatan
1
1
*Nik
Jabatan
Memiliki
kd_Jabatan
Karyawan
Nm_Jabatan
1 Menentukan
1 *Nik
1
Penggajian
1 Mendapat
1 Karyawan
1 Memiliki
Cuti
* Nik nama
Kd_gaji
Mulai_Cuti Tgl_Terima Gaji_Pokok Tot_Tunjangan Tot_Potongan Tot_Gaji
Admin
*Nik Nm_Karyawan Almt_Karyawan TmptLht_Karyawan Jkel_Karyawan Agama_Karyawan Status_Nikah No_Phone Tgl_Msuk Status_Karyawan
Akhir_Cuti alasan_Cuti
54
Tabel 3.16 Tabel Karyawan No
Nama Field
Tipe Data
Panjang
Keterangan
1
*NIK
Char
15
Nomer Induk Karyawan
2
Nm_Karyawan
Varchar
35
Nama Karyawan
3
Almt_Karyawan
Varchar
40
Alamat Karyawan
4
Tmptlhr_Karyawan
Date
100
Tempat Lahir
5
Jkel_Karyawan
Tinyint
15
Jenis Kelamin Karyawan
6
Status_Nikah
Varchar
10
Status Karyawan
7
Tgllhr_Karyawan
Data/Time
-
Tanggal Lahir Karyawan
8
Agama_Karyawan
Varchar
15
Agama Karyawan
9
Status_Karyawan
Varchar
15
Status Karyawan
10
No_Phone
Text
20
No Telepon Karyawan
11
Tgl_Masuk
Data/Time
Tanggal Masuk
Tabel 3.17 Tabel Posisi Karyawan No
Nama Field
Tipe Data
Panjang
Keterangan
1
*NIK
Char
15
Nomer Induk Karyawan
2
Kd_Jabatan
Char
5
Kode Jabatan
55
Tabel 3.18 Tabel Jabatan No
Nama Field
Tipe Data
Panjang
Keterangan
1
*NIK
Char
15
Nomer Induk Karyawan
2
Kd_Jabatan
Char
5
Kode Jabatan
3
Nm_Jabatan
35
Nama Jabatan
Varchar
Tabel 3.19 Tabel Penggajian No
Nama Field
Tipe Data
Panjang
Keterangan
1
*NIK
Char
15
Nomer Induk Karyawan
2
Kd_Gaji
Char
15
Kode_Gaji
3
Tgl_Terima
Data/Time
-
Tgl Terima
4
Gaji_PK
Number
-
Gaji Pokok
5
Tot_Tunjangan
Number
-
Total Tunjangan
6
Tot_Potongan
Number
-
Total Potongan
7
Tot_Gaji
Number
-
Total Gaji
Tabel 3.20 Tabel Cuti No
Nama Field
Tipe Data
Panjang
Keterangan
1
*NIK
Char
15
Nomer Induk Karyawan
2
Nm_Karyawan
Varchar
35
Nama Karyawan
3
Mulai_Cuti
Number
10
Mulai Cuti Karyawan
4
Akhir_Cuti
Number
10
Akhir Cuti Karyawan
5
Alasan_Cuti
Varchar
25
Alasan Cuti Karyawan
56
3.7 Perancangan Tampilan Program
Halaman Utama
Menu
Profil
Data Karyawan
Absensi Karyawan
Penggajian Karyawan
Gambar 3.12 Rancangan Tampilan Program
3.7.1 Rancangan Layar Menu Login
CV PLAKAT JAYA
Logo
Menu Profil Perusahaan Data Karyawan
Masukkan Username :
Absensi Karyawan
Masukkan Password :
Penggajian Karyawan Cuti Karyawan Log Out
Gambar 3.13 Rancangan Layar Menu Login
Cuti Karyawan
LogOut
57
3.7.2 Rancangan Layar Profil Perusahaan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan
Profil CV Plakat Jaya
Data Karyawan Absensi Karyawan Penggajian Karyawan
Informasi
Cuti Karyawan Log Out
Gambar 3.14 Rancangan Layar Menu Profil Perusahaan
58
3.7.3 Rancangan Data Karyawan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan
Form Data Karyawan
Data Karyawan Absensi Karyawan Penggajian Karyawan
Informasi
Cuti Karyawan Log Out
Gambar 3.15 Rancangan Layar Menu Data Karyawan
59
3.7.4 Rancangan Absensi Karyawan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan
Input Absensi Karyawan
Data Karyawan Absensi Karyawan Penggajian Karyawan
Informasi
Cuti Karyawan Log Out
Gambar 3.16 Rancangan Layar Menu Absensi Karyawan
60
3.7.5 Rancangan Penggajian Karyawan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan
Input Penggajian Karyawan
Data Karyawan Absensi Karyawan Penggajian Karyawan
Informasi
Cuti Karyawan Log Out
Gambar 3.17 Rancangan Layar Menu Penggajian Karyawan
61
3.7.6 Rancangan Cuti Karyawan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan
Input Cuti Karyawan
Data Karyawan Absensi Karyawan Penggajian Karyawan
Informasi
Cuti Karyawan Log Out
Gambar 3.18 Rancangan Layar Menu Cuti Karyawan
62
3.7.7 Rancangan Log Out Karyawan
CV PLAKAT JAYA Logo
Menu Profil Perusahaan Data Karyawan Absensi Karyawan Penggajian Karyawan Cuti Karyawan Log Out
Gambar 3.19 Rancangan Layar Menu Log Out Karyawan
