Professional Documents
Culture Documents
(YOUR STORE)
Minor Project Report Submitted for the partial fulfillment of
Bachelor of Computer Application’s.
(3 year Regular Course)
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
CERTIFICATE
I hereby certify that the work which is being presented in the project named YOUR
STORE by me in partial fulfillment of requirements for the award of degree of BCA
submitted to Jagan Institute of Management Studies,
Rohini Sector - 5 is my own work carried out in the session 2021 under the
supervision of Mrs. Ankita Chopra. The matter presented in this has not been
submitted by me in any other University/Institute for the award of BCA degree.
This is to certify that the above statement made by Sampada Verma is correct and
the matter embodied in this project work has not been submitted earlier for the award
of any degree to the best of my knowledge.
Mrs.Ankita Chopra
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
ACKNOWLEDGEMENT
Thanking You
Sampada Verma (04050402020)
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
TABLE OF CONTENTS
1 INTRODUCTION 1-5
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
5 TESTING PHASE 73-112
TESTING
5.1 73
5.2 TYPES OF TESTING
73
5.3 TIPS TO ENHANCES OUR WEBSITE
5.4 74
TESTING TECHNIQUES
75-76
6 IMPLEMENTATION PHASE 77-79
7 FUTURE EXPANSION 80
8 CONCLUSION 81
9 REFERENCES 82
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
LIST OF TABLES
1 SOFTWARE INTERFACE 8
2 HARDWARE INTERFACE 8
3 DATABASE TABLE 1 24
4 DATABASE TABLE 2 24
5 DATABASE TABLE 3 25
6 DATABASE TABLE 4 25
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
LIST OF FIGURES
LIST OF ABBREVIATIONS
S.NO DESCRIPTION OF FIGURE/DIAGRAM PAGE.NO
3. ER DIAGRAM 20
4. LEVEL 0 DIAGRAM 21
ER DIAGRAM- EntityRelationshipDiagram
DFD-DataFlow Diagram
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter-1 SUMMARY
YOUR STORE is online shopping website that features E-commerce Website.
Visitors can see the available features such as browse products, view details of
products (device,colour and cost), and view other static contents of my site.
Registered user can view all available features and in addition to this they can
purchase the products by adding them into shopping cart. Admin can manage all the
data and orders from the back-end (admin side).
I understand the needs and concerns of Individuals and provide them a common
platform for realizing maximum benefits from YOUR STORE experience by
making it easier, faster,secure and more accurate to find Mobiles for shopping and
have control through user interactivity and features that can help them identify,filter
and contact potential users.
I have added features like offers and discounts to attract more customers on my site.I
update my website on regular interval of time with more content. There are different
payment modes which helps the customers for flexible money transaction. They can
choose any suitable mode to buy their wish-list products which they added to
shopping cart.
Today the Internet and its boom hae created a new economic scenario that not only
stresses on the classical concept of “The Product” but also on the modern concept
of “The Service”. It is this level of service that dictates whether a commercial
venture will succeed or not in market. To provide a high accessibility of service we
will design the online shopping website, So that potential customers need not go to
a physical shop to buy products or services. Easy interaction between the customer
and the seller are more convincing.
My website gives all the information about the e-shopping to provide best price
to the customer.
Site provides the facility to the customers who want to shop online due to lack of
time.
Site is providing the complete details the product and related information about
the product like Cost, device, Colour etc.
With the help of my site you can sae the time and money also.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
It provides the remote shopping by Cash,upi,Debit card etc.
1.2 Modules
A module is a small part of our project. This plays a very important role in the project
and in coding concept. In software engineering concept we treat it as a small part of
system but whereas in programming language it is as small part of program, which
we also called as function in some cases which constitute the main program.
Importance of module in any software development side is we can easily understand
what the system we are developing and what are its main uses.
Description of modules :-
Homepage
Signup
Login
Filter/Category
Shopping Cart
Wishlist
Checkout
Shipping
Delivery
Payment
1. Homepage
Homepage is the first page of the website. User first interact with this page and start
exploring the whole website .
Homepage contains
All the latest & trending products
• Signup
• Login
• Offers
• Filter
2. Signup
This section of website allows user to register as user of website and allows them to
purchase products as well as explore all the products.
• Customer make their account
• Adding info about them like
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
• Email
• Password
• Phone number
3. Login
Login is done by those customers who have signed up or are already registered
themselves and want to login again. Their account is running with the website.They
can login ample number of times without any restrictions.
4. Filter
Filter feature allows user to filter the products as their need and want and different
choices as per their demands. Users can filter using a Brand bar located in of the
homepage. User add filters to sort the brand they wish to buy from my site.
Its contains :-
• Filters (brands)
• Sorting
5. Shopping Cart
Shopping Cart feature allows registered users to add the items they like or they want
to purchase in a virtual cart. They can add and delete from the shopping cart. Cart
will give customer the sum amount they liked. Customer can delete or add more
items accordingly. After adding to cart customer can proceed purchasing from there.
6. Wishlist
Wishlist features allows to registered users to add the items for future purchase they
want to buy in future.
7. Checkout
Checkout is that section where the customer can proceed to purchase from different
suitable payment modes. Checkout section contains many security features that are
as follows:-
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
• One-Page Checkout
• Shipping to multiple addresses in one order
• Checkout without account/Guest Checkout
• Shopping Cart with tax and shipping estimates
8. Payment
Payment is that section which allows users to make their online payment through
different payment modes like
• Credit/Debit
• BHIM UPI
• Net Banking
• E-wallets
• Saved Credit/Debit Card method form off-line payments
• Accept Checks/Money Orders
• COD(cash on delivery).
9. Shipping
• Integrated for real-time shipping rates
• Shipping to multiple addresses in one order
• On-site order tracking from customer accounts
• Ability to specify allowed destination countries per method
• Flat rate shipping per item
• Free Shipping
• Accept Purchase Orders
10. Delivery
Delivery of product is the final and the last step in which user receive its product on
door step.Delivery contains details of the customer address with name and crucial
information needed for product delivery to the correct destination.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter-2 SOFTWARE REQUIREMENTS
2.1 Purpose
Purpose for making e-commerce website is that, making offline Stores available
Online that will Increase the customers for the sell and also help in managing
inventory of other benefits. It makes more convenient for the people to shop. The
website deals with :--
• Increase customers
• Doorstep service to customers
• Inventory managing becomes easy
• Wide variety for customers
• Different payments modes
The target people can experience online shopping with ease on my site. With the
help of my website anyone can search the product and buy online without wasting
their valuable time.
If anyone needs any detail against their query or how to make payment etc my
website will provide point to point information.
Hardware/Software Requirement
PHP
PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open
source general-purpose scripting language that is especially suited for web
development and can be embedded into HTML. The best things in using PHP are
that it is extremely simple for a newcomer, but offers many advanced features for a
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
professional programmer. Don't be afraid reading the long list of PHP features. You
can jump in, in a short time, and start writing simple scripts in a few hours.
Table 1
Server Environment 2GB As per the size of the required data base
Table 2
Ø Performance Requirements
All operations and queries shall complete or present errors within minutes of their
invocation.
Ø Security Requirements
Administrator of the site come online website can manage project and user. Viruses
and hacking are threatening e-commerce, thus requiring the network to provide a
security 14 solution. Including encryption, signature scheme, distributed security
management, access control, firewall, secure web servers, anti-virus protection. The
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
security of network system is divided into data security, information security and
network security.
2.4 Security
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
authentication, users have to use password with strongly of security, and also need
to change it usually. In the code, it should be also prepared for certain attack type
such as SQL injection attack. And for instance, automatic of user id in the firewall
is a good way to prevent attacks. The web site is a small or medium business. It has
a fairly strong firewall to prevent malicious attacks from hacking or some spamming
and protect computer networks from attack and subsequent instruction by restricting
the network traffic which can pass through. The system must use an optional
network analyzer or network monitor. This type of electronic also be tested well for
weakness and holes that hackers and intrudes could use.
2.5 Usability
Usability is crucial in website development. Because whether you are doing online
store or online application, the page for users to make it easy and fun to use is key;
efficient to use, easy to use and consistent interface can help enhance usability.
Ø Efficient to use
Most users just simply leave the site and browse, so information properties like
frequently active on our site that module can help the client to notice it, if the online
property site has property pages, the client will be sure to see them. But if it lacks of
adequate information page for property, or even if it is difficult to quick browser.If
the system has well-structured user manuals, information error message and help
facilities, it can be easy to use for client.
Ø Backup
Backup is useful in recovering your data in the event of an electronic disaster like
hardware failure or a break-in that changes or otherwise damage your data. It copies
of all the important computer files kept in another location. So if database is quite
large that has to extract file first. That means storage is the base of a backup system.
Ø Extensible
The implementation of a website takes into consideration future growth, the
extensible of the new network system designed to adapt to the user the ability to
future development of enterprises. Such as application extensible, application
functionality in the network configuration on the one hand to fully meet current and
foreseeable future application with a period of time, on the other hand can easily
extend the functionality can be flexibly added and functional module.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter 3 - SYSTEM DESIGN
Ø Efficiency
This involves accuracy, time-lines and comprehensives to the website output.
Ø Cost
It is desirable to aim for a website with a minimum cost subject to the condition that
it must satisfy all the requirements.
Ø Flexibility
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
The website should be modifiable depending on the changing needs of the user. Such
modifications should not entail extensive reconstructing or recreation of software. It
should also be portable to different computer websites.
Ø Security
This is very important aspect of the design and should cover areas of hardware
reliability, fall back procedures, physical security of data and provisions for
detection of fraud and abuse.
Website design involves first logical design and then physical construction of the
website. The logical design describes the structure and characteristics of features,
like the outputs, inputs, files, database and procedures. The physical construction
which follows the logical design, procedures actual program software
§ Output Design:
The starting point of the design process is the proper knowledge of website
requirements which will normally be converted in terms of output.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
§ Input Design:
Once the output requirements have been finalized, the next step is to find out what
data need to be made available to the website to produce the desired outputs. The
basic document in which these data are available need to be identified .if necessary,
these documents may have to be revised or new documents may have to be
introduced.
§ File Design:
Once the input data is captured in the website in the website, these may to be
preserved either for a short or long period. These data will generally be stored in
files in a logical manager. The designer will have to devise the techniques of storing
and retrieving data from these files.
• Visualizing
• Specifying
• Constructing
• Documenting
§ Things
§ Relationships
§ Diagrams
Things are the abstraction that are first-class citizens in a model. Relationships tie
these things together.
Diagrams group the interesting collection of things.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
3.4.1 USE CASE OF YOUR STORE
Figure 1
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Flowcharts are used in designing and documenting simple processes or programs.
Like other types of diagrams, they help visualize what is going on and thereby help
understand a process, and perhaps also find less-obvious features within the process,
like flaws and bottlenecks. There are different types of flowcharts: each type has its
own set of boxes and notations.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Figure 2
3.6 ER Diagrams
An E-R Diagram stand for Entity Relation model is a tool that is commonly used to
translate different views of data among mangers, users and programmers to fit into
a common framework, define data processing and constraint requirements to help
us meet the different views and helps to implement the database .The E-R model
forms the basis of E-R diagram that represent the conceptual database as viewed by
the end user. These diagrams depict the E-R model three main components:
• Entities
• Attributes
• Relationships
1. Entities
An entity at the E-R modeling level actually refers to the entity set not to a single
entity occurrence. In other words the word “entity” in the E-R model corresponds to
a table and not to a row in the entity occurrence. An entity is represented by a
rectangle containing the entity occurrence. An entity is represented by a rectangle
containing the entities name. IT is denoted by rectangle by specifying the table name
in it.
2. Attributes
Attribute are represented by ovals and are connected to the entity with a line. Each
oval contain the name of the attribute it represents.
3. Relationship
A relationship is an associated between entities. Each relation is identified so that its
description of the relation. Identify the name is an active verb.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
3.6.1 ER DIAGRAM of YOUR STORE
Figure 3
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
3.7.1 Data Flow Diagrams (DFD)
A graphical tool used to describe and analyze the moment of data through a system
manual or automated including the process, store of data and delays in the system.
Data flow Diagrams are the central tool and the basis from which other components
are developed. The transformation of data from input to output, through processes,
may be describe logically and independently of the physical components associated
with the system. The DFD is also known as a data flow graph or a bubble chart.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Figure 4
Figure 5
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
3.7.3 DFD LEVEL 2
Figure 6
Structured analysis states that the current should be first understand correctly. The
physical DFD is the model of the current system and is used to ensure the current
system has been clearly understood. Physical DFD shows actual devices,
departments, and people etc., involved in the current system.
2. Logical DFD:
Logical DFD are the model of the proposed system. They clearly should show the
requirements on which the new system should be built. Later during design activity
this is taken as the basis for drawing the system’s structure charts.
3.8 Normalization
In relation to database design the process of organizing data to minimize redundancy.
Normalization usually involves dividing a database into two or more tables and
defining relation among tables. The objective is to isolate data so addition, deletion
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
and modification of a field can be made in just one table and they propagated through
rest of the database is defined relations
There are three main normal forms each with increasing level of normalization.
• First Normal form (1NF) :-Each filed in table contain different information. For
example in an employee list each table would contain only one birth data field.
• Second Normal form (2NF) :- Each field in table that is not determining of the
content of another field must itself are function of the other fields in the table.
• Third Normal form (3NF):- No duplicate information is permitted so, for example
if two tables both require birth date fields the birth date information would be spread
in to separate table, and two another tables would then access the birth date
information via an index filed in the birth date table. Any changes in birth date would
automatically reflect in all tables that link to that birth date.
DATABASE TABLES
TABLE 3
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
TABLE 4
TABLE 5
TABLE 6
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter- 4 CODING
HOME PAGE
<?php ob_start();
include ('header.php');
?>
<?php
<?php
include ('footer.php');
?>
HEADER
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouR StorE</title>
<?php
require ('functions.php');
?>
</head>
<body>
<!--navigation -->
<nav class="navbar navbar-expand-lg navbar-dark color-second-bg">
<a class="navbar-brand" href="#">YouR StorE</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNav" ariacontrols="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 m-auto font-rubik">
<li class="nav-item active">
<a class="nav-link" href="index.php">On Sale</a>
</li>
<li class="nav-item">
<a class="nav-link" href="_top-sale.php">New In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.php">Products </a>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
</li>
<li class="nav-item">
<a class="nav-link" href="footer.php">Blog</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Category <i class="fas fa-chevron-
down"></i></a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#">Coming Soon</a>
</li>
</ul>
<form action="#" class="font-size-14 font-rale">
<a href="cart.php" class="py-2 rounded-pill color-primary-bg">
<span class="font-size-16 px-2 text-white"><i class="fas fa-shopping-
cart"></i></span>
<span class="px-3 py-2 rounded-pill text-dark bg-light"><?php echo
count($product->getData('cart')); ?></span>
</a>
</form>
</div>
</nav>
<!-- !navigation -->
</header>
<!-- header -->
CART
<?php
ob_start();
include ('header.php');
?>
<?php
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
count($product->getData('wishlist')) ? include
('Template/_wishilist_template.php') : include
('Template/notFound/_wishlist_notFound.php');
include ('Template/_new-phones.php');
?>
<?php
include ('footer.php');
?>
<?php
class Cart {
public $db = null;
$result = $this->db->con->multi_query($query);
if($result){
header("Location :" . $_SERVER['PHP_SELF']);
}
return $result;
}
}
if (isset($_POST['wishlist-submit'])){ $Cart-
>saveForLater($_POST['item_id']);
}
}
?>
<form method="post">
<input type="hidden" value="<?php echo $item['item_id'] ??
0; ?>" name="item_id">
<button type="submit" name="delete-cart-submit" class="btn
font-baloo text-danger px-3 borderright">Delete</button>
</form>
<form method="post">
<input type="hidden" value="<?php echo $item['item_id'] ??
0; ?>" name="item_id">
<button type="submit" name="wishlist-submit" class="btn
font-baloo text-danger">Save for Later</button>
</form> </div>
</div>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
danger">₹<span class="text-danger" id="deal-price"><?php echo isset($subTotal)
? $Cart>getSum($subTotal) : 0; ?></span> </span> </h5>
<form method="get" action="checkout.php"><button
type="submit" class="btn btn-warning mt-3">Proceed to Buy</button>
</div>
</div>
</div>
</div>
<!-- !cart items -->
</div>
</section>
<!-- ! cart -->
PRODUCT
<?php
$item_id = $_GET['item_id'] ?? 1; foreach ($product->getData() as $item) :
if ($item['item_id'] == $item_id) :
?>
<section id="product" class="py-3">
<div class="container">
<div class="row">
<div class="col-sm-6">
<img src="<?php echo $item['item_image'] ?? "./assets/products/1.png"
?>" alt="product" class="img-fluid"> <div class="form-row pt-4 font-
size-16 font-baloo">
<div class="col">
<button type="submit" class="btn btn-danger form-
control">Proceed to Buy</button>
</div>
<div class="col">
<?php
if (in_array($item['item_id'], $Cart->getCartId($product-
>getData('cart')) ?? [])){
echo '<button type="submit" disabled class="btn btn-success
font-size-16 form-control">In the Cart</button>';
}else{
echo '<button type="submit" name="top_sale_submit" class="btn
btn-warning font-size-16 formcontrol">Add to Cart</button>';
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
?>
</div>
</div>
</div>
<div class="col-sm-6 py-5">
<h5 class="font-baloo font-size-20"><?php echo $item['item_name'] ??
"Unknown"; ?></h5> <small>by <?php echo $item['item_brand'] ??
"Brand"; ?></small> <div class="d-flex">
<div class="rating text-warning font-size-12">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="far fa-star"></i></span>
</div>
<a href="#" class="px-2 font-rale font-size-14">20,534 ratings |
1000+ answered questions</a>
</div>
<hr class="m-0">
<table class="my-3">
<tr class="font-rale font-size-14"> <td>M.R.P:</td>
<td><strike>₹18000</strike></td>
</tr>
<tr class="font-rale font-size-14"> <td>Deal
Price:</td>
<td class="font-size-20 text-danger">₹<span><?php echo
$item['item_price'] ?? 0; ?></span><small class="text-dark font-size-
12"> Inclusive of all taxes</small></td>
</tr>
<tr class="font-rale font-size-14">
<td>You Save:</td>
<td><span class="font-size-16 text-danger">₹1500</span></td>
</tr>
</table>
<div class="row">
<div class="col-6">
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<div class="d-flex justify-content-between">
<h6 class="font-baloo">Color:</h6>
<div class="p-2 color-yellow-bg rounded-circle"><button
class="btn font-size-14"></button></div>
<div class="p-2 color-primary-bg rounded-circle"><button
class="btn font-size-14"></button></div> <div class="p-2
color-second-bg rounded-circle"><button class="btn font-size-
14"></button></div>
</div>
</div>
</div>
<div class="col-6">
<div class="qty d-flex">
<h6 class="font-baloo">Qty</h6>
<div class="px-4 d-flex font-rale">
<button class="qty-up border bg-light" data-id="pro1"><i
class="fas fa-angle-up"></i></button> <input type="text"
data-id="pro1" class="qty_input border px-2 w-50 bg-light" disabled value="1"
placeholder="1">
<button data-id="pro1" class="qty-down border bg-light"><i
class="fas fa-angle-down"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<h6 class="font-rubik">Product Description</h6>
<hr>
<p class="font-rale font-size-14">Lorem ipsum dolor, sit amet
consectetur adipisicing elit. Repellat inventore vero numquam?</p>
<p class="font-rale font-size-14">Lorem ipsum dolor, sit amet
consectetur adipisicing elit. Repellat inventore vero numquam error est ipsa?</p>
</div>
</div>
</div>
</section>
<!-- !product -->
<?php
endif;
endforeach;
?>
<?php
class Product
{
public $db = null;
$resultArray = array();
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
while ($item = mysqli_fetch_array($result, MYSQLI_ASSOC)){
$resultArray[] = $item;
}
return $resultArray;
}
$resultArray = array();
return $resultArray;
}
}
CHECKOUT
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>checkout</title>
<style> .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap; margin: 0 -16px;
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
.col-25 { -ms-flex: 25%; flex: 25%;
}
.col-25,
.col-50, .col-75 { padding: 0 16px;
}
<body>
<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php">
<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="Name">
<label for="phone"><i class="fa fa-envelope"></i> Phone no.</label>
<input type="text" id="phone no." name="phone no." placeholder="0000-
9999-00">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email" placeholder="@gmail.com">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="Address">
<label for="city"><i class="fa fa-institution"></i> City</label>
<input type="text" id="city" name="city" placeholder="city">
<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="state">
</div>
<div class="col-50">
<label for="zip">Pin code</label>
<input type="text" id="zip" name="zip" placeholder="zip">
</div>
</div>
</div>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<!-- <div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;"></i>
<i class="fa fa-cc-amex" style="color:blue;"></i>
<i class="fa fa-cc-mastercard" style="color:red;"></i>
<i class="fa fa-cc-discover" style="color:orange;"></i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John More
Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-
2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth"
placeholder="September">
<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>
</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping
address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
</div> -->
<input type="submit" value="Payment" class="btn"onClick="myFunction()"/>
<div class="col-25">
<div class="container">
<h4>Cart
<span class="price" style="color:black">
<i class="fa fa-shopping-cart"></i>
<b>2</b>
</span> </h4>
<p><a href="#"> 1</a> <span class="price">₹19,990</span></p>
<p><a href="#"> 2</a> <span class="price">₹23,950</span></p>
<hr>
<p>Total <span class="price"
style="color:black"><b>₹43,940</b></span></p> </div>
</div> <script>
function myFunction() {
window.location.href="payment.php";
}
</script>
</div>
</body>
</html>
FOOTER
</main>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"
integrity="sha256xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-
Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfoo
Ao" crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-
wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifw
B6" crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.j
s" integrity="sha256pTxD+DSzIwmwhOqTFN+DB+nHjO4iAsbgfyFq5K5bcE0="
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js
" integrity="sha256-
CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI="
crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>
LOGIN
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <title>
sign in </title>
<style> Body {
font-family: Calibri, Helvetica, sans-serif; background-color: pink;
} button {
background-color: #4CAF50;
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
width: 100%; color: orange; padding: 15px; margin: 10px
0px; border: none;
cursor: pointer;
}
form {
border: 3px solid #f1f1f1; padding: 0;
margin-left: 250px;
margin-right: 250px;
}
input[type=text], input[type=password] {
width: 100%; margin: 8px 0; padding: 12px 20px;
display: inline-block; border: 2px solid green;
box-sizing: border-box;
}
button:hover { opacity: 0.7;
}
.cancelbtn { width: auto; padding: 10px 18px;
margin: 10px 5px;
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<input type="password" placeholder="Enter confirm password"
name="password" required> <button type="submit">Login</button>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> LogIn </title>
<style> Body {
font-family: Calibri, Helvetica, sans-serif; background-color: pink;
} button {
background-color: #4CAF50;
width: 100%; color: orange; padding: 15px; margin: 10px
0px; border: none;
cursor: pointer;
}
form {
border: 3px solid #f1f1f1; padding: 0; margin-left: 250px;
margin-right: 250px;
}
input[type=text], input[type=password] {
width: 100%; margin: 8px 0; padding: 12px 20px;
display: inline-block; border: 2px solid green;
box-sizing: border-box;
}
button:hover { opacity: 0.7;
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
.cancelbtn { width: auto; padding: 10px 18px; margin: 10px
5px; background-color: #4CAF50;
width: 100%; color: orange; padding: 15px; margin: 10px
0px; border: none;
cursor: pointer;
<script>
function myFunction() {
window.location.href="index.php";
}
</script>
</div>
</form>
</body> <script>
var pressedButton = document.getElementsByTagName("button")[0];
pressedButton.addEventListener("click", function (event) { alert("LogIn
successfuly")
})
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
</script>
</html>
DATABASE
--
CREATE TABLE `cart` (
`cart_id` int(11) NOT NULL,
`user_id` int(11) NOT NULL,
`item_id` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
<?php
class DBController
{
<section id="banner_adds">
<div class="container py-5 text-center">
<img src="./assets/banner1-cr-500x150.jpg" alt="banner1" class="img-
fluid"> <img src="./assets/banner2-cr-500x150.jpg" alt="banner1"
class="img-fluid"> </div>
</section>
<section id="banner-area">
<div class="owl-carousel owl-theme">
<div class="item">
<img src="./assets/Banner111.png" alt="Banner1"> </div>
<div class="item">
<img src="./assets/Banner222.jpg" alt="Banner2"> </div>
<div class="item">
<img src="./assets/Banner333.jpg" alt="Banner3"> </div>
</div>
</section>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<a href="https://gadgets.ndtv.com/mobiles/latest-phones"
class="color-second text-left">Check it out</a>
</div>
</div>
<div class="item">
<div class="card border-0 font-rale mr-5" style="width: 18rem;">
<h5 class="card-title font-size-16">Latest Technology</h5>
<img src="./assets/blog/blog22.jpg" alt="cart image" class="card-img-
top">
<p class="card-text font-size-14 text-black-50 py-1">Read here for
being updated with latest technology.</p>
<a
href="https://techxplore.com/?utm_source=bing&utm_medium=cpc&utm_campai
gn=Bing%20TechX&utm_term=emerging
%20trends%20technology&utm_content=Ad%20group%20%231" class="color-
second text-left">Check it out</a>
</div>
</div>
<div class="item">
<div class="card border-0 font-rale mr-5" style="width: 18rem;">
<h5 class="card-title font-size-16">Upcoming Gedgets</h5>
<img src="./assets/blog/blog33.jpg" alt="cart image" class="card-img-
top">
<p class="card-text font-size-14 text-black-50 py-1">20 Insanely Cool
Gadgets That Are Going to Sell Out This year.</p>
<a href="https://gadgetslaboratory.com/trending/cool-gadgets-
2020/20-insanely-cool-gadgets-that-are-going-tosell-out-
b/?kw=top%20gadget&placement=&network=o&mt=p&adp=&msclkid=3ceb6d2
3ec1f1fe5963a0c599991b722" class="color-second text-left">Check it out</a>
</div>
</div>
</div>
</div>
</section>
<!-- !Blogs -->
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
if($_SERVER['REQUEST_METHOD'] == "POST"){
if (isset($_POST['new_phones_submit'])){
// call method addToCart
$Cart->addToCart($_POST['user_id'], $_POST['item_id']);
}
}
?>
<section id="new-phones">
<div class="container">
<h4 class="font-rubik font-size-20">New In</h4> <hr>
</div>
</section>
<!-- !New Phones -->
<?php
$brand = array_map(function ($pro){ return $pro['item_brand']; },
$product_shuffle);
$unique = array_unique($brand);
sort($unique);
shuffle($product_shuffle);
if($_SERVER['REQUEST_METHOD'] == "POST"){
if (isset($_POST['special_price_submit'])){
// call method addToCart
$Cart->addToCart($_POST['user_id'], $_POST['item_id']);
}
}
$in_cart = $Cart->getCartId($product->getData('cart'));
?>
<section id="special-price">
<div class="container">
<h4 class="font-rubik font-size-20">Price Drop</h4>
<div id="filters" class="button-group text-right font-baloo font-size-16">
<button class="btn is-checked" data-filter="*">All Brand</button>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<?php
array_map(function ($brand){
printf('<button class="btn" data-filter=".%s">%s</button>', $brand,
$brand); }, $unique);
?>
</div>
<div class="grid">
<?php array_map(function ($item) use($in_cart){ ?>
<div class="grid-item border <?php echo $item['item_brand'] ?? "Brand" ;
?>">
<div class="item py-2" style="width: 200px;">
<div class="product font-rale">
<a href="<?php printf('%s?item_id=%s', 'product.php',
$item['item_id']); ?>"><img src="<?php echo
$item['item_image'] ?? "./assets/products/13.png"; ?>" alt="product1" class="img-
fluid"></a> <div class="text-center">
<h6><?php echo $item['item_name'] ?? "Unknown"; ?></h6>
<div class="rating text-warning font-size-12">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="far fa-star"></i></span>
</div>
<div class="price py-2">
<span>₹<?php echo $item['item_price'] ?? 0 ?></span>
</div>
<form method="post">
<input type="hidden" name="item_id" value="<?php echo
$item['item_id'] ?? '1'; ?>"> <input type="hidden"
name="user_id" value="<?php echo 1; ?>">
<?php
if (in_array($item['item_id'], $in_cart ?? [])){
echo '<button type="submit" disabled class="btn btn-
success font-size-12">In the Cart</button>';
}else{
echo '<button type="submit" name="top_sale_submit"
class="btn btn-warning font-size-12">Add to Cart</button>';
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
?>
</form>
</div>
</div>
</div>
</div>
<?php }, $product_shuffle) ?>
</div>
</div>
</section>
shuffle($product_shuffle);
if($_SERVER['REQUEST_METHOD'] == "POST"){
if (isset($_POST['top_sale_submit'])){
$Cart->addToCart($_POST['user_id'], $_POST['item_id']);
}
}
?>
<section id="top-sale">
<div class="container py-5">
<h4 class="font-rubik font-size-20">Trending</h4> <hr>
</form>
</div>
</div>
</div>
<?php }
</div>
</div>
</section>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST'){
if (isset($_POST['delete-cart-submit'])){
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
$deletedrecord = $Cart->deleteCart($_POST['item_id']);
}
if(isset($_POST['cart-submit'])){
$Cart->saveForLater($_POST['item_id'], 'cart', 'wishlist');
}
}
?>
<div class="row">
<div class="col-sm-9">
<?php foreach ($product->getData('wishlist') as $item) :
$cart = $product->getProduct($item['item_id']);
$subTotal[] = array_map(function ($item){
?>
<div class="d-flex">
<div class="rating text-warning font-size-12">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<span><i class="fas fa-star"></i></span>
<span><i class="far fa-star"></i></span>
</div>
<a href="#" class="px-2 font-rale font-size-14">20,534
ratings</a>
</div>
<form method="post">
<input type="hidden" value="<?php echo $item['item_id']
?? 0; ?>" name="item_id">
<button type="submit" name="delete-cart-submit"
class="btn font-baloo text-danger pl-0 pr-3 border-right">Delete</button>
</form>
<form method="post">
<input type="hidden" value="<?php echo $item['item_id']
?? 0; ?>" name="item_id">
<button type="submit" name="cart-submit" class="btn
font-baloo text-danger">Add to Cart</button>
</form>
</div>
</div>
</div>
</section>
NOT FOUND
<?php
require ('../database/DBController.php');
require ('../database/Product.php');
if (isset($_POST['itemid'])){
$result = $product->getProduct($_POST['itemid']); echo
json_encode($result);
}
<div class="row">
<div class="col-sm-9">
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<img src="./assets/blog/empty_cart.png" alt="Empty Cart"
class="img-fluid" style="height: 200px;"> <p class="font-baloo
font-size-16 text-black-50">Empty Cart</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="sub-total border text-center mt-2">
<h6 class="font-size-12 font-rale text-success py-3"><i class="fas fa-
check"></i> Your order is eligible for FREE Delivery.</h6>
<div class="border-top py-4">
<h5 class="font-baloo font-size-20">Subtotal ( <?php echo
isset($subTotal) ? count($subTotal) : 0; ?> item): <span class="text-
danger">$<span class="text-danger" id="deal-price"><?php echo isset($subTotal)
? $Cart>getSum($subTotal) : 0; ?></span> </span> </h5>
<button type="submit" class="btn btn-warning mt-3">Proceed to
Buy</button>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<div class="col-sm-9">
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
<img src="./assets/blog/empty_cart.png" alt="Empty Cart"
class="img-fluid" style="height: 200px;"> <p class="font-baloo
font-size-16 text-black-50">Empty Wishlist</p>
</div>
</div>
</div>
</div>
</div>
</section>
STYLESHEET
@import
url("https://fonts.googleapis.com/css2?family=Baloo+Thambi+2&family=Ralewa
y&family=Rubik&display=swap");
.font-baloo {
font-family: "Baloo Thambi 2", cursive;
}
.font-rale {
font-family: "Raleway", cursive;
}
.font-rubik {
font-family: "Rubik", cursive;
}
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
#top-sale .owl-carousel .owl-nav button.owl-prev span, #top-sale .owl-carousel
.owl-nav button.owl-next span {
font-size: 35px; color: #003859; padding: 0 1rem;
}
#top-sale .owl-carousel .owl-nav button.owl-prev span { margin-left: -4rem;
}
#top-sale .owl-carousel .owl-nav button.owl-next { right: 0;
}
#top-sale .owl-carousel .owl-nav button.owl-next span { margin-right: -4rem;
}
.gradient-custom {
background: #6a11cb;
background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252,
1))
}
JS FILE
$(document).ready(function(){
$("#new-phones .owl-carousel").owlCarousel({
loop: true, nav: false, dots: true, responsive : { 0: {
items: 1 }, 600: { items: 3 },
1000 : { items: 5
}
}
});
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
$qty_up.click(function(e){
$price.text(parseInt(item_price * $input.val()).toFixed(2));
}});
});
$qty_down.click(function(e){
$price.text(parseInt(item_price * $input.val()).toFixed(2));
}});
});
});
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
HOME PAGE VIEW
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
LOG IN & SIGNUP PAGE
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
CART
WISHLIST
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
CHECKOUT
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
MOBILE VIEW
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter- 5 TESTING
5.1 Testing
The compilation of a system is achieved only it has been thoroughly tasted. Through
this gives a feel the project is completed, there cannot be any project without going
through this stage. Through the programmer may have taken many precautions not
to commit any project can undergo the real time environment execution without ant
break downs, therefore a package can be rejected even at this stage.
The testing phase involves the testing of the developed system using various kinds
of data. An elaborated testing of data is prepared and a system is tested using the test
data. While testing, errors are noted and correction remade, the correction are also
noted for future use.
§ System Testing
Testing is a set of activities that can be planned in advance and conducted
systematically. The proposed system is tested in parallel with the software that
consists of its own phases of analysis implementation, testing and maintenance.
Following are the tests conducted in the system.
§ Unit Testing
During the implementation of the system each module of the system was tested
separately to uncover errors within its boundaries. User interface was used as a
guide in the process.
§ Module Testing
A module is composed of various programs related to that module. Module testing
is done to check the module functionality and interaction between units within a
module.It checks the functionality of each program with relation to other programs
within the same module. It then tests the overall functionality of each module.
§ Integration Testing
Integration testing is a systematic technique for construction the program structure
while conducting tests to uncover errors associated with interfacing. The objective
is to take unit tested module and build a program structure that has been dictated by
design.
§ Acceptance Testing
The software has been tested with the realistic data given by the client and product
fruitful results. The client satisfying all the requirement specified by them has also
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
developed the software within the time limitation specified. A demonstration has
been given to the client and the end-user giving all the operational features.
§ Bottom up testing
Bottom Up testing is an approach to integrated testing where the lowest level
components are tested first, then used to facilitate the testing of higher level
components. The process is repeated until the component at the top of the hierarchy
is tested.
Advantages
• The advantages of the bottom up testing are:
• The objects to be tested are known to the developer. So, it is easy to understand the
scope of the test case creation and test data.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
• Psychologically more satisfying because the tester can be certain that the
foundation for
the test object have been tested in full detail.
• Does not require stubs to be created
Disadvantages
• The disadvantages are summarized below:
• The quality of the software can be guaranteed only when the testing is fully
completed. Issue is, defects in the upper levels are detected very late.
• Drivers created compilation in the test management
• Testing individual levels also inflicts high costs for providing a suitable
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
Chapter-6
IMPLEMENTATION PHASE
6.1 Integrated development environment implementation
• Multi window text editor with syntax highlighting, autocompletion, smart indent
and other.
• Php shell with syntax highlighting.
• Integrated debugger with stepping, persistent breakpoints, and call stack visibility.
In today's society, online property has adapted to the fast-paced lifestyle, making
customer’s enjoy the convenience of choosing and buying their favourite
properties at home. Prestashop provides a rich CMS to facilitate the creation of
forms and the manipulation of form data.It provides an abstraction layer (the
“models”) for structuring and manipulating the data of your Web application.It has
the concept of “views” to encapsulate the logic responsible for processing a user’s
request and for returning the responseincluding the user registration and login,
checking and buying commodities, the property cart, the personal order
management, the customer complaint and personal information management, etc.
And the background system achieves functions including the administrator login, the
commodities category management, the commodities management, the order
management, the news and information management, and so on. When released, this
system will be dynamic and interactive, and become an online property system which
is operated easily and has many functions. According to the system design mentioned
earlier, the property centre webs site, consisting two major components: back end
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
and front end system was successfully implemented and loaded on the Internet. At
the developing stage, after undergoing research and experiment on choices of
programs and databases, Php and MySql also java script were the major software
and database used for developing the entire web.
The implementation is the final and important phase. It involves User training,
system testing and successful running of the developed system. The users test the
developed system when changes are made according to the needs. The testing phase
involves the testing of the developed system using various kinds of data. An
elaborate testing of data is prepared and system is tested using the test data.
Implementation is the stage where theoretical design turned into a working system.
Implementation is planned carefully to propose system to avoid unanticipated
problems. Many preparations involved before and during the implementation of
proposed system. The system needed to be plugged in to the organizations network
then it could be accessed from anywhere, after a user login into the portal. The tasks
that had to be done to implement the system were to create the database tables in the
organizations database domain. Then the administrator was granted his role so that
the system could be accessed. The next phase in the implementation was to educate
the system. A demonstration of all the functions that can be carried out by the system
was given to examination department person, who will make extensive use of the
system.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
FUTURE EXPANSION
As the entire project have a big scope in future expansion. So the entire project may
be needed to be modified in future. As technologies advance rapidly so there might
be a necessity to recreate it as a better project than this. As our project is dynamic
and accepts future expansion, it is easy to handle. It means that we welcome new
ideas and additional features to this project in future and can expand the project.
Since in India there are not much online legal firms this makes us unique and
provides chances to expand.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
CONCLUSION
As each project has its advantage other-wise without advantages it will not be useful.
Because in now-a-days company are growing in rapid form because of their several
new forms. Also in our country there are several industries which are getting
developed by the software companies so far that we have to use such explanation.
The motive behind having advantage in our project is that if we want to get selected
our project in industries then there should be some features different then there in
our projects. Also there are several advantages in our project like: -
• User Friendly: - This means that these projects can be handled by without any much
distortion. Also there is no need to have study this software and then to use it.
• Cost effectiveness: - This project is very cheaper as they don’t require much
hardware equipment. Means this project can be completed in the low cast. Here you
have to only use the software language like Php and HTML.
• Easy to backup: - the back up of this project is very easy to handle. Also the record
if deleted by mistaken be deleted permanently it will store in the database files.
• Data security: - In our project we have provided the password facility so that each
module can have their data security. Here also report module which cannot be opened
without the password so far that we have provided the security purpose.
• In my project the coding part can be easily understood by other fellow programmer.
Also the coding part of our project is totally written in Php so it is very user friendly.
• My project is also designed in full UI form providing a better user interface.
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift
REFERENCES
1. www.google.com
2. www.youtube.com/daily tuition
5. https://www.flipkart.com/
6. http://programminghead.com
7. https://stackoverflow.com
8. https://www.educba.com
9. https://www.pexels.com/
Sampada Verma
(04050402020)
BCA 3rd Year 2nd Shift