Sehrish Sana - Online Shopping at Daraz - SDD-1

SEPTEMBER 27, 2019
ONLINE SHOPPING AT DARAZ

SOFTWARE DESIGN DESCRIPTION DOCUMENT
VERSION: 1.0
SEHRISH SANA 173503

SESSION: 2017-2019
Computer Science: Khawaja Fareed Post Graduate
College Rahim Yar Khan
i
Date Description Author Comments
09/28/19f
Version 1.0 Sehrish Sana
Document Approval
The following Software Requirements Specification has been accepted and approved by the following:
Signature Printed Name Title Date

Sir Usman Ghani Supervisor, CSIT 21306 09/28/19
f
ii
Table of Contents
1. INTRODUCTION .....................................................................................................................................................1
1.1 Purpose ...............................................................................................................................................................1
1.2 Scope ..................................................................................................................................................................1
1.3 Overview ............................................................................................................................................................1
1.4 Reference Material .............................................................................................................................................2
1.5 Definitions and Acronyms..................................................................................................................................2
2. SYSTEM OVERVIEW .............................................................................................................................................3
2.1 Technology to be used ........................................................................................................................................3
2.2 Application overview .........................................................................................................................................3
2.3 Design language .................................................................................................................................................3
2.4 General constraints .............................................................................................................................................3
2.5 System Environment ..........................................................................................................................................3
3. SYSTEM ARCHITECTURE ....................................................................................................................................3
3.1 Architectural Design ..........................................................................................................................................4
3.1.1.1 Web Architecture ..........................................................................................................................................4
3.1.1.2 Block Diagram ..............................................................................................................................................5
3.2 Decomposition Description ................................................................................................................................5
3.3 Design Rationale ................................................................................................................................................6
3.4 Use Cases ............................................................................................................................................................6
3.4.1 User Login ........................................................................................................................................................6
3.4.2 Add item to shopping cart ...............................................................................................................................8
3.4.3 Search product ..................................................................................................................................................9
3.4.4 Place order ..................................................................................................................................................... 10
3.4.5 Cancel order ................................................................................................................................................... 11
3.4.6 Update product ............................................................................................................................................... 12
3.4.7 Delete product ................................................................................................................................................ 13
3.4.8 Add product .................................................................................................................................................... 14
3.4.9 Home delivery ................................................................................................................................................ 15
3.4.10 Feedback ...................................................................................................................................................... 16
3.4.11 Bill generator ............................................................................................................................................... 17
3.4.12 Online Transaction ....................................................................................................................................... 18
3.4.13 Reset password ............................................................................................................................................. 19
3.4.14 block customer ............................................................................................................................................. 20
3.4.15 User Logout .................................................................................................................................................. 21
iii
3.5 Class Diagram ................................................................................................................................................... 22
3.5.1 Class Diagram for User .................................................................................................................................. 22
3.5.2 Class Diagram for Login ................................................................................................................................ 23
3.5.3 Class Diagram for Order ................................................................................................................................ 24
3.5.4 Class Diagram for Payment ............................................................................................................................ 25
3.5.5 Class Diagram for shoppingCart .................................................................................................................... 26
3.5.6 Class Diagram for Database ........................................................................................................................... 27
3.5.7 Class Diagram for Product ............................................................................................................................. 28
3.5.8 Online Shopping Class Diagram(complete) ................................................................................................... 29
3.6. Sequence Diagram............................................................................................................................................ 30
3.6.1 Sequence Diagram for Registration form. ...................................................................................................... 30
3.6.2 Sequence Diagram for login. .......................................................................................................................... 31
3.6.3 Sequence Diagram for a customer purchase a product. .................................................................................. 32
3.6.4 Sequence Diagram for Admin update a product ............................................................................................ 33
3.6.5 Sequence Diagram for Place order. ................................................................................................................ 34
3.6.6 Sequence Diagram for Cancel order............................................................................................................... 35
3.6.7Sequence Diagram for Online payment .......................................................................................................... 36
3.7 State Transition Diagram(STD) ........................................................................................................................ 37
3.7.Login ................................................................................................................................................................ 37
3.7.2 Shopping Cart................................................................................................................................................. 37
3.7.3 Order .............................................................................................................................................................. 38
3.7.4 Product ........................................................................................................................................................... 38
3.7.5 Search item ..................................................................................................................................................... 39
3.7.6 Add new item ................................................................................................................................................. 39
3.7.7 Customer ........................................................................................................................................................ 40
3.8 Activity Diagram ............................................................................................................................................... 41
3.8.1 Login .............................................................................................................................................................. 41
3.8.2 Registration .................................................................................................................................................... 41
3.8.3 Order .............................................................................................................................................................. 42
3.8.4 Search product in shopping cart ..................................................................................................................... 43
3.8.5 Payment .......................................................................................................................................................... 44
4. DATA DESIGN ...................................................................................................................................................... 45
4.1 Data Description............................................................................................................................................... 45
4.1.1 Data Objects .................................................................................................................................................. 45
4.1.1.1 User. ............................................................................................................................................................ 45
4.1.1.2 Admin .......................................................................................................................................................... 45
4.1.1.3 Customer ..................................................................................................................................................... 45
iv
4.1.1.4 Login credential........................................................................................................................................... 45
4.1.1.5 Product ........................................................................................................................................................ 46
4.1.1.6 Cloths .......................................................................................................................................................... 46
4.1.1.7 Shoes ........................................................................................................................................................... 46
4.1.1.8 Bags ............................................................................................................................................................. 46
4.1.1.9 Jewellery ..................................................................................................................................................... 47
4.1.1.10 Glasses....................................................................................................................................................... 47
4.1.1.11 Accessories ................................................................................................................................................ 47
4.1.1.12 Mobiles ...................................................................................................................................................... 47
4.1.1.13 Order ......................................................................................................................................................... 48
4.1.1.14 Shipping .................................................................................................................................................... 48
4.1.1.15 Supplier ..................................................................................................................................................... 48
4.1.1.16 Feedback ................................................................................................................................................... 48
4.2 ER Diagram ....................................................................................................................................................... 49
4.3 Data Dictionary ................................................................................................................................................. 50
4.3.1 Admin ............................................................................................................................................................. 50
4.3.2 Accessories ..................................................................................................................................................... 50
4.3.3 Bags ................................................................................................................................................................ 51
4.3.4 Customer ........................................................................................................................................................ 51
4.3.5 Cloth ............................................................................................................................................................... 52
4.3.6 Glasses............................................................................................................................................................ 52
4.3.7 Feedback ........................................................................................................................................................ 52
4.3.8 Jewellery ........................................................................................................................................................ 53
4.3.9 Login .............................................................................................................................................................. 53
4.3.10 Order ............................................................................................................................................................ 53
4.3.11 Product ......................................................................................................................................................... 54
4.3.12 Shoes ............................................................................................................................................................ 54
4.3.13 Shipping ....................................................................................................................................................... 54
4.3.14 Supplier. ....................................................................................................................................................... 55
4.3.15 User. ............................................................................................................................................................. 55
5. COMPONENT DESIGN ......................................................................................................................................... 56
5.1 Registration ....................................................................................................................................................... 56
5.2 Login ................................................................................................................................................................. 57
5.3 User . ................................................................................................................................................................. 59
5.4 Administrator .................................................................................................................................................... 60
5.5 Customer ........................................................................................................................................................... 62
5.6 Product .............................................................................................................................................................. 63
v
5.7 Order. ................................................................................................................................................................ 65
5.8 Shipping ............................................................................................................................................................ 67
5.9 Supplier ............................................................................................................................................................. 69
5.10 Feedback ......................................................................................................................................................... 71
6. HUMAN INTERFACE DESIGN ............................................................................................................................ 73
6.1 Screen Images .................................................................................................................................................. 73
6.1.1 Create Account ............................................................................................................................................... 73
6.1.2 Login .............................................................................................................................................................. 74
6.1.3 Recent order ................................................................................................................................................... 74
6.1.4 Account setting ............................................................................................................................................... 75
6.1.5 Reset password .............................................................................................................................................. 76
6.1.6 Wish list ......................................................................................................................................................... 76
6.1.7 Admin Interface.............................................................................................................................................. 77
6.1.8 Feedback ........................................................................................................................................................ 78
6.1.9 Home Page ..................................................................................................................................................... 79
6.1.10 Jewellery ...................................................................................................................................................... 80
6.1.11 Shoes ............................................................................................................................................................ 81
6.1.12 Stitch cloths .................................................................................................................................................. 82
6.1.13 Unstitched cloths .......................................................................................................................................... 83
6.1.14 Bags .............................................................................................................................................................. 84
6.1.15 Glasses.......................................................................................................................................................... 85
6.1.16 Place order .................................................................................................................................................... 86
6.1.17 Order product ............................................................................................................................................... 87
6.1.18 Update product ............................................................................................................................................. 88
6.1.19 Delete product .............................................................................................................................................. 88
6.1.20 Add product .................................................................................................................................................. 89
6.1.21 Contact us ..................................................................................................................................................... 90
7. REQUIREMENTS MATRIX .................................................................................................................................. 91
vi
Online Shopping at Daraz
1. INTRODUCTION
1.1 Purpose
The main purpose of Software Design Document is to design all main components and
its sub components on this project. Coders of the proposed software use the SDD to known about
components function that perform and its relationship with other components. Tester and
Management of the proposed software also use the Software Design Documents. The SDD
shows how the software system will be structured to satisfy the requirements identified in the
software requirements specification. This document exclusively depict the system at architectural
level including subsystems and their services, hardware mapping, data management, access
control, global software control structure and boundary conditions . Its intended audience is the
project manager, project team, and development team.
1.2 Scope
The purpose of this system is to make better shopping system at “online shopping at
Daraz”. The “online shopping at Daraz “designed to facilitate user by providing online option to
its users. In online shopping at Daraz ‘’ user no need to visit this shop and they purchase clothes,
shoes and accessories by online. In which user visit Daraz website and purchase clothes, shoes
and accessories. This system is designed for time saving of users. For purchase any products user
required to login otherwise they only seen the product. Online stores offer product description,
pictures, comparisons, price and much more. Few examples of these are Amazon.com, ebay.com
and the benefits of online shopping is that by having direct access to consumer ,the online stores
can offer products that fulfilled the needs of consumer. This system saves time and money which
we pay for going into the market. This system provides the variety of products in Men’s and
Women’s Fashion which includes dresses of different brands, shoes, Kid’s products, Electronics
and more other Accessories.
1.3 Overview
First section contain introduction of the project, second section of SD contain system
overview, in this section describe overall system in high level definition. Third section contains
system architecture of the project; main components and its sub components are define in section
SDD Document 1.0 P a g e |1 09/28/19

f
three. Four sections contain data design in this section design the system using Entity
Relationship Diagram and Data Flow Diagram etc. Selection five contains component design, in
which different comments are design. Section six of the SDD contains Human Interface Design
and Last section contains the Requirements Matrix.
1.4 Reference Material

IEEE http://ieeexplore.ieee.org
http://www.Daraz.pk.org
1.5 Definitions and Acronyms

SDD = Software design document
DB= Database
OSS =Online Shopping System
HTML=Hyper Text Markup Language
CSS=Cascading Style Sheet
PHP=Hypertext Preprocessor
UML= Unified modeling language
2. SYSTEM OVERVIEW
2.1 Technology to be used

Different technologies used in online shopping system these are HTML, CSS, PHP,
Bootstrap, JavaScript, MySQL. HTML, CSS and Bootstrap used to make front -end of the
system interacting. JavaScript, MySQL and PHP are used at back-end of the system to perform
functionalities. MySQL database used to store data of billing, invoice, user’s information like
email, password, registration, login and order information of user. PHP used to communicate
with the user of the system.
SDD Document 1.0 P a g e |2

f
09/27/19
2.2 Application overview
Online shopping system is basically developed to help the customers. Online shopping
system is available for all types of customers who want to purchase accessories without going to
market. By using this system user can get all detail about available items. By using this system
user can purchase anything online from available list of items .This system manage customer
detail, order detail, and purchase detail, available items detail, sale details and account detail etc.
2.3 Design language

UML (unified modeling language) used to indicate the design of any system .Entity
Relationship diagram, Data Flow Diagrams, Class Diagrams, Activity Diagrams, Sequence
Diagrams and State Machine Diagrams also used during development of Online shopping
system. These all diagram indicate the design of online shopping system.
2.4 General constraints
This system will be completed using MY SQL relational database. The developer of this
system requires local web server for testing to include Apache web server 2.0, PHP 5.0, My SQL
5.1 or higher.
2.5 System environment

The application is designed to work on all operating systems that can support a current
Media and latest web browser.
3. SYSTEM ARCHITECTURE
3.1 Architectural Design

In online shopping site user that login must be registered and have more rights as
compare to visitors. User can search anything and visit the site without login. Registered user
give feedback and feedback receive by administrator .Record of registered user and record of

f
09/27/19
purchase items store in database. All records are updated by database. This site provides facility
return on damage. Supplier supplies the item and takes payment on delivery.
3.1.1 Architecture design

In online shopping site Internet, Web Application, Web Server and Database are used.
By using TCP/IP desktop computer or Laptop connect with internet. Using Web Application
communication with Web Server, save data in database or get data from database by
communicating web server with database.
3.1.2 Web Architecture
Internet
web application
web Server
Database

f
09/27/19
3.1.3 Block Diagram
User User User User User
Registration Login Shipment Payment Order
Feedback Web Application ShoppingCart
Web Server
Database
3.2 Decomposition Description

Registration procedure is used to register new member and log is used to access his/her
account. Only Register users are log in later, only those people log in, who have their already
register account. User of the site View and download any images. User also comments below the

f
09/27/19
images or share the, only register user share the images on specific social site like Face book etc.
Users may also able to send their feedback about the site and contact with admin to purchase
products.
3.3 Design Rationale
In “Online Shopping at Daraz” MYSQL Database is used because it will give accurate
and fast Results and it is open ended software. My SQL Database is used at Client site and use of
storing information about record for purchase items and record of customers. For Server Site
Language we use PHP because it’s easy and also open ended.
3.4 Use Cases

Use cases of Online shopping System at Daraz are as follows:
3.4.1 User login
System
log in
user user

f
09/27/19
Actor User/Administrator
Precondition User wants to sign in his account.
Post condition The user successfully login his account.
Description User can perform any task after login his account.
Steps 1. User enters his email and password in his

account.
2. System will verify email id and password.
3. If password is correct then user login to his
account successfully.
4. System will show error message if user enters
incorrect password.

f
09/27/19
3.4.2 Add Items to shopping cart
System
login
<<include>>
shopping cart
<<include>>
user user
<<include>>
Add products
logout
Actor User
Precondition User wants to add items to the shopping cart.
Post User successfully adds items to the shopping cart.

condition
Description User can select his desire products and add to the
shopping cart.
Steps 1. User enters his email id and password.
2. System verifies id and password.
3. User searches the desire products.
4. User adds items to the shopping cart.
5. System will reserve the shopping cart.

f
09/27/19
3.4.3 Search product
System
search product
user user
Actor User
Precondition User wants to search the desire items.
Post User successfully searches his desire item.

condition
Description User can found any product without visiting the whole
products.
Steps 1. Admin enter his id and password.
3. User writes the desire product in the search bar.
4. System will show all related products according to the
products in the search bar.

f
09/27/19
3.4.4 Place order
System
<<include>> log in
place order
<<include>>
customer
log out
Actor User
Precondition User wants to place his order to the system.
Post condition User successfully places his order.
Description User can place his order after selecting his products.
Steps 1. User enters his id and password.

3. User adds products in the shopping cart and then
places his order by clicking the button “place
order”.
4. System will take order from the customer.
SDD Document 1.0 P a g e | 10

f
09/27/19
3.4.5 Cancel order
System
<<include>> log in
cancel order
customer <<include>>
log out
Actor User
Precondition User wants to cancel his order which he has placed.
Post condition User successfully cancels his order.
Description User can cancel his order if he does not want to buy it.
Steps 1. User enters his id and password

3. User cancels his order of the shopping cart by clicking he
button “cancel order”.
4. System will cancel the order of the customer.

f
09/27/19
3.4.6 Update product
System
<<include>> log in
control setting
Administrator <<include>>
log out
Actor Administrator
Precondition Administrator wants to change any product.
Post condition Admin successfully update or edit his products.
Description Admin makes any change after login.

3. Admin search the products he wants to change.
4. System will give the related searches.
5. Admin change product according to his requirement.
6. System will show the updated product.

f
09/27/19
3.4.7 Delete product
System
<<include>> log in
Delete product
log out
Actor Administrator
Precondition Administrator wants to delete any product.
Post condition Admin successfully delete the products which he does not
want.
Description Admin delete product after login.

3. Admin search the product he wants to delete.
4. System will give the related searches.
5. Admin delete the required product by clicking the
button on “Delete product”.
6. System will delete the product from the site.

f
09/27/19
3.4.8 Add product
System
<<include>> log in
Add product
log out
Actor Administrator
Precondition Admin wants to add any product to the website.
Post condition Admin successfully add the products which he wants to sell.
Description Admin Add product after login.
Steps 1. Admin enter his id and password

3. Admin add product by clicking on button “Add
product”.
4. System will add the product from the site.

f
09/27/19
3.4.9 Home delivery
System
Home delivery
user user
Actor Administrator/user
Precondition Administrator wants to deliver order at home to the

customer.
Post condition User successfully gets respond to the order.
Description User can make his home delivery possible by it.
Steps 1. User login into account.

2. User clicks on the “shipment” button if he wants to
have home delivery.
3. System will deliver order to the customer at home.

f
09/27/19
3.4.10 Feedback
System
<<include>> login
feedback
<<include>> administrator
user
log out
Actor Administrator and user
Precondition User wants to write his view about system.
Post condition User successfully posts his views.
Description User can give his feedback and administrator can

receive.
Steps 1. User login to his account.
2. User visits the website.
3. User clicks on the “Feedback” option and write
some comments in English sentences.
4. Administrator will take User’s views.

f
09/27/19
3.4.11 Bill generator
System
Bill generator
System system
Actor System
Precondition User wants to pay his amount of shopping items.
Post condition System successfully generates the customer’s bill.
Description System calculates the gross bill which is to be given by the

customer.
Steps 1. User places his order to the system.
2. System generates the bill of order and gives to the
customer.
3. User will pay to the customer according to bill.

f
09/27/19
3.4.12 Online Transaction
System
online transaction
user administrator
Precondition User wants to do online payment through debit card or

credit card.
Post condition User successfully done online transaction.
Description User does online transaction of the order which he has

placed.
Steps 1. User login to his account.
2. User places his order to the system.
3. The system will show a button “online payment”.
4. User selects this button and enters his credit card or
debit card number.
5. System will give his account and amount is transfer
from the user’s account to admin’s account.

f
09/27/19
3.4.13 Reset password
System
Reset password
user administrator
Precondition User wants to change his password.
Post User successfully reset his password.

condition
Description User can change his password by entering his
previous password in the change password option.
Steps 1. User first login his account then he clicks on
button “Reset password”.
2. System will show a form.
3. User first enters his previous password then
enters his new password.
4. System verifies his previous password.
5. User enters the button “Confirm password”.

f
09/27/19
3.4.14 Block customer
System
Block customer
Administrator
Actor Administrator
Precondition Administrator requests system to block unwanted user.
Post condition System responds to the request successfully.
Description Administrator can block the customer who violates the

rules of site by Block user option. by this blocked user
can’t communicate with the website.
Steps 1. Administrator login to his account.
2. Administrator first warns the customer.
3. If customer not follows rules then admin block
customer by the button “Block Customer”.

f
09/27/19
3.4.15 User logout
System
log out
user administrator
Precondition User wants to sign up to his account.
Post condition User successfully log out from his account.
Description User can log out from his account by clicking on the sign
up option.
Steps 1. User login into the account by enter his email id and
password.
2. User logout from account by clicking on the “sign
up” option.
3. System will log out the User’s account.

f
09/27/19
3.5 Class Diagram

3.5.1 Class Diagram for User

f
09/27/19
3.5.2 Class Diagram for Login

f
09/27/19
3.5.3 Class Diagram for Order

f
09/27/19
3.5.4 Class Diagram for Payment

f
09/27/19
3.5.5 Class Diagram for Shopping Cart

f
09/27/19
3.5.6 Class Diagram for Database

f
09/27/19
3.5.7 Class
lass Diagram for Product

f
09/27/19
3.5.8 Online Shopping

hopping Class Diagram (Complete)

f
09/27/19
3.6 Sequence Diagram

3.6.1
.1 Sequence Diagram for Registration Form

f
09/27/19
3.6.2
.2 Sequence Diagram for Login

f
09/27/19
3.6.3
.3 Sequence diagram for customer purchase a product

f
09/27/19
3.6.4
.4 Sequence diagram of Admin update a product

f
09/27/19
3.6.5
.5 Sequence diagram for place order

f
09/27/19
3.6.6
.6 Sequence diagram for cancel order

f
09/27/19
3.6.7
.7 Sequence diagram for online payment

f
09/27/19
3.7 State Transition Diagram (STD)
3.7.1 Login
3.7.2 Shopping Cart

f
09/27/19
3.7.3 Order
3.7.4 Product

f
09/27/19
3.7.5 Search Item
3.7.6 Add new Item

f
09/27/19
3.7.7 Customer

f
09/27/19
3.8 Activity Diagram

3.8.1 Login
3.8.2 Registration
Enter Registration Detail
Submit
Insuring Detail
Insuring detail from database
Unmatched
Reject
Matched
Accept

f
09/27/19
3.8.3 Order

f
09/27/19
3.8.4 Search product in shopping cart

f
09/27/19
3.8.5 Payment

f
09/27/19
4. DATA DESIGN
4.1 Data Description
MYSQL database is used for storing information of online shopping system (at Bonanza).PHP
script is used for manipulating data getting data and place data in MYSQL database.
4.1.1 Data objects

4.1.1.1 User
Name: name of the user
Type: Describe the type of user whether it is admin or customer
Address: Describe the address of the user
4.1.1.2 Admin:
Id: Id of the Admin to uniquely identify the Admin of the site
Name: Name of the admin
Phone Number: phone number of the admin
Gender: Gender of the admin
Address: Address of the admin
4.1.1.3 Customer:
Id: Describe id of the customer
Name: Describe name of the customer
Password: Describe password of the customer
Email: Describe email of the customer
Gender: Describe gender of the customer
Date of birth: Describe data of birth of customer
4.1.1.4 Login credential:

Name: Describe name of the customer
Password: Describe password of the customer
Email: Describe email of the customer

f
09/27/19
Address: Address of the customer

Phone Number: phone number of the customer
4.1.1.5 Product:
Name: Describe name of the product
Id: Describe id of the product
Price: Describe price of the product
Quantity: Describe quantity of the product
4.1.1.6 Cloths:
Design: Describe the design of the cloth
Color: color of the cloth
Size: size of the cloth
Stitch: describe cloth is stitch
Unstitch: describe cloth is unstitch
Price: price of the cloth
4.1.1.7 Shoes:
Design: Describe the design of the shoes
Color: color of the shoes
Size: size of the shoes
Price: price of the shoes
4.1.1.8 Bags:
Design: Describe the design of the bags
Color: color of the bags
Size: size of the bags
Price: price of the bags

f
09/27/19
4.1.1.9 Jewellery
Design: Describe the design of the jewellery
Color: color of the jewellery
Size: size of the jewellery
Price: price of the jewellery
Type: Type of the jewellery
4.1.1.10 Glasses:
Design: Describe the design of the glasses
Color: color of the glasses
Price: price of the glasses
Type: Type of the glasses
4.1.1.11 Accessories:
Design: Describe the design of the accessories
Color: color of the accessories
Size: size of the accessories
Price: price of the accessories
Type: Type of the accessories
4.1.1.12 Mobiles:
Design: Describe the design of the Mobile
Color: color of the Mobile
Size: size of the Mobile
Price: price of the Mobile
Type: Type of the Mobile

f
09/27/19
4.1.1.13 Order:
Customer id: Id of the customer
Order id: Id of the order
Order date: date of the order
Quantity: Quantity of the order
Password: Password of the order
4.1.1.14 Shipping:
Customer email: Email of the customer
Customer name: Name of the customer
Location: Location of the customer
Quantity: Quantity of the order that ship to the customer
Order time: order time for shipment
Delivery time: delivery time of shipping
4.1.1.15 Supplier:
Phone Number: phone number of the supplier
Name: Name of the supplier
Id: Id of the supplier
Work area: Work area of the supplier
4.1.1.16 Feedback:
Comment: comment about site and services
Customer id: Id of the customer
Feedback id: Id of the feedback
Feedback type: Type of the feedback
Feedback description: Description of the feedback

f
09/27/19
4.2 E-R
R Diagram for Online Shopping System

f
09/27/19
4.3 Data Dictionary
4.3.1 Admin
Parameter Parameter Type

Name: String
Id: Int
Phone no: Int
Gender: String
Address: string
4.3.2 Accessories

Design: String
Color: String
Size: Int
Price: int
Type: string

f
09/27/19
4.3.3 Bags

Design: String
Color: String
Size: Int
Price: int
Type: String
4.3.4 Customer

Name: String
Id: Int
Phone no: Int
Gender: String
Address: String

f
09/27/19
4.3.5 Cloth

Design: String
Color: String
Size: Int
Price: Int
Type: String
Stitch: String
Unstitch: String
4.3.6 Glasses

Design: String
Color: String
Size: Int
Price: Int
4.3.7 Feedback

Comment: String
Customer Id: String
Feedback: String
Feedback id: String
Description: String

f
09/27/19
4.3.8 Jewellery

Design: String
Color: String
Size: Int
Price: Int
Type: String
4.3.9 Login

Name: Char
Phone no: Int
Password: String
Email: String
Address: String
4.3.10 Order
Customer Id: String
Order Id: String
Password: String
Quantity: Int
Order date: String

f
09/27/19
4.3.11 Product
Product Id: String
Product name: String
Price: Int
Quantity: Int
4.3.12 Shoes
Design: String
Color: String
Size: Int
Price: Int
Type: String
4.3.13 Shipping
Customer Name: String
Customer Email: String
Location: String
Quantity: Int
Order Date: String
Delivery Time: String

f
09/27/19
4.3.14 Supplier

Supplier Id: String
Supplier Name: String
Phone no: String
Work area: String
4.3.15 User

User Name: Char
Email: String
Phone no: Int
User Type: Char
Address: String

f
09/27/19
5. COMPONENT DESIGN
5.1 Registration
f
Class Name: Registration

Brief Description: Registration class used to explain the attributes and methods that help to
register user at online shopping system by getting different information about user. User first
Name, Last Name, Email, Password, Phone No, gender and address.
Attributes( Fields ) Attributes Description

Name: string Refer the name of user.
Phone No: string Refer the phone number of user
Address: string Refer the address of user
Email: string Refer the Email of user
Password: string Refer the password of user
Methods Methods Description
get Name() get Name() Method is used to get the name of

the user
Pseudo Code
1. Database Connection is created.

2. Get name used return the name.
set Name() set Name() Method is used to set the name of

the user
Pseudo Code
1. Database connection is created.

2. Set name used to set the name.
CreateNewAccount() CreateNewAccount() method is used to create

account of new user
Pseudo Code

f
09/27/19
1. User enters first name, last name, email,

Password, gender and address.
2.validation of account form is performed
if User fill all necessary information
show “successfully created user account”
3. Else if any field is missing from necessary
information show “fill all necessary fields”
5. User information stored in database
5.2 Login
Class Name: Login
Brief Description: Login Credentials class explains all attributes and methods that helps in login
of user. User have to enter his/her email, password to login and phone number is required to set
forget password and for reset password. Any user can login and logout.

Customer Name: string Refer the name of customer.
Phone No: string Refer the phone number of user
Email: string Refer the Email of user
Password: string Refer the password of user
login() login() method used to get access after login in

user account
Pseudo Code
1. Only user login that must be registered.
2. For login user enter name and email.
4. Verify information from MY SQL database.
5. If information verify Show “ login
successfully”
6 .Else if information is not correct Show
“Enter correct information”
7. Display website page after login successfully

f
09/27/19
logout() logout () method is used to end session of

access
Pseudo Code

2. User click logout button for logout.
resetPassword() resetPassword() method to set new password

while user have to know his current password
Pseudo Code
1. User must know his/her previous password.

3. Enter his/her previous password.
4.Validation is performed
If previous password match with store
password Show“ reset password” Else
Show “enter correct previous password ”
forgetPassword() forgetPassword() method used to set new

password when user forget his account
password
Pseudo Code
1. Database connection
is created.
2.if user forget password
Show “Enter your phone number”
3.if phone number is matched
Show “set your new password”
Else
Show “enter your correct password”.
setPassword() setPassword() method used to set

password when account is newly created
Pseudo code
1 .Database connection is created.

2.validation is performed
If user enter 4 or more character password
Show “successfully set password”
3.Else if user enter less than 4 character

f
09/27/19
Show “ enter 4 or more character
5.3 User
Class Name: User
Brief Description: user class used to explain all the attributes and methods that define all the activities of
user

User Name: string Refer the name of User.
User Type: string Refer the type of user
userLogin() User can use userLogin() function for Login to

this website.
Pseudo Code
1. Only user login that must be registered.
2. For login user enter name and email.
4. Verify information from MY SQL database.
5. If information verify Show “ login
successfully”
6 .Else if information is not correct Show
“Enter correct information”
7. Display website page after login successfully
viewProductDetail() User can use viewProductDetail() function to

view all available product detail
Pseudo Code

2.user enter required product in search bar
3.Validation is performed
If search product match with any product
that store in database than
“User can view product detail”. .

f
09/27/19
userRegistration() User use userRegistration() function for

registration
Pseudo Code
1. User enters first name, last name, email,

Password, gender and address.
2.validation of account form is performed
if User fill all necessary information
show “successfully registered”
3. Else if any field is missing from necessary
show “not successfully registered”
4.Database connection is created
5.All user information stored in database
viewSearchResult() User can view search result by using

viewSearchResult() function
Pseudo code
1 .Database connection is created.

2.validation is performed
If search product match with any product
that store in database than
“user can view search result”
5.4 Administrator
Class Name: Administrator
Brief Description: Admin manage this website by using attributes and perform different
functions. Attributes are admin id, admin name, phone number, address and gender. Admin can
perform different functions to manage this website these are adding product detail, delete product
detail, update product detail and edits product detail.

Admin Name: string Refer the name of Admin
Phone No: string Refer the phone number of Admin
Address: string Refer the address of Admin
Admin Id: int Refer the id of Admin
Gender: string Refer the gender of Admin

f
09/27/19
setAdminName() setAdminName() function used to set the name

of admin
Pseudo Code
1.database connection is created
2. Set name used to set the name of the admin.
getAdminName() getAdminName() function used to set the name

of admin
Pseudo Code

2. Get name used to set the name of the admin.
addProductDetail() addProductDetail() function used for admin to

add product detail
Pseudo Code
2.if new products are available than
“Admin add product detail ”
3.If products add
Show “products detail add successfully”
deleteProductDetail() deleteProductDetail () function used for admin

to delete product detail
Pseudo Code

2.if new products are unavailable than
“Admin delete product detail ”
3.If products add
Show “products detail delete successfully”
modifyProductDetail() modifyProductDetail () function used

admin for modify the product data

f
09/27/19
Pseudo code

2.if products are available than
“Admin modify product detail ”
3.if products modify
Show “product detail modify successfully”
5.5 Customer
Class Name: Customer
Brief Description: Customer by using this website order, view and purchase product. For
purchase any product customer must be login they enter customer id, name, email, password,
gender and date of birth. Customer can add , delete ,update ,edit his/her detail.

Customer Name: string Refer the name of customer
Phone No: string Refer the phone number of customer
Address: string Refer the address of customer
Customer Id: int Refer the id of customer
Gender: string Refer the gender of customer
addCustomerDetail() addCustomerDetail() method used to add

customer data
Pseudo Code
2.user click on add more detail button
Show” add more detail”
3.if user add more detail than
Show” successfully added customer detail”
.
deleteCustomerDetail() deleteCustomerDetail() method used to delete
the customer data
Pseudo Code

f
09/27/19

2.user click on delete more detail button
Show” delete more detail”
3.if user delete more detail than
Show” successfully deleted customer detail
viewCustomerDetail() viewCustomerDetail() method used to view
customer detail
Pseudo Code
2.customer click login button
3.if his/her account already on website
Customer view his/her detail
5.6 Product
Class Name: Product
Brief Description: By using this website customer can view product id, product name,
and product quantity and product price. Admin can add product detail, delete product detail and
update product detail. Customer can view search product detail and edit product detail.

Product Name: string Refer the name of product
Price: int Refer the price of product
Product Id: int Refer the id of product
Quantity: string Refer the quantity of product
addProductDetail() addProductDetail () method used to add

product detail
Pseudo Code
1. User must be login for add products in
shopping cart.
3.display website page
4.if connection successfully establish
Show “ select product for add ”
5.Else if connection not successfully establish

f
09/27/19
Show “ Error in database connection
deleteProductDetail() deleteProductDetail () method used to delete

product detail
Pseudo Code
1. User must be login

for delete products from
shopping cart.
Show “delete products successfully ”
Show “ Error in database connection”
searchProductDetail() searchProductDetail() function used for admin

to search product detail
Pseudo Code
1. For search product login is not required.
3. If connection created successfully
Show “search products successfully ”
5. Else if connection not successfully establish

Pseudo Code

3.If products add
modifyProductDetail() modifyProductDetail() function used

admin for modify the product data

f
09/27/19
Pseudo code

2.if products are available than
“Admin modify product detail ”
3.if products modify
Show “product detail modify successfully”
editProductDetail() editProductDetail () function used by
admin to edit the product data
Pseudo Code
1. User must be login for edit products from
Shopping cart.
Show “Edit products successfully ”
5.7 Order
Class Name: Order
Brief Description: By using this website customer can place order, delete order, change order or
cancel order and view product quantity and product price. Admin view order detail and make the
shipping possible. Customer selects the products and adds products to the shopping cart then order
is delivered to the customer.

Customer id: string Refer the Id of customer
Order Id: string Refer the Id of order
Password: string Refer the password of order
Quantity: int Refer the quantity of order
Order Date: string Refer the date of order

f
09/27/19
confrmOrder () confrrmOrder() method used to confirm order

detail
Pseudo Code
1. User must be login for giving order.
2. Select product for order.
4. Take confirmation from user.
5.If user confirms the order
Show “order confirm successfully”
6.Else
Show “cancel order”
cancelOrder() cancelOrder () method used for cancel order
Pseudo Code
1. User must be login for cancel order.

4.If user cancel the order
Show “order cancel successfully”
updateOrder() updateOrder() method used to update order

detail
Pseudo Code
1. User must be login for update order.
2. Select product for update order.
5.If user update the order

Pseudo Code


f
09/27/19
3.If products add

placeOrder() placeOrder() method used to place order

detail
Pseudo code
1. User must be login for place order.

2. Select product for place order.
5.If user place the order
Show “order place successfully”
6.Else
Show “cancel order”
trackOrder() trackOrder method is used to track the order

detail
Pseudo Code
1. User must be login for track order.
2. Select location for track order.
5. When user confirm the order track the order.
5.8 Shipping
Class Name: Shipping
Brief Description: When customer purchase any product or click on confirm order then order is
Shipped to the customer. For ship any order shipment of order assign to the supplier according to
his working area.

Customer Name: string Refer the name of customer
Email: string Refer the email of customer
Password: string Refer the password of customer

f
09/27/19
Quantity: int Refer the quantity of products to be shipped

Order Date: string Refer the date of order
Order Time: string Refer the time of order
Location: string Refer the place where order is to be shipped
shipping() shipping() method is required when order is to

be shipped.
Pseudo Code
1.database connection is
created
2.order confirm from customer
3.order assign to supplier according to his
working area
4.shipment is done
deleteShippingDetail() deleteShippingDetail () method is used to delete

the shipping detail
Pseudo Code

2.if products are shipped than
“Admin delete shipping detail ”
3if detail delete
Show “shipping detail delete successfully ”
updateShippingDetail() updateShippingDetail() method is used to

update the shipping detail
Pseudo Code
2.if products are add or delete than
“Admin update shipping detail ”
3if detail delete
Show “shipping detail update successfully”
addShippingDetail() addShippingDetail () method is used to add the

shipping detail

f
09/27/19
Pseudo Code
1. Database connection is created

2. If products are selected
“Admin add product to shipping detail ”
3. If detail add
Show “products detail add successfully ”
shippingCharges() shippingCharges() method is used for shipping

charges.
Pseudo code

2.order shipped according to the working area
3.if area outside the range Shipping charges
increase according the area
4.if area in range Shipping charges is less
according the area
5.9 Supplier
Class Name: Supplier
Brief Description: Supplier supplies the order that confirm the customer. Each supplier must
assign area for supply the order .Supplier give his/her name, phone number and id to the admin

Phone no: Int Refer the phone no of supplier
Name: string Refer the name of supplier
Supplier Id: string Refer the Id of supplier
Work area: int Refer the area where order is to be shipped
supplyItem() supplyItem() method used when order

is supply by supplier
supplier supplies items to the admin.

Pseudo Code

f
09/27/19

2.if customer place the order
Show” supply item to the customer”
takePayment() takePayment() method used for take payment

from customer
Pseudo Code

2.if customer place the order
Show” supply item to the customer”
3. when supplier supply the item take payment
From customer after delivery.
updateSupplyItem() updateSupplyItem() method used to add item to

the list that supply t
Pseudo Code
2.if admin want to remove and add the item
from
supply item list
Show “update supply list”
3.if list update successfully
Show “successful update list”
addSupplyItem() addSupplyItem() method used to update

supply item list
Pseudo Code

2.if customer select more item then
Show “add item in supply list”
3.then admin add item in supply list
4.if add item in supply list
Show “successfully add item in supply list”
deleteSupplyItem() deleteSupplyItem() method used for

delete item from list
.
Pseudo code

f
09/27/19

2.if admin want to remove the supply item list
Show “delete from supply list”
3.if remove items from supply list
Show “successfully delete items from supply
list”
5.10 Feedback
Class Name: Feedback
Brief Description: Feedback is commenting that give user after using this website. Admin take
Feedback and give response to the customer. By using this comment web site can be made better
for the customer of this website.

Comment: string Refer the comment of user.
User Name: string Refer the name of user who comment
giveFeedback() giveFeedback() method is used by customer to

give feedback
Pseudo Code

2.customer give feedback
3.feedback dialog box open
4.if dialog box open successfully
Show “enter comment”
Else
Show” error in database connection”
viewFeedback() viewFeedback() method is used to view the

customer comment
Pseudo Code

f
09/27/19

2.click on view feedback
3.if feedback dialog box open
Show “open dialog box successfully”
Else
Show “error in database connection”
response() Response() method is used to response the

customer’s comment
Pseudo Code
2.admin view customer comment
3.if admin view comment
Show “give response to the customer”
Else
Show “error in database connection”

f
09/27/19
6. HUMAN INTERFACE DESIGN

6.1 Screen Images
6.1.1 Create Account
Create Account
First Name Last Name
Email Address
Password
Phone No
Date Month Year
Address
Male
Female
Signup

f
09/27/19
6.1.2 Login
Login
Username
Password
Login
Remember me Forget password

New Customer?
Register Here
6.1.3 Recent order

f
09/27/19
6.1.4 Account setting

f
09/27/19
6.1.5 Reset Password
6.1.6 Wish list

f
09/27/19
6.1.7 Admin Interface

f
09/27/19
6.1.8 Feedback

f
09/27/19
6.1.9 Home Page
Home page
6.1.10 Jewellery

f
09/27/19
6.1.10 Jewellery

f
09/27/19
6.1.11 Shoes

f
09/27/19
6.1.12 Stitch Cloths

f
09/27/19
6.1.13 Unstitch Cloths

f
09/27/19
6.1.14 Bags

f
09/27/19
6.1.15 Glasses

f
09/27/19
6.1.16 Place order

f
09/27/19
6.1.17 Order product

f
09/27/19
6.1.18 Update product
6.1.19 Delete product

f
09/27/19
6.1.20 Add product

f
09/27/19
6.1.21 Contact Us

f
09/27/19
7. REQUIREMENTS MATRIX
Components User Logi Custome Produc Orde ShoppingCar Databas Administrato

: n r t r t e r
Use cases:
UC 3.4.1
x x
UC 3.4.2 x X x
UC 3.4.3 X
x
UC 3.4.4 x x
x
UC 3.4.5 x x
X
UC 3.4.6 X
X X
UC 3.4.7 X X X

f
09/27/19
Components Produc Administrato Feedbac Databas Shipmen Custome Logou

: t r k e t r t
Use cases:
UC 3.4.8 X X
x
UC 3.4.9 X x
UC 3.4.10 X x X
UC 3.4.11 X X
UC 3.4.12 x X x
UC 3.4.13 x x x
UC 3.4.14 x X
x
UC 3.4.15 x x X

f
09/27/19

Sehrish Sana - Online Shopping at Daraz - SDD-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

Sehrish Sana - Online Shopping at Daraz - SDD-1

Uploaded by

Copyright:

Available Formats

SEPTEMBER 27, 2019

ONLINE SHOPPING AT DARAZ

SEHRISH SANA 173503

Signature Printed Name Title Date

SDD Document 1.0 P a g e |1 09/28/19

1.4 Reference Material

1.5 Definitions and Acronyms

2.1 Technology to be used

SDD Document 1.0 P a g e |2

2.2 Application overview

2.3 Design language

2.4 General constraints

2.5 System environment

3.1 Architectural Design

SDD Document 1.0 P a g e |3

3.1.1 Architecture design

3.1.2 Web Architecture

SDD Document 1.0 P a g e |4

3.1.3 Block Diagram

User User User User User

Registration Login Shipment Payment Order

Feedback Web Application ShoppingCart

3.2 Decomposition Description

SDD Document 1.0 P a g e |5

3.3 Design Rationale

3.4 Use Cases

SDD Document 1.0 P a g e |6

Precondition User wants to sign in his account.

Post condition The user successfully login his account.

Steps 1. User enters his email and password in his

SDD Document 1.0 P a g e |7

3.4.2 Add Items to shopping cart

Precondition User wants to add items to the shopping cart.

Post User successfully adds items to the shopping cart.

SDD Document 1.0 P a g e |8

3.4.3 Search product

Precondition User wants to search the desire items.

Post User successfully searches his desire item.

SDD Document 1.0 P a g e |9

3.4.4 Place order

Precondition User wants to place his order to the system.

Post condition User successfully places his order.

Steps 1. User enters his id and password.

SDD Document 1.0 P a g e | 10

3.4.5 Cancel order

Precondition User wants to cancel his order which he has placed.

Post condition User successfully cancels his order.

Steps 1. User enters his id and password

SDD Document 1.0 P a g e | 11

3.4.6 Update product

Precondition Administrator wants to change any product.

Post condition Admin successfully update or edit his products.

Description Admin makes any change after login.

Steps 1. Admin enter his id and password.

SDD Document 1.0 P a g e | 12

3.4.7 Delete product

Precondition Administrator wants to delete any product.

Steps 1. Admin enter his id and password.

SDD Document 1.0 P a g e | 13

3.4.8 Add product

Precondition Admin wants to add any product to the website.

Description Admin Add product after login.