BAG SHOP MANAGEMENT SYSTEM

Bachelor of Science in Information Technology

The New College

(An Autonomous Institution affiliated to University of Madras and
Accredited by NAAC with A++ Grade in the 4th Cycle)
CHENNAI – 600 014

Under the guidance of

Mr.S.Basheer Ahmed
By
NAME OF THE STUDENT : A .Mohammed Harris
REGISTER NO : 2113181097032

DEPARTMENT OF INFORMATION TECHNOLOGY

THE NEW COLLEGE, CHENNAI – 600 014
 The New College
(An Autonomous Institution affiliated to University of Madras and
Accredited by NAAC with A++ Grade in the 4th Cycle)
CHENNAI-600 014
BONAFIDE CERTIFICATE

This is to certify that the Mini Project work entitled Bag Shop Management System is a bonafide
record of the project work done by A.Mohammed Harris with Register No.:2113181097032 is in partial
fulfilment for the award of degree of Bachelor of Science in Information Technology during
the academic year 2023 – 2024.

Mr.S.Basheer Ahmed Prof. K. Syed Mohamed Bukari

PROJECT GUIDE HEAD OF THE DEPARMENT

Submitted for the Project Viva – Voce examination in THE NEW COLLEGE, Chennai held on

INTERNAL EXAMINER EXTERNAL EXAMINER

Date:
Place:
 ACKNOWLEDGEMENT
First of all, I thank the Almighty for blessing me with his abundance grace in completing my

project successfully. I express my sincere gratitude to the Principal Dr. M. Asrar Sheriff., M.Sc.,

M.Phil., Ph.D., for permitting me to do the project with full spirit.

I am pleased to acknowledge my great thanks to Prof. K. Syed Mohamed Bukari., M.Sc.,

M.Phil., Head of the Department of Information Technology for his motivation and support to

do the project.

My sincere thanks to my guide Mr.S.Basheer Ahmed Assistant Professor, Department of

Information Technology for his valuable guidance and encouragement for finishing this project

successfully.

I thank all the Staff Members of Department of Information Technology for the needy assistance

for completing the project. I acknowledge my heartfelt thanks to my parents for their

encouragement, social and economic support for completing this project successfully.

Signature
 INDEX
S.NO CONTENTS PAGE NO
1 INTRODUCTION
ABSTRACT

2 PROJECT DESCRIPTION
EXISTING SYSTEM
PROPOSED SYSTEM
MODULES
3 SYSTEM SPECIFICATION
HARWARE REQUIREMENT
SOFTWARE REQUIREMENT
ABOUT THE SOFTWARE
4 SYSTEM DESIGN
DATABASE DESIGN
USECASE DIAGRAM
5 SYSTEM IMPLEMENTATION
DB TABLES
SAMPLE SOURCE CODE
REPORT
6 SYSTEM TESTING
UNIT TESTING
7 SYSTEM MAINTENANCE
FUTURE ENHANCEMENT
8 CONCLUSION
CONCLUSION
9 BIBLIOGRAPHY
BIBILIOGRAPHY
INTRODUCTION
 ABSTRACT

The purpose of creating an online bag shop management system is to streamline operations, optimize
inventory management, and enhance customer experience in the e-commerce domain. It enables efficient
inventory tracking, sales monitoring, and order processing, leading to improved productivity and reduced
manual workload. The system facilitates seamless customer management, personalized marketing, and
secure online transactions, fostering customer satisfaction and loyalty. Additionally, it provides robust
financial reporting, integration with third-party applications, and scalability to support business growth
and expansion. Overall, the system aims to drive operational efficiency, boost sales revenue, and establish
a competitive edge in the online bag retail market.

Furthermore, the system supports seamless integration with other business systems and third-party
applications, such as accounting software, payment gateways, and shipping carriers, enhancing
operational efficiency and scalability.Moreover, by offering a user-friendly online shopping experience,
the system attracts a broader customer base, increases brand visibility, and expands market reach beyond
geographical limitations.Furthermore, the system enhances security by implementing robust data
encryption, secure payment processing, and user authentication mechanisms, safeguarding sensitive
customer information and preventing unauthorized access or fraudulent activities.Additionally, the system
facilitates effective marketing and promotional activities through features such as customer segmentation,
email marketing, discount codes, and loyalty programs, driving customer engagement and retention.

Furthermore, the system enables efficient vendor management by maintaining vendor profiles, purchase
histories, and communication logs. It facilitates communication with suppliers, tracks order statuses, and
ensures timely replenishment of inventory, optimizing supply chain management.
PROJECT DESCRIPTION
 EXISTING SYSTEM

The existing system for bag shop management typically involves manual processes and disjointed tools
for various tasks such as inventory management, sales tracking, and customer management. In many
cases, businesses may rely on spreadsheets or basic software solutions to handle these tasks separately,
leading to inefficiencies and potential errors.
Inventory management may involve manual stock counts and updates, resulting in inaccuracies and
stockouts. Sales tracking may rely on manual record-keeping, making it difficult to analyze sales trends
and performance effectively. Customer management may involve maintaining separate records for each
customer and manually processing orders and inquiries.
Overall, the existing system lacks integration, automation, and scalability, hindering the bag shop's ability
to streamline operations and provide a seamless shopping experience for Customer

PROPOSED SYSTEM

This system will make the customer easy to shopping bag they wanted. Continuously, it consists of two
main component Admin side and user side. In this system, the user needs to register to the system by
filling the form. Eventually, they can log in to the system and shop for the bag they want.
This Modern Bag system shows the bag categories according to the brand. A small fashion store, it has
constantly grown and become a system of young fashion stores, one of the leading fashion brands. In this
system, the user can find handbags, backpacks, wallets, etc. Continuously, the user can find young
people’s bags
SYSTEM SPECIFICATION
 HARDWARE REQUIREMENT:

Hardware is a term that refers to all the physical parts that make up a computer.the internal hardware
devices that make up the computer.various devices which are essentials to form a hardware is called as
components
Following details are my hardware specification that is useful to develop this project is as follows:

Device Specifications
Device name Lenovo
Processor AMD PRO A4-3350B APU with Radeon R4 Graphics 2.00 GHz
Installed RAM4.00 GB (3.46 GB usable)
Device ID 24BB6043-A8CC-4D1E-BADE-31BEE1765F35
Product ID 00379-20000-00001-AAOEM
System type 64-bit operating system, x64-based processor
Pen and touch No pen or touch input is available for this display

Windows Specification
EditionWindows 10 Pro Education
Version 22H2
Installed on 24-09-2023
OS build 19045.3208
Experience Windows Feature Experience Pack 1000.19041.1000.0
 SOFTWARE REQUIREMENT

Computer software or simply software is a collection of data or computer instructions that tell the
computer how to work.This is in contrast to physical hardware,from which the system is build and
actually performs the work

The technologies used in this project are:

VS Code (Visual Studio Code)
XAMPP (For SQL Database)
HTML: Page layout and design
CSS: Design
JS: Frontend
PHP: Backend
Bootstrap
Java Script

Supported Operating Systems for Modern Bag:

You can run this project in the following operating systems:
Windows:
MAC:
Linux:
 MODULES

User Management Module:

This module handles user registration,login and profile management.It allows user to create
accounts,update their personal information,and manage their preference

Product Catalog:
The Product Catalog module manages the inventory of products available on the platform..It
include functionalities such as product listing ,categorization,search capabilities.Product details,including
descriptions,images,pricing,and availability are stored and managed within this module

Shopping Cart Module:

The Shopping Cart modul enables users to select and store items they wish to purchase.It allows
users to add,remove,or modify items in their cart before proceeding to the checkout process

Payment Gateway Module:

The Payment Gateway module handles secure payment transactions.It integrates with payment
service providers to facilities various payment menthod such as credits cards,debits cards,and online
payments systems

Wishlist and Favorites Module:

The Wishlist and Favorities module allows users to save product they are intrested in for future
referencers.Users can create and manage their wishlists,adding products they intend to purchase or save
for later.Additionally,users can mark poducts as favorites,making it easier to access and track their
preferred item
SYSTEM DESIGN
 ABOUT THE SOFTWARE

About VS Code (Visual Studio)

Visual Studio is an integrated development environment (IDE) created by Microsoft. It's widely used for
developing computer programs, websites, web apps, mobile apps, and cloud-based services. Visual Studio
supports multiple programming languages such as C#, C++, Python, JavaScript, PHP and more. It
provides features like code editing, debugging, version control, and collaboration tools to streamline the
development process.

About XAMPP(For SQL Database)

XAMPP is a free and open-source cross-platform web server solution stack package developed by Apache
Friends. It stands for Cross-Platform (X), Apache (A), MariaDB/MySQL (M), PHP (P), and Perl (P).
XAMPP is designed to facilitate web development and testing on local machines. It includes Apache
HTTP Server, MariaDB/MySQL database, PHP interpreter, and Perl programming language interpreter.

XAMPP is commonly used by developers for creating and testing dynamic web applications locally
before deploying them to a live server. It provides a convenient way to set up a local development
environment without the need to install and configure each component individually. Additionally,
XAMPP includes phpMyAdmin, a web-based database administration tool, for managing MySQL
databases.

Overall, XAMPP simplifies the process of setting up a local web server environment for developers
working on PHP-based web projects. It is available for Windows, Linux, and macOS platforms.
SYSTEM DESIGN
 DATABASE DESIGN:

MySQL is a Relational Database Management System (RDBMS) developed by Oracle that is based on
Structured Query Language (SQL). MySQL is one of the most recognizable technologies in the modern
big data ecosystem. Often called the most popular database and currently enjoying widespread, effective
use regardless of industry, it’s clear that anyone involved with enterprise data or general IT should at least
aim for a basic familiarity of MySQL. With MySQL, even those new to relational systems can
immediately build fast, powerful, and secure data storage systems. MySQL’s programmatic syntax and
interfaces are also perfect gateways into the wide world of other popular query languages and structured
data stores.

A database is a structured collection of data. It may be anything from a simple shopping list to a picture
gallery or a place to hold the vast amounts of information in a corporate network. In particular, a
relational database is a digital store collecting data and organizing it according to the relational model. In
this model, tables consist of rows and columns, and relationships between data elements all follow a strict
logical structure. An RDBMS is simply the set of software tools used to actually implement, manage, and
query such a database.

MySQL is integral to many of the most popular software stacks for building and maintaining everything
from customer-facing web applications to powerful, data- driven B2B services. Its open-source nature,
stability, and rich feature set, paired with ongoing development and support from Oracle, have meant that
internet-critical organizations such as Facebook, Twitter, Wikipedia, and YouTube all employ

MySQL backends.
ENTITE RELATIONSHIP DIAGRAM
SYSTEM IMPLEMENTATION
 DATABASE TABLES

1)Registration
This is MySQL Database Which the Administration can manage the User Registration details
2)Login ID
This is MySQL Database Which the Administration can manage the User Login details
 SAMPLE SOURCE CODE
1) Index
<?php
session_start();
error_reporting(E_ALL ^ E_DEPRECATED);
require_once 'connection.php';
$href = '../';

if(isset($_GET['error'])) {
$error = 'Vui lòng kiểm tra lại tên đăng nhập và mật khẩu';
}
else
$error = '';
$prd = 0;
if (isset($_SESSION['cart'])) {
$prd = count($_SESSION['cart']);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">

<link rel="stylesheet" href="bower_components/datatables/media/css/jquery.dataTables.min.css">

<link rel="stylesheet" type="text/css" href="dist/css/home_admin.css">

 <link rel="stylesheet" type="text/css" href="dist/css/style.css">

<style>
body {
background-image: url('../images/bgadmin.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="container" style="margin-top:200px">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="panel panel-danger">
<div class="panel-heading">
<center> <strong> ĐĂNG NHẬP VÀO TÀI KHOẢN</strong>
</center>
<p style="color: red"><?php echo $error;?></p>
</div>
<div class="panel-body">
<form action="login-back.php" method="POST">
<div class="row">
<div class="center-block">
<!-- <img class="profile-img"
src="images\7efeebc96a0be5e2d1834a60048a3c09.jpg" alt="">-->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-1 ">
<div class="form-group">
 <div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user"></i>
</span>
<input class="form-control" placeholder="Username" name="user-name"
type="text" required="">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-lock"></i>
</span>
<input class="form-control" placeholder="Password" name="password"
type="password" value="" required="">
</div>
</div>
<div class="form-group">
<input type="submit" style="background: #15aeb4;" class="btn btn-md btn-
block" name = "submit" value="Đăng nhập" >
</div>
</div>
</div>
</form>
</div>
<div class="panel-footer ">
<center style="color:#15aeb4;"> Modern Bag
</center>
</div>
</div>
</div>
</div>
</div>
2) Login
<?php
session_start();
error_reporting(E_ALL ^ E_DEPRECATED);
$href = '../';
require_once'connection.php';
$prd = 0;
if (isset($_SESSION['cart'])) {
$prd = count($_SESSION['cart']);
}
if(isset($_GET['error'])) {
$error = 'Please check ID or password again';
}else
$error = '';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="dist/css/home_admin.css">
<link rel="stylesheet" type="text/css" href="dist/css/style.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-
awesome.min.css">
<link rel="stylesheet" type="text/css"
href="bower_components/bootstrap/dist/datatables/media/css/jquery.dataTables.min.css">
<style>
body {
background-image: url('../images/bgadmin.jpg');
background-position: center;
background-repeat: no-repeat;
 background-size: cover;
}
</style>
</head>
<body>
<div class="container" style="margin-top:200px">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="panel panel-danger">
<div class="panel-heading">
<center> <strong> ĐĂNG NHẬP VÀO TÀI KHOẢN</strong>
</center>
<p style="color: red"><?php echo $error;?></p>
</div>
<div class="panel-body">
<form action="login-back.php" method="POST">

<div class="row">
<div class="center-block">
<!-- <img class="profile-img"
src="images\7efeebc96a0be5e2d1834a60048a3c09.jpg" alt="">-->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-1 ">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user"></i>
</span>
<input class="form-control" placeholder="Username" name="user-name"
type="text" required="">
 </div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-lock"></i>
</span>
<input class="form-control" placeholder="Password" name="password"
type="password" value="" required="">
</div>
</div>
<div class="form-group">
<input type="submit" style="background: #15aeb4;" class="btn btn-md btn-
block" name = "login" id="login" value="Đăng nhập" >
</div>
</div>
</div>
</form>
</div>
<div class="panel-footer ">
<p style="color:#15aeb4;">Modern Bag</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

3) Logout
<?php
session_start();
session_unset();
session_destroy();
header("location:../admin/index.php");
exit();
?>

4) Register
<?php
include "db.php";
$f_name = $_POST["f_name"];
$l_name = $_POST["l_name"];
$email = $_POST['email'];
$password = $_POST['password'];
$repassword = $_POST['repassword'];
$mobile = $_POST['mobile'];
$address1 = $_POST['address1'];
$address2 = $_POST['address2'];
$name = "/^[A-Z][a-zA-Z ]+$/";
$emailValidation = "/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9]+(\.[a-z]{2,4})$/";
$number = "/^[0-9]+$/";
if (empty($f_name) || empty($l_name) || empty($email) || empty($password) || empty($repassword) ||
empty($mobile) || empty($address1) || empty($address2)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert'
aria-label='close'>&times;</a><b>Các trường không được để trống!</b>
</div>
";
exit();
} else {
if (!preg_match($name, $f_name)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
 <b>$f_name không hợp lệ!</b>
</div>
";
exit();
}
if (!preg_match($name, $l_name)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>$l_name không hợp lệ!</b>
</div>
";
exit();
}
if (!preg_match($emailValidation, $email)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Địa chỉ $email Không hợp lệ!</b>
</div>
";
exit();
}
if (strlen($password) < 8) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Mật khẩu quá yếu!</b>
</div>
";
exit();
}
if (strlen($repassword) < 8) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Mật khẩu quá yếu!</b>
</div>
";
exit();
}
if ($password != $repassword) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Mật khẩu không khớp!</b>
</div>
";
}
if (!preg_match($number, $mobile)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Số điện thoại $mobile không hợp lệ!</b>
</div>
";
exit();
}
if ((strlen($mobile) < 10) || (strlen($mobile) > 11)) {
echo "
<div class='alert alert-warning'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Số điện thoại tối thiểu 10 số!</b>
</div>
 ";
exit();
}
//existing email address in our database
$sql = "SELECT user_id FROM user_info WHERE email = '$email' LIMIT 1";
$check_query = mysqli_query($con, $sql);
$count_email = mysqli_num_rows($check_query);
if ($count_email > 0) {
echo "
<div class='alert alert-danger'>
<a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>
<b>Email này đã tồn tại bởi một tài khoản khác, vui lòng thử lại!</b>
</div>
";
exit();
} else {
// $password = md5($password);
$password = ($password);
$sql = "INSERT INTO `user_info`
(`user_id`, `first_name`, `last_name`, `email`,
`password`, `mobile`, `address1`, `address2`)
VALUES (NULL, '$f_name', '$l_name', '$email',
'$password', '$mobile', '$address1', '$address2')";
$run_query = mysqli_query($con, $sql);
if ($run_query) {
echo "
<div class='alert alert-success'>
<a href='#' class='close' data-dismiss='alert' aria-
label='close'>&times;</a>
<b>Đăng kí thành công !</b>
</div>
<script type='text/javascript'>
 $('#f_name').val('');
$('#l_name').val('');
$('#email').val('');
$('#password').val('');
$('#repassword').val('');
$('#mobile').val('');
$('#address1').val('');
$('#address2').val('');
</script>
";
}
}
}
?>

5)Cart
<?php
session_start();
if (!isset($_SESSION["uid"])) {
header("location:index.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="images/icon.png" type="image/x-icon"/>
<title>Giỏ hàng | <?php echo "" . $_SESSION["name"]; ?></title>
<?php
include 'cssfile.php';
?>

</head>
 <body>
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<header id="header"><!--header-->
<div class="header_top navbar-fixed-top"><!--header_top-->
<div class="container">
<div class="row">
<div class="col-sm-6 ">
<div class="contactinfo">
<ul class="nav nav-pills">
<li><a href="index.php"><i class="fa fa-home"></i> Modern Bag</a></li>
<li><a href="tel:+84123456789"><i class="fa fa-phone"></i> +84123456789
</a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope"></i>
[email protected]</a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="social-icons pull-right">
<ul class="nav navbar-nav">
<li><a href=""><i class="fa fa-facebook"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-linkedin"></i></a></li>
<li><a href=""><i class="fa fa-dribbble"></i></a></li>
<li><a href=""><i class="fa fa-google-plus"></i></a></li>

<li><a style="height: 37px;" href="#" id="cart_container" class="dropdown-

toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart
function_for_user_span"></span>Giỏ hàng<span class="badge"> 0</span></a>
 <div class="dropdown-menu function_for_user" style="width:500px; margin-
left: -540px">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-md-3 col-xs-3">Số thứ tự</div>
<div class="col-md-3 col-xs-3">Mặt hàng</div>
<div class="col-md-3 col-xs-3">Tên sản phẩm</div>
<div class="col-md-3 col-xs-3">Giá tiền</div>
</div>
</div>
<div class="panel-body">
<div id="cart_product">
<!--<div class="row">
<div class="col-md-3">Sl.No</div>
<div class="col-md-3">Product Image</div>
<div class="col-md-3">Product Name</div>
<div class="col-md-3">Price in $.</div>
</div>-->
</div>
</div>
<div class="panel-footer"></div>
</div>
</div>
</li>
<li>&nbsp</li>
<li><a style="height: 37px;" href="#" class="dropdown-toggle" data-
toggle="dropdown"><span class="glyphicon glyphicon-user function_for_user_span"></span><?php
echo "Hi, " . $_SESSION["name"]; ?></a>
<ul style="height: 130px;" class="dropdown-menu">

<li><a href="cart.php" style="font-size: 17px; text-decoration:none;

color:blue;"><span class="fa fa-archive"> Giỏ hàng</a></li>
 <li><a href="#popup1" style="font-size: 17px; text-decoration:none;
color:blue;"><span class="fa fa-refresh"> Thay đổi mật khẩu</a></li>

<li><a href="logout.php" style="font-size: 17px; text-decoration:none;

color:blue;"><span class="fa fa-reply"> Đăng xuất</a></li>
</ul>
</li>
<!-- <li><a href="customer_registration.php" class="function_for_user"<span
class="glyphicon glyphicon-user function_for_user_span"></span>Đăng kí</a></li>-->

</ul>
</div>
</div>
</div>
</div>
</div><!--/header_top-->

<div class="header-middle"><!--header-middle-->
<div class="container">
<div class="row" style="
margin-top: 37px;
">
<div class="col-sm-4">
<div class="logo pull-left">
<a href="index.php"><img alt="" src="images/logo1.gif"></a>
</div>
</div>
<div class="col-sm-8">
<div class="shop-menu pull-right">
<ul class="nav navbar-nav">

</ul>
 </div>
</div>
</div>
</div>
</div><!--/header-middle-->

<div class="header-bottom"><!--header-bottom-->
<div class="container">
<div class="row menu">
<div class="col-sm-8">
<div class="navbar-header">
<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle"
type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class=" mainmenu pull-left">
<ul class="nav navbar-nav collapse navbar-collapse">
<li class="menuhover"><a href="index.php">Trang chủ</a></li>
<li class="menuhover"><a href="">Túi xách</a></li>
<li class="menuhover"><a href="">Balo</a></li>
<li class="menuhover"><a href="">Ví</a></li>
<li class="menuhover"><a href="">Khuyến mãi</a></li>
<li class="menuhover"><a href="">Thông tin</a></li>
<li class="menuhover"><a href="contact.php">Liên hệ</a></li>
<!-- <li class="menuhover"><a href="">Giỏ hàng</a></li>--
>
</ul>
</div>
</div>
 <div class="col-sm-4">
<!-- <div class="">
<input type="text" class="form-control" id="search" >
</div>
<div>
<input type="button" class="btn btn-primary" id="search_btn"
value="Tìm kiếm">
</div>-->
</div>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-2 col-xs-2" id="cart_msg" style="
position: fixed;
margin-left: 1126px;
margin-top: -197px;
z-index: 9999;
">
<!--Cart Message-->
</div>
<div class="col-md-2"></div>
</div>
<div class="row">
<div class="col-md-12"></div>
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">Giỏ hàng</div>
 <div class="panel-body">
<div class="row">
<div class="col-md-2 col-xs-2"><b>Mặt hàng</b></div>
<div class="col-md-2 col-xs-2"><b>Tên sản phẩm</b></div>
<div class="col-md-2 col-xs-2"><b>Số lượng</b></div>
<div class="col-md-2 col-xs-2"><b>Xóa/Cập nhật</b></div>
<div class="col-md-2 col-xs-2"><b>Giá sản phẩm</b></div>
<div class="col-md-2 col-xs-2"><b>Giá tiền</b></div>
</div>
<div id="cart_checkout"></div>
<!--<div class="row">
<div class="col-md-2">
<div class="btn-group">
<a href="#" class="btn btn-danger"><span class="glyphicon
glyphicon-trash"></span></a>
<a href="" class="btn btn-primary"><span class="glyphicon
glyphicon-ok-sign"></span></a>
</div>
</div>
<div class="col-md-2"><img src='product_images/imges.jpg'></div>
<div class="col-md-2">Product Name</div>
<div class="col-md-2"><input type='text' class='form-control' value='1' ></div>
<div class="col-md-2"><input type='text' class='form-control' value='5000'
disabled></div>
<div class="col-md-2"><input type='text' class='form-control' value='5000'
disabled></div>
</div> -->
<!--<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4">
<b>Total $500000</b>
</div> -->
</div>
 </div>
<div class="panel-footer"></div>
</div>
</div>
<div class="col-md-2"></div>

</div>

</section>
<?php include 'footer.php'; ?>
<div id="popup1" class="overlay">
<div class="popup_changepassword">
<h2>Thay đổi mật khẩu</h2>
<a class="close" href="#">&times;</a>
<div class="content">
<form method="POST">
<label for="">Mật khẩu cũ</label>
<input type="password" class="form-control" placeholder="Nhập mật khẩu cũ"
id="oldpass" name="oldpass" required/>
<label for="">Mật khẩu mới</label>
<input type="password" class="form-control" placeholder="Nhập mật khẩu mới"
id="newpass" name="newpass" required/>
<label for="">Nhập lại mật khẩu mới</label>
<input type="password" class="form-control" placeholder="Nhập lại mật khẩu mới"
id="retypenewpass" name="retypenewpass" required/>
<p><br/></p>
<div id="changepass_message"></div>
<input type="button" class="btn btn-success" style="float:right;" id="change"
name="change" value="Thay đổi mật khẩu">
</form>
</div>
</div>
</div>
 <?php
include 'jsfile.php';
?>
<script>
function Focus(object) {
object.value = "Test";
}

function Blur(object) {
if (object.value == "")
object.value = "Nhap tu khoa";
}
</script>
</body>
</html>

5) Footer
<footer style="text-align: center;" class="pull-left footer">
<p class="col-md-12">
<hr class="divider">
Copyright 2017 <a href="#">Mordern Bag</a>
</p>
</footer>
</div>
<script type="text/javascript" src="dist/js/home_admin.js"></script>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script >
$(document).ready(function(){
$('#myTable').DataTable();
});
</script>
<script type="text/javascript"
src="bower_components/DataTables/media/js/jquery.dataTables.min.js"></script>
</body>
</html>

6) Slide
<?php include('header.php'); ?>
<?php
if (isset($_GET['noimage'])) {
$noimage = 'Vui lòng chọn hình ảnh hợp lệ';
} else {
$noimage = '';
}
?>
<?php
// show slide
$sql = "select * from Slider ";
$res = mysqli_query($conn,$sql);
?>
<!-- Page Content -->
<div class="col-md-10 content">
<div class="panel panel-default">
<div class="panel-heading">
<h2>Slide Show</h2>
</div>
<div class="panel-body">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h4><a href="slide.php?addSlide=hh" style="color: brown; text-decoration:
underline;">Thêm danh mục </a></h4>
<?php if(isset($_GET['addSlide'])) {
?>
<form action ="slideadd.php" enctype="multipart/form-data" method="POST">
<div class="form-group">
 <label for="exampleFormControlFile1">Chọn Slide</label>
<input type="file" class="form-control-file" id="exampleFormControlFile1"
name="fImages">
</div>
<button type="submit" name ="addSlide" class="btn btn-warning">Thêm </button>
<button type="reset" class="btn btn-default">Thiết lập lại</button>
<br>
<br>
</form>
<?php }?>
</div>
<br>
<br>
<?php
if (isset($_GET['idSlide'])) {
$idSlide = $_GET['idSlide'];
$sqlSelectEachCategory = "select * from Slider where Slider_ID = $idSlide";
$resEachCategory = mysqli_query($conn,$sqlSelectEachCategory);
if ($resEachCategory) {
while ($row = mysqli_fetch_array($resEachCategory)) {
$thumImage = "../images/" . $row['URL'];
?>
<div style="float: right; " class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h4 style="color: brown; text-decoration: underline;">Chình sửa danh mục </h4>
<form action ="slideupdate.php?idSlide=<?php echo $row['Slider_ID'] ?>" method="POST"
enctype="multipart/form-data">
<div class="form-group">
<label>Chọn hình ảnh sản phẩm</label>
<input type="file" name="fImages">
<img src ="<?php echo $thumImage ?>" width="80px" height ="80px">
<input type="hidden" name="idSlide" value="<?php echo $row['URL']; ?>"/>
</div>
<button type="submit" name ="addSlide" class="btn btn-warning">Chỉnh sửa </button>
 </form>
</div>
<?php }}}
?>
</div>
<hr/>
<!-- /.col-lg-12 -->
<table class="table table-striped table-bordered table-hover" id="myTable">
<thead>
<tr align="center">
<th>ID</th>
<th>Hình ảnh Slide show</th>
<th>Chính sửa</th>
<th>Xóa</th>
</tr>
</thead>
<tbody>
<?php
if ($res) {
while ($row = mysqli_fetch_array($res) ) {
if ($row['URL'] == null || $row['URL'] == '') {
$thumbImage = "";
} else {
$thumbImage = "../images/" . $row['URL'];
}
?>
<tr class="odd gradeX" align="center">
<td><?php echo $row['Slider_ID']; ?></td>
<td><img src = "<?php echo $thumbImage?>" width =80px; height = 80px;> </td>
<td class="center">
<i class="fa fa-pencil fa-fw">
</i>
 <a href="slide.php?idSlide=<?php echo $row['Slider_ID']; ?>">Chỉnh sửa</a>
</td>
<td class="center"><i class="fa fa-trash-o fa-fw"></i><a href="deleterow.php?
idSlide=<?php echo $row['Slider_ID']; ?>">Xóa</a></td>

</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
<?php include('footer.php'); ?>

7)Functions
$(document).ready(function(){
//Test cookie
//setCookie('sids',"1,2,3,4,5");
//deleteCookie('sids');
//deleteCookie('sids'); return;
var sids = getCookie('sids');
if (sids == null) {
setCookie('sids','',7); // 7 day
sids = '';
}
$('.add-cart-button').click(function(){
var id = $(this).attr('ref');
 var aids = []; // store array id
if (sids == ''){
aids.push(id);
setCookie('sids',aids.toString(),7); // 7 day
} else {
aids = sids.split(',');
// remove duplicate
for (var i = 0; i< aids.length; i++){
if (id == aids[i] ) {
return;
}
}
aids.push(id);
setCookie('sids',aids.toString(),7); // 7 day
}
});
$('.quantity').change(function(){
var id = $(this).attr('rel');
var quantity = $(this).val();
// use ajax post data
$.ajax({
url: 'ajax_quantity.php',
data: {
'post_id': id,
'quantity': quantity
},
success: function (data){
var result = $.parseJSON(data);
console.log(data);
if (result.code == '99'){
$('#total-item-'+id).text('$'+result.cost);
$('#payment-total').text('$'+result.total);
 }
}
});
});
$('.cart_quantity_delete').click(function(){
var id = $(this).attr('ref');
// use ajax post data
$.ajax({
url: 'ajax_del.php',
data: {
'post_id': id
},
success: function (data){
var result = $.parseJSON(data);
console.log(data);
if (result.code == '99'){
// i need set cookie again
setCookie('sids',result.sids,7); // 7 day
window.location.reload(); // oke :)
}
}
});
});
});
/* all function javascript here */
function setCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
 document.cookie = name+"="+value+expires+"; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function deleteCookie(name) {
setCookie(name,"",-1);
}

7) Animation Style
.grid {
padding: 20px 20px 100px 20px;
max-width: 1300px;
margin: 0 auto;
list-style: none;
text-align: center;
}
.grid li {
display: inline-block;
width: 440px;
margin: 0;
padding: 20px;
text-align: left;
position: relative;
}
.grid figure {
margin: 0;
 position: relative;
}
.grid figure img {
max-width: 100%;
display: block;
position: relative;
}
.grid figcaption {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: #2c3f52bd;
color: #fe9e1f;
}
.grid figcaption h3 {
margin: 0;
padding: 0;
color: #fff;
}
.grid figcaption span:before {
content: '';
}
.grid figcaption a {
text-align: center;
padding: 5px 10px;
border-radius: 2px;
display: inline-block;
background: #ed4e6e;
color: #fff;
}
.cs-style-1 figcaption {
height: 100%;
width: 100%;
 opacity: 0;
text-align: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.cs-style-4 li {
-webkit-perspective: 1700px;
-moz-perspective: 1700px;
perspective: 1700px;
-webkit-perspective-origin: 0 50%;
-moz-perspective-origin: 0 50%;
perspective-origin: 0 50%;
}
.cs-style-4 figure {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cs-style-4 figure>div {
overflow: hidden;
}
.cs-style-4 figure img {
 -webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
-webkit-transform: translateX(25%);
-moz-transform: translateX(25%);
-ms-transform: translateX(25%);
transform: translateX(25%);
}
.cs-style-4 figcaption {
height: 100%;
width: 100%;
opacity: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,

.cs-style-4 figure.cs-hover figcaption {
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
 transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a2 {
position: absolute;
bottom: 20px;
right: 106px;
}

.cs-style-4 figcaption a1 {
position: absolute;
bottom: 20px;
right: 20px;
}

@media screen and (max-width: 31.5em) {

.grid {
padding: 10px 10px 100px 10px;
}
.grid li {
width: 100%;
min-width: 300px;
}
}

8) Register Style
.error-message {
padding: 7px 10px;
background: #fff1f2;
border: #ffd5da 1px solid;
color: #d6001c;
 border-radius: 4px;
}
.success-message {
padding: 7px 10px;
background: #cae0c4;
border: #c3d0b5 1px solid;
color: #027506;
border-radius: 4px;
}
.demo-table {
background: #d9eeff;
width: 100%;
border-spacing: initial;
margin: 2px 0px;
word-break: break-word;
table-layout: auto;
line-height: 1.8em;
color: #333;
border-radius: 4px;
padding: 20px 40px;
}
.demo-table td {
padding: 15px 0px;
padding-left: 95px;
}
.demoInputBox {
border: #15aeb4 1px solid;
border-radius: 4px;
width: 350px;
margin-left: -130px;
}
.btnRegister {
 padding: 10px 30px;
background-color: #ff0000;
border: 0;
color: #FFF;
cursor: pointer;
border-radius: 4px;
margin-left: 10px;
font-weight: bold;
}
.btnRegister:hover {
background-color: #15aeb4;
transition: background-color 0.3s ease-in-out;
}
.rules{
width: 900px;
height: 2690px;
margin-left: -265px;
}

9) Slider
#main{
}
#prev-slide, #next-slide{
position: absolute;
top: 132px;
width: 18px; height: 31px;
text-indent: -99999px;
cursor: pointer;
}
#prev-slide{
left: 5px;
background: url(prev-arrow.png) no-repeat 0 0;
 margin-left: 25px;
margin-top: 25px;
}
#next-slide{
right: 5px;
background: url(next-arrow.png) no-repeat 0 0;
margin-right: 25px;
margin-top: 25px;
}
#wrap-slider{
position: relative;
overflow: hidden;
background: #fff;
}
#slider{
position: absolute;
left: 0; top: 0;
}
.slide-box{
width: 847px;
height: 350px;
display: block;
float: left;
}
 REPORT

1)Registration
Input User or Admin has to first register to use the Bag Shop Management System.This is registration
input screen,in which the user has to enter details to generate his username and password after entering
the details

Output:
2) Admin Login
Admin user can login after registration process

3)Front page
Front page of created web side you can easily purchase your products
4)Cart
5)Categories

6) Contact
SYSTEM TESTING
System testing of software or hardware is testing conducted on a complete, integrated system to evaluate
the system's compliance with its specified requirements. System testing falls within the scope of black-
box testing, and as such, should require no knowledge of the inner design of the code or logic. As a rule,
system testing takes, as its input, all of the "integrated" software components that have passed integration
testing and also the software system itself integrated with any applicable hardware system(s). The purpose
of integration testing is to detect any inconsistencies between the software units that are integrated
together (called assemblages) or between any of the assemblages and the hardware. System testing is a
more limited type of testing; it seeks to detect defects both within the "inter-assemblages" and also within
the system as a whole. Our Project went through two levels of testing:
1. Unit testing 2.integration testing
UNIT TESTING:
Unit testing is undertaken when a module has been created and successfully reviewed. In order to test a
single module, we need to provide a complete environment i.e., besides the module we would require:
The procedures belonging to other modules that the module under test calls.
Non local data structures that module accesses.
A procedure to call the functions of the module under test with appropriate parameters.

Test For the admin module:

Testing admin login form-This form is used for log in of administrator of the system. In this we
enter the username and password if both are correct administration page will open otherwise if any of data
is wrong it will get redirected back to the login page and again ask for username and password.
Coustomer account addition- In this section the admin can verify student details from student
academic info and then only add student details to main bag shop database it contains add and delete
buttons if user click add button data will be added to bag shop database and if he clicks delete button the
bag shop data will be deleted.
Admin can enter details of bag and can add the details to the main bag table also he can view the
bag requests.

INTEGRATION TESTING:
In this type of testing, we test various integration of the project module by providing the input. The
primary objective is to test the module interfaces in order to ensure that no errors are occurring when one
module invokes the other module.
SYSTEM MAINTENACE
MAINTANACE

After the MIS has been operating smoothly for a short period of time, an evaluation of each step in the
design and of the final system performance should be made. Evaluation should not be delayed beyond the
time when the system’s analysts have completed most of the debugging. The longer the delay, the more
difficult it will be for designer to remember important details. The evaluation should be made by the
customer as well as by the designers.

Control and maintenance of the system are the responsibilities of the line managers. Control of the
systems means the operation of the system as it was designed to operate. Sometimes, well-intentioned
people or operators may make unauthorized changes to improve the system, changes that are not
approved or documented. Maintenance is closely related to control. Maintenance is that ongoing activity
that keeps the MIS at the highest levels of effectiveness and efficiency within cost constraints.
Maintenance is directed towards reducing errors due to design, reducing errors due to environmental
changes and improving the system’s scope and services.

FUTURE ENHANCEMENT
One potential enhancement for a bag shop management system could involve implementing an advanced
customer relationship management (CRM) module. This module could utilize data analytics to track
customer preferences, purchase history, and feedback. By analyzing this data, the system could generate
personalized recommendations for customers, improving their shopping experience and increasing sales.
Additionally, integrating social media integration could allow customers to share their favorite products
or reviews, further promoting the brand and attracting new customers. This enhancement would not only
streamline operations but also foster stronger customer loyalty and engagement.
CONCLUTION
CONCLUTION
In conclusion, the bag shop management system offers numerous benefits including efficient inventory
tracking, streamlined sales processes, improved customer service, and enhanced data management. By
leveraging technology to automate tasks and provide valuable insights, the system empowers bag shop
owners to make informed decisions, optimize operations, and ultimately increase profitability. With its
user-friendly interface and comprehensive features, the bag shop management system is a valuable tool
for modern retail businesses looking to stay competitive in today's market.
BIBLIOGRAPHY
BIBLIOGRAPHY
HTML (Hypertext Markup Language)

.Duckett, J. (2011), HTML and CSS; Design and Build Websites, John Wiley & Sons
Freeman, E., & Freeman , E.(2019), Head First HTML and CSS: A Learner’s Guide to Creating
Standards-Based Web Pages. O’Reilly Media

CSS(Cascading Style Sheet)

Mefarland, D.(2015). CSS: yer, E.(2015), CSS Pocket reference: Visual Presentation for Web.O’Reilly
Media.
McFarland, D.(2015). CSS : The Missing Manaual.O’Reilly Media.

Javascript(J.S)
Duckett, J.(2014). JavaScript and JQuery: Interactive Front-End Web Development, John Wiley & Sons
Flanagan, D.(2011). JavaScript: The Definitive Guide. O’Reily Media.

PHP
Leodorf, R. Tatroc, K., & Maclntyre, P.(2016) . Programming PHP: Creating Dynamic Web Pages. O’Reilly Media

Sklar, D.(2017), Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML 5. O’Reilly Media.

Websites References
https://WWW.geeksforgeeks.org/
https://WWW.javatpoint.com
https://WWW.w3schools.com