Upload
cahuja3
View
222
Download
0
Embed Size (px)
Citation preview
8/13/2019 Online T-Shirt Store Project
1/27
Chirag[Email address]
8/13/2019 Online T-Shirt Store Project
2/27
1 EXECUTIVE SUMMARYThere is a shopping cart, a Login box and a search window, which provides a user with aninterface 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 andenter 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.
8/13/2019 Online T-Shirt Store Project
3/27
8/13/2019 Online T-Shirt Store Project
4/27
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 Pre-
processor) 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 T-
Shirt 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
8/13/2019 Online T-Shirt Store Project
5/27
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 thebank will send a confirmation to the store and then the web store will proceed further with its
proceedings.
8/13/2019 Online T-Shirt Store Project
6/27
3 LITERATUREAs 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 sideprogramming. 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 e-
commerce such as mobile commerce, inventory management system, internet marketing,
electronic data interchange (EDI), online transactions, internet banking. E-commerce wasbasically 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 e-
commerce 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) Application Services2) Management of transactions3)
Interface4) Security
5) Middleware6) 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.
8/13/2019 Online T-Shirt Store Project
7/27
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.
8/13/2019 Online T-Shirt Store Project
8/27
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 e-
commerce 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 thenyou 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 e-
commerce gateways which link to the merchant account which is set up with our bank.
8/13/2019 Online T-Shirt Store Project
9/27
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 isproper 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 aboutyour 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 thecontent filtering.
2. Support and Community: This feature tells how large is the community of developmentwhich are available to customize and support the shopping cart.
3.
Functionality: In order to check which type of shopping cart that one must use accordingto 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
8/13/2019 Online T-Shirt Store Project
10/27
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 islooking 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 themMySQL. 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 websitesand 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
8/13/2019 Online T-Shirt Store Project
11/27
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 getthe 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, withusername, password and database name as the arguments.
2. mysql_select_db(): This method selects the database with the database name as anargument.
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
Name
Main body of the webpage
8/13/2019 Online T-Shirt Store Project
12/27
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 doesnot 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.
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.
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 and
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.
8/13/2019 Online T-Shirt Store Project
13/27
8/13/2019 Online T-Shirt Store Project
14/27
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 , , ,
,
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 tag in which the CSS code is encapsulated in the html
document, the following is the way
CSS CODE
Another way is to create a separate file and saving it with an extension .CSS, and then calling it
in the HTML file like
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 usinghtml 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 mobilephones 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
8/13/2019 Online T-Shirt Store Project
15/27
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, and could be used to control the presentation of text, and 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 whichcontrols 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
8/13/2019 Online T-Shirt Store Project
16/27
JavaScript (most do) and have JavaScript enabled (it is by default), then our JavaScript would
run when they visit the page.
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 . 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 thesupplied 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;
8/13/2019 Online T-Shirt Store Project
17/27
8/13/2019 Online T-Shirt Store Project
18/27
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 nametstore.
2. db_create_table(): This method also issues the commands to create the tables listed in theabove 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.
8/13/2019 Online T-Shirt Store Project
19/27
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 willnot displayed in the shopping
list.
"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 UNIQUEKEY,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))"
8/13/2019 Online T-Shirt Store Project
20/27
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.phpthat holds the top layout of the website including the header menu, logo and the name. Then the
other bottompart 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
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.
"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'"
8/13/2019 Online T-Shirt Store Project
21/27
5 DESCRIPTION OF WEBSITETo 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 thewebsite 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 oururl:localhost:81/tstore.comthe 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 i nserts 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
http://localhost:81/tstore.comhttp://localhost:81/tstore.comhttp://localhost:81/tstore.comhttp://localhost:81/tstore.comhttp://localhost:81/tstore.comhttp://localhost:81/tstore.comhttp://localhost:81/tstore.com8/13/2019 Online T-Shirt Store Project
22/27
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.
8/13/2019 Online T-Shirt Store Project
23/27
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
8/13/2019 Online T-Shirt Store Project
24/27
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 heis 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
8/13/2019 Online T-Shirt Store Project
25/27
Figure 6
Figure 7
8/13/2019 Online T-Shirt Store Project
26/27
6 CONCLUSIONFrom 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 trendin 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.
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
8/13/2019 Online T-Shirt Store Project
27/27
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 youruser 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 themalicious 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.