CLICK & GET A SHOPPING PORTALCLICK & GET A SHOPPING PORTAL

CLICK & GET A SHOPPING PORTAL
Project Submitted to Thiruvalluvar University
for the award of the degree of
B.SC COMPUTER SCIENCE & COMPUTER APPLICATION
Submitted by
By
31421U18001 MOHANKUMAR P
31421U09001 PANDIYAN V
31421U09001 SANTHANAM K
31421U09003 VINODHINI M
32721U09056 NIYAMATHULLA M
Under the Guidence and Supervision of
S. KANALARASU M.Sc.,B.Ed.,M.Phil.,
Head of the Department
Department of COMPUTER SCIENCE & COMPUTER APPLICATION
Jothi’s College
KATPADI-632001.
THIRUVALLUVAR UNIVERSITY
SERKKADU - 632115
APRIL -2024

BONAFIDE CERTIFICATE
Certified that this project report entitled CLICK & GET A SHOPPING PORTAL is the
bonafide work of who carried out the research under my supervision. Certified further to
the best of my knowledge the work reported herein does not form part of any other
project report or dissertation on the basis of which a degree or award was conferred on an
earlier occasion on this or any other candidate.
Signature of the Guide Signature of the HOD
Internal Examiner External Examiner
Submitted to the project viva voce held on ________________

DECLARATION
I hereby declare that the project titled “CLICK & GET A SHOPPING PORTAL”
Submitted by the B.SC COMPUTER SCIENCE & COMPUTER APPLICATION, Degree
my original work and the dissertation has not formed the basis for the award of any
degree, associate ship, fellowship or any other similar titles.
Place: Katpadi
Date:

ACKNOWLEDGEMENT
I am grateful to almighty for his guidance, strength, wisdom and support throughout this
project.
I take this great opportunity to express my sincere thanks to Thiruvalluvar University for
their encouragement and for providing facilities required for successful completion of this
project work.
I take great privilege to thank our principal Dr.D.Ramesh Babu M.B.A. Ph.d.,Principal I/C,
Jothi’s College, Katpadi for his valuable Support and Guidance.
My gratitude to S.KANALARASU M.Sc.,B.ED.,M.Phil for teaching me the real glimpse of a
project and enabling me to apply the concepts in theory to practice. Her constant guidance
and painstaking efforts during the project period deserves a heartfelt gratitude from me.
I thank my project guide Mr.S.KANALARASU M.Sc.,B.ED.,M.Phil for all his help and support
throughout the project. I also thank all the faculties of Jothi’s college, Katpadi Vellore, for
their help during my course of study.
Finally I thank my Parents, Brother and Friends for their valuable support and
encouragement rendered for the successful completion of this project.

ABSTRACT
E-commerce means any transaction over the internet.
In online marketing, a shopping cart is a piece of e-commerce software on a
web server that allows visitors to an Internet site to select items for eventual
purchase, analogous to the American English term ―shopping cart.‖ In British
English, it is generally known as a shopping basket, almost exclusively
shortened on websites to ―basket.‖
The software allows online shopping customers to accumulate a list of items for
purchase, described metaphorically as ―placing items in the shopping cart‖ or
―add to cart.‖ Upon checkout, the software typically calculates a total for the
order, including shipping and handling (i.e., postage and packing) charges and
the associated taxes, as applicable.

INDEX
1.Introduction
Introduction for Click & Get……………………………………………09
Objective………………………………………………………………..09
Need of click &get shopping portal…………………………………...10
Profile of the problem…………………………………………………..10
Advantages of e-commerce websites…………………………………...11
Use cases for e-commerce websites…………………………………….11
2.Technologies used
Hyper Text Markup Language …………………………………………12
Cascading style sheets………………………………………………….13
Java script……………………………………………………………….14
Hypertext preprocessor…………………………………………………15
My structured query language………………………………………….16
3. Requirement analysis
Feasibility study………………………………………………………….17
Functional requirements…………………………………………………19
Non-functional requirements……………………………………………21
4. Hardware and software requirement
Hardqare requirements………………………………………………….22
Software requirements………………………………………………….22

5. Product function
General user function…………………………………………………...23
Administrator function………………………………………………….24
6. Design detail
Registration form……………………………………………………….24
User features……………………………………………………………25
Features of admin………………………………………………………25
7. Testing
Structural testing………………………………………………………..26
Functional testing………………………………………………………26
8.Test cases
Login for user…………………………………………………………..28
User registration page…………………………………………………..29
9.About the current system
Advantages of the current system………………………………………30
Advantage of online shopping portal…………………………………...30
Deficiencies of the manual system……………………………………..30
10.Goals of the proposed system
Goals………………………………………………………………...33-34
User requirement……………………………………………………….35

11.Flow chart
Data flow diagram…………………………………………………..36-44
12.Source Code
Code…………………………………………………………………45-70
13.Output/Screenshot
Screenshot…………………………………………………………...71-74
14.Conclusion
Conclusion……………………………………………………………...75
Reference……………………………………………………………….76

INTRODUCTION
Computer plays an important role in our daily life. Anything we want we
can get only in one mouse click. Speed, reliability and accuracy of the computer
make it a powerful tool for different purposes. A very important and basic need
of today‘s modern business world is the quick availability and processing of
information using computer. One can easily get the type of required information
within a fraction of a second. The project that I have taken is also in this
category which is used in our daily life whenever we want to purchase some
items we can easily get them at our home.
E-commerce websites are specifically designed for online buying and selling
of products and services. These websites integrate shopping carts, payment
gateways, and inventory management systems to facilitate secure online
transactions. E-commerce websites can be either static or dynamic, depending
on the chosen platform and requirements.
OBJECTIVE:
The objective of project on Click & Get a Shopping Portal is to developing a
GUI based automated system, which will cover all the information Related to
the all products which is used in our daily life. For example – Mobiles Phones,
Laptops, Clothes, Books, Electronic Items and many more. So by this GUI
based automated system a user want to purchase something then it only a mouse
click away to purchase these products.

NEED OF CLICK &GET SHOPPING PORTAL:
The ―CLICK & GET SHOPPING PORTAL‖ is developed according
the current need in different fields. This is online shopping Website which
provides facility for purchasing Mobiles, Laptops, Camera and many more
items. So by using this Online Shopping Portal users which want to purchase
some products will first Register an account on this portal then Login through
their Username and Password, and then Select items which they want to
purchase and add them to cart and finally checkout by giving payment details.
So by using this portal users can easily purchase products from their home.
PROFILE OF THE PROBLEM:
One must know what the problem is before it can be solved. The basis for the
online shopping portal is to buy products online and save the timing.
A Online shopping portal, who want to buy any product of their need, has to
contact different Shoppers, before deciding upon a particular Product that best
suit his needs, requirements and satisfaction. Moreover, most of the work
involved in this development process has to be done manually which is very time
consuming and cumbersome and also, it reduces the efficiency, accuracy.
To know the facts and understanding of the problem in detail, System Analysis
is carried out. It is the process of studying the business processes and procedures,
generally referred to as business systems, to see how they can operate and
whether improvement is needed.

ADVANTAGES OF E-COMMERCE WEBSITES:
E-commerce websites offer businesses the opportunity to reach a global
customer base, operate 24/7, and streamline the buying process. They provide
features like product catalogs, customer reviews, secure payments, and order
tracking, enhancing the overall shopping experience. Furthermore, e-commerce
websites allow businesses to analyze customer behavior, track sales, and
optimize marketing strategies
Shoppers can find what they want more quickly and simply by browsing a
range of things rapidly and buying what they want at once. Customers can shop
online for things that are unavailable locally or are only available in distant
physical stores.
USE CASES FOR E-COMMERCE WEBSITES:
E-commerce websites are a necessity for businesses that want to sell products or
services online. They are suitable for various industries, including retail,
fashion, electronics, and digital services. Whether you are a small business or a
large enterprise, having an e-commerce website enables you to tap into the vast
potential of online sales.

TECHNOLOGIES USED
HTML:
HyperText Markup Language or HTML is the standard markup
language for documents designed to be displayed in a web browser. It defines
the content and structure of web content. It is often assisted by technologies
such as Cascading Style Sheets (CSS) and scripting languages such
as JavaScript..
Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML describes
the structure of a web page semantically and originally included cues for its
appearance
HTML elements are the building blocks of HTML pages. With HTML
constructs, images and other objects such as interactive forms may be embedded
into the rendered page. HTML provides a means to create structured
documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes, and other items. HTML elements are delineated
by tags, written using angle brackets. Tags such
as <img> and <input> directly introduce content into the page. Other tags
such as <p> and </p> surround and provide information about document text
and may include sub-element tags. Browsers do not display the HTML tags but
use them to interpret the content of the page

CSS(CASCADING STYLE SHEETS):
CSS is designed to enable the separation of content and presentation, including
layout, colors and fonts. This separation can improve content accessibility;
provide more flexibility and control in the specification of presentation
characteristics; enable multiple web pages to share formatting by specifying the
relevant CSS in a separate .css file, which reduces complexity and repetition in
the structural content; and enable the .css file to be cached to improve the page
load speed between the pages that share the file and its formatting.
Separation of formatting and content also makes it feasible to present the
same markup page in different styles for different rendering methods, such as
on-screen, in print, by voice (via speech-based browser or screen reader), and
on Braille-based tactile devices. CSS also has rules for alternate formatting if
the content is accessed on a mobile device.
The name cascading comes from the specified priority scheme to determine
which declaration applies if more than one declaration of a property match a
particular element. This cascading priority scheme is predictable.
The CSS specifications are maintained by the World Wide Web
Consortium (W3C). Internet media type (MIME type) text/css is registered for
use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS
validation service for CSS documents

JAVA SCRIPT:
JavaScript is a high-level, often just-in-time compiled language that
conforms to the ECMAScript standard.[11]
It has dynamic typing, prototype-
based object-orientation, and first-class functions. It is multi-paradigm,
supporting event-driven, functional, and imperative programming styles. It
has application programming interfaces (APIs) for working with text,
dates, regular expressions, standard data structures, and the Document Object
Model (DOM).
JavaScript supports much of the structured programming syntax
from C (e.g., if statements, while loops, switch statements, do while loops,
etc.). One partial exception is scoping: originally JavaScript only had function
scoping with var; block scoping was added in ECMAScript 2015 with the
keywords let and const. Like C, JavaScript makes a distinction
between expressions and statements. One syntactic difference from C
is automatic semicolon insertion, which allow semicolons (which terminate
statements) to be omitted.
JavaScript is dynamically typed like most other scripting languages.
A type is associated with a value rather than an expression. For example,
a variable initially bound to a number may be reassigned to
a string.[58]
JavaScript supports various ways to test the type of objects,
including duck typing

PHP( HYPERTEXT PREPROCESSOR):
PHP is a general-purpose scripting language geared towards web
development. It was originally created by Danish-
Canadian programmer Rasmus Lerdorf in 1993 and released in 1995. The
PHP reference implementation is now produced by the PHP Group. PHP was
originally an abbreviation of Personal Home Page, but it now stands for
the recursive initialism PHP: Hypertext Preprocessor.
PHP code is usually processed on a web server by a
PHP interpreter implemented as a module, a daemon or a Common Gateway
Interface (CGI) executable. On a web server, the result of the interpreted and
executed PHP code—which may be any type of data, such as
generated HTML or binary image data—would form the whole or part of
an HTTP response. Various web template systems, web content management
systems, and web frameworks exist that can be employed to orchestrate or
facilitate the generation of that response. Additionally, PHP can be used for
many programming tasks outside the web context, such as standalone graphical
applications[15]
and drone control.[16]
PHP code can also be directly executed
from the command line.
Basic object-oriented programming functionality was added in PHP 3 and
improved in PHP 4. This allowed for PHP to gain further abstraction, making
creative tasks easier for programmers using the language. Object handling was
completely rewritten for PHP 5, expanding the feature set and enhancing
performance

MYSQL(MY STRUCTURED QUERY LANGUAGE):
MySQL is an open-source relational database management
system (RDBMS). Its name is a combination of "My", the name of co-
founder Michael Widenius's daughter My, and "SQL", the acronym
for Structured Query Language. A relational database organizes data into one or
more data tables in which data may be related to each other; these relations help
structure the data. SQL is a language that programmers use to create, modify
and extract data from the relational database, as well as control user access to
the database. In addition to relational databases and SQL, an RDBMS like
MySQL works with an operating system to implement a relational database in a
computer's storage system, manages users, allows for network access and
facilitates testing database integrity and creation of backups.
MySQL can be built and installed manually from source code, but it is more
commonly installed from a binary package unless special customizations are
required. On most Linux distributions, the package management system can
download and install MySQL with minimal effort, though further configuration
is often required to adjust security and optimization settings.
Some cloud platforms offer MySQL "as a service". In this configuration,
application owners do not have to install and maintain the MySQL database on
their own. Instead, the database service provider takes responsibility for
installing and maintaining the database.

REQUIREMENT ANALYSIS
FEASIBILITY STUDY:
Preliminary investigation examine project feasibility, the like hood the
system will be useful to the organization. The main objective of the feasibility
study is to test the Technical, Operational and Economical feasibility for adding
new modules and debugging old running system. All system is feasible if they
are unlimited resources and infinite time. There are aspects in the feasibility
study portion of the preliminary investigation:
 Technical Feasibility
 Operation Feasibility
 Economical Feasibility
TECHNICAL FEASIBILITY:
 The technical issue usually raised during the feasibility stage of the
investigation includes the following:
 Do the proposed equipment have the technical capacity to hold the data
required to use the new system?
 Will the proposed system provide adequate response to inquiries,
regardless of the number or location of users?
 Are there technical guarantees of accuracy, reliability, ease of access and
data security?
OPERATIONAL FEASIBILITY:

Proposed projects are beneficial only if they can be turned out into
information system. That will meet the organization‘s operating requirements.
Operational feasibility aspects of the project are to be taken as an important part
of the project implementation. Some of the important issues raised are to test the
operational feasibility of a project includes the following:
 Is there sufficient support for the management from the users?
 Will the system be used and work properly if it is being developed and
implemented?
 Will there be any resistance from the user that will undermine the
possible application benefits?
ECONOMICALFEASIBILITY:
A system can be developed technically and that will be used if installed must
still be a good investment for the organization. In the economical feasibility, the
development cost in creating the system is evaluated against the ultimate benefit
derived from the new systems. Financial benefits must equal or exceed the
costs.
LEGAL FEASIBILITY:
In the legal feasibility it is necessary to check that the software we are going
to develop is legally correct which means that the ideas which we have taken for
the proposed system will be legally implemented or not so, it is also an
important step in feasibility study.
SYSTEMIMPLEMENTATION:

During the implementation stage in physically stage in physically created.
Necessary program are coded, debugged and documented. A new hardware is
selected , ordered and installed.
FUNCTIONAL REQUIREMENTS:
Functional requirements define the fundamental actions that must take place in
the software in accepting the inputs and in processing and generating the
outputs. These are listed as ―shall‖ statements starting with ―The system shall….
Login Module – This module is provided for administrator and users such as
Product buyer and seller who have registered themselves in the system. These
login are provided according to the need of the systems.
 Input – User id and password
 Process – After entering user id and password by user
process of validation occur to identify whether user id
and password is available in database or not.
 Output – Registered user can access website and can use the
services.
Administrator Module – The administrator is provided with password and
login-id with which he/she can access the system. Administrator is provided
right of maintaining the database, verifies registered users.
 Input – Login id and password.
 Process – Process of validation will occur.
 Output – Administrator will maintain the database and will
perform Product seller process.

Search Module – In this module we are going to provide facility for Product
buyer to search for Products according to their specified categories so that users
can search for Products easily.
 Input- Initial letter of Product, with the help of keywords
and with the help of Brand name.
 Output- Information about Products.

User Module – As users are the main visitor of site, the following facilities are
available through this module.
Can search the Products according to their need
Can order online books and pay via credit or atm card or PayPal.
Can get information about Products.
 Input – User Id and password
 Process – Process of validation will occur.
 Output – Only genuine user can access services provided by
website.

NON-FUNCTIONAL REQUIREMENTS:
PERFORMANCE REQUIREMENT:
The performance of the product mainly depends on the speed of Internet
connection. If the user wants hard real time response, then this is definitely not
the product to go for.
SAFETY REQUIREMENTS:
The electrical connection to the devices is critical and should be done according
to the standards to avoid any short circuits.
SECURITY REQUIREMENTS:
We aim to provide high security features like encryption to the user accounts to
provide security from illegal hacking and gaining access to the system.

HARDWARE AND SOFTWARE REQUIREMENT:
HARDQARE REQUIREMENTS:
Processor : Intel Pentium Dual Core
RAM : 512MB
HardDisk : 160GB Space
SOFTWARE REQUIREMENTS:
Operating System : Windows/iOS/Unix
Web Browser : IE/Google Chrome/Firefox/OPERA
Technology : PHP
Tools : XAMPP/Wamp/Mamp
User Interface Design :HTML, CSS, JAVASCRIPT
Back End :MYSQL 5.x
Scripting Language :PHP

PRODUCT FUNCTION
The complete product is comprised of various functions-
FUNCTION AVAILABLE TO GENERAL USER:
 User can access the information about various Products and Brands.
 User can become a member of site by registering himself.
 User can buy a Product online.
 Selected categories can be explored by user.
REGISTERED USER HAS SOME OTHER FUNCTION LIKE-
 Log –in page to log into the application.
 He will get email from administrator sending him information about new
Products in the store.
 Can change his/her password.
FUNCTION AVAILABLE TO ADMINISTRATOR:
 Administrator will add or delete the Products in the database.
 Administrator also provides the discount on the Products.
 It enables or disables the user after fill the user registration form.
 Administrator will send new password to the user email address.
USER CHARACTERISTICS
This subsection of SRS should describe whose characteristics of the eventual
user of the product that will affect the specific requirement. Our website will be
intended not only for authorized user but also for general user.

ADMINISTRATOR
 Administrator should know how to access internet and must have good
knowledge of English.
 He must be aware of how to respond feedback and queries fired by user.
GENERAL USER
 We assume that user knows English & user need not be computer
professionals.
 User should be aware of internet.
 User can access information through hyperlink such that navigation of
various pages.
CONSTRAINTS
Only administrator will be able to make entries in the database and can
modify it.
DETAIL DESIGN
 SEARCH
On this web site two type of user can search the book one is registered and
another is unregistered. Registered user have to fill the form and then he/she can
search or buy the Products but unregistered can only search the Products not
buy the Product until they did not get the registered user.
 REGISTRATION FORM
Shop will place registration form on the site. In this buyer interact with the
shop. Buyer will get registration form from the site and fill those forms and
submit on the site. Shop will store these registration forms in their database. In
this we have to fill first name, last name, address, e-mail, etc.
USER FEATURES:

 User Registration
 User login system
 Change password
 Forgot password
 Profile management system.
 Shopping cart
 Wishlist
 Order History
FEATURES OF ADMIN:
 Product Management(Add,Update, Delete)
 Order Management System
 User Management
 Category/ Sub Category Creation
TESTING:

Testing is the process of executing a program with the intent of finding errors.
Although software testing is itself an expensive activity, yet launching of
software without may lead to cost potentially much higher than that of testing,
especially in systems where human safety is involved. Effective software testing
will contribute to the delivery of higher quality software products, more
satisfied users, and lower maintenance costs, more accurate and reliable results.
Software testing is necessary and important activity of software development
process.
STRUCTURAL TESTING:
Structural Testing takes into account the internal mechanism of a system or
component. Fatigue Testing is carried out with the objective of determining the
relationship between the stress range and the number of times it can be applied
before causing failure. So when your product‘s structural durability needs to be
predicted, verified and validated, turn to DTB's Structural Testing and Fatigue
Testing experts. We provide you with the necessary structural testing and fatigue
testing equipment and personnel to test the design and manufacturing integrity of
your product. Call upon our vast experience in commercial and military
applications.
SOFTWARE STRUCTURAL TESTING:

A 2-day course designed to provide an excellent knowledgebase and practical
skills for anyone interested in improving Software Structural Testing techniques
and practices in their organization. This course starts with an overview of
software testing basics, including discussions of the importance of software
testing, the different levels of testing and basic testing principles. Basic testing
terminology is defined. Techniques for ensure test coverage of requirements,
different types of testing documentation and various test activities are discussed.
Course attendees will learn how to utilize various techniques for performing
systematic structural testing, including decision/condition coverage, loop testing
and basis path testing. Strategies for performing software and system integration
testing are also covered.
FUNCTIONAL TESTING:
It is very useful and convenient in support of functional testing. Although JMeter
is known more as a performance testing tool, functional testing elements can be
integrated within the Test Plan, which was originally designed to support load
testing. Many other load-testing tools provide little or none of this feature,
restricting themselves to performance-testing purposes. Besides integrating
functional-testing elements along with load-testing elements in the Test Plan, you
can also create a Test Plan that runs these exclusively. In other words, aside from
creating a Load Test Plan, it also allows you to create a Functional Test Plan.
This flexibility is certainly resource-efficient for the testing project.
This will give a walkthrough on how to create a Test Plan as we incorporate
and/or configure its elements to support functional testing. This created a Test
Plan for a specific target web server. We will begin the chapter with a quick
overview to prepare you with a few expectations.
TEST CASES:

LOGIN FOR USER:
Serial
No
Description Expected
Result
Actual
Result
Result
1. This page contains 2
fields user name and
password and a
login button to
submit the
information. User is
entering correct
information.
User home
page should
open after
successful
login.
Respective
user home
page is
opening after
successful
login by user.
Passed
2. If either user name
or password is filled
incorrect or left
blank.
An error
message
should be
displayed and
user should
be asked fill
the
information
again.
When wrong
information
is entered by
user then an
error
message is
displayed.
Passed
USER REGISTRATION PAGE:

Serial
No
Description Expected
Result
Actual
Result
Result
1. User registration page
1 consist of detail
information about
User and a submit
button to submit the
information .Here
user is entering
correct information.
After
submitting
information
User
registration
page 2
should be
displayed.
After
submitting
information
User
registration
page 2 is
displayed.
Passed
2. If the information
entered by user in
incorrect or left
somewhere blank.
An error
message
should be
displayed and
ask the user
to fill the
information
again.
An error
message is
occurred if
the
information
is incorrect or
left blank.
Passed

ABOUT THE CURRENT SYSTEM
ADVANTAGES OF THE CURRENT SYSTEM:
The project Click & Get Shopping Portal System is GUI based system so
that it is easy to handle. It also increases the efficiency of the end user, because
it will reduce the redundant job, which is tedious to complete. The Online
System also has automated capability to complete job, so it reduces the work
manually.
ADVANTAGE OF ONLINE SHOPPING PORTAL:
 This online program will take less time and gives better results.
 It reduces the tedious jobs Like (Redundant work, long procedures, Up to
Date Information).
 It will improve the online shopping system, since all the information is
available whenever required.
 It provides quick processing thus helps in transaction and updating in
Edit personal view can perform in few seconds.
 It provides accurate Output.
 It gives fast answer of queries.
 The amount of paper work is reduced.
 Better Control.
DEFICIENCIES OF THE MANUAL SYSTEM:
1) Lack of immediate retrieval of information:
In manual system, lot of time is wasted in retrieving information. Much
searching is required before required information is found. This wastes a lot of
time of the user as well as the person.

2) Lack of immediate information storage:
In manual system, it is difficult to store information at proper place
at that very moment. This is because the person is unable to quickly locate the
place where the information is to be stored.
3) Prompts updating not possible:
Changes are quite natural in all walks of life. Information and stored
data also changes from time to time. These changes should be incorporated in
the working also to keep the information up to date. However, bringing about
changes through the manual system is a slow and tedious process because of
which inaccurate information storage occurs.
4) Unplanned working:
The manual system lacks the element of planned working. Records
are not properly maintained. This creates a lot of problems at times like during
information retrieval and storage.
5) Insignificant generation of managerialand Strategic reports:
In manual system, reports for management are difficult to be
generated and strategic reports are almost impossible. This is because for these
reports proper storage of information, its retrieval and it‘s filtering (i.e. choosing
information that meets criteria are very important and are very tough in manual
system.
6) Accuracy:
The manual system lacks accuracy in working and a number of
operations may be performed incorrectly. The computations that are done in the
organization may be incorrect and whatever are generated in the system may be
inaccurate.
7) Reliability:

The reliability of a manual system is considered to be low because
of the above given reasons including the fact that ‗To error is human‘. Any task
that is performed by men, always contain the risk of errors.
8) Redundancy of information:
In manual system, particular information may be stored at a
number of places, lending to redundancy. Redundancy of data or information
creates a number of problems storage space is wasted; changes at one place are
to be made at a number of places and so on.

GOALS OF THE PROPOSED SYSTEM:
1) Immediate retrieval of information:
The main objective of the new system is to provide for quick and efficient
retrieval of information. Any type of information would be available to the user
whenever he requires. Facility would be provided for online query to cut down
on the response time greatly.
2) Immediate storage of information:
In the proposed system, it will be easy to store information at any given
time at the correct places. The location of storage would be easily available and
user will face no difficulty.
3) Prompt updating of information:
In the proposed system, the information will always remain up to date as
the updating will be prompt and without any efforts. This factor will be of great
importance in the proposed system as it determines the integrity of the
information stored.
4) Fast computation of information:
The computation of information will be quite fast in the proposed system.
Not only mathematical calculations, but also logical comparisons will be quick
in the new system.
5) Planned approach toward working:
The working in the service center information system will be well
planned and organized. The data will be stored properly in the data store, which
will help in retrieval of information as well as in its storage.
6) Generation of managerial and strategic reports:

The new system would provide for regular generation of reports, which
would help the management in decisions making work and in controlling the
overall working of the organization. The generation, of these reports would be
possible only if the system is organized such that retrieval of information can be
made on conditions.
7) Accuracy:
The level of accuracy in the new proposed system would be higher. All
operations and computations would be done correctly and this will ensure that
whatever information is coming from the center, it is accurate.
8) Reliability:
The reliability of the proposed system would be high due to the above
stated reasons. The reason for the increased reliability of the system is that now
there would be proper storage of information, its maintenance would be well
managed and retrieval would be possible in the desired manner.
9) Non Redundant Information:
In the new system, utmost care would be taken that no information is
repeated, any usage of storage or otherwise. This would assure economic usage
of storage or space and consistency in the data stored. This will also help make
those changes easily as the change would have to be made only at that very
place and no where else.
USER REQUIREMENT:
The user requires these features from the proposed system:

 Quick generation of data entry forms
 Quick processing of information
 Quick retrieval of data
 Quick and correct updating of data.
 Least storage requirements
 Secured and controllable data storage
 Full backups of data
 Readable, clean, up to date and timely reports

FLOWCHART:
There are three main objects on an ER Diagram:
1. Entities
2. Relations
3. Attributes.
ENTITIES:
An entity is a concept or object in the database. Entities are concepts within the
data model. Each entity is represented by a box within the ERD. Entities are
abstract concepts, each representing one or more instances of the concept in
question. An entity might be considered a container that holds all of the
instances of a particular thing in a system. Entities are equivalent to database
tables in a relational database, with each row of the table representing an
instance of that entity.
ATTRIBUTES:
The Supplier Name, Supplier Address, Telephone Number etc. A given attribute
belonging to a given entity occurrence can only have one value. Therefore, if a
supplier could have more than one address or telephone number then this should
be determined before defining the attributes of that entity type. In this example
the defined entity may require two or three address and/or telephone number
attributes. It is the maximum practical instances of a given attribute that should
be catered for in the entity type definition.
RELATIONSHIPS:
Relations are the connections between two or more entities. Relationship lines
indicate that each instance of an entity may have a relationship with instances of
the connected entity, and vice versa.
OVERVIEW OF PROJECT:

CLICK & GET
My Account Login Wishlist Mycart
Name
E-mail
Contact
t
User
Login
Password
E-mail
Admin
Login
Favourite
product
Password
Name
Billing
Address
Shipping
Address
Add Items
DataBase(MySQL)

LOGIN PROCESS:
(Button)
USER LOGIN AND FEATURE:
LOGIN
Full Name
E-mail address
Contact
Password
Confirm password
E-mail
Password
Login
Sign up
Data Base
Sign in Create a new account

New
ADMIN LOGIN AND FUNCTION:
My Account
My Profile
Name
E-mail
Contact
Update
Your checkout progress
My Account
Shipping/BillingAddress
Order History
Payment pending order
Change password
Current password
New password
Confirm password
Change
Data Base
Admin login

ORDER FUNCTION:
Today’s Order
Logout
Database

CREATION OF CATEGORY:
CREATION OF SUB-CATEGORY:
Order Management
Delivered Order
Pending Order
Create Category
Category Manage categories
Category
Description
Creation data
Last Update
Action
Category Name
Description
Create

PRODUCT INFORMATION:
Insert Product
Category
Create Sub Category
Sub Category
Create Data
Last Update
Action
Sub Category Name
Create (Select)
Category
Sub Category Manage Sub Category

Product Description
Sub Category
Product Shipping Charges
Product Availability
Insert
Product Name
Product Company
Product Price Before
Discount
Product Price After
Discount

MANAGE PRODUCT:
USER VIEWING:
Manage Product
User IP
Product Name
Product Creation Data
Company Name
Sub Category
Category
Login Time
User E-mail
Logout Time
User Login Log
Status

SOURCE CODE:
<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(isset($_GET['action']) && $_GET['action']=="add"){
$id=intval($_GET['id']);
if(isset($_SESSION['cart'][$id])){
$_SESSION['cart'][$id]['quantity']++;
}else{
$sql_p="SELECT * FROM products WHERE id={$id}";
$query_p=mysqli_query($con,$sql_p);
if(mysqli_num_rows($query_p)!=0){
$row_p=mysqli_fetch_array($query_p);
$_SESSION['cart'][$row_p['id']]=array("quantity" => 1, "price" =>
$row_p['productPrice']);
}else{
$message="Product ID is invalid";
}
}
echo "<script>alert('Product has been added to the cart')</script>";
echo "<script type='text/javascript'>document.location ='my-cart.php'; </script>";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="MediaCenter, Template, eCommerce">

<header class="header-style-1">
<?php include('includes/top-header.php');?>
<?php include('includes/main-header.php');?>
<?php include('includes/menu-bar.php');?>
</header>

<div class="body-content outer-top-xs" id="top-banner-and-menu">
<div class="container">
<div class="furniture-container homepage-container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 sidebar">

<?php include('includes/side-menu.php');?>

</div>
<div class="col-xs-12 col-sm-12 col-md-9 homebanner-holder">

<div id="hero" class="homepage-slider3">
<div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">
<div class="full-width-slider">
<div class="item" style="background-image: url(assets/images/sliders/slider1.png);">

</div>
</div>
<div class="full-width-slider">

<div class="item full-width-slider" style="background-image:
url(assets/images/sliders/slider2.png);">
</div>
</div>
</div>
</div>


<div class="info-boxes wow fadeInUp">
<div class="info-boxes-inner">
<div class="row">
<div class="col-md-6 col-sm-4 col-lg-4">
<div class="info-box">
<div class="row">
<div class="col-xs-2">
<i class="icon fa fa-dollar"></i>
</div>
<h4 class="info-box-heading green">money back</h4>
</div>
</div>
<h6 class="text">30 Day Money Back Guarantee.</h6>
</div>
</div>
<div class="hidden-md col-sm-4 col-lg-4">
<div class="row">
<i class="icon fa fa-truck"></i>
</div>
<h4 class="info-box-heading orange">free shipping</h4>

</div>
</div>
<h6 class="text">free ship-on oder over Rs. 600.00</h6>
</div>
</div>
<div class="col-md-6 col-sm-4 col-lg-4">
<div class="row">
<i class="icon fa fa-gift"></i>
</div>
<h4 class="info-box-heading red">Special Sale</h4>
</div>
</div>
<h6 class="text">All items-sale up to 20% off </h6>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

<div id="product-tabs-slider" class="scroll-tabs inner-bottom-vs wowfadeInUp">
<div class="more-info-tab clearfix">
<h3 class="new-product-title pull-left">Featured Products</h3>
<ul class="nav nav-tabs nav-tab-line pull-right" id="new-products-1">
<li class="active"><a href="#all" data-toggle="tab">All</a></li>
<li><a href="#books" data-toggle="tab">Books</a></li>

<li><a href="#furniture" data-toggle="tab">Furniture</a></li>
</ul>
</div>
<div class="tab-content outer-top-xs">
<div class="tab-pane in active" id="all">
<div class="product-slider">
<div class="owl-carousel home-owl-carousel custom-carousel owl-theme"
data-item="4">
<?php
$ret=mysqli_query($con,"select * from products");
while ($row=mysqli_fetch_array($ret))
{
# code...
?>
<div class="item item-carousel">
<div class="products">
<div class="product">
<div class="product-image">
<div class="image">
<a href="product-details.php?pid=<?php echo htmlentities($row['id']);?>">
<img src="admin/productimages/<?php echo htmlentities($row['id']);?>/<?php
echo htmlentities($row['productImage1']);?>" data-echo="admin/productimages/<?php echo
htmlentities($row['id']);?>/<?php echo htmlentities($row['productImage1']);?>" width="180"
height="300" alt=""></a>
</div>
</div>
<div class="product-info text-left">
<h3 class="name"><a href="product-details.php?pid=<?php echo
htmlentities($row['id']);?>"><?php echo htmlentities($row['productName']);?></a></h3>

<div class="rating rateit-small"></div>
<div class="description"></div>
<div class="product-price">
<span class="price">
Rs.<?php echo htmlentities($row['productPrice']);?> </span>
<span class="price-before-discount">Rs.<?php echo
htmlentities($row['productPriceBeforeDiscount']);?> </span>
</div>
</div>
<?php if($row['productAvailability']=='In Stock'){?>
<div class="action"><a href="index.php?page=product&action=add&id=<?php
echo $row['id']; ?>" class="lnkbtnbtn-primary">Add to Cart</a></div>
<?php } else {?>
<div class="action" style="color:red">Out of Stock</div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<div class="tab-pane" id="books">
<div class="owl-carousel home-owl-carousel custom-carousel owl-theme">
<?php
$ret=mysqli_query($con,"select * from products where category=3");
{
# code...

?>
<div class="image">
</div>
Rs. <?php echo htmlentities($row['productPrice']);?> </span>
htmlentities($row['productPriceBeforeDiscount']);?></span>
</div>

<?php } else {?>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<div class="tab-pane" id="furniture">
<div class="owl-carousel home-owl-carousel custom-carousel owl-theme">
<?php
{
?>
<div class="image">

</div>
</div>
Rs.<?php echo htmlentities($row['productPrice']);?> </span>
</div>
</div>
<?php } else {?>
<?php } ?>
</div>
</div>
</div>
<?php } ?>

</div>
</div>
</div>
</div>
</div>

<div class="sections prod-slider-small outer-top-small">
<div class="row">
<div class="col-md-6">
<section class="section">
<h3 class="section-title">Smart Phones</h3>
<div class="owl-carousel homepage-owl-carousel custom-carousel outer-top-
xs owl-theme" data-item="2">
<?php
$ret=mysqli_query($con,"select * from products where category=4 and subCategory=4");
{
?>
<div class="image">
<a href="product-details.php?pid=<?php echo htmlentities($row['id']);?>"><img
src="admin/productimages/<?php echo htmlentities($row['id']);?>/<?php echo
htmlentities($row['productImage1']);?>" data-echo="admin/productimages/<?php echo
height="300"></a>
</div>

Rs. <?php echo htmlentities($row['productPrice']);?> </span>
</div>
</div>
<?php } else {?>
<?php } ?>
</div>
</div>
</div>
<?php }?>
</div>
</section>
</div>
<div class="col-md-6">
<section class="section">
<h3 class="section-title">Laptops</h3>
<div class="owl-carousel homepage-owl-carousel custom-carousel outer-
top-xs owl-theme" data-item="2">
<?php
$ret=mysqli_query($con,"select * from products where category=4 and subCategory=6");

{
?>
<div class="image">
<a href="product-details.php?pid=<?php echo htmlentities($row['id']);?>"><img
src="admin/productimages/<?php echo htmlentities($row['id']);?>/<?php echo
htmlentities($row['productImage1']);?>" data-echo="admin/productimages/<?php echo
height="300"></a>
</div>
Rs .<?php echo htmlentities($row['productPrice']);?> </span>
</div>
</div>
<?php } else {?>

<?php } ?>
</div>
</div>
</div>
<?php }?>
</div>
</section>
</div>
</div>
</div>

<section class="section featured-product inner-xs wow fadeInUp">
<h3 class="section-title">Fashion</h3>
<div class="owl-carousel best-seller custom-carousel owl-theme outer-top-xs">
<?php
{
# code...
?>
<div class="item">
<div class="product-micro">
<div class="row product-micro-row">

<div class="col col-xs-6">
<div class="image">
<a href="admin/productimages/<?php echo
htmlentities($row['id']);?>/<?php echo htmlentities($row['productImage1']);?>" data-
lightbox="image-1" data-title="<?php echo htmlentities($row['productName']);?>">
<img data-echo="admin/productimages/<?php echo
height="174" alt="">
<div class="zoom-overlay"></div>
</a>
</div>
</div>
<div class="col col-xs-6">
<div class="product-info">
Rs. <?php echo htmlentities($row['productPrice']);?>
</span>
<?php } else {?>
<?php } ?>
</div>
</div>
</div>
</div>
</div>

</div>
</div><?php } ?>
</div>
</section>
<?php include('includes/brands-slider.php');?>
</div>
</div>
<?php include('includes/footer.php');?>
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/echo.min.js"></script>
<script src="assets/js/jquery.easing-1.3.min.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/jquery.rateit.min.js"></script>
<script type="text/javascript" src="assets/js/lightbox.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/scripts.js"></script>

<script src="switchstylesheet/switchstylesheet.js"></script>
<script>
$(document).ready(function(){
$(".changecolor").switchstylesheet( { seperator:"color"} );
$('.show-theme-options').click(function(){
$(this).parent().toggleClass('open');
return false;
});
});

$(window).bind("load", function() {
$('.show-theme-options').delay(2000).trigger('click');
});
</script>

</body>
</html>

<?php
session_start();
error_reporting(0);
include('includes/config.php');
// Code user Registration
if(isset($_POST['submit']))
{
$name=$_POST['fullname'];
$email=$_POST['emailid'];
$contactno=$_POST['contactno'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"insert into users(name,email,contactno,password)
values('$name','$email','$contactno','$password')");
if($query)
{
echo "<script>alert('You are successfully register');</script>";
}
else{
echo "<script>alert('Not register something went worng');</script>";
}
}
// Code for User login
if(isset($_POST['login']))
{
$email=$_POST['email'];
$password=md5($_POST['password']);
$query=mysqli_query($con,"SELECT * FROM users WHERE email='$email' and
password='$password'");
$num=mysqli_fetch_array($query);
if($num>0)
{
$extra="my-cart.php";
$_SESSION['login']=$_POST['email'];
$_SESSION['id']=$num['id'];
$_SESSION['username']=$num['name'];
$uip=$_SERVER['REMOTE_ADDR'];
$status=1;

$log=mysqli_query($con,"insert into userlog(userEmail,userip,status)
values('".$_SESSION['login']."','$uip','$status')");
$host=$_SERVER['HTTP_HOST'];
$uri=rtrim(dirname($_SERVER['PHP_SELF']),'/');
header("location:http://$host$uri/$extra");
exit();
}
else
{
$extra="login.php";
$email=$_POST['email'];
$uip=$_SERVER['REMOTE_ADDR'];
$status=0;
$log=mysqli_query($con,"insert into userlog(userEmail,userip,status)
values('$email','$uip','$status')");
$host = $_SERVER['HTTP_HOST'];
$uri =rtrim(dirname($_SERVER['PHP_SELF']),'/');
header("location:http://$host$uri/$extra");
$_SESSION['errmsg']="Invalid email id or Password";
exit();
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="MediaCenter, Template, eCommerce">
<meta name="robots" content="all">

<title>Shopping Portal | Signi-in | Signup</title>

<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/green.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/owl.transitions.css">

<link href="assets/css/lightbox.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/rateit.css">
<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">

<link rel="stylesheet" href="assets/css/config.css">
<link href="assets/css/green.css" rel="alternate stylesheet" title="Green color">
<link href="assets/css/blue.css" rel="alternate stylesheet" title="Blue color">
<link href="assets/css/red.css" rel="alternate stylesheet" title="Red color">
<link href="assets/css/orange.css" rel="alternate stylesheet" title="Orange color">
<link href="assets/css/dark-green.css" rel="alternate stylesheet" title="Darkgreen
color">


<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700'
rel='stylesheet' type='text/css'>

<header class="header-style-1">

<?php include('includes/top-header.php');?>

<?php include('includes/main-header.php');?>

<?php include('includes/menu-bar.php');?>

</header>

<div class="breadcrumb">
<div class="breadcrumb-inner">
<ul class="list-inline list-unstyled">
<li><a href="home.html">Home</a></li>
<li class='active'>Authentication</li>
</ul>
</div>
</div>
</div>
<div class="body-content outer-top-bd">
<div class="sign-in-page inner-bottom-sm">
<div class="row">

<div class="col-md-6 col-sm-6 sign-in">
<h4 class="">sign in</h4>
<p class="">Hello, Welcome to your account.</p>
<form class="register-form outer-top-xs" method="post">

<span style="color:red;" >
<?php
echo htmlentities($_SESSION['errmsg']);
?>
<?php
echo htmlentities($_SESSION['errmsg']="");
?>
</span>
<div class="form-group">
<label class="info-title" for="exampleInputEmail1">Email Address
<span>*</span></label>
<input type="email" name="email" class="form-control unicase-form-control text-
input" id="exampleInputEmail1" >
</div>
<label class="info-title" for="exampleInputPassword1">Password
<input type="password" name="password" class="form-control unicase-form-control
text-input" id="exampleInputPassword1" >
</div>
<div class="radio outer-xs">
<a href="forgot-password.php" class="forgot-password pull-right">Forgot your
Password?</a>
</div>
<button type="submit" class="btn-upper btnbtn-primary checkout-page-button"
name="login">Login</button>
</form>
</div>


<div class="col-md-6 col-sm-6 create-new-account">
<h4 class="checkout-subtitle">create a new account</h4>
<p class="text title-tag-line">Create your own Shopping account.</p>
<form class="register-form outer-top-xs" role="form" method="post" name="register"
onSubmit="return valid();">
<label class="info-title" for="fullname">Full Name <span>*</span></label>

<input type="text" class="form-control unicase-form-control text-input"
id="fullname" name="fullname" required="required">
</div>
<label class="info-title" for="exampleInputEmail2">Email Address
<input type="email" class="form-control unicase-form-control text-input" id="email"
onBlur="userAvailability()" name="emailid" required >
<span id="user-availability-status1" style="font-size:12px;"></span>
</div>
<label class="info-title" for="contactno">Contact No. <span>*</span></label>
<input type="text" class="form-control unicase-form-control text-input"
id="contactno" name="contactno" maxlength="10" required >
</div>
<label class="info-title" for="password">Password. <span>*</span></label>
<input type="password" class="form-control unicase-form-control text-input"
id="password" name="password" required>
</div>
<label class="info-title" for="confirmpassword">Confirm Password.
<input type="password" class="form-control unicase-form-control text-input"
id="confirmpassword" name="confirmpassword" required >
</div>
<button type="submit" name="submit" class="btn-upper btnbtn-primary checkout-page-
button" id="submit">Sign Up</button>
</form>
<span class="checkout-subtitle outer-top-xs">Sign Up Today And You'll Be Able To :
</span>
<div class="checkbox">
<label class="checkbox">
Speed your way through the checkout.

</label>
Track your orders easily.
</label>
Keep a record of all your purchases.
</label>
</div>
</div>
 </div>
</div>
<?php include('includes/brands-slider.php');?>
</div>
</div>
<?php include('includes/footer.php');?>
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/echo.min.js"></script>
<script src="assets/js/jquery.easing-1.3.min.js"></script>
<script src="assets/js/bootstrap-slider.min.js"></script>
<script src="assets/js/jquery.rateit.min.js"></script>
<script type="text/javascript" src="assets/js/lightbox.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/scripts.js"></script>

<script src="switchstylesheet/switchstylesheet.js"></script>
<script>
$(document).ready(function(){

$(".changecolor").switchstylesheet( { seperator:"color"} );
$('.show-theme-options').click(function(){
$(this).parent().toggleClass('open');
return false;
});
});
$(window).bind("load", function() {
$('.show-theme-options').delay(2000).trigger('click');
});
</script>

</body>
</html>

SCREEN SHOTS:
1)HOME SCREEN
2)USER LOGIN

3)ADMIN LOGIN
4)ADMIN DASHBOARD

5)PRODUCT INSERT
6)PRODUCT VIEW

7)FOOTER AREA
8)ORDER TRACKING

CONCLUSION:
Today more people use online shopping as faster, more comfortable and not
restricted by assortment system of shopping.There is a lot of websites and tools
to help consumer with online purchasing decision. Moreover, different product
price comparison services help customers to compare the prices of identical
goods offered by different sellers.Consumers are asked to rate the sellers on a
rating scale from one to five stars. The next buyers can rely on these rates
choosing a certain product on the future. Shopping portals, shopping robot,
business rating sites, thrust verification sites, and other shopping aids
also are available
FUTURE ENHANCEMENT:
 Adding facility to give the information about the stock present in the site
at the present time.
 To provide the salles report of the month or yearly and listing the item
which had sold more at a period of time to improve the salles by focus on
it.

REFERENCES:
 http://www.php-learn-it.com/
 http://www.javapoint.com/php/
 http://www.w3resource.com/
 http://www.w3schools.com/php/default.asp
 Wikipedia.org

CLICK & GET A SHOPPING PORTALCLICK & GET A SHOPPING PORTAL

More Related Content

Similar to CLICK & GET A SHOPPING PORTALCLICK & GET A SHOPPING PORTAL (20)

Recently uploaded (19)

CLICK & GET A SHOPPING PORTALCLICK & GET A SHOPPING PORTAL