View metadata, citation and similar papers at core.ac.

uk brought to you by CORE

provided by UMP Institutional Repository

mekatronika – Journal of Intelligent Manufacturing & Mechatronics

VOL. 01, ISSUE 01, 73 – 79
DOI: https://doi.org/10.15282/mekatronika.v1i1.152

ORIGINAL ARTICLE

Design and Development of Visitor Management System

Muchamad Oktaviandri*1,2, Foong Kah Keat1
1Faculty of Manufacturing Engineering, Universiti Malaysia Pahang, 26600 Pahang, Malaysia.
2Fakultas Teknologi Industri, Universitas Bung Hatta, Padang, 25143, Indonesia.

ARTICLE HISTORY
ABSTRACT – This report is mainly discussed about the design and develop the Visitor Management Received: 29 August 2018
System (VMS) as an application that utilised the smart card advantages in University Malaysia Pahang Revised: 26 December 2018
(UMP) Pekan campus. This application is mainly focused on achieving an affordable VMS in UMP Pekan Accepted: 3 January 2019
which aim to improve the existing visitor registration and information management activities. In fact,
VMS replaces the manual recording of visitor information during visitor registration by using visitor’s KEYWORDS
Malaysia Government Multipurpose Card (MyKad). The VMS allows retrieving visitor information from Visitor Management System
MyKad and given a badge which use to indicate their identity when they are new registration visitor. MyKad
face detection
From this study, it shows that the percentage of improvement for new visitor by using VMS is 26% to
block and unblock system
54% higher compared to manual recording method whereas the percentage of improvement for existing report generating
visitor by using VMS is 86% to 91%. Further research of this study included the implementation on
biometric verification method such as fingerprint and face recognition, replaces the current MyKad
reader to smart card device with higher reading speed, as well as the notification system to inform the
arrival of visitor to the visiting person.

officer to determine whether the visitors are giving the

Introduction right to enter the building. [6] In this paper, an
Visitor management system, typically refer as a automated VMS is designed and developed in UMP
structure to keep tracking visitor’s activities in Pekan to assure the simplification of enrolment
organisation or public building. It can provide process before entering the premises.
necessary output and information to the users and
record the incoming and outcoming visitors within the
shortest time. Nevertheless, VMS also capable to Method
streamline the registration process and provide an
The overall research methodology flow chart is
authentic and integrated data of the visitors. [1]
shown in Figure 1. The whole design and
Generally, there are many organisation or school
development of the VMS, including research strategy,
are still using the conventional paper log or guest book
research method and the research process will be
to record the access of the visitors. This manual
outline. In general, each detail of the system design
method consumes longer time when the number of
and development procedure will be explained briefly
visitors is exceeded the limit. Meanwhile, an
as following.
increasing number of visitors indicates that the
security issues should be concern in the organisation
or school. [2] This is mainly because the operators are System Requirement
lack of time to verify the identification of each visitor
when they are tons of guest entering the building. [3] Before starting to develop and design the VMS in
Moreover, paper log is inadequate to offer greater UMP Pekan, it is necessary to identify the system
traceability in which cannot be archived or efficiently requirement for the items that used in this project. The
retrieved after several years. [4] system requirement of the VMS is the configuration,
Due to above circumstances, VMS contribute a functional and data requirement as well as the quality
good solution to solve the problems exist in the constraint of the laptop and MyKad reader. The
conventional method. An integrated VMS with the objective of system requirement is to ensure the VMS
Malaysian Identification Card, MyKad as the is running smoothly and efficiently so that it could
credential to enter the building is an easy way to make the registration process faster and easier.
identify and record the visitor’s personal information.
[5] This authentication system also helps the security

*CORRESPONDING AUTHOR | Muchamad Oktaviandri | * [email protected] 73

Oktaviandri and Foong

human and computer device so that it enables the users

easier to learn and use. [7]

Database Management System

In the VMS, it is required to have an own database
management system to record all the visitor’s log and
information when they have registered with the front
counter. In fact, database management system
(DBMS) is a system software that able to collect and
manage the visitor’s database. [8] As compared to
manual system, the benefits of using computerised
DBMS are rapid, accuracy and accessibility. VMS
must be acquired DBMS so that it can store and track
the visitor’s database for administrative purpose. It
also can provide high security and posted efficient data
integrity capabilities.

System Integration
System integration is an important step for every
system especially VMS. It is consisting of process that
iteratively combines component sub-systems into one
system. Furthermore, it is also mainly implemented
Figure 1. Overall research methodology flow chart. for successive and compatible levels of the system
hierarchy. From this definition, it can be states that
VMS should be integrated with both graphical user
This system should be consisting of the following
interface (GUI) and database management system
requirement:
(DBMS) as well as the access control panel, Arduino
1. An integrated system that able to retrieve and
Uno. Hence, the whole system should be combined
validate visitor information through MyKad
when every single unit or parts of the VMS is
verification process.
completed.
2. A system that can track the time and date of visitor
transaction and visitor in the premise list by day, week,
month and year. Real time Testing
3. A system that can achieve the time and date of
visitor blocked list and unblocked list by day, week, After designed the whole VMS, a real-time testing
month and year. should be implementing to detect the error and failure
4. An automated system that facilitates to generate the of the system. Generally, real time testing is a trial and
daily, weekly, monthly and annually report. error process which useful to examine the complete
5. A system that able to calculate the amount of current and integrated systems. Also, the purpose of the
visitor, transacted visitor, block-listed visitor, and system testing is testing the fully integrated
unblocked list visitor. application and evaluate the system’s compliance with
6. A system that allow to create, edit, delete and update the designed requirements. Hence, it is mainly divided
users’ information. into three levels of testing procedure which are shown
as Figure 2. [9]

Graphical User Interface

One of the important elements on this VMS is the
graphical user interface (GUI) design which includes
graphical component, buttons, icons, and tables. In
general, GUI is designing to provide a user-friendly
and intuitive environment to the user where it does not
take complicated method to display information and
manipulator control. It is necessary to design and
Figure 2. Levels of real-time testing.
develop an ease to use interface in VMS so that it
could facilitate the procedure and registration process.
Therefore, the GUI of the proposed VMS must fulfil 1. Unit Testing: A level of the real-time testing process
the intuitive, informative and interactive between the where each single unit, block module and components

u journal.ump.edu.my/mekatronika 74
 mekatronika – Journal of Intelligent Manufacturing & Mechatronics

of the system are examined. It means that individual Table 1. List of hardware requirement.
part of the VMS should be isolating and perform test Hardware Specification Description
to validate each component is met with the desired MyKad FT-SCR301 To retrieve information
functionality and requirement. Reader from visitor’s MyKad
Computer ASUS VivoBook To design and develop
2. Integration Testing: A level of the real-time testing S55ILN the GUI
process where individual parts are combined and Microcontroller Arduino Uno To control the electronics
integrated as a group in order to evaluate if they work component
correctly together. By using this way, the fault or error Servomotor SG90 Micro To rotate the gate portal
can be determined when the parts or components of Servomotor
the VMS are interacting together.
Software Requirement
3. System Testing: A level of the real-time testing
The software requirement specification is the
process where a complete and integrated system are essential role in the software development stages. It
examined to ensure the overall products fulfil the
defines the features and behaviour of a software
specified requirements. In short, the whole VMS will
application in order to meet the overall requirement for
be assessing by the examiner, so it could run smoothly
the VMS. Hence, the specifications of the software
before launch in the UMP Pekan. [10]
requirement are as shown in Table 2.

Investigation Analysis Table 2. List of software requirement.

In this research, there are several investigations that Software Specification Description
must be determine so that the system is fulfil its Operating Windows 10.1 To execute all related
specified requirements. For instance, the comparison System software involved in this
between the conventional paper log method and the VMS development
integrated visitor management system can be made. Interface Microsoft Visual To design and develop the
This comparison can be justifying through the time Design Studio Community user interface
taken for visitor registration process via the 2017
conventional paper log method and integrated visitor Database MySQL Server To store the data and
Design information
management.
Diagram Lucidchart To create the ERD diagram
Device Arduino IDE To write the codes for
System Implementation Control Arduino

At this stage of system implementation, the VMS

can be made after undergoes several steps of real-time Graphical User Interface
testing. The planned venue to implement the VMS will
A graphical user interface (GUI) is often defines as
be at UMP Pekan’s building block or guard house.
Therefore, it is important to ensure the VMS is meets a human-computer interface that uses graphical
with the quality standard. components such as windows, icons, buttons and
menus that can be manipulated by the users. For this
project, the GUI application is created by using the
Microsoft Visual Studio 2017 with VB.Net as the
Results and Discussion programming language. After design and develop the
GUI, the respective coding to manipulate the graphical
components also can be coding in the same platform.
System Requirement
The In order to design and develop the VMS for Login Form
UMP Pekan Campus accordingly, there are few
Before entering to the main setup form in the
specific hardware and software development tools to
visitor management system, a login form is pop up to
be included in this project. allow the user to login with their own username and
password. In fact, the function of the login form is to
enter authentication credentials so that the users can
Hardware Requirement access to the main form of the system. When the login
Hardware requirement is the physical computer form is submitted, the elemental code will used to
resources that most commonly defined by the check and compare with the existing credentials in
operating system (OS) and software application. The MySQL database. If the result is matched, the users
hardware requirement that specified in the VMS will be granted for further features in the system. The
development process is listed and shown in Table 1. login form application for this proposed VMS is as
shown in Figure 3.

75 journal.ump.edu.my/mekatronika t
Oktaviandri and Foong

Figure 3. Login form.

Visitor Sign in Form Figure 5. Visitor block and unblock interface.

After login to the main interface of the visitor
management system, the users are able to record the Listing and Reports
visitor’s information with two ways, which are
MyKad and Generic Card method. For Malaysian One of the aims of this visitor management system
citizens, the visitors can enter the university area when is to generate the report automatically. Hence, the
report of the system can be display in the table form
their sign in with their own MyKad. However, for
and export to the Microsoft Excel. This system
those visitors from foreign country, they are required
consists of four types of visitor’s listing which are
to sign in with the Generic Card method since they do
logging, transaction, block and unblock list. Each of
not hold any MyKad. Basically, this sign in form is to
track visitor’s activities inside the UMP Pekan campus the listing contains its own information and can be
classified according to the type of registration method
so that authorities can determine the overall flow of
and action date. Visitor logging list in Figure 6 is one
the visitors. In this case, the sign in form is displayed
of the examples of the report listing in the proposed
in Figure 4.
VMS.

Figure 4. Visitor sign in form.

Figure 6. Visitor logging list.
Block and Unblock Features
In the same time, both block and unblock visitors Database Architecture
features also has been implemented in this system.
This feature contains two modes to block access of the The database management system (DBMS) is the
visitor, which are vehicle or MyKad number. When backbone of the whole system. It is extremely
the visitor or vehicle in the blacklist is trying to access important to store the data and information of the
the system, the system will not allow the visitor or visitor and users in the VMS. The software tools to
vehicle to enter university area. In contrast, this system develop the DBMS is using MySQL server. MySQL
also able to unblock the visitor from being listed in the is an open source relational database management
blacklist. The Figure 5 demonstrated the visitor block system (RDBMS) which based on Structured Query
and unblock interface for proposed VMS. Language (SQL). Meanwhile, it is also needing to
identify the relationship between each entity in the
database system. Hence, the entity relationship
diagram (ERD) for this research is established and
demonstrated in Figure 7 below.

u journal.ump.edu.my/mekatronika 76
 mekatronika – Journal of Intelligent Manufacturing & Mechatronics

System Integration Framework

At the stage of system integration, the hardware
and software components of this system will be
integrating together. Therefore, the system integration
framework should be used to illustrate the system
description and operation as well as contributing a
clear set of operations that are associated with the
VMS. This framework also acts as an excellent
mechanism for complexity reduction which reduces
the volume of text to describe the system. The system
integration framework of the VMS in UMP Pekan
campus is shown in Figure 9.

Figure 7. Entity Relationship Diagram.

Overall VMS Framework
Before the stage the system implementation, it is
necessary to ensure the flow of the VMS running
smoothly and effectively. Therefore, the overall VMS
framework of this research is built to assure a
systematic and complete program flow in the VMS. Figure 9. Overall VMS Framework.
The overall VMS framework as shown in Figure 8.
Real Time Testing
When the whole GUI and DBMS is designed, a
step by step troubleshooting process should be
performing to resolve certain failures or bugs in the
system. It is a logical and systematic approach to
figure out the source of the problem. Each of the
testing categories indicates that the overall VMS
should be conduct testing under different conditions.
The faulty bug and the error in the system will
displayed through the message box. So, when the
system is encounter problem, the users can
immediately know the source of problem through the
error message. This step is also ensuring that the whole
system is fulfil the specified requirement as stated
above. An example of the error message box when
username or password is wrong shown in Figure 10.

Figure 8. Overall VMS Framework.

Figure 10. Error message box when invalid username
or password.

77 journal.ump.edu.my/mekatronika t
Oktaviandri and Foong

Time Investigation Analysis manual form method. This shows that the proposed
VMS is successfully streamline the registration
After the overall VMS is successfully built, a series process in term of time.
of analysis is conducted to investigate the
improvement and efficiency with respect to time.
Firstly, this investigation will be focus on the time
taken to complete both manual and proposed VMS
sign in form. A manual sign in form is printed as same
as the proposed VMS and it is distributed to 10
corresponding respondents. The respondents are
required to fill up the manual and proposed VMS sign
in form within the shortest time. At first attempt, the
respondent must fill in all the necessary information
on both manual and proposed VMS form. The results
of the time taken for respondent to fill in manual form
and proposed VMS form at first attempt will be
collected in Table 3 and a comparison graph will be Figure 12. Graph of time taken to fill in manual form
plotted in Figure 11. and proposed VMS form at second attempt.

Table 3. Time taken for respondent to fill in manual Apart from that, when the registered visitor enters
form and proposed VMS form at first attempt. to the university area at second time or above, the
Test Time taken using Time taken Difference proposed VMS will be able to display the visitor’s last
manual form using VMS (%) sign in details by inserting the MyKad. When the
1 107.79 73.85 31.49 system successfully matches the visitor’s information,
2 93.25 68.40 26.65 the system will automatically input all the data into the
3 85.20 49.32 42.11 sign in form without rewrite the same information. By
4 87.34 54.86 37.19 assuming the MyKad reader takes 12 seconds to
5 131.98 60.47 54.18 retrieve the data and no extra information need to be
6 98.27 72.63 26.09 add on or modify, a graph of time taken for respondent
7 110.80 60.36 45.52 to fill in manual form and proposed VMS form at
8 95.28 58.96 38.12 second attempt is plotted in Figure 12.
9 92.38 63.56 31.20 Based on the Figure 12, it can be understood that
10 89.48 57.43 35.82 the time taken for respondent to fill in proposed VMS
form at second attempt is shorter than the first attempt.
This is because the visitor’s data is already saved in
the database system. It also can be noticed that the
proposed VMS form registration time reduced from
86% to 91% when the visitor is register at second
attempt or above. Moreover, the proposed VMS also
provide the image of the visitor which is way better
than the conventional manual method. It allows the
user to capture the visitor’s face and retrieved the
genuine information from the MyKad in the same
time. Furthermore, the bad and slow handwriting of
the visitor in the manual form also is one the reason
that caused reading difficulties by the user. Therefore,
Figure 11. Graph of time taken to fill in manual form it can prove that the proposed VMS is excellent than
and proposed VMS form at first attempt. the manual form method with respect to time.

Based on the Table 3 and Figure 11, it can be

determined that the time taken to fill in the manual Conclusion
form is ranging from 85.20 s to 131.98 s which mainly This project is conducted under the objective of
depends on the respondent’s handwriting speed and design and develop a VMS that is affordable for the
completeness of information. However, the time taken UMP Pekan visitors. In this project, the overall cost of
to fill in the proposed VMS form is only need 49.32 s the proposed VMS is cheaper than other existing VMS
to 73.85 s where it is highly relying on the MyKad in the market. Based on the analysis results, the
reader speed and completeness of information. From proposed VMS is able to shorten the time taken for
the results, the average time taken to fill in the enrolment process for UMP Pekan visitors.
proposed VMS is about 26% to 54% shorter than the Furthermore, the usage of the VMS also greatly

u journal.ump.edu.my/mekatronika 78
 mekatronika – Journal of Intelligent Manufacturing & Mechatronics

reduced the burden of the security officer as it could [9] A. Bhandari, K. Wattamwar, P. Preeti, S. Bhatt and B. B.
generate an overall report instantly. Gite. “Automated Visitors Management System,”
Interscience Management Review (IMR), vol. 2, no. 3, pp.
In fact, there are much can be enhanced despite of 46–48, 2012.
out of project budget and approach the deadline of the
[10] M. B. Awang, “Attendance System Using MyKad and
submission. VMS developed in this project is lack of Mobile Application” Bachelor Thesis, Universiti Malaysia
the verification tools to authenticate the visitor’s Pahang, Malaysia, 2010.
identity. This may cause that visitor with bad
intentions to embezzle others’ information to enter
university area. Hence, biometric fingerprint device
can be introducing to enhance the security level of the
visitor management system. Moreover, face
recognition method also can be implemented on this
visitor management system as it could provide higher
safety level compared to other biometric method. To
succeed this, a higher quality of camera should be used
in order to obtain greater pixels of visitor’s face image.
In addition, the reading speed of the MyKad should be
increase so that the enrolment process can be faster.
This could be improving by using the higher reading
speed of MyKad reader. With the higher reading rate,
the time taken for retrieving information could be
scale down from 12 seconds (current MyKad reader)
to lesser. Last but not least, this project can be further
improving from many aspects since it could always
update and modify according to the user’s need.
Therefore, it can be seen that there are many
possibilities to enhance this project from day to day
which not only limit to certain aspect.

References
[1] N. Z. Haron, M. B. Mohter, S. A. M. J. Yunus, M. S. A. M.
Isa and Rahim, “SAFe: A secure and fast auto filling form
system,” in ISIEA 2013 - 2013 IEEE Symposium on
Industrial Electronics and Applications, 2013, 206–209.
[2] H. Al Ghaithi, and U. Eaganathan, “A Brief Study and
Implementation of Visitor Management System for Asia
Pacific University, Malaysia,” International Journal of
Advance Research in Science and Engineering, vol. 5, no. 4,
pp. 317–326, 2016.
[3] B. S. Satari, N. A. A. Rahman, and Z. M. Z. Abidin, “Face
recognition for security efficiency in managing and
monitoring visitors of an organization.” in Proceedings -
2014 International Symposium on Biometrics and Security
Technologies, ISBAST 2014, 2015, pp 95–101.
[4] N. K. M. Noor, J. Sulaiman and H. C. Khor, “Development
of Visitor Management System Using Smart Card: UMP
Case Study,” in National Conference on Software
Enginystems 2007 NaCSES’07, 2007.
[5] J. P. Kremer, “The Malaysian Smart Card GMPC (MyKad)
White Paper” GMPC Project White Paper.
[6] MyKadPro. MyKadPro Solutions [Online]. Available:
http://mykadpro.onlineapp.com.my
[7] M. R. M. Isa, Y. H. Yahaya, M. H. M. Halip, M. A.
Khairuddin and K. Maskat, "The design of fingerprint
biometric authentication on smart card for PULAPOT main
entrance system," 2010 International Symposium on
Information Technology, Kuala Lumpur, 2010, pp. 1-4.
[8] Margaret Rouse. (2015). “What is database management
system (DBMS)?” Definition from WhatIs.com [Online]
Available:
http://searchsqlserver.techtarget.com/definition/database-
management-system.

79 journal.ump.edu.my/mekatronika t