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

<<include login>>

<<include login>>

<<include login>>

Manajer

<<include login>>

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 bagian administrasi untuk

mengetahui status kehadiran setiap

harinya.

Tindakan Alternatif -

Pasca Kondisi -
 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 Proses Login Aplikasi Penggajian

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 ke

transaksi daftar

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, Melakukan Rekapitulasi

Absensi

Tindakan Alternatif -

Pasca Kondisi -
 48

I. Sequence Diagram Cuti

Halaman Utama Transaksi Daftar Cuti Database

Masuk ke
Sukses Login
halaman

transaksi Masuk ke

daftar cuti

Validasi data

ke database

Keluar Simpan
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 -
 49

J. Sequence Diagram Penggajian

Halaman Utama Transaksi Daftar Gaji Database

Masuk ke
Sukses Login
halaman

transaksi
Masuk ke

daftar gaji
Validasi data

ke database

Keluar Simpan
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 -
 50

K. Sequence Diagram Pegawai

Halaman Utama Transaksi Daftar Pegawai Database

Masuk ke
Sukses Login
halaman
Masuk Ke
transaksi
daftar

Pegawai

Tambah

Simpan
Rubah

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 Halaman Utama,

Menambahkan Data, Merubah Data,

Menghapus Data dan Menyimpan Data.

Tindakan Alternatif -

Pasca Kondisi -
 52

L. Class Diagram

Posisi Karyawan Jabatan

-nik -kdJabatan

-nama -nmaJabatan
1
-kdJabatan +Keahlian di

+Keahlian di 1 Bidangnya()

Bidangnya()

Penggajian Karyawan
-nik -nik Cuti
-nama -nama -nik
-tglTerima -Almt 1 -nama
-gajiPokok 1 -tmpLhr -mulaiCuti
-totTunjangan -jenisKel -akhirCuti
1 1
-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
kd_Jabatan Posisi 1 1 Jabatan *Nik
Memiliki
kd_Jabatan
Karyawan
Nm_Jabatan
1

Menentukan

1
1 1 1 1
*Nik Penggajian Mendapat Karyawan Cuti * Nik
Memiliki
nama
Kd_gaji
Mulai_Cuti
Tgl_Terima *Nik Akhir_Cuti
Nm_Karyawan
Gaji_Pokok Almt_Karyawan alasan_Cuti
TmptLht_Karyawan
Tot_Tunjangan
Jkel_Karyawan
Admin Agama_Karyawan
Tot_Potongan
Status_Nikah
Tot_Gaji No_Phone
Tgl_Msuk
Status_Karyawan
 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 Varchar 35 Nama Jabatan

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 Cuti Karyawan LogOut

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

 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