Jurnal E-Komtek Vol. No. https://jurnal. politeknik-kebumen. id/index. php/E-KOMTEK p-ISSN : 2580-3719 e-ISSN : 2622-3066 Design of a Web-Based Personnel Administration Management Information System at Politeknik Piksi Ganesha Muhamad Zaenal Iksan . Falaah Abdussalaam Department of Information System. Politeknik Piksi Ganesha. Indonesia, 40274 mziksan10@gmail. https://doi. org/10. 37339/e-komtek. Published by Politeknik Piksi Ganesha Indonesia Artikel Info Submitted: 20-01-2023 Revised: 09-03-2023 Accepted: 28-03-2023 Online first : 00-06-2023 Abstract The background of this research is that the management of personnel administration at the Piksi Ganesha Polytechnic campus still uses conventional methods, is considered not optimal, and is very prone to viruses and data loss. this study, the authors used a qualitative research method with a descriptive In contrast, the software development method used was the Prototyping Method using the Unified Modeling Language (UML) system modeling, which was applied using the PHP programming language with the Laravel framework and MYSQL database. This study resulted in a web-based Personnel Administration Management Information System or Personnel Information System (SIMPEG), which has features starting from automatic employee data management, centralized employee filing, and integrated attendance with validation of devices in the campus's Public IP network. It can be accessed on mobile by employees. Keywords: Personnel Information System. Mobile Filing. Integrated Presence Abstrak Penelitian ini dilatarbelakangi karena pengelolaan administrasi kepegawaian yang ada di kampus Politeknik Piksi Ganesha masih menggunakan cara konvesional dan dirasa belum optimal, serta sangat rawan terkena virus dan kehilangan data. Dalam penelitian ini penulis menggunakan metode penelitian kualitatif dengan pendekatan deskriptif, sedangkan metode pengembangan perangkat lunak yang digunakan adalah Metode Prototyping dengan menggunakan sistem pemodelan Unified Modeling Language (UML), yang diaplikasikan menggunakan Bahasa pemrograman PHP dengan framework Laravel dan database MYSQL. Dari hasil penelitian ini menghasilkan Sistem Informasi Tata Kelola Administrasi Kepegawaian atau Sistem Informasi Kepegawaian (SIMPEG) berbasis web, yang memiliki fitur dari mulai pengelolaan data pegawai secara otomatis, pemberkasan pegawai tersentralisai dan presensi kehadiran terintegrasi dengan validasi device berada dalam jaringan IP Public milik kampus yang dapat diakses secara mobile oleh karyawan. Kata-kata kunci: Sistem Informasi Kepegawaian. Pemberkasan Mobile. Presensi Terintegrasi This work is licensed under a Creative Commons Attribution-NonCommercial 4. International License. A Muhamad Zaenal Iksan. Falaah Abdussalaam Introduction Information technology is computer technology . oftware and hardwar. that can manage information more quickly and efficiently to help human needs . At this time, information technology has developed rapidly, and its benefits we have felt today. The various conveniences include the ease of obtaining information through cellular phones and the internet due to the rapid development of information technology . One of them is the internet or the web or often also called web-based software which today has developed very much as a static site and has now developed much into more dynamic and interactive use in information systems . An information system is a unity of elements that are interrelated with each other to become a single entity to combine data . Staffing is all activities related to personnel administration governance. In line with this explanation, staffing is any perspective on managing employee levels, rights, obligations, and maintenance . The leadership of personnel administration, especially at the Piksi Ganesha Polytechnic campus, still needs to be carried out manually and it is not optimal in its implementation because it is prone to viruses and data lo and often makes it challenging to collect It is currently carried out by being billed annually to each employee, as well as the absence of an attendance system that makes it easier for employees. There is previous research on the Personnel Administration Management System by Rahmawati regarding the Web-Based Personnel Information System at SD Negeri Blimbing 4 Malang, which designs a personnel information system to be able to process employee data collection which includes document storage that can be stored in a database based on the type of document used . Alnas and Santoso conducted the same research regarding the design of an employee information system to make it easier for employees to manage data such as employee data and reports on all activities efficiently processing data because the input data is stored in the information database so that it can be edited and accessed at any time . Departing from the above problems, in this study, the author will design a Personnel Administration Management Information System or Personnel Information System (SIMPEG) which includes various features, including centralized and integrated databases, employee data management is carried out automatically so that it is faster and more effective, employee document filing more centralized and well-documented, as well as an integrated presence feature that can make it easier for employees to make attendance because it can be done mobile. The development carried out prioritizes information management that is more digital and has a A Muhamad Zaenal Iksan. Falaah Abdussalaam more modern and practical appearance. According to the author's expectations, the purpose of developing a Personnel Information System is to make it easier for users to manage personnel administration and answer all the shortcomings of the pre-existing system. Method In this study, the author uses a qualitative research method with a descriptive approach, which is research that can be carried out on conditions as it is, which provides the purpose of a deeper understanding of a problem studied by describing and interpreting the object as it is thoroughly with all its difficulties . The data collection techniques used are: Observation Observation is a stage of seeing, observing, and observing as well as documenting activities in a structured manner for a specific purpose . Interview The interview is a technique of collecting information that is carried out with question and answer between the author and the phenomenon under scrutiny . At the same time, the software development method that will be used is the Prototyping Method. The prototyping Method is a simple SDLC method. Prototyping allows interactions or changes to occur during the system creation . The stages of the Prototyping development method are shown in Figure 1. Figure 1. Prototyping Method . There are 5 stages in the prototyping method which will be explained as follows: Requirements and Analysis The first step is to analyze the system by interacting with problems that are already running and analyzing the system to be designed regarding the required system requirements. A Muhamad Zaenal Iksan. Falaah Abdussalaam Here the author conducts interviews with the general and HR documents, finance departments, and employees about current staffing governance, then analyzes what problems arise from the system and determines what needs to be designed. Quick Design The second step is planning thoroughly what will be made from the results of the needs that have been analyzed previously. At this stage, the plan proposed to the campus by the author is to design a web-based Personnel Information System that can be used mobile using the PHP programming language with the Laravel framework and MYSQL database. Modeling of Quick Design The third step is designing the interface of the system to be designed. In this step, user comfort and convenience are very much considered. At this stage, the interface design of the personnel information system designed by the author includes the employee master data processing feature which contains employee data, class, field, and position. there are also job history, filing, and attendance features. Construction of Prototype The fourth step is applying the information system design. In this step, the program coding is carried out according to the needs of the system that has been designed. At this stage, the coding of the Personnel Information System is carried out according to the system requirements analysis that has previously been determined. Deployments Delivery and Customer Feedback The fifth step is testing the system and receiving feedback from the user regarding the system that has been designed, whether it is by the design and easy to use or vice versa. In this step, a simulation of the application of the system is carried out for admins and employees and asked for their responses regarding the system that has been designed. Results and Discussion Requirements and Analysis Based on the results of interviews and observations conducted with the General Affairs & HR Section, and Finance Section Staff, it was found that the personnel administration management system was still carried out manually using Microsoft Excel, which was not optimal due to being prone to viruses and data loss, the difficulty of collecting employee files, which is A Muhamad Zaenal Iksan. Falaah Abdussalaam currently still billed by the General & HR section manually to each employee every year, and no integrated attendance system can be accessed via mobile to make it easier for employees. This research is the result of an update from previous research found by the author, where the design of a staffing information system that is made only focuses on managing employee Hence, the authors design a system that can complement the needs of the staffing system that has existed in previous research. Then a personnel information system was designed to overcome the above problems, namely, a system that has various features, including a centralized and integrated database, employee data management is carried out automatically so that it is faster and more efficient, employee document filing is more centralized and well documented, as well as an integrated presence feature which can make it easier for operators to be present as well as the convenience of each employee who can make mobile presentations. Quick Design The author proposes the design of a Personnel Administration Management Information System or Personnel Information System (SIMPEG) using the PHP programming language with the Laravel framework and the database using MYSQL so that the database is centralized and integrated into one server, a fully automated employee data processing system that makes it easier for operators or admins to managing employee data, there is a centralized employee filing feature, and each employee can upload independently, as well as additional integrated attendance features that make it easier for operators to record employee attendance and make it easier for users or employees to make attendance mobile with validation provisions based on the network on devices that must be in the campus's Public IP network. Modeling of Quick Design To meet the needs of managing and presenting staffing information, the author designed the Personnel Information System interface display at the Piksi Ganesha Polytechnic campus as described below: Input Design The author's Personnel Information System input design is explained in Table 1. A Muhamad Zaenal Iksan. Falaah Abdussalaam Table 1. Draft Personnel Information System input NameEnter Source Media Function Frequency Actor Employee Data Data from the Personal Computer Enter Every time there are new additions or changes to employee data Admin Group Data Financial Personal Computer Include a list of Every time there are new additions or data changes Admin Field Data Fields currently on Personal Computer Enter a list of fields Every time there are new additions or data changes Admin Position Data Current positions on Personal Computer Enter a list of fields Every time there are new additions or data changes Admin Position History Data from the Personal Computer Entering history of Every time there are new additions or data changes Admin Filing Each employee who has uploaded files or uploaded them manually Personal Computer Enter Every time there are new additions or data changes Admin Presence Each employee who has done a Personal Computer Record e every Every month at the time of recording Admin Profile Data for each employee that has been added Personal Computer or Smartphone View the profile of Every time there are new additions or data changes Emplo Documentati (Employee. Uploaded Personal Computer or Smartphone Employee file filing Every time there are new additions or data changes Emplo Presence (Employee. Done manually when making Personal Computer or Smartphone Do mobile Every day when entering and leaving work Emplo A Muhamad Zaenal Iksan. Falaah Abdussalaam Output Design The output design of the author's Personnel Information System is described in Table 2. Table 2. The Draft Output of the Personnel Information System Output Name Employee data report Group list data report Field list data report Job list data Presence data report Source Media Function From the data that has been input into the From the data that has been input into the From the data that has been input into the From the data that has been input into the From the data that has been input into the PDF or Excel Know the data of active and nonactive Know the current class list data Every Admin exports the employee list data Every Admin exports group data report Excel Know the current class list data Every Admin exports the field list data report Excel Know the data list of Every Admin exports the position list data Excel Know the data of each Monthly or as Admin exports attendance data PDF or Excel Frequency Information 4 Construction of Prototype In this step, the author performs coding of the Personnel Information System according to system requirements analysis and chooses 3 UML (Unified Modeling Languag. diagram modeling system designs such as Use Case diagrams. Class Diagrams, and Activity Diagrams UseCase Diagrams Use Case Design Personnel Information System Diagram shown in Figure 2. A Muhamad Zaenal Iksan. Falaah Abdussalaam Figure 2. Use Case Personnel Information System Diagram Explanation of the Use Case Diagram of the Personnel Information System is explained in Table 3. Table 3. Explanation of the Use Case Diagram of the Personnel Information System Use Cases Login Manage employee Manage class data Manage field data Manage job data Manage Position History Manage to file Record Report Manage users View personal Uploading files Do attendance Receive reports Description It is the process of validating access roles for users who will use them It is the process of adding, changing, displaying, and deleting (CRUD) employee data, both old and new employees It is the process of adding, changing, displaying, and deleting (CRUD) group data. It is the process of adding, changing, displaying, and deleting (CRUD) data list fields as needed It is the process of adding, changing, displaying, and deleting (CRUD) position data as needed It is the process of adding, changing, displaying, and deleting (CRUD) employee history data It is the process of adding, changing, displaying, and deleting (CRUD) employee files It is the process of preparing employee attendance It is the output process in the form of Excel or pdf, the result of processing the required employee data It is the process of adding or changing user data It is the process of an employee accessing roles to view employee personal details using their respective accounts It is a process for employees to access roles to upload personal files and other important documents It is the process of employee access roles to make attendance mobile It is the director's process of receiving reports that have been processed by the admin A Muhamad Zaenal Iksan. Falaah Abdussalaam Class Diagram The design of the Personnel Information System Class Diagram is shown in Figure 3. Figure 3. Class Diagram of Personnel Information System Activity Diagram The design of the Personnel Information System Activity Diagram is shown in Figure 4. Figure 4. Personnel Information System Activity Diagram 5 Deployments Delivery and Customer Feedback Testing The personnel information system application uses black box testing to test application functionality related to application input and output. The application testing results using black box testing are described in Table 4. A Muhamad Zaenal Iksan. Falaah Abdussalaam Table 4. Black Box Testing System Test Results Test Scenario Test Items Actor Results Login & Register User login User . registration Admins & Employees Succeed Employee Data Management Module Add employee data View employee data Changing employee data Deleting employee data Print employee data report Add group data View class data Changing group data Delete group data Add field data View field data Change field data Delete field data Add job data View job data Changing job data Deleting job data Add job history View job history Changing job history Delete job history Add employee files View employee files Changing employee files Delete employee files Record employee attendance Set the entry and exit hours of employees Admin Succeed Group Data Management Module Admin Succeed Field Data Manage module Admin Succeed Position Data Management Module Admin Succeed Position History Management Module Admin Succeed File Management Module Admins & Employees Succeed Presence Management Module Admin Succeed Manage Users & roles module Adding users View users Changing users Delete users View employee personal data Admin Succeed Profiles Module Employee Succeed Documentation Module Add employee personal files View employee personal files Changing employee personal files Deleting employee personal files Perform attendance Employee Succeed Presence Module Employee Succeed A Muhamad Zaenal Iksan. Falaah Abdussalaam At this stage, the author simulates and applies the system to operators or admins, and employees who will use the system. Positive responses are obtained because many features make it easier for General & HR Operators to carry out staffing management, including managing employee data which is neat and related to group data, fields, and positions, as well as allautomated employee input to make it easier for operators and minimize errors. Convenience in centralized filing and each employee can upload independently, as well as additional integrated presence features that make it easier for operators to record attendance and make attendance mobile and efficient. The Dashboard page view is displayed in Figure 5. Figure 5. Dashboard Page The Employee Data page view is displayed in Figure 6. Figure 6. Employee Data Page The Files page view is displayed in Figure 7. Figure 7. Filing Page. The Presence page display is displayed in Figure 8. A Muhamad Zaenal Iksan. Falaah Abdussalaam Figure 8. Presence Page Display of Employee Data Report in Figure 9. Figure 9. Employee Data Report Conclusion Based on the research results from the design that has been made, several conclusions can be drawn as follows: With a centralized and integrated personnel administration governance system in one database, employee data is safer. The fully automated system features allow operators to more quickly and efficiently manage employee data. With the centralized filing system feature, it will be easier to do filing with employees because each employee can upload files independently. With the integrated presence system feature, it will be easier to record attendance and make it easier for each employee because they can make attendance mobile using devices connected to the campus's Public IP network. A Muhamad Zaenal Iksan. Falaah Abdussalaam References