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
