Chirag

[Email address]

EXECUTIVE SUMMARY

There is a shopping cart, a Login box and a search window, which provides a user with an interface to search, make a shopping cart by logging into his/her account and then buy them using either of the options available(Cash On Delivery, Debit Cart or Net Banking). These are the options that will take the user to the next step after choosing one amongst the three options that are being provided. If he choose Cash on Delivery, it will take the user to page where he have to confirm his/her cart and enters the delivery address. If he/she choose Debit Card/Net Banking , this will take him to the Banks Gate Way according to the option he chose, if Debit card then ask details of a debit card else details of Net Banking, after the transaction has been done, the user is taken to the page where he is asked to enter the delivery address. As discussed earlier there is a search box that sorts the T-Shirts according to design, size, color, price, and fabric and user can search and pick amongst that and can add to the cart. For that a database is linked with the website that have all the details of the T-Shirts, and also takes the order of the T-shirt, so there must be a database as the backbone of the whole system. Before adding to the cart the user must have to login to access this privilege, and prepare his shopping cart. To become the customer of the Website he needs to sign up for the first time and enter all his details including his all contact details. Every customer who signs up can choose a personal login and password for further access. Besides, owners of such accounts can receive special discount offers from the store owners and participate in different promotions or sales.

INTRODUCTION

E-Commerce, the term itself is a self-explanatory word thats stands for electronic commerce or we can say business via electronic media such as an Internet. This has become the most important part of the todays world, as electronics and communication industry is booming the ease of access has also developed and thus the buying and selling of things has also moved from physicals shops to the electronic world , where internet is the heart for the whole commerce over internet. This has made shopping easier, now one can shop while watching movie or doing some work. Now there is no need of going out from your home. On the one hand where internet acts as the heart of the whole system on the other hand a website is the brain of this system. The website provides an interface to the user where he can communicate with the dealer. Where he can visit the store by accessing the website hosted on the World Wide Web Server and can view the product the store is offering and can choose as per his requirements. The website also provides the complete independence of the order placing and cancelling it, anytime from anywhere. The user has full freedom to choose and pick an item according to his need and can take as much time he wants to take in shopping it. As per the ecommerce standards and rules there must be some essential things that a website must have. These things are listed as follow: Clear Logo: The website must have the Clear logo of the store which is running the website and must be authenticated for the e-commerce transaction. Transparency about the brands: The website must mention about the product brand clearly with all the details. Shopping Cart, Login Box and Search Box: To facilitate the user and provide an easier and effective interface the website must have a Shopping Cart, a Login Box and a Search Box which is linked with a database that is accessible only to the store. Payment System: The payment system must be mentioned clearly with all transparency and freedom to choose any of the way to accomplish the transaction generally it could be Cash on delivery, via Debit or Credit Card or using Net Banking, which needs to communicate with the bank, which provides a gateway for the Credit/Debit Card and Net Banking transactions.

Online Chats or Phone Numbers: To answer the queries of the user the web store must provide all the contact details like phone number, office address or they can either provide the user with the online assistance to answer the user queries. In the project of ours we provide our customers with all the phone details where they can ask their queries and e-mail addresses also. Delivery details: Whether the store will charge anything on delivery on not, it must be clearly specified in the website. Irrespective of the platform of the website these all features must be at least encapsulated in the website. We in this project of ours has developed our website using PHP (Hypertext Preprocessor) that is a server side scripting language, that allows the store to communicate with the database and automate all the features listed above. Weve hosted website on the localhost using the WAMP server and named the website as tstore.com therefore the website url becomes http:localhost:81/tstore.com the folder with the name tstore.com must be created in the www folder in the WAMP Server and all the webpages and the server side scripts must be placed in that particular folder only. After that Apache Server Needs to be started and in the browser the above mentioned url needs to be entered. The website is designed using HTML, CSS and JavaScript to provide the user with an interactive interface. And the database used is My-SQL that holds all the data of the store regarding the TShirt stock and the customer details also with the specified transactions with the specified details of the bank through which the transaction is being done. The Website also has an admin page which is accessible only to the store to get an information about the revenue being calculated. A simple interface is being designed which has a menu listing some options with the login and sign up link also, that will take the user to the registration page. And a cart has been also listed in the menu which will be accessible only after the user login into his account. Then only he can add items to his cart. The website has one of the most interesting feature that is the recommendation engine that keeps on recommending the user about the other T-shirts also, that may interest him. The recommendation engine runs on the cookies that get stored and tells the website about the user interest whether he is price oriented, fabric or design. Based on these criterias the recommendation list is being displayed on to the right side of the page. This feature is the

business technique in the ecommerce world, which helps the web store to accelerate his store business. This recommendation engine can also be extended to the deals offered to the customer. For the bank transaction, a dummy bank gateway has been made that is being redirected after the customer chooses the bank details and proceeds the payment. Once the payment is complete the bank will send a confirmation to the store and then the web store will proceed further with its proceedings.

LITERATURE

As discussed earlier that to carry out the online web store we need a website and a database system connected to it and also a bank gateway linked with your account where you can redirect your customers. So in order to build a website we used PHP as a platform for server side programming. And MySql database for database management. And for designing the client side along with HTML we used CSS and javascript for form validation. So the following section explains the technologies that were used in the whole development of the system. E-COMMERCE: E-commerce means electronic commerce is actually a real industry in the virtual world used for buying or selling of products and goods. This service is basically is conducted over internet and other computer networks. Many technologies comes under the ecommerce such as mobile commerce, inventory management system, internet marketing, electronic data interchange (EDI), online transactions, internet banking. E-commerce was basically started in 1979 by Michael Aldrich who proposed online shopping. Many communications media are used in this branch of business. These media comes in daily use of a lay man such as e-mail, mobile phones, tabs and last but not the least are the telephones. Many ecommerce companies have become multinational companies such as Amazon, Wal-Mart, flipkart and many more are there. Architectural Framework for E-Commerce The architectural framework for e-commerce is basically divided into six aspects. 1) 2) 3) 4) 5) 6) Application Services Management of transactions Interface Security Middleware Network infrastructure

Application Services This aspect tells about the type of the service is being provided by the company and for what purpose it has been established.

Management of transactions This aspect tells which how the transactions involved are going to be managed and also for provision of the service integration between customers and information providers.

Interface This is one of the most important aspect among all because it tells which how the merchant is going to interact with the customers. It might be through the website or the telephonic way of communicating with each other. Security Security is also the important one as the security is essential feature for the e-commerce because all the data is virtual and is on the network. So the surety of the security is must. Middleware This is the service which is needed to solve all the interpretation problems and transformation types of problems. Network Infrastructure This tells which what type of the networking is used in the e-commerce. For ex. Wireless, wireline- coaxial, fibre-optic.

Advantages and Disadvantages Ecommerce offered many advantages to companies and customers but it also caused many problems Advantages Faster service is provided Buying and selling could be done any time. More customers could be reached Easy to start an e-commerce company Customers could easily select and buy the products.

Disadvantages Many fake websites are there which could dissolve the customers money. No guarantee of the quality of product. No interaction between the buyer and seller. Hackers could do horrible blunders.

E-Commerce Website As we already know which what is e-commerce now lets check out what is e-commerce website is. Everything is there in the word, so the website used for e-commerce companies is called an ecommerce website. A website should include everything you need to set up our online store and sell online. It should be able accept all credit cards and debit cards. Once after deciding that which e-commerce is the business model is to be followed, then there are several key components of the model that needs to pull together. Remember which the components which are been illustrated below have a range of products available to sell. There is a lot of work which is required in the selection of the products. The key components which are needed to cover include the following: Domain Name Choosing a domain name could be difficult process. There are certain benefits in the selection of a domain name which could be branded using which a solid business setup could be built. A good example of this is www.Zappos.com which initially starts from a website then turns into a brand. The another way could be the one that you go for a keyword that is rich domain and supports the name of your product, like in our case we chosen tstotre.com because were building up a tshirt selling store thus weve chosen tstore.com Payment Options Affiliate the E-commerce websites which simply refer their traffic to the main merchant, that collects the transactions done through the website. Very small ecommerce websites or sites which are made at low cost simply to test the viability of a market place could be achieved by using a free payment method like Paypal. Paypal is one of the healthy and the free available gateway that one can use for the money transfer, but to run a huge web store the one needs a very well tracked and well managed mode of transfer, because to link Paypal with the architecture of the your database model is a tough management. Thus many web stores go for some other features. So in order to build a more robust e-commerce business which accept credit card payments then you would have to set a merchant account and an electronic payments gateway, which nowadays bank itself provides. Each bank has its gateway, so you just have to redirect the customer to that bank gateway, after that he enters his details and does hi work. A gateway and merchant account dont need to reside with the same institution & dedicated values added companies such as Eway etc. these companies have been set up to provide ecommerce gateways which link to the merchant account which is set up with our bank.

Shopping Cart Selecting a shopping cart is one of the most critical component of an e-commerce based website and is dependent on some variables. Thus it provides a statistical model for the shopping cart. When you are for the very first time shop owner then the entry level shopping cart options are very much to be sufficient. And in case if youre running a multi-online webstores and require some of the form of centralized order and management system and inventory management solution then shopping cart selection is a critical choice and then you need to keep care of the many other factors that goes with your database model.

Marketing Strategy If you like to build an e-commerce website which is needed to have a marketing strategy in place to attract more customers to your site. The most important one for e-commerce websites is proper Search Engine Optimization and content filtering. This means keyword research, meta descriptions on site optimization and meta descriptions being title tags, and link building; which is targeted back links from other websites to ours with the target keywords as the anchor text, which is the click here text. The alternative is paid traffic such as google pay per click so which you get traffic to your shop and to give them the chance to purchase. The best way is to choose both the mechanism, where one provides the immediate traffic the other is the better and the long term whilst that is efficient way to attract the traffic strategically. So running the website on both mechanisms at the same time the customers get to know about your website and now when they tell about the store to their closed ones, then they will search on Google then also you get the traffic to your website. There are many other options on the market today. For the small shop owner the primary issues which should concern you include, the options could be 1. Usability: This means that how the shopping cart manages the day to day data, and the content filtering. 2. Support and Community: This feature tells how large is the community of development which are available to customize and support the shopping cart. 3. Functionality: In order to check which type of shopping cart that one must use according to requirements. Database and MySql The most important backbone of the project is the database which hold the data and provides the dynamic features to the website, which is need to the online web store. Since where computers are concerned, a database is actually a collection of data. Specialised database software such as

MySQL, MSSQL,ORACLE are only programs which lets you to retrieve and store the data efficiently. Just think which the documents stored on a computer. If you want to save the documents using a file naming scheme like "1a.doc", "2a.doc", "3a.doc", ... "9999999a.doc" (etc), you would face a problem to find the correct file, if you're looking for a specific doc. For example, if one is looking for a business proposal you made some time to some ABCXYZ Company, which file would you open? The traditional way is to check sequentially check each single file, starting from "1a.doc", till you get the right data. But this is obviously an inefficient approach of finding the right file. And it's primarily the result of inefficient method of storing the data . A database software is a type of computer program which is designed to handle lots of data, but to store them in such a way which finding (and thus retrieving) any snippet of data is more efficient than it would have been if you simply dumped them wouldy nilly all over the place. Thus a database provides a tabled structure of keeping the data and options to search and retrieve them using some constraints. MySQL To work on to database model which according to RDBMS rules certain softwares were designed and were also incorporated with many servers also and gradually started becoming important in the data clustering and mining. Database programs have many different types of methods for store and retrieval of the data, and also for organizing the data stored on the computer. One of popular way for accessing data, both to store and to retrieve it, is to use a computer language called "SQL" (often pronounced as "sequel"). SQL (Select query language), this allows a standard way to store and retrieve the data. There are many other databases which supports the use of SQL to access their data, among them MySQL. MySQL is a type of database, one of many. It is commonly used by programs which run on websites, because it being light and faster than other database servers in the market. This feature of MySQL provided a market to many developers to integrate it with many webservers and as we can see that apache has integrated almost all of their servers with mysql only.

PHP (HYPERTEXT PREPROCESSOR) PHP being a server-side scripting language designed for web development and is also used as general-purpose programming language and similar to other programming languages. PHP is used vey widely and installed on a large number of web servers, more than 244 million websites and 2.1 million. The PHP stands for Personal Home Page originally but now it stands for PHP: Hypertext Preprocessor, which is a recursive acronym. The name itself says the story of the work it do, hypertext pre-processor that is the processor before it goes to the Hypertext, ie in our case in the HTML. PHP being made for web based applications that runs on web browsers, the PHP code is being interpreted by a web server with a PHP processors which generates the resulting web page: the

PHP code could be embedded directly with the Markup language such as HTML, rather than calling a separate file. So it is written in file that is saved with the extension .php. This is free language that anyone can use, and can be run on any platform but needs just a server supporting it. The most popular explanation of PHP stands for is "Hypertext Pre-processor". And which would make it HPP, surely? An alternative explanation is which the initials come from the earliest version of the program, which was called Personal Home Page Tools. At least you get the letters "PHP" in the right order! PHP being the server side language needs a server to run, thus apaches softwares WAMP and XAMPP provides these facilities. They are integrated with the phpmyadmin and mysql also, that provides a easier way to connect with the database. Some functions that we used in our project for database connectivity are 1. mysql_connect(): This method connects the PHP with the MySql database, with username, password and database name as the arguments. 2. mysql_select_db(): This method selects the database with the database name as an argument. 3. mysql_fetch_array(): Fetch the value of the rows from the table of the database. 4. mysql_query(): To execute any mysql query. 5. $_POST[ ]: this method is used to collect the values sent from the client side. 6. $_GET[ ]: this method sends the user information to another page. 7. session_start(): Starts a session. 8. $_SESSION[ ]: Used to set the session variable. 9. isset(): check whether the session in set or not. 10. session_destroy() : This method destroys the session and invalidates it.

HTML (HYPERTEXT MARKUP LANGUAGE) In order to create web pages a markup language is needed like XML, DHTML, XHTML, HTML and etc. Thus HTML: HyperText Markup Language is such markup language for creating web pages and other information which could be displayed in a web browser. This is the most important and the basic markup language that a browser understands and needs. The term Mark-up is what do with the text. That is marking up the text in the same fashion as one do in creating a document, text, underline, bullets and many more things. The language is derived from English only therefore it is very simple to The HTML is written using tags < > in which html pre-defined commands are written known as tags so the basic structure of html is as follows <html> <head> <title>Name</title></head> <body>Main body of the webpage</body>

</html> As this can be clearly noticed that to each tag there is a closing tag also, which is just like { } in many computer languages. The web browser is read the HTML documents, that is it reads its tags and put them into the form which makes it visible or audible enough to view on the web browser. The browser does not display the HTML tags, but it uses these tags to interpret the content of the page, the display the content on the browser HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and could be used to create interactive forms. Each form has an action and method, which tells the form that what to do, the action attribute is the heart of the form that tells the form where it has to carry out the details that are filled into the form. It provides a means to create structured documents by denoting structural model for things such as headings, paragraphs, lists, links, quotes and other items. It could embed scripts written in languages such as JavaScript, Jquery and many more web browser scripting languages which affect the behavior of HTML web pages. Web browsers could also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML markup. <!DOCTYPE HTML PUBLIC "-//W3C//DTD "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Transitional//EN"

HTML is a language, which makes it possible to present information on the Internet or more precisely the web pages that is the websites. What you see when you view a page on the Internet is our browser's interpretation of HTML. <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> These meta tags play the important role to provide the search engine optimization of the webpage, here we can add the keywords that can attract the traffic to your website. The purpose of these tags is to provide the documentation also. Now HTML new version HTML 5 has also came, which gives new tages like <vide0> and <audio> that means the integration of flash player with HTML only, now there is no need to embed flash players. There is one more similar language to HTML that is XHTML (Extensible Hypertext Markup language) and DHTML (Dynamic Hypertext Markup language) that provides a more graphical view to the web pages in more attractive and fancy way.

CSS(CASCADING STYLE SHEETS) Style sheets is an important part for providing the good look and feel to the website and also to provide cross browser compatibility. Style sheets basically does the work of defining all the attributes of the html tags for their look and feel for example <a>, <ul> , <ol>, <p> , <table> these parameters with their width and color and many other things. The style sheets has also provided the box model that has enabled the designer to design the website using by setting up the basic layout of the website first then moving forward. Same as script tag there is a <style> tag in which the CSS code is encapsulated in the html document, the following is the way <head> <style> CSS CODE </style> </head> Another way is to create a separate file and saving it with an extension .CSS, and then calling it in the HTML file like <link rel="stylesheet" href="styles/style.css" type="text/css" media="screen, projection"/> Where style.css is the file that holds the CSS code and is putted in the styles folder in the website. The one very useful feature that CSS has provided is that setting up position relative and absolute, thus CSS has solved all the design issues while designing a web page with using html only. The content layer is always present. It comprises the information the author wishes to convey to his or her audience, and is embedded within HTML or XHTML markup which defines its structure and semantics. Most of the content on the Web today is text, but content could also be provided through images, animations, sound, video, and whatever else an author wants to publish. In the OSI model, the presentation layer defines how the content would appear to a human being who is going to accesses the document in one way or another. The conventional way to view a web page is with a regular web browsers of computers, as now days few new gadgets like mobile phones and tabs, also opens up the websites, there for the faster execution the page needs to be open up in the simplest way without many dynamic components this for that purpose the different CSS code is being written and carries out the cross browser solution. The behavior layer involves real-time user interaction with the document. This task is normally handled by JavaScript. The interaction could be anything from a trivial validation which ensures

a required field is filled in before an order form could be submitted, to sophisticated web applications which work much like ordinary desktop programs. Its possible to embed all three layers within the same document, but keeping them separate gives us one valuable advantage: we could modify or replace any of the layers without having to change the others. Certain versions of HTML and XHTML also contain presentational element typeswhich is, elements which specify the appearance of the content, rather than structure or semantics. For example, <b> and <i> could be used to control the presentation of text, and <hr> would insert a visible rule element. However, as these types of elements embed presentation-layer information within the content layer, they negate any advantage we might have gained by keeping the layers separate. Cascading Style Sheets, or CSS, is the recommended way to control the presentation layer in a web document. The main advantage of CSS over presentational HTML markup is which the styling could be kept entirely separate from the content. For example, its possible to store all the presentational styles for a 10,000-page web site in a single CSS file. CSS also provides far better control over presentation than do presentational element types in HTML. The overall saving in bandwidth is measurable. Since the style sheet is cached after the first request and could be reused for every page on the site, it doesnt have to be downloaded with each web page. Removing all presentational markup from our web pages in favor of using CSS also reduces their size and bandwidth usageby more than 50% in many documented cases. This benefits the site owner, through lower bandwidth and storage costs, as well as the sites visitors, for whom the web pages load faster. Separate styling rules could be used for different output media. We no longer need to create a special version of each page for printingwe could simply create a single style sheet which controls how every page on the site would be printed.

JAVA SCRIPT JavaScript is from its name only depicts that it is a scripting language which was developed by Netscape to provide web developers to design interactive sites. Although it shares many of the features and structures of the full Java language, it was developed independently. Javascript could interact with HTML source code, enabling Web authors to spice up their sites with dynamic content. JavaScript is endorsed by a number of software companies and is an open language which anyone could use without purchasing a license. It is supported by recent browsers from Netscape and Microsoft, though Internet Explorer supports only a subset, which Microsoft calls Jscript. JavaScript support is built right into all the major web browsers, including Internet Explorer, Firefox and Safari. Provided which the visitors to our site are using web browsers which support

JavaScript (most do) and have JavaScript enabled (it is by default), then our JavaScript would run when they visit the page. <script language=JavaScript> </script> In html page the Java script can be embedded in this way, under the script tag in the head of the website that is under the <head>. One more way is to save the javascript code in a separate file which is saved with extension.js and then it is being called in html. JavaScript is an interpreted language, so no special program is required to create usable code. Any plain text editor such as Notepad (one of the Accessories which comes in Windows) is quite satisfactory for being able to write JavaScript. Which said, an editor which colorizes the code to make it easier to see what is what makes it easier to find our mistakes. My Javascript Formatter also could reformat our script to make errors easier to spot. Do not mix up JavaScript with HTML, where on one hand HTML is a markup language designed for defining static web page content. The JavaScript is a programming language designed for performing dynamic tasks. Sometimes the distinction is confusing because JavaScript code could go in the same file as HTML. Perhaps, it depends which where the code needs to run. If it could run before the page loads, you could use a server-side language. JavaScript, as this is the only scripting language supported by all web browsers which support client-side scripting.

There are plenty of pre-written JavaScripts which people have made available for you to plug straight into our web page. All you need to know to be able to use such scripts is how to paste the supplied code into the required places in our web page. The most important feature of javascript is to do form validation, that is rather than checking each field after it gets to the server , checking it on the client side only with the server constraints also, for example if there is a field in the form that in NOT NULL then before it goes to the database and gives the error, it must be prompted to the user by the browser if he leaves it empty. So to have that field value the following code is use where ffff is the name of the form and the fname is the name of either of the form field whether it is input, or select. var x=document.forms["fff"]["fname"].value;

METHODOLOGY

The whole website can be broken into two subsequent parts one is the website user interface i.e the client side face of the website and other is the server side back hand that is responsible for felicitating all the transactions of the client side and interacting with the database. Firstly the database has been built up for the website, name with tstore which contains eight tables in it names as follows: users, depts, designs, events, sizes, colors, brands, tshirts , these all tables holds the data of all the users and the products and the orders. Thus this database plays and important role in the whole store management, and the corresponding transactions. The following schema shows the whole view of the database, its tables and its fields.

The above relational schema explains the whole database system, with its tables and their corresponding relations. The whole code from database (MySql) connection to creation of database and its tables and insertion of data all work has been done through a common php file libcommon.php which has all the methods namely

connect($db_name): This method connects the database as the argument with the PHP website hosted on the localhost , with the username as root and with no security password. 1. db_createdb(): This method writes the sql query to create the database with the name tstore. 2. db_create_table(): This method also issues the commands to create the tables listed in the above relational schema. 3. db_insert_users(): This method inserts the data into the table users. 4. db_insert_designs():This method inserts the data into the table designs. 5. db_insert_depts():This method inserts the data into the table depts. 6. db_insert_events():This method inserts the data into the table events. 7. db_insert_sizes():This method inserts the data into the table sizes. 8. db_insert_colors():This method inserts the data into the table colors. 9. db_insert_brands():This method inserts the data into the table brands. 10. db_insert_tshirts():This method inserts the data into the table tshirts. 11. db_table_tshirts(): This method displays the data of the table tshirts according to the relations with other tables.

"CREATE TABLE users(sno int auto_increment primary key,fname varchar(20) NOT NULL , lname varchar(20),sex char NOT NULL, age int NOT NULL, email varchar(100) NOT NULL UNIQUE KEY,address varchar(200) NOT NULL,phone bigint NOT NULL,username varchar(20) NOT NULL UNIQUE KEY,password varchar(50) NOT NULL) "CREATE TABLE colors(cno int auto_increment primary key,colorName varchar(10))" "CREATE TABLE designs(desno int auto_increment primary key,designName varchar(10))" "CREATE TABLE depts(deptno int auto_increment primary key,deptName varchar(10))"

"CREATE TABLE events(eventno int auto_increment primary key,eventName varchar(10))"

"CREATE TABLE sizes(sizeno int auto_increment primary key,size varchar(10))" "CREATE TABLE brands(brandno int auto_increment primary key,brand varchar(10))" "CREATE TABLE tshirts(sno int auto_increment primary key,tcode varchar(5) NOT NULL UNIQUE KEY,design int NOT NULL,dept int NOT NULL,event int NOT NULL,size int NOT NULL,photo varchar(200) NOT NULL,brand int NOT NULL ,color int NOT NULL,price bigint NOT NULL,description varchar(200),dateOfPurchase date NOT NULL,buy char NOT NULL,dateOfSell date,username varchar(20),FOREIGN KEY (username) REFERENCES users(username),FOREIGN KEY (design) REFERENCES designs(desno),FOREIGN KEY (dept) REFERENCES depts(deptno),FOREIGN KEY (event) REFERENCES events(eventno),FOREIGN KEY (size) REFERENCES sizes(sizeno),FOREIGN KEY (color) REFERENCES colors(cno),FOREIGN KEY (brand) REFERENCES brands(brandno))"

The following are the commands to create the database

The table tshirts holds the data about the t-shirts like price, brand, bought, photo, etc. The field photo holds the link of the photo which are placed into the images folder of the website.These all functions are put into another installation file install.php that call these functions and do setup the whole database with the dummy data for the website. There is another function in the libcommon.php file that is db_table_tshirts() which displays the data of the table tshirts in the tabular format by joining all the tables with the tshirts table according to their relations, the field buy provides three options one is N: means the item is not added to the cart, Y: means the item is bought and C: means the item is added to the cart. If the value of the buy field is C then the user is asked for buying the item and proceed for payment, or if the value of the item is Y: items is sold and will not displayed in the shopping list.

Second and the most important part of the whole system is the web user interface that is designed using HTML and CSS . The login form and the registration form is also being designed using the same HTML and the validation on the form is applied using the JavaScript. The interface is divided in two parts and thus the code is putted in two php files one is top.php that holds the top layout of the website including the header menu, logo and the name. Then the other bottom part of the website is put in the bottom.php that displays the footer of the website displaying the copyright message. Then most important and the dynamic part of the website is displayed in the center of the website. For the login and the registration page the login and the registration form is displayed in the center which calls the php page loginproc.php and registerproc.php respectively , which has the whole code to check from the table users of the username and the password for the login and for registration he insertion command is given to the database. The logproc.php searches matched username and password and creates a session with the username as the session variable. For the search box that displays the T-shirts and filter them according to the user, for that the db_table_tshirts() has been called from libcommon.php file, which displays the whole details of the tshirt by applying the various joins on select command. The following is the select command which selects the data when the value of buy field is not equal to Y th at means the
"SELECT tshirts.sno,designs.designName,depts.deptName,events.eventName,sizes.size,tshirts.photo,brands. brand,colors.colorName,tshirts.price,tshirts.description,tshirts.buy from tshirts join designs on tshirts.design=designs.desno join depts on tshirts.dept=depts.deptno join events on tshirts.event=events.eventno join sizes on tshirts.size=sizes.sizeno join brands on tshirts.brand=brands.brandno join colors on tshirts.color=colors.cno where tshirts.buy='N' or 'C'"

T-shirt has not been sold yet, if the T-shirt is being sold out then the buy field is set to Y and the item will not been displayed in the shopping cart anymore. There is a page addcart.php that holds the code for updating the buy and the username field of the database. That is by setting the buy field to C and thus creating the cart. Then gives the option of checkout that will take the user to the payment options page and updating the field to Y.

DESCRIPTION OF WEBSITE

To start the website first of all you need to install the WAMP or XAMPP on your system, after that youve to start the apache server because the website is made on php that is a server side programming language and thus needs a server to run. So if were using t WAMP then the website is saved in the www folder and if were using XAMPP then the website is saved in htdocs folder. Weve hosted this website using WAMP , and given the website name as tstore.com therefore our url:localhost:81/tstore.com the sql server used is SqlBuddy. For the first time the server needs to open up the install.php file to setup the database for the demo. Which is shown in the figure 1, then clicks on the Add Tshirts button that inserts the dummy Tshirts to the database. For a demo purpose not many Tshirts are being added just few Tshirts are added and the filters are neither applied very efficiently because our main work is to make the ecommerce working website that does the transactions online.

Figure 1 Now when the whole database is ready, the user can login into the website by just opening up the url:localhost:81/tstore.com. Then he can search for the Tshirts in the inline frame that gives the view of the T-shirts available in the store. And according to his choice can filter them and also add to the cart if he want to purchase it. The figure 2 show the view of the page that shows the

items list and the option to add them to the cart. When the user click on to that button he is asked to login to and after he logins his cart starts to building up and after that he can buy them by checkout for them payment options and after that he will be first asked for the mailing address, then the payment option and after that according to the choice of his payment option he will be carried to that particular page, if Cash on delivery then he will be just prompted for the order accomplishment. Or if he has chosen either of the two option then he will be prompted for the bank selection for netbanking and then being carried out to that bank gateway or else if wants to pay using the credit card, then he will be taken to bank gateway to which our website is being linked. In our case we just opens up the dummy bank page.

Figure 2 The following figure 3 shows the login screen where the user can login into his account by just entering his login username and password. For just a testing purpose wed inserted a dummy user with username: andy and password: andy123. If the login parameters are correct then the user is being taken to the shopping page i.e the index page of the website, or if the login parameters are not correct then the user remains on the login page only.

Figure 3 After the user logins into the website he can see 4 new options in his main menu that are Cart, Empty Cart, Payment and Logout that is shown in the figure 4.The purpose of each of the option is very much clear from its name only that what the things do they provide, these options are only provided after the login and disappears after the logout.

Figure 4

The new users can also register to the website with just visiting the register.php by just clicking on the register option in the menu option, and just filling the registration form in which all the fields are necessary and if you dont fill in the text fields then youll be prompted by the browser that youve not entered the field. Because there is a form validation behind the code. The registration form is shown in the figure 5. Earlier the user cant see the option below the T-shirt Add to the Cart in the item list now, after login into his account he can see option Add to Cart just below the image of the T-shirt. Which provides a feature to the user to create his Shopping cart and thus proceed for the shopping, figure 6 is showing the cart view that how the cart will look like, with two option buttons Checkout: to proceed for the payment and other is to empty the cart. Now when the user clicks on to the Checkout button, he is taken to the payment scree where he is asked for the order confirmation by entering his address and phone details and also asked for payment option, the figure 7 is showing us the form view, after that if the user has chosen Cash on delivery then he will be redirected to the index page or if he chooses any of the two then he will be redirected to the bank gateway, with the total amount to be paid. Then user can enter his bank details and can do the transaction, in this project of ours weve just posted the amount with the redirecting url but due to it being just a startup project it do not have any bank gate way be cause for that we need to have a firm bank account with all rights to do bank transactions.

Figure 5

Figure 6

Figure 7

CONCLUSION

From this project of ours we hereby conclude that opening up Web Store includes a website design, a database management and a bank account with the facility to do online transactions. Thus we need a website and a server space to carry out the online Web Store. As seeing the trend in Australian market the online marketing and sales has grown very rapidly. If we compare it with the Traditional retail sales then we can see that where Tradition sale just goes to 2.2 % , the Online retail sales went upto 26% in a month. This picture clears the whole scenario of the market that how important is the e-commerce is becoming in the market. Thus the importance of the website and a webserver being in the market nowadays. Thus following all the rules and regulations of the e-commerce, the website needs to be developed. So weve chosen PHP as the platform to develop the server side backhand programming, to interact with client side platform. In order to run the PHP website we need to install a web server that is our case in WAMP server. So first we installed WAMP server and then we go to the directory where weve installed the WAMP then open up the folder WWW and created a folder tstore.com and in that we started creating our website. Earlier we started building the website design using html and type standardize the design we started with the HTML because a web browser needs a markup language that is html and to support the design structure we used CSS and putted in a separate file in the separate folder styles. Using the link tag and giving the link to the .css file we can use all the features of the style sheet and can design using the features programmed in the CSS file. The statement used was follow. <link rel="stylesheet" href="styles/style.css" type="text/css" media="screen, projection"/> As told earlier that the design is putted in two separate files top.php and bottom.php. So the CSS code is being embedded in the top.php file . Then in the middle of the page all the dynamic contents are being displayed. Using PHP sessions and MySQL connectivity the dynamic content has been modeled using simple tables in HTML. SQL buddy is used, that is provided by the WAMP server. Thus we concluded from this part that the design of a website is one of the crucial thing to attract the customers to your web store because if your website is easy to use and has good accessibility and also a good security agents like Norton, AVG then your customers can trust on to your

payment gateways. The content filtering is one of the most important feature that attracts the users, that is being done through modeling a good database. A good database model could only facilitate the good content filtering because it provides with the many select and order by options and constraints which are essential for sorting out the data. The two important things that a website must give that a Cart that adds up all the items that a user purchases and gives him an option to prepare his/ her cart according to his choice , that is he can add any item and also can remove it from the cart. This freedom is given with ease to the user so that has need not to search for it in the website. The second most is the payment option, there must be enough payment gateways that your website must have. So that the customer can choose either of the way according to his/her choice. The one most important thing that is being taken care of that when youre carrying your user to the bank gateway then you must transfer the amount to be pay in the through the bank either through the credit card of through net banking, and in order to make it safe it must be carried out in the encrypted from so that no one could crack it out. So doing this project we got to know what are the huddles that designing a e-commerce based website involves, to present the website view and to manage the data at the same time and also taking care of hazards that might attack your website, so youve to take certain firewalls also from companies like Norton, avast and many more, that prevents your website from the malicious attack, and also protects your database from one of the very crucial attack that is the sql injection. Thus for a start up phase this project makes us learn many points about handling such an crucial and commerce based online system.