PROJECT REPORT

ON

“E-COMMERCE WEBSITE”
Submitted in partial fulfilment of the requirements for the award of
degree of
MASTER OF COMPUTER APPLICATION

To

UTTRANCHAL SCHOOL OF COMPUTING SCIENCES

UTTRANCHAL UNIVERSITY, DEHRADUN

(Session: 2023-2024)

Under the guidance of Submitted by

Dr. Abhishek Pathak Sanjay Singh Rana
MCA 3 rd Sem
 ACKNOWLEDGEMENT
There are many people who helped directly or indirectly on the successful completion of my mini
project.

I would like to thank Dean of USCS “Dr. Sonal Sharma” for providing us with all the necessary
resources required to complete the project. We profusely are thankful to the program coordinator of
the department “Dr. Sameer Sharma” for their valuable guidance.

I am very thankful to our project guide “Dr. Abhishek Pathak” who has been inspiring guide and
committed caretaker for her unflinching devotion. The encouragement and support by her,
especially in carrying out this project motivated me to complete this project.

I would like to express deep sense of gratitude to our staff members of Dept. of Computer
Applications for their co-operation, which has given in the congruency to build up this project. I
would like to thank all our friends for their help and constructive criticism during my project
period.

Finally, I am very much indebted to my parents for moral support and encouragement to
achieve goals. I have no words to express my gratitude and still I am very thankful to my
parents who have shown me this world and for every support they gave me.

Sanjay Singh Rana

MCA 3rd Sem
 DECLARATION

I hereby declare that the project report entitled “E-Commerce Website” submitted by Sanjay
Singh Rana to Uttaranchal School of Computing Sciences. The project was done under the
Guidance of Dr. Abhishek Pathak ,I further declare that the work reported in this project has not
been submitted and will not be submitted, either in part or in full, for the award of any other
degree or diploma in this university or any other university or institute.

Sanjay Singh Rana

MCA 3rd Semester

III
 CERTIFICATE

This is to certify that the project entitled “E-Commerce Website” by Vansh Namdev has been
submitted in the partial fulfilment of the requirements for the award of the degree of MCA from
Uttaranchal University, Dehradun. The results embodied in this project have not been submitted
to any other University or Institution for the record of any degree.

Under the guidance of:

Dr. Abhishek Pathak

(Project mentor)

IV
Table of Contents
ACKNOWLEDGEMENT........................................................................................................ii
DECLARATION.....................................................................................................................iii
CERTIFICATE........................................................................................................................iv
LIST OF FIGURES.................................................................................................................vi
LIST OF TABLES...................................................................................................................vi
1. INTRODUCTION ............................................................................................................... 1
2. OBJECTIVE ........................................................................................................................ 1
3. SYSTEM ANALYSIS ......................................................................................................... 2
3.1. EXISTING SYSTEM ..................................................................................................... 2
3.2. PROPOSED SYSTEM ................................................................................................... 2
3.3. FEASIBILTY STUDY .................................................................................................... 2
3.3.1. TECHNICAL FEASIBILITY ..................................................................................2
3.3.2. ECONOMIC FEASIBILITY ...................................................................................2
3.3.3. OPERATIONAL FEASIBILITY .............................................................................2
3.4. PROJECT PLANNING .................................................................................................... 3
3.5. PROJECT SCHEDULING ............................................................................................... 4
3.5.1. GANTT CHART.......................................................................................................... 4
3.5.2. PERT CHART.............................................................................................................. 5
3.6. SOFTWARE REQUIREMENT SPECIFICATION.......................................................... 6
3.6.1. FUNCTIONAL REQUIREMENT .............................................................................. 6
3.6.2. NON- FUNCTIONAL REQUIREMENT ................................................................... 6
3.7. SOFTWARE ENGINEERING PARADIGM APPLIED .................................................. 6
3.8. SYSTEM SPECIFICATION............................................................................................. 8
3.9. DATA MODELS ............................................................................................................... 9
3.9.1. USE CASE DIAGRAM............................................................................................... 9
3.9.2. WORK BREAK DOWN STRUCTURE ................................................................... 10

V
4. FUTURE SCOPE AND ENHANCEMENT....................................................................12
5. APPENDICES..................................................................................................................15
5.1. SOURCE CODE.......................................................................................................16
5.2. BIBLIOGRAPHY.....................................................................................................17

VI
LIST OF FIGURES

FIGURE NO. FIGURE NAME PAGE NO.

FIG. 1 GANTT CHART 5

FIG. 2 PERT CHART 6

FIG. 3 USER CASE ADMIN 10

FIG. 4 USER CASE USER 10

FIG. 5 WORK BREAKDOWN STRUCTURE 11

LIST OF TABLES

TABLE NO. TABLE NAME PAGE NO.

1. GANTT CHART 5

2. PERT CHART 6

VII
1. INTRODUCTION
In Today’s digital age, the demand for eBooks has increased rapidly, and managing them
has become a challenging task for many organizations. To overcome this challenge, we
have developed an E-Commerce Website. This system provides a centralized platform to
manage eBooks, including uploading, categorizing, searching, and accessing them.

Our system aims to simplify the process of managing eBooks and provide users with a
user-friendly interface that helps them quickly find the eBooks they need. In this project,
we will discuss the various features and functionalities of our E-Commerce Website and
how it can be beneficial for organizations that deal with many eBooks.

The primary goal of our E-Commerce Website project is to develop a robust and user-
friendly platform that simplifies the process of managing eBooks. Our System provides a
centralized location to store all eBooks, eliminating the need for multiple storage
locations. This not only saves time but also reduces the chances of losing eBooks or
accessing outdated versions.

2. OBJECTIVE

• To design and develop a user-friendly E-Commerce Website that simplifies the process of
eBooks for organizations.
• To Create a centralized location for storing and managing eBooks ,including the ability
to upload ,organize, categorize , search and access them.
• To Provide various access controls to ensure that only authorized users can view or
download specific eBooks.

1
3. SYSTEM ANALYSIS
3.1 EXISTING SYSTEM
In the existing system, organizations often manage their eBooks manually or using
simple file storage systems such as shared network drives or cloud storage
platforms. This approach can be inefficient and time consuming, as to often
involves manual uploading , organizing, and searching for eBooks.

Additionally, without proper access controls, there is a risk of unauthorized access

to sensitive or confidential content.

3.2 PROPOSED SYSTEM

The proposed E-Commerce Website is a centralized platform that enables
organizations to manage their eBooks more efficiently and securely. The system
provides a user-friendly interface for uploading, organizing, categorizing,
searching, and accessing eBooks. It also includes robust access controls that
ensure only authorized users can view or download specific eBooks.

3.3 FEASIBILTY STUDY

The feasibility study for the E-Commerce Website project aims to determine the
technical, economic, and operational feasibility of the proposed system.

3.3.1 TECHNICAL FEASIBILITY

In this project , the technical feasibility involves the assessment of the system’s
hardware and software requirements , system architecture, development tools, and
compatibility with existing systems.

3.3.2 ECONOMIC FEASIBILITY

In this project , the economic feasibility involves the estimation of project costs,
potential benefits, and the return on investment.

3.3.3 OPERATIONAL FEASIBILITY

In this project , the operational feasibility involves the assessment of the system’s
usability, user training requirements, and technical support.

2
3.4 PROJECT PLANNING

• First, we analyzed all possible sectors that should be in the web application.
• Then we understand the need and need to develop a system that makes this possible
process faster and easier to manage.
• We found HTML,CSS,Bootstrap, PHP suitable for this project, so we choose the language
or platform to develop this system on based on the needs of this system.
• Next, defines the modules and sub-modules required by the system and what each module
should do.
• Then we created the website interface with HTML/CSS, Bootstrap.
• Then design the database, tables and properties and design the back-end of the system
with MYSQL and PHP.

3
3.5 PROJECT SCHEDULING
3.5.1 GANTT CHART

SDLC Project Activity Duration Start Finish

Phase
1 Requirement 13 days 15-08-2023 28-08-2023
Analysis
2 Feasibility Study 10 days 01-09-2023 11-09-2023

3 Design 26 days 12-09-2023 07-10-2023

4 Documentation 7 days 08-10-2023 15-10-2023

5 Coding 14 days 16-10-2023 30-10-2023

6 Testing 24 days 31-10-2023 05-11-2023

TABLE 1: GANTT CHART

Gantt chart
Analy bility Desig ment Codin Testi

24 days
ng
6

14 days
5

sis Study n ation g

Docu

7 days
4

26 days
3

Feasi

10 days
2

13-07-2023 02-08-2023 22-08-2023 11-09-2023 01-10-2023 21-10-2023 10-11-2023

Finish 28-08-2023 Start 15-08-2023

FIGURE 1:Gantt Chart

4
3.5.2 PERT CHART

SDLC Project Activity Duration Start Finish

Phase
1 Requirement 13 days 15-08-2023 28-08-2023
Analysis
2 Feasibility Study 10 days 01-09-2023 11-09-2023

3 Design 26 days 12-09-2023 07-10-2023

4 Documentation 7 days 08-10-2023 15-10-2023

5 Coding 14 days 16-10-2023 30-10-2023

6 Testing 24 days 31-10-2023 05-11-2023

FIGURE 2: PERT CHART

5
3.6 SOFTWARE REQUIREMENT SPECIFICATION
3.6.1 FUNCTIONAL REQUIREMENT
 User Registration and Authentication: The system shall allow users to register
and authenticate themselves before accessing eBooks.
 eBook Upload and Management: The system shall allow users to upload eBooks
in various formats, including PDF, EPUB, and MOBI, and manage them
efficiently.
 eBook Categorization: The system shall allow users to categorize eBooks based
on various criteria such as author, title, genre, and publication date.
 eBook Search and Retrieval: The system shall allow users to search and retrieve
eBooks based on various criteria such as title, author, category, and keywords.

3.6.2. NON- FUNCTIONAL REQUIREMENT

 Performance: The system shall be capable of handling large volumes of eBooks
and users, ensuring fast response times and minimal downtime.
 Security: The system shall implement robust security measures, including
encryption and secure access controls, to protect the privacy and
confidentiality of eBooks.
 Usability: The system shall provide a user-friendly interface that is easy to use
and navigate, reducing the learning curve for users.
 Scalability: The system shall be scalable and flexible, allowing organizations to
add more eBooks and users as their needs grow.

6
3.7 SOFTWARE ENGINEERING PARADIGM APPLIED

 To begin, the system's requirements were assessed, as well as what was required to
develop the proposed system and what the system's initial requirements were.
 Like, we require software that can be easily accessible on any system.
 All of the requirements were already specified, and the main issue of substitute conflict
was the major concerned.
 Then the System was designed based on the requirements determined in the analysis
phase.
 After analyzing all the requirements, we took a platform for the development of this web
application which according to us was HTML/PHP.

7
3.8 SYSTEM SPECIFICATION

Hardware:

• Laptop or desktop with supported internet connection.

• Intel Processor 2.0 GHz or above 4GB RAM or more.

Software:
 Operating System: Windows 7 or more
 Languages Used: HTML, CSS JAVASCRIPT,PHP
 Front-End: HTML CSS JS
 Back-End: PHP AND MYSQL
 Web Server: XAMPP

8
3.9 DATA MODELS
3.9.1 USE CASE DIAGRAM
ADMIN:

FIGURE 3: USER CASE ADMIN

FIGURE 4: USER CASE USER

9
3.9.2 WORK BREAK DOWN STRUCTURE

FIGURE 5: WORK BREAK DOWN SYTRUCTURE

10
4. FUTURE SCOPE
The E-Commerce Website project can be extended to include additional features and
functionalities to meet the changing needs of users and the industry. Some of the future
scope possibilities for this project are:

 Mobile Application: The E-Commerce Website can be extended to include a mobile

application that allows users to search, download, and read eBooks on their mobile
devices.
 Social Media Integration: The system can be integrated with social media platforms,
enabling users to share their reading experiences, ratings, and reviews with their friends
and followers.
 Personalized Recommendations: The system can be enhanced to provide personalized
eBook recommendations to users based on their reading history, interests, and
preferences.

11
 5. APPENDICS
5.1 SOURCE CODE
Form.html:-

<!DOCTYPE html>
<html>
<head>
<title>eBook store</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-primary" >
<a class="navbar-brand" href="#" style="font-weight: bold; color: rgb(240, 242, 245);">My Ebook
Store</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="form.html" >
<img src="home.svg" width="20" height="20" class="d-inline-block align-top">
Home</a></li>
<li class="nav-item"><a class="nav-link active" href="#" >
<img src="person.svg" width="20" height="20" class="d-inline-block align-top"> My Account
</a></li>
<li class="nav-item"><a class="nav-link active" href="#"> Downloads </a></li>
<li class="nav-item"><a class="nav-link active" href="#"> About </a></li>

12
 </ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search Ebooks"
arialabel="Search">
<button class="btn btn-outline-secondary" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi
bisearch" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1
1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11
0z"/>
</svg>
</button>
</form>
</div>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#" id="loginBtn">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id="registerBtn">Register</a>
</li>
</ul>
</div>
</nav>
<!-- Login Form -->
<div class="container mt-3" id="loginForm" style="display:none;">
<h2>Login Form</h2>
<form method="POST" action="login.php">
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Enter Email" required>
</div>

13
 <div class="form-group">
<label for="password">Password:</label>
<input type="password" class="form-control" id="password" name="password"
placeholder="Enter password" required>
</div>
<button type="submit" class="btn btn-primary" name="submit">Submit</button>
</form>
</div>
<!-- Register Form -->
<div class="container mt-3" id="registerForm" style="display: none;">
<h2>Register Form</h2>
<form method="POST" action="database.php">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" class="form-control" id="name" name="name"
placeholder="Enter name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Enter
email">
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" class="form-control" id="password" name="password"
placeholder="Enter password">
</div>
<button type="submit" class="btn btn-primary" name="submit">Submit</button>
</form>
</div>
<div class="container" style="margin-top: 80px;">
<div class="row">
<div class="col-md-4">
<img src="book.jpg" class="img-fluid">

14
 </div>
<div class="col-md-4">
<img src="books.jpg" class="img-fluid">
</div>
<div class="col-md-4">
<img src="book.jpg" class="img-fluid">
</div>
</div>
</div>
<div class="text-center mt-3">
<h1 style="font-family:sans-serif;">Download Ebooks for free</h1>
</div><hr style="border-color: #333;">

<div class="book-container" style="margin: 10px;padding: 10px;">

<img src="Machine Learning.jpg" alt="Book Photo" width="200" height="250" style="margin:
10px;">
<img src="let us c.jpg" alt="Book Photo" width="200" height="250" style="margin: 10px;">
<img src="computer.jpg" alt="Book Photo" width="200" height="250" style="margin: 10px;">
<img src="calculus.gif" alt="Book Photo" width="200" height="250" style="margin: 10px;">
<img src="dbms.jpg" alt="Book Photo" width="200" height="250" style="margin: 10px;">
<img src="data.jpg" alt="Book Photo" width="200" height="250" style="margin: 10px;">
</div>
<!-- Script to show/hide forms on button click-->
<script>
$(document).ready(function(){
$("#loginBtn").click(function(){
$("#loginForm").show();
$("#registerForm").hide();
});
$("#registerBtn").click(function(){
$("#registerForm").show();
$("#loginForm").hide(); });})
</script>
</body>

15
</html>
Login.php:-

<?php
session_start();
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
header("Location: preview.html");
exit;
}
if (isset($_POST['submit'])) {
$conn = new mysqli("localhost:3307", "root", "",
"try"); if ($conn == true ) {
header("Location:preview.html"); echo "connected";
}
$email = ($_POST['email']);
$password = ($_POST['password']);
$sql = "SELECT * FROM register WHERE email='$email' AND password='$password'";
$result = mysqli_query($conn, $sql);
$row = mysqli_fetch_array($result, MYSQLI_ASSOC);
$count = mysqli_num_rows($result);

if ($count == 1 && password_verify($password, $row['password'])) {

$_SESSION['loggedin'] = true;
$_SESSION['name'] = $row['name'];
$_SESSION['email'] = $row['email'];
header("Location: preview.html");
} else {
$error = "error";
}
mysqli_close($conn);
}
?>
Database.php:-
<?php
session_start();

16
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
header("Location: form.html");
exit;
}
if(isset($_POST['submit'])){
// Database Connection
$conn = new mysqli("localhost:3307", "root", "", "try"); if
($conn == true ) {
echo "connected";
}
$name= $_POST['name'];
$email= $_POST['email'];
$password= $_POST['password'];
// Check if user already exists
$sql = "SELECT * FROM register WHERE email='$email'";
$result = mysqli_query($conn, $sql);
if(mysqli_num_rows($result) > 0) {
echo "user already exists";
}
else
{
$sql="INSERT INTO register (name, email, password) VALUES('$name','$email','$password')";
if(mysqli_query($conn,$sql)){

$_SESSION['loggedin'] = true;
header("Location: form.html");
}else{
echo "Error".mysqli_error($conn);
}}
mysqli_close($conn);
}
?>
Preview.html:<!DOCTYPE
html>

17
<html>
<head>
<title>E-Books store</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container" style="margin-top: 50px;">
<h1 class="text-center">E-Books Store</h1>
<div class="row">
<div class="col-md-4">
<div class="book">
<img src="Machine Learning.jpg" alt="Book Cover" class="img-fluid" width="200"
height="250">
<h4>Machine Learning</h4>
<p>Machine Learning by John Paul Mueller</p>
<button class="btn btn-primary" onclick="previewBook1()">Preview</button>
<button class="btn btn-secondary" onclick="downloadBook1()">Download</button>
</div>
</div>
<div class="col-md-4">
<div class="book">
<img src="let us c.jpg" alt="Book Cover" class="img-fluid" width="200" height="250">
<h4>Let Us C</h4>
<p>Let Us C by Yashvant Kanetkar </p>
<button class="btn btn-primary" onclick="previewbook2()">Preview</button>
<button class="btn btn-secondary" onclick="downloadbook2()">Download</button>
</div>
</div>
<div class="col-md-4">
<div class="book">
<img src="dbms.jpg" alt="Book Cover" class="img-fluid" width="200" height="250">
<h4>Database Management System</h4>
<p>by tutorialspoint</p>

18
 <button class="btn btn-primary" onclick="previewbook3()">Preview</button>
<button class="btn btn-secondary" onclick="downloadbook3()">Download</button>
</div>
</div>
<div class="col-md-4">
<div class="book">
<img src="computer.jpg" alt="Book Cover" class="img-fluid" width="200" height="250">
<h4>Computer</h4>
<p>by Jason callaway</p>
<button class="btn btn-primary" onclick="previewbook4()">Preview</button>
<button class="btn btn-secondary" onclick="downloadbook4()">Download</button>
</div>
</div>
<div class="col-md-4">
<div class="book">
<img src="calculus.gif" alt="Book Cover" class="img-fluid" width="200" height="250">
<h4>Calculus</h4>
<p>by Schaum's series</p>
<button class="btn btn-primary" onclick="previewbook5()">Preview</button>
<button class="btn btn-secondary" onclick="downloadbook5()">Download</button>
</div>
</div>
<div class="col-md-4">
<div class="book">
<img src="data.jpg" alt="Book Cover" class="img-fluid" width="200" height="250">
<h4>Data structures</h4>
<p>by Clifford A sheffer</p>
<button class="btn btn-primary" onclick="previewbook6()">Preview</button>
<button class="btn btn-secondary" onclick="downloadbook6()">Download</button>
</div>
</div>
</div>
</div>

19
 <!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Custom JS -->
<script> function
previewBook1() {
window.open('Machine Learning.pdf', 'Preview Book 1', 'width=800,height=600');
}
function downloadBook1() {
window.location = 'Machine Learning.pdf';
}
</script>
<script> function
previewbook2() {
window.open('Let Us C.pdf', 'Preview Book 2', 'width=800,height=600');
}
function downloadbook2() {
window.location = 'Let Us C.pdf';
}
</script>
<script> function
previewbook3() {
window.open('dbms.pdf', 'Preview Book 3', 'width=800,height=600');
}
function downloadbook3() {
window.location = 'dbms.pdf';
}
</script>
<script> function
previewbook4() {
window.open('computer.pdf', 'Preview Book 4', 'width=800,height=600');
}
function downloadbook4() {

20
 window.location = 'computer.pdf';
}
</script>
<script> function
previewbook5() {
window.open('calculus.pdf', 'Preview Book 5', 'width=800,height=600');
} function downloadbook5()
{
window.location = 'calculus.pdf';
}
</script>
<script> function
previewbook6() {
window.open('data.pdf', 'Preview Book 5', 'width=800,height=600');
}
function downloadbook6() {
window.location = 'data.pdf';
}
</script
</body>
</html>

21