ABSTRACT

In today’s fast-changing business environment, it’s extremely important to be able to respond to

client needs in the most effective and timely manner. If your customers wish to see your business
online and have instant access to your products or services.

Online Shopping is a lifestyle e-commerce web application, which retails various fashion and
lifestyle products (Currently Men’s Wear). This project allows viewing various products
available enables registered users to purchase desired products instantly using PayPal payment
processor (Instant Pay) and also can place order by using Cash on Delivery (Pay Later) option.
This project provides an easy access to Administrators and Managers to view orders placed using
Pay Later and Instant Pay options.

In order to develop an e-commerce website, a number of Technologies must be studied and

understood. These include multi-tiered architecture, server and client side scripting techniques,
implementation technologies such as ASP.NET, programming language (such as C#) and
relational databases. This is a project with the objective to develop a basic website where a
consumer is provided with a shopping cart application and also to know about the technologies
used to develop such an application.

This document will discuss each of the underlying technologies to create and implement an
ecommerce website.
Design and Implementation of E-Commerce Site for Online Shopping

ACKNOWLEDGEMENTS

We are indebted to our respected Head of the Department Dr. Yashpal Singh for guiding us.
The team is also grateful to our project guide Er. Sharad Yadav, for his invaluable guidance
for this project. We also thank our respected faculty members, Dr. R.N. Verma, Er. Shashank
Gupta of the Computer Science and Engineering department for their indomitable contribution
and guidance without which this project would have been impossible to complete. Our
sincerest thanks to all the teachers, seniors and colleagues whose help and guidance brought
this project to successful completion.
 Design and Implementation of E-Commerce Site for Online Shopping

TABLE OF CONTENTS

ABSTRACT…………………………………………………………………………………………3
ACKNOWLDEGEMENT ………………………………………………………………………4 LIST
OF FIGURES……………………………………………………………………………....6 1.0
INTRDUCTION…………………………………………………..…………..…………...7 2.0
OVERALL DESCSRIPTION………………………………….…………………………7 2.1
DESCRIPTION……………………………………………………………..……7 2.2 USING THE
CODE…………..………………..……………………………….8 2.3 MASTER PAGE
DETAILS…………………....……………………..………8 2.4 WEB PAGES
DETAILS……………………...………………………………..8 2.5 PROJECT
DETAILS……………...………..…………………………………..8 3.0 SYSTEM
REQUREMENT ………………………………………………….……………9 3.1 USE-CASE
DIAGRAM…………… …….……………….……………………9 4.0 ONLINE SHOPPING
APPLICATION………….…………………………………….9
 4.1 HOME PAGE 4.2 CLOTHING PAGE ( PRDUCTS)
 ORDER US PAGE
CONTACT US PAGE
ABOUT US PAGE
TRACK FOR ADMIN
REGISTER PAGE
 LOGIN
 ADMIN PAGE
 ORDER VIEW FOR USER
 PAYPAL FOR PAYMENT
 SUCCESS PAGE
 FAILED PAGE
 DATA MANAGEMENT………………………………………………………………….16 5
DATA DESCRIPTION 5.2 DATA OBJECTS 5.3 DATA TABLE DIAGRAM 5.4
RELATIONSHIPS
 NON-FUNCTIONAL / OPERATIONAL REQUIREMENTS………………….19
 SECURITY 6.2 EFFICIENCY AND MAINTAINABLITY 7.0
 HTML CSS JAVASCRIPT CODE
 TESTING
 CONCLUSION………………………………………………………………………………..19
REFERENCE……………………………………………………………………………………21
 Design and Implementation of E-Commerce Site for Online Shopping

List of Figures
HOME PAGE…………………………………….…………………….10
CLOTHING PAGE (PRODUCTS)………….…………………….10
ORDER US PAGE……………………………….…………………….11
CONTACT US PAGE………………………….………………………11
ABOUT US PAGE……………………………………………………..12
TRACK FOR ADMIN PAGE………………………………………..12
REGISTER PAGE……………………………………………………….13
LOGIN……………………………………………………………………..13
ADMIN PAGE…………………………………………………………..14
ORDER VIEW FOR USER……………………………………………14
PAYPAL FOR PAYMENT…………………………………………….15
SUCCESS PAGE………………………………………………………….15
FAILED PAGE………………………………………………………..….16
 Design and Implementation of E-Commerce Site for Online Shopping

1.0 INTRODUCTION:

E-commerce is fast gaining ground as an accepted and used business paradigm. More and more
business houses are implementing web sites providing functionality for performing commercial
transactions over the web. It is reasonable to say that the process of shopping on the web is
becoming commonplace.

The objective of this project is to develop a general purpose e-commerce store where product like
clothes can be bought from the comfort of home through the Internet. However, for
implementation purposes, this paper will deal with an online shopping for clothes.

An online store is a virtual store on the Internet where customers can browse the catalog and
select products of interest. The selected items may be collected in a shopping cart. At checkout
time, the items in the shopping cart will be presented as an order. At that time, more information
will be needed to complete the transaction. Usually, the customer will be asked to fill or select a
billing address, a shipping address, a shipping option, and payment information such as credit
card number. An e-mail notification is sent to the customer as soon as the order is placed.

2.0 OVERALL DESCRIPTION:

2.1Description:

 Any member can register and view available products.

 Only registered member can purchase multiple products regardless of quantity.
 Contact Us page is available to contact Admin for queries.
 There are three roles available: Visitor, User and Admin.
• Visitor can view available products.
• User can view and purchase products.
• An Admin has some extra privilege including all privilege of visitor and user.
 Admin can add products, edit product information and add/remove product.
 Admin can add user, edit user information and can remove user.
 Admin can ship order to user based on order placed by sending confirmation
mail.
 Design and Implementation of E-Commerce Site for Online Shopping

2.2Using the code:

1. Attach the database in your "SQL Server Management Studio Express".

2. Run the application on Microsoft Visual Studio as web site.
3. Locate the database.

2.3MasterPage details:

 Online Shopping Master Page (Similar Master Page for Visitor, User and Admin)

2.4Web Pages details:

 Home Page
 About Us Page
 Clothing Page
 Order Us Page
 Contact Us Page
 Admin Page
 Login Page
 Register Page
 Track
Design and Implementation of E-Commerce Site for Online Shopping

3.0 SYSTEM REQUREMENTS:

3.1 USE-CASE DIAGRAM:

 Design and Implementation of E-Commerce Site for Online Shopping

4.0 ONLINE SHOPPING APPLICATION:

Anyone can view Online Shopping portal and available products, but every user must login by
his/her Username and password in order to purchase or order products. Unregistered members
can register by navigating to registration page. Only Admin will have access to modify roles, by
default developer can only be an ‘Admin’. Once user register site, his default role will be ‘User’.

4.1 HOMEPAGE: The Home Screen will consist of screen were one can browse through the
products which we have on our website

Figure1: Home Page

 Design and Implementation of E-Commerce Site for Online Shopping

4.2. CLOTHING PAGE (PRODUCTS): This page consists of product details. This page appears
same for both visitors and users.

Figure 2: Clothing Page

4.3 Order Us Page: Registered users can order desired products from here.
 Design and Implementation of E-Commerce Site for Online Shopping

10

Figure 3: Order Us Page

4.4 Contact Us Page: Visitors and Registered users can contact website owners or
administrators from here
 Design and Implementation of E-Commerce Site for Online Shopping

11

Figure 4: Contact Us Page

4.5 ABOUT US PAGE: This page describes about website and owners

Figure 5: About us Page

4.6 Track For Admin Page: Website Administrators can track and ship orders here.
 Design and Implementation of E-Commerce Site for Online Shopping

12

Figure 6: Tracking Page for Admin.

Figure 7: Register Page

4.8 LOGIN PAGE: Login page for both users and administrators.
 Design and Implementation of E-Commerce Site for Online Shopping

13

4.9 Admin Page: Only difference you see in this page is Role: Admin. User and Admin role will
be checked once the page was login and Session [“role”] will be either Admin or User. If
credentials belong to Admin then role will be Admin and if credentials belong to User then
role will be User.

Figure 9: Admin Page

4.10 ORDER VIEW FOR USER: Once users order item they are able to see ordered
products and grand total.
 Design and Implementation of E-Commerce Site for Online Shopping

14

Figure 10: Order View for User

4.11 PAYPAL FOR PAYMENT: Once users orders products they are redirected to payment page.

Figure 11: PayPal Page

 Design and Implementation of E-Commerce Site for Online Shopping

15

Figure 4.12: Success URL

Figure 12: Success URL

FIGURE 4.12: Failed URL

Figure 12: Failed URL

Design and Implementation of E-Commerce Site for Online Shopping

16
 Design and Implementation of E-Commerce Site for Online Shopping

17

6.0 Non-Functional / Operational Requirements

6.1 Security

 Pages of the website must be access in the way they were intended to be accessed.

Included files shall not be accessed outside of their parent file.

 Administrator can only perform administrative task on pages they are privileged to

access. Customers will not be allowed to access the administrator pages.

 Design and Implementation of E-Commerce Site for Online Shopping

18

.2 Efficiency and Maintainability

 Page loads should be returned and formatted in a timely fashion depending on the request

being made.

 Administrators will have the ability to edit the aspects of the order forms, product
descriptions, prices and website directly
 Design and Implementation of E-Commerce Site for Online Shopping

19

*************** CODE OF CART (HTML, CSS JAVASCRIPT)********************

Design and Implementation of E-Commerce Site for Online Shopping

20
Design and Implementation of E-Commerce Site for Online Shopping

21
Design and Implementation of E-Commerce Site for Online Shopping

22
Design and Implementation of E-Commerce Site for Online Shopping

23
Design and Implementation of E-Commerce Site for Online Shopping

24
 Design and Implementation of E-Commerce Site for Online Shopping

25

***************CODE OF CONTENT PART (HTML,CSS , JAVA SCRIPT)************

Design and Implementation of E-Commerce Site for Online Shopping

26
Design and Implementation of E-Commerce Site for Online Shopping

27
Design and Implementation of E-Commerce Site for Online Shopping

28
Design and Implementation of E-Commerce Site for Online Shopping

29
Design and Implementation of E-Commerce Site for Online Shopping

30
Design and Implementation of E-Commerce Site for Online Shopping

31
Design and Implementation of E-Commerce Site for Online Shopping

32
Design and Implementation of E-Commerce Site for Online Shopping

33
Design and Implementation of E-Commerce Site for Online Shopping

34
Design and Implementation of E-Commerce Site for Online Shopping

35
Design and Implementation of E-Commerce Site for Online Shopping

36
Design and Implementation of E-Commerce Site for Online Shopping

37
 Design and Implementation of E-Commerce Site for Online Shopping

38

*****************************CODE OF FOOTER ***********************************

Design and Implementation of E-Commerce Site for Online Shopping

39
Design and Implementation of E-Commerce Site for Online Shopping

40
Design and Implementation of E-Commerce Site for Online Shopping

41
Design and Implementation of E-Commerce Site for Online Shopping

42
Design and Implementation of E-Commerce Site for Online Shopping

43
Design and Implementation of E-Commerce Site for Online Shopping

44
Design and Implementation of E-Commerce Site for Online Shopping

45
Design and Implementation of E-Commerce Site for Online Shopping

46
Design and Implementation of E-Commerce Site for Online Shopping

47
Design and Implementation of E-Commerce Site for Online Shopping

48
Design and Implementation of E-Commerce Site for Online Shopping

49
Design and Implementation of E-Commerce Site for Online Shopping

50
Design and Implementation of E-Commerce Site for Online Shopping

51
Design and Implementation of E-Commerce Site for Online Shopping

52
Design and Implementation of E-Commerce Site for Online Shopping

53
Design and Implementation of E-Commerce Site for Online Shopping

54
Design and Implementation of E-Commerce Site for Online Shopping

55
 Design and Implementation of E-Commerce Site for Online Shopping

56

***********************CODE OF INDEX *********************************

Design and Implementation of E-Commerce Site for Online Shopping

57
Design and Implementation of E-Commerce Site for Online Shopping

58
Design and Implementation of E-Commerce Site for Online Shopping

59
Design and Implementation of E-Commerce Site for Online Shopping

60
Design and Implementation of E-Commerce Site for Online Shopping

61
Design and Implementation of E-Commerce Site for Online Shopping

62
 Design and Implementation of E-Commerce Site for Online Shopping

63

*********************** UI OF WEBSITE*********************************
Design and Implementation of E-Commerce Site for Online Shopping

64
Design and Implementation of E-Commerce Site for Online Shopping

65
 Design and Implementation of E-Commerce Site for Online Shopping

66

TESTING
Website testing can be stated as the process of verifying and validating that a website is
bug free, meets the technical requirements as guided by it’s design and development and
meets the user requirements effectively and efficiently with handling all the exceptional
and boundary cases.

Website Testing can be broadly classified into two types:

1. Manual Testing:

Manual testing includes testing a website manually, i.e., without using any
automated tool or any script. In this type, the tester takes over the role of an end-
user and tests the website to identify any unexpected behavior or bug. There are
different stages for manual testing such as unit testing, integration testing, system
testing, and user acceptance testing.

Testers use test plans, test cases, or test scenarios to test a website to ensure the
completeness of testing. Manual testing also includes exploratory testing, as testers
explore the website to identify errors in it.

2. Automation Testing:

Automation testing, which is also known as Test Automation, is when the tester
writes scripts and uses another software to test the product. This process involves
automation of a manual process. Automation Testing is used to re-run the test
scenarios that were performed manually, quickly, and repeatedly.
 Design and Implementation of E-Commerce Site for Online Shopping

67

Apart from regression testing, automation testing is also used to test the application
from load, performance, and stress point of view. It increases the test coverage,
improves accuracy, and saves time and money in comparison to manual testing.

Website techniques can be majorly classified into two categories:

1. Black box testing:

The technique of testing in which the tester doesn’t have access to the source
code of the software and is conducted at the website interface without concerning
with the internal logical structure of the software is known as black box testing.

2. White Box Testing:

The technique of testing in which the tester is aware of the internal workings
of the product, has access to it’s source code and is conducted by making sure that
all internal operations are performed according to the specifications is known as
white box testing.

Website level testing can be majorly classified into 4 levels:

1. Unit Testing: A level of the software testing process where individual

units/components of a website/system are tested. The purpose is to validate that
each unit of the Website performs as designed.
 Design and Implementation of E-Commerce Site for Online Shopping

68

2. Integration Testing: A level of the so website testing process where individual

units are combined and tested as a group. The purpose of this level of testing is
to expose faults in the interaction between integrated units.

3. System Testing: A level of the software testing process where a complete,

integrated system/website is tested. The purpose of this test is to evaluate the
system’s compliance with the specified requirements.

4. Acceptance Testing: A level of the website testing process where a system is

tested for acceptability. The purpose of this test is to evaluate the system’s
compliance with the business requirements and assess whether it is acceptable
for delivery.
Design and Implementation of E-Commerce Site for Online Shopping

69
 Design and Implementation of E-Commerce Site for Online Shopping

70

Website testing can be divided into two steps:

1. Verification: it refers to the set of tasks that ensure that website correctly
implements a specific function.
2. Validation: it refers to a different set of tasks that ensure that the software that
has been built is traceable to customer requirements.

1. BENEFITE OF PROJECT

While developing the website, an eye has been kept to make it user friendly. As
such one may hope that the app will be acceptable to any user and adequately meet
his/her needs.

This application will help people in many ways:

 It will help to connect with other people.

 Person will feel more motivate.

 Person will receive professional guidance.

 Time will be on your side.

 Person can take advice with Trainer separately.

 Person can connect with his/her trainer at any time.

 Design and Implementation of E-Commerce Site for Online Shopping

71

7.0 Conclusion:

The Internet has become a major resource in modern business, thus electronic shopping has
gained significance not only from the entrepreneur’s but also from the customer’s point of view.
For the entrepreneur, electronic shopping generates new business opportunities and for the
customer, it makes comparative shopping possible.

As per a survey, most consumers of online stores are impulsive and usually make a decision to
stay on a site within the first few seconds. “Website design is like a shop interior. If the shop
looks poor or like hundreds of other shops the customer is most likely to skip to the other site.
Hence we have designed the project to provide the user with easy navigation, retrieval of data
and necessary feedback as much as possible. In this project, the user is provided with an
ecommerce web site that can be used to buy books online. To implement this as a web
application we used ASP.NET as the Technology. ASP.NET has several advantages such as
enhanced performance, scalability, built-in security and simplicity.

To build any web application using ASP.NET we need a programming language such as C#,
VB.NET, J# and so on. C# was the language used to build this application. For the client browser
to connect to the ASP.NET engine we used Microsoft’s Internet Information Services (IIS) as the
Web Server. ASP.NET uses ADO.NET to interact with the database as it provides in-memory
caching that eliminates the need to contact the database server frequently and it can easily deploy
and maintain an ASP.NET application. SQL was used as back-end database since it is one of the
most popular databases, and it provides fast data access, easy installation and simplicity.

A good shopping cart design must be accompanied with user-friendly shopping cart application
logic. It should be convenient for the customer to view the contents of their cart and to be able to
remove or add items to their cart. The shopping cart application described in this project provides
a number of features that are designed to make the customer more comfortable.

This project helps in understanding the creation of an interactive web page and the technologies
used to implement it. The design of the project which includes Data Model and Process Model
illustrates how the database is built with different tables, how the data is accessed and processed
from the tables. The building of the project has given me a precise knowledge about how
ASP.NET is used to develop a website, how it connects to the database to access the data and
how the data and web pages are modified to provide the user with a shopping cart application.
 Design and Implementation of E-Commerce Site for Online Shopping

72

8.0 References:

1. Anne Boehm, Joel Murach, Murach’s ASP.NET 4 Web Programming with C# 2010, 4th
Edition, Murach, 2010.
2. Bryan Syverson, Joel Murach, Murach’s SQL Server 2012 for developers, Murach, 2012.
3. http://www.w3schools.com/
4. http://msdn.microsoft.com/
5. http://agilemodeling.com/
6. http://csharp-video-tutorials.blogspot.co.uk/p/free-dot-net-video-tutorials-for.html
7. http://csharp-video-tutorials.blogspot.com/p/free-aspnet-video-tutorial.html
8. http://csharp-video-tutorials.blogspot.com/p/free-adonet-video-tutorial.html