Download as pdf or txt
Download as pdf or txt
You are on page 1of 34

ATTENDANCE SYSTEM MANAGEMENT SYSTEM

ABBREVIATIONS

HND: Higher National Diploma

SWE: Software Engineering

IUC: Institute Universitaire de la Côte

QR-code: Quick Response code

HTML: Hyper Text Markup Language

MySQL: My Structured Query Language

CSS: Cascading Style Sheet

PHP: Php Hypertext Pre-processor

JS: JavaScript

IT: Information technology

UML: Unified Modelling Language

SDLC: System Development Life Cycle

HR manager: Human Resource manager.

HTTP: Hyper Text Transfer Protocol

[Date] xviii
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

GENERAL INTRODUCTION

Internship is a period of opportunity given to an individual to practically


apply the knowledge acquired in a classroom. The HND is a two years program
during which students are required to undergo an internship of at least one to
three months. A report is therefore written to be defended in front of a jury as
part of the HND examinations. Due to these We carried out my Internship at I-
NET CONSULTING for eight weeks. The concept of an attendance
management system application capable of tracking and managing employee’s
attendance came about as an endeavor to solve attendance theft by employees in
the company. To attain this objective, we passed through different phases.
Attendance management is an important aspect of a company organization as it
helps company to keep track of employee’s assiduity in working environment. The
company used a manual attendance tracking system. This system caused problems such
as human errors, time-consuming, paper work with main problem as Time Theft. To
solve these problems, we decided to develop an attendance management system based on
QR Code technology.

In this report, we decided to focus on a QR code-based attendance management


system: case of I-NET Consulting.

PART 1: CONCEPTUAL FRAMEWORK

 Chapter 1: Presentation Of I-NET Consulting And, Activities


Carried Out During the Internship Period
 Chapter 2: Overview Or Generalities of An Attendance Management
System.
PART 2: PRACTICAL FRAMEWORK
 Chapter 3: Diagnosis Of Attendance Management System
 Chapter 4: Analysis, Design and Implementation Details

[Date] 1
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

PART ONE:
CONCEPTUAL FRAMEWORK

[Date] 2
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

CHAPTER ONE: PRESENTATION OF THE


COMPANY AND ACTIVITIES CARRY OUT
I. PRESENTATION OF THE COMPANY

INET-CONSULTING was conceived in 2016 by Mr. Momo Antoine


who is the manager. And with Mr. Kenfack George as the general manager. It was
created at Akwa, near Coca bank.

1.1 Personal Information of INET-CONSULTING

Name of company INET-CONSULTING

Logo

Judicial form Sarl

Postal Box 4567, AKWA-Cameroon

Address Akwa, beside Rondpoint Sadi

Contact • Tel: (+237)697430206 / (+237)651533784 / (+237)233430842


• Email: contact@inet-cons.com
• Site: www.inet-consulting.com
Domain Web Engineering
Table 1: Company presentation

[Date] 3
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

1.2. MISSION OF INET-CONSULTING

INET-CONSULTING is a technological enterprise involved in the design, creation and


sales of web applications. It has as its main goal to provide smart web-based solutions for
your business and train young Cameroonians in the field of web applications through
internship, training and deliver this technology to your door steps making it very simple
to be used by all no matter the age.

1.3. SERVICES OFFERED BY INET-CONSULTING

INET-CONSULTING offers the following services:

 Web design and solution.


 Mobile and desktop application development.
 IT consulting and services.
 E-marketing.
 Training and certification

1.4. LOCATION OF INET-CONSULTING

It is located in the Littoral Region of Cameroon, in the town of Douala specifically in


Akwa opposite CCA bank.

[Date] 4
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 1: Company location

1.1. ORGANISATIONAL STRUCTURE OF INET-CONSULTING


General
Director

PROJECT
MANAGER
HEAD OF HEAD OF FINANCE
OPERATIONS AND ACCOUNTACY

DEVELOPERS

Figure 2: Organisational structure of enterprise

II. ACTIVITIES CARRIED OUT DURING THE INTERNSHIP


PERIOD

On arrival at INET, we were received by Mr. Monkam Claude, who is a manager


of Inet-Consulting. He gave us a briefing on the company and its activities and assigned
to us a professional supervisor with whom we started working.

WEEK ACTIVITY DIFFICULTIES PROPOSED SKILL ACQUIRED


PERFORMED ENCOUNTERED SOLUTIONS

[Date] 5
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

First  Presentation  No problem  No Solution  More


week of the faced information on
(26-30 company the company.
June)  Test of Skills
Second  Creation of  Difficulties  Use of  Gained more
week login forms. on styling of BOOTSTRAP skill on
(3-7  Creation of login forms  Further bootstrap
July) landing pages practice
Third  Installing  Failure in  Further  Working on
week XAMPP and internet research and MYSQL.
(10-14 configuring it. connection practise
July)  Connection to
database.
Fourth  Implementing  Difficulties  Further  General
week PHP on Login in using php research and overview on
(17-21 form and styling practice. HTML, CSS.
July)  Creating
Static
dashboards.
Fifth  Creation of  Difficulties  Research and  Implementation
week dynamic in using php videos. of php in
(24-28 admin on the
July) dashboards program.
and PHP
Sixth  Connecting  Difficulties  Review of sql  Connection
week login, to link tables commands. between
dashboard with pages. database

[Date] 6
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

(31-4 with each components


August) other and with and programs
database.
Seventh  Working with  Difficulties  Further trials  Libraries skills
week libraries. in and errors. obtained
(7-11  Downloading downloading
August) librairies. some
 Using libraries libraries
as links.
Eighth  Creation of an  Difficulties  Research and  Ecommerce
week Ecommerce in creating videos. website
(14-18) website. commands creation.
page
Table 2: Activities carried out

2.2. JUSTIFICATION OF TOPIC

With modern day technologies, most institutions prefer to move from manual based
systems to computerised and semi-automated systems. This is due to the fact that these
institutions want to facilitate their working activities and to reduce wastage of resources
like human and time. During our internship at Inet-consulting we noticed that a manual
system of attendance tracking was used. With this system, employees could fake their
arrival time and could sign for others sometimes without the manager noticing, also the
attendance book could be lost if not handle properly. This caused problems in generating
monthly reports on the employee’s assiduity. Due to these issues we decided to create
web-based attendance management system based on QR-Code technology.

[Date] 7
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

CHAPTER 2: OVERVIEW OR GENERALITIES OF


AN ATTENDANCE MANAGEMENT SYSTEM
2.1. INTRODUCTION

A management system is the way in which an organization manages the


interrelated parts of its business in order to achieve its objectives. These objectives can
relate to a number of different topics, including product or service quality, operational
efficiency, environmental performance, health and safety in the workplace and many
more.
Implementing management software in any business requires a period of
adaptation and development. But what if that software had a direct impact on the
attendance and productivity, pooling information into a central location and
helping the managing team to know who work with assiduity. Installing a
management system into a business might help with most of these.

An attendance management system is a HR tech tool that enables


organizations to automate their attendance management operations and keep
tracks of employees working hours
2.2. KEY COMPONENTS OF ATTENDANCE MANAGEMENT
SYSTEM
d system, several key features are essential:
1. Clocking In and Out: Employees should be able to easily clock in, register break
periods, and clock out using methods like magnetic card readers or personalized
phone numbers. This feature ensures accurate time tracking.
2. Leave Management: An excellent attendance management system includes a
built-in leave management system. It adjusts existing records to account for
employee leaves and absences3.
3. Payroll Integration: Seamless integration with payroll systems simplifies the
process of calculating salaries based on attendance data.

[Date] 8
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

4. Comprehensive Reports: The system should generate detailed reports, including


attendance summaries, overtime hours, and other relevant metrics1.
5. Calendar Integration: Integrating with calendars helps employees and managers
stay informed about upcoming holidays, workdays, and leave requests.

2.3. EXAMPLES OF ATTENDANCE MANAGEMENT SYSTEM


NAME DESCRIPTION LOGO/IMAGE
COMPUTERISED It is a sophisticated solution
E.g Fingerprint that uses a fingerprint sensor
to capture and analyse
fingerprints to track
attendance
COMPUTERISED It is an employee leave
E.g KissFlow HR management platform that
simplifies HR processes
from hire to retire. Here are
some key features of
Kissflow HR Cloud
COMPUTERISED It is a sophisticated solution
E.g Face recognition that uses facial recognition
technology to track and
manage employee
attendance.
Table 3: Examples of Attendance Management system

[Date] 9
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

PART TWO:
EMPERICAL STUDY

[Date] 10
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

CHAPTER 3: DIAGNOSTIC OF EXISTING SYSTEM

3.1. DESCRIPTION OF EXISTING SYSTEM.

INET-Consulting uses a manual attendance system to track the attendance of its


employees. Here the attendance is done in a hand-written register. Sometimes the
employees form a queue to write their arrival time. The weekly attendance is then input
in the machine by the human resource manager. This takes too much time and it is very
stressful and complicated to generate a monthly report. Human effort is more here since
the retrieval of the information is not as easy as recording in the hand-written registers.

figure 3: Research methods.

3.2. RESEARCH METHOD

In the course of our research, we used several methods to identify the problem:

[Date] 11
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

 INTERVIEW: We asked the employees of INET and they gave us information of


the system which was currently active, the way it is used. We also ask the HR
manager on how the work with the system.
 OBSERVATION: Throughout the internship we had the opportunity to observe
the current system features, its limitations in the activities of the company and
what the system would need.
 INTERNET: The internet provided us with essential information about what we
needed and great solutions and manner of approach in order to solve the problem
at hand.

3.3. DISADVANTAGES OF THE EXISTING SYSTEM

 High risk of human errors in inputs


 Manual time entry is very time consuming
 Too much paper work
 Employees can fake or commit time theft
 Stressful and complicated to generate monthly report from manual entry

3.4. CHARACTERISTICS OR FEATURES OF A QR CODE


ATTENDANCE MANAGEMENT SYSTEM.

A good attendance system should have the following:

 Employees should be able to clock in, and clock out at the end of their workday
 An effective system should handle leave requests, approvals, and track
employees’ time off
 Able to calculate employee’s wages based on attendance data.
 Able to generate attendance report monthly and annually.
 Receive notifications when employees miss clocking in or out.

[Date] 12
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

 Visualize attendance schedules and holidays on a calendar view for better


planning
 Should be accessible via a mobile phone and other remote devices.

3.5. ADVANTAGES OF THE PROPOSE SYSTEM

 User Friendly: The present system is user friendly because the retrieval and
storing of data is fast and data is maintained efficiently
 Reports are easily generated: Since the attendance is computerised.
 Very less paper work: The proposed system requires very less paper work. Since
the system is computerised and clock in is done with a QR code card.
 Ease leave management: Since the employees can message the administrator to
apply for leaves.

3.6. PROPOSED SOLUTION AND METHOD OF USE.

The solution we proposed was a computerised QR Code attendance


management system which eliminates the risk of a manual attendance and help to
reduced time theft drastically. The system generates, scan, provide reports, and manage
complain request of the employees.

The QR code is assigned to employees on their employees card issued by the company.

[Date] 13
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 4: Dataflow diagram

CHAPTER 4: IMPLEMENTATION OF QR CODE


ATTENDANCE MANAGEMENT SYSTEM

I. ANALYSIS.

4.1. INTRODUCTION

The QR Code Attendance Management System is a digital solution designed to


streamline the process of tracking attendance for various events, classes, works or
meetings. In order to bring forward an effective solution, a thorough analysis had to be
made. The analysis phase is the first critical phase in software development. Therefore, in
this chapter, I will present a complete analysis of the system I have proposed, stating the
methodology I will use, requirements, design and implementation of the system.

Unified Modelling Language (UML) was used for modelling the QR Code
Attendance Management System. UML diagrams such as use case diagrams, class

[Date] 14
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

diagrams, activity diagram and sequence diagrams were utilized to capture the system's
requirements, structure, and interactions.

4.2. METHODOLOGY USED

The methodology used is the iterative model since it does not need all requirements
before its start. The development process may start with the requirements functional
parts.

Figure 5: Iterative Model diagram

4.2.2. JUSTIFICATION OF DEVELOPMENT TECHNOLOGY

The Iterative model approach is an SDLC approach that is used for software
development, its iterative process starts with a simple implementation of a small set of
the software requirements and iteratively enhances the evolving versions until the
complete system is implemented and ready to be deployed. This SDLC model does not
need all the requirements before the project starts. The process is repetitive, allowing
making new versions of the product each cycle.

4.3. PLANNING PHASE

Considering the project timeframe being from January to March, The following
phases will follow after every iterations (iterations representing functionalities to be

[Date] 15
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

implemented in this case); Requirement gathering, design, implementation,


testing, maintenance and customer approval.

4.3.1 FUNCTIONAL REQUIREMENTS

The functional requirement for a system describes what the system ought to do.
These requirements rely on the sort of software being produced, the normal users of the
software and the general methodology taken by the organization when composing
requirements.

The Functional Requirements of this research work include:

 Employee Authentication: The system should verify the validity and authenticity
of the QR-codes, prevents duplicate and fraudulent scan.
 QR-Code Generation: The system should provide unique and secure QR-Codes
for each user, containing their name, email and other.
 Attendance Tracking: The system should allow the employees to scan their QR-
code using a webcam or camera. And record their attendance in the database.
 Instant photo: The system should take a picture of the employee without him
noticing.
 Integration: The system should integrate with existing systems for data for data
exchange and management.
 Validation: The system should provide real time feedback and confirmation to the
employee after they scan their QR-Code.
 Reporting: The System should generate various reports and statistic of the
attendance data.
 Security: The system should ensure data security and Employees privacy.
 Interactive: The system should be user friendly and easy to use with a clear and
intuitive interface.

[Date] 16
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

4.3.2.NON-FUNCTIONAL REQUIREMENTS

Non-functional requirements, are requirements that are not specifically concerned


with the functions conveyed by the system. Requirements for the Research work include:

 Performance: The system should be able to handle a large number of users and
events efficiently.
 Reliability: The system should be intuitive and easy to use.
 Usability: The user interface should be scalable to accommodate future growth.
 Security: Data encryption, secure, authentication, and access control mechanisms
should be implemented.
 Compatibility: The system should be compatible with various devices and
platforms.

4.4. SOFTWARE ARCHITECTURE

4.4.1. INTRODUCTION

Software architecture refers to the high-level structure and design of a software


system. It defines the components of the system, their relationships, and how they interact
to achieve the desired functionality while addressing key quality attributes such as
performance, scalability, reliability, and maintainability.

4.4.2. IMPLEMENTATION OF SOFTWARE ARCHITECTURE

In the development of a QR code attendance management system, software


architecture plays a crucial role in ensuring that the system meets its objectives
effectively. Here is how the software architecture is implemented in the development
process: Identifying requirements, defining architectural goals, choosing
architectural patterns, component design, defining interfaces, data management,
security considerations, scalability and performance, testing and validation,
evolution and maintenance.

[Date] 17
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

4.4.3. SOFTWARE MODULES

AN EMPLOYEE A QR CODE A QR CODE AN


REGISTRATION GENERATOR SCANNER ATTENDANCE
MODULE MODULE MODULE TRACKING
MODULE

A REPORT A PICTURE
A DATABASE
GENERATOR CAPTURING
MODULE
MODULE MODULE

Figure 6. Software Modules.

II.DESIGN

This phase serves to set the stage and bound problems. It involves breaking down
the system into different pieces to analyse the situation, analysing the project goals,
breaking down what needs to be created and seeing how the system can be created
without affecting the company negatively.

4.5. USE CASE DIAGRAM

A use case is a list of actions or events typically defining the interactions between a role
and a system to achieve a goal. The use case diagram allows us to describe the possible
usage scenarios (use cases) that a system is developed for. There are three main actors in
this system which are: The Employee, HR manager, the System and the Manager.

[Date] 18
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 7. Use case diagram of Proposed System

4.5.1. Actors Description

Actors Description
Administrator He is the Manager or the HR manager that manages the software. He
or she interact directly with the system and can modify attendance.
Employee He sign his presence using a QR-code on the scanner.
System It is the logical part that is in charge of generating, scanning, saving
employees attendance data.
Table 4: List of actors

4.5.2. Actors Goals List

Actors Use cases


Administrator (HR manager,  Login
manager)  Register Employee Info

[Date] 19
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

 Send reports
 Edit attendance
Employee  Sign arrival
 Sign departure
 Notifies his absenteeism
System  Scan
Table 5: Actors Goal list

4.5.3. USE CASE ANALYSIS

Use case name Login


Actor (s) Administrator
Trigger When administrator hits the Login Button

Precondition The admin is on the website.

Normal Case 1. Enter the login credentials (name password)


2. Click on login button
3. System verifies and validates credentials entered
4. System gets user-input and searches it in the database
5. System retrieves user information from database
6. System authenticates login and redirects admin to admin
page.
Alternative Case If entered credential is not valid;
 System displays login form with an error message.
 The normal course is repeated from step 1.
Post-Condition The application redirects the admin to their dashboard

Assumption The actor is in front of the connection interface.

Table 6: Login use case analysis

Use cases name Add Employee and Generate QR Code


Actor (s) Administrator, System

[Date] 20
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Trigger When Admin clicks the Add employee on nav bar

Precondition The administrator is in the website

Normal Case 1. The admin Logs in.


2. He clicks on Add Employee on the nav bar
3. He Enters the information of the employee found on the
CV.
4. He then click on submit button.
5. The system generate a QR code
6. The admin click on the download button and the qr code
is downloaded with the emp name attarched to it.
Alternative Case If entered employee info is already in database;
 System displays the message “User already exist”.
 The normal case is repeated from step 1.
Post-Condition The employees list is modified with a new employee.

Assumption The actor is in front of the connection interface.

Table 7: Add employees use case analysis

Use case name Send Report


Actor (s) Administrator
Trigger When administrator hits the Send_Report button

Precondition The admin is on the website.

Normal Case 1. Login to website


2. Admin go to attendance dashboard page.
3. He clicks on the view report button on the row of an
employee.
4. The system then generates a report page based on your
attendance data.
5. In the attendance page the admin check to verify if the
report is well generated then click on the send button.
6. The system then sends the reports to the concern
employee.
Alternative Case If entered credential is not valid;
 System displays login form with an error message.
 The report is sends to the manager.

[Date] 21
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Post-Condition The application redirects the admin to the attendance dashboard

Assumption
Table 8: Send report analysis

Use case name Manage attendance


Actor (s) Administrator
Trigger When administrator hits the Register button

Precondition The admin is on the website.

Normal Case 1. The admin login to the web page.


2. He then clicks on Register found on the nav bar.
3. In the register page, he inputs the information of the new
employee and then click on the register button to save the
information of the employee in the database.
4. To delete an employee, he clicks on the attendance found
on the nav menu to access the attendance dashboard.
5. He then clicks on the delete button found on the row of
the employee.
6. The system then deletes the employees from database.
Alternative Case If entered credential is not valid;
 System displays login form with an error message.
 The report is sends to the manager.
Post-Condition The application redirects the admin to the attendance dashboard

Assumption The actor is in front of the connection interface.

Table 9: Manage attendance use case analysis

4.6. THE CLASS DIAGRAM

A class diagram is an illustration of the relationships and source code dependencies


among classes in the Unified Modelling Language (UML). It shows the attributes,
classes, functions, and relationships to give an overview of the software system. It
constitutes class names, attributes, and functions in a separate compartment that helps in
software development. The classes involve in this system are: HR manager, manager,
employee, register.

[Date] 22
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 8: Class Diagram.

4.7. The SEQUENCE DIAGRAM

A sequence diagram or system sequence diagram (SSD) shows object interactions


arranged in time sequence in the field of software engineering. The following are
sequence diagrams relative to the use cases stated upward;

[Date] 23
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Fig 9: ADD Employee Sequence diagram.

Fig 10: Employee Account Creation Sequence diagram.

[Date] 24
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 11: Send Report Sequence diagram

4.8. ACTIVITY DIAGRAMS


In UML, the activity diagram is used to demonstrate the flow of control within the system
rather than the implementation. An activity diagram is basically a flowchart to represent
the
flow from one activity to another. The activity here can simply be described as an
operation of
the system.

[Date] 25
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 12: Administrator Activity Diagram.

4.9. IMPLEMENTATION PHASE


After the analysis phase, we started designing the application. The designing phase
has to do with the hardware and software specifications.
4.9.1. DEVELOPMENT TOOLS
This web based application was developed usong web development tools such as
(HTML, CSS, Javascript, BOOSTRAP) and MYSQL for the database. Theses tools have
different uses and help to improve the interactivity and graphic such as styles, designs,
animation and web server architecture.

4.9.2. PROGRAMMING LANGUAGES USED


 HTML (HyperText Markup Language):

[Date] 26
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

 CSS (Cascading Style Sheet):


 Javascript:
 PHP (HyperText Preprocessor):
4.9.3. FRAMEWORK USED
 BOOSTRAP
4.9.4. SOFTWARE USED
 Local server
For this project, we decided to use XAMPP for the testing which is a model of
web service stacks named as an acronym of its original components:
 Cross-platform application
 Apache HTTP Server used as server for hosting the web application locally
during development.
 MySQL used to execute Structured Query Languages (SQL) on web pages.
 PHP programming language used to link the web pages with the database
 Modelling
 For this system, we used Star UML to design the Use Case Diagram, Sequence
Diagram and Dataflow Diagram. And drawio for the design of Activity diagram.
 Text Editor
 The text editor we used for coding was Visual Studio Code
 Web Browser
 For this task I decided to use Microsoft Edge but also used other web browsers
like Google
 Chrome to test if the style is compatible with it.

4.9.5. HARDWARE USED


Device name: DESKTOP-3HA2G4Q
Processor: Intel(R) Core (TM) i5-7600U
Processor speed: CPU @ 2.80GHz 2.90 GHz

[Date] 27
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Installed memory (RAM): 8.00 GB (7.86 GB usable)


System type: 64-bit Operating System, x64 based processor
Operating System: Windows 10 Pro

4.10. SYSTEM RESULT AND TESTING


This phase consists of the implementation part of the web application. It’s made up of
images
of web application after testing and validation by the professional supervisor with critics
and
suggestions.

Figure 13: Admin Registration

[Date] 28
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Figure 14: Admin Login

Figure 15: Employee

Registration
And QR code generation

Figure 16: Attendance Dashboard and Scann

[Date] 29
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

Fingure 17: Admin Dashboard

4.11. COST ESTIMATION

As this is an iterative development process, the estimation process is an


iterative one where user requests represent each piece of functionality and this
is done every 2 weeks. Considering that the timeframe of this project is within
2 to 3 months (9weeks), which make a total time of about 1512hours and the
nature of the project, that is, Web development that uses a webcam to scan the
QR code, cards to print on the employees QR code. Also due to this same
nature, the rate of payment would be 25,000CFA-35,000CFA / week, the price
for a web cam ranges from 8K-30K, the price for the QR codes cards ranges
from 20K-30K.
Project Type Time Frame Estimate Rate/ Week Estimated Total Cost

Web Development 8Weeks 25k CFA – 35K CFA 225k CFA – 315K CFA
Web Cam At deployment phase 8K-30K 8K-30K
QR Cards After deployment 20K-30K 20K-30K
Total Cost= 253K-375K.
Table 10: Cost Analysis

4.12. TEST CASES

[Date] 30
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

A test case is a set of actions performed on a system to determine if it satifies


software requirements and functions correctly. The following tests were
performed in order to check the system viability:
Table 11: Test cases
Test Test case Test steps Expected output Actual
Case Description output
ID
- TU01 Check admin  Go to site Admin should Login Pass
login with https://localhost/attendance/ad into application
valid data min/adminregis
 Enter admin name
 Enter password
 Click submit

-TU02 Check admin  Go to site Admin should not Pass


login with https://localhost/attendance/ad Login into application
invalid data min/adminregis
 Enter admin name
 Enter password
 Click submit
-TU03 Check  Go to site Employees info should Pass
employee https://localhost/attendance/ad be store in database
registration min/emp_regis and qr code generated
and with valid  Enter employees info
inputs  Click register
-TU04 Check  Go to site Employee should Pass
employee https://localhost/attendance/log login into his account
login with in
valid info  Enter employee name
 Enter password
-TU05 Check scanner  Go to site Employee QR code is Pass
with webcam https://localhost/attendance/ad scan and
or device min/scanner authenticated.
camera using  Make qr code to face the
employee QR camera
code
-TU06 Check scanner  Go to Employee QR code is Pass
with invalid localhost/attendance/admin/sca scan and an error
info nner.php message is seen

[Date] 31
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

GENERAL CONCLUSION

The development of a web application like that of an attendance


management system implies a lot of analysis for a good design. This application whose
use is to ease employee’s attendance tracking to avoid time theft and ease the report
generation, takes into consideration the interaction between the various parties involve.
These are the manager, the assistant manager, and the employees. We used PHP, HTML,
CSS, JAVASCRIPT, BOOTSTRAP, and MYSQL. In the system analysis, a presentation
of the dataflow diagram of existing system was presented. After the presentation of the
functional requirements and non-functional requirements we established the use case
diagram, the class diagram, the sequence diagram and activity diagram which let us the
results we have it was not easy in the sense that we faced some challenges like the time
spent for the Design and Coding given that structuring a whole computerized system and
from the above line we can conclude beyond reasonable doubt that the implementation of
our system is going to be of major interest to the modern world.

[Date] 32
Written and Presented by TCHEUMANI SINAK JUSTO
ATTENDANCE SYSTEM MANAGEMENT SYSTEM

REFERENCES

 CSS Notes For Professionals, GOALICKER.COM.


 HTML5 Notes For Professionals, GOALICKER.COM
 https://www.geeksforgeeks.org/ consulted from February to March.
 JAVASCRIPT Notes For Professionals, GOALICKER.COM
 Learn PHP 7: Object Oriented Modular Programming using HTML5, CSS3,
JavaScript, XML, JSON, and MySQL, Steve Prettyman, January 6, 2016
 Learn PHP Programming language tutorial full course by Giraffe Academy.
 PHP Notes For Professionals, GOALICKER.COM
 Practical Bootstrap: Learn to develop Responsively with One of the Most
Popular CSS Frameworks, Panos Matsinopoulos, Released August 2020,
Publisher(s): Apress, ISBN: 9781484260715
 www.udemy.com, Consulted on February 2024
 www.stackoverflow.com, Consulted on February 2024
 www.openclassroom.com, Consulted on February 2024
 www.w3schools.com, Consulted on March 2024

[Date] 33
Written and Presented by TCHEUMANI SINAK JUSTO

You might also like