Project Proposal for Online Shopping System

1. Introduction

1.1 Back Ground: I am making an e-commerce online shop call ruhionline.co.uk website the propose of this web site define features visitor can see the publicly available features such a browse products (Clothing for men & woman and accessories) ,view details of product (Size, colour and price) and able to look other content of site. Registered user also able to view all publicly obtainable features and in addition to do this they able to purchase the products by adding them into shopping cart.

Admin also manage the website from admin site (Back side).

Types of Users of the website are:
Visitors
Customers (Registered Member)
Admin

1.2 Objective:
1. View Home Banners or Slide Show Gallery
2. Browse Products
3. View Product Details with (HD Photos gallery, zoom in and zoom out). 4. View FAQs
5. Become a Member through Registration process.
6. Add to cart
7. Payment.
8. Security.
9. Delivery the product.

2. Feasibility
It is very significant to do feasibility study before starting a project. Now
21 century people would love shopping online.

A feasibility study help project manager find out positive and negatives result of the project before investing time and money. 2.1 Schedule feasibility:

* I have started this project middle of April. I am the only one person who will give individual effort in this project, so after careful calculation I would like say this project will finished successfully first week of November 2013. 2.2 Financial Feasibility:

To complete this project I have need PHP, MYSQL, Photoshop, CSS3 and Dreamweaver. Already I have downloaded all of toots which I needed for in order finishing this project. Only I need pay for to buy ZEN CART to add to my site to able to add their shopping items to basket and hosting etc. Very small amount of will cost for this project.

2.3 Market feasibility:
If customer would like buy any product from this only they have pay for these items. There is no transaction charge and this site will not store customer bank details. This web site will be very easy to use and will able to buy product simple couple of click. I am expecting many of customers would love this site buy their products. 2.4 Technology and system feasibility:

This is e-commerce based online shop website to selling cloths item and accessories. I have to use various kind of technology in order to successfully finishing the project. I have need PHP, MY SQL, PHOTOSHOP , DREAMWEAVER ETC.

* PHP: PHP (Hypertext Pre-processor) most likely popular scripting language on the web and also used as a general purpose programming language. With PHP I am able to create like login pages (username and password), picture galleries, and details from, a whole tot more. PHP is known as a server side language. On the computer you request the page from but PHP does not executed on the computer.

* MY SQL: MySQL is a relational database management system. MySQL database management system used on the web, Essentially, MySQL database allows to create a relational database in order to store data. MySQL hold all of the table, PHP acts acts table enquiry and form are essentially web page with fields with them. With PHP and MySQL I am able to create truly impressive project on the web.

* Photoshop: Photoshop is an application for manipulating image, shape, vector, effects and shape. Not many days age they used bitmap images. As I developing c-commerce selling website I have used many photos and graphics. So that almost every page I have used photos shop. Photoshop is very useable toots in order make my toots. In this site I am going to use Photoshop CS3 for Making HD photos, design etc.

* Dreamweaver: Dreamweaver is a build and development web site which is most popular application web development since 1988. Dreamweaver is easier to use.

* Open Cart: Open will using my website in order buy more products in one shopping. Customer will choose items select to buy and item will add to the basket and customer will make payment in total.

* CSS3: CSS using this website in order to layout the document and background images, margin, line advanced positions, height, width, fonts, colour of the website.

* AJAX: AJAX will apply this website for faster respond the pages. Ajax is
very powerful and working combine with PHP, JavaScript and others.

* JavaScript: JavaScript will using for the site in order making same external function such Zoom-in or zoom out, or view replacement photo in same place of the pages. JavaScript is very powerful and popular toots.

2.5 Risk features:
Starting any project it’s very ideal to do risk analysis. There are some issue that can have on effect on the website. User friendly website is always been very challenging. Also database are very challenging on back end. Customer will be login and buy their products. Customer may forget their password and user name in the website there is full customer service these kinds of problems are face is very challenging. 3. Resource

3.1 Technology:
1. HTML/ HTML 5
2. CSS/CSS 3
3. JAVA SCRIPT
4. PHP
5. MY SQL
6. JQUERY RIDING
7. AJAX

3.2 Tools:
1. Notepad ++
2. PHP STORM
3. DREAM WEAVER
4. PHOTOSHOP
5. ILLUSTRATOR
6. CART (OPEN CART)
7. EMAIL: Smart email configuration
8. Hosting upload /FTP salutation : FileZilla
3.3 Payment Getaway:
* PayPal

* Debit/ Credit card
* Western Union
2.3 Design deign:

Products
* Products name and catalogue number (Unique )
* Item details or specification
* Size picker (Drop down).
* Quantity picker (Drop down).
* Colour Picker (Drop down)
* Availability
* Gallery
* Zoom View
* Customer review
* Delivery Options.

Once customer decided to buy item they can add to Cart (Zen Cart). When customer goes for checkout registration required. (PHP & MSQL).

Registered Member
* Login to site
* My Profile
* Manage Account
* My Orders
* Buy Product (Checkout)
* Logout

Admin
* Login
* Administrator User Management
* Product Attribute Management
* Product Management
* Price Chart Management
* Banner Manager
* Order Manager
* Shipping Management

2.4 Data
Home Page

Views Website Logo, Banners or Slideshow which are integrated with Home Page. View list of Latest Products available with details like.
Product Title & Image.
View links for Login and Sign Up.
Clicking on any link, User will navigate that particular Page.

Product Display page
* Displays products
* Product Name & Unique product number
* Click on image will display information of product as well as choice of different sizes if available * View the details of the products, with Image on Product. * Product size, Image also customer able to zoom in and zoom out the product. * Add to cart.

* View Cart: After added to the shopping cart with small product image, subtotal and shopping amount. In view carts link to Update and checkout , link to see entire shopping cart, remove product from cart and update quantity and recalculate subtotal.

* Registration: This section allows New Users to create new registration account on the Site Fill the registration form with all required fields Enter Profile details like name, email id, password Enter address details like Country, State and Zip Code Submit Form.

* User Login
This section allows User to enter the website by adding login details created during registration. Enter authenticated Email Address and Password to login. Forgot Password Link. Recover password through mail

New User? Sign up link available

* After creating login, the Customer enters the account with authenticated username and password and can perform the following tasks: * My Account
Personal Information
Change Name, Login, E-mail Address, or Password
Manage Address Information
* My Orders
View all Orders
View order no/ order date/ amount/ quantity
View Status (In Process, Shipped, Open, Rejected)
* History/Receipts
View Details of all the orders made
View order id, status, date ordered
Link to re-Order.
* Last Order

Displays the last order made
Link to reorder and reset quantity
* View Order Tracking
Enter Order Number
View Shopping Cart
Delete Account
Sign out

* Checkout
Proceed to Shipping Details
View/ Edit Shipping Details
Select Shipping Method
Proceed to Billing Details
View/ Edit Billing Details
Review Order

View Total Order Summary, with Shipping and Billing Details Proceed to Payment Details
PayPal Payment Gateway Integration
Order Confirmation
Show confirmation of order with order details on the screen * FAQ
Displays a list of frequently asked Questions

* Shipping Information
Details regarding Shipping information and collaboration with any partners which will be confirmed with client for more details

2.5 Dynamic Pages

Contact Us
About Us
Privacy Policy
Disclaimer
Terms & Conditions
2.6 Back-End

* Login
* Administrator User Management
* Product Attribute Management
* Product Management
* Price Chart Management
* Banner Manager
* Order Manager
* Shipping Management

4.Process Model

I have chosen in iterative and increment process model. This project will develop followed by this model.

Iterative cycle
The process has three steps.
1. The initialization
2. The iteration
3. The Project Control List
Iterative and incremental process basically one process model and the goal and step are different. Iterative and incremental development model (IIDM) development is a method of project development pattern slow increase in characteristic additions and a cyclical release and improve model. The IID development begins with planning and continues via iterative development cycles relating continues user feedback. Iterative and incremental development model (IIDM) is one of the methodologies of “Agile” development model.

Iterative and incremental development is a method for developing system based on making deliverables. In incremental development various time been used for different parts of the system. The rates and are mobilized based on their achievement. User feedback is discuses with to modify are objectives for successive deliverable. The iterative and incremental development model (IIDM) came about in response to flaws in the waterfall model and a sequential design process in which development flows calmly downward. The waterfall model different then IIDM because it is cyclical rather than unidirectional.

Interactive:

Phase

The iterative and incremental development model (IIDM) can be grouped into the following phases. * Inception phase: Requirements, risks at higher level and deals with the of the project. * Elaboration Phase: satisfies non functional requirement and deliver operational architecture that reasonable risk indentified in the inception. * Transition Phase: The production operating environment delivers with system. * Construction phase: production ready code fills with a architecture components incrementally which is produced the testing of functional requirement design, implementation, and analysis.

5.Prototype:

Home Page and source code

<!DOCTYPE html>|
| <html dir=”ltr” lang=”en”>|
| <head>|
| <meta charset=”UTF-8″ />|
| <title>Ruhi online</title>|
| <base href=”http://www.ruhionline.com/ruhi/” />|
| <meta name=”description” content=”My Store” />|
| <link href=”http://www.ruhionline.com/ruhi/image/data/ddddd.png” rel=”icon”/>| | <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/stylesheet.css” />| | <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/slideshow.css” media=”screen” />| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/jquery-1.7.1.min.js”></script>| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js”></script>| | <link rel=”stylesheet” type=”text/css” href=”catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css” />| | <script type=”text/javascript” src=”catalog/view/javascript/common.js”></script>| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js”></script>| | |

| <!– me edit–>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/me.css” />| | |
| <!–me edit–>|
| |
| <!–[if IE 7]>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/ie7.css” />| | <![endif]–>|
| <!–[if lt IE 7]>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/ie6.css” />| | <script type=”text/javascript” src=”catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js”></script>| | <script type=”text/javascript”>|

| DD_belatedPNG.fix(‘#logo img’);|
| </script>|
| <![endif]–>|
| </head>|
| <body>|

Jewellery page and source

<!DOCTYPE html>|
| <html dir=”ltr” lang=”en”>|
| <head>|
| <meta charset=”UTF-8″ />|
| <title>Jewellery</title>|
| <base href=”http://ruhionline.com/ruhi/” />|
| <meta name=”description” content=”Jewellery” />|
| <meta name=”keywords” content=”Jewellery” />|
| <link href=”http://ruhionline.com/ruhi /image/data/ddddd.png” rel=”icon” />| | <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/stylesheet.css” />| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/jquery-1.7.1.min.js”></script>| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js”></script>| | <link rel=”stylesheet” type=”text/css” href=”catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css” />| | <script type=”text/javascript” src=”catalog/view/javascript/common.js”></script>| | <script type=”text/javascript” src=”catalog/view/javascript/jquery/jquery.total-storage.min.js”></script>| | |

| <!– me edit–>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/me.css” />| | |
| <!–me edit–>|
| |
| <!–[if IE 7]>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/ie7.css” />| | <![endif]–>|
| <!–[if lt IE 7]>|
| <link rel=”stylesheet” type=”text/css” href=”catalog/view/theme/default/stylesheet/ie6.css” />| | <script type=”text/javascript” src=”catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js”></script>| | <script type=”text/javascript”>|

| DD_belatedPNG.fix(‘#logo img’);|
| </script>|
| <![endif]–>|
| </head>|
Category Table

<?php echo $header; ?>
<div id=”content”>
<div class=”breadcrumb”>
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb[‘separator’]; ?><a href=”<?php echo $breadcrumb[‘href’]; ?>”><?php echo $breadcrumb[‘text’]; ?></a> <?php } ?>
</div>
<?php if ($error_warning) { ?>
<div class=”warning”><?php echo $error_warning; ?></div> <?php } ?>
<?php if ($success) { ?>
<div class=”success”><?php echo $success; ?></div> <?php } ?>
<div class=”box”>
<div class=”heading”>
<h1><img src=”view/image/category.png” alt=”” /><?php echo
$heading_title; ?></h1> <div class=”buttons”><a href=”<?php echo $repair; ?>” class=”button”><?php echo $button_repair; ?></a><a href=”<?php echo $insert; ?>” class=”button”><?php echo $button_insert; ?></a><a onclick=”$(‘#form’).submit();” class=”button”><?php echo $button_delete; ?></a></div> </div>

<div class=”content”>
<form action=”<?php echo $delete; ?>” method=”post” enctype=”multipart/form-data” id=”form”> <table class=”list”>
<thead>
<tr>
<td width=”1″ style=”text-align: center;”><input type=”checkbox” onclick=”$(‘input[name*=’selected’]’).attr(‘checked’, this.checked);” /></td> <td class=”left”><?php echo $column_name; ?></td> <td class=”right”><?php echo $column_sort_order; ?></td> <td class=”right”><?php echo $column_action; ?></td> </tr>

</thead>
<tbody>
<?php if ($categories) { ?>
<?php foreach ($categories as $category) { ?>
<tr>
<td style=”text-align: center;”><?php if ($category[‘selected’]) { ?> <input type=”checkbox” name=”selected[]” value=”<?php echo $category[‘category_id’]; ?>” checked=”checked” /> <?php } else { ?>

<input type=”checkbox” name=”selected[]” value=”<?php echo $category[‘category_id’]; ?>” /> <?php } ?></td>
<td class=”left”><?php echo $category[‘name’]; ?></td> <td class=”right”><?php echo $category[‘sort_order’]; ?></td> <td class=”right”><?php foreach ($category[‘action’] as $action) { ?> [ <a
href=”<?php echo $action[‘href’]; ?>”><?php echo $action[‘text’]; ?></a> ] <?php } ?></td>

</tr>
<?php } ?>
<?php } else { ?>
<tr>
<td class=”center” colspan=”4″><?php echo $text_no_results; ?></td> </tr>
<?php } ?>
</tbody>
</table>
</form>
<div class=”pagination”><?php echo $pagination; ?></div> </div>
</div>
</div>
<?php echo $footer; ?>

Customer table:

<?php echo $header; ?>
<div id=”content”>
<div class=”breadcrumb”>
<?php foreach ($breadcrumbs as $breadcrumb) { ?>
<?php echo $breadcrumb[‘separator’]; ?><a href=”<?php echo $breadcrumb[‘href’]; ?>”><?php echo $breadcrumb[‘text’]; ?></a> <?php } ?>
</div>
<?php if ($error_warning) { ?>
<div class=”warning”><?php echo $error_warning; ?></div> <?php } ?>
<div class=”box”>
<div class=”heading”>
<h1><img src=”view/image/customer.png” alt=”” /><?php echo
$heading_title; ?></h1> <div class=”buttons”><a onclick=”$(‘#form’).submit();” class=”button”><?php echo $button_save; ?></a><a href=”<?php echo $cancel; ?>” class=”button”><?php echo $button_cancel; ?></a></div> </div>

<div class=”content”>
<div id=”htabs” class=”htabs”><a href=”#tab-general”><?php echo $tab_general; ?></a> <?php if ($customer_id) { ?>
<a href=”#tab-history”><?php echo $tab_history; ?></a><a href=”#tab-transaction”><?php echo $tab_transaction; ?></a><a href=”#tab-reward”><?php echo $tab_reward; ?></a> <?php } ?>

<a href=”#tab-ip”><?php echo $tab_ip; ?></a></div> <form action=”<?php echo $action; ?>” method=”post” enctype=”multipart/form-data” id=”form”> <div id=”tab-general”>

<div id=”vtabs” class=”vtabs”><a href=”#tab-customer”><?php echo $tab_general; ?></a> <?php $address_row = 1; ?>
<?php foreach ($addresses as $address) { ?>
<a href=”#tab-address-<?php echo $address_row; ?>” id=”address-<?php echo $address_row; ?>”><?php echo $tab_address . ‘ ‘ . $address_row; ?>&nbsp;<img src=”view/image/delete.png” alt=”” onclick=”$(‘#vtabs a:first’).trigger(‘click’); $(‘#address-<?php echo $address_row; ?>’).remove(); $(‘#tab-address-<?php echo $address_row; ?>’).remove(); return false;” /></a> <?php $address_row++; ?>

<?php } ?>
<span id=”address-add”><?php echo $button_add_address; ?>&nbsp;<img src=”view/image/add.png” alt=”” onclick=”addAddress();” /></span></div> <div id=”tab-customer” class=”vtabs-content”>

<table class=”form”>
<tr>
<td><span class=”required”>*</span><?php echo $entry_firstname; ?></td> <td><input type=”text” name=”firstname” value=”<?php echo $firstname; ?>” /> <?php if ($error_firstname) { ?>

<span class=”error”><?php echo $error_firstname; ?></span> <?php } ?></td>
</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_lastname; ?></td> <td><input type=”text” name=”lastname” value=”<?php echo $lastname; ?>” /> <?php if ($error_lastname) { ?>

<span class=”error”><?php echo $error_lastname; ?></span> <?php } ?></td>
</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_email; ?></td> <td><input type=”text” name=”email” value=”<?php echo $email; ?>” /> <?php if ($error_email) { ?>

<span class=”error”><?php echo $error_email; ?></span> <?php } ?></td>
</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_telephone; ?></td> <td><input type=”text” name=”telephone” value=”<?php echo $telephone; ?>” /> <?php if ($error_telephone) { ?>

<span class=”error”><?php echo $error_telephone; ?></span> <?php } ?></td>
</tr>
<tr>
<td><?php echo $entry_fax; ?></td>
<td><input type=”text” name=”fax” value=”<?php echo $fax; ?>” /></td> </tr>
<tr>
<td><?php echo $entry_password; ?></td>
<td><input type=”password” name=”password” value=”<?php echo $password; ?>” /> <?php if ($error_password) { ?>
<span class=”error”><?php echo $error_password; ?></span> <?php } ?></td>
</tr>
<tr>
<td><?php echo $entry_confirm; ?></td>
<td><input type=”password” name=”confirm” value=”<?php echo $confirm; ?>” /> <?php if ($error_confirm) { ?>
<span class=”error”><?php echo $error_confirm; ?></span> <?php } ?></td>
</tr>
<tr>
<td><?php echo $entry_newsletter; ?></td>
<td><select name=”newsletter”>
<?php if ($newsletter) { ?>
<option value=”1″ selected=”selected”><?php echo $text_enabled; ?></option> <option value=”0″><?php echo $text_disabled; ?></option> <?php } else { ?>
<option value=”1″><?php echo $text_enabled; ?></option> <option value=”0″ selected=”selected”><?php echo $text_disabled; ?></option> <?php } ?>
</select></td>
</tr>
<tr>
<td><?php echo $entry_customer_group; ?></td> <td><select name=”customer_group_id”>
<?php foreach ($customer_groups as $customer_group) { ?> <?php if
($customer_group[‘customer_group_id’] == $customer_group_id) { ?> <option value=”<?php echo $customer_group[‘customer_group_id’]; ?>” selected=”selected”><?php echo $customer_group[‘name’]; ?></option> <?php } else { ?>

<option value=”<?php echo $customer_group[‘customer_group_id’]; ?>”><?php echo $customer_group[‘name’]; ?></option> <?php } ?>
<?php } ?>
</select></td>
</tr>
<tr>
<td><?php echo $entry_status; ?></td>
<td><select name=”status”>
<?php if ($status) { ?>
<option value=”1″ selected=”selected”><?php echo $text_enabled; ?></option> <option value=”0″><?php echo $text_disabled; ?></option> <?php } else { ?>
<option value=”1″><?php echo $text_enabled; ?></option> <option value=”0″ selected=”selected”><?php echo $text_disabled; ?></option> <?php } ?>
</select></td>
</tr>
</table>
</div>
<?php $address_row = 1; ?>
<?php foreach ($addresses as $address) { ?>
<div id=”tab-address-<?php echo $address_row; ?>” class=”vtabs-content”> <input type=”hidden” name=”address[<?php echo $address_row; ?>][address_id]” value=”<?php echo $address[‘address_id’]; ?>” /> <table class=”form”>

<tr>
<td><span class=”required”>*</span><?php echo $entry_firstname; ?></td> <td><input type=”text”
name=”address[<?php echo $address_row; ?>][firstname]” value=”<?php echo $address[‘firstname’]; ?>” /> <?php if (isset($error_address_firstname[$address_row])) { ?> <span class=”error”><?php echo $error_address_firstname[$address_row]; ?></span> <?php } ?></td>

</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_lastname; ?></td> <td><input type=”text” name=”address[<?php echo $address_row; ?>][lastname]” value=”<?php echo $address[‘lastname’]; ?>” /> <?php if (isset($error_address_lastname[$address_row])) { ?> <span class=”error”><?php echo $error_address_lastname[$address_row]; ?></span> <?php } ?></td>

</tr>
<tr>
<td><?php echo $entry_company; ?></td>
<td><input type=”text” name=”address[<?php echo $address_row; ?>][company]” value=”<?php echo $address[‘company’]; ?>” /></td> </tr>
<tr class=”company-id-display”>
<td><?php echo $entry_company_id; ?></td>
<td><input type=”text” name=”address[<?php echo $address_row; ?>][company_id]” value=”<?php echo $address[‘company_id’]; ?>” /></td> </tr>
<tr class=”tax-id-display”>
<td><?php echo $entry_tax_id; ?></td>
<td><input type=”text” name=”address[<?php echo $address_row; ?>][tax_id]” value=”<?php echo $address[‘tax_id’]; ?>” /> <?php if (isset($error_address_tax_id[$address_row])) { ?> <span class=”error”><?php echo $error_address_tax_id[$address_row]; ?></span> <?php } ?></td>

</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_address_1; ?></td> <td><input type=”text” name=”address[<?php echo $address_row; ?>][address_1]” value=”<?php echo $address[‘address_1’]; ?>” /> <?php if (isset($error_address_address_1[$address_row])) { ?> <span class=”error”><?php echo $error_address_address_1[$address_row]; ?></span> <?php } ?></td>

</tr>
<tr>
<td><?php echo $entry_address_2; ?></td>
<td><input type=”text” name=”address[<?php echo $address_row; ?>][address_2]” value=”<?php echo $address[‘address_2’]; ?>” /></td> </tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_city; ?></td> <td><input type=”text” name=”address[<?php echo $address_row; ?>][city]” value=”<?php echo $address[‘city’]; ?>” /> <?php if (isset($error_address_city[$address_row])) { ?> <span class=”error”><?php echo $error_address_city[$address_row]; ?></span> <?php } ?></td>

</tr>
<tr>
<td><span id=”postcode-required<?php echo $address_row; ?>” class=”required”>*</span><?php echo $entry_postcode; ?></td> <td><input type=”text” name=”address[<?php echo $address_row; ?>][postcode]” value=”<?php echo $address[‘postcode’]; ?>” /></td> </tr>

<tr>
<td><span class=”required”>*</span><?php echo
$entry_country; ?></td> <td><select name=”address[<?php echo $address_row; ?>][country_id]” onchange=”country(this, ‘<?php echo $address_row; ?>’, ‘<?php echo $address[‘zone_id’]; ?>’);”> <option value=””><?php echo $text_select; ?></option> <?php foreach ($countries as $country) { ?>

<?php if ($country[‘country_id’] == $address[‘country_id’]) { ?> <option value=”<?php echo $country[‘country_id’]; ?>” selected=”selected”><?php echo $country[‘name’]; ?></option> <?php } else { ?>

<option value=”<?php echo $country[‘country_id’]; ?>”><?php echo $country[‘name’]; ?></option> <?php } ?>
<?php } ?>
</select>
<?php if (isset($error_address_country[$address_row])) { ?> <span class=”error”><?php echo $error_address_country[$address_row]; ?></span> <?php } ?></td>
</tr>
<tr>
<td><span class=”required”>*</span><?php echo $entry_zone; ?></td> <td><select name=”address[<?php echo $address_row; ?>][zone_id]”> </select>

<?php if (isset($error_address_zone[$address_row])) { ?> <span class=”error”><?php echo $error_address_zone[$address_row]; ?></span> <?php } ?></td>
</tr>
<tr>
<td><?php echo $entry_default; ?></td>
<td><?php if (($address[‘address_id’] == $address_id) || !$addresses) { ?> <input type=”radio” name=”address[<?php echo $address_row; ?>][default]” value=”<?php echo $address_row; ?>” checked=”checked” /></td> <?php } else { ?>

<input type=”radio” name=”address[<?php echo $address_row; ?>][default]” value=”<?php echo $address_row; ?>” /> </td>
<?php } ?>
</tr>
</table>
</div>
<?php $address_row++; ?>
<?php } ?>
</div>
<?php if ($customer_id) { ?>
<div id=”tab-history”>
<div id=”history”></div>
<table class=”form”>
<tr>
<td><?php echo $entry_comment; ?></td>
<td><textarea name=”comment” cols=”40″ rows=”8″ style=”width: 99%;”></textarea></td> </tr>
<tr>
<td colspan=”2″ style=”text-align: right;”><a id=”button-history” class=”button”><span><?php echo $button_add_history; ?></span></a></td> </tr>
</table>
</div>
<div id=”tab-transaction”>
<table class=”form”>
<tr>
<td><?php echo $entry_description; ?></td> <td><input type=”text” name=”description” value=”” /></td> </tr>
<tr>
<td><?php echo $entry_amount; ?></td>
<td><input type=”text” name=”amount” value=”” /></td> </tr>
<tr>
<td colspan=”2″ style=”text-align: right;”><a
id=”button-transaction” class=”button” onclick=”addTransaction();”><span><?php echo $button_add_transaction; ?></span></a></td> </tr>

</table>
<div id=”transaction”></div>
</div>
<div id=”tab-reward”>
<table class=”form”>
<tr>
<td><?php echo $entry_description; ?></td> <td><input type=”text” name=”description” value=”” /></td> </tr>
<tr>
<td><?php echo $entry_points; ?></td>
<td><input type=”text” name=”points” value=”” /></td> </tr>
<tr>
<td colspan=”2″ style=”text-align: right;”><a id=”button-reward” class=”button” onclick=”addRewardPoints();”><span><?php echo $button_add_reward; ?></span></a></td> </tr>

</table>
<div id=”reward”></div>
</div>
<?php } ?>
<div id=”tab-ip”>
<table class=”list”>
<thead>
<tr>
<td class=”left”><?php echo $column_ip; ?></td> <td class=”right”><?php echo $column_total; ?></td> <td class=”left”><?php echo $column_date_added; ?></td> <td class=”right”><?php echo $column_action; ?></td> </tr>

</thead>
<tbody>
<?php if ($ips) { ?>
<?php foreach ($ips as $ip) { ?>
<tr>
<td class=”left”><a href=”http://www.geoiptool.com/en/?IP=<?php echo $ip[‘ip’]; ?>” target=”_blank”><?php echo $ip[‘ip’]; ?></a></td> <td class=”right”><a href=”<?php echo $ip[‘filter_ip’]; ?>” target=”_blank”><?php echo $ip[‘total’]; ?></a></td> <td class=”left”><?php echo $ip[‘date_added’]; ?></td> <td class=”right”><?php if ($ip[‘ban_ip’]) { ?>

<b>[</b><a id=”<?php echo str_replace(‘.’, ‘-‘, $ip[‘ip’]); ?>” onclick=”removeBanIP(‘<?php echo $ip[‘ip’]; ?>’);”><?php echo $text_remove_ban_ip; ?></a><b>]</b> <?php } else { ?>

<b>[</b><a id=”<?php echo str_replace(‘.’, ‘-‘, $ip[‘ip’]); ?>” onclick=”addBanIP(‘<?php echo $ip[‘ip’]; ?>’);”><?php echo $text_add_ban_ip; ?></a><b>]</b> <?php } ?></td>

</tr>
<?php } ?>
<?php } else { ?>
<tr>
<td class=”center” colspan=”4″><?php echo $text_no_results; ?></td> </tr>
<?php } ?>
</tbody>
</table>
</div>
</form>
</div>
</div>
</div>
<script type=”text/javascript”><!–
$(‘select[name=’customer_group_id’]’).live(‘change’, function() {
var customer_group = [];

<?php foreach ($customer_groups as $customer_group) { ?>
customer_group[<?php echo $customer_group[‘customer_group_id’]; ?>] = [];
customer_group[<?php echo $customer_group[‘customer_group_id’]; ?>][‘company_id_display’] = ‘<?php echo $customer_group[‘company_id_display’]; ?>’;
customer_group[<?php echo $customer_group[‘customer_group_id’]; ?>][‘tax_id_display’] = ‘<?php echo $customer_group[‘tax_id_display’]; ?>’; <?php } ?>

if (customer_group[this.value]) {
if (customer_group[this.value][‘company_id_display’] == ‘1’) {
$(‘.company-id-display’).show();
} else {
$(‘.company-id-display’).hide();
}

if (customer_group[this.value][‘tax_id_display’] == ‘1’) {
$(‘.tax-id-display’).show();
} else {
$(‘.tax-id-display’).hide();
}
}
});

$(‘select[name=’customer_group_id’]’).trigger(‘change’);
//–></script>
<script type=”text/javascript”><!–
function country(element, index, zone_id) {
if (element.value != ”) {
$.ajax({
url: ‘index.php?route=sale/customer/country&token=<?php echo $token; ?>&country_id=’ + element.value,
dataType: ‘json’,
beforeSend: function() {
$(‘select[name=’address[‘ + index + ‘][country_id]’]’).after(‘<span class=”wait”>&nbsp;<img src=”view/image/loading.gif” alt=”” /></span>’);
},
complete: function() {
$(‘.wait’).remove();
},
success: function(json) {
if (json[‘postcode_required’] == ‘1’) {
$(‘#postcode-required’ + index).show();
} else {
$(‘#postcode-required’ + index).hide();
}

html = ‘<option value=””><?php echo $text_select; ?></option>’;

if (json[‘zone’] != ”) {
for (i = 0; i < json[‘zone’].length; i++) {
html += ‘<option value=”‘ + json[‘zone’][i][‘zone_id’] + ‘”‘;

if (json[‘zone’][i][‘zone_id’] == zone_id) {
html += ‘ selected=”selected”‘;
}

html += ‘>’ + json[‘zone’][i][‘name’] + ‘</option>’;
}
} else {
html += ‘<option value=”0″><?php echo $text_none;
?></option>’;
}

$(‘select[name=’address[‘ + index + ‘][zone_id]’]’).html(html);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + “rn” + xhr.statusText + “rn” + xhr.responseText);
}
});
}
}

$(‘select[name$='[country_id]’]’).trigger(‘change’);
//–></script>
<script type=”text/javascript”><!–
var address_row = <?php echo $address_row; ?>;

function addAddress() {
html = ‘<div id=”tab-address-‘ + address_row + ‘” class=”vtabs-content” style=”display: none;”>’;
html += ‘ <input type=”hidden” name=”address[‘ + address_row + ‘][address_id]” value=”” />’;
html += ‘ <table class=”form”>’;
html += ‘ <tr>’;
html += ‘<td><span class=”required”>*</span><?php echo $entry_firstname; ?></td>’; html += ‘<td><input type=”text” name=”address[‘ + address_row + ‘][firstname]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><span class=”required”>*</span><?php echo $entry_lastname; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][lastname]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><?php echo $entry_company; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][company]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr class=”company-id-display”>’;
html += ‘ <td><?php echo $entry_company_id; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][company_id]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr class=”tax-id-display”>’;
html += ‘ <td><?php echo $entry_tax_id; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][tax_id]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><span class=”required”>*</span><?php echo $entry_address_1; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][address_1]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><?php echo $entry_address_2; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][address_2]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><span class=”required”>*</span><?php echo $entry_city;
?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][city]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><span id=”postcode-required’ + address_row + ‘” class=”required”>*</span><?php echo $entry_postcode; ?></td>’; html += ‘ <td><input type=”text” name=”address[‘ + address_row + ‘][postcode]” value=”” /></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><span class=”required”>*</span><?php echo $entry_country; ?></td>’; html += ‘ <td><select name=”address[‘ + address_row + ‘][country_id]” onchange=”country(this, ” + address_row + ”, ‘0’);”>’; html += ‘ <option value=””><?php echo $text_select; ?></option>’; <?php foreach ($countries as $country) { ?>

html += ‘ <option value=”<?php echo $country[‘country_id’]; ?>”><?php echo addslashes($country[‘name’]); ?></option>’; <?php } ?>
html += ‘ </select></td>’;
html += ‘ </tr>’;
html += ‘ <tr>’;
html += ‘ <td><span class=”required”>*</span><?php echo $entry_zone; ?></td>’; html += ‘ <td><select name=”address[‘ + address_row + ‘][zone_id]”><option value=”false”><?php echo $this->language->get(‘text_none’); ?></option></select></td>’; html += ‘ </tr>’;

html += ‘ <tr>’;
html += ‘ <td><?php echo $entry_default; ?></td>’; html += ‘ <td><input type=”radio” name=”address[‘ + address_row + ‘][default]” value=”1″ /></td>’; html += ‘ </tr>’;

html += ‘ </table>’;
html += ‘</div>’;

$(‘#tab-general’).append(html);

$(‘select[name=’address[‘ + address_row + ‘][country_id]’]’).trigger(‘change’);

$(‘#address-add’).before(‘<a href=”#tab-address-‘ + address_row + ‘” id=”address-‘ + address_row + ‘”><?php echo $tab_address; ?> ‘ + address_row + ‘&nbsp;<img src=”view/image/delete.png” alt=”” onclick=”$(‘#vtabs a:first’).trigger(‘click’); $(‘#address-‘ + address_row + ”).remove(); $(‘#tab-address-‘ + address_row + ”).remove(); return false;” /></a>’);

$(‘.vtabs a’).tabs();

$(‘#address-‘ + address_row).trigger(‘click’);

address_row++;
}
//–></script>
<script type=”text/javascript”><!–
$(‘#history .pagination a’).live(‘click’, function() {
$(‘#history’).load(this.href);

return false;
});

$(‘#history’).load(‘index.php?route=sale/customer/history&token=<?php
echo $token; ?>&customer_id=<?php echo $customer_id; ?>’);

$(‘#button-history’).bind(‘click’, function() {
$.ajax({
url: ‘index.php?route=sale/customer/history&token=<?php echo $token; ?>&customer_id=<?php echo $customer_id; ?>’,
type: ‘post’,
dataType: ‘html’,
data: ‘comment=’ + encodeURIComponent($(‘#tab-history textarea[name=’comment’]’).val()),
beforeSend: function() {
$(‘.success, .warning’).remove();
$(‘#button-history’).attr(‘disabled’, true);
$(‘#history’).before(‘<div class=”attention”><img src=”view/image/loading.gif” alt=”” /><?php echo $text_wait; ?></div>’);
},
complete: function() {
$(‘#button-history’).attr(‘disabled’, false);
$(‘.attention’).remove();
$(‘#tab-history textarea[name=’comment’]’).val(”);
},
success: function(html) {
$(‘#history’).html(html);

$(‘#tab-history input[name=’comment’]’).val(”);
}
});
});
//–></script>
<script type=”text/javascript”><!–
$(‘#transaction .pagination a’).live(‘click’, function() {
$(‘#transaction’).load(this.href);

return false;
});

$(‘#transaction’).load(‘index.php?route=sale/customer/transaction&token=<?php echo $token; ?>&customer_id=<?php echo $customer_id; ?>’);

$(‘#button-transaction’).bind(‘click’, function() {
$.ajax({
url: ‘index.php?route=sale/customer/transaction&token=<?php echo $token; ?>&customer_id=<?php echo $customer_id; ?>’,
type: ‘post’,
dataType: ‘html’,
data: ‘description=’ + encodeURIComponent($(‘#tab-transaction input[name=’description’]’).val()) + ‘&amount=’ + encodeURIComponent($(‘#tab-transaction input[name=’amount’]’).val()),
beforeSend: function() {
$(‘.success, .warning’).remove();
$(‘#button-transaction’).attr(‘disabled’, true);
$(‘#transaction’).before(‘<div class=”attention”><img src=”view/image/loading.gif” alt=”” /><?php echo $text_wait; ?></div>’);
},
complete: function() {
$(‘#button-transaction’).attr(‘disabled’, false);
$(‘.attention’).remove();
},
success: function(html) {
$(‘#transaction’).html(html);

$(‘#tab-transaction input[name=’amount’]’).val(”);
$(‘#tab-transaction input[name=’description’]’).val(”);
}
});
});
//–></script>
<script type=”text/javascript”><!–
$(‘#reward .pagination a’).live(‘click’, function() {
$(‘#reward’).load(this.href);

return false;
});

$(‘#reward’).load(‘index.php?route=sale/customer/reward&token=<?php echo $token; ?>&customer_id=<?php echo $customer_id; ?>’);

function addRewardPoints() {
$.ajax({
url: ‘index.php?route=sale/customer/reward&token=<?php echo $token; ?>&customer_id=<?php echo $customer_id; ?>’,
type: ‘post’,
dataType: ‘html’,
data: ‘description=’ + encodeURIComponent($(‘#tab-reward input[name=’description’]’).val()) + ‘&points=’ + encodeURIComponent($(‘#tab-reward input[name=’points’]’).val()),
beforeSend: function() {
$(‘.success, .warning’).remove();
$(‘#button-reward’).attr(‘disabled’, true);
$(‘#reward’).before(‘<div class=”attention”><img src=”view/image/loading.gif” alt=”” /><?php echo $text_wait; ?></div>’);
},
complete: function() {
$(‘#button-reward’).attr(‘disabled’, false);
$(‘.attention’).remove();
},
success: function(html) {
$(‘#reward’).html(html);

$(‘#tab-reward input[name=’points’]’).val(”);
$(‘#tab-reward input[name=’description’]’).val(”);
}
});
}

function addBanIP(ip) {
var id = ip.replace(/./g, ‘-‘);

$.ajax({
url: ‘index.php?route=sale/customer/addbanip&token=<?php echo $token; ?>’,
type: ‘post’,
dataType: ‘json’,
data: ‘ip=’ + encodeURIComponent(ip),
beforeSend: function() {
$(‘.success, .warning’).remove();

$(‘.box’).before(‘<div class=”attention”><img src=”view/image/loading.gif” alt=”” /><?php echo $text_wait; ?></div>’);
},
complete: function() {

},
success: function(json) {
$(‘.attention’).remove();

if (json[‘error’]) {
$(‘.box’).before(‘<div class=”warning” style=”display: none;”>’ + json[‘error’] + ‘</div>’);

$(‘.warning’).fadeIn(‘slow’);
}

if (json[‘success’]) {
$(‘.box’).before(‘<div class=”success” style=”display: none;”>’ + json[‘success’] + ‘</div>’);

$(‘.success’).fadeIn(‘slow’);

$(‘#’ + id).replaceWith(‘<a id=”‘ + id + ‘” onclick=”removeBanIP(” + ip + ”);”><?php echo $text_remove_ban_ip; ?></a>’);
}
}
});
}

function removeBanIP(ip) {
var id = ip.replace(/./g, ‘-‘);

$.ajax({
url: ‘index.php?route=sale/customer/removebanip&token=<?php echo $token; ?>’,
type: ‘post’,
dataType: ‘json’,
data: ‘ip=’ + encodeURIComponent(ip),
beforeSend: function() {
$(‘.success, .warning’).remove();

$(‘.box’).before(‘<div class=”attention”><img src=”view/image/loading.gif” alt=”” /><?php echo $text_wait; ?></div>’);
},
success: function(json) {
$(‘.attention’).remove();

if (json[‘error’]) {
$(‘.box’).before(‘<div class=”warning” style=”display: none;”>’ + json[‘error’] + ‘</div>’);

$(‘.warning’).fadeIn(‘slow’);
}

if (json[‘success’]) {
$(‘.box’).before(‘<div class=”success” style=”display: none;”>’ + json[‘success’] + ‘</div>’);

$(‘.success’).fadeIn(‘slow’);

$(‘#’ + id).replaceWith(‘<a id=”‘ + id + ‘” onclick=”addBanIP(” + ip + ”);”><?php echo $text_add_ban_ip; ?></a>’);
}
}
});
};
//–></script>
<script type=”text/javascript”><!–
$(‘.htabs a’).tabs();
$(‘.vtabs a’).tabs();
//–></script>
<?php echo $footer; ?>

6. Implementation

Before start the serious commitments that require my time and effort I should have a plan and my e-commerce website should be no different. The reality sis if I fail to plan, my project will fail. By having an e-commerce plan I will able to see what working more than thinking and hoping for the best. I would like mention some of the point I should consider when I taking my e-commerce website.

6.1 Research and Strategy.
The core focus of any e-commerce website design should have clear understanding the product in the industry as whole. Should have discuss the aim audience and brainstorm feasible keywords that possible customer might use to find my company or my product. Very carefully taking all- important first step will make sure my project going to meet the goal. Using right
strategy almost guarantee that my efforts to focus in on the saving time and money and will have expected customer. 6.2 Plan

Plan in involves setting down the entire requirement like what are the requirements for the user (content, search and product page). Need to asked question to myself regarding how knowledge someone must have about my product and service to make purchase. I have to aware of it searching specific item number and name. Plan is discussed in details as follows. Development project is supposed to start by 8th august 2013 and completed by the 28th November 2013. But I have already started since 26 April 2013. Each week consists of research and planning, solution design (Site map, write frame, data base design etc), requirement specification, Layout design (Home page, content, product pages etcs), Front end development (Home section, product banners, product listing section), Back End Development. Activities Log:

6.3 Analysis
Requirement of the project are:
a. To display in home page banners and slide show gallery. So the visitor or customer able interest going product page of the site. b. To display product details with high quality photos, zoom in and zoom out. c. To display Frequency ask question so that visitor or customer able to get easy question answer. d. To display full registration from so that customer put their details and create login passport e. To Do display in products page add to cart. When customer chosen their product they are able to add to basket. f. To display payment option and make sure fell comfortable pay by their bank card with security. g. To display the delivery option so those customers select delivery.

6.4 Design: A story board has been done to design take as whole structure of web site. Here is feature has been allocated
1. Customer joint site by creating an account
2. Product details
3. Login
4. Manage account
5. Log out

Flow Diagram:

Use Case Diagram

Customer Process Diagram

6.5 Development and using toots or technology:

Features and objective | Toots and technology |
Name+ Catalogue number (Unique num)| HTML+ CSS|
Items details | Table HTML+CSS|
Size Pcker (Drop Down)| CSS|
Colour Picker | Java Script|

Availability | CSS|
Zoom View| Java Script|
Delivery option| HTML+CSS|
Add to cart| Open Cart|
Every page dynamic | PHP|
Back end data base| MY SQL|
Website pages| Dream weaver|
Others| Also I am going to used Photoshop, Illustrator |

Payment Method| PayPal, Debit card/credit card/western union| Email| Smtp email configuration. |
6.6 Testing:
* Before go to live that site I will do some testing. Test could be internal ( functional and security). I will create a functional testing report moreover also I will have security testing as well. User acceptance test also very important in the testing stage. Be go to live the site there is many more thinks to check. Following I have mention some of essential step before go live site: 1. TITLES AND META DATA

2. CROSS-BROWSER CHECKS
3. PROOFREAD