DesignandImplementationofE-CommerceSiteforOnlineShopping

1
 DesignandImplementationofE-CommerceSiteforOnlineShopping

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 productsavailable 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 e- commerce website.
DesignandImplementationofE-CommerceSiteforOnlineShopping

4
DesignandImplementationofE-CommerceSiteforOnlineShopping

5
 DesignandImplementationofE-CommerceSiteforOnlineShopping

1.0 INTRODUCTION:

E-commerce isfast gaining ground asan accepted and used

businessparadigm.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
orderis placed.

OVERALLDESCRIPTION:

Description:

 Anymembercan registerand viewavailableproducts.

 Onlyregisteredmembercan purchasemultipleproductsregardlessof
quantity.
 ContactUspage isavailabletocontactAdminforqueries.
 Therearethreerolesavailable:Visitor,UserandAdmin.
 Visitorcanviewavailable products.
 Usercan viewandpurchaseproducts.
 AnAdminhassomeextraprivilegeincludingallprivilegeof
visitorand user.
 Admincanaddproducts,editproductinformationandadd/
DesignandImplementationofE-CommerceSiteforOnlineShopping

removeproduct.
 Admincan adduser,edituserinformationandcan remove user.
 Admincanshipordertouserbasedonorderplacedbysending
confirmation mail.
 DesignandImplementationofE-CommerceSiteforOnlineShopping

Usingthecode:

1. Attachthedatabaseinyour"SQLServerManagement StudioExpress".
2. Runthe applicationonMicrosoftVisualStudioaswebsite.
3. Locatethe database.

MasterPagedetails:

 OnlineShoppingMasterPage(SimilarMasterPageforVisitor,Userand
Admin)

WebPages details:

 HomePage
 AboutUsPage
 ClothingPage
 OrderUsPage
 ContactUsPage
 AdminPage
 LoginPage
 RegisterPage
 Track
ProjectDetail:
 DesignandImplementationofE-CommerceSiteforOnlineShopping

2.0 SYSTEMREQUREMENTS:

USE-CASEDIAGRAM:
 DesignandImplementationofE-CommerceSiteforOnlineShopping

10

3.0 ONLINESHOPPINGAPPLICATION:

Anyone can view Online Shopping portal and available products, but
every user must login by
his/herUsernameandpasswordinordertopurchaseororderproducts.Unregis
teredmembers 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’.

HOMEPAGE:TheHomeScreenwillconsistofscreenwereonecanbro
wsethroughthe products which we have on our website

Figure1:HomePage
 DesignandImplementationofE-CommerceSiteforOnlineShopping

11

4.2.CLOTHINGPAGE(PRODUCTS):Thispageconsistsofproductdet
ails.Thispageappears same for both visitors and users.

Figure2: ClothingPage

OrderUsPage: Registereduserscanorderdesiredproductsfromhere.

Figure3: OrderUsPage
 DesignandImplementationofE-CommerceSiteforOnlineShopping

12

ContactUsPage:VisitorsandRegistereduserscancontactwebsiteo
wnersor administrators from here

Figure4: ContactUs Page

ABOUTUSPAGE:Thispagedescribesaboutwebsiteandowners
Figure5: Aboutus Page
 DesignandImplementationofE-CommerceSiteforOnlineShopping

13

TrackForAdminPage:WebsiteAdministratorscantrackandshipordershere.

Figure6:TrackingPage for Admin.

REGISTERPAGE:Newuserscanregisterhere
 DesignandImplementationofE-CommerceSiteforOnlineShopping

14

Figure7:RegisterPage
 DesignandImplementationofE-CommerceSiteforOnlineShopping

15

LOGIN PAGE:Loginpageforbothusersandadministrators.

Admin Page: Only difference you see in this page is Role:

Admin. User and Admin role willbe 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.

Figure9: AdminPage
 DesignandImplementationofE-CommerceSiteforOnlineShopping

16

ORDER VIEW FOR USER: Once users order item they are
able to see ordered products and grand total.

Figure10:OrderViewforUser

PAYPAL FOR PAYMENT: Once users orders products

they are redirected to payment page.

Figure11:PayPalPage
 DesignandImplementationofE-CommerceSiteforOnlineShopping

17

Figure4.12:SuccessURL

Figure 12: Success

URL

FIGURE4.12:FailedU

RL

Figure12: Failed URL

 DesignandImplementationofE-CommerceSiteforOnlineShopping

18

4.0 DataManagement

Data Description

Thisdatabaseconsistsof

 Users:UserandAdmininformationisaddedtodatabasewithUni
queIDbased on their roles.
 Shopping:Completeproductsinformationisstored inthistable.
 Orders:Customerorderedproducts,statusanddeliveryinformat
ionisstoredin this table.

DataObjects

 User:ID,UserName,Password,Email,Role
 Shopping:ID,Product,ProductID,Cost, Category,Image,
Description
 Orders:ID,Client,Product,Quantity,Price,Date,OrderShipped
DatabaseTable Diagram
 DesignandImplementationofE-CommerceSiteforOnlineShopping

19

Relationships:
 DesignandImplementationofE-CommerceSiteforOnlineShopping

20

5.0 Non-Functional/OperationalRequirements

Security

 Pagesofthewebsitemustbeaccessinthewaytheywereintendedtobeaccesse
d.

Includedfilesshallnotbeaccessedoutsideoftheirparent file.

 Administratorcanonlyperformadministrativetaskonpagestheyarepri

vilegedto access. Customers will not be allowed to access the

administrator pages.

EfficiencyandMaintainability

 Pageloadsshouldbereturnedandformattedinatimelyfashiondependin

gonthe request being made.

 Administratorswillhavetheabilitytoedittheaspectsoftheorderforms,p
roduct descriptions, prices and website directly

6.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 ofview. For the
entrepreneur, electronic shopping generates new business opportunities
and for the customer, it makes comparative shopping possible.
 DesignandImplementationofE-CommerceSiteforOnlineShopping

21

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 e- commerce 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.
 DesignandImplementationofE-CommerceSiteforOnlineShopping

22

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 databaseto access the data and how the data and
web pages are modified to provide the user with a shopping cart
application.
 DesignandImplementationofE-CommerceSiteforOnlineShopping

23

7.0 References:

1. AnneBoehm,JoelMurach,Murach’sASP.NET4WebProgramming
withC#2010,4th Edition, Murach, 2010.
2. BryanSyverson,JoelMurach,Murach’sSQLServer2012fordevelopers,M
urach,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