Mish Gifts, Adhu

19CS1H2147 MISH GIFT HAMPERS
1. INTRODUCTION
1.1 PROBLEM DEFINITION

The purpose of developing Online Gift Shop project is for customers to order gifts through
online for home delivery or pick up from shop. As the internet users are increasing exponentially, the
company has introduced Online Gift Shop System for taking orders from customers. This system not
only improves customer’s experience but also eases the workload on the staff of gift shop.
1.2 SCOPE OF THE PROJECT
It may help collecting perfect management in detail. In a very short time, the collection will be
obvious, simple, and sensible. It will help a person to know the management of passed year perfectly
and vividly. It also helps in current all works relative to Online Gift Store. It will be also reduced the cost
of collecting the management & collection procedure will go on smoothly.
MODULES
 Account module: This module includes the customer registration, login and details of the customer like
name, phone no, address etc.
 Shopping: This module provides the details of the products like Name, Price, etc.
 Payment Module: This module is used to view the payment for the booked event where the customer
will enter all the required information of credit/debit card.
 Invoice Module : This module customer can view Customer ID, transaction ID, Date of delivery and
amount debited.
 Feedback Module: In this module, the users can give their feedback, grievances and recommendations
about the system and the service provided
KRISTU JAYANTI COLLEGE (AUTONOMOUS)

2. SYSTEM STUDY
2.1 EXISTING SYSTEM
Customer can also register online, and they can browse different types of gifts that are arranged in
different categories scientifically.
This process is done manually .The existing system is time consuming and it is very costly ,because
it involves a lot of paper work .To manually handle such a system was very difficult task. But now-
adays because of computerization this job is becoming easier.
• Time saving.
• User friendly.
• Admin is benefited.
2.2 FEASIBILITY STUDY
A feasibility study is an analysis of how successfully a project can be completed, accounting for factors
that affect it such as economic, technological, legal and scheduling factors. Project managers use
feasibilitystudies to determine potential positive and negative outcomes of a project before investing a
considerableamount of time and money into it. A feasibility study tests the viability of an idea, a project
or even a newbusiness. The goal of a feasibility study is to place emphasis on potential problems that
could occur if a project is pursued and determines if, after all significant factors are considered, the
project should be pursued. Feasibility studies also allow a business to address where and how it will
operate, potential obstacles, competition and the Funding needed to get the business up and running.
This project "MISH GIFT HAMPERS” has undergone the following Feasibility study:
 Economic Feasibility
 Technical Feasibility
 Behavioral Feasibility
 Schedule Feasibility
 Every project is feasible for given unlimited resources and infinitive time. Feasibility study is an evaluation of the
proposed system regarding its workability, impact on the organization, ability to meet
KRISTU JAYANI COLLEGE (AUTONOMOUS)

the user needs and effective use of resources. Thus, when a new application is proposed it normally goes
through a feasibility study before it is approved for development.
The feasibility analysis in this project has been discussed below based on the above-mentioned
components of feasibility.
1. Technical feasibility:
Technical feasibility focusses on the technology used. It means the computerized system is
technically feasible i.e., it doesn’t have any technical fault and work properly in the given environment.
The system is technically feasible if it provides the required output.
2. Economic feasibility:
Economic analysis is the most frequently used method for evaluating the effectiveness of the
computerized system. We analyst the computerized system is feasible as than the manual system
because it saves the money, time and manpower. It is also feasible according to cost benefit analysis.
3. Behavioral feasibility:
Behavioral feasibility is the analysis of behavior of the computerized system. In this we analysis that
the computerized system is working properly or not. If working, then it is communicating properly with
the environment or not. All the matters are analyzed, and a good computerized system is prepared.
4. Schedule feasibility:
Time evaluation is the most important consideration in the development of project. The time
schedule required for the development of the project is very important since more development time
affect machine time, cost and cause delaying the development of other systems.

2.3 PROPOSED SYSTEM
To reduce the inconvenience that were found in the current system, it has been automated so as
to provide a user friendly guide that will help data entry. This also includes member registration and
comment.
Creating a database for containing the information present with them on the paper in the existing
system. The developed system will be a time saving application for the user. User or visitor can get a
broad view about the handset which they requires.
Advantages of proposed system:
 Time saving since all the details information is stored in this system, it enables in significance
reduction in the number of man -hours taken up for the storage and the retrieval of the information, as
it removes the large registers from the scene.
 Accuracy and reliability.
 User friendly, robust.
 Security of data and Integration of all functions into one system.
 Remove redundancy and in-consistency.
 Through paper validation, data inconsistency is reduced.
 The proposed system would reduce the man-power, because a single trained person
(Administrator)can handle whole database.

3. SYSTEM DESIGN
In the design phase the architecture is established. This phase starts with the requirement document
delivered by the requirement phase and maps the requirements into architecture. The architecture defines
the components, their interfaces, and behaviors. The deliverable design document is the architecture.
The design document describes a plan to implement the requirements. This phase represents the how
phase. Details on computer programming languages and environments, machines, packages, application
architecture, distributed architecture layering, memory size, platform, algorithms, data structures, global
type definitions, interfaces, and manyother engineering details are established. The design may include
the usage of existing components. Analyzing the trade-offs of necessary complexity allows for many
things to remain simple which, in turn, will eventually lead toa higher quality product.
The architecture team also converts the typical scenarios into a test plan.
In our approach, the team, given a complete requirement document, must also indicate critical
priorities for the implementation team. A critical implementation priority leads to a task that has to be
done right. If it fails, the product fails. If it succeeds, the product might succeed. At the very least, the
confidence level of the team producing a successful product will increase. This will keep the
implementation team focused. Exactly how this information is conveyed is a skill based on experience
more than a science based on fundamental foundations.
System design is the process of defining the architecture components, modules, interfaces, and data
for a system to satisfy specified requirements. Systems design could be seen as the application of
systems theory to product development. There is some overlap with the disciplines of systems analysis,
systems architecture, and systems engineering.
If the broader topic of product development “blends the perspective of marketing, design, and
manufacturing into a single approach to product development," then design is the act of taking the
marketing information and creating the design of the product to be manufactured.
Systems design is therefore the Process of defining and developing systems to satisfy specified
requirements of the user.

Until the 1990s, systems design had a crucial and respected role in the data processing industry. In
the 1990s, standardization of hardware and software resulted in the ability to build modular systems.
The increasing importance of software running on generic platforms has enhanced the discipline of
software engineering.
Object-oriented analysis and design methods are becoming the most widely used methods for
computer systems design. The UML has become the standard language in object-oriented analysis and
design. It is widely used for modelling software systems and is increasingly used for high designing
non- software systems and organizations.
LOGICAL DESIGN
The logical design of a system pertains to an abstract representation of the data flows, inputs and
outputs of the system. This is often conducted via modelling, using an over-abstract (and sometimes
graphical) model of the actual system. In the context of systems, designs are included. Logical design
includes entity-relationship diagrams (ER diagrams).
PHYSICAL DESIGN
The physical design relates to the actual input and output processes of the system. This is explained
in terms of how data is input into a system, how it is verified /authenticated, how it is processed, and
how itis displayed.
In physical design, the following requirements about the system are decided.
1. Input requirement
2. Output requirements
3. Storage requirements
4. Processing requirements
Put another way, the physical portion of system design can generally be broken down into three sub- tasks:
1. User Interface Design
2. Data Design

User Interface Design is concerned with how users add information to the system and with how the
system presents information back to them. It is concerned with how the data is represented and stored
within the system. Finally, Process Design is concerned with how data moves through the system, and
with how and where it is validated, secured and/or transformed as it flows into, through and out of the
system.
At the end of the system design phase, documentation describing the three sub-tasks is produced and
made available for use in the next phase. Physical design, in this context, does not refer to the tangible
physical design of an information system.
To use an analogy, a personal computer's physical design involves input via a keyboard, processing
with in the CPU, and output via a monitor, printer, etc. It would not concern the actual layout of the
tangible hardware, which for a PC would be a monitor, CPU, motherboard, hard drive, modems,
video/graphics cards, USB slots, etc. It involves a detailed design of a user and a product database
structure processor and control processor. The H/S personal specification is developed for the proposed
system.
3.1 E-R DIAGRAM
An entity relationship diagram (ERD) shows the relationships of entity sets stored in a database. An
entity in this context is a component of data. In other words, ER diagrams illustrate the logical structure
of databases.
Structure of an Entity Relationship Diagram with Common ERD Notations
An entity relationship diagram is a means of visualizing how the information a system produces is
related. There are five main components of an ERD:
 Entities, which are represented by rectangles. An entity is an object or concept about which
you want to store information.
 Weak entity is an entity that must defined by a foreign key relationship with another entity as
cannot be uniquely identified by its own attributes alone.

Actions, which are represented by diamond shapes, show how two entities share information in the
database. In some cases, entities can be self-linked. For example, employees can supervise other
employees.
 Relationship: The degree of a relationship is the number of entity types that participate in the
relationship.
Attributes, which are represented by ovals. A key attribute is the unique, distinguishing
characteristic of the entity. For example, an employee's social security number might be the employee’s
key attribute.
 Multi-valued attribute can have more than one value. For example, an employee entity can
have multiple skill values.
 Derived attribute is based on another attribute. For example, an employee's monthly salary
is based on the employee's annual salary.
 Connecting lines, solid lines that connect attributes to show the relationships of entities in the
diagram.
 Cardinality specifies how, instances of an entity relate to one instance of another entity.
Ordinarily is also to cardinality. While cardinality specifies the occurrences of a relationship,
ordinarily describes the relationship as either mandatory or optional. In other words, cardinality
specifies the maximum specifies the absolute minimum number of relationships.

3.1 ER-DIAGRAM

3.2 DATA FLOW DIAGRAM (level 0 and level 1)
The Data Flow Diagrams (DFDs) are used for structure analysis and design. DFDs show the flow of
data from external entities into the system. DFDs also show how the data moves and are transformed
from one process to another, as well as its logical storage. The following symbols are used within DFDs.
A data flow diagram (DFD) is a graphical representation of the "flow" of data through an
information system, modelling its process aspects. A DFD is often used as a preliminary step to create
an overview of the system, which can later be elaborated. DFDs can also be used for the visualization of
data processing (structured design).
A DFD shows what kind of information will be input to and output from the system, where the data
will come from and go to, and where the data will be stored. It does not show information about the
timing of process or information about whether processes will operate in sequence or in parallel.
PHYSICAL VS LOGICAL DFD
A logical DFD captures the data flows that are necessary for a system to operate. It describes the
processes that are undertaken, the data required and produced by each process, and the stores needed to
hold the data. On the other hand, a physical DFD shows how the system is implemented, either at the
moment (Current Physical DFD), or how the designer intends it to be in the future (Required Physical
DFD).
Thus, a Physical DFD may be used to describe the set of data items that appear on each piece of
paper that move around an office, and the fact that a particular set of pieces of paper are stored together
in a filing cabinet. It is quite possible that a Physical DFD will include references to data that are
duplicated, or redundant, and that the data stores, if implemented as a set of database tables, would
constitute an un- normalized (or de-normalized) relational database. In contrast, a Logical DFD attempts
to capture the data flow aspects of a system in a form that has neither redundancy nor duplication.

DATA FLOW SYMBOLS AND THEIR MEANINGS: -
An entity: A source of data or a destination for data.
Source/Sink: Represented by rectangles in the diagram. Sources and Sinks are external entities which
are sources or destinations of data, respectively.
Process: Represented by circles in the diagram. Processes are responsible for manipulating the data.
They take data as input and output an altered version of the data.
Data Store: Represented by a segmented rectangle with an open end on the right. Data Stores are both
electronic and physical locations of data. Examples include databases, directories, files, and even filing
cabinets and stacks of paper.
Data Flow: Represented by a unidirectional arrow. Data Flows show how data is moved through the
System. Data Flows are labelled with a description of the data that is being passed through it.
A level-0 DFD is the most basic form of DFD. It aims to show how the entire system works
immediately. There is only one process in the system and all the data flows either into or out of this
process. Level-

0 DFD’s demonstrates the interactions between the process and external entities. They do not contain
Data Stores.
When drawing Level-0 DFD’s, we must first identify the process, all the external entities and all the
dataflows. We must also state any assumptions we make about the system. It is advised that we draw the
process in the middle of the page. We then draw our external entities in the corners and finally connect
our entities to our process with the data flows.
Level 0 DFD:
Level 1 DFD:
Level 1 DFD’s aim is to give an overview of the full system. They look at the system in more detail.
Major processes are broken down into sub-processes. Level 1 DFD’s also identifies data stores that are
used by the major processes. When constructing a Level 1 DFD we must start by examining the Context
Level DFD. We must break up the single process into its subprocesses. We must then pick out the data
stores from the text we are given and include them in our DFD. Like the Context Level DFD’s, all
entities, datastores and processes must be labelled. We must also state any assumptions made from the
text.

DFD Level 1: User

DFD Level 1: Admin
3.3 ACTIVITY DIAGRAM
An activity diagram visually represents the series of actions or flow of control in a system similar to
a flowchart or data flow diagram. Activity diagrams are often used in business processing modelling.
They can also describe steps in a used case diagram. The activity diagram for Admin module and User
module of Mish Gift Hampers is given below.

USER

ADMIN

3.3 GANTT CHART
A Gantt chart is a type of bar chart, devised by Henry Gantt in the 1910s, that illustrates a project
schedule .Gantt charts illustrate the start and finish dates of the terminal elements and summary elements
of a project. Terminal elements and summary elements comprise the work breakdown structure of the
project .Modern Gantt charts also show the dependency (i.e., precedence network) relationships between
activities.
HISTORICAL DEVELOPMENT:
The first known tool of this type was developed in 1896 by Karol Adamiecki, who called it a
Harmon gram. Adamiecki did not publish his chart until 1931, however, and only in Polish, which
limited both its adoption and recognition of his authorship. The chart is named after Henry Gantt (1861–
1919), who designed his chart around the years 1910–1915. One of the first major applications of Gantt
charts was by the United States during World War I, at the instigation of General William Crozier in the
1980s, personal computers allowed widespread creation of complex and elaborate Gantt charts. The first
desktop applications were intended mainly for project managers and project schedulers. With the advent
of the Internet and increased collaboration over networks at the end of the 1990s, Gantt charts became a
common feature of web-based applications, including collaborative groupware.
GANTT CHART BENEFITS:
Clarity:
One of the biggest benefits of a Gantt chart is the tool's ability to boil down multiple tasks and time
lines into a single document. Stakeholders throughout an organization can easily understand where
teams are in a process while grasping the ways in which independent elements come together toward
project completion.
Communication:
Teams can use Gantt charts to replace meetings and enhance other status updates. Simply clarifying chart

positions offer an easy, visual method to help team members understand task progress.
Motivation:
Some teams or team members become more effective when faced with a form of external
motivation. Gantt charts offer teams the ability to focus work at the front of a task timeline, or at the tail
end of a chart segment. Both types of team members can find Gantt charts meaningful as they plug their
own work habits into the overall project schedule.
Coordination:
For project managers and resource schedulers, the benefits of a Gantt chart include the ability to
sequence events and reduce the potential for overburdening team members. Some project managers even
use combinations of charts to break down projects into more manageable sets of tasks.
Creativity:
Sometimes, a lack of time or resources forces project managers and teams to find creative solutions.
Seeing how individual tasks intertwine on Gantt charts often encourages new partnerships and
collaborations that might not have evolved under traditional task assignment systems.
Time Management:
Most managers regard scheduling as one of the major benefits of Gantt charts in a creative
environment. Helping teams understand the overall impact of project delays can foster stronger
collaboration while encouraging better task organization.
Flexibility:
Whether you use Excel to generate Gantt charts or load tasks into a more precise chart generator, the
ability to issue new charts as your project evolves lets you react to unexpected changes in project scope
or timeline. While revising your project schedule too frequently can eliminate some of the other benefits
of Gantt charts, offering a realistic view Of a project can help team members recover from setbacks or
adjust to other changes.
Manage ability:
For project managers handling complex assignments, like software publishing or event planning, the
benefits of Gantt charts include externalizing assignments. By visualizing all the pieces of a project
puzzle, managers can make more focused, effective decisions about resources and timetables.
Efficiency:
Another one of the benefits of Gantt charts is the ability for team’s members to leverage each
other’s deadlines for maximum efficiency. For instance, while one team member wait son the outcome
of three

other tasks before starting a crucial piece of the assignment, he or she can perform other project tasks.
Visualizing resource usage during projects allows managers to make better use of people, places, and
things.
Accountability:
When project teams face major organizational change, documenting effort and outcomes becomes
crucial to career success. Using Gantt charts during critical projects allows both project managers and
participants to track team progress, highlighting both big wins and major failures during professional
review periods; team members who frequently exceed expectations can leverage this documentation into
larger raises or bonuses.
Gantt chart Importance:

The project's summary and terminal elements, which combine to form the project's internal
structure, are shown on the Gantt chart. Many charts will also depict the precedence rankings and
dependencies of various tasks within the project. The charts can illustrate the start and finish project
terminal elements in project management. It can also show summary elements and terminal
dependencies. The smallest task tracked as part of the project effort is known as a terminal element.
Gantt chart represents the tasks in most modern project scheduling packages. However other
management applications use simpler communication tools such as message boards, to-do lists and
simple scheduling etc., therefore, they do not use Gantt charts as heavily.
The way to create this chart begins by determining and listing the necessary activities. Next, sketch
out how you expect the chart to look. List which items depend on others and what activities take place
when.For each activity, list how many man-hours it will require, and who is responsible. Lastly,
determine the throughput time.
This technique's primary advantage is its good graphical overview that is easy to understand for nearly all

project participants and stakeholders. Its primary disadvantage is its limited applicability for many
projects, since projects are often more complex than can be effectively communicated with this chart.
3.4 ARCHITECTURAL DESIGN
An architectural model (in software) is a rich and rigorous diagram, created using available
standards, in which the primary concern is to illustrate a specific set of tradeoffs inherent in the structure
and design ofa system or ecosystem.
3.5 INPUT/OUTPUT DESIGN:

INPUT DESIGN:
HOME:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Art Gallery</title>
<link rel="shortcut icon" href="http://[::1]/art/assets/img/logo.png">


<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,100" rel="stylesheet"
type="text/css">


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-
awesome.min.css">


<link rel="stylesheet" href="http://[::1]/art/assets/css/owl.carousel.css">
<link rel="stylesheet" href="http://[::1]/art/assets/style.css">
<link rel="stylesheet" href="http://[::1]/art/assets/css/responsive.css">



</head>
<body>
<div class="header-area">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="user-menu">
<ul>
<li><a href="http://[::1]/art/index.php/Welcome/login"><i class="fa fa-
user"></i> Login Or Register</a></li>

</ul>
</div>
</div>
</div>
</div>
</div> 
<div class="site-branding-area">
<div class="row">
<div class="col-sm-6">
<div class="logo">
<h1><a href="http://[::1]/art/index.php/Welcome">Art<span> Gallery</span></a></h1>
</div>
</div>

</div>
</div>
</div> 
<div id="undefined-sticky-wrapper" class="sticky-wrapper" style="height: 60px;"><div

class="mainmenu-area" style="">
<div class="row">
<div class="navbar-header">
<button style="float: left;border: 1px solid transparent;" type="button" class="navbar-toggle"
data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span style="color: white;"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class=""><a href="http://[::1]/art/index.php/Welcome">Home</a></li>
<li><a href="http://[::1]/art/index.php/Welcome/shop">Shop page</a></li>
<li><a href="http://[::1]/art/about.php/Welcome/about">About us</a></li>
<li><a href="http://[::1]/art/Contact.php/Welcome/Contact">Contact us</a></li>
</ul>



</div>
</div>
</div>
</div></div> 
<div class="slider-area">
<div class="zigzag-bottom"></div>
<div id="slide-list" class="carousel carousel-fade slide" data-ride="carousel">
<div class="slide-bulletz">
<div class="row">
<div class="col-md-12">
<ol class="carousel-indicators slide-indicators">
<li data-target="#slide-list" data-slide-to="0" class="active"></li>
<li data-target="#slide-list" data-slide-to="1" class=""></li>
<li data-target="#slide-list" data-slide-to="2" class=""></li>
</ol>
</div>
</div>
</div>
</div>
<div class="carousel-inner" role="listbox">

<div class="item active">
<div class="single-slide">
<div class="slide-bg slide-one"></div>
<div class="slide-text-wrapper">
<div class="slide-text">
<div class="row">
<div class="col-md-6 col-md-offset-6">
<div class="slide-content">
<h2>Art Gallery</h2>
<p>Come Visit Us </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="item">
<div class="slide-bg slide-two"></div>
<div class="row">
<h2>We are great</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe
aspernatur, dolorum harum molestias tempora deserunt voluptas possimus quos eveniet, vitae
voluptatem accusantium atque deleniti inventore. Enim quam placeat expedita! Quibusdam!</p>
<a href="" class="readmore">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="slide-bg slide-three"></div>
<div class="row">
<h2>We are superb</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores,
eius?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti
voluptates necessitatibus dicta recusandae quae amet nobis sapiente explicabo voluptatibus rerum nihil
quas saepe, tempore error odio quam obcaecati suscipit sequi.</p>
<a href="" class="readmore">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div> 
<div class="promo-area">
<div class="zigzag-bottom"></div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="single-promo">
<i class="fa fa-refresh"></i>
<p>7 Days return</p>
</div>
</div>
<i class="fa fa-flash"></i>
<p>Free Support</p>
</div>
</div>
<i class="fa fa-lock"></i>
<p>Secure payments</p>
</div>
</div>
<i class="fa fa-gift"></i>
<p>New products Weekly</p>
</div>
</div>
</div>
</div>
</div> 
LOGIN:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Mish gifts</title>
<link rel="stylesheet" href="lord.css">

</head>
<body>
<div>
<div class="full-page">
<div class="navbar">
<div>
<a href='cuslog.php'>Mish Gifts</a>
</div>
<nav>
<ul id='MenuItems'>
<li><a href='#'>Home</a></li>
<li><a href='about.php'>About Us</a></li>
<li><a href='contact.php'>Contact</a></li>
<li><button class='loginbtn' onclick="document.getElementById('login-form').style.display='block'"
style="width:auto;">Login</button></li>
</ul>
</nav>
</div>
<div id='login-form'class='login-page'>
<div class="form-box">
<div class='button-box'>
<div id='btn'></div>
<button type='button'onclick='login()'class='toggle-btn'>Log In</button>
<button type='button'onclick='register()'class='toggle-btn'>Register</button>
</div>
<form action='login.php' method='POST' id='login' class='input-group-login'>
<input type='text'class='input-field'placeholder='Email Id' name='email' pattern ="\w+([-+.']\w+)@\w+
([-.]\w+)\.\w+([-.]\w+)*"required >
<input type='password'class='input-field'placeholder='Enter Password' name='pass'
required><br><br><br><br>
<a href="#forgot-pw" class="forgot-pw"><span>Forgot Password?</span></a>
<button type='submit'class='submit-btn' name='login'>Log in</button>
</form>
<form action='registration.php' method='POST' id='register' class='input-group-register' >

<input type='text'class='input-field'placeholder='First Name' name='fname' required>
<input type='text'class='input-field'placeholder='Last Name ' name='lname' required>
<input type='email'class='input-field'placeholder='Email Id' name='email' id='email' pattern ="\w+([-
+.']\w+)@\w+([-.]\w+)\.\w+([-.]\w+)*" required>
<input type='password'class='input-field'placeholder='Enter Password' name='pass' id='password'
required>

<input type='checkbox'class='check-box'><span>I agree to the terms and conditions</span>

<button type='submit'class='submit-btn'>Register</button>
</form>
</div>
</div>
</div>
</div>
<script>
var x=document.getElementById('login');
var y=document.getElementById('register');
var z=document.getElementById('btn');
function register()
{
x.style.left='-400px';
y.style.left='50px';
z.style.left='110px';
}
function login()
{
x.style.left='50px';
y.style.left='450px';
z.style.left='0px';
}
</script>
<script>
var modal = document.getElementById('login-form');
window.onclick = function(event)
{
if (event.target == modal)
{
modal.style.display = "none";
}
}
</script>
</body>
</html>
PRODUCT:
DIY GIFTS :
<?php
session_start();
require_once ('C:\xampp\htdocs\myproject\db\createdb.php');
quire_once ('C:\xampp\htdocs\myproject\db\component.php');
$database= new CreateDb("giftshop", "producttb1");

?>
<!doctype html>
<html lang="en">
<head>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-
scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Shopping Cart</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css" />


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw
1T" crossorigin="anonymous">
<link rel="stylesheet" href="dg.css">

</head>
<body>
<?php require_once ("db/header.php"); ?>
<div class="row text-center py-5">

<?php
$result = $database->getData();
while ($row = mysqli_fetch_assoc($result)){
component($row['product_name'], $row['product_price'], $row['product_image'], $row['id'],
$row['product_quantity']);
}
?>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-

q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-

JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
</body>
</html>
GIFT SHOPPING CART:
<?php
session_start();
require_once ('C:\xampp\htdocs\myproject\db\component1.php');
require_once ('C:\xampp\htdocs\myproject\db\createdbg.php');
// create instance of Createdb class

$database1 = new CreateDbg("giftshop", "gifts");
?>
<!doctype html>
<html lang="en">
<head>
scale=1.0">
<title>Shopping Cart</title>


</head>
<body>
<?php require_once ("db/header.php"); ?>
<div class="row text-center py-5">

<?php
$result = $database1->getData();
while ($row = mysqli_fetch_assoc($result)){
component1($row['product_name'], $row['product_price'], $row['product_image'], $row['id'],
$row['product_quantity']);
}
?>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-
q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
</body>
</html>
ORDER:
<?php
session_start();
require_once ("db\createdb.php");
require_once ("db\component.php");
$db= new CreateDb("giftshop", "Producttb1");

?>
<?php
require_once ("db\createdbg.php");
require_once ("db\component1.php");
$db1 = new CreateDbg("giftshop", "gifts");

?>
<?php
require_once ("db\createdbh.php");
require_once ("db\component2.php");
$db2 = new CreateDbh("giftshop", "hamp");

$mysqli=mysqli_connect("localhost","root","","giftshop");
$selectquery="SELECT custid FROM reg ORDER BY custid DESC LIMIT 1";
$res = $mysqli->query($selectquery);
$row = $res->fetch_assoc();
?>
<!doctype html>
<html lang="en">
<head>
scale=1.0">
<title>Cart</title>



</head>
<body class="bg-light">
<?php
require_once ('db/header.php');
?>
<div class="row">
<div class="col-lg-12 text-center border rounded bg-dark my-5">
<h2 class="text-white">My Cart</h2>
</div>
<div class="col-lg-8">
<table class="table">
<thead class="text-center">
<tr>
<th scope="col">Serial No.</th>
<th scope="col">Product name</th>
<th scope="col">Price</th>
<th scope="col">Quantity</th>
<th scopr="col">Total</th>
</tr>
</thead>
<tbody class="text-center">
<?php
if(isset($_SESSION['cart']))
{
foreach($_SESSION['cart']as $key => $value)
{
$sr=$key+1;
echo"
<tr>
<td>$sr</td>
<td>$value[product_name]</td>
<td>$value[product_price]<input type='hidden' class='iprice' value='$value[product_price]'></td>
<td>
<input class='text-center iqty' onchange = 'subTotal()' type='number' value='$value[qty]' min='1'

max='10'>
</td>
<td class='itotal'></td>
<td>
<form action='manage_cart.php' method='POST'>
<button name='remove' class='btn btn-sm btn-outline-danger'>REMOVE</button>
<input type='hidden' name='product_name' value='$value[product_name]'>
</form>
</td>
</tr>
";
}
}
?>
</tbody>
</table>
</div>
<div class="col-lg-4">
<div class="border bg-light rounded p-4">
<h5 class="text-danger"> No Cash On Delivery</h5>
<h5> Delivery Charges : </h5>
<h6 class="text-success">FREE</h6>
<form action="purchase.php" method="post">
<h5>Grand Total:</h4>
<h5 class="text-right" id="gtotal"></h5><br>
<input type='hidden' name='amt' id='cal' >

<input type='hidden' name='cid' value='<?php echo $row['custid']; ?>' ><br>
<h6>User Name</h6>
<input type = "text" name = "email" placeholder = "mishgift@gmail.com" ><br><br>
<h6>Contact Number:</h6>
<Input type ="text" name="no" pattern= "[7-9]{1}[0-9]{9}"required><br><br>
<h6>Delivery Address:</h6>
<textarea rows = "5" cols = "40" name = "address" required>
</textarea><br><br>
<button type="submit" name="place" class="btn btn-primary" id="btn">Confirm Order</button>
</div>
</div></form>
</div>
</div>
<script type="text/javascript">
var gt=0;
var iprice = document.getElementsByClassName('iprice');
var iqty = document.getElementsByClassName('iqty');
var itotal = document.getElementsByClassName('itotal');
var gtotal = document.getElementById('gtotal');
function subTotal()
{
gt=0;
for(i=0;i<iprice.length;i++)
{
itotal[i].innerText=(iprice[i].value)*(iqty[i].value);
gt=gt+(iprice[i].value)*(iqty[i].value);
}
gtotal.innerText = gt;
document.getElementById('cal').value=gt;
subTotal();
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-
UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
</body>
</html>
<?php
session_start();
$mysqli=mysqli_connect("localhost","root","","giftshop");
$selectquery="SELECT custid FROM reg ORDER BY custid DESC LIMIT 1";
$result = $mysqli->query($selectquery);
$row = $result->fetch_assoc();
$selectquery1 ="SELECT id FROM `transaction` ORDER BY id DESC LIMIT 1";

$result1 = $mysqli->query($selectquery1);
$row1 = $result1->fetch_assoc();
$selectquery2 ="SELECT amount FROM `transaction` ORDER BY id DESC LIMIT 1";

$result2 = $mysqli->query($selectquery2);
$row2 = $result2->fetch_assoc();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invoice</title>
</head>
<body>
<div class="container my-3">
<h1 class="text-success">Payment Successfull!!</h1>
</div>
<div class="col-md-4 offset-md-1 border rounded mt-5 bg-white h-25">
<form action = "invoice.php" method = "post">
<div class="pt-4">
<h4>ORDER DETAILS</h4>
<hr>
<div class="row price-details">
<div class="col-left-md-8">
<h4>Customer ID :</h4><hr>
<h4>Transaction ID :</h4><hr>
<h4>Trasaction Date :</h4><hr>
<h4>Amount Debited:</h4><hr>
<h4>Date of Delivery:</h4>
<h4></h4>
</div>
<div class="col-right-md-6">
<h4><?php echo $row['custid']; ?></h4><hr>
<h4><?php echo $row1['id']; ?></h4><hr>
<h4><?php
date_default_timezone_set("Asia/Kolkata");
echo date('d-m-y H:i:s');
?></h4><hr>
<h4><?php echo $row2['amount'];?></h4><hr>
<h4><?php
echo date('d-m-y ', strtotime("+2 day"));
?></h4>
</div>
</div>
</div><br><br></form>
<button class ="btn btn danger" id="pro" name ="pro">Procced</button>
</body>
</html>
<style>
.btn{
color: white;
background : green;
}
</style>
<script type="text/javascript">
document. getElementById("pro"). onclick = function () {
location. href = "feedback.php";
}
</script>
PAYMENT:
<?php
session_start();
$amt = $_GET['amt'];
echo"$amt";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Payment </title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-
EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<link rel="stylesheet" href="pay.css">
</head>
<body>
<form action="paycode.php" method="POST">
<div class="wrapper">
<div class="payment">
<div class="payment-logo">
<p>p</p>
</div>
<h2>Payment Gateway</h2>
<div class="form">
<div class="card space icon-relative">
<label class="label">Total Amount:</label>

<input type="text" class="input" name="amount" value="<?php echo"$amt" ?>" readonly>
<i class="fas fa-money"></i>
</div>

<label class="label">Card holder:</label>
<input type="text" class="input" name="name" placeholder="Card Name">
<i class="fas fa-user"></i>
</div>
<label class="label">Card number:</label>
<input type="text" name="number"class="input" placeholder="0000 0000 0000 0000">
<i class="far fa-credit-card"></i>
</div>
<div class="card-grp space">
<div class="card-item icon-relative">
<label class="label">Expiry date:</label>
<input type="text" name="expire_data" class="input" placeholder="00 / 00">
<i class="far fa-calendar-alt"></i>
</div>
<div class="card-item icon-relative">
<label class="label">CVC:</label>
<input type="password" name="cvv" class="input" data-mask="000" placeholder="000">
<i class="fas fa-lock"></i>
</div>
</div>

<a href = "purchase.php"><button class="btn btn-primary"
width="20%" name="pay">Pay</button></a>
</div>
</div>
</div>
</form>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
</body>
</html>
FEEDBACK:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Feedback</title>
<link rel="stylesheet" href="fb.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/
all.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-
xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
</head>
<body>
<h1 style="color:white" style="font:Italic">Please Fill your feedback🙏 </h1>

<div class="post">
<div class="text">Thanks for rating us!</div>
<div class="edit">EDIT</div>
</div>
<div class="star-widget" id="good">
<input type="radio" name="rate" id="rate-5" value="5" >

<label for="rate-5" class="fas fa-star"></label>
<input type="radio" name="rate" id="rate-4"value="4">
<form action="fbcode.php" method="GET">
<header></header>
<div class="textarea">
<textarea name="coment"cols="30" placeholder="Describe your experience.."></textarea>
</div>
<div class="btn">
<button type="submit" name="post">Post</button>
</div>
</form>
</div>
</div>
<script>
const btn = document.querySelector("button");
const post = document.querySelector(".post");

const widget = document.querySelector(".star-widget");
const editBtn = document.querySelector(".edit");
btn.onclick = ()=>{
widget.style.display = "none";
post.style.display = "block";
editBtn.onclick = ()=>{
widget.style.display = "block";
post.style.display = "none";
}
return false;
}
</script>
</body>
</html>
ADMIN LOGIN:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="adin.css">
<title>Login Form Demo</title>
</head>
<body>
<div class="login-wrapper">
<form action="" class="form">
<img src="img/avatar.png" alt="">
<h2>Login</h2>
<div class="input-group">
<input type="text" name="loginUser" id="loginUser" required>
<label for="loginUser">User Name</label>
</div>
<input type="password" name="loginPassword" id="loginPassword" required>

<label for="loginPassword">Password</label>
</div>
<input type="submit" value="Login" class="submit-btn">
</form>
<div id="forgot-pw">
<form action="" class="form">
<a href="#" class="close">×</a>
<h2>Reset Password</h2>
<input type="email" name="email" id="email" required>
<label for="email">Email</label>
</div>
<input type="submit" value="Submit" class="submit-btn">
</form>
</div>
</div>
</body>
</html>
ADMIN DASHBOARD:
<?php
require('dbconfig.php');
?>
<!DOCTYPE html>

<html lang="en" dir="ltr">
<head>

<link rel="stylesheet" href="admindb.css">

<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
<body>
<div class="sidebar">
<div class="logo-details">
<span class="logo_name">MishGifts</span>
</div>
<ul class="nav-links">
<li>
<a href="#" class="active">
<i class='bx bx-grid-alt' ></i>
<span class="links_name">Dashboard</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-box' ></i>
<span class="links_name">Product</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-list-ul' ></i>
<span class="links_name">Order list</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-pie-chart-alt-2' ></i>
<span class="links_name">Analytics</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-coin-stack' ></i>
<span class="links_name">Stock</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-book-alt' ></i>
<span class="links_name">Total order</span>

</a>
</li>
<li>
<a href="#">
<i class='bx bx-user' ></i>
<span class="links_name">Team</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-message' ></i>
<span class="links_name">Messages</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-heart' ></i>
<span class="links_name">Favrorites</span>
</a>
</li>
<li>
<a href="#">
<i class='bx bx-cog' ></i>
<span class="links_name">Setting</span>
</a>
</li>
<li class="log_out">
<a href="#">
<i class='bx bx-log-out'></i>
<span class="links_name">Log out</span>
</a>
</li>
</ul>
</div>
<section class="home-section">
<nav>
<h4> Mish Gifts Dashboard</h5>
</nav>
<div class="home-content">
<div class="overview-boxes">
<div class="box">
<div class="right-side">
<div class="box-topic">Admin Users</div>

<div class="number">2</div>
<div class="indicator">
</div>
</div>
</div>
<div class="box">
<div class="box-topic">Registered Customer</div>
<div class="number">
</div>
</div>
</div>
<div class="box">
<div class="box-topic">Total Orders</div>
<div class="number"></div>
</div>
</div>
</div>
</section>
<script>
let sidebar = document.querySelector(".sidebar");
let sidebarBtn = document.querySelector(".sidebarBtn");
sidebarBtn.onclick = function() {
sidebar.classList.toggle("active");
if(sidebar.classList.contains("active")){
sidebarBtn.classList.replace("bx-menu" ,"bx-menu-alt-right");
}else
sidebarBtn.classList.replace("bx-menu-alt-right", "bx-menu");
}
</script>
</body>
</html>
MANAGE PRODUCTS:
<?php
require("dbconfig.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>

<title>Manage Product</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLA
SjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/
tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>
<div class="container bg-dark text-light p-3 rounded my-4">
<div class="d-flex align-items-center justify-content-between px-3">
<h4>
<a href="index.php" class="text-white text-decoration-none">Back </a>

</h4>
<h2>Mish Gifts</h2>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addproduct">
+Add Product
</button>
</div>
</div>
<div class="container mt-5">

<table class="table table-hover text-center">
<thead class="bg-dark text-light">
<tr>
<th width="10%" scope="col" class="rounded-start">Serial No</th>
<th width="20%"scope="col">Produt ID</th>
<th width="20%"scope="col">Produt Name</th>
<th width="20%"scope="col">Price</th>
<th width="20%"scope="col">Image</th>
<th width="20%"scope="col" >Quantity</th>

<th width="40%"scope="col"class="rounded-end">Action</th>
</tr>
</thead>
<tbody class="bg-white">
<?php
$con = mysqli_connect("localhost","root","","productdb");
$query="SELECT * FROM `producttb1`";
$query_run = mysqli_query($con,$query);
i = 1;
if(mysqli_num_rows($query_run)> 0){
foreach($query_run as $fetch)
{
echo<<<product
<tr>
<th scope="row">$i</th>
<td>$fetch[id]</td>
<td>$fetch[product_name]</td>
<td>$fetch[product_price]</td>
<td><img src="diygifts/".$fetch[product_image]" width='150px'></td>
<td>$fetch[product_quantity]</td>
<td>
<a class="btn btn-warning">EDIT</a>
</td>
<td>
<a href = 'code.php?id=".$fetch[id]."' class="btn btn-danger">DELETE</a>
</td>
</tr>
product;
$i++;
}
}else{
echo"no record found";
}
?>
<div class="modal fade" id="addproduct" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<form action="code.php" method="POST" enctype="multipart/form-data">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Add Product</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="input-group mb-3">
<span class="input-group-text">Product Name</span>
<input type="text" class="form-control" name="product_name" required>

</div>
<span class="input-group-text">Price</span>
<input type="number" class="form-control" name="product_price" required>

</div>
<label class="input-group-text" >Image</label>
<input type="file" class="form-control" name="product_image" accept=".jpg,.png," required>
</div>
<span class="input-group-text">Quantity</span>
<input type="number" class="form-control" name="product_quantity" required>
</div>
</div>
<div class="modal-footer">
<button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="modal"> Cancel</button>
<button type="Submit" class="btn btn-success" name="add_product">Add</button>
</div>
</div>
</form>
</div>
</div>
</body>
</html>

3.6 Output Design:

HOME:
SHOP PAGE:

REGISTER/LOGIN

SHOPPING CART :
BILLING:

FEEDBACK:
ADMIN LOGIN:

PRODUCT MANAGEMENT
CUSTOMER DETAILS
CUSTOMER ORDER DETAIL

CUSTOMER PAYMENT DETAIL

4. SYSTEM CONFIGURATION
4.1 Hardware requirements:
RAM Recommended 4 GB
Hard Disk 1 Tb
Processor Intel(R) Core (TM) i3rd Gen
Processing Speed CPU @ 1.20 GHz, 1190 MHz
4.2 Software Requirements:
Front End PHP, CSS, BOOTSTRAP, HTML
Back End SQL Server
Tools Microsoft Project

planner, Gantt Chart
Operating system Microsoft Windows 10

5. DETAILS OF SOFTWARE
A development process consists of various phases, each phase ending with a defined output. The
phases are performed in an order specified by the process model being followed. The main reason for
having a phased process is that it breaks the problem of developing software into successfully
performing a set of phases, each handling a different concern of software development.
This ensures that the cost of development is lower than what it would have been if the whole
problem were tackled together. A phased development process is central to the software engineering
approach for solving the software crisis.
5.1 Overview of Front end
PHP is a general-purpose scripting language especially suited to web development. It was originally
created by Danish-Canadian programmer Rasmus Lerdorf in 1994. The PHP reference implementation is
now produced by The PHP Group, PHP originally stood for Personal Home Page, but it now stands for
the recursive initialism PHP: Hypertext Pre-processor.
PHP code is usually processed on a web server by a PHP interpreter implemented as a module, a
daemonor as a Common Gateway Interface (CGI) executable. On a web server, the result of the
interpreted and executed PHP code – which may be any type of data, such as generated HTML or binary
image data
– would form the whole or part of an HTTP response. Various web template systems, web content
management systems, and web frameworks exist which can be employed to orchestrate or facilitate the
generation of that response. Additionally, PHP can be used for many programming tasks outside of the
web context, such as standalone graphical applications and robotic drone control. Arbitrary PHP code can
also be interpreted and executed via command-line interface (CLI).
5.2 Overview of Back-end
MySQL is an open-source relational database management system (RDBMS). Its name is a

combination of "My", the name of co-founder Michael Widenius's daughter, and "SQL", the
abbreviation for Structured

Query Language. A relational database organizes data into one or more data tables in which data types
may be related to each other; these relations help structure the data.
SQL is a language programmers use to create, modify and extract data from the relational database,
as well as control user access to the database. In addition to relational databases and SQL, an RDBMS
like MySQL works with an operating system to implement a relational database in a computer's storage
system, manages users, allows for network access and facilitates testing database integrity and creation of
backups. MySQL is free and open-source software under the terms of the GNU General Public License
and is also available under a variety of proprietary licenses. MySQL was owned and sponsored by the
Swedish company MySQL AB, which was bought by Sun Microsystems (now Oracle Corporation). In
2010, when Oracle acquired Sun, Wideners forked the open-source MySQL project to create MariaDB.
5.3 About the Platform
Windows is a series of Operating Systems developed by Microsoft. Each version of Windows

includes aGraphical User Interface, with a desktop that allows users to view files and folders in
Windows. For the past two decades, Windows has been the most widely used operating system for
personal computers PCs.
Microsoft Windows is designed for both home computing and professional purposes. Past versions
of Windows home editions include Windows 3.0 (1990), Windows 3.1 (1992), Windows 95
(1995),
Windows 98 (1998), Windows Me (2000), Windows XP (2001), and Windows Vista (2006). The
currentversion, Windows 7, was released in 2009.
The first business-oriented version of Windows, called Windows NT 3.1, was in 1993. This was
followed by Windows 3.5, 4.0, and Windows 2000. When Microsoft released Windows XP in 2001, the
company simply created different editions of the operating system for personal and business purposes.
Windows Vista and Windows 7 have followed the same release strategy. Windows is designed to
run on standard x86 hardware, such as Intel and AMD processors. Therefore, it can be installed on
multiple brands of hardware, such as Dell, HP, and Sony computers, as well as home-built PCs.
Windows 7 also includes several touch screen features, that allow the operating system to run on
certaintablets and computers with touch screen displays.

6. TESTING
Testing is a vital part of software development, and it is important to start it as early as possible, and
to make testing a part of the process of deciding requirements. To get the most useful perspective on
your development project, it is worthwhile devoting some thought to the entire lifecycle including how
feedback from users will influence the future of the application. The tools and techniques we've discussed
in this book should help your team to be more responsive to changes without extra cost, despite the
necessarily wide variety of different development processes. Nevertheless, new tools and process
improvements should be adopted gradually, assessing the results after each step.
Testing is part of a lifecycle. The software development lifecycle is one in which you hear of a need,
youwrite some code to fulfil it, and then you check to see whether you have pleased the stakeholders—
the users, owners, and other people who have an interest in what the software does. Hopefully they like
it, butwould also like some additions or changes, so you update or augment your code; and so, the cycle
continues, or every few years,
SOFTWARE DEVELOPMENT LIFE CYCLE
Testing is a proxy for the customer. You could conceivably do your testing by releasing it into the
wild and waiting for the complaints and compliments to come back. Some companies have been accused
of having such a strategy as their business model even before it became fashionable. But on the whole,
the books are better balanced by trying to make sure that the software will satisfy the customer before
we hand it over. This portal “Photo Studio” is developed using Incremental Model and Spiral Model.
SOFTWARE TESTING TYPES:
1. FUNTIONAL TESTING
This type of testing ignores the internal parts and focus on the output is as per requirement or not. They
are:
Black box testing – Internal system design is not considered in this type of testing. Tests are based on
requirements and functionality.

White box testing – This testing is based on knowledge of the internal logic of an application’s code.
Also known as Glass box Testing. Internal software and code working should be known for this type of
testing. Tests are based on coverage of code statements, branches, paths, conditions.
Unit testing – Testing of individual software components or modules. Typically done by the
programmer and not by testers, as it requires detailed knowledge of the internal program design and
code. May require developing test drive modules or test harnesses.
System testing – Entire system is tested as per the requirements. Black-box type testing that is based on
overall requirements specifications, covers all combined parts of a system.
Alpha testing – In house virtual user environment can be created for this type of testing. Testing is done
at the end of development. Still minor design changes may be made because of such testing.
2. NON-FUNCTIONAL TESTING
Security testing – Can system be penetrated by any hacking way. Testing how well the system protects
against unauthorized internal or external access. Checked if system, database is safe from external
attacks.
Usability testing – User-friendliness check. Application flow is tested, can new user understand the
application easily, Proper help documented whenever user stuck at any point, basically system navigation
is checked in this testing.

7. CONCLUSION AND FUTURE ENHANCEMENT
Our project is only a humble venture to satisfy the needs to manage their project work. Several
users- friendly coding has also adopted. This package shall prove to be a powerful package in satisfying
all the requirements of the school. The objective of software planning is to provide a framework that
enables the manger to make reasonable estimates made within a limited time frame at the beginning of
the software project and should be updated regularly as the project progresses.
In a nutshell, it can be summarized that the future scope of the project circles around maintaining
information regarding:
 We can add printer in future.

 We can give more advance software for Online Art Gallery including more facilities.
 We will host the platform on online servers to make it accessible worldwide.
 Integrate multiple load balancers to distribute the loads of the system.
 Create the master and slave database structure to reduce the overload of the database queries.
 Implement the backup mechanism for taking backup of codebase and database on regular basis
on different servers.

8. BIBILIOGRAPHY
Book References:
 The Joy of PHP Programming, by Alan Forbes. Published on 13th October 2012.
 PHP & MySQL Novice to Ninja, by Kevin Yank. Published on 8th May 2012.
 HeadFirst PHP & MySQL, by Beighley & Morrison. Published on 6th January 2009.
 PHP, by Vikram Vaswani. Published on 8th June 1995.
Web References:
 https://www.grin.com/document/3703
 https://www.codeíbaba.in
 https://arirms.com/the-benefits-of-using-art-gallery-software
 https://meera’s academy

9. APPENDICES A – Table Structure

Register:
Attributes Constraints Datatype Description
Cust ID Not null Varchar (50) Customer id
First name Not null Varchar (50) User first name
Last name Not null Varchar (50) User last name
Email_id Not null Varchar (50) User Email id
Password Not null Varchar (50) User Password
Products:

Product id Primary key int (11) Product id
Product name Not null Varchar (50) Product name
Product Price Not null Varchar (50) Product Price

Product Image Not null Varchar (50) Product Image
Product Quantity Not null Varchar (50) Product Quantity

Order:

Order_id Primary key int (11) Orders id
Cust_ID Foreign key int (11) Customer id
Items Foreign key Varchar (50) Ordered Items
Price Not null Varchar (50) Ordered item price
Quantity Not null Varchar (50) Ordered Quantity
Details:

Id Primary key int (11) Cart id
Order_id Foreign key int (11) Customer order id

Email Not null Varchar (50) Customer email
Phone no. Not null Varchar (50) Phone number
Address Not null Varchar (50) Delivery address
Date Not null Time stamp Delivery date

Payment:

Trans_id Primary key int (11) Transaction id
Cust_id Foreign key int (11) Users id
Total_amount Not null Varchar (50) Total amount in bill
Name Not null Varchar (50) Card holders name
Number Not null Varchar (50) Card number
CVV Not null Varchar (50) CVV
Expiry date Not null Varchar (50) Expiry date
FEEDBACK:

Feedback Primary key int (11) Feedback id
Cust_id Foreign key int (11) customer id
Rating Not null Varchar (50) Rating
Comment Not null Varchar (50) Comment
ADMIN LOGIN:

Login ID Primary key int (11) Login id
User Id Foreign key int (11) User id
Password Not null Varchar (50) password
10 APPENDICES B – SCREENSHOTS
HOME:
LOGIN AND REGISTER

SHOP PAGE:

SHOPPING CART :
PAYMENT:

PRODUCT MANAGEMENT:
FEEDBACK:

ADMIN LOGIN
CUSTOMER DETAILS

Transaction Details
Customer Details
APPENDICES C – TEST CASES

SL.NO TEST TEST STEPS TES EXPECTE ACTUA STAT US

CASE_I DESCRIPT TO T D L
D ION EXECUT DAT RESULT RESUL
E A T
1. TC_LF_1. To check Step1: Go admin Should Accept d Pass
0 the valid to login accept alpha
Username form alpha character
characters s
Step2:
Type
Username
2. TC_LF_1. To Step1: Go admin1 Should Accept Pass
1 check to login accept alpha alpha
the valid form numeric numeric
Passwor characters character
d Step2: s
Type
password
3. TC_LF_1. To Step1: Go @#*! Should not ac Did not Pass
2 check to login any accept any
the form Special Special
invalid Charact Characters,
Usernam Step2: Integers and Integers a
e Type Blank spaces Blank space
Username
4. TC_LF_1. To check Step1: Go 1_234 Should not Did not Pass
3 the to login accept accept
invalid form underscore underscore
Password sand blank sand blank
Step2: spaces spaces
Type
password
5. TC_EF_2. To Step1: Go Employe1 Should not Did not Pass
0 check to @ accept any accept
the Employee gmail.com special any
valid form characters special
email id and blank character
Step2: spaces sand
Type except @ blank
email id symbol. spaces
except @
symbol.

6. TC_EF_2. To Step1: Go @#*! Should not Did not Pass

1 check to accept any accept
the Employee special any
invalid form characters special
email id Step2: Type and blank character
email id spaces s and
except @
symbol.
7. TC_EF_2. To Step1: Go 962017 Should Accepted Pass
2 check to 4656 accepted ten
valid Employee numbers numbers
mobile form
number Step2: Type
mobile
number
8. TC_EF_2. To Step1: Go 962017 Should not Did not Pass
3 check to Accept less Accept
invalid Employee than ten less than
mobile form Numbers ten
number Numbers
Step2: Type
mobile
number
9. TC_PF_3. To Step1: Go Stock :25 Should Accepted Pass
0 check to Products Price: 399 Accept Numbers
valid form Numbers no n Alpha
Price Alpha character
and Step2: Enter Characters s
stocks Number of
Available
Stocks and
Price
10. TC_DF_4. To Step1: Go Dealer1@ Should not Did not Pass

0 check to Dealer gmail.com accept any accept
the Manageme special any
valid nt form characters special
email id and blank character
Step2: Type spaces ’s spaces
email id except @ except @
symbol. symbol.

60
10. APPENDICES D – SOURCE CODE
HOME:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
/**
* Index Page for this controller.
*
* Maps to the following URL
http://example.com/index.php/welcome
*- or -
http://example.com/index.php/welcome/index
*- or -
* Since this controller is set as the default controller in
* config/routes.php, it's displayed at http://example.com/
*
* So any other public methods not prefixed with an underscore will
* bhmap to /index.php/welcome/<method_name>
* @see https://codeigniter.com/user_guide/general/urls.html
*/
public function index()
{
$query = $this->Admin_model->getProd();
$data['prod'] = $query->result();
$this->load->view('index',$data);

61
public function checkout()

{
//$this->load->view('checkout'); redirect('Checkout');
}
public function shop()

{
redirect('Shop');
}
public function cart()

{
if(isset($_SESSION['email'])){ if($_SESSION['email'] != ''){
$this->load->view('cart');
}
}
else{
?>
<script>
alert('Access Denied');
window.location = "<?php echo base_url() ?>";
</script>
<?php
}
}
KRISTU JAYANTI COLLEGE (AUTONOMOUS) 62

public function single()

{
$id = $_GET['id']; redirect('Single?id='.$id);
}
public function login()

{
$this->load->view('login');
}
public function register()

{
$this->load->view('register');
}
public function add_pro()
{
if(isset($_SESSION['status'])){ if($_SESSION['status'] == 'admin'){
$this->load->view('add_pro');
}
}
else{
?>
<script>
</script>
<?php

}
}
public function orders()

{
if(isset($_SESSION['status'])){ if($_SESSION['status'] == 'admin'){
$this->load->view('orders');
}
}
else{
?>
<script>
</script>
<?php
}
}
public function reciept()

{
$oh = $_GET['oh'];
$query = $this->Checkout_model->getOrder($oh);
$data['order'] = $query->result();
$this->load->view('reciept',$data);
}

REGISTER:
<?php
session_start();
$con=mysqli_connect('localhost','root','');
mysqli_select_db($con,'giftshop');
$fname = $_POST['fname'];
$lname=$_POST['lname'];
$email=$_POST['email'];
$pass=$_POST['pass'];
$s="select *from reg where email='$email' && pass='$pass'";
$result= mysqli_query($con,$s);
$num=mysqli_num_rows($result);
if($num==1){
echo "<script>alert('User Already Exist')</script>";
echo "<script>window.location = 'cuslog.php'</script>";
}else{
$r = " insert into reg (fname,lname,email,pass)values('$fname','$lname','$email','$pass')";
mysqli_query($con,$r);
echo "<script>alert('Registration Successful !')</script>";
}
?>
LOGIN :
<?php
session_start();
$connection=mysqli_connect("localhost", "root", "");
$db=mysqli_select_db($connection, 'giftshop');
if(isset($_POST['login']))
$email=$_POST['email'];
$pass=$_POST['pass'];

$query=mysqli_query($connection,"select email, pass from reg where email='$email' and

pass='$pass'");
if($query)
if(mysqli_num_rows($query)>0)//returns rows of data from table

{
echo "<script>alert('Login Sucessfull ')</script>";
echo "<script>window.location = 'view.php'</script>";
}
else
{
echo "<script>alert(' Login Failed ')</script>";
}
}
?>
CART:
<?php
session_start();
if($_SERVER["REQUEST_METHOD"]=="POST")
{
if(isset($_POST['add']))
{
if(isset($_SESSION['cart']))
{
$myitems= array_column($_SESSION['cart'],'product_name');
if(in_array($_POST['product_name'],$myitems))

{
echo "<script>alert('Product already Added ')</script>";
echo "<script>window.location = 'dgindex.php'</script>";
}
else
{
$count= count($_SESSION['cart']);
$_SESSION['cart'][$count]=array('product_name'
=>$_POST['product_name'],'product_price'=>$_POST['product_price'],'qty'=>1);
}
}
else
{
$_SESSION['cart'][0]=array('product_name'
=>$_POST['product_name'],'product_price'=>$_POST['product_price'],'qty'=>1);
}
}
if(isset($_POST['remove']))
{
foreach($_SESSION['cart']as $key => $value)
{
if($value['product_name']==$_POST['product_name'])
{
unset($_SESSION['cart'][$key]);
$_SESSION['cart']=array_values($_SESSION['cart']);
echo "<script>alert('Product removed ')</script>";

echo "<script>window.location = 'cart.php'</script>";

}
}
}
?>
BILLING:
<?php
class Checkout extends CI_Controller
{
function index(){
$tot = $_GET['tot']; if($tot == 0){
?>
<script>
alert('unable to proceed Please fill Products in Cart');
window.location = "<?php echo base_url() ?>index.php/cart/viewCart";
</script>
<?php
}
else{
$u_id = $_SESSION['u_id'];
$query = $this->Checkout_model->getCart($u_id);

$price = 0;
$qty = 0;
$total = 0;
foreach ($query->result() as $row){
$price = $row->product_price;
$qty = $row->quantity;
$total += $price * $qty;
}
$data['total'] = $total;
$this->load->view('checkout',$data);
function confirmForm(){
72
$u_id = $_SESSION['u_id'];
$fname = $_POST['fname'];
$lname = $_POST['lname'];
$add = $_POST['address'];
$city = $_POST['city'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$netTotal = $_POST['netTotal'];
query = $this->Checkout_model->maxId('po_id','pending_orders');
foreach($query->result() as $row){
$po_id = $row->po_id;
}
$po_id++;
$data = array( 'po_id' => $po_id, 'u_id' => $u_id,

'cart_total' => $netTotal, 'bill_fname' => $fname, 'bill_lname' => $lname,

73

Mish Gifts, Adhu

Uploaded by

Copyright:

Available Formats

Mish Gifts, Adhu

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mish Gifts, Adhu

Uploaded by

Copyright:

Available Formats

19CS1H2147 MISH GIFT HAMPERS

1.1 PROBLEM DEFINITION

1.2 SCOPE OF THE PROJECT

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

2.2 FEASIBILITY STUDY

KRISTU JAYANI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

2.3 PROPOSED SYSTEM

Advantages of proposed system:

 Accuracy and reliability.

 User friendly, robust.

 Security of data and Integration of all functions into one system.

 Remove redundancy and in-consistency.

 Through paper validation, data inconsistency is reduced.

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

1. User Interface Design

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

3.1 E-R DIAGRAM

Structure of an Entity Relationship Diagram with Common ERD Notations

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

3.2 DATA FLOW DIAGRAM (level 0 and level 1)

PHYSICAL VS LOGICAL DFD

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

DATA FLOW SYMBOLS AND THEIR MEANINGS: -

An entity: A source of data or a destination for data.

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

DFD Level 1: User

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

DFD Level 1: Admin

3.3 ACTIVITY DIAGRAM

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

3.3 GANTT CHART

GANTT CHART BENEFITS:

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

Gantt chart Importance:

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

3.4 ARCHITECTURAL DESIGN

3.5 INPUT/OUTPUT DESIGN:

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

<!-- <div class="col-sm-6">

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

<a href="cart.php">Cart - <span class="cart-amunt">Rs.800</span> <i class="fa fa-

<div id="undefined-sticky-wrapper" class="sticky-wrapper" style="height: 60px;"><div

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

<div class="carousel-inner" role="listbox">

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)

KRISTU JAYANTI COLLEGE (AUTONOMOUS)