MEN’S SALON MANAGEMENT

SYSTEM
A Project Report
Submitted in partial fulfillment of the
Requirements for the award of the Degree

BACHELOR OF SCIENCE (INFORMATION TECHNOLOGY)

By

SUNDARAM SUSHIL GUPTA

Seat Number: 2021010013

Under the esteemed guidance of

MRS. NAZNIN BURERE
LECTURER

DEPARTMENT OF INFORMATION TECHNOLOGY

S.K COLLEGE OF SCIENCE & COMMERCE
(Affiliated to University of Mumbai))
PLOT NO.31, SEC 25, Seawood, Navi Mumbai-400706
MAHARASHTRA
2023-2024
 ABSTRACT

Welcome to Men’s Salon Management System, the destination for the ultimate
beauty and relaxation experience. Our salon is a haven of style where we
specialize in a wide range of beauty services, including haircuts, hair coloring,
nail care, skincare, and more. Our team of skilled and passionate professionals
is dedicated to enhancing your natural beauty and well-being. Step into a world
of recharging, where you can relax, refresh, and leave feeling more confident
and beautiful than ever.

Technology which is in trend today might become redundant tomorrow. This

ever-changing scenario makes it possible to provide the latest and modern IT
solutions to various business and institutes.

The proposed system allows an administrator to keep track of customer orders

and maintaining records of the customers. An administrator can view the
submitted requirements made by the customer. An administrator can also view
the reports generated by him and can also sent approvals or rejections instantly.

Thus, the project is a sincere effort in simplifying the task of administrators in

an easy format.
 ACKNOWLEDGEMENT

I take this opportunity to express my profound gratitude and indebtedness

to our project guide Mrs. NAZNIN BUBERE for giving me the opportunity to
accomplish this project.

I am very much thankful to our Principal Dr. Ajit J. Kurup and for their
kind co-operation in the completion of my project.

I am also grateful to Mrs. Harmanpreet Kaur, Head of Department for

being very much resourceful, kind and helpful. Their positive attitude,
unassailable optimism unwavering faith in me assured that I came out of words
whenever I encountered difficulties.

Finally, I wish to thank our lab assistant and all my friends and entire
Information Technology Department who directly helped me in the
completion of this project. Last but not the least I would thank my family
without whose support, motivation and encouragement this would not have
been possible.
 DECLARATION

I the undersigned Mr. Sundaram Sushil Gupta hereby, declare that the
work embodied in this project work titled “Men’s Salon Management
System” forms my own contribution to the research work carried out under the
guidance of Mrs. Naznin Bubere is a result of my own research work and has
not been previously submitted to any other University for any other Degree/
Diploma to this or any other University.

Wherever reference has been made to previous works of others, it has

been clearly indicated as such and included in the bibliography.

I will abide and take all responsibility of all issues related to

plagiarism/self-plagiarism mentioned under UNIVERSITY GRANTS
COMMISSION (PROMOTION OF ACADEMIC INTEGRITY AND
PREVENTION OF PLAGIARISM IN HIGHER EDUCATIONAL
INSTITUTIONS) REGULATIONS, 2018.

I, here by further declare that all information of this document has been
obtained and presented in accordance with academic rules and ethical conduct.

Certified by Submitted by

(Mrs. Naznin Burere) (Mr. Sundaram Sushil Gupta)

PLAGIARISM REPORTS
 TABLE OF CONTENTS

Sr. No Chapters Page

No.
1. INTRODUCTION 1

1.1 Introduction 2

1.1 Background 3
1.2 Objectives 4
1.3 Purpose, Scope, and Applicability 5
1.3.1 Purpose 5
1.3.2 Scope 5
1.3.3 Applicability 6
1.4 Achievements 7
2. SURVEY OF TECHNOLOGIES 8

2.1 Existing System 9

2.2 Proposed System 10

2.3 Web Development Tools 11-13

2.4 Justification Of Selection Of Technology 14-15

3. REQUIREMENTS AND ANALYSIS 16

3.1 Problem Definition 17

3.2 Requirements Specification 18-19
3.3 Software and Hardware Requirements 20
3.4 Conceptual Models 21-30
3.4.1. Entity Relationship Diagram
3.4.2. Data Flow Diagram
3.4.3. System Flow chart
3.4.4. Use Case diagram
3.4.5. Activity Diagram
3.4.6. Sequence Diagram
3.4.7. Class Diagram
3.4.8. Package Diagram
3.4.9. Deployment Diagram
3.5 Gantt Chart 31
4. SYSTEM DESIGN 32
4.1 Basic Modules 33-34
4.2 Schema Design 35-36
4.3 User Interface Design 37-38
4.4 Security Issues 39-40
4.5 Test Cases Design 41
5. IMPLEMENTATION AND TESTING 42
5.1 Implementation Approach 43-44
5.2 Coding Detail and Code Efficiency 45-55
5.5 Test Cases 56-58
6. RESULTS AND DISCUSSION 59
6.2 Screenshots 59-61
7. CONCLUSIONS 62-64
7.1 Conclusions 62
7.1.1 Significance of the System 62
7.2 Limitation of the System 62
7.3 Future Scope of the Project 62
BIBLIOGRAPHY 63
 List of Figures

Fig. No Figures Page

No.
1 Entity Relationship Diagram 21
2 Data Flow Diagram 22-23
4 Use case Diagram 24
5 Activity Diagram 25-26
6 Sequence Diagram 27
7 Class Diagram 28
8 Package Diagram 29
9 Deployment Diagram 30
 CHAPTER: 1
INTRODUCTION

1
 INTRODUCTION

Salons have long been a hub for personal care and grooming, serving as a
sanctuary for self-expression and confidence-building. In today's fast-paced
world, salon businesses are not just about cutting and styling hair but have
evolved into comprehensive beauty and wellness centers. To ensure the
smooth and efficient operation of these establishments, a robust salon
management system is essential.

This project aims to develop a state-of-the-art salon management system that

will streamline the various aspects of running a salon, from appointment
scheduling and inventory management to employee performance tracking and
customer relationship management. The goal is to empower salon owners and
staff to deliver high-quality services, enhance customer satisfaction, and
optimize business operations.

2
 1.1 BACKGROUND
A Salon Management System is a valuable tool for salon owners and managers
to streamline operations, enhance customer experiences, and optimize their
business.

This project aims to develop a customized and original system tailored to the
unique needs of the salon industry. Addressing the challenges mentioned above
will help salons thrive in a competitive market while providing an excellent
experience for both staff and customers.

• Home Page: The page gives an overview of Men’s Salon website by

displaying various pictures of our service.

• Services List: The page provides a list of services with their price and
service information.

• About Us: The page gives a brief detail of Men’s Salon.

• Contact Us: The page is needed for contact with Men’s Salon.

• Book Appointment: The page asks for basic details of the user for
booking an appointment.

3
1.2 OBJECTIVES

The objective is to overcome the major limitations of the existing

system by effective management of the customer details and improving the
performance.

▪ Establish a strong online presence to make the salon easily discoverable

by customers.

▪ The salon offers online appointment booking option.

▪ This is much less time-consuming comparing to existing system.

▪ Implementing security measures to protect customer data and privacy.

▪ Provides list of services and their prices as well.

4
1.3 PURPOSE, SCOPE, AND APPLICABILITY
Objective
1.3.1 PURPOSE

• Salons management softwaremake the entire business more

organized and efficient.

• A salon appointment booking solution comes in hands.

• Software can help to reach new customers.

• Let customer know about new offers and discount.

• Local customer can find the shop on google map.

1.3.2 SCOPE

▪ Enhance Customer Experience: Improve customer satisfaction by

providing attractive interior design and a welcoming atmosphere.

▪ Increase Revenue and Profitability: Develop and execute

marketing and sales strategies to boost revenue and profitability.

▪ Employee Management: Monitor employee schedules,

performance, payroll and staff accountability.

▪ Inventory Management: Optimize product inventory control and

reducing waste and increasing cost-efficiency.

▪ Feedback and Improvement: Regularly gather feedback from

customers and staff to make continuous improvements.

5
1.3.3 APPLICABILITY

▪ Online Appointment Booking.

▪ Special Offers and Promotions.

▪ Customer Reviews and Testimonials.

▪ Social Media Integration.

▪ Analytics and Data Collection.

6
1.4 ACHIEVEMENTS
• Efficient marketing strategies can lead to increased revenue.

• Implementing customer feedback can lead to increased customer

satisfaction and loyalty.

• Implementing HR strategies to improve employee satisfaction.

• Waiting times will be reduce and enhancing the overall experience.

• Reviews and Testimonials improved customer experiences.

• Online presence of Men’s Salon through a professional website.

• Online booking systems can help to attract new clients.

7
 CHAPTER: 2

SURVEY OF
TECHNOLOGIES

8
2.1 EXISTING SYSTEM
Before starting the project, we must study the limitations an objective of
existing system enabling effective managementof the customer details
thereby improving the performance.

• All the processes of this management are done manually in the form
of paperwork and the records are stored in the registers. In such
cases, there are frequent chances of data redundancy and data is easy
to lose.

• All the data related to the customer and others documents printed
on the papers, this activity generates the chances of data lost.

• All the bill structures are done by handwritten, sometimes it

produces mistakes in calculation.

• The offline system does not have a proper customer management

tool.

• This system is very time consuming and requires lots of manpower.

9
2.2 PROPOSED SYSTEM
Objective is to overcome the major limitation of the existing system enabling
effective management of the customer details thereby improving the
performance.

• With improved computerization being involved in the maintenance of

customer details, errors and inconsistencies can be kept at par.
• Easy retrievals of data will be made possible by finding these techniques.
• Validation of data will ensure only accurate, valid, and complete data
is stored in the database.
• Appropriate monitoring of the processes from customer registration
to activation will be done efficiently.
• Generation of reports will help make it easy to analyze the performance
at the bank.
• The system will store all the basic data processing which needs the shop
management.

• This will be less time-consuming comparing to existing system.

10
2.3 WEB DEVELOPMENT TOOLS

In this project we are using technologies for Frontend and Backend. For
Frontend development we are using HTML, CSS, JAVASCRIPT. For Backend
development we are using PHP and XAMPP server we used. For Database we
are using MYSQL.

HTML

What is HTML?
• HTML is a scripting language which stands for hypertext markup
language.
• It is like the "skeleton" of a webpage.
• It is used to create web pages or web application.

What can HTML Do?

• HTML is use to structure a webpage.
• It's a code that tells web browsers how to structure and display the
content you see on websites.
• HTML allows user to click on a link and redirected to a new page
reference by that link.
• HTML uses tags to define headings, paragraphs, images, links, and other
elements on a webpage.

CSS
What is CSS?
• CSS stands for "Cascading Style Sheets." It's like the fashion designer for
websites.
• It is used for describing the presentation of the documentation written in
markup language such as xml or html.
• CSS is used to style and layout web pages such as font, size, spacing of
your content etc.

11
 What can CSS do?

• CSS works by using selectors to target HTML elements and applying

specific styling properties to those elements.

• With CSS, you can change the colors, fonts, spacing, and layout of a
website.

• CSS empowers designers and developers to create user-friendly websites

by controlling the layouts and colors to looks website attractive.

JAVASCRIPT

What is JAVASCRIPT?

• JavaScript is a widely used programming language which is used in web

development.
• JavaScript is a client-side scripting language, meaning it's executed on the
user's device web browser rather than on a web server.
• JavaScript is a special language that makes websites more interactive and
dynamic

What can JAVASCRIPT do?

• Java script is a programming language that allows you to implement

multiple features on web pages.
• Simplicity is Java script is quite easy to understand and learn.
• JavaScript have a huge ability to support all modern browsers and
construct an equivalent result.
• JavaScript is an object-oriented language, which means it uses objects
and methods to organize and manipulate data and functionality.

12
PHP

• PHP refers to a popular server-side scripting language commonly used for

web development. PHP stands for "Hypertext Preprocessor" (originally,
"Personal Home Page"), and it's known for its ability to generate dynamic
web pages, interact with databases, and perform various server-side tasks.

• PHP can be described in simple words as a popular programming

language used for creating websites and web applications.

• It's like the foundation of many websites you visit. PHP helps developers
build dynamic and interactive web pages, process forms, connect to
databases, and perform various tasks on the server side, making websites
function and display content the way you see them.

13
2.4 JUSTIFICATION OF SELECTION OF
TECHNOLOGY

MYSQL
MySQL is a popular and widely used open-source relational database
management system (RDBMS) developed by Oracle Corporation. MySQL is
commonly utilized in various software applications, especially in web
development, due to its performance, scalability, and robust features.

➢ Key characteristics and applications of MySQL

1. Relational Database: MySQL stores data in structured tables with rows and
columns, allowing for efficient data organization and retrieval.

2. SQL Language: Developers interact with MySQL using SQL (Structured

Query Language), which enables the creation, manipulation, and querying of
data within the database.

3. Open Source: MySQL is open-source software, freely available for use and
can be customized to meet specific requirements. Both a community edition
and commercial editions with additional features and support are available.

4. Scalability: MySQL is suitable for small-scale personal projects as well as

large-scale enterprise applications. Features such as replication and
clustering support high availability and scalability.

5. Cross-Platform: MySQL is compatible with various operating systems,

making it adaptable to different development environments.

6. Data Security: MySQL provides security features such as user

authentication, authorization, encryption, and access control to protect data
from unauthorized access.

7. Performance Optimization: MySQL is known for performance

optimization features, including indexing, caching, and query optimization,
making it efficient for read and write operations.

14
XAMPP

XAMPP is an open-source software package that provides a convenient and

comprehensive environment for web development, primarily for those working
on web applications and websites. The name "XAMPP" is an acronym that
stands for the components it bundles: X (cross-platform), Apache (web server),
MySQL (database), PHP (scripting language), and Perl (programming
language).

XAMPP is particularly useful for web developers and designers who want to
develop and test web applications locally before deploying them to a remote
web server. It provides an environment that closely resembles a live web server,
making it easier to identify and troubleshoot issues during development.

15
 CHAPTER: 3

REQUIREMENT
ANALYSIS AND DESIGN

16
3.1 PROBLEM DEFINATION

Before we start building a Men’s Salon Management System, we need to figure

out what we want the website to do and what the problems it should solve.

• Limited Reach: An offline salon's customer base is limited to its physical

location. We may miss out on customers who prefer online booking,
reviews, or are located outside your immediate area.

• Competitive Market: A salon industry is highly competitive. Without

offering unique or innovative services, it can be challenging to stand out and
attract a consistent customer.

• Seasonal Fluctuations: A salons may experience fluctuations in customer

demand, with some seasons being busier than others.

• Staffing Issues: Hiring and retaining skilled staff will be a challenge.

Turnover in the salon industry can be high, which can disrupt your salon's
operations and customer relationships.

• Time-Consuming: Operating a salon can be time-consuming, with long

hours often required. Balancing work-life and managing a successful salon
can be challenging.

17
3.2 REQIUREMENTS SPECIFICATION

➢ Functional Requirements:

1. Home Page:
• A visually appealing homepage with high-quality images of the salon,
staff, and services.
• A brief introduction to the salon and its mission.
• An action button which to direct visitors to book appointments.

2. Service List:
• A dedicated page listing all the services offered by the salon.
• A detailed description of each service, including pricing and duration.
• High-quality images related to each service.

3. Book Appointment:
• A form which requires basic details of customer such as (Name,
Phone, Email).
• Drop-Down list of a services so that customer have choice to choose
his listed service.
• An online booking system with a calendar displaying available time
slots.

4. Contact Page:
• Contact details, including the salon's physical address, phone number,
and email address.
• A list of social media links with respective logo of salon.
• A contact form for general inquiries and feedback from a customer.

18
➢ Non-Functional Requirements:

1. Responsive Design:

• Ensure the website is fully responsive, adapting to various screen sizes

and devices, including smartphones, tablets, and desktops.

2. Security:

• Customer and salon data must be securely stored and transmitted,

complying with data protections.
• Secure the website with HTTPS.

3. Performance:

• Optimizing the website for performing fast.

• The website should load quickly, with pages rendering in under 2-3
seconds.
• Compress images and minimize unnecessary scripts.

4. Accessibility:

• Ensure the website is accessible to people with disabilities, following

WCAG (Web Content Accessibility Guidelines) standards.
• The website should function consistently and correctly across various
web browsers.

5. Search Engine Optimization (SEO):

• Implement SEO best practices to improve the website's visibility on
search engines, making it easier for potential customers to find the
salon online.

19
3.3 HARDWARE AND SOFTWARE
REQUIREMENT

➢ SOFTWARE REQUIREMENTS:
• Operating System: Windows 10
• Code Editor: Visual Studio Code
• Programming Language: HTML, CSS, JAVASCRIPT, PHP
• Database: MYSQL
• Server Used: XAMPP CONTROL PANEL

➢ HARDWARE REQUIREMENTS:
• Processor: Intel i3 8th Gen
• Ram: 4 GB
• Storage: SSD or HDD

20
3.4 CONCEPTUAL MODELS

3.4.1 ENTITY RELATIONSHIP DIAGRAM:

An Entity-Relationship (ER) diagram is a visual representation used in
database design to model the structure of a database and its relationships
between different entities. An original ER diagram is typically created based
on the specific requirements and entities of the system you are designing. ER
diagrams are widely used in database design to illustrate how data entities
are related to each other.

21
3.4.2 DATA FLOW DIAGRAM:

A Data Flow Diagram is a visual representation of a system's data flows. It

provides a clear and structured view of how data moves through a system,
illustrating processes, data stores, data sources, and data destinations. DFDs
are widely used in system analysis and design to understand, document, and
improve the information flow within an organization or a software system.

DFD Level Zero

22
DFD Level One

23
3.4.3 USE CASE DIAGRAM:
A use case diagram is a visual representation in software engineering that shows
how different users or systems interact with a system or application. It's a way
to understand and communicate the various ways a system can be used and the
different roles or actors involved. Use case is use to show the interaction
between actors and the system. The actors in use case diagram describe the
functionality of the system and how actor uses it.

24
3.3.5 ACTIVITY DIAGRAM:
An activity diagram is a graphical representation used to model the flow of
activities and actions within a system, process, or workflow. It is particularly
useful for showing the sequence of steps, decisions, and parallel activities in a
system. Activity diagrams are commonly used in software engineering and
business process modeling.

User Activity Diagram:

25
Admin Activity Diagram:

26
3.3.6 SEQUENCE DIAGRAM:

A sequence diagram is a visual representation used in software

engineering to illustrate the interactions and order of messages between
different parts or objects of a system over a specific period of time.

27
3.3.7 CLASS DIAGRAM:

A class diagram is a visual representation used in software engineering to

illustrate the structure of a system or software application. It shows the
classes or objects in the system, their attributes (properties), methods
(functions or behaviors), and the relationships between them.

28
3.3.8 PACKAGE DIAGRAM:
A package diagram in software engineering is a visual representation that
shows the organization and structure of a software system or application.
It's used to group related elements, such as classes, interfaces, or other
components, into packages, which are like containers for organizing and
managing the software's architecture.

29
3.3.9 DEPLOYMENT DIAGRAM:
A deployment diagram is a type of UML (Unified Modeling Language)
diagram used in software engineering to depict the physical deployment of
software components within a computing system or network. It shows how
software and hardware elements interact in a real-world environment.

30
3.5 GANTT CHART

A Gantt chart is a widely used project management tool that provides a visual
representation of a project's schedule, tasks, and timeline. It helps project
managers and teams plan, track, and manage project activities.

31
 CHAPTER: 4
SYSTEM DESIGN

32
4.1 BASIC MODULES

4.1.1 USER MODULES:

1. User Profile:
• User can set up their own profiles with their names, email addresses, and
password.

2. User Dashboard:
• It is the dashboard where user can access all the features and information
about our services.
• User can type in what they’re looking for, Price lists and descriptions for
each service.

33
4.1.2 ADMIN MODULES

1. Admin Login:
• It Provides a secure login system for administration.
• It authenticates admins based on (username and password).

2. User Management:
• The admin can add or remove users, like salon owners.
• It's a bit like inviting friends to a party or asking them to leave if they're
causing trouble.

3. Content Management:
• The admin module helps control the content on the website.

4. Security:
• Admins are like guards. They make sure the website is safe and that
people's information is kept secret.

34
4.2 SCHEMA DESIGN

To make a real estate website, we need a plan, just like a blueprint for building a
house. This schema covers essential entities, such as users, admin, property,
selling, buying, renting. It establishes the relationship between these entities
through foreign keys. Here's how we can design our scheme.

CUSTOMER’S TABLE:

FIELD DATA TYPE CONSTRAINTS

Customer Id Int (20) PRIMARY KEY

Customer Name Varchar (20) NOT NULL

Password Varchar (20) NOT NULL

Email Varchar (20) NOT NULL

First Name Varchar (20) NOT NULL

Last Name Varchar (20) NOT NULL

Phone Number Varchar (20) NOT NULL

Address Varchar (50) NOT NULL

35
ADMIN’S TABLE:

FIELD DATA TYPE CONSTRAINTS

Admin Id Int (20) PRIMARY KEY
User Name Varchar (20) NOT NULL
Password Varchar (20) NOT NULL
Email Varchar (20) NOT NULL
Phone Number Varchar (20) NOT NULL

APPOINTMENT TABLE:

FIELD DATA TYPE CONSTRAINTS

Appointment Number Int (20) PRIMARY KEY

Customer Id Int (20) FOREIGN KEY

Employee Id Int (20) FOREIGN KEY

Service Varchar (20) NOT NULL

Date Date (20) NOT NULL
Time Time (20) NOT NULL
Created Date Date (20) NOT NULL
Updated Date Date (20) NOT NULL

SERVICE TABLE:

FIELD DATA TYPE CONSTRAINTS

Id Int (20) PRIMARY KEY

Service Name Varchar (20) NOT NULL

Cost Int (20) NOT NULL

Description Varchar (50) NOT NULL

36
4.3 USER INTERFACE DESIGN

➢ HOME PAGE:

➢ SERVICE PAGE:

37
➢ SIGNIN PAGE:

38
4.4 SECURITY ISSUES

Data Breaches:
➢ Customer Data: Salons collect personal information from customers,
such as names, contact details, and sometimes even payment information.
If this data is not properly protected, it can be a target for data breaches.
➢ Employee Data: Employee records and sensitive information should also
be protected to prevent unauthorized access.

Unauthorized Access:
➢ Weak or easily guessable passwords can lead to unauthorized access to
the website's administrative or customer areas.
➢ Inadequate access controls can allow unauthorized users to view, edit, or
delete sensitive data.

Cross-Site Scripting (XSS):

➢ XSS attacks occur when an attacker injects malicious scripts into web
pages viewed by other users. This can lead to session hijacking or data
theft.

Cross-Site Request Forgery (CSRF):

➢ CSRF attacks trick authenticated users into executing malicious actions
without their knowledge or consent. For example, an attacker could
change a user's password or preferences.

Insecure File Uploads:

➢ If the website allows file uploads (e.g., for profile pictures), it should
validate and restrict file types. Otherwise, attackers could upload
malicious files that compromise the server or the site's users.

Outdated Software:
➢ Failure to regularly update and patch the website's software, including the
content management system (CMS) and plugins, can leave it vulnerable
to known security issues.

39
Inadequate HTTPS Encryption:
➢ Failing to use HTTPS encryption can expose data transferred between the
user’s browser and the server to interception and tampering.

Lack of Data Backups:

➢ Not having regular data backups can lead to data loss in case of an attack
or technical failure.

Third-Party Integrations:
➢ If the website integrates with third-party services or plugins, security
weaknesses in those services can impact the overall security of the
website.

To mitigate these security issues, Salon Management System

Should:

• Implement strong access controls and authentication mechanisms.

• Regularly update and patch all software components.
• Perform security assessments and penetration testing.
• Employ HTTPS encryption. Educate staff on security best practices.
• Regularly back up data and have a disaster recovery plan.
• Monitor the website for security threats and unusual activities.
• It's advisable to consult with cybersecurity experts or employ the services
of a web security professional to assess and enhance the security of a
salon website.

40
 4.5 TEST CASES DESIGN

➢ DEFINE TEST CASE:

A test case is a collection of parameters or conditions that a tester uses to
assess whether a system is functioning properly or meeting requirements.
Creating test cases can also assist in identifying issues with specifications
or application design.

Test ID Component Description Expected Result

1 User ID Textbox - For It should accept only

entering User Id. User Id.

2 Password Textbox - For It should be at least 8

entering password. digits with number,
character and symbols.

3 Login Button - For The user should be

submitting User Id directed to the home
and password for page.
logging in.
4 Logout Button - For User should be logged
logging out the user out and be directed to
from the system. login page.

5 Appointment Search Bar – For Only admin can see list

searching list of of appointments fill by
appointments Customers

6 Invoice Search Bar – For Only admin can see list

searching list of of appointments which
Invoices generated for customers

7 Book Form – Fill Details User should fill the

Appointment for book an form if they want to
appointment book an appointment

41
 CHAPTER: 5
IMPLIMENTATION

42
5.1 IMPLEMENTATION APPROACHES
For website building, several software development models or methodologies can be used,
depending on the project's requirements, complexity, team size, and other factors. Some
common methodologies used in website development include:

Waterfall Model: This model follows a sequential approach, where each phase (requirements,
design, implementation, testing, deployment, maintenance) is completed one after another.
It's suitable for small and well-defined projects where requirements are unlikely to change.

Prototyping Model: In this model, a basic prototype of the website is developed early in the
process, allowing stakeholders to visualize the final product and provide feedback. Iterations
are made based on feedback until the final product meets requirements.

RAD (Rapid Application Development) Model: RAD emphasizes rapid prototyping and
iterative development. It's beneficial for projects with tight deadlines and changing
requirements, as it enables quick turnaround times and flexibility.

Incremental Model: This model divides the project into small increments or modules that are
developed and delivered incrementally.

43
System Implementation is the process of: -

• Defining how the information system should be built, known as physical system design,
is a critical phase in the development process.
• Ensuring that the information system is operational and used is a fundamental objective
of any development effort.
• Quality assurance plays a pivotal role in ensuring that the information system meets
established standards and expectations.

Undertaking the testing phase for my "Real Estate Website" project, I've reached the testing
phase after following the step-by-step Waterfall approach. Since I'm the sole owner of this
project, I've taken care of everything from gathering requirements to development and now
testing. As I move into testing, I'll be responsible for making sure everything works as
intended. This means checking all the different parts of the website to ensure they function
correctly and meet the requirements I set out at the beginning. It's a crucial step to make sure
the website is ready for use and meets the needs of its users.

5.2 CODING DETAILS

Admin Login

<?php
session_start();

44
index.php :

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Men Salon Management System || Home Page</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,5
00i,700,700i%7cMontserrat:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Style -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js
"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js "></script>
<![endif]-->
</head>

<body>
<?php include_once('includes/header.php');?>
<div class="hero-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<h1 class="hero-title">Men's salon Management System</h1>
<p class="hero-text"><strong>Your Types. Your Style. Your Color.</strong>
</p>
<a href="appointment.php" class="btn btn-default">Make an Appointment</a>
</div>

45
</div>
</div>
</div>

<div class="space-medium bg-default">

<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"><img src="images/about-
img.jpg" alt="" class="img-responsive"></div>
<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
<div class="well-block">
<?php

$ret=mysqli_query($con,"select * from tblpage where PageType='aboutus' ");

$cnt=1;
while ($row=mysqli_fetch_array($ret)) {

?>
<h1><?php echo $row['PageTitle'];?></h1>
<h5 class="small-title ">best experience ever</h5>
<p><?php echo $row['PageDescription'];?></p><?php } ?>
</div>
</div>
</div>
</div>
</div>

<?php include_once('includes/footer.php');?>
<!-- /.footer-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -
->
<script src="js/bootstrap.min.js"></script>
<script src="js/menumaker.js"></script>
<!-- sticky header -->
<script src="js/jquery.sticky.js"></script>
<script src="js/sticky-header.js"></script>
</body>

</html>

46
adminLogin.php:

<?php
session_start();
error_reporting(0);
include('includes/dbconnection.php');

if(isset($_POST['login']))
{
$adminuser=$_POST['username'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"select ID from tbladmin where
UserName='$adminuser' && Password='$password' ");
$ret=mysqli_fetch_array($query);
if($ret>0){
$_SESSION['bpmsaid']=$ret['ID'];
echo "<script type='text/javascript'> document.location ='dashboard.php';
</script>";
}
else{
echo "<script>alert('Invalid Details');</script>";
}
}
?>
<!DOCTYPE HTML>
<html>
<head>
<title>MSMS | Login Page </title>

<script type="application/x-javascript"> addEventListener("load", function() {

setTimeout(hideURLbar, 0); }, false); function hideURLbar(){
window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- font CSS -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- js-->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/modernizr.custom.js"></script>

47
<!--webfonts-->
<link
href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,
400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--//end-animate-->
<!-- Metis Menu -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<link href="css/custom.css" rel="stylesheet">
<!--//Metis Menu -->
</head>
<body class="">
<div class="main-content">

<!-- main content start-->

<div id="page-wrapper">
<div class="main-page login-page ">
<h3 class="title1">SignIn Page</h3>
<div class="widget-shadow">
<div class="login-top">
<h4>Welcome back to MSMS AdminPanel ! </h4>
</div>
<div class="login-body">
<form role="form" method="post" action="">

<input type="text" class="user" name="username" placeholder="Username"

required="true">
<input type="password" name="password" class="lock"
placeholder="Password" required="true">
<input type="submit" name="login" value="Sign In">
<div class="forgot-grid">

<div class="forgot">
<a href="../index.php">Back to Home</a>
</div>
<div class="clearfix"> </div>

48
</div>
<div class="forgot-grid">

<div class="forgot">
<a href="forgot-password.php">forgot password?</a>
</div>
<div class="clearfix"> </div>
</div>
</form>
</div>
</div>

</div>
</div>

</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeftPush = document.getElementById( 'showLeftPush' ),
body = document.body;

showLeftPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toright' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeftPush' );
};

function disableOther( button ) {

if( button !== 'showLeftPush' ) {
classie.toggle( showLeftPush, 'disabled' );
}
}
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script></body></html>

49
Appointment.php :

<?php

include('includes/dbconnection.php');
session_start();
error_reporting(0);
include('includes/dbconnection.php');
if (isset($_POST['submit'])) {

$name = $_POST['name'];
$email = $_POST['email'];
$services = $_POST['services'];
$adate = $_POST['adate'];
$atime = $_POST['atime'];
$phone = $_POST['phone'];
$aptnumber = mt_rand(100000000, 999999999);

$query = mysqli_query($con, "insert into

tblappointment(AptNumber,Name,Email,PhoneNumber,AptDate,AptTime,Serv
ices) value('$aptnumber','$name','$email','$phone','$adate','$atime','$services')");
if ($query) {
$ret = mysqli_query($con, "select AptNumber from tblappointment where
Email='$email' and PhoneNumber='$phone'");
$result = mysqli_fetch_array($ret);
$_SESSION['aptno'] = $result['AptNumber'];
echo "<script>window.location.href='thank-you.php'</script>";
} else {
echo "<script>alert('Something Went Wrong. Please try again.');</script>";
}
}

?>
<!DOCTYPE html>
<html lang="en">

<head>

<title>Men Salon Management System || Appointments Form</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Google Fonts -->
<link

50
href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,5
00i,700,700i%7cMontserrat:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Style -->
<link href="css/style.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and
media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></scr
ipt>
</head>

<body>
<?php include_once('includes/header.php'); ?>
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="page-caption">
<h2 class="page-title">Book Appointment</h2>
<div class="page-breadcrumb">
<ol class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li class="active">Book Appointment</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="container">

51
 <div class="row">

<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">

<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1>Appointment Form</h1>
<p> Book your appointment to save salon rush.</p>
<form method="post">
<div class="row">
<div class="col-md-12">
<label class="control-label"
for="name">Name</label>
<input type="text" class="form-control" id="name"
placeholder="Name" name="name" required="true"
onkeyup="nameValidator()">
<b id="nameError" style="color:red"><b>
</div>
<div class="col-md-12">
<label class="control-label"
for="phone">phone</label>
<input type="text" class="form-control" id="phone"
name="phone" placeholder="Phone" required="true" maxlength="10"
onkeyup="phoneValidator()">
<b id="phoneError" style="color:red"><b>
</div>
<div class="col-md-12">
<label class="control-label"
for="email">email</label>
<input type="email" class="form-control"
id="appointment_email" placeholder="Email" name="email" required="true"
onfocusout="emailValidator()">
<b id="emailError" style="color:red"><b>
</div>
<div class="col-md-12">
<label class="control-label"
for="Subject">Services</label>
<select name="services" id="services" required="true"
class="form-control">
<option value="">Select Services</option>
<?php $query = mysqli_query($con, "select * from
tblservices");
while ($row = mysqli_fetch_array($query)) {
?>

52
 <option value="<?php echo $row['ServiceName'];
?>"><?php echo $row['ServiceName']; ?></option>
<?php } ?>
</select>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<label class="control-label"
for="textarea">Appointment Date</label>
<input type="date" class="form-control
appointment_date" placeholder="Date" name="adate" id='inputdate'
required="true" min="maxDate">
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<label class="control-label"
for="textarea">Appointment Time</label>
<input type="time" class="form-control
appointment_time" placeholder="Time" name="atime" id='atime'
required="true">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<button type="submit" id="submit" name="submit"
class="btn btn-default">Book</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include_once('includes/footer.php'); ?>
<!-- /.footer-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as
needed -->

53
<script src="js/bootstrap.min.js"></script>
<script src="js/menumaker.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/sticky-header.js"></script>
<script src="js/book.js"></script>

<script type="text/javascript">
$(function() {
var dtToday = new Date();

var month = dtToday.getMonth() + 1;

var day = dtToday.getDate() + 1;
var year = dtToday.getFullYear();
if (month < 10)
month = '0' + month.toString();
if (day < 10)
day = '0' + day.toString();
var maxDate = year + '-' + month + '-' + day;
$('#inputdate').attr('min', maxDate);
});

function nameValidator() {
let name = document.getElementById("name").value;
let nameError = document.getElementById("nameError");
if (!(/^[a-zA-z\s]*$/).test(name)) {
nameError.innerHTML = "Name contain only letters and alphabet";
} else {
nameError.innerHTML = "";
}
}

function phoneValidator() {
let phone = document.getElementById("phone").value;
let phoneError = document.getElementById("phoneError");
if ((/^\d{10}$/).test(phone) || phone < 9999999999) {
phoneError.innerHTML = "";
} else if (phone != "") {
phoneError.innerHTML = "Phone contain only digits";
}
}

function emailValidator() {
let email = document.getElementById("appointment_email").value;

54
 let emailError = document.getElementById("emailError");
if (String(email).includes('@') && String(email).includes('.')) {
emailError.innerHTML = "Valid email";
emailError.style.color = "green";
} else {
emailError.innerHTML = "Invalid email";
emailError.style.color = "red";
}
}

}
</script>
</body>

</html>

55
5.3 TEST CASES

Software testing is an investigation conducted to provide

stakeholders with information about the quality of the product or
service under test.

The Main Moto of testing is to:

• Catch as many errors as possible.

• Correct the errors.
• Track the errors to understand their causes and any patterns that may
exist.
• Revalidate the stability of the solutions, including ensuring that the
correction of one error does not lead to introduction of another error
somewhere else.

Testing is done on the following levels:

Usability Testing:
To make sure a website is user-friendly and easy to use, it is necessary to
assess its user interface (UI) and user experience (UX). Surveys, interviews,
and user interaction with the website can all be used for usability testing.

Functional Testing:
This guarantees that the website performs as intended in every way. Product
search, category browsing, adding goods to the basket, the checkout process,
processing payments, user registration, and other functions are all tested.

56
Security Testing:
Protecting sensitive client data, including payment information, requires this. To
make sure the website conforms with industry standards like PCI DSS (Payment
Card Industry Data Security Standard), security testing comprises vulnerability
scanning, penetration testing, and compliance testing.

5.4 TEST CASES, TEST DATA AND TEST RESULTS

A Test Case is a set of actions executed to verify a particular feature or
functionality of your software application.
This tutorial describes test case designing and the importance of its various
components.
Now, consider the Test Scenario Check Login Functionality there many
possible cases like

Test Case 1: Check results on entering valid User Id & Password

Test Case 2: Check results on entering Invalid User ID & Password
Test Case 3: Check response when Username and password is Empty & Login
Button is pressed,
and many more

This is nothing but Test Case. Test scenarios are rather vague and cover a wide
range

57
No Form Test Step / Input test
Expected Actual Pass /
name condition procedure data result output fail
1 Login Check Username Display
Username: Display Pass
login with admin message: message:
with valid wrong “invalid
Password: “invalid
input password admin username username
or or
password” password
2 Login Check Wrong Username: Display Display pass
login username ADMIN message: message:
with with Password: “invalid “invalid
invalid correct admin username username
input password or or
password password
3 Customer Check If numbers Name: Display Display Pass
alphabetic are hello123 message: message:
values inserted “only “only
characters characters
are are
allowed” allowed”
4 Customer Check If phone 78945612374 Display Display Pass
phone number message: message:
number is more “enter 10 “enter 10
than digit digit
10 digit number number
only” only”
5 Customer Check If phone 7894561 Display Display Pass
phone number message: message:
number is less “phone “phone
than 10 number number
digit cannot be cannot
less than be less
10 digit. than 10
digit.
6 Customer Check abc @ Hello.com Display Display pass
email mail.com message: message:
address is not “email is “email is
specified expected” expected”

58
Chapter:6

OUTPUT

59
Sign in page:

Dashboard:

All appointment :

60
Invoice list:

61
 CHAPTER 7

CONCLUSION AND
FUTURE SCOPE OF
PROJECT

62
Conclusion:

The Men's Salon Management System (MSMS) is a comprehensive platform

designed to streamline the operations of men's salons. By integrating features like
appointment scheduling, customer management, staff organization, inventory
tracking, and financial management, MSMS aims to enhance efficiency and improve
the overall customer experience. With its ability to automate routine tasks and
provide valuable insights through data analytics, MSMS holds promise as a valuable
tool for salon owners looking to optimize their operations and grow their business.

Significance:

MSMS offers several significant benefits to salon owners and managers. Firstly, it
improves efficiency by automating tasks such as appointment scheduling and
inventory management, thereby saving time and reducing manual effort. Secondly, it
enhances the customer experience by providing convenient features like online
appointment booking and personalized customer profiles. Thirdly, MSMS enables
effective resource management by facilitating staff scheduling, inventory tracking,
and financial monitoring. Lastly, it empowers salon owners with data-driven insights
and reporting capabilities, enabling informed decision-making and business analysis.

Limitations:

Despite its advantages, MSMS may encounter certain limitations. Firstly, the initial
setup and configuration process, including data migration and staff training, can be
time-consuming. Secondly, the system's reliance on stable internet connectivity and
regular software updates may pose technical challenges. Thirdly, the implementation
and licensing costs associated with MSMS may present a financial barrier for some
salon owners. Lastly, user adoption may be hindered by resistance to change and the
learning curve associated with using new software.

Future Scope:

Looking ahead, MSMS holds promise for further development and enhancement.
Firstly, integrating MSMS with online platforms such as salon websites and mobile
apps can enhance customer engagement and accessibility. Secondly, incorporating
advanced analytics and machine learning algorithms can provide deeper insights into
customer preferences, staff performance, and business trends. Thirdly, enhancing
communication tools such as SMS notifications, email marketing, and social media
integration can improve client communication and service promotion. Additionally,
expanding service offerings to include online product sales, loyalty programs, and
customer reviews can further enrich the MSMS experience. Finally, customizing

63
MSMS to cater to specific regional requirements and languages can broaden its
market reach, both locally and internationally.

In summary, the Men's Salon Management System presents a valuable solution for
salon owners seeking to optimize their operations, improve customer satisfaction,
and drive business growth. While it may face challenges and opportunities for
improvement, MSMS remains a promising tool for the evolving needs of the salon
industry.

64
 BIBLOGRAPHY

For PHP:
➢ https://www.w3schools.com/php/default.asp
➢ https://www.sitepoint.com/php/
➢ https://www.php.net/

For MySQL:
➢ https://www.mysql.com/
➢ http://www.mysqltutorial.org

For XAMPP:
➢ https://www.apachefriends.org/download.html

65