Haris 1

19CS1K2170 ONINE CAMERA SHOPPING
SYNOPSIS
The online camera shopping website is used to sell camera products online with online payment
options. The online camera shopping website is a web based application which helps user to find
latest camera with different patterns. When a customer wants to buy wants to buy a product from
our website he/she needs to register first and then he/she can add product to cart and can make a
payment. Admin is the one who is responsible for managing all products, customer details and
order details. Admin can add, delete and update any information regarding to camera, price and
quantity.
KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 1

1. INTRODUCTION
1.1 PROBLEM DEFINITION
The online camera shopping is a web-based application for consumers to register and use its
related services with respect to management. This application makes it easier for the consumers to scroll
through various available service and choose their desired stream of orders and book an order for
the same.
1.2 SCOPE OF THE PROJECT
This software maintains a log for various customer that have registered into the portal with
their personal details intact, also complete and verified details related to their respective
stream. The user needs to login with his/her login ID and Password to view and book their
orders. Any unauthorized users will not be able to use this software. only authorized users can
access this software.
Modules in the software

 Login module
Admin and customer can login and perform any activity as per their requirement. It allows
the user and admin to login into the system. (The login details are kept confidential to
avoid unauthorized access).
 Register module
Customers can register to the system to access the necessary activity. It is the one of the
core modules. The customer is required to fill in personal information and register
themselves on the website.
 Products module

This module holds all the details of the latest cameras added to the system and the brief
description of those cameras.
 Camera module
In this module customers can buy cameras as per the required models.
 Add to cart module
This module provides a feature to the customers to add their desired product to the cart and place
order whenever they require.
 Payment module
This module processes the payment activity of the customers with their Card Details.
 Reports module
This module provides the complete reports of customer who placed their orders.
 Feedback module
This module stores all the feedback given by the customers it could be regarding the cameras, the
system functions etc. A registered consumer can leave in their suggestion and feedback for their
complete experience.

2. SYSTEM STUDY
2.1 EXISTING SYSTEM

The existing system is considered unprofessional. There are various studios where customer
satisfaction rate is inconsistent and lack of advancements. The system is based on Self Service
system, the customer has to book their orders by visiting the studio in person.
Disadvantage of existing system

 Added charges.
 Time consuming.
 Manual works.
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 feasibility studies to determine potential positive and negative outcomes of a
project before investing a considerable amount of time and money into it. A feasibility study
tests the viability of an idea, a project or even a new business. 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 “ONLINE CAMERA SHOPPING” has undergone the following Feasibility study:
 Economic Feasibility
 Technical Feasibility
 Behavioural 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 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. Feasibility and
risk analysis are related in many ways. 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 analyze 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. Behavioural feasibility:
Behavioural feasibility is the analysis of behaviour 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 delay in the development of other systems.

2.3 PROPOSED SYSTEM
The main objective of the system is to provide the users with accurate information and service
contents for them to choose from, with complete transparency and by eliminating unwanted
charges applied and a reliable platform for easier booking with less time consumption. The
system is designed with
 Easy booking
 Customer satisfaction.
 Efficient time consumption.
 Selection in method of payment.

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 behaviours. 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 many other engineering
details are established. The design may include the usage of existing components. Analysing the
trade-offs of necessary complexity allows for many things to remain simple which, in turn, will
eventually lead to a 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 it is displayed.
In physical design, the following requirements about the system are decided.
1. Input requirement,
2. Output requirements,
3. Storage requirements,
4. Processing requirements,
5. System control and backup or recovery.

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
3. Process 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 within 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 it 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 many instances of an entity relate to one instance of another
entity. Ordinarily is also closely linked 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 number of relationships and
cordiality specifies the absolute minimum number of relationships.
 One to One
 One to Many
 Many to One
 Many to Many
E-R DIAGRAM FOR ONLINE CAMERA SHOPPING

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 actually
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 at a
glance. 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 data flows. 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/Context Diagram:
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, data stores and processes must be labelled. We
must also state any assumptions made from the text.
CUSTOMER:

ADMIN:

3.3 ACTIVITY DIAGRAM

An activity diagram visually represents the series of actions or flow of control in a system similar
to a flow chart or data flow diagram. Activity diagram 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 photo studio is given below.
ADMIN

USER

3.4 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
timelines 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 offers 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 you 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.
Manageability:
For project managers handling complex assignments, like software publishing or event planning,
the benefits of Gantt charts include externalizing assignments. By visualizing all of 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 teams members to leverage each
other’s deadlines for maximum efficiency. For instance, while one team member waits on 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.5 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 of a system or ecosystem.

3.6 INPUT/OUTPUT DESIGN
Input Design
Main page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Home.aspx.vb"

Inherits="harsha.Home" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial;
padding: 10px;
background: #000000;
}
/* Header/Blog Title */
.header {
padding: 30px;
text-align: center;
}
.header h1 {
font-size: 50px;
}
/* Style the top navigation bar */
.topnav {
overflow: hidden;
background-color: #000000;
height: 72px;
width: 1485px;
}
/* Style the topnav links */
.topnav a {
float: left;
display: block;
color: red;
text-align: center;
padding: 20px 25px;
text-decoration: none;
}
/* Change color on hover */
.topnav a:hover {
background-color: #ff6a00;
color: red;
}

/* Fake image */
.fakeimg {
background-image: url('images/l1.jpeg');
background-size: cover;
width: 95%;
padding: 300px;
}
.fakeimg1 {
background-image: url('images/l4.jpeg');
width: 95%;
padding: 420px;
}
.fakeimg2 {
background-image: url('images/IMG_1573.JPG');
width: 76%;
padding: 20px;
}
.fakeimgl {
background-image: url('images/marriage.jpg');
width: 103%;
padding: 20px;
height: 114px;
}
.fakeimgm {
background-image: url('images/popular.jpg');
width: 80%;
padding: 20px;
height: 112px;
}
.fakeimgn {
background-image: url('images/jan.jpg');
width: 104%;
padding: 20px;
height: 111px;
}
/* Add a card effect for articles */
.card {
background-color: #808080;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */

.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
.auto-style1 {
width: 1392px;
height: 623px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.auto-style3 {
height: 619px;
}
.auto-style4 {
width: 1379px;
height: 618px;
}
.auto-style6 {
height: 538px;
}
.auto-style7 {
width: 1365px;
height: 472px;
margin-left: 5px;
margin-top: 8px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="header">
<h1>Online camera shopping</h1>
<p>“You don’t take a photograph, you make it.”</p>
</div>
<div class="topnav">
<a href="CustomerLogin.aspx">signup/login</a>
<a href="CustomerLogin.aspx">Camera </a>

<a href="AdminLogin.aspx" style="float: right; height: 15px; width: 85px;">Admin</a>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>CAMERA SHOPPING </h2>
<h5 class="auto-style3">
<img alt="" class="auto-style4" src="images/C3.jpg" /></h5>
<p class="auto-style6">
<img alt="" class="auto-style7" src="images/c4.png" /></p>
</div>
<div class="card">

<p>
Camera is a Device that consist of a lightproof chamber
with an aperture fitted with a leans and a shutter through which the image of an
object is projected on to the surface for recording!!</p>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>
<img alt="" class="auto-style1" src="images/c1.jpg" /></h2>
</div>
</div>
</div>
<div class="footer">
<h2>Satisfaction Guarnteed!</h2>
</div>
</form>
</body>
</html>
Registration page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="CustomerRegistration.aspx.vb"
Inherits="harsha.CustomerRegistration" %>
<!DOCTYPE html>
<title></title>
<style>
body {
background-image: url("images/k1.jpg");
}
#form1 {
height: 660px;
width: 750px;
background-color: #00ffff;
margin-left: auto;
margin-right: auto;
opacity: 0.8;
}
.auto-style1 {
width: 769px;
height: 688px;
margin-right: 211px;
margin-left: 0px;
}
.auto-style2 {
width: 744px;
margin-left: 0px;
height: 680px;
}
.auto-style3 {
margin-left: 8px;

}
.auto-style4 {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.auto-style5 {
margin-top: 0px;
}
.auto-style6 {
margin-top: 6px;
margin-left: 105px;
}
</style>
</head>
<body>
<h2 style="color:
#eadcdc">             &n
bsp;              &
nbsp;
              &nbsp
;             Customer
Registration </h2>
<form id="form1" runat="server" class="auto-style1" style="width: 650px">

<div style="font-weight: 700; width: 650px;" class="auto-style2">
         <br />
<br />
<br />

<asp:Label ID="Label1" runat="server" Text="Full Name"></asp:Label>
              &nbsp
;
<asp:TextBox ID="TextBox1" runat="server" Width="177px" CssClass="auto-
style3"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="TextBox1" ErrorMessage="Enter your Name
Please"></asp:RequiredFieldValidator>
<br />



<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
ControlToValidate="TextBox1" ErrorMessage="Enter only character"
ValidationExpression="[a-zA_Z]+"></asp:RegularExpressionValidator>
<br />
<br />
    <br />

<asp:Label ID="Label2" runat="server" Text="Address"></asp:Label>



<asp:TextBox ID="TextBox2" runat="server" Width="177px" Height="39px"></asp:TextBox>

ControlToValidate="TextBox2" ErrorMessage="Enter
Address"></asp:RequiredFieldValidator>


<br />


<br />


<br />

<asp:Label ID="Label3" runat="server" Text="Mobile Number"></asp:Label>

<asp:TextBox ID="TextBox3" runat="server" Width="172px"></asp:TextBox>

ControlToValidate="TextBox3" ErrorMessage="Enter Mobile
Number"></asp:RequiredFieldValidator>
<br />



  <asp:RegularExpressionValidator ID="RegularExpressionValidator3"
runat="server"
ControlToValidate="TextBox3" ErrorMessage="Enter Correct Phone Number"
ValidationExpression="^([6-9]{1})([0-9]{9})$"></asp:RegularExpressionValidator>
<br />
<br />
<br />

<asp:Label ID="Label4" runat="server" Text="Email_ID"></asp:Label>



Email_ID"></asp:RequiredFieldValidator>
<br />
              &nbsp

;              &nbs
p;
runat="server"
ControlToValidate="TextBox4" ErrorMessage="Enter Correct Email_ID"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-
.]\w+)*"></asp:RegularExpressionValidator>
<br />
<br />
<br />

<asp:Label ID="Label5" runat="server" Text="Password"></asp:Label>
              &nbsp
;

Password"></asp:RequiredFieldValidator>
<br />
<br />
       <br />
          <asp:Button
ID="Button2" runat="server" Text="Generate Customer_ID"
Width="194px" CssClass="auto-style5" BackColor="Red" ForeColor="Black" />


<br />

<br />
              &nbsp
;              &nbs
p;              &nb
sp;
<asp:Button ID="Button3" runat="server"
Text="Go Back to homepage" BackColor="#000099" CssClass="auto-style4"
Height="27px" Width="181px" ForeColor="#FF8000" />
<br />
       <br />
<asp:Button ID="Button1" runat="server" Text="Sign in" BackColor="#0000CC"
CssClass="auto-style6" Height="28px" ForeColor="#FF3300" Width="169px" />
</div>
<p>
</p>
</form>
</body>
</html>
Login page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="CustomerLogin.aspx.vb"
Inherits="harsha.CustomerLogin" %>
<!DOCTYPE html>

<title></title>
<style>
body
{
background-image :url("images/c4.jpg");
background-size :cover;
}
.auto-style4 {
width: 151px;
height: 70px;
}
.auto-style6 {
width: 231px;
height: 34px;
margin-top: 0px;
margin-left: 0px;
}
.auto-style8 {
width: 151px;
height: 83px;
}
.auto-style10 {
width: 375px;
margin-right: 126px;
}
.auto-style11 {
width: 29px;
}
.auto-style12 {
width: 151px;
height: 115px;
}
.auto-style13 {
width: 190px;
height: 83px;
}
.auto-style14 {
width: 190px;
height: 70px;
}
.auto-style15 {
width: 190px;
height: 115px;
}
</style>
<script src="http://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowHidePassword() {
var txt = $('#<%=txtPassword.ClientID%>');
if (txt.prop("type") == "password") {
txt.prop("type", "text");
$("label[for='cbShowHidePassword']").text("Hide Password");
}

else {
txt.prop("type", "password");
$("label[for='cbShowHidePassword']").text("Show Password");
}
}
</script>
</head>
<body>


<br />
<br />
<div>
<br />
<br />
<br />
<br />
<fieldset style="height: 400px; width: 300px;">
<legend style="color: #FF0000; font-size: 30px;" class="auto-style6"> Customer
Login </legend>
<table class="auto-style10">
<tr>
<td style="color: #FF0066; font-size: 27px;" class="auto-style8"> User Name </td>
<td class="auto-style13">
<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style4" style="font-size: 26px; color: #FF0066;">
Password</td>
<asp:TextBox ID="txtPassword" TextMode="Password"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style12"></td>
<asp:Button ID="btnLogin" runat="server" Text="Login" BackColor="#336699" Width="90px"
/>
<input id="cbShowHidePassword" type="checkbox"
onclick="ShowHidePassword();" class="auto-style11" /><br />
<label class="form-control" for='cbShowHidePassword'>Show Password</label>
</td>
</tr>
</table>
</fieldset>
<br />
ControlToValidate="txtUserName" ErrorMessage="*Enter UserName"
ForeColor="Red"></asp:RequiredFieldValidator>


ControlToValidate="txtPassword" ErrorMessage="*Enter Password"


<br />
; Dont have an account?<br />

    <asp:HyperLink ID="HyperLink1" runat="server" ForeColor="red"
NavigateUrl="~/CustomerRegistration.aspx">New User</asp:HyperLink>
<asp:Button ID="btnLogin0" runat="server" Text="Proceed >>" BackColor="Black"
ForeColor="White" />
</div>
</form>
</body>
</html>
Cameras page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="CameraDisplay.aspx.vb"
Inherits="harsha.CameraDisplay" %>
<!DOCTYPE html>
<title></title>
<style type="text/css">
body
{
background-image :url("images/c7.jpg");
}
#form1 {
width: 264px;
}
.auto-style1 {
height: 23px;
width: 394px;
}
.auto-style3 {
width: 394px;
}
.auto-style4 {
width: 1224px;
}
</style>
</head>
<body>

<div class="auto-style4">
              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;              &
nbsp;
<asp:Label ID="Label1" runat="server" Text="Camera's" Font-Bold="True" Font-

Overline="False" Font-Size="40pt" Font-Strikeout="False" Font-Underline="True"
ForeColor="Red"></asp:Label>
</div>
<div>
<table>
</table>
<asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1"
Height="293px"
Width="310px" RepeatDirection="Horizontal">
<ItemTemplate>
<table>
<tr>
<td style="text-align: left; font-size: 22px; color:
#FFFFFF;" class="auto-style3">Camera ID
<asp:Label ID="Label5" runat="server" Text='<%# Eval("Cam_ID") %>' Font-Bold="True"
ForeColor="Red" Font-Names="Arial" BorderColor="White"
BackColor="Yellow"></asp:Label>
</td>
</tr>
<tr>
<td class="auto-style1" style="color: #FFFFFF; font-size:
22px">Camera Name:
<asp:Label ID="Label2" runat="server" Text='<%# Eval("Name") %>' BackColor="#663300"
BorderColor="#FFFFCC" ForeColor="#FFFF66"></asp:Label>
</td>
</tr>
<tr>
<td class="auto-style3" style="color: #FFFFFF; font-size:
22px">Camera Description:
<asp:Label ID="Label3" runat="server" Text='<%# Eval("Description") %>'
BackColor="#663300" ForeColor="Yellow"></asp:Label>
</td>
</tr>
<tr>
<asp:Label ID="Label4" runat="server" Text="Price Rs."
BackColor="#006666" Font-Bold="True" Font-Names="Arial" ForeColor="White"></asp:Label>
<asp:Label ID="Label6" runat="server" Text='<%#
Eval("Price") %>'
BackColor="#663300" Font-Bold="True" Font-
Names="Arial" ForeColor="Yellow"></asp:Label>
</td>
</tr>
<tr>

<td class="auto-style3" style="font-size: 22px; color:

#FFFFFF"> Quantity
<asp:DropDownList ID="DropDownList1" runat="server" BackColor="Black"
ForeColor="#FFFFCC">
<asp:ListItem>1</asp:ListItem>
<asp:ListItem></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<asp:Image ID="Image1" runat="server"
BorderColor="#660033"
BorderWidth="1px" Height="235px" Width="255px"
ImageUrl='<%#Eval("Image")%>' />
</td>
</tr>
<tr>
<asp:ImageButton ID="ImageButton1" runat="server"
Height="75px" ImageUrl="~/images/add to cart.png" Width="225px" CommandArgument='<%#
Eval("Cam_ID") %>' CommandName="addtocart" />
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Data
Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=C:\Users\HARSHA\source\repos\harsha\
App_Data\Database1.mdf;Integrated Security=True"
SelectCommand="SELECT [Cam_ID], [Name], [Description], [Price], [Image]
FROM [camera]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
Add to Cart page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Cart.aspx.vb"
Inherits="harsha.Cart" %>
<!DOCTYPE html>

<title></title>
<style>
body {
font-family: Arial;
padding: 10px;
}
.auto-style1 {
margin-left: 72px;
}
.auto-style2 {
margin-top: 0px;
}
</style>
</head>
<body>

<div style="font-size: 25px; color: #00FFFF">

<br />
<br />

<asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Welcome!!!!"
ForeColor="#FF0066" Height="37px" Width="193px"></asp:Label>
<br />

<br />

You have products
<asp:Label ID="Label3" runat="server" Font-Bold="True"></asp:Label>
in your Cart
<asp:HyperLink ID="HyperLink1" runat="server" ForeColor="Red"
NavigateUrl="~/CameraDisplay.aspx">Continue To Check Camera Rentals</asp:HyperLink>
<br />
<br />
<br />

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
ForeColor="#333333" GridLines="None" Height="115px" ShowFooter="True" Width="450px"
CssClass="auto-style1">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="sno" HeaderText="sno">
<ItemStyle HorizontalAlign="Center" />
</asp:BoundField>
<asp:BoundField DataField="Camera ID" HeaderText="Camera ID">
</asp:BoundField>
<asp:BoundField DataField="Camera Name" HeaderText="Camera Name">
</asp:BoundField>
<asp:BoundField DataField="Description" HeaderText="Description">


</asp:BoundField>
<asp:BoundField DataField="Quantity" HeaderText="Quantity">
</asp:BoundField>
<asp:BoundField DataField="Price" HeaderText="Price">
</asp:BoundField>
<asp:ImageField DataImageUrlField="Image" HeaderText="Image">
</asp:ImageField>
<asp:BoundField HeaderText="totalprice" DataField="totalprice">
</asp:BoundField>
<asp:CommandField DeleteText="Remove" ShowDeleteButton="True" />
</Columns>
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" Height="50px" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>
<br />

<asp:Button ID="Button1" runat="server" Text="Place Order" style="font-size: 25px"
Height="47px" ForeColor="Black" BackColor="Red" Width="232px" CssClass="auto-style2" />

<asp:HyperLink ID="HyperLink4" runat="server" ForeColor="white"

NavigateUrl="~/Payment.aspx">Make Payment</asp:HyperLink>
<br />
<br />
<br />
</div>
</form>
</body>
</html>
Payment page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Payment.aspx.vb"
Inherits="harsha.Payment" %>
<!DOCTYPE html>
<title></title>
<style>
body {
background-image: url("images/c13.jpg");
}

.auto-style1 {
margin-left: 127px;
margin-top: 23px;
margin-bottom: 0px;
}
.auto-style2 {
margin-left: 224px;
margin-top: 0px;
}
.auto-style3 {
margin-left: 38px;
margin-bottom: 0px;
}
.auto-style4 {
margin-top: 0px;
margin-left: 0px;
}
.auto-style5 {
margin-left: 30px;
margin-top: 15px;
}
.auto-style6 {
margin-left: 125px;
margin-top: 1px;
}
.auto-style7 {
margin-left: 847px;
margin-top: 2px;
}
.auto-style8 {
margin-left: 736px;
margin-top: 0px;
}
.auto-style9 {
margin-left: 878px;
margin-top: 0px;
}
.auto-style10 {
margin-left: 2px;
margin-top: 0px;
}
.auto-style12 {
margin-left: 296px;
}
.auto-style13 {
margin-left: 0px;
}
.auto-style14 {
margin-left: 367px;
}
.auto-style15 {
margin-top: 4px;
}
</style>
</head>
<body>

<div style="color: #99FF33; font-size: 25px;">
<br />
              &nbsp
;              &nbs
p;              &nb
sp;
<asp:Label ID="Label9" runat="server" ForeColor="Green" Font-Size="XX-Large"
Text="PAYMENT DETAILS"></asp:Label>
<br />
<br />
<br />

<asp:Button ID="Button1" runat="server" Text="BillNO" Width="97px" BackColor="Yellow" />

<asp:TextBox ID="TextBox1" runat="server" Style="margin-left: 327px"
Width="285px"></asp:TextBox>
              &nbsp
;
<br />
<br />

  CUSTOMER ID <asp:TextBox ID="TextBox2" runat="server" Width="278px"
CssClass="auto-style12"></asp:TextBox>

<asp:Button ID="Button3" runat="server" Text="✔️" Width="25px" CssClass="auto-style13"
Height="23px" />

<asp:Button ID="Button6" runat="server" CssClass="auto-style13" Text="click
to check CUST ID" BackColor="Blue" ForeColor="Yellow" Width="175px" Height="32px" />
<br />
<asp:Panel ID="Panel3" runat="server" CssClass="auto-style9" Height="138px"
Width="41px">
<asp:GridView ID="GridView1" runat="server" AllowSorting="True"
AutoGenerateColumns="False" CssClass="auto-style10" DataSourceID="SqlDataSource1"
Height="109px" Width="16px">
<Columns>
<asp:BoundField DataField="Cust_ID" HeaderText="Cust_ID"
SortExpression="Cust_ID" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=C:\Users\HARSHA\
source\repos\harsha\App_Data\Database1.mdf;Integrated Security=True"
SelectCommand="SELECT [Cust_ID] FROM [register]"></asp:SqlDataSource>
</asp:Panel>
<br />

<asp:Label ID="Label10" runat="server" ForeColor="#99FF33"

Text="Name"></asp:Label>



style14"></asp:TextBox>
<br />
              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;              &
nbsp;

<br />
      <br />
              TOTAL
AMOUNT TO BE PAID<asp:TextBox ID="TextBox4" runat="server" Style="margin-bottom: 0px;"
Width="277px" Height="32px" CssClass="auto-style6"></asp:TextBox>
<br />

Width="523px" BackColor="#006699">

<br />
<br />
<asp:Label ID="Label13" runat="server" Text="Enter your Card
No"></asp:Label>
style2" Height="23px"></asp:TextBox>
<br />
runat="server" ControlToValidate="TextBox8" Display="Dynamic" ErrorMessage="enter valid
no" ForeColor="Red" SetFocusOnError="True" ValidationExpression="\d{16}">invalid
number</asp:RegularExpressionValidator>
<br />
<asp:Label ID="Label14" runat="server" Text="CVV NO"></asp:Label>
<asp:TextBox ID="TextBox9" runat="server" CssClass="auto-style1"
Height="22px" Width="75px"></asp:TextBox>
runat="server" ControlToValidate="TextBox9" ErrorMessage="enter the proper number"
SetFocusOnError="True" ValidationExpression="\d{3}">invalid
number</asp:RegularExpressionValidator>
</asp:Panel>

<asp:Label ID="Label15" runat="server" Text="Date of the payment"
ForeColor="#FFFF66"></asp:Label>
              &nbsp
;              &nbs
p;              &nb
sp;
<asp:TextBox ID="TextBox6" runat="server" Height="31px" Width="291px"
CssClass="auto-style5"></asp:TextBox>
<asp:Calendar ID="Calendar1" runat="server" Height="16px" Width="214px"

CssClass="auto-style4" BackColor="#FFFFCC"></asp:Calendar>

              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;              &
nbsp;
<asp:Label ID="Label12" runat="server" Text="MODE OF PAYMENT"></asp:Label>
  :
<asp:Button ID="Button4" runat="server" Text="ONLINE" BackColor="#FF0066"
CssClass="auto-style15" Width="112px" />
<asp:Button ID="Button5" runat="server" Text="CASH ON DILIVERY"
BackColor="#FF0066" />
Width="571px">
YOUR ORDER IS PLACED PAY
<asp:Label ID="Label16" runat="server" Text="Label"></asp:Label>
</asp:Panel>

<asp:HyperLink ID="HyperLink1" runat="server"
Font-Size="XX-Large" ForeColor="blue" NavigateUrl="~/Feedback.aspx">Give
Feedback</asp:HyperLink>
    <asp:Button ID="Button2" runat="server" Text="Make

Payment" Width="264px" Height="32px" style="margin-top: 78px" CssClass="auto-style3"
BackColor="Black" ForeColor="#FFFFCC" />
<p style="margin-left: 40px">

</p>
<p style="margin-left: 160px">
<br />
<br />
<br />
</p>
</div>
</form>
</body>
</html>
Feedback page:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Feedback.aspx.vb"
Inherits="harsha.Feedback" %>
<!DOCTYPE html>
<title></title>
<style>
body {
background-image: url("images/c14.jpg");
}
.auto-style1 {
margin-left: 66px;

}
.auto-style2 {
margin-left: 54px;
}
.auto-style4 {
margin-left: 132px;
}
.auto-style5 {
margin-left: 53px;
margin-top: 37px;
}
.auto-style6 {
height: 488px;
}
</style>
</head>
<body>

<div class="auto-style6" style="font-size: 27px; color: #FF0000">
              &nbsp
;           GIVE YOUR VALUABLE FEEDBACK
PLEASE!!!!<br />
<br />
<asp:Button ID="Button2" runat="server" Text="FEEDBACK ID" BackColor="Yellow"
/>

<asp:TextBox ID="TextBox1" runat="server" CssClass="auto-style2"
Width="203px"></asp:TextBox>
<br />

<br />
Cust_id<asp:TextBox ID="TextBox2" runat="server" CssClass="auto-style4"
Height="16px" Width="193px"></asp:TextBox>
<br />
              &nbsp
;              &nbs
p;
ControlToValidate="TextBox2" ErrorMessage="Enter Your Customer ID" Font-Bold="True"
ForeColor="Black"></asp:RequiredFieldValidator>
<br />

<asp:Label ID="Label6" runat="server" Text="NAME"></asp:Label>
       <asp:TextBox ID="TextBox3"
runat="server" CssClass="auto-style1" Width="207px"></asp:TextBox>

ControlToValidate="TextBox2" ErrorMessage="Enter Your Name" Font-Bold="True"
ForeColor="Black"></asp:RequiredFieldValidator>
<br />

<asp:Label ID="Label7" runat="server" Text="MESSAGE"></asp:Label>
  <asp:TextBox ID="TextBox4" runat="server" Height="89px"
Width="514px" CssClass="auto-style5"></asp:TextBox>

<br />
              &nbsp
;              &nbs
p;
ControlToValidate="TextBox3" ErrorMessage="Enter Your Feedback " Font-
Bold="True" Font-Size="Large" ForeColor="Black"></asp:RequiredFieldValidator>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Give Feedback"
BackColor="#FF0066" />
</div>
</form>
</body>
</html>
Admin Home Page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Homepage.aspx.vb"
Inherits="harsha.Homepage" %>
<!DOCTYPE html>
<title></title>
body
{
background-image :url("images/b1.jpeg");
}
.auto-style1 {
width: 100%;
height: 330px;
}
.auto-style3 {
width: 251px;
}
.auto
-style4 {
width: 251px;
height: 200px;
}
.auto
-style5 {
height: 167px;
}
#menu {
margin-left :80px;
}

* {
margin: 0px;
padding: 0px;
}
#menu ul {
list-style: none;
}
#menu ul li {
background-color :#062039;
border: 1px solid white;
height: 35px;
width: 250px;
line-height: 35px;
text-align: center;
float: left;
position: relative;
}
#menu ul li
a {
text-decoration: none;
color: white;
display: block;
}
#menu ul li a:hover {
background-color: powderblue;
color: black;
}
#menu ul ul {
position: absolute;
display: none;
}
#menu ul li:hover > ul {

display: block;
}
.auto-style4 {
width: 1054px;
}
.auto-style5 {
width: 1054px;
height: 150px;
}
.auto-style6 {
width: 973px;
height: 150px;
margin-left: 261px;
}
.auto-style7 {
margin-left: 16px;
margin-bottom: 0px;
}

</style>
</head>
<body>

<div>
<table class="auto-style1">
<tr>
<asp:Image ID="Image1" runat="server" CssClass="auto-style7"
Height="317px" Width="1459px" ImageUrl="~/images/n1.jpg" />
</td>
<td class="auto-style5"></td>
</tr>
<tr>
<td class="auto-style3"> </td>
<td> </td>
</tr>
</table>
</div>
<div id="menu">
<ul class="auto-style6">
<li><a href="Camera.aspx">Insert Camera's</a></li>
<li><a href="FeedbackReport.aspx">Check Feedback</a></li>
<li><a href="#">Reports</a>
<ul>
<li><a href="ReportRegister.aspx">CUSTOMER REGISTERATION</a></li>
<li><a href="reportcamera.aspx">CAMERAS AND PAYMENT </a></li>
</ul>
</li>
</ul>
</div>
</form>
</body>
</html>
Thank you page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="thankyou.aspx.vb"
Inherits="harsha.thankyou" %>
<!DOCTYPE html>
<title></title>
body {
font-family: Arial;
padding: 10px;
}
.auto-style1 {
margin-left: 53px;
}
</style>

</head>
<body style="height: 520px">
<p>
</p>
<p>
</p>
<asp:Image ID="Image1" runat="server" CssClass="auto-style1" Height="469px"
ImageUrl="~/images/t1.jpg" Width="1416px" />
</form>
</body>
</html>
Admin Login Page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="AdminLogin.aspx.vb"
Inherits="harsha.AdminLogin" %>
<!DOCTYPE html>
<title></title>
<style>
body {
font-family: Arial;
padding: 10px;
background: #0094ff;
}
.auto-style1 {
height: 29px;
}
.auto-style2 {
width: 272px;
}
.auto-style3 {
height: 29px;
width: 272px;
}
.auto-style4 {
height: 50px;
}
.auto-style5 {
width: 272px;
height: 50px;
}
.auto-style6 {
height: 200px;
width: 330px;
margin-top: 0px;
}
.auto-style7 {
height: 196px;
margin-top: 0px;
}
.auto-style8 {
margin-left: 1px;

margin-top: 0px;
}
.auto-style9 {
margin-left: 6px;
margin-top: 14px;
}
</style>
<script src="http://code.jquery.com/jquery-1.11.3.js"
type="text/javascript"></script>
<script type="text/javascript">
function ShowHidePassword() {
var txt = $('#<%=txtPassword.ClientID%>');
if (txt.prop("type") == "password") {
txt.prop("type", "text");
$("label[for='cbShowHidePassword']").text("Hide Password");
}
else {
txt.prop("type", "password");
$("label[for='cbShowHidePassword']").text("Show Password");
}
}
</script>
</head>
<body>

<br />
<br />
<br />
<br />
<br />
<br />
ImageUrl="~/images/bb.png" Width="328px" />
ImageUrl="~/images/x1.jpg" Width="1102px" />
<br />
<br />
<br />
<fieldset class="auto-style6">
<legend>Admin Login</legend>
<table>
<tr>
<td class="auto-style4">User Name</td>
<asp:TextBox ID="txtUserName"
runat="server"></asp:TextBox></td>
</tr>
<tr>
<td class="auto-style1">Password</td>
<asp:TextBox ID="txtPassword" autocomplete="off"
TextMode="Password"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>

<td></td>
<asp:Button ID="btnLogin" runat="server" Text="Login" />
<input id="cbShowHidePassword" type="checkbox"
onclick="ShowHidePassword();" />
<label class="form-control" for='cbShowHidePassword'>Show
Password</label>
</td>
</tr>
</table>
</fieldset>
<br />
ControlToValidate="txtUserName" ErrorMessage="*Enter UserName"

ControlToValidate="txtPassword" ErrorMessage="*Enter Password"
<br />

</div>
</form>
</body>
</html>
Camera Add Page:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Camera.aspx.vb"
Inherits="harsha.Camera" %>
<!DOCTYPE html>
<title></title>
<style>
body {
background-image: url("images/k1.jpg");
}
#form1 {
height: 600px;
width: 570px;
background-color: burlywood;
margin-left: 30px;
margin-right: auto;
opacity: 1.0;
}
.auto-style1 {
margin-left: 100px;
}

.auto-style2 {
width: 573px;
height: 666px;
}
.auto-style4 {
margin-left: 2px;
margin-top: 24px;
}
.auto-style5 {
margin-left: 0px;
}
.auto-style8 {
width: 622px;
}
.auto-style9 {
margin-left: 2px;
height: 44px;
width: 572px;
margin-top: 0px;
}
.auto-style10 {
margin-left: 2px;
width: 573px;
height: 28px;
margin-top: 24px;
}
</style>
</head>
<body style="height: 675px">
<form id="form1" runat="server" class="auto-style8">

<div class="auto-style2" style="font-size: 25px; background-color: #008080;
color: #000000;">
<asp:Button ID="Button5" runat="server" BackColor="Black"
BorderColor="#006666" ForeColor="#FFFF99" Height="42px" Text="CAMERA INSERTION"
Width="292px" />
<br />
<br />

<asp:Label ID="Label2" runat="server" Text="Camera_ID"></asp:Label>
          <asp:TextBox
ID="TextBox8" runat="server" CssClass="auto-style5" Width="162px"></asp:TextBox>

<p class="auto-style4" style="background-color: #008080">

<asp:Label ID="Label3" runat="server" Text="Name"></asp:Label>
              &nbsp
;
<asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
<br />

<br />

<br />
<asp:Label ID="Label4" runat="server" Text="Description"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server" Height="103px"
Width="292px" CssClass="auto-style1"></asp:TextBox>
<br />
<br />
<asp:Label ID="Label5" runat="server" Text="Price"></asp:Label>



<br />
<asp:Label ID="Label6" runat="server" Text="Camera IMage"></asp:Label>

<asp:FileUpload ID="FileUpload1" runat="server" Height="20px" Width="241px"
BackColor="White" ForeColor="#000066" />
<br />
              &nbsp
;              &nbs
p;              &nb
sp;
<asp:Button ID="Button1" runat="server" Text="INSERT" BackColor="Black"
ForeColor="White" Height="27px" />
<asp:Button ID="Button6" runat="server" BackColor="Black"
BorderColor="Black" ForeColor="#FFFF66" Height="25px" Text="CLEAR" />
<br />
<br />
              &nbsp
;              &nbs
p;              &nb
sp;
        </p>

Enter the ID:

<asp:Button ID="Button2" runat="server" Text="DELETE" BackColor="Black"
<br />
</p>
              &nbsp
;
<asp:TextBox ID="TextBox7" runat="server" Height="16px"></asp:TextBox>
<asp:Button ID="Button3" runat="server" Text="UPDATE" BackColor="Black"
<asp:Button ID="Button4" runat="server" Text="SEARCH" BackColor="Black"


<br />
<br />
</p>
<asp:HyperLink ID="HyperLink1" runat="server" ForeColor="#FF6600"

NavigateUrl="~/CameraDisplay.aspx">View All the Camera
's</asp:HyperLink>

<asp:HyperLink ID="HyperLink2" runat="server" ForeColor="#FF6600"
NavigateUrl="~/Homepage.aspx">Go Back Admin Home Page</asp:HyperLink>
</p>
</div>
</form>
</body>
</html>
FeedBack Report:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="FeedbackReport.aspx.vb"
Inherits="harsha.FeedbackReport" %>
<!DOCTYPE html>
<title></title>
<style>
body {
font-family: Arial;
padding: 10px;
}
</style>
</head>
<body>
<div>
</div>
              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;              &
nbsp;
              &nbsp
;
<asp:Button ID="Button1" runat="server" Text="FEEDBACK OF CUSTOMERS"
BackColor="#FFFF99" BorderColor="#FFFF99" ForeColor="Black" Height="48px" />
<br />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" Height="373px" style="margin-left: 307px; margin-top: 38px"
Width="938px" BackColor="#333300">

<Columns>
<asp:BoundField DataField="Feedback_id" HeaderText="Feedback_id"
SortExpression="Feedback_id" />
<asp:BoundField DataField="Cust_id" HeaderText="Cust_id"
SortExpression="Cust_id" />
<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name"
/>
<asp:BoundField DataField="Message" HeaderText="Message"
SortExpression="Message" />
</Columns>
</asp:GridView>
App_Data\Database1.mdf;Integrated Security=True" SelectCommand="SELECT [Feedback_id],
[Cust_id], [Name], [Message] FROM [Feedback]"></asp:SqlDataSource>
</form>
</body>
</html>
Report Customer Register:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="ReportRegister.aspx.vb"
Inherits="harsha.ReportRegister" %>
<!DOCTYPE html>
<title></title>
<style>
body {
background-image: url("images/c21.jfif");
}
.auto-style1 {
margin-left: 147px;
margin-top: 38px;
}
.auto-style3 {
height: 1503px;
}
</style>
</head>
<body style="width: 1442px; height: 1506px;">

<div class="auto-style3" style="background-color: #008080">
<br />
<br />
<asp:Button ID="Button1" runat="server" Height="47px" Text="Display Data of
Customer Registeration"
Width="532px" style="margin-left: 311px" BackColor="Black"
ForeColor="#FFFF66" />

<br />
<br />
<asp:GridView ID="GridView1" runat="server" Height="66px" Width="1285px"
CellPadding="4"
ForeColor="Black" GridLines="None" AutoGenerateColumns="False"
DataSourceID="SqlDataSource2" CssClass="auto-style1" BackColor="#333300"
BorderColor="#FF0066">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="Fullname" HeaderText="Fullname"
SortExpression="Fullname" />
<asp:BoundField DataField="Address" HeaderText="Address"
SortExpression="Address" />
<asp:BoundField DataField="Mobilenumber" HeaderText="Mobilenumber"
SortExpression="Mobilenumber" />
<asp:BoundField DataField="Email_ID" HeaderText="Email_ID"
SortExpression="Email_ID" />
<asp:BoundField DataField="Password" HeaderText="Password"
SortExpression="Password" />
</Columns>
<EditRowStyle BackColor="#7C6F57" />

<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White"
HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True"
ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>

App_Data\Database1.mdf;Integrated Security=True" SelectCommand="SELECT * FROM
[register]"></asp:SqlDataSource>

App_Data\Database1.mdf;Integrated Security=True" SelectCommand="SELECT [Cam_ID], [Name],
[Description], [Price], [Image] FROM [camera]"></asp:SqlDataSource>

<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />

</div>
</form>
</body>
</html>
Report of Purchase and Payment:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="reportcamera.aspx.vb"
Inherits="harsha.reportcamera" %>
<!DOCTYPE html>
<title></title>
body {
font-family: Arial;
padding: 10px;
}
.auto-style1 {
margin-left: 4px;
margin-top: 77px;
}
.auto-style2 {
height: 45px;
}
.auto-style3 {
margin-left: 0px;
}
</style>
</head>
<body>
              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;
CAMERA PURCHASE AND PAYMENT<br />
<br />
<br />
<asp:Button ID="Button1" runat="server" Height="47px" Text="CAMERA PURCHASE"
Width="241px" BackColor="Black" ForeColor="#FFFFCC" />
              &nbsp
;              &nbs
p;              &nb
sp;              &n
bsp;              &
nbsp;
         <br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<asp:Button ID="Button2" runat="server" Height="44px" Text="PAYMENT"
Width="246px" BackColor="Black" CssClass="auto-style3" ForeColor="#FFFFCC" />
<br />
<br />
<br />
DataSourceID="SqlDataSource2" Height="256px" Width="645px" BackColor="#000066"
BorderColor="#333300">
<Columns>
<asp:BoundField DataField="Billno" HeaderText="Billno"
SortExpression="Billno" />
<asp:BoundField DataField="Name" HeaderText="Name"
SortExpression="Name" />
<asp:BoundField DataField="TotalPrice" HeaderText="TotalPrice"
SortExpression="TotalPrice" />
<asp:BoundField DataField="EventDate" HeaderText="EventDate"
SortExpression="EventDate" />
<asp:BoundField DataField="Cardno" HeaderText="Cardno"
SortExpression="Cardno" />
<asp:BoundField DataField="Cvvno" HeaderText="Cvvno"
SortExpression="Cvvno" />
</Columns>
</asp:GridView>
[Payment]"></asp:SqlDataSource>
[camera]"></asp:SqlDataSource>
<br />
</div>



CssClass="auto-style1" DataSourceID="SqlDataSource1" Height="306px" Width="942px"
BackColor="#333300" BorderColor="#333300">
<Columns>
<asp:BoundField DataField="Cam_ID" HeaderText="Cam_ID"
SortExpression="Cam_ID" />
<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name"
/>
<asp:BoundField DataField="Description" HeaderText="Description"
SortExpression="Description" />
<asp:BoundField DataField="Price" HeaderText="Price"
SortExpression="Price" />
<asp:BoundField DataField="Image" HeaderText="Image"
SortExpression="Image" />
</Columns>
</asp:GridView>

<br />
<br />
</form>
</body>
</html>
Output Design
Homepage:
Registration Page:

Login Page:
Camera Display:

Add to Cart:
Payment:

FeedBack:

Admin Page:

Admin Home Page:
Camera ADD/DELETE Page:

Feed Back Report:
Report of Customer Register and Payment:

4. SYSTEM CONFIGURATION
4.1 Hardware requirements:
RAM 8.00 GB
Hard disk 1 TB
Processor Intel(R) Core(TM) i5-7200U
Processing speed CPU @ 2.50GHz 2.70 GHz

4.2 Software Requirements:
Front end Visual Studio 2019
Back end Microsoft SQL Server
Tools HTML, ASP.NET,CSS,VB
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

Microsoft Visual Studio is an integrated development environment (IDE) from Microsoft. It can
be used to develop console and graphical user interface applications along with Windows Forms
applications, web sites, web applications, and web services in both native Code together with
managed code for all platforms supported by Microsoft Windows, Windows Mobile, Windows
CE, .NET Framework
.NET Compact Framework and Microsoft Silver light. Visual Basic 9.0 was released together
with the Microsoft .NET Framework 3.5 on 19 November 2007. ASP.NET is a set of Web
development tools offered by Microsoft. Programs like Visual Studio .NET and Visual Web
Developer allow Web developers to create dynamic websites using a visual interface. ASP.NET
also supports Visual Basic .NET, Jscript. .NET and open-source languages like Python and
Perl. .NET provide a visual interface for developers to create their applications, which
makes .NET a reasonable choice for designing Web-based interfaces as well. SQL Server is a
relational database developed and sold by Microsoft. Originally bought from Sybase, Microsoft
has released versions 6, 6.5, 7, 2000 and 2005. The Express Edition of SQL Server 2005 is used
in the C++ and VB.
5.2 Overview of Back End
Introduction to SQL Server 2008
The Structured Query Language (SQL) comprises one of the fundamental building blocks of
modern database architecture. SQL defines the methods used to create and manipulate relational
databases on all major platforms.
SQL comes in many flavors. Oracle databases utilize their proprietary PL / SQL. Microsoft SQL
Server makes use of Transact – SQL. However, all of these variations are based upon the
industry standard ANSI SQL.
SQL commands can be divided into two main sub languages. The Data Definition Language
(DDL) contains the commands used to create and destroy databases and database objects. After

the database structure is defined with DDL, database administrators and users canutilize the Data
Manipulation Language to insert, retrieve and modify the data contained within it.
SQL Server 2008 is a powerful tool for turning information into opportunity. Industry leading
support for XML, enhanced tools for system management and tuning, and exceptional scalability
and reliability make SQL Server 2000 the best choice for the agile enterprise.
5.3 About the Platform
Windows is a series of Operating Systems developed by Microsoft. Each version of Windows

includes a Graphical 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 current version, 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 certain tablets and computers with touch screen
displays. Microsoft's mobile operating system, Windows Phone, is designed specifically for
smart phones and runs on several brands of phones, including HTC, Nokia, and Samsung.
.NET FRAMEWORK
.NET Framework (pronounced as "dot net") is a software framework developed by Microsoft

that runs primarily on Microsoft Windows. It includes a large class library named Framework
Class Library (FCL) and provides language interoperability (each language can use code written

in other languages) across several programming languages. Programs written for .NET
Framework execute in a software environment (in contrast to a hardware environment) named
Common Language Runtime(CLR), an application virtual machine that provides services such as
security, memory management, and exception handling. As such, computer code written
using .NET Framework is called "managed code".
FCL provides user interface, data access, database connectivity, cryptography, web application
development, numeric algorithms, and network communications. Programmers produce software
by combining their source code with .NET Framework and other libraries. The framework is
intended to be used by most new applications created for the Windows platform. Microsoft also
produces an integrated development environment largely for .NET software called Visual Studio.
.NET Framework began as proprietary software, although the firm worked to standardize the
software stack almost immediately, even before its first release. Despite the standardization
efforts, developers, mainly those in the free and open-source software communities, expressed
their unease with the selected terms and the prospects of any free and open-source
implementation, especially regarding software patents. Since then, Microsoft has changed .NET
development to more closely follow a contemporary model of a community- developed software
project, including issuing an update to its patent promising to address the concerns.
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, you write 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, but would 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.
Acceptance testing -Normally this type of testing is done to verify if system meets the customer
specified requirements. User or customers do this testing to determine whether to accept
application.
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 as a result 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

The system is developed with easy navigation, keeping in mind the needs and deeds of the
customers. It features familiar and well thought-out, and attractive user interface combined with
strong searching, insertion and reporting capabilities.
The real power of this project lies not in just providing service to the customers but in the
creation of tighter relationship with the customer delivering high level of service and support
which in turn improves organization and its goodwill.
The system can further be enhanced as follows:

As the number of customers and size of the operation increases the organization divides the
geographical are into service areas and branch locations to allow photographers to be responsive
to the customer needs.
In addition to that, the system
 Minimizes the hardware and software requirement so that it supports maximum user
base.
 Modifies the project with better approach, with more graphics.
 Makes the users easily communicate with the service providers, in case of any problem or
enquiries.

8. BIBILIOGRAPHY
Book References:
ASP.NET Core 5 and Angular
ASP.NET Core in Action
Web References:
https://www.youtube.com/watch?v=WCfeU0HuOC0&feature=youtu.be
https://www.youtube.com/watch?v=0p-svIQDrxk
https://www.youtube.com/watch?v=Z-KJpzTrkms

9. APPENDICES A – Table Structure
Table Name: Login
Description: Stores the details of people who login to access the system.
Column name Data type Constraints

Username Varchar(50) Not null
Password Varchar(50) Not null
Table Name: Customer
Description: Stores the details of customers who place orders.

Cust_id Int Primary key
Address Varchar(50) Not null
Cust_name Varchar(50) Not null
Email_id Varchar(50) Not null
Table name: Cameras
Description: Stores the details of the latest cameras added to the system.

Camera_id Int Primary key
Price Varchar(50) Not null
Camera_name Varchar(50) Not null
Description Varchar(50) Not null

Table Name: Add to Cart
Description: Stores the details of the products added to cart by the customers.

Order_id Int Primary key
Product name Varchar(50) Not null
Total price Varchar(50) Not null
Table Name: Payment
Description: Stores the details of payment done by the customers.

Payment_id Int Primary key
Cust_id Int Foreign key
Total amount Varchar(50) Not null
Table Name: Feedback
Description: Stores all the feedback messages given by the customers.

Feedback_id Int Primary key
Cust_id Int Foreign key
Message Varchar(50) Not null

APPENDICES B – SCREENSHOTS
Homepage:
Registration Page:

Customer Login Page:
Camera Display:

Add to Cart:
Payment:

FeedBack page:

Admin Login Page:
Admin Home Page:

Camera Insert/delete page:
FeedBack Report:

Reports:

10. APPENDICES C – TEST CASES
Tes Test Test data Expected Actual Test

t id Scenario Result Result Statu
s
T1 User login Username:invalid Login Error Fail
successful message:
Password:invalid Incorrect
credentails
User login Username:valid Login Error Fail
successful message:
Password:invalid Incorrect
credentails
User login Username:invalid Login Error Fail
successful message:
Password:valid Incorrect
credentails
User login Username:valid Login Error Pass
successful message:
Password:valid Incorrect
credentails
T2 Registratio Mobile Registratio Registration Fail

n module number:9digits n unsuccessful
successfull l
Mobile Registratio Registration Fail
number:charactes nsuccessfull unsuccessful

Mobile number:10 Registratio Registration Pass

digits n successfull
successfull
T3 Registratio Email:@gmail.co Registarati Registaratio Pass
n module m on n Successfull
Successfull
T4 Camera Model:Characters Updation Updation Pass
Display Successfull Successfull
Camera id:digits Updation Updation Pass
Successfull Successfull
T5 Payment Card Payment Payment Pass
module name:characters sucussfull sucussfull
Cardnumber 3 Payment Payment Pass
digits sucussfull sucussfull

11.APPENDICES D – SOURCE CODE
Customer Login page:

Imports System.Data.SqlClient
Public Class CustomerLogin
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles
Me.Load
ValidationSettings.UnobtrusiveValidationMode = UnobtrusiveValidationMode.None
End Sub
Protected Sub btnLogin_Click(sender As Object, e As EventArgs) Handles btnLogin.Click
Dim con As New SqlConnection
Dim cmd As New SqlCommand
con.ConnectionString = "Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=C:\
Users\HARSHA\source\repos\harsha\App_Data\Database1.mdf;Integrated Security=True"
Dim objcon As SqlConnection = Nothing
Dim objcmd As SqlCommand = Nothing
objcon = New SqlConnection("Data Source=(LocalDB)\
MSSQLLocalDB;AttachDbFilename=C:\Users\HARSHA\source\repos\harsha\App_Data\
Database1.mdf;Integrated Security=True")
objcon.Open()
Dim stmt As String = "select * from register where Email_ID='" & txtUserName.Text
& "' AND Password='" & txtPassword.Text & "'"
objcmd = New SqlCommand(stmt, objcon)
Dim reader As SqlDataReader = objcmd.ExecuteReader
If reader.Read Then
MsgBox("Login Successfull")
Response.Redirect("CameraDisplay.aspx")
Else
MsgBox("Invalid login...Plzz Check It")
objcon.Close()
End If
End Sub
Protected Sub btnLogin0_Click(sender As Object, e As EventArgs) Handles
btnLogin0.Click
Response.Redirect("CameraDisplay.aspx")
End Sub
End Class
Customer Registration:
Public Class CustomerRegistration
Me.Load
Session("cusid") = TextBox6.Text
End Sub
Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
con = New SqlConnection("Data Source=(LocalDB)\MSSQLLocalDB;AttachDbFilename=C:\
Users\HARSHA\source\repos\harsha\App_Data\Database1.mdf;Integrated Security=True")

con.Open()
cmd.Connection = con
cmd.CommandText = "Insert into
register(Fullname,Address,Mobilenumber,Email_ID,Password,Cust_ID)VALUES(@Fullname,@Addres
s,@Mobilenumber,@Email_ID,@Password,@Cust_ID)"
Dim paramFullname As New SqlParameter("@Fullname", SqlDbType.VarChar, 50)
paramFullname.Value = TextBox1.Text
Dim paramAddress As New SqlParameter("@Address", SqlDbType.VarChar, 50)
paramAddress.Value = TextBox2.Text
Dim paramMobilenumber As New SqlParameter("@Mobilenumber", SqlDbType.VarChar, 50)
paramMobilenumber.Value = TextBox3.Text
Dim paramEmail_ID As New SqlParameter("@Email_ID", SqlDbType.VarChar, 50)
paramEmail_ID.Value = TextBox4.Text
Dim paramPassword As New SqlParameter("@Password", SqlDbType.VarChar, 50)
paramPassword.Value = TextBox5.Text
Dim paramCust_ID As New SqlParameter("@Cust_ID", SqlDbType.VarChar, 50)
paramCust_ID.Value = TextBox6.Text
cmd.Parameters.Add(paramFullname)
cmd.Parameters.Add(paramAddress)
cmd.Parameters.Add(paramMobilenumber)
cmd.Parameters.Add(paramEmail_ID)
cmd.Parameters.Add(paramPassword)
cmd.Parameters.Add(paramCust_ID)
Dim da As New SqlDataAdapter
da.InsertCommand = cmd
da.InsertCommand.ExecuteNonQuery()
MsgBox("Registered successfully")
TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox5.Text = ""
TextBox6.Text = ""
Response.Redirect("Home.aspx")
End Sub
Protected Sub TextBox3_TextChanged(sender As Object, e As EventArgs) Handles
TextBox3.TextChanged
End Sub
auto()
End Sub
Public Sub auto()
Dim Num As Integer
con.Open()
cmd = New SqlCommand("select max(Cust_ID) from register", con)
cmd.ExecuteNonQuery()
If IsDBNull(cmd.ExecuteScalar) Then
Num = 1
TextBox6.Text = Num
Else
Num = cmd.ExecuteScalar + 1
TextBox6.Text = Num
End If
con.Close()

Session("auto") = Num
End Sub
Response.Redirect("Home.aspx")
End Sub
End Class
Camera Display Page:

Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Data
Public Class CameraDisplay
Me.Load
Session("addproduct") = "false"
Dim dt As DataTable = New DataTable()
dt = CType(Session("buyitems"), DataTable)
End Sub
Protected Sub DataList1_ItemCommand(source As Object, e As DataListCommandEventArgs)
Handles DataList1.ItemCommand
Session("addproduct") = "true"
If e.CommandName = "addtocart" Then
Dim dlist As DropDownList = CType((e.Item.FindControl("DropDownList1")),
DropDownList)
Response.Redirect("Cart.aspx?id=" & e.CommandArgument.ToString() &
"&quantity=" + dlist.SelectedItem.ToString())
End If
End Sub
Protected Sub SqlDataSource1_Selecting(sender As Object, e As
SqlDataSourceSelectingEventArgs) Handles SqlDataSource1.Selecting
End Sub
End Class
Add to Cart Page:

Imports System
Imports System.Collections.Generic
Imports System.Linq
Imports System.Web
Imports System.Data
Imports System.IO
Public Class Cart


Me.Load
If Not IsPostBack Then
If Session("buyitems") Is Nothing Then
Button1.Enabled = False
Else
Button1.Enabled = True
End If
Session("addproduct") = "false"
Dim dr As DataRow
dt.Columns.Add("sno")
dt.Columns.Add("Camera ID")
dt.Columns.Add("Camera Name")
dt.Columns.Add("Description")
dt.Columns.Add("Quantity")
dt.Columns.Add("Price")
dt.Columns.Add("Image")
dt.Columns.Add("totalPrice")
If Request.QueryString("id") IsNot Nothing Then
If Session("buyitems") Is Nothing Then
dr = dt.NewRow()
dr = dt.NewRow()
Dim conn As SqlConnection = New SqlConnection("Data Source=(LocalDB)\
Dim da As SqlDataAdapter = New SqlDataAdapter("select * from camera
where Cam_ID=" & Request.QueryString("id"), conn)
Dim ds As DataSet = New DataSet()
da.Fill(ds)
dr("sno") = 1
dr("Camera ID") = ds.Tables(0).Rows(0)("Cam_ID").ToString()
dr("Camera Name") = ds.Tables(0).Rows(0)("Name").ToString()
dr("Description") = ds.Tables(0).Rows(0)("Description").ToString()
dr("Quantity") = Request.QueryString("Quantity").ToString()
dr("Price") = ds.Tables(0).Rows(0)("Price").ToString()
dr("Image") = ds.Tables(0).Rows(0)("Image").ToString()
Dim price As Integer = Convert.ToUInt64(ds.Tables(0).Rows(0)
("price").ToString())
Dim quantity As Double =
Convert.ToDouble(Request.QueryString("quantity").ToString())
Dim totalprice As Integer = (price * quantity)
dr("totalprice") = totalprice
dt.Rows.Add(dr)
GridView1.DataSource = dt
GridView1.DataBind()
Session("buyitems") = dt
GridView1.FooterRow.Cells(5).Text = "Total Amount"
GridView1.FooterRow.Cells(6).Text = grandtotal().ToString()
Response.Redirect("Cart.aspx")
Else
Dim sr As Integer
sr = dt.Rows.Count
dr = dt.NewRow()
Dim conn As SqlConnection = New SqlConnection("Data Source=(LocalDB)\

Dim da As SqlDataAdapter = New SqlDataAdapter("select * from camera

where Cam_ID=" & Request.QueryString("id"), conn)
da.Fill(ds)
dr("sno") = sr + 1
dr("Camera ID") = ds.Tables(0).Rows(0)("Cam_ID").ToString()
dr("Camera Name") = ds.Tables(0).Rows(0)("Name").ToString()
dr("Description") = ds.Tables(0).Rows(0)("Description").ToString()
dr("Quantity") = Request.QueryString("Quantity").ToString()
dr("Price") = ds.Tables(0).Rows(0)("Price").ToString()
dr("Image") = ds.Tables(0).Rows(0)("Image").ToString()
Dim price As Integer = Convert.ToInt16(ds.Tables(0).Rows(0)
("price").ToString())
Dim quantity As Double =
Convert.ToDouble(Request.QueryString("quantity").ToString())
Dim totalprice As Integer = (price * quantity)
dr("totalprice") = totalprice
dt.Rows.Add(dr)
GridView1.FooterRow.Cells(5).Text = "Total Amount"
Response.Redirect("Cart.aspx")
End If
Else
If GridView1.Rows.Count > 0 Then
GridView1.FooterRow.Cells(5).Text = "Total amount"
End If
End If
Label3.Text = GridView1.Rows.Count.ToString()
End If
Dim orderdate As String = DateTime.Now.ToShortDateString()
Session("Orderdate") = orderdate
orderid()
End Sub
Public Function grandtotal() As Integer
Dim nrow As Integer = dt.Rows.Count
Dim i As Integer = 0
Dim gtotal As Integer = 0
While i < nrow
gtotal = gtotal + Convert.ToInt32(dt.Rows(i)("totalprice").ToString())
i = i + 1
End While
Session("Grandtoal") = gtotal
Return gtotal
End Function
Public Sub orderid()
Dim alpha As String = "abcdefghi1234"
Dim r As Random = New Random()
Dim myarray() As Char = New Char((3) - 1) {}

Do While (i < 3)
myarray(i) = alpha(CType((5 * r.NextDouble), Double))
i = (i + 1)
Loop
Dim orderid As String
orderid = "Order_ID:" + DateAndTime.Now.Hour.ToString() +
DateAndTime.Now.Day.ToString() + DateAndTime.Now.Month.ToString() +
DateAndTime.Now.Year.ToString() + New String(myarray) + DateAndTime.Now.Minute.ToString()
+ DateAndTime.Now.Second.ToString()
Session("Orderid") = orderid
End Sub
Protected Sub GridView1_RowDeleting(sender As Object, e As GridViewDeleteEventArgs)
Handles GridView1.RowDeleting
Dim dt As DataTable = New DataTable
Do While (i _
<= (dt.Rows.Count - 1))
Dim sr As Integer
Dim sr1 As Integer
Dim qdata As String
Dim dtdata As String
sr = Convert.ToInt32(dt.Rows(i)("sno").ToString)
Dim cell As TableCell = GridView1.Rows(e.RowIndex).Cells(0)
qdata = cell.Text
dtdata = sr.ToString
sr1 = Convert.ToInt32(qdata)
If (sr = sr1) Then
dt.Rows(i).Delete()
dt.AcceptChanges()
End If
i = (i + 1)
Loop
i = 1
Do While (i <= dt.Rows.Count)
dt.Rows((i - 1))("sno") = i
dt.AcceptChanges()
i = (i + 1)
Loop
Response.Redirect("cart.aspx")
End Sub
Dim dt As DataTable
Do While (i _
<= (dt.Rows.Count - 1))
con.ConnectionString = "Data Source=(LocalDB)\
Database1.mdf;Integrated Security=True"
con.Open()

cmd = New SqlCommand("INSERT INTO

OrderDetails(orderid,sno,CameraID,CameraName,Description,Price,Quantity,orderdate,cusid)
values('" & Session("orderid") & "','" & dt.Rows(i)("sno") & "','" & dt.Rows(i)("Camera
ID") & "','" & dt.Rows(i)("Camera Name") & "','" & dt.Rows(i)("Description") & "','" &
dt.Rows(i)("Price") & "','" & dt.Rows(i)("Quantity") & "','" & Session("orderdate") &
"','" & Session("cusid") & "')", con)
con.Close()
i = (i + 1)
Loop
MsgBox("your ordered is placed Successfully..")
Response.Redirect("Payment.aspx")
End Sub
End Class
Payment Page:
Imports System.Data.SqlClient.SqlException
Public Class Payment
Public Property GrandTotal As Integer

Me.Load
Panel1.Visible = False
End Sub
auto()
End Sub
Public Sub auto()
Dim Num As Integer
con.Open()
cmd = New SqlCommand("select max(Billno) from Payment", con)
Num = 1001
TextBox1.Text = Num
Else
TextBox1.Text = Num
End If
con.Close()
End Sub
Protected Sub Calendar1_SelectionChanged(sender As Object, e As EventArgs) Handles

Calendar1.SelectionChanged
TextBox6.Text = Calendar1.SelectedDate.ToShortDateString()

End Sub
Dim dr As SqlDataReader
con.Open()
cmd = New SqlCommand("select * from register where Cust_ID = '" + TextBox2.Text +
"' ", con)
dr = cmd.ExecuteReader
If dr.Read Then
TextBox3.Text = dr.GetValue(0).ToString()
TextBox4.Text = Session("Grandtoal")
Label16.Text = Session("Grandtoal")
Else
MsgBox("Record Not Found")
End If
con.Close()
End Sub
con.Open()
Payment(Billno,Cust_ID,Name,TotalPrice,EventDate,Cardno,Cvvno)VALUES(@Billno,@Cust_ID,@Na
me,@TotalPrice,@EventDate,@Cardno,@Cvvno)"
Dim paramBillno As New SqlParameter("@Billno", SqlDbType.VarChar, 50)
paramBillno.Value = TextBox1.Text
Dim paramName As New SqlParameter("@Name", SqlDbType.VarChar, 50)
paramName.Value = TextBox3.Text
Dim paramTotalprice As New SqlParameter("@Totalprice", SqlDbType.VarChar, 50)
paramTotalprice.Value = TextBox4.Text
Dim paramEventdate As New SqlParameter("@Eventdate", SqlDbType.VarChar, 50)
paramEventdate.Value = TextBox6.Text
Dim paramCardno As New SqlParameter("@Cardno", SqlDbType.VarChar, 50)
paramCardno.Value = TextBox8.Text
Dim paramCvvno As New SqlParameter("@Cvvno", SqlDbType.VarChar, 50)
paramCvvno.Value = TextBox9.Text
cmd.Parameters.Add(paramBillno)
cmd.Parameters.Add(paramName)
cmd.Parameters.Add(paramTotalprice)
cmd.Parameters.Add(paramEventdate)
cmd.Parameters.Add(paramCardno)
cmd.Parameters.Add(paramCvvno)
MsgBox("Payment successfull....")
TextBox1.Text = ""

TextBox2.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox9.Text = ""
TextBox6.Text = ""
TextBox8.Text = ""
End Sub

Panel1.Visible = True
End Sub

End Sub

End Sub
Private Sub load1()

con.Open()

TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox9.Text = ""
TextBox6.Text = ""
TextBox8.Text = ""
End Sub
End Class
FeedBack:
Public Class Payment
Public Property GrandTotal As Integer

Me.Load
End Sub
auto()
End Sub
Public Sub auto()
Dim Num As Integer
con.Open()
cmd = New SqlCommand("select max(Billno) from Payment", con)
Num = 1001
TextBox1.Text = Num
Else
TextBox1.Text = Num
End If
con.Close()
End Sub
Protected Sub Calendar1_SelectionChanged(sender As Object, e As EventArgs) Handles

Calendar1.SelectionChanged
TextBox6.Text = Calendar1.SelectedDate.ToShortDateString()
End Sub


con.Open()
cmd = New SqlCommand("select * from register where Cust_ID = '" + TextBox2.Text +
"' ", con)
If dr.Read Then
TextBox3.Text = dr.GetValue(0).ToString()
TextBox4.Text = Session("Grandtoal")
Label16.Text = Session("Grandtoal")
Else
MsgBox("Record Not Found")
End If
con.Close()
End Sub
con.Open()
TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox9.Text = ""
TextBox6.Text = ""

TextBox8.Text = ""
End Sub

End Sub

End Sub

End Sub
Private Sub load1()

con.Open()
TextBox1.Text = ""
TextBox2.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox9.Text = ""

TextBox6.Text = ""
TextBox8.Text = ""
End Sub
End Class
Admin Login Page:

Public Class AdminLogin
Me.Load
End Sub
Protected Sub btnLogin_Click(sender As Object, e As EventArgs) Handles btnLogin.Click
If txtUserName.Text = "Admin" And txtPassword.Text = "333" Then
MsgBox("Successfull")
Else
MsgBox("Recheck ")
End If
Response.Redirect("Homepage.aspx")
End Sub
End Class
Camera Add/Delete Page:

Imports System.IO
Imports System.Web
Imports System.Collections.Generic
Imports System.Linq
Imports System.Data
Public Class Camera
Private Property constring As String
Me.Load
getempid()
End Sub
If FileUpload1.HasFile Then
FileUpload1.SaveAs(Server.MapPath("~/images/") +
Path.GetFileName(FileUpload1.FileName))
Dim link As String = "images/" + Path.GetFileName(FileUpload1.FileName)
con.Open()

cmd = New SqlCommand("INSERT INTO camera values('" & TextBox8.Text & "','" &
TextBox9.Text & "','" & TextBox3.Text & "','" & TextBox4.Text & "','" & link & "')", con)
If (TextBox8.Text = "" Or TextBox9.Text = "" Or TextBox3.Text = "" Or
TextBox4.Text = "" Or FileUpload1.FileName = "") Then
MsgBox("Please Enter the details")
Response.Redirect("")
Else
MsgBox("Succesfully Added", MsgBoxStyle.Information, "Success")
End If
con.Close()
End If
End Sub
con.Open()
cmd.CommandText = "delete from camera where Cam_ID ='" & TextBox5.Text & "'"
MsgBox("Camera Details is Deleted Successfully.")
TextBox8.Text = ""
TextBox9.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
End Sub
con.Open()
cmd = New SqlCommand("select * from camera where Cam_ID='" + TextBox7.Text + "'",
con)
If dr.Read Then
TextBox8.Text = dr.GetValue(0)
Else
MsgBox("Camera Not Found")
End If
con.Close()
End Sub
con.Open()
cmd.CommandText = "update camera set Name='" & TextBox9.Text & "',Description='"
& TextBox3.Text & "',Price='" & TextBox4.Text & "' where Cam_ID='" & TextBox8.Text & "' "

MsgBox("Camera Details is Updated Successfully.")

TextBox8.Text = ""
TextBox9.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
End Sub
Private Sub getempid()
Try
Dim prod As New Random
Dim numbers As Integer = prod.Next(1, 1000000)
Dim digitss As String = numbers.ToString("000000")
TextBox8.Text = digitss
Catch ex As Exception
MsgBox(ex.Message)
End Try
End Sub

TextBox8.Text = ""
TextBox9.Text = ""
TextBox3.Text = ""
TextBox4.Text = ""
TextBox5.Text = ""
TextBox7.Text = ""
End Sub
End Class

Haris 1

Uploaded by

Copyright:

Available Formats

You might also like

Haris 1

Uploaded by

Document Information

Original Description:

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

Haris 1

Uploaded by

Copyright:

Available Formats

19CS1K2170 ONINE CAMERA SHOPPING

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 1

1.1 PROBLEM DEFINITION

1.2 SCOPE OF THE PROJECT

Modules in the software

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 2

 Add to cart module

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 3

2.1 EXISTING SYSTEM

Disadvantage of existing system

2.2 FEASIBILITY STUDY

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 4

Behavioural feasibility is the analysis of behaviour of the computerized system. In this we

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 5

2.3 PROPOSED SYSTEM

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 6

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 7

5. System control and backup or recovery.

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 8

1. User Interface Design

3.1 E-R DIAGRAM

Structure of an Entity Relationship Diagram with Common ERD Notations

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 9

 Entities, which are represented by rectangles. An entity is an object or concept about

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 10

 Derived attribute is based on another attribute. For example, an employee's monthly

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 11

E-R DIAGRAM FOR ONLINE CAMERA SHOPPING

3.2 DATA FLOW DIAGRAM (level 0 and level 1)

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 13

PHYSICAL VS LOGICAL DFD

DATA FLOW SYMBOLS AND THEIR MEANINGS: -

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 14

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

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 15

Level 0 DFD/Context Diagram:

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 16

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 17

3.3 ACTIVITY DIAGRAM

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 18

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 19

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 20

3.4 GANTT CHART

GANTT CHART BENEFITS:

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 21

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 22

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 23

Gantt chart Importance:

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 24

3.5 ARCHITECTURAL DESIGN

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 25

3.6 INPUT/OUTPUT DESIGN

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Home.aspx.vb"

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 26

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 27

<a href="CustomerLogin.aspx">Camera </a>&nbsp;

KRISTU JAYANTI COLLEGE (AUTONOMOUS) Page 28

<a href="CustomerLogin.aspx">Camera </a>

<asp:Button ID="Button2" runat="server" Text="Make