This document presents an online retail management and order processing system for a camera store called Panora Camera Inc. It describes the system's advantages like dynamic data retrieval and easy search. The front end is designed using HTML5, CSS3, jQuery and JavaScript for a rich look. The back end uses an MVC model and stores data in databases for products, categories, users, orders and images. Sessions and cookies are used to track users and shopping cart items. Passwords are encrypted using SHA1 hashing for security. The presentation demonstrates the system and provides references.

1. PRESENTED BY: SEELAN
Session url: http://142.132.145.50/3909-001-010/index.jsp
Online Retail Management
and Order processing System

2. ADORAMA CAMERA STORE. (2014, 02 04).
Retrieved from http://www.adorama.com/
Acknowledgement

3. Panora Camera Inc is an online retail store,
 Selling cameras,
 camcorders,
 lenses,
 and accessories.
Introduction:

4. Audience:
• Camera buyers and visitors to get the information about the
latest camera products.
Purpose:
• Enable customers to browse camera products,
• Easy organized view: Each products are divided up to sub
categories according to their company name.
• Quick Search: it enables users to search the keywords to look for
an item.
Audience & Purpose:

5. Advantages:
 Dynamic data retrieval
 User friendly GUI
 Easy to maintain
 Quick search
 Integrated Map

6.  The cookies and use of cookies was improved from
previous version
 The pages which users should not access were corrected
by using the page direction technique, for example the
controller will determine whether the user is registers or
new user according to this session tracking if the user’s is
first time visitor, and which pages are not allowed to
access directly will be redirect to the index page.
 The google map integration was improved from previous
version, the location of the head office were added to
the map, and label also included.
Revision:

7. HTML5, CSS3, JQuery & JavaScript
 Rich Look
 Provides Features Such As Toggle Animation To The Top
Login Bar, Its Gave Easy Way To Implement Slider
 Light Effects On The Product divs, And Images
 Also HTML5 Features Reduce The Error Validation On
Server Side, It Handle The User Input Validation On Client
Side
 Google Map API Allows To Integrated Map Very Easily.
Front end design:

8. Back end design:
Customer
Registration Customer
Login
Adds
products to
cart
Customer
Buy Products
View orders
Search
products
Manage
accounts
Customer
Logout
Customer / Visitor

9. MVC MODEL

10. Database Design:
Products Category Subcategory
Product-
company
User
Sales
Order
UserdetailsImages

11. • Cookies:
• To remembering usernames and passwords.
 It allows a user to log in automatically,
 Also I have set maximum age for cookies is 24hours
• Sessions:
• User session
 To track the user’s activity such as browsing products, adding items to
the shopping cart.
 To display the product’s category or subcategories were used sessions,
further filter the product according to the user’s preferences.
 Also to remove user’s products filters.
 To keep tracking shopping items for a particular user.
 To display items on the shopping cart, keeping adding items until they
check out.
Cookies and Sessions:

12. • Secure shell SHA1 algorithm used to encrypt the password:
SHA1 is a hash function, it is expressed as 160 bit hex number.
example,
if password in plain text : Winnipeg,
SHA1 has value would be :
b39c9bbf33abd3611af7cfad52dcc68a411d7a53
Feature:
SHA – SECURE HASH ALGORITHM

14. Demo

15. References:
A D O R A M A C A M E R A S T O R E . ( 20 1 4 , 02 0 4 ) . Re t r i e v e d f r o m h t t p : / / w w w. a d o r a m a . c o m /
B r o w n , M . H . ( 20 03 ) . C o r e S e r v l e t s a n d J a v a S e r v e r Pa g e s . P r e n t i c e H a l l .
C a s t l e d i n e , E . ( 20 1 2 ) . j Q u e r y : N o v i c e t o N i n j a . S i t e Po i n t .
C S S 3 . ( 20 1 4 , 02 8 ) . Re t r i e v e d f r o m C S S 3 . c o m : h t t p : / / w w w. c s s 3 . c o m /
H e n r y, C . ( n . d . ) . L e c t u r e s a n d l e c t u r e n o t e s o f P r o f e s s o r.
j Q u e r y A P I . ( 20 1 4 , 02 8 ) . Re t r i e v e d f r o m j Q u e r y : h t t p : / / j q u e r y. c o m /
M y S Q L D o c u m e n t a t i o n : M y S Q L R e f e r e n c e M a n u a l s . ( 20 1 4 , 02 1 8 ) . Re t r i e v e d f r o m M y S Q L : h t t p : / / d e v. m y s q l . c o m / d o c /
Po w e l l , T. A . ( 20 1 0 ) . T h e C o m p l e t e R e f e r e n c e t o H T M L 5 a n d C S S 3 . M c G r a w - H i l l O s b o r n e M e d i a .
S t a c k o v e r f l o w . ( 20 1 4 , 02 8 ) . Re t r i e v e d f r o m S t a c k o v e r f l o w. c o m : h t t p : / / s t a c k o v e r f l o w. c o m /
Tu t o r i a l A r c h i e v e . ( 20 1 4 , 02 1 0 ) . Re t r i e v e d f r o m t u t s + P r e m i u m : h t t p s : / / t u t s p l u s . c o m /

16. Q/A

17. Thank you