See discussions, stats, and author profiles for this publication at: https://www.researchgate.

net/publication/364822010

Design Web-Based System for Employee Registration: An Adaptive

Application

Article · October 2022

DOI: 10.47310/iarjet.2022.v03i05.003

CITATIONS READS

0 114

1 author:

Mohammed Abbas
University of Information Technology and Communication
3 PUBLICATIONS 23 CITATIONS

SEE PROFILE

All content following this page was uploaded by Mohammed Abbas on 28 October 2022.

The user has requested enhancement of the downloaded file.

IAR Journal of Engineering and Technology
ISSN Print : 2708-5155 | ISSN Online : 2708-5163
Frequency : Bi-Monthly
Language : English
Origin : Kenya
Website : https://www.iarconsortium.org/journal-info/IARJET

Design Web-Based System for Employee Registration: An

Adaptive Application
Article History Abstract: Throughout the years, significant developments have been achieved in
internet networking and electronic devices, such as smartphones and tablet PCs,
Received: 10.09.2022 which can potentially reduce data storage costs and the error rate of paper-based
Revision: 25.09.2022 data collection. The problem is that traditional employee enrollment requires the
Accepted: 10.10.2022 employee to come to the office to fill out the registration structure, and the
Published: 20.10.2022 registration staff manually enters the data into the Excel software, which wastes a
Author Details lot of time and results in numerous errors; therefore, we propose a Web-based
Ahmed Saad Hussein*1 and Mohammed employee registration system that meets the needs of its users. The intelligent
Khudhair Abbas2 system comprises two major components: 1) the part that your app's users utilize
to interact with the system resources; 2) the repository of business and system-
Authors Affiliations specific data, where the rules controlling your system are developed based on
1
Dept. of Media Technology and Communications your business use cases. Findings - A web-based system was designed, developed,
Engineering, College of Engineering, University of
Information Technology and Communications,
and installed as a web portal enabling public access to various parties working, for
Baghdad, Iraq instance, with the medical department. The design increased the system's overall
2
Dept. of Mobile Communications and Computing usability and user satisfaction, as indicated by the accumulative evaluation
Engineering, College of Engineering, University of findings.
Information Technology and Communications,
Baghdad, Iraq
Keywords: Web-based system, Employee system, Platform service system, Web
services.
Corresponding Author*
Ahmed Saad Hussein
How to Cite the Article: 1- INTRODUCTION
Ahmed Saad Hussein & Mohammed Khudhair The idea of service-oriented computing is the foundation for the
Abbas. (2022); Design Web-Based System for
Employee Registration: An Adaptive Application. technology known as systems of web Services. Web services systems are
IAR J Eng Tech; 3(5): 14-21. standards that facilitate the integration of Web-based applications by
linking and sharing business activities across a network. Web services
Copyright @ 2022: This is an open-access article
distributed under the terms of the Creative enable applications from different vendors, languages, and platforms to
Commons Attribution license which permits connect with each other and with clients. Web apps are applications that
unrestricted use, distribution, and reproduction are accessed via a web browser across a network and written using
in any medium for non commercial use languages supported by web browsers (e.g., PHP, HTML, and
(NonCommercial, or CC-BY-NC) provided the
original author and source are credited.
JavaScript).Web applications run on the World Wide Web and depend on
web browsers for their execution. Web apps consist of numerous typical
applications such as webmail, e-commerce, and online auctions. Web
apps are essential for interactions between businesses conducted through computer networks. For example, multinational
corporations engaging in joint ventures demand online applications. A Web applications architecture can supply vital
operations such as transferring payments and updating price knowledge [1].

Web-based application systems are typically preferred over their offline counterparts due to their capacity to offer a
multiuser interface, thin client integration, centralized maintenance and updates, multilingual programming, distributed
processing, and cross-platform interoperability by utilizing Intranet, Internet, or Extranet technologies. Because of this
popularity, Web applications have grown quite popular in the software business; most application developers are
transitioning their traditional programs to the Web platform. As a result, almost all kinds of apps can now be used on the
World Wide Web. These apps range from those that provide services on a small scale to those that provide software for
large-scale enterprises [1, 2].

The earliest implementations of the system web were only based on low-level tools, which did not provide the high-
level abstraction for sharing and reuse. Due to the absence of suitable abstractions, it wasn't easy to design frameworks
that permitted the reuse of a variety of already existing components. As online applications expanded in the late 1990s,
however, web (software) engineers became conscious of the need to modularize issues to support huge and complex
systems. As a result, technologies such as the Document Object Model (DOM) and Extensible Markup Language (XML)
have emerged (XML).

14
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21
These technologies facilitate object-oriented The remainder of this work is structured as follows:
concepts, including modularization, encapsulation, and In section 2, we examined an example Case of web-
abstraction. This established a connection between the based systems. We presented the literature review of
higher-level and lower-level implementations [3,4]. system development languages and tools in Section 3.
Numerous frameworks and technologies have been Section 4, establishing methodology. However, the
created in the present day to provide optimal support for system's functionality will be the primary focus of this
the object-oriented methodology when designing web section. In section 5, we explored the conclusion and
applications. The purpose of this research is to future of our smart system.
investigate the effects that the object-oriented
programming paradigm has had on the creation of web 2- Exemplary Case
applications. As a result of our research, web When putting up a network of business applications,
developers and designers will have a better the Information Technology (IT) manager is sometimes
understanding of the capabilities of web applications as faced with the difficult and often irrevocable choice of
well as the most common languages, tools, and which platform to use to implement the solution [5].
processes used to construct a system of web Desktop computers and web-based platforms were the
applications. two most popular selections. The time spent developing
web applications for IS projects has been rising. On the
This article examines a model that improves overall other hand, web-based systems do not lend themselves
performance when combined with other methods for well to using the conventional paradigm for the
designing a Web services infrastructure. Our model development cycle of computer systems. The
focuses most of its attention on examining the flow development of web systems calls for an all-
streams of everything that flows inside the various encompassing strategy considering various factors, such
subsystems. This proposed model is a potentially as organizational, legal, and philosophical
effective strategy for software products for system considerations. Because of this, the information
applications. Flow-based conceptual models have the processing methods, techniques, and tools have been
ability to capture high-level visual elements of Web broadened to allow the development of such
service and e-business systems at an earlier stage in the applications as Object Oriented Web Solutions
process of application development. The models allow (OOWS). In order to give an abstract representation of
business managers and analysts to track the changes in requirements for web-based software development
models utilized by software engineers. In addition, they processes, conceptual modeling techniques have been
provide a means of communication that promotes established. For instance, functional needs have been
collaboration and uniformity. Our research will also modeled using use cases and scenarios. For instance, a
permit web designers and developers to comprehend the conference management system that supports three
characteristics of web systems as well as the most specific services, such as the submission of an article,
prevalent languages, tools, and methods for developing the display of articles that have been submitted, and the
web application systems. editing of author information, in addition to services for
logging in or registering, is necessary. Figure 1 depicts
This article intends to present a web-based a portion of the use case overview for this conference
employee registration system that fits the requirements management system, which can be found at [6]. It
of its customers. The intelligent system consists of two contains the phrase "include," which defines that the
key components: the portion of the system that your conduct defined in the use case that extends it can be
app's users use to interact with the system's resources; placed into that conduct, as well as the word "extend,"
and the portion of the system that your app's developers which details how and when that action can be entered.
use to Second, the repository of business and system- Together, these two words indicate that the use case's
specific data, where the rules controlling your system behavior is inserted into the one that includes it. These
are developed based on your business use cases, which two words comprise the "include" and "extend"
leads to 1) Determining the effective and useful paths in keywords. After developing the Service Process Model,
reducing administrative work; 2) Taking advantage of each complicated service was mapped to an activity in
modern electronic procedures to improve the quality of the previous model. This model represents the essential
administrative work; 3) Benefiting from the services it relies on as service activities [7].
characteristics of electronic procedures in constructing
an electronic archiving system; 4) This system is
regarded as an electronic archiving system.

15
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21

Fig. 1: Shows a Discussion Management System Use Case

3- Review of Literature especially well-suited for the building of websites and

3.1 Web-Based Technology can be incorporated into HTML. The server is the one
A program built specifically for use in the www- that really runs PHP code [14].
style is known as a web-based application. Online
inventory management systems, customer relationship 3.5 MySQL Database
management systems, online registration systems, and MySQL is a free SQL-based database management
so on are examples of such systems. After the web- system [13]. MySQL is a database management system
based application has been successfully put on the web developed specifically with online applications in mind,
server, users can access and utilize the program and it is platform-independent. MySQL is a database
utilizing any web browser. This facilitates easy access server that makes it possible for a large number of users
and has a much-reduced cost of preparation [8] because to create and manage different databases
of its web-based format. The design of programming simultaneously. The researcher examined various forms
languages can lead to the creation of programs like Perl and researched the process of submitting online grades,
that are utilized in web application development. It is the online registration system, the course administration
necessary to establish a connection between the system, the transcript, and other related topics. It was
database system and applications such as PHP, ASP, out that most of the research used the ASP
JavaScript, Visual Basic script, JSP, and Java [9, 10, programming language as well as the PHP, MySQL,
and 11]. and Oracle databases during the development process.
Users, such as registrar staff, students, professors, and
3.2 ASP.net administrators, can be distinguished from one another
The term "ASP.net" applies to a website-building using the system's login credentials. Regarding data
technology. It is a component of the dot Net framework protection, different access privileges are associated
industrialized by Microsoft and is responsible for online with different users [15, 16].
applications and web services [12].

3.3 JavaScript
4-M ETHODOLOGY
JavaScript, also known as the website scripting 4.1 Process of Sampling
language, is a lightweight, cross-platform, interpreted, From registration pages, more than 350 employees
and compiled computer language. Although it is most and numerous sample groups (subpages) were selected.
commonly associated with web page creation, it is also It is a system designed for employees, the registrar, and
widely used in non-browser environments. JavaScript key members to share information regarding case
can be used in both client- and server-side scheduling, results, and other issues based on the user's
programming. JavaScript is a hybrid programming needs. Since the information is kept in an online
language, including both imperative and declarative database that follows specific protocols for its creation
features. JavaScript has a basic set of language elements and development, you can have peace of mind knowing
like operators, control structures, and statements and a that it is protected in information systems. And it is
standard library of objects like Array, Date, and Math genuinely usable through the website itself.
[13].
4.2 Equipment and Data Gathering
3.4 PHP The web-based registration system and the
PHP, which stands for "Hypertext Preprocessor," is questionnaires were used as research instruments during
a general-purpose programming language that is this study. The researchers collected the data for the
extensively used and available as open source. It is five workplaces using google forms and excel
16
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21
spreadsheets. The data used in the model has been system developers to manage and administer their
separated into five separate Excel spreadsheets, one for databases, particularly through the Graphical User
each of the five different offices. The suggested system Interface (GUI) of its Management Studio. In addition
is trained with actual and comprehensive data from to providing developers with the ability to construct
different sheets, and these sheets are used to train the their stored procedures or use ones already built into the
system. system.

5- Design Web-Based System for Employee When the user implements the full solution with
Registration MySQL Server as a Relational Database Management
5.1 Research Equipment System (RDBMS), they are able to construct Server-
The intended system is a two-tier web-based Side Cursors that allow them to traverse
client/server architecture. Within this design, the user programmatically through numerous table entries and
interface, practical procedure logic (business modify them row by row. During the expansion phase,
authorities), computer data repository, and information it may be necessary for developers to be able to process
access are all invented, maintained, and often housed on the resultant records on the server without resorting to
separate platforms. In this study, the researcher used another programming language. This can be performed
Microsoft.NET Framework 3.5, Visual Studio 2015, by exploiting the RDBMS's existing features. Always
PHP language, as well as MySQL as the database to keep in mind the significance of using triggers to
construct the system. execute actions on data upon its deletion, insertion, or
modification. MySQL Server is an excellent
5.1.1 MySQL tier environment for hosting the system's database due to all
MySQL Server was utilized to construct the the characteristics discussed thus far. The MySQL
database for the suggested system. This layer ensures tables are used and employed in this paper, illustrated in
high connection and availability and makes it simple for Figure 1.

Fig. 2: MySQL Results

5.1.2 Application and User Tiers The most basic usage requires a personal computer
The User Interface (UI) business authorities and (PC), preferably one conducting Windows XP as an
data-access parts are inside the Application Layer. operative strategy, and must have Internet Explorer (IE)
According to this structure, the MySQL server is established for users to view the website via the
accessed using the Net 2.0 framework to get data. PHP Internet. Because the code was written employing the
was used to develop all of the code for accessing the Firefox browser, it functions quite well on browsers that
data and implementing the business rules; the code was support HTML5 or XML and other formats. Because it
written in files, and each file comprised at least one is a web-based application, all of the processing is
class to address the procedures of the designed web carried out on the server that hosts the system rather
structures using PHP. than on the users' PCs. As a result, client workstations
that use alternative operational systems such as Linux,
Mac OS, UNIX, and so on can be suitable. This section
displays the test results for the developed web-based
registration system. Initially, the user must log in to the
system using the panel depicted in Fig. 3.

17
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21

Fig. 3: Page for Logging into the System of Registration

After the user has successfully logged in, a menu rights: the main menu, suspensions, inbound and
window that is customized to the user's access rights outbound, recesses, fingerprint position, queries, and
will appear. For instance, the registration has access logout, as presented in Fig. 4.

Fig. 4: Main Menu

The following explains how the system works: for instance, we will demonstrate how the system operates on the
fingerprint position page.
1) Click on the fingerprint position page, as indicated in Fig. 5.

Fig. 5: Select the Fingerprint Position

2) Move to the managing fingerprint page containing employees' names, the date of their fingerprints, the time of their
fingerprints, and the type of fingerprint (morning, evening, etc.). This page also provides the option to modify, delete
and print the records, as depicted in figures 6, and 7, which are located below.
3) Include, in the format illustrated in figure 7, the addition of a new fingerprint to the employee.

18
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21

Fig. 6: Handling Fingerprint Page

Fig. 7: Working Procedure

4) Include, in the format illustrated in figure 8, the addition of a new fingerprint to the employee.

Fig. 8: Adding Fingerprint Record

After presenting a one-page only form of our experience they had while utilizing the system. A
system, which consists of several pages and each of survey of this kind can give employees the ability to
which fulfills a certain function, Finally, the grasp users' perspectives concerning the system they
information has been saved in an online database that use, allowing them to work toward improving particular
was designed and developed in an organized manner areas that will assist them in preserving information and
following the standards; as a result, you may have peace completing orders more rapidly.
of mind knowing that the information kept in
information systems is safe. And it's all accessible The level of employee satisfaction is an important
through the website. Each user must log in to the characteristic that can be gleaned from a system once it
system and have a unique set of access privileges. has been implemented. As a result, an employee
satisfaction sample survey template might be useful for
6- Employee Satisfaction Study Findings departments or offices that want to go ahead of the
A user satisfaction survey Study is a questionnaire competition and ensure that their workers are happy.
designed to assess employees' content with the system Utilize modern computerized methods to enhance the
they are currently utilizing. This survey aims to learn quality of administrative work while identifying the
the users' perspectives regarding the quality of the most effective and advantageous means of reducing the

19
Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21
amount of administrative labor. When building an displays the employees' perspectives on the system,
electronic archiving system, it is important to use the including how successful it is and how satisfied
qualities associated with electronic processes. Figure 9 employees are with it.

(a)

(b)

(c)
Fig. 9: Comparison of Employees' Perspectives on the System

7- DISCUSSION but also helps the official authorities improve their

On the basis of the collected and analyzed data from operations by preserving up-to-date records from which
the study, it can be concluded that implementing an customized reports may be made. The employee might
online registration system will significantly increase the save money by registering for benefits online. Even
overall efficiency of any office. This conclusion might though this would result in a positive change for the
be drawn from the fact that a bigger majority of school and save a substantial amount of resources, there
respondents supported online registration. Online are difficulties registering students online due to
registration not only helps the employee save money security concerns. The construction of such a system
20
 Ahmed Saad Hussein & Mohammed Khudhair Abbas; IAR J Eng Tech; Vol-3, Iss- 5 (Sept-Oct, 2022):14-21
constitutes an improvement in terms of adding specific Support the Teaching and Learning Process at
functionalities to the system; nevertheless, a connection Genta Syaputra Senior High School. International
to the system must also be established. For instance, Journal of Cyber and IT Service
there is a demand to link with employees' numerous Management, 3(1), 12-21.
office fee payment systems. This is important in order 5. Vuksanovic, I. P., & Sudarevic, B. (2011, May).
to eliminate the requirement for third-party verification Use of web application frameworks in the
of workers' financial transactions. development of small applications. In 2011
Proceedings of the 34th International Convention
8- CONCLUSION MIPRO (pp. 458-462). IEEE.
A web-based system that was planned, created, and 6. Higuera, J. R. B., Higuera, J. B., García, J. L. T.,
put into operation as a web gateway in order to provide Montalvo, J. A. S., & Rubio, M. S. (2022).
various individuals and organizations with the ability to Building a dataset through attack pattern modeling
benefit from it has been accomplished in this paper. In and analysis system. Computers & Electrical
addition, we discussed our proactive approach to Engineering, 97, 107614.
constructing a web-based employee registration system. 7. Rak, T. (2020). Modeling web client and system
We began by conducting an issue analysis, and then we behavior. Information, 11(6), 337.
produced a prototype capable of resolving these 8. Ala'a, M. (2010). Online registration
concerns. We asked for input on our prototype and then system. International Journal of Computer Science
modified it based on what we heard. Our solution was and Security (IJCSS), 4(3), 331.
able to cut the time required for participants to complete 9. Hur, C., & Ubelhor, L. (2017). Developing
assignments, eliminate the requirement for external Business Applications for the Web: With HTML,
tools to create a class schedule, and boost overall user CSS, JSP, PHP, ASP. NET, and JavaScript. MC
satisfaction with the system, according to evaluation Press, LLC.
data. In preparation for future work, we are developing 10. Ranjan, A., Kumar, R., & Dhar, J. (2010, July). A
a unique version of the system that is optimized for comparative study between dynamic web scripting
different apps. languages. In International Conference on Data
Engineering and Management (pp. 288-295).
Acknowledgments Springer, Berlin, Heidelberg.
The authors would like to extend their gratitude to 11. Wibisono, Y. P., Primasari, C. H., & Kesuma, A.
Engineering College / UOITC, located in Baghdad, (2019, September). E-Vent: Support system for
Iraq, for funding this research. A special thank you to event registration. In 2019 2nd International
all the knowledgeable individuals who contributed Conference on Applied Information Technology
research equipment, tools, and insightful and Innovation (ICAITI) (pp. 157-162). IEEE.
recommendations. 12. Galloway, J., Haack, P., Wilson, B., & Allen, K. S.
(2012). Professional ASP. NET MVC 4. John
Wiley & Sons.
R EFERENCE 13. Selakovic, M., & Pradel, M. (2016, May).
1. Pasaribu, J. S. (2021). Development of a Web Performance issues and optimizations in javascript:
Based Inventory Information System. International an empirical study. In Proceedings of the 38th
Journal of Engineering, Science and Information International Conference on Software
Technology, 1(2), 24-31. Engineering (pp. 61-72).
2. Katsoulas, N., Antoniadis, D., & Nikitas, A. 14. Nixon, R. (2014). Learning PHP, MySQL &
(2021). A web-based system for fungus disease risk JavaScript: With jQuery, CSS & HTML5. "
assessment in greenhouses: System O'Reilly Media, Inc.".
development. Computers and Electronics in 15. Letkowski, J. (2015). Doing database design with
Agriculture, 188, 106326. MySQL. Journal of Technology Research, 6, 1.
3. Underberg, N., & McDaniel, R. (2021). Using the 16. Maesaroh, S., Gunawan, H., Lestari, A., Tsaurie,
extensible markup language in cultural analysis and M. S. A., & Fauji, M. (2022). Query Optimization
presentation. In Digital Ethnography (pp. 48-65). in MySQL Database Using Index. International
University of Texas Press. Journal of Cyber and IT Service
4. Nurninawati, E., Supriati, R., & Maulana, A. Management, 2(2), 104-110.
(2023). Web-Based E-Learning Application to

21

View publication stats