E-commerce Application Screen Shots and User Manual

Chapter 8

Screen Shots and User Manual

Computer Department 76
E-commerce Application Screen Shots and User Manual

8.1 SCREEN SHOTS FOR USER SIDE

1) Home Page

This page is the Home page for the user side. The page will display all the
main features of the E-commerce website.

Computer Department 77
E-commerce Application Screen Shots and User Manual

2) Sign Up

From this page any new user can register him in the website. The page has the
CAPTCHA verification which tests that data entry is done by human and not by
machine.

Computer Department 78
E-commerce Application Screen Shots and User Manual

3) Sign In

From this page user can sign in to our website. If the user forgot his password
he can navigate to Forgot Password page to recover his password. There is also a link
provided for the new user to register him.

Computer Department 79
E-commerce Application Screen Shots and User Manual

4) Forgot Password (Enter User Name)

Here in this page to recover the password user needs to write his username in
UserName field and then submit it.

Computer Department 80
E-commerce Application Screen Shots and User Manual

5) Forgot Password (Password Sent)

This page will be displayed when the user submits his username. The page
displays the secret question. After the user give the answer to the secret question and
if it is correct the password will be sent to his email id.

Computer Department 81
E-commerce Application Screen Shots and User Manual

6) Categories Page

The above page is used to display all the products of particular category like
computers, mobiles, electronics, etc.

Computer Department 82
E-commerce Application Screen Shots and User Manual

7) Search Results Page

The above page is used to display the search results. On the basis of the
parameters passed by user the search results will be displayed. If the user wants to
save his search he can easily save the search to favourite search.

Computer Department 83
E-commerce Application Screen Shots and User Manual

8) Product Description Page

The above page is used to display the full description of the selected product.
Here we have provided the two buttons, which are: Add to Cart and Buy Now. If the
user clicks on Add to Cart button the product will be entered into shopping cart. If the
user clicks on Buy Now button the Order for that particular product will be placed.

Computer Department 84
E-commerce Application Screen Shots and User Manual

9) View Cart (Empty Cart)

The above page will be displayed when the shopping cart is empty and the
user clicks on the view cart link.

Computer Department 85
E-commerce Application Screen Shots and User Manual

10) My Account

This is My Account page, which displays all the information to user, what he
can do from the My Account Panel. This page will show all the links to navigate to
Personal Information, View Cart, Order History, My Messages, Change Password,
Favourite Search and Feedback.

Computer Department 86
E-commerce Application Screen Shots and User Manual

11) Personal Information

This page will display all the information provided by the user. If user wants
to change any of his information he can change it easily from here.

Computer Department 87
E-commerce Application Screen Shots and User Manual

12) View Cart

This page will display all products of the shopping cart, which are added by
the user. The user can update the quantity of the product and he can also delete the
particular product if he doesn’t want to buy that product. If user wants to add more
products to shopping cart he can do it by simply clicking on Continue Shopping
button and if user wants to place order for all the products he can do it by simply
clicking on Check Out button.

Computer Department 88
E-commerce Application Screen Shots and User Manual

13) Check Out

This page is the check out page, which displays the order no and all the items in
that order. The page will also display the shipping address of the user. If the user
wants to cancel the order he can do it by clicking on Cancel Order link. If user
wants to do payment right now then he can do it by clicking on Continue with
Payment button.

Computer Department 89
E-commerce Application Screen Shots and User Manual

14) Payment Mode

This page will display the Mode of Payment from which user can select one of
the payment mode. Here user can select mode of payment from the various mode of
payment provided.

Computer Department 90
E-commerce Application Screen Shots and User Manual

15) Cheque/DD

If the user has selected the payment mode as Cheque/DD this page will be
displayed. The page will provide all the necessary information to complete
payment through cheque or DD.

Computer Department 91
E-commerce Application Screen Shots and User Manual

16) Credit Card Payment Details

If the user has selected the mode of payment as Credit Card the above page
will be displayed. Here user has to fill the information necessary for the credit card.

Computer Department 92
E-commerce Application Screen Shots and User Manual

17) Thank You

After submitting the credit card information the above page will be displayed to
thank the user for he had bought the product from the site.

Computer Department 93
E-commerce Application Screen Shots and User Manual

18) Order History

This page will display all the orders placed by the user with order date and
order status. If user click on order no the order detail will be displayed.

Computer Department 94
E-commerce Application Screen Shots and User Manual

19) Order Details

This page will display the order detail for the particular order. It will display
the products with its id, quantity and price.

Computer Department 95
E-commerce Application Screen Shots and User Manual

20) My Messages

The page will display all the messages, which are sent by the admin to notify
the offers and response to the feedback of the user. When user click on subject field of
the message the whole message will be displayed.

Computer Department 96
E-commerce Application Screen Shots and User Manual

21) Message Details

This page will display the whole message, which the user has selected to
watch.

Computer Department 97
E-commerce Application Screen Shots and User Manual

22) Change Password

Here the user can change his password by providing his current password and
new password, which he wants to replace.

Computer Department 98
E-commerce Application Screen Shots and User Manual

23) Favorite Search

Here the user can see the search from the favourite search he saved. By
selecting his search user can see all the products from favourite search.

Computer Department 99
E-commerce Application Screen Shots and User Manual

24) Feedback

Here user can give the feedback to the administration of the Cyber Mall web
store like suggestion, complains, etc.

Computer Department 100

E-commerce Application Screen Shots and User Manual

8.2 Admin Side Screen Shots

1) Admin Login

From this page administrator can login to the administration panel of the
website.

Computer Department 101

E-commerce Application Screen Shots and User Manual

2) Admin Home

This page is the home page for admin side. The page will display the new
customers added in today’s date and total customers added till today’s date.

Computer Department 102

E-commerce Application Screen Shots and User Manual

3) Add Product

From here the admin can add new products to be sold on the website with the
necessary information like name, category, price, description and image.

Computer Department 103

E-commerce Application Screen Shots and User Manual

4) Add Category

With the help of this page admin can add new category for the website in
which particular products will reside.

Computer Department 104

E-commerce Application Screen Shots and User Manual

5) Update Category

This page will let the admin to update the categories inserted and to delete the
particular category.

Computer Department 105

E-commerce Application Screen Shots and User Manual

6) Update Product

This page will let the administration to update the particular product. To select
a product to be updated user has to select the category and give the name of product in
full and after clicking on search button the product will be displayed, which admin
can update or delete.

Computer Department 106

E-commerce Application Screen Shots and User Manual

7) Update Featured Product

This page will help the admin to update the featured products, which are to be
displayed on the home page of the user side. Here we have tried to give as simple the
interface as can be so the admin can easily update the featured product.

Computer Department 107

E-commerce Application Screen Shots and User Manual

8) Order Master

This page will display all the orders placed by the particular user. When admin
selects the username from the list and click on show order all the order for that
particular user will be displayed. The admin can change the order status and can
delete the order from here.

Computer Department 108

E-commerce Application Screen Shots and User Manual

9) Order Details

This page will display the order details of the particular user’s particular order,
which helps admin to see which products that particular user buys.

Computer Department 109

E-commerce Application Screen Shots and User Manual

10) Payment Master

This page will display payment mode for the particular user. When admin
selects the username from the list and click on show payment mode all the payment
for that particular user will be displayed with its order number. The admin can delete
the payment mode from here.

Computer Department 110

E-commerce Application Screen Shots and User Manual

11) Feedback Messages

This page will display all the feedback messages sent by the user of the
website. When the admin will click on the subject of that feedback the whole
feedback will be displayed.

Computer Department 111

E-commerce Application Screen Shots and User Manual

12) Feedback Message Detail

This page will display the feedback message in detail, which is selected by the
administrator.

Computer Department 112

E-commerce Application Screen Shots and User Manual

13) Compose Message

From this page user can send the message to particular user in response to
user’s feedback or can send some special notification to the user.

Computer Department 113

E-commerce Application Screen Shots and User Manual

14) Change Password

If the administrator wants to change his password he can change his password
from here by providing his current password and new password.

Computer Department 114

E-commerce Application Screen Shots and User Manual

15) Sign Out

This page will be displayed when the administration signs out from the
administrative panel of the E-commerce web site.

Computer Department 115