(IJID) International Journal on Informatics for Development

Vol. 7, No. 2, 2018, Pp. 1-7

Design and Development of Web Based Employee

Payroll Information System Using Codeigniter
Framework and Extreme Programming Method
Maria Ulfah Siregar
Devara Eko Katon Mahardika
Master of Informatics
Department of Informatics Faculty of Science and Technology
Universitas Islam Negeri Sunan Kalijaga Universitas Islam Negeri Sunan Kalijaga
Yogyakarta, Indonesia Yogyakarta, Indonesia
[email protected] [email protected]

Abstract—Universitas Proklamasi 45 Yogyakarta is a private university which is supervised by a Foundation that has implemented
various information systems in various fields of work. However, in the payroll process the employees are still done manually and have not
utilized a computerized system, such as attendance recap, wage recapitulation in addition to basic salary, as well as the sum of salary
received by employees. This makes the payroll process less effective and efficient. This study aims to establish a proposed system that is a
web-based employee payroll information system at the Universitas Proklamasi 45 Yogyakarta with the PHP programming language using
Codeigniter Framework and MySQL as its database. The system development method used is the Extreme Programming method. This
method was chosen because it promotes intense communication between the client and the system developer so that when there are changes
or errors in the system, the developer is always ready to fix it. Extreme Programming also has a simple stage, namely planning, design,
coding, and testing. The results of this study are the result of a web-based employee payroll information system that has various actors
involved in the management and processing of its data. With this information system, the employee payroll process becomes more effective
and efficient, because payroll data is processed and calculated by the system so that it has a high level of data accuracy and does not
require a long time in the calculation process.

Web Application, Information System, Payroll System, Codeigniter, Extreme Programming

1
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

I. INTRODUCTION Extreme Programming method is used in designing this

employee payroll information system.
Technological advances today are experiencing very rapid
development in various fields. This is marked by the II. PURPOSE
implementation of a service system that has been computerized The formulation of the problem raised from the background
in various agencies and various fields in order to provide above is:
convenience both for the company and for users in order to find
information quickly and accurately. Many companies are 1. Analyzing and designing a web-based Employee Payroll
competing to implement a computerized system that suits the Information System at the Yogyakarta Proclamation
needs of the company with the aim of improving and optimizing University 45
the quality of their services. Not even a few companies that
2. Implementing the information system into the employee
include the application of a computerized system in their vision
payroll process at the Universitas Proklamasi 45
and mission.
Yogyakarta so that it becomes an effective information
One system that is widely used in a company in order to system
optimize their service quality is the application of a payroll
information system, which is expected to help and facilitate the
payroll process of employees. The implementation of the payroll III. RESEARCH METHODS
information system is very influential on companies or agencies
that have a large number of workers. Furthermore, the A. Data Collection Methodology
component of employee wages or salaries is not only the basic Data were collected from various sources. Methodology
salary, but also includes various allowances, incentives, the data collection performed in this study are:
deductions, overtime and other wages outside the basic salary.
The amount of salary for each workforce is also different. If the 1) Literature Study: Studying the theory / literature and
salary calculation process is still manual, it can be detrimental to scientific books and references related to Payroll
the company in terms of time efficiency, which will take a long System and Web-based technology applications.
time, so that it can result in delays in payment or payment of 2) Interview: conduct interviews with the project owner
salaries to employees. regarding the current employee payroll process.
3) Observation: make direct observations when the
Universitas Proklamasi 45 Yogyakarta is a private university
employee payroll process takes place.
whose management is supervised by a Foundation. In every field
of work, almost all have used information systems to facilitate B. Identification of Problems
their work and managerial governance. But in the employee
payroll process, it is not yet effective and efficient because the The main problems that occur in payroll processing are
process is manual or does not utilize an information system, so such as the calculation of attendance recap, payroll component
it still has some shortcomings. These shortcomings include data recap, making reports and salary slips that are done
payroll processes that take a long time, the accuracy of data manually. This requires a high level of accuracy considering that
calculation and documentation of data is not well organized. One salary is a right of each employee to receive a valid salary
of the things that makes the payroll process take a long time is amount, so that it takes a long time in the process of calculating
to recap data that affects the amount of salary nominal calculated and processing data. The problems contained in this research can
manually, such as employee attendance recap, recap overtime be developed with a web-based system, namely the Payroll
data, and recap of wages other than basic salary. Therefore, it is Information System. This system will help solve the problem
necessary to have an effective, efficient and effective employee because it is computerized and automated so that the data
payroll information system to be used in the employee salary processing and salary calculation can be carried out validly and
calculation process at the Yogyakarta Proclamation University quickly.
45 Yogyakarta.
C. Application Development
In designing information systems, there are problems that
often occur, namely the request for changes in requirements and System development method used in this research is
the addition of features to the system desired by the client when Extreme Programming methodology. Extreme Programming
the system design process is carried out. Therefore, a simple sequential system consist of:
system development method is needed and involves clients in 1) Planning
terms of communicating with system developers. Extreme
At this stage defines the scope during the research,
Programming method is one of Agile methodologies that
emphasizes good communication with clients, is fast in the analyzes the current system and the problems that
development process, and is ready to accept changes and occur. Then it continues by analyzing the requirements
improvements whenever there is an error. Therefore, the of the system to be designed.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/

2
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

2) Design 6. Employee

At this stage, designing the system work process and

database design in accordance with the results of data The next step is to define and analyze the system
collection and the results of the analysis that has been functional requirements which aim to determine what can
carried out. In designing the work process of this be done by the developed system. Functional requirements
system, UML is used because it places more emphasis are:
on developing object-oriented systems. a. Master data management which includes employee
data, position, work unit, work period, and nominal
3) Coding
payroll components.
At this stage is the stage where making the system
based on the design results that have been made b. Payroll component data management which
previously. The design is implemented in the form of includes overtime data and meetings.
code that can be understood by computers with c. Management of employee attendance data which
programming languages. As previously explained includes employee attendance data uploads and
about Extreme Programming that this method involves printing employee attendance recap data.
the client in the system development process, the
Coding process is carried out repeatedly if there is a d. Management of academic data which includes
correction from the system user (refactoring). faculty data, study programs, courses, student
4) Testing examinations, exam supervisors, and test results
At this stage, each module that is being developed will corrector.
first undergo testing. If it is still not in accordance with e. Management of payroll data that includes
the request, it will be repaired on the corrected part. If generating pay slips, printing pay slips, sending
according to the request, the system can be payroll slips, and seeing payroll reports.
implemented. f. Providing operational incentives for employees by
the division heads of each division.
IV. SYSTEM DEVELOPMENT USING EXTREME g. See payroll data that can be done by each employee.
PROGRAMMING
2) First Phase Design
In developing the system using the Extreme Programming
method, this resulted in three development phases. An In this first phase design the researcher makes the
explanation of each of these phases can be seen below. design process in the form of a use case diagram based on
the results of the analysis that has been carried out. The
A. First Phase purpose of making a use case diagram is to describe what
In this first cycle, it focuses on the main purpose and features or functions the system has developed.
functionality of the system being developed.
1) First Phase Planning
In this first planning phase, the researcher analyzes the
requirements of the developed system. The analysis is
carried out by means of interviews and discussions with the
project owner. The results obtained are anyone who will
use the system later, and how the system works. Users
involved in the system can be seen in the table 1.

TABLE 1. LIST OF USERS WHO USE THE SYSTEM

No Users

1. HR Staff

2. Academic Staff

3. Financial Staff

4. The head of the company

5. Head of Unit

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/

3
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

FIGURE 3. ACTIVITY DIAGRAM OF GENERATE PAYSLIP

FIGURE 1. USE CASE DIAGRAM FIRST PHASE

Next, the researcher makes an activity diagram to

describe the activities that occur in the system. There are
main activities, namely uploading employee attendance
data and generating employee pay slips. Activity diagram
can be seen in Figure 2 and Figure 3.
Sequence Diagram design is also needed to explain in
detail the sequence of processes carried out in the system
to achieve the objectives of the Use Case that have been
described previously. The Sequence Diagram can be seen
in Figure 4 and Figure 5.

FIGURE 4. SEQUENCE DIAGRAM OF EMPLOYEE ATTENDANT

DATA UPLOAD

FIGURE 2. ACTIVITY DIAGRAM OF EMPLOYEE ATTENDANT

DATA UPLOAD

FIGURE 5. SEQUENCE DIAGRAM OF GENERATE PAYSLIP

3) First Phase Coding

In this first phase coding, several implementations were
carried out which included database implementation and
implementation of the interface design that had been

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/

4
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

created. In the database, there are many tables used. A list FIGURE 7. GENERATE PAYSLIP PAGE
of database tables can be seen in the table 2. 4) First Phase Testing
TABLE 2. LIST OF TABLE ON DATABASE IN FIRST PHASE
In this first phase of testing researchers involve all users
No. Table Name No. Table Name of the system and focus on the functionality of the system
1. Master_bidang 12. Data_rapat_peserta being developed. During the testing process, researchers
get requests for the addition of several new features,
2. Master_unit_kerja 13. Data_upah_rapat namely:
3. Master_jabatan 14. Data_lembur
a. Change behavior from each date input field, will be
4. Master_periode 15. Data_upah_lembur disabled when the work period has not been
5. Master_jam_kerja 16. Data_ujian selected.
b. Automatic attendance recap when the attendance
6. Master_prodi 17. Data_ujian_pengawas data upload process is done.
7. Master_matakuliah 18. Data_ujian_korektor c. Change employee attendance data.
d. Employee overtime submission.
8. Master_nominal 19. Data_upah_pengawas
e. Speed up the process of generating employee pay
9. Data_karyawan 20. Data_upah_korektor slips.
10. Absensi_data 21. Data_insentif_operasional B. Second Phase
11. Data_rapat 22. Data_slip_gaji In this second phase, there are fundamental differences with
the previous phase, which is more focused on improving system
Next, implementation results of the interface design performance. It can be seen from the results of the first phase
can be seen in Figure 6 and Figure 7. testing.
1) Second Phase Planning and Design
The purpose of changing the way of working from the
input date field is, so that the date entered is no less or no
more than the initial limit and the deadline for the selected
work period. So, before the work period is selected, the
input date field in the disable state. This is an effective step
so that the data entered into the system is more properly
documented and neat based on its working period.
Furthermore, the purpose of adding automatic
attendance recap functionality is when HR staff upload
FIGURE 6. LOGIN PAGE attendance data, the system will read and store attendance
data into the attendance data table, while simultaneously
recording the attendance data which will then be stored in
the attendance recap table. This will have an impact on
system performance when generating employee pay slips,
because the process of generating payroll slips requires
monthly attendance recap data from each employee. When
the process of generating pay slips, the system simply reads
the attendance recap data from the attendance recap table,
no longer need to do calculations or calculation of daily
attendance data from the attendance data table.

In this phase, changes and additions are made to the namely the employee attendance data change page and the
system database structure, which is adding a table called overtime request page by employees.
employee attendance recap and changing employee
overtime table. The design of new pages is also done, 2) Second Phase Coding

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/

5
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

After analysis and redesign, researchers carried out the Based on the results of the design in the third phase
implementation of the system developed. In this second design, the researcher then implements the addition of
phase, the code structure changes or commonly referred to features to the system developed. The first is to implement
as refactoring. work report management features for employee actors by
creating pages for daily work plans and reports, as well as
3) Second Phase Testing pages for checklists and monthly reports.
In the second phase of the testing, it was re-conducted
with the project owner. The results of this test are that there 3) Third Phase Testing
are several requests for additional new features in the
After implementing the feature additions in the
system, namely:
previous stage, the researchers tested the system again
a. Additional employee work report management with the Proclamation University 45 as the project owner.
features for employees, which can be used to create The results of this third phase testing are in accordance
daily work plans, daily work reports, monthly with the planning that researchers have done before, and
checklists, and monthly work reports. the output produced is in accordance with the project
owner's request. Therefore the developed system is ready
b. The addition of employee performance appraisal for release.
features by the unit head.
C. Third Phase V. RESULT
In this third phase, further development is carried out on the The previous employee payroll process requires work or
system by adding several new features based on the project salary calculation activities manually. With this payroll
owner's request. This feature is considered effective by the information system, the manual calculation can be left behind
project owner when applied to the system because it is also and switch to using an information system. Payroll data is
included as one of the factors that influence the amount of calculated and presented neatly in the system. Payroll slips
employee payroll. which are the final result of the payroll component calculation
process can also be obtained by utilizing this payroll
1) Third Phase Planning and Design information system. Based on the explanation above, the payroll
information system that was designed during this study was
The reason for the addition of employee work report effective to be used in the employee payroll process because in
management features and employee performance terms of results it was in line with what was expected.
appraisal features is as a parameter and also the reference
used by the Head of Unit in providing operational In terms of time, the payroll information system that was
incentives to employees who are under him. In addition to designed also succeeded in increasing efficiency in the
the current system, employees make work reports using employee payroll process at the Universitas Proklamasi 45
Microsoft Excel which then sends it to the Head of the Unit Yogyakarta. In the previous system, manual payroll calculation
via email. The Unit Head must open one by one the work took quite a long time considering the number of data and the
report file sent to him when he wants to see and check what number of employees was not small. The calculation must also
the employee's work report looks like. This will take a long be careful and accurate so that the results are accurate, so
time. sometimes it is not enough if you only do calculations only once
At this stage the researcher again designed the activity and need to be reset. With this payroll information system, data
diagram and sequence diagram for the management of is calculated and processed by a computerized system so that
employee work reports and employee performance the level of data accuracy increases and does not take a long
appraisal. It also creates a new table in the database, time. Based on this explanation, an efficient payroll information
namely the daily work plan and report tables, detailed system for use in the employee payroll process.
tables of daily work plans and reports, checklist tables and
monthly reports, detailed checklist and monthly report CONSLUSION
tables, and employee performance appraisal tables. Then
it continues by designing the interface for the employee The use of Extreme Programming methods in the
work report management page which includes pages for development of this system resulted in three phases of
daily work plans, pages for daily reports, monthly development. In each phase there is always a testing phase that
checklist pages, and pages for monthly reports. involves the project owner to find out whether the system is in
accordance with the needs or not. The system development phase
2) Third Phase Coding is declared complete when all planned system functionality is
successfully implemented properly and does not get correction
from the project owner.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/

6
 (IJID) International Journal on Informatics for Development
Vol. 7, No. 2, 2018

Based on research that has been done on the development of

Web-based Employee Payroll Information System using
Extreme Programming method (case study in Universitas
Proklamasi 45 Yogyakarta), then the conclusions drawn as
follows:
1) This study succeeded in analyzing and designing
employee payroll information systems in accordance
with the payroll flow in the Universitas Proklamasi 45
Yogyakarta based on the results of the analysis that has
been carried out.
2) This research succeeded in implementing the employee
payroll information system at the Universitas
Proklamasi 45 Yogyakarta so that it became an
effective information system.
REFERENCES

[1] Alhadi, Sistem Informasi Penggajian dan Pengupahan Karyawan

Menggunakan Arsitektur Hierarchial-Model-View-Controller Framework
PHP Codeigniter (Studi Kasus di PT. Krakatau Wijatama Cilegon,
Banten). Skripsi: UIN Sunan Kalijaga, 2013
[2] Ardhi, D. P., Pengembangan Sistem Absensi dan Penggajian Karyawan di
PT. X. Skripsi, Yogyakarta: UIN Sunan Kalijaga, 2011.
[3] Daqiqil, I., Framework Codeigniter Panduan Terbaik dan Best Practice,
https://www.yumpu.com/id/document/view/11852207/framework-
codeigniter diakses pada 21 Juni 2018.
[4] Dewanto, S. P., Perancangan dan Implementasi Sistem Informasi Cost of
Production (COP) dan Pengajian Karyawan Penerbit Buku Pendidikan
Deepublish (CV Budi Utama) Yogyakarta. Skripsi, Yogyakarta: UIN
Sunan Kalijaga, 2013.
[5] Firdaus, M., Rancang Bangun Sistem Informasi Penggajian Karyawan di
CV. Sogan Jaya Abadi dengan Metode Prototyping. Skripsi, Yogyakarta:
UIN Sunan Kalijaga, 2017.
[6] Hutama, P. W., Rancang Bangun Aplikasi Presensi Karyawan Berbasis
Android dengan Metode Extreme Programming pada PT. Geschool
Cerdas Mandiri. Skripsi, Yogyakarta: UIN Sunan Kalijaga, 2016.
[7] Jogiyanto, H. M., Analisis dan Desain Sistem Informasi. Yogyakarta:
Penerbit Andi, 2005.
[8] Kadir, A., Pengenalan Sistem Informasi. Yogyakarta: Penerbit Andi,
2003.
[9] Whitten, Bentley & Dittman, Metode Desain dan Analisis Sistem.
Yogyakarta: Penerbit Andi, 2004.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0
International License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/