Sie sind auf Seite 1von 100

Online Stationery Store

A Minor Project Report


Submitted in the partial fulfillment of requirement for the award of
the degree of

Bachelor of Technology (B.Tech.)


in

Computer Science and Engineering

Under the Supervision of Submitted by


Er. Tannu Chanana Ridam Sharma (2316012)
Asst. Prof. Sanyam Sharma (2316014)
Gurvinder Kaur(2316018)
Garima Issar(2316054)

Department of Computer Science and Engineering


Ambala College of Engineering and Applied Research
(Affiliated to Kurukshetra University, Kurukshetra)
DEC-2019
Online Stationery Store 2316012,2316014,2316018,2316054

CERTIFICATE
This is to certify that Ridam Sharma (2316012), SanyamSharma (2316014),Gurvinder Kaur
(2316018),Garima Issar (2316054) studying in Ambala College of Engineering and Applied
Research, Devsthali, (Batch: 2016-2020) has completed their project (minor) entitled “Online
Stationery store” at Ambala College of Engineering and Applied Research, Devsthali under my
supervision.
It is further certified that they had attended required number of practical classes at Ambala
College of Engineering and Applied Research, Devsthali for the completion of their minor
project during 7th semester.

Er. Tannu Chanana

Project Supervisor

Ambala College of Engineering and Applied Research Page i


Online Stationery Store 2316012, 2316014, 2316018,2316054

DECLARATION OF STUDENT
We hereby declare that the work which is present in this minor project report entitled “Online
Stationery Store” in the partial fulfillment for the award of the degree of Bachelor of
Technology and submitted to the Department of Computer Science and Engineering of Ambala
College of Engineering and Applied Research, Devsthali affiliated to Kurukshetra University,
Kurukshetra is an authentic record of us, carried out during a period of JUNE 2019 to DEC
2019, under the supervision of Er Tannu Chanana, Assistant Professor (CSE).

The matter presented in this project report has not been submitted by us for the award of any
other degree of this or any other institute/university.

Date: _____________ Ridam Sharma (2316012)

Sanyam Sharma(2316014)

Gurvinder Kaur(2316018)

Garima Issar(2316054)

Ambala College of Engineering and Applied Research Page ii


Online Stationery Store 2316012, 2316014, 2316018,2316054

PREFACE
Having the right office supplies is essential for the day to day running of your business. Objects
such as pens ,pencils, paper, calculators and other office equipment such as printers ,need to be
available for your employees to work productively and efficiently. When looking for items you
need make sure that they’re fit for the job and that they are of a quality and comfort you desire.
If for example your company sends lots of internal mail consider the type of envelopes you’ll
need to provide them.

Finding a supplier however, that can accommodate all your office procurement needs whilst
keeping costs low and quality high can be hard to come by. With our online stationery store, the
customer can get widest range of stationery products, Office Supplies ,school stationery and
books and art and craft products under a single roof. The world of software development there
lots of improvement in this area and to reduce the complexity of purchasing the essential
stationery items . Online Stationery Store is a virtual store on Internet where customer can
browse the product and select the product of interest. The selected product may be collected in
shopping cart. At checkout time the items in the shopping care will be presented as an order. At
that time shipping information and payment method have to select to the customer. Finally by
confirming the orders have to complete the shopping and the product will deliver to customer via
courier, post office or by direct agent of company.

Chapter 1 It contains the Introduction. This chapter describes many types of requirements such
as importance of online Stationery Store, objectives, overall description, external interface
requirements & scope.

Chapter 2 It contains the requirement analysis of the system. This chapter describes the many
type of requirements falls in the category such as use case diagrams, data flow diagrams & ER
diagrams.

Ambala College of Engineering and Applied Research Page iii


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 3 It contains the detailed design of the system. It is very important to understand the
whole design of the system according to every perspective to make coding efficient and easy.
This chapter contains customer interface, admin interface etc...

Chapter 4 It contains the implementation and testing of the system. This chapter contains
implementation, testing of the project.

Chapter 5 It contains the results visuals of the Website. This Chapter simply contains the
pictures of the actual web application interface.

Chapter 6It contains the deployment for the system. Software deployment is of all activities
that make a software system available for use.

Ambala College of Engineering and Applied Research Page iv


Online Stationery Store 2316012, 2316014, 2316018,2316054

ACKNOWLEDGEMENT
Engineers in all disciplines must acquire knowledge of project making. Student, in particular,
will find ‘project making’ as an integral part of their studies that will infuse the spirit of doing
practical work in them.

The satisfaction that accompanies the successful completion of any task would be incomplete
without the mention of the people who made it possible whose constant guidance crowned our
efforts with success.

We sincerely express our deep gratitude to the management of our college for giving us liberty to
choose and to work on the most relevant project i.e. “Online Stationery store”. We are thankful
to Er. Manjit Singh (HOD CSE) for ensuring that wehave a smooth environment at the college
and lab. At the very outset we would like to offer our never ending thanks to our project
supervisor Er.Tannu Chanana (Assistant Professor, CSE) who helped us with our project from
the beginning till the end. Her continuous surveillance over our work allowed us to work more
efficiently.

Ridam Sharma (2316012)

Sanyam Sharma(2316014)

Gurvinder Kaur(2316018)

Garima Issar(2316054)

Ambala College of Engineering and Applied Research Page v


Online Stationery Store 2316012, 2316014, 2316018,2316054

ABSTRACT
The business-to-consumer aspect of electronic commerce (e-commerce) is the most visible
business use of the World Wide Web. The primary goal of an e-commerce site is to sell goods
and services online. This project deals with developing an e-commerce website for online
stationery store. It provides the user with a catalog of different stationery items available for
purchase in the store. In order to facilitate online purchase a shopping cart is provided to the
user. The system is implemented using a 3-tier approach, with a backend MySQL database, a
middle tier apache server and a web browser as the front end client. In order to develop online
shopping application use HTML, CSS, BOOTSTRAP 3, server side scripting language PHP and
relational database MySQL. This is a project with the objective to develop a basic website where
consumer is provided with a shopping cart application and also to know about the technologies
used to develop such an application.

Ambala College of Engineering and Applied Research Page vi


Online Stationery Store 2316012, 2316014, 2316018,2316054

LIST OF TABLES
Table 4.1 Validation and Verification.......................................................................................................... 22
Table 4.2 Test case of Home page .............................................................................................................. 23
Table 4.3 Test case of login page ................................................................................................................ 24
Table 4.4 Test case of a registration form .................................................................................................. 25
Table 4.5 Test case of admin page .............................................................................................................. 26

Ambala College of Engineering and Applied Research Page vii


Online Stationery Store 2316012, 2316014, 2316018,2316054

LIST OF FIGURES
Figure 2-1 Customer Use Case ...................................................................................................................... 7
Figure 2-2 Administrative Management Use Case Diagram ......................................................................... 8
Figure 2-3 Context-Level DFD ....................................................................................................................... 9
Figure 2-4 Level-1 DFD ................................................................................................................................ 10
Figure 2-5 Level 2 DFD ................................................................................................................................ 11
Figure 2-6 ER diagram……………………………………………………………………………………………………………………………10

Figure 4-1 Black Box Testing…………………………………………………………………………………………………………………..25

Figure5-1 Homepage................................................................................................................................... 33
Figure 5-2 Homepage.................................................................................................................................. 36
Figure 5-3 Homepage.................................................................................................................................. 38
Figure 5-4 Admin page ................................................................................................................................ 39
Figure 5-5 Contact Us page ........................................................................... Error! Bookmark not defined.
Figure 5-6 fLogin Page ................................................................................................................................. 39
Figure 5-7 Sign Up Page .............................................................................................................................. 40
Figure 5-8 fSearch page .............................................................................................................................. 41
Figure 5-9 iAdd Product Page ..................................................................................................................... 41
Figure 5-10 fView Product ......................................................................................................................... 41
Figure 5-11 Detail and add to card.............................................................................................................. 41

Ambala College of Engineering and Applied Research Page viii


Online Stationery Store 2316012, 2316014, 2316018,2316054

Table of Contents
CERTIFICATE ................................................................................................................................................... i
DECLARATION OF STUDENT .......................................................................................................................... ii
PREFACE ....................................................................................................................................................... iii
ACKNOWLEDGEMENT ................................................................................................................................... v
ABSTRACT..................................................................................................................................................... vi
LIST OF TABLES ............................................................................................................................................ vii
LIST OF FIGURES ......................................................................................................................................... viii
Chapter 1....................................................................................................................................................... 1
Introduction .................................................................................................................................................. 1
1.1 Purpose ......................................................................................................................................... 1
1.2 Objectives...................................................................................................................................... 1
1.3 Scope ............................................................................................................................................. 2
1.3.1 Customer ............................................................................................................................... 2
1.3.2 Admin .................................................................................................................................... 2
1.4 Benefits from Admin View ............................................................................................................ 3
Chapter 2....................................................................................................................................................... 4
Requirement Analysis ................................................................................................................................... 4
2.1 Requirement Analysis ................................................................................................................... 4
2.1.1 Customer requirements ........................................................................................................ 4
2.1.2 Data Requirement ................................................................................................................. 4
2.1.3 Process Requirement ............................................................................................................ 5
2.2 Use Case Diagram ......................................................................................................................... 6
2.2.1 Use Case Diagram for Customer ........................................................................................... 6
2.2.2 Use Case Diagram for Administrative Management ............................................................ 8
2.3 Data Flow Diagram (DFDs) ............................................................................................................ 9
2.3.1 Context Level Diagram .......................................................................................................... 9
2.3.2 First Level DFD....................................................................................................................... 9

Ambala College of Engineering and Applied Research Page ix


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.3.3 Second Level DFD ................................................................................................................ 10


2.4 ER Diagram .................................................................................................................................. 11
2.5 FUNCTIONAL REQUIREMENTS .................................................................................................... 13
2.5.1 USERS .................................................................................................................................. 13
2.5.1.1 Registeration .............................................................................................................................. 14
2.5.1.2 Login ........................................................................................................................................... 14
2.5.1.4 Add to Cart and purchase .......................................................................................................... 14
2.6 Non-Functional Requirements .............................................................................................................. 15
2.6.3 Reliability........................................................................................................................................ 16
2.6.4 Reusability ...................................................................................................................................... 16
2.6.5 Portability ....................................................................................................................................... 16
2.6.6 Resource Utilization ....................................................................................................................... 17
The Online Stationery Store will be developed so that it uses all type of functions and fulfill the
requirements of the system ................................................................................................................... 17
2.6.7 Maintainability ............................................................................................................................... 17
Chapter 3..................................................................................................................................................... 18
Design Specification .................................................................................................................................... 18
3.1 Customer Interface ..................................................................................................................... 18
3.1.1 Home page .......................................................................................................................... 18
3.1.2 Customer login and Registration Page ................................................................................ 19
3.1.3 Add to Cart Page ................................................................................................................. 19
3.2 Admin Interface .......................................................................................................................... 19
3.2.1 Admin Login Page................................................................................................................ 19
3.2.2 Admin Home Page............................................................................................................... 19
3.2.3 Add Product ........................................................................................................................ 19
3.2.4 Manage Product .................................................................................................................. 20
3.2.5 View Category ..................................................................................................................... 20
3.2.6 Edit Category ....................................................................................................................... 20
3.2.7 Delete Category .................................................................................................................. 20
Ambala College of Engineering and Applied Research Page x
Online Stationery Store 2316012, 2316014, 2316018,2316054

3.2.8 Edit Product......................................................................................................................... 20


3.2.9 Delete Product .................................................................................................................... 20
3.2.10 Manage Order ..................................................................................................................... 20
3.2.11 View Order .......................................................................................................................... 21
Implementation and Testing ....................................................................................................................... 22
4.1 Implementation .......................................................................................................................... 22
4.1.1 HTML ................................................................................................................................... 22
4.1.2 CSS ....................................................................................................................................... 22
4.1.3 BOOTSTRAP ......................................................................................................................... 23
4.1.4 PHP ...................................................................................................................................... 23
4.1.5 MySQL ................................................................................................................................. 24
4.1.6 WAMP server ...................................................................................................................... 24
4.2 Testing ......................................................................................................................................... 25
4.2.1 Black Box Testing................................................................................................................. 25
4.2.2 White Box Testing ............................................................................................................... 26
4.3 Verification & Validation ................................................................................................................... 26
4.4 TESTING OF THIS PROJECT .................................................................................................................... 27
Table 4-2: test case for home page ............................................................................................................ 28
5.1 Homepage ................................................................................................................................... 33
5.2 Admin Page ................................................................................................................................. 36
5.3 Contact Us Page .......................................................................................................................... 37
5.4 Login Page ................................................................................................................................... 38
5.5 Sign Up Page ............................................................................................................................... 39
5.6 Search Product ............................................................................................................................ 39
5.7 Add Product ................................................................................................................................ 40
5.8 View Product ............................................................................................................................... 41
5.9 Detail and Add to Cart................................................................................................................. 42
Chapter 6..................................................................................................................................................... 43

Ambala College of Engineering and Applied Research Page xi


Online Stationery Store 2316012, 2316014, 2316018,2316054

Deployment ................................................................................................................................................ 43
Step 1: Extract the Zip File .......................................................................................................................... 43
Step 2: Open the Extracted file and in that ............................................................................................ 44
a)Cut/Copy the Shopping Folder and Goto this pc ................................................................................. 44
Step 3:Goto C drive ................................................................................................................................. 45
Step 4:Goto WAMP folder ...................................................................................................................... 46
Step 5:Goto www Folder and paste the shopping folder in it ................................................................ 47
Step 5:After pasting the shopping folder in the wamp,output in the wamp Server ............................. 48
Step 7:Open the Project on Localhost domain ....................................................................................... 49
Final Output: ........................................................................................................................................... 49
CONCLUSION........................................................................................................................................... 50
Future Scope ............................................................................................................................................... 51
Appendix A .................................................................................................................................................. 53
Appendix B .............................................................................................................................................. 53

Ambala College of Engineering and Applied Research Page xii


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 1
Introduction
1.1 Purpose

Having the right office supplies is essential for the day to day running of your business. Objects
such as pens ,pencils, paper, calculators and other office equipment such as printers ,need to be
available for your employees to work productively and efficiently. When looking for items you
need make sure that they’re fit for the job and that they are of a quality and comfort you desire.
If for example your company sends lots of internal mail consider the type of envelopes you’ll
need to provide them.

Finding a supplier however, that can accommodate all your office procurement needs whilst
keeping costs low and quality high can be hard to come by. With our online stationery store, the
customer can get widest range of stationery products, Office Supplies ,school stationery and
books and art and craft products under a single roof. The world of software development there
lots of improvement in this area and to reduce the complexity of purchasing the essential
stationery items . Online Stationery Store is a virtual store on Internet where customer can
browse the product and select the product of interest. The selected product may be collected in
shopping cart. At checkout time the items in the shopping care will be presented as an order. At
that time shipping information and payment method have to select to the customer. Finally by
confirming the orders have to complete the shopping and the product will deliver to customer via
courier, post office or by direct agent of company.

1.2 Objectives

The objective of the Online Shopping systems is to increase the point of customer choice, reduce
time used in shopping and efficiency in buying stationery products.

Ambala College of Engineering and Applied Research Page 1


Online Stationery Store 2316012, 2316014, 2316018,2316054

 To develop an easy way to use web based interface where users can search for product
view the details of the product and order it without going to market.
 The searching product can be done by product category, manufacturer as well as latest
product, view it purchase it become a convenient way for customer.
 Customer can add product to cart to purchase, delete the product from cart before
selecting the final submission.
 A user can view the complete specification of the product with various images and also
view the customer review the product.
 It minimizes the shopping time of customer, increase the point of choice.
 It also facilitate the service provider to know the current status of market and take
decision which product are selling more now a days and have to keep in store.

1.3 Scope

Following are the scope of the developed systems:

1.3.1 Customer
 Online registration: Customer has to register to buy stationery products.
 View Product: Customer can view product according to category, manufacturer and
latest product. Select the items to cart, also can delete from cart before final submission,
he can also view product details and find their specifications and features.
 Payment Method: Customer can select the payment method what is easy for him for
payment the cost.

1.3.2 Admin
 Category: admin can add category, view, publish, unpublished, edit and delete category.
 Manufacturer: admin can add manufacturer, view, publish, unpublished, edit
manufacturer and delete manufacturer.

Ambala College of Engineering and Applied Research Page 2


Online Stationery Store 2316012, 2316014, 2316018,2316054

 Product: admin can add product, view, unpublished, edit manufacturer and delete any
stationery product.

1.4 Benefits from Admin View

Following are the benefit from the administrative view

 Helps to efficient management of the company


 Easy to manage the whole system
 Time consuming and give better services.
 Admin can publish or unpolished the category as a result it will not show from customer
end for those product category not available, and published the product those available.
 Same application can be used for different online shopping purpose.

Ambala College of Engineering and Applied Research Page 3


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 2
Requirement Analysis

2.1 Requirement Analysis

As the goal of the application is ease of use and to provide an interactive interface, extensive
research has been done to gain an insight into the needs and behaviors of various users. The
working of the application is made convenient and easy to use for the end user. In online web
based shopping systems there are two parties who interact with the system, one of them are
customer or user who wants to buy product and other the system admin manage the system. A
good web based Online Stationery Store should present the following factors to the customers for
better usability.

2.1.1 Customer requirements


 Knowing when an item has to save and not to be save in the shopping cart.
 Returning the different parts of the site after adding an item to the shopping cart.
 Easy scanning and selecting items in the list.
 Effective categorical organization of the products.
 Simple navigation from home page to information and order links for specific products.
 Obvious shopping links or buttons.
 Consistent layout of product information.
 A well-organized web interfaces to work as admin so that he can handle all the part of the
system properly.

2.1.2 Data Requirement


 A customer can view the product properly but to buy he has to add the product in
shopping cart, for this he has to register or have to login if he is an existing user.

Ambala College of Engineering and Applied Research Page 4


Online Stationery Store 2316012, 2316014, 2316018,2316054

 From user part or customer part when customers order from his part can manage the
order of the product.
 To launch the system, admin have to select the category of product, company or
manufacturer of product will remain in the system for customer view and he can select
those from his panel.
 Admin can add manufacturer of product, view manufacturer, delete manufacturer, update
manufacturer and its status those are not available in shop as unpublished.
 Admin can add product, view product, delete product, update product and its status those
are not available in shop as unpublished.
 Admin can add category of product, delete, view, update product and its status those are
not available in shop or stop to sell or not to show to customer.
 Another important factor in the design of the software that the feedback. The interactive
cycle between a use and website in not complete until the responds to a command by the
user.

2.1.3 Process Requirement


To perform any systems have some specific authentication functionality. The following process
requirements are identified for the better performance of the system

 A valid admin user is needed to access the information of the system for the admin.
 A valid customer ID is need to the customer to buy the product.
 Admin login to the system can view, edit, delete and update category, manufacturer and
product related information. Also he can update the order information.
 Customer can add product to cart only when he is a register user to the system, as well as
have to login to the system otherwise not able to add product to cart.

Ambala College of Engineering and Applied Research Page 5


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.2 Use Case Diagram

A use case is a methodology used in system analysis to identify, clarify, and organize system
requirements. The use case is made up of a set of possible sequences of interactions between
systems and users in a particular environment and related to a particular goal. It consists of a
group of elements (for example, classes and interfaces) that can be used together in a way that
will have an effect larger than the sum of the separate elements combined.

The use case should contain all system activities that have significance to the users. A use case
can be thought of as a collection of possible scenarios related to a particular goal, indeed, the use
case and goal are sometimes considered to be synonymous.

In this use case diagram of Online Shopping admin can add, delete, edit and view Category,
Manufacturer and Product as well as admin can manage all of them. Also Admin can manage
order those are requested by the customer, and can change the status.

2.2.1 Use Case Diagram for Customer

Ambala College of Engineering and Applied Research Page 6


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 2-1 User Use Case

Ambala College of Engineering and Applied Research Page 7


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.2.2 Use Case Diagram for Administrative Management

Figure 2-2Administrative Management Use Case Diagram

Ambala College of Engineering and Applied Research Page 8


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.3 Data Flow Diagram (DFDs)

A data flow diagram (DFD) is a graphical representation of the "flow" of data through an
information system, modeling its process aspects. A DFD is often used as a preliminary step to
create an overview of the system, which can later be elaborated.

2.3.1 Context Level Diagram


Context level diagram just show the task happening in the whole system, it’s actually shows the
input what is the output for the input.

Figure 2-3 Context-Level DFD

2.3.2 First Level DFD

First level DFD shows the major steps that have to complete to buy a stationery product .
Initially customer visit the website, search the product by category, manufacturer and top selling,
show the details of the product, select payment method, finally the product delivered by the
company agent.

Ambala College of Engineering and Applied Research Page 9


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 2-4 Level-1 DFD

2.3.3 Second Level DFD

Second level DFD shows the whole fact that happen in the system and it’s given below:

Ambala College of Engineering and Applied Research Page 10


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 2-5Level 2 DFD

2.4 ER Diagram

An ER diagram can be used to design logical database schemas. An ER model is a high-level


description of the data and the relationships among the data, rather than how data is stored. It
focuses on identifying the entities and the relationship among the entities.

Ambala College of Engineering and Applied Research Page 11


Online Stationery Store 2316012, 2316014, 2316018,2316054

In the ER diagram of Online Stationery Store the relationship between the customer to product is
one to many as same customer can buy multiple product, also for category to product is one to
many as for a single category have different product. Also here mentioned the relationship
between the tables, mention the primary key of the table. Here another important part is that its
mention all the entities of the table.

Ambala College of Engineering and Applied Research Page 12


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 2-6 ER diagram

2.5 FUNCTIONAL REQUIREMENTS

2.5.1 USERS

Ambala College of Engineering and Applied Research Page 13


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.5.1.1 Registeration

A new user will have to register in the system by providing essential deatails in order to view the
products in the system. The admin must accept a new user by unblocking him.

2.5.1.2 Login

AA user can login with his userID and password. As for security reasons all the users of the
system are given a user ID and a password. Only if the ID and password are correct, the user
is allowed to entry in the system and select the options available in the system. Therefore,
user need to register once and can login anytime with credentials used in registration.

2.5.1.3 Search Product and model


Customer is provided with search system to find the specific model they want to find. User can
directly search for model according tot heir specific stationery item.

2.5.1.4 Add to Cart and purchase

If user want to purchase an item then he has to add the product in to the cart and then user can
update and delete his cartaccording to his need .The item could be piurchased only after adding it
into the cart.

2.5.2 ADMIN
2.5.2.1 Manage the site

Admin could manage the features of website.It could easily maintain the sections for different
stationery products.

2.5.2.2 Manage the User

Ambala College of Engineering and Applied Research Page 14


Online Stationery Store 2316012, 2316014, 2316018,2316054

The admin can manage the user i.e. he can add ,remove ,block and view the user.

2.5.2.3 Update the Products

Admin can add or remove the model available on the site.Admin can also manage the mobile
features according to many categories by adding new model details.

2.6 Non-Functional Requirements


In system engineering and requirements engineering, non-functional requirements are
requirements which specify criteria that can be used to judge the operation of system, rather than
specific behaviors. Non- functional requirements are often called qualities of a system. Other
terms for non-functional requirements are “constraints”, ”quality attributes”, “quality goals” and
“quality of service requirements” . Qualities, i.e. non-functional requirements can be divided into
2 main categories:

• Execution qualities, such as security and usability, are observable at runtime


• Evolution qualities, such as extensibility and scalability, embody in the static
structure of the software system. The non-functional requirements in our projects
are:-

2.6.1 Efficiency Requirements

Through our online stationery Store , customer can purchase their Stationery items
according to their need with a degree of easiness and quality in an efficient manner.

2.6.2Security Requirements

The system developed should be as secure as possible. Intrusions in the system as well as
loopholes are to be avoided. Furthermore only the authorized group of users should have the
privilege to access and change information.

Ambala College of Engineering and Applied Research Page 15


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.6.3 Reliability

This system must be highly robust. Amount of computing resources and code required to
perform function extent to which program performs with required precision

• Correctness- extent to which program satisfies specifications, fulfils user’s mission and
objective.
• Efficiency - Flexibility - effort needed to modify operational program
• Interoperability- effort needed to couple one system with another
• Testability - effort needed to test to ensure performs as intended

2.6.4 Reusability

This requirement is present, as this system will interact with user.

• Extent to which it can be reused in another application.


• Effort required to learn, operate, prepare input, and interpret output.

2.6.5 Portability

The Online Stationery Store is developed using HTML ,CSS,BOOTSRAP and PHP so that it
can be accessed from any type of system using just a regular web browser. Responsive web
designing is used for making website compatible for any type of screen .

Ambala College of Engineering and Applied Research Page 16


Online Stationery Store 2316012, 2316014, 2316018,2316054

2.6.6 Resource Utilization

The Online Stationery Store will be developed so that it uses all type of functions and fulfill the
requirements of the system .

2.6.7 Maintainability

Effort required to locate and fix an error during operation the project should be completed within
the stipulated time period. The cost involved in marketing the project should be less.

Ambala College of Engineering and Applied Research Page 17


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 3
Design Specification
3.1 Customer Interface

3.1.1 Home page


A home page is a webpage that serves as the starting point of website. It is the default webpage
that loads when visit a web. The home page is located in the root directory of a website. Most
web server allows the home page to have one of several different filenames. Examples include
index.html, index.htm, index.shtml, and index. Php, default.html, and home.html. The default
filename of a website's home page can be customized on both Apache and IIS servers. Since the
home page file is loaded automatically from the root directory, the home page URL does not
need to include the filename. There is no standard home page layout, but most home pages
include a navigation bar that provides links to different sections within the website. Other
common elements found on a home page include a search bar, information about the website,
and recent updates. Some websites include information that changes every day. For example, the
Tech Terms home page includes a daily quiz and tech term of the day. Home page of shopping
system includes so many part of the system those are below.

 Top Selling Top of the home page showing top selling of the product.
 Menu Home page includes menus according to category of product, and customer can
search the product according to category of product the customer needed.
 Cart Customer can see the products he added in his cart.
 Create Account The customer has no account can register from this page.
 Latest product that added recently showing in the home page right part also the middle of
the home page.
 In footer of the home page customer can view the product according to the manufacturer.
 In the middle part of the home page showing the current promotion or offer running.

Ambala College of Engineering and Applied Research Page 18


Online Stationery Store 2316012, 2316014, 2316018,2316054

 Bottom of the page showing Account, Help and Popular menu. Popular menu will show
the latest product, Help for contact and Account for register or existing user login.

3.1.2 Customer login and Registration Page


Customer have to login before adding product in cart. In this page existing customer can login to
buy product and new user can create an account for buying the product.

3.1.3 Add to Cart Page


To buy a product the customers have to add product to cart. Also customer can view the product
details, as well as large view by putting the cursor over the product image.

3.2 Admin Interface

3.2.1 Admin Login Page


Admin part in so important part of the system and he take cares all the part the shopping system.
When the system developed an admin user created and using admin user email id and password
he can login to the system.

3.2.2 Admin Home Page


Admin will get different menu in his panel after login with valid user id and password. The menu
admin will get are Category, under category will get submenu Add Category, Manage Category
and Archive Category. He will also get Manufacturer menu, under Manufacturer menu will get
submenu Add Manufacturer, Manage Manufacturer. He will get Add product, Manage Product
and Archive Product submenu under product menu. The customer request for product will show
on Manager Order menu.

3.2.3 Add Product


From admin panel admin add product that will show in home page if admin select the publication
status as published, and will not show if he select publication status as unpublished.

Ambala College of Engineering and Applied Research Page 19


Online Stationery Store 2316012, 2316014, 2316018,2316054

3.2.4 Manage Product


Manage category is an important part of admin panel, for set status that the category will show or
not in home page admin can select this. He can view, edit and delete the category from Manage
Category menu.

3.2.5 View Category


In view category submenu customer can show the details of the category.

3.2.6 Edit Category


If mistake done when added category, by editing the page admin can correct the information that
updated when it created.

3.2.7 Delete Category


Unused category or the product category the company decided to stop sell permanently can
delete, before deleting it, a notification will come to reconfirm that admin sure he wants to delete
it.

3.2.8 Edit Product


If mistake done when added product, by editing the page admin can correct the information that
updated when it created.

3.2.9 Delete Product


Unused Product or the product the company decided to stop sell permanently can delete, before
deleting it, a notification will come to reconfirm that admin sure he wants to delete it.

3.2.10 Manage Order


The product which was ordered by the customer can manage from this menu. When a product
delivered to the customer, and customer paid for this, then need to change product order status to
delivered and paid, that can be done from this menu.

Ambala College of Engineering and Applied Research Page 20


Online Stationery Store 2316012, 2316014, 2316018,2316054

3.2.11 View Order


In view category submenu customer can show the details of the catego

Ambala College of Engineering and Applied Research Page 21


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 4
Implementation and Testing

4.1 Implementation

While there are number of software tools to develop and implement the web based Online
Stationery Store, I have chosen those are open source, so that it will reduce the developing cost
of the project. For designing the project HTML, CSS, Bootstraps, Apache server as web server,
PHP for making the system dynamic. MySQL as database server. All of the tools are open
source.

4.1.1 HTML
In this project HTML used for design the structure. HTML is a markup language for describing
web documents and stands for Hyper Text Markup Language, a markup language is a set of
markup tags.HTML documents are described by HTML tags. Each HTML tag describes
different document content. HTML used because:

 Easy to learn.
 Easy to use.
 Supported by all browser.
 Cost effective.

4.1.2 CSS
In this Project We used CSS along with HTML. Cascading Style Sheets (CSS) is a style sheet
language used for describing the presentation of a document written in a markup language like
HTML. CSS is designed to enable the separation of presentation and content, including layout,
colors, and fonts.. CSS also has rules for alternate formatting if the content is accessed on a
mobile device.CSS is used due to following features:

Ambala College of Engineering and Applied Research Page 22


Online Stationery Store 2316012, 2316014, 2316018,2316054

 Improves the content accessibility


 provides more flexibility
 controls the specification of presentation characteristics,
 enables multiple web pages to share formatting by specifying the relevant CSS in a
separate .css file,
 reduces the complexity and repetition in the structural content

4.1.3 BOOTSTRAP
To make our website Responsive, we used Bootstrap 3. A website is called responsive website
which can automatically adjust itself to look good on all devices, from smart phones to desktops
. Bootstrap is a free and open source front end development framework for the creation of
websites and web apps. The Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to
facilitate the development of responsive, mobile-first sites and apps. Following are the main
advantage of Bootstrap:

 It is very easy to use. Anybody having basic knowledge of HTML and CSS can use
Bootstrap.
 It facilitates users to develop a responsive website.
 It is compatible on most of browsers like Chrome, Firefox, Internet Explorer, Safari and
Opera etc.

4.1.4 PHP
In this project making the web page content dynamic and for interconnecting with database
coding done by PHP. PHP stands for Hypertext Preprocessor. The reasons of using PHP are:

 PHP can generate dynamic page content.


 PHP can create, open, read, write, delete, and close files on the server.
 PHP can collect form data.
 PHP can send and receive cookies.

Ambala College of Engineering and Applied Research Page 23


Online Stationery Store 2316012, 2316014, 2316018,2316054

 PHP can add, delete, and modify data in database.


 PHP can be used to control user-access.
 PHP can encrypt data.

With PHP we cannot limit to output HTML. We can output images, PDF files, and even flash
movies. We can also output any text, such as XHTML and XML.

4.1.5 MySQL
MySQL is a database system used for the web application and it runs that run on a server. The
reason of using MySQL is

 MySQL is ideal for both small and large applications.


 MySQL is very fast, reliable, and easy to use.
 MySQL uses standard SQL.
 MySQL compiles on a number of platforms.
 MySQL is free to download and use.

The data in a MySQL database are stored in tables. A table is a collection of related data, and it
consists of columns and rows.

4.1.6 WAMP server


WAMP ( Windows Apache MySQL PHP ) :- It is a web server solution stack package used by
PHP developers to develop their web projects on their local windows system.It comes with
Apache server , MySQL database , PHP MyAdmin and PHP creating a suitable enviornment to
development .

WAMP is a variation of LAMP for Windows systems and is often installed as a software bundle
(Apache, MySQL, and PHP). It is often used for web development and internal testing, but may
also be used to serve live websites. The most important part of the WAMP package is Apache (or
"Apache HTTP Server") which is used run the web server within Windows. By running a local

Ambala College of Engineering and Applied Research Page 24


Online Stationery Store 2316012, 2316014, 2316018,2316054

Apache web server on a Windows machine, a web developer can test webpages in a web browser
without publishing them live on the Internet. WAMP also includes MySQL and PHP..

4.2 Testing

Exhaustive testing for the project is not possible. Some testing strategies and stage designed
manually. For this project Black box and White box testing are chosen. This two type testing
applied different part of the project.

4.2.1 Black Box Testing


Black Box Testing, also known as Behavioral Testing, is a software testing method in which the
internal structure/ design/ implementation of the item being tested is not known to the tester.

These tests can be functional or non-functional, though usually functional. This method is named
so because the

Figure 4-1 Black Box Testing


Software program, in the eyes of the tester, is like a black box; inside which one cannot see. This
method attempts to find errors in the following categories:

 Incorrect or missing functions


 Interface errors
 Errors in data structures or external database access

Ambala College of Engineering and Applied Research Page 25


Online Stationery Store 2316012, 2316014, 2316018,2316054

 Behavior or performance errors


 Initialization and termination errors

4.2.2 White Box Testing


White Box Testing also known as Clear Box Testing, Open Box Testing, Glass Box Testing,
Transparent Box Testing, Code-Based Testing or Structural Testing is a software testing method
in which the internal structure/ design/ implementation of the item being tested is known to the
tester. The tester chooses inputs to exercise paths through the code and determines the
appropriate outputs. Programming know-how and the implementation knowledge is essential.
White box testing is testing beyond the user interface. The white box testing performs normally
in this project different part.

4.3 Verification & Validation

Verification Validation

1. Verification is a static practice of verifying 1. Validation is a dynamic mechanism of


documents, design and code/program. validating / testing the actual product.

2. It does not involve executing the code. 2. It always involves executing the code.

3. It is human based checking of documents / 3. It is computer based execution of program.


files.

4. Target is requirements specification, 4. Target is actual product-a unit, a module, a


application and software architecture, high bent of integrated modules, and effective final
level, complete design, and database design product.
etc.

5. Verification uses methods like 5. Validation uses methods like black box
inspections/review, walkthroughs, and Desk- (functional) testing, gray box testing, and
checking etc. white box (structural) testing etc.

6. Verification is done by development team 6. Validation is carried out with the


to provide that the software is as per the involvement of client.

Ambala College of Engineering and Applied Research Page 26


Online Stationery Store 2316012, 2316014, 2316018,2316054

specifications in the SRS document.

7. It can catch errors that validation cannot 7. It can catch errors that verification cannot
catch. It is low level exercise. catch. It is High Level Exercise.

8. Verification is to check whether the 8. Validation is to check whether software


software conforms to specifications. meets the customer expectations.

9. It, generally, comes first-done before 9. It generally follows after verification.


validation.

Table 4-1 validation & verification

User feedback is one of the important part of a product, this survey is done by one of the
authority of the company employee, evaluate the feedback and take initiative to make the system
more con venient to the user as well as it will be a part of great satisfactory of developing the
system.

4.4 TESTING OF THIS PROJECT


Web application testing, a software testing technique exclusively adopted to test the applications
that are hosted on web in which the application interfaces and other functionalities are tested.

1. Functionality Testing – Functionality involves to check the functions of our system whether
it is working properly or not. It involves the following

 Verify there is no dead page or invalid redirects.

 First check all the validations on each field.

 Wrong inputs to perform negative testing.

One example of functionality testing is shown by login to the website by an unauthorized


user, then prompt will appear displaying related message.
Sr.no Test Test Description Steps to Test Expected Actual Pass/fail
case
Ambala College of Engineering and Applied Research Page 27
Online Stationery Store 2316012, 2316014, 2316018,2316054

id cases execute data/input results results

1 TC- User Check the Click Nil It should Display Pass


01 interface home button on display the
home home page home
button of our page
website.

2 TC- User Check the Click Nil It should Display Pass


02 interface user button on user display the
button user page register
of our page
website

3 TC- User Check the Click Nil It should Display Pass


03 interface admin on display the
button admin admin login
button page of page
our
website.

Table 4-2: test case for home page

Sr.no Test Test description Steps to Test Expected Actual Pass/fail


case cases execute data/input result result
id

1. TC- User sign Check by 1.enter Wrong It will It Pass


01 in filling the invalid email id show showed
validation data in the email id and “either id “either id
required and password or or
fields password password password
is wrong” is
2.press wrong”
login

Ambala College of Engineering and Applied Research Page 28


Online Stationery Store 2316012, 2316014, 2316018,2316054

2. TC- User sign Check by Enter Wrong It will It Pass


02 in filling the invalid email id show showed
validation data in email id but right “either “either
required and valid password email id email id
fields. password or or
password password
2.press is is
login wrong”. wrong”.

3. TC- User sign Check by 1.enter Right It will It Pass


03 in filling the valid email id show showed
validation data in email id but wrong “either “either
required and password email id email id
fields invalid or or
password password password
is is
2.press wrong”. wrong”.
login

4. TC- User sign Check by 1.enter Right It will It opened Pass


04 in filling the valid email id open account
validation data in email id and right account portal
required and valid portal page
fields password password. page.

2.press
login

Table 4-3: test case for login page

Sr Tes Test cases descriptio Steps to Test Expecte Actual results Pass/fai
n t n execute data/inpu d results l
o cas t
e id

Ambala College of Engineering and Applied Research Page 29


Online Stationery Store 2316012, 2316014, 2316018,2316054

1 TC- USER Check by Enter Wrong It will It showed pass


01 REGISTRATIO filling the invalid user id show either id or
N FORM data in email id and either id password is
required and password or wrong.
fields. invalid . passwor
password d is
and wrong.
confirm
password
.

Press
submit
button.

2 TC- USER Check by Enter Wrong It will It showed pass


02 REGISTRATIO filling the invalid email id show either id or
N FORM data in email id but right either id password is
required and valid password or wrong.
fields. password . passwor
and d is
confirm wrong.
password
.

Press
submit
button.

3 TC- USER Check by Enter Right It will It showed pass


03 REGISTRATIO filling the valid email id show either id or
N FORM data in email id but either id password is
required and wrong or wrong.
fields. invalid password passwor
password . d is
and wrong.
confirm
password
.

Press

Ambala College of Engineering and Applied Research Page 30


Online Stationery Store 2316012, 2316014, 2316018,2316054

submit
button.

4 TC- USER Check by Enter Right id It will It opened Pass


04 REGISTRATIO filling the valid and open frmloginpage
N FORM data in email id password frmlogin .
required and valid page.
fields. password
.

Press
submit
button.

Table 4-4: test case for registration page

Sr.no Test Test description Steps to Test Expected Actual Pass/fail


case cases execute data/input result result
id

1. TC- Admin Check by 1.enter Wrong It will It Pass


01 sign in filling the invalid email id show showed
validation data in the email id and “either id “either id
required and password or or
fields password password password
is wrong” is
2.press wrong”
login

2. TC- Admin Check by Enter Wrong It will It Pass


02 sign in filling the invalid email id show showed
validation data in email id but right “either “either
required and valid password email id email id
fields. password or or
password password
2.press is is
login wrong”. wrong”.

3. TC- Admin Check by 1.enter Right It will It pass


sign in filling the valid email id show showed

Ambala College of Engineering and Applied Research Page 31


Online Stationery Store 2316012, 2316014, 2316018,2316054

03 validation data in email id but wrong “either “either


required and password email id email id
fields invalid or or
password password password
is is
2.press wrong”. wrong”.
login

4. TC- Admin Check by 1.enter Right It will It opened Pass


04 sign in filling the valid email id open portal
validation data in email id and right portal page
required and valid page.
fields password password.

2.press
login

Table 4-5: test case for admin page

Ambala College of Engineering and Applied Research Page 32


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter5
Results

5.1 Homepage

Figure5-1

Ambala College of Engineering and Applied Research Page 33


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 5-2

Ambala College of Engineering and Applied Research Page 34


Online Stationery Store 2316012, 2316014, 2316018,2316054

Figure 5-3

Ambala College of Engineering and Applied Research Page 35


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.2 Admin Page

Figure 5-4

Ambala College of Engineering and Applied Research Page 36


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.3 Contact Us Page

Figure 5-5

Ambala College of Engineering and Applied Research Page 37


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.4 Login Page

Figure 5-6

Ambala College of Engineering and Applied Research Page 38


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.5 Sign Up Page

Figure 5-7

5.6 Search Product

Figure 5-8

Ambala College of Engineering and Applied Research Page 39


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.7 Add Product

Figure 5-9

Ambala College of Engineering and Applied Research Page 40


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.8 View Product

Figure 5-10

Ambala College of Engineering and Applied Research Page 41


Online Stationery Store 2316012, 2316014, 2316018,2316054

5.9 Detail and Add to Cart

Figure 5-11

Ambala College of Engineering and Applied Research Page 42


Online Stationery Store 2316012, 2316014, 2316018,2316054

Chapter 6

Deployment

Step 1: Extract the Zip File

Ambala College of Engineering and Applied Research Page 43


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 2: Open the Extracted file and in that

a)Cut/Copy the Shopping Folder and Goto this pc

Ambala College of Engineering and Applied Research Page 44


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 3:Goto C drive

Ambala College of Engineering and Applied Research Page 45


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 4:Goto WAMP folder

Ambala College of Engineering and Applied Research Page 46


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 5:Goto www Folder and paste the shopping folder in it

Ambala College of Engineering and Applied Research Page 47


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 5:After pasting the shopping folder in the wamp,output in the


wamp Server

Ambala College of Engineering and Applied Research Page 48


Online Stationery Store 2316012, 2316014, 2316018,2316054

Step 7:Open the Project on Localhost domain

Final Output:

Ambala College of Engineering and Applied Research Page 49


Online Stationery Store 2316012, 2316014, 2316018,2316054

CONCLUSION

The Internet has become a major resource in modern business, thus online shopping has gained
significance not only from the entrepreneur’s but also from the customers point of view. For the
entrepreneur, online shopping generates a new business opportunities and for the customer, it
makes the comparative shopping possible. A god shopping cart design must be accompanied
with user-friendly shopping cart application logic. It should be convenient for the customer to
view the content s of their cart and to be able to remove or add items to their cart. The shopping
cart application described in this project provides a numbers of features that are designed to
make the customer more comfortable. This project helps in understanding the creation of an
interactive web page and technologies user to implement it. During the course of the project, we
have across the wide variety of problems and difficulties. We have learned the appropriate
intricate working behind the dynamic website, how tricky data manipulation can be occurred
sometimes but we have done everything.

Successfully, the system has been designed in response to the system analysis. All possible error
in the program has been eliminated. Necessary validation techniques have been used and normal,
abnormal and extremely data was used to test the system. However, doing this project has been a
good boost to our confidence as the future IT member of our global village.

Limitation

The software we have developed has some limitation. We are trying to fulfill all requirements.
But some tasks are not done here. Real time services like voice, chatting and video conferencing
are not done here. The system is developed for only cash on delivery as payment method.
Upcoming product will display only website but not added messaging service that when any
product will come will send message to customer mobile that new product available.

Ambala College of Engineering and Applied Research Page 50


Online Stationery Store 2316012, 2316014, 2316018,2316054

Future Scope
If its limitation can be solved then it would be more effective. In future we will try to develop
our project so that we able to give these facilities and credit card validation is not done. The
administrator of the website can be given more functionality, looking specific customer generate
invoice from admin panel of customer till present for taking decision. Adding SMS gateway to
confirm that customer order successfully submitted, and also the current stats of order that means
any state change of order customer will get a notification.

Ambala College of Engineering and Applied Research Page 51


Online Stationery Store 2316012, 2316014, 2316018,2316054

References
www. https://getbootstrap.com/

https://www.w3schools.com/html/

https://www.phpmyadmin.net/

http://www.wampserver.com/en/

https://www.w3.org/Style/CSS/Overview.en.html

Ambala College of Engineering and Applied Research Page 52


Online Stationery Store 2316012, 2316014, 2316018,2316054

Appendix A
 Software Requirements
Notepad ++
WAMP Server

Appendix B
//homepage.php

<html>

</head>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-


awesome.min.css" type="text/css" rel="stylesheet">

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<link href="user.css" rel="stylesheet" type="text/css">

</head>

<body class="ex_body">

<div class="top">

<ul id="menu">

Ambala College of Engineering and Applied Research Page 53


Online Stationery Store 2316012, 2316014, 2316018,2316054

<li><a class="anc" href="cart.php"><i class="fa fa-shopping-bag" aria-


hidden="true"></i>MyCart</a></li>

<li><a class="anc" href="#"><i class="fa fa-heart-o" aria-hidden="true"></i>Wishlist</a></li>

<li><a class="anc" href="login.php"><i class="fa fa-user" aria-hidden="true"></i>Login</a></li>

</ul>

</div>

<nav class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-brand" style="font-family:cursive; font-size:35px;color:#fb51b4; margin-top:10px;"


href="#"><i class="fa fa-archive" aria-hidden="true"></i><b><i>StaTioNarY</i></b></a>

</div>

<ul class="nav navbar-nav">

<li class="active"><a href="usertry.php">Home</a></li>

<li><a href="allproduct.php">pen</a></li>

<li><a href="allproduct.php">pencil</a></li>

<li><a href="colorproduct.php">colorbox</a></li>

<li><a href="dairyproduct.php">Notebook</a></li>

<li><a href="#">About Us</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</nav>

Ambala College of Engineering and Applied Research Page 54


Online Stationery Store 2316012, 2316014, 2316018,2316054

<div class="col-xs-12 col-lg-12">

<div class="col-xs-12 col-lg-8">

<div id="myCarousel" class="carousel slide" data-ride="carousel">

<!-- Indicators -->

<ol class="carousel-indicators">

<li data-target="#myCarousel" data-slide-to="0" class="active"></li>

<li data-target="#myCarousel" data-slide-to="1"></li>

<li data-target="#myCarousel" data-slide-to="2"></li>

<li data-target="#myCarousel" data-slide-to="3"></li>

</ol>

<!-- Wrapper for slides -->

<div class="carousel-inner">

<div class="item active">

<img src="https://images.unsplash.com/photo-1568871391149-449702439177?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="Los Angeles" height="400px" width="100%">

</div>

<div class="item">

Ambala College of Engineering and Applied Research Page 55


Online Stationery Store 2316012, 2316014, 2316018,2316054

<img src="https://missmansi.com/wp-content/uploads/2019/08/videoblocks-office-and-school-
stationery-and-accessories_s85fav1pz_thumbnail-full01.png" alt="New York" height="400px"
width="100%">

</div>

<div class="item">

<img
src="https://s1.1zoom.me/big0/649/Stationery_White_background_Pencils_Sheet_of_paper_531441_1
280x915.jpg" alt="New York" height="400px" width="100%">

</div>

<div class="item">

<img src="https://st2.depositphotos.com/1177973/8956/i/950/depositphotos_89563852-stock-
photo-frame-of-colourful-stationary-on.jpg" alt="New York" height="400px" width="100%">

</div>

</div>

<!-- Left and right controls -->

<a class="left carousel-control" href="#myCarousel" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left"></span>

<span class="sr-only">Previous</span>

</a>

<a class="right carousel-control" href="#myCarousel" data-slide="next">

<span class="glyphicon glyphicon-chevron-right"></span>

<span class="sr-only">Next</span>

Ambala College of Engineering and Applied Research Page 56


Online Stationery Store 2316012, 2316014, 2316018,2316054

</a>

</div>

</div>

<div class="col-xs-12 col-lg-4">

<div class="col-xs-12 col-lg-12">

<img src="https://i.pinimg.com/originals/88/a0/f5/88a0f5f5654bc50be57ee30a8d079f02.jpg"
alt="oops" class="img-rounded"></div>

<div class="col-xs-12 col-lg-12" style="margin-top:10px;">

<img src="https://i.pinimg.com/originals/88/a0/f5/88a0f5f5654bc50be57ee30a8d079f02.jpg"
alt="oops" class="img-rounded"></div>

</div>

</div>

<div class="container">

<div class="col-xs-12 col-lg-12 margin">

<h2 style="color:#283346;padding-left:50px;text-align:center;"><b>ONLINE STATIONERY & GENERAL


ORDER SUPPLIES SHOP IN GURGAON – DEMAND AND SUPPLY</b></h2>

<p style="font-size:14px;text-align:center; color:white;"><strong>Demand and Supply</strong>


occupies a leading position in the NCR Market as an integrated supplier of goods for School, office and
business: from Office Supplies, computer<br> equipment, Stationery products & House Hold
Equipments with Complete Range of Cleaning Products.<br>

Our strategy is based on the integrated provision of corporate and industrial customers throughout
Delhi NCR. We also have 4 Outlets in Gurgaon, situated in the<br> sector- 55, Sector – 66, Sadar bazar &
In Old gurgaon. Thanks to 19 years of experience and the newest logistics structure (7 distribution
centres, including a unique<br> “Terminal” that has no analogues), we deliver orders of any volume to
the destination in the shortest possible time.</P>

Ambala College of Engineering and Applied Research Page 57


Online Stationery Store 2316012, 2316014, 2316018,2316054

</div>

</div>

<div class="container">

<div class="col-xs-12 col-lg-12 margin">

<h2><b>TRENDING STATIONARY PRODUCTS<b></h2>

<form method="post" enctype="multipart/form-data">

<?php

$link=mysqli_connect("127.0.0.1","root","");

mysqli_select_db($link,"project");

$q="select * from product_info where pid IN (1,5,7,2,3,8,4,6)";

$row=mysqli_query($link,$q);

$i=0;

while($data=mysqli_fetch_array($row))

if($i%4==0)

?>

<table width=50%><tr><td>

Ambala College of Engineering and Applied Research Page 58


Online Stationery Store 2316012, 2316014, 2316018,2316054

<div class="card">

<div class="card_image">

<div class="transit">

<center><img src="image/<?php echo $data["images"];?>" height="200px"


width="173px"></center>

</div>

</div>

<div class="card_data">

<span class="color" style="font-size:20px;text-decoration:underline;"><?php echo


$data["name"];?></span><br>

<h4 style="float:right; padding-right:10px;font-family:sans-serif;font-style:italic;"><?php echo


"Rs. ". $data["price"];?></h4><br>

</div>

<a href="#"><i class="fa fa-shopping-cart cart_icon" aria-hidden="true"></i></a>

<a class="det" href="producttry.php?id=<?php echo $data["pid"];?>">Detail</a>

</td>

</div>

<?php

else

?>

<td>

Ambala College of Engineering and Applied Research Page 59


Online Stationery Store 2316012, 2316014, 2316018,2316054

<div class="card">

<div class="card_image">

<center><img src="image/<?php echo $data["images"];?>" height="200px"


width="173px"></center>

</div>

<div class="card_data">

<span class="color" style="font-size:20px;text-decoration:underline;"><?php echo


$data["name"];?></span><br>

<h4 style="float:right;padding-right:10px;font-family:sans-serif;font-style:italic;"><?php echo


"Rs. ". $data["price"];?></h4><br>

</div>

<a href="#"><i class="fa fa-shopping-cart cart_icon" aria-hidden="true"></i></a>

<a class="det" href="producttry.php?id=<?php echo $data["pid"];?>">Detail</a>

</td>

</div>

<?php

$i++;

echo "</tr></table>";

?>

Ambala College of Engineering and Applied Research Page 60


Online Stationery Store 2316012, 2316014, 2316018,2316054

</form>

</div>

</div>

<div class="col-xs-12 col-lg-12">

<section class="section_class">

<div class="col-xs-12 col-lg-6 margin_flex">

<h2 style="font-size:41px;">Special offers for Gurgaon</h2>

<p style="font-style:italic;font-family:serif;word-spacing:8px;">Each company conducts clerical


work and accounts department, and for this purpose stationery goods are necessary. In our catalogue
are sold in bulk from the manufacturer:</p>

<li>Photocopier paper Glossy papers</li>

<li>All Brand stationery products either of Offices or for School</li>

<li>folders-registers</li>

<li>writing accessories</li>

<li>desktop organizers and other office accessories</li>

<li>cartridges & toners of all brands</li>

<li>Inks for all printers</li>

</div>

<div class="col-xs-12 col-lg-6 margin_flex2">

<h5>Also you can purchase the necessary equipment in the office:</h5>

<li>MFPs, printers, copiers, scanners</li>

<li>Cartridges & Toners</li>

Ambala College of Engineering and Applied Research Page 61


Online Stationery Store 2316012, 2316014, 2316018,2316054

<li>Refilling of Toners of all brand</li>

<li>Keyboard, Mouses, Memory cards, Pendrives, Hard Disks</li>

<li>Printer Cassette, Printer Tapes,</li>

<li>Head Phone, Ear Phone, Bluetooth Speakers, Home Theater Speakers</li>

<li>CDS DVDS</li>

<li>Hopitality Goods of All Brands</li>

<li>Cleaning Goods of All brands</li>

</div>

</section>

</div>

<div class="col-xs-12 col-lg-12 bgcolor">

<section class="design">

<div class="col-xs-12 col-lg-6 flex_color">

<center><img
src="https://s1.1zoom.me/big0/649/Stationery_White_background_Pencils_Sheet_of_paper_531441_1
280x915.jpg" alt="oops" height="300px" width="70%"></center>

</div>

<div class="col-xs-12 col-lg-6 flex_color">

Ambala College of Engineering and Applied Research Page 62


Online Stationery Store 2316012, 2316014, 2316018,2316054

<h1 class="lead"><span class="lead_color">LEADING</span> STATIONARY <br>&<br><span


class="lead_color">GENERAL</span> GOODS</h1>

<form method="post">

<a href="#"><input type="submit" class="color2" name="b3" value="Read More"></a>

</form>

</div>

</section>

</div>

</section>

<div class="col-xs-12 col-lg-12 brand">

<h3 style="padding:48px;font-size:46px;color:slategray;"><b>BRANDS WE OFFER</b></h3>

<marquee behavior="alternate" scrollamount="12" class="mar">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcTL30w2jh0HpTwrCa6V9KdQuaQ7erC6YhlPNtW_qHm4zreKt
ycj" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcSHzT5Xb0WTpd7h6my26MUQ0EkQO5dWEjuE9dAD7f5-
wER3GGcw" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcTFoG3WVgAtkl1L3cSEQUrDbOr6uTHgw3Aw_k2ia7alHLFF1z
63" alt="oops" class="mark" height="90px" width="15%">
Ambala College of Engineering and Applied Research Page 63
Online Stationery Store 2316012, 2316014, 2316018,2316054

<img src="https://www.adlibweb.com/wp-
content/uploads/2018/05/1527587203_z7fViR_classmate_big.jpeg" alt="oops" class="mark"
height="90px" width="15%">

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQn-
9kQYpV3FhoYqC5p30tM1Zn1AirfujYY4R25Gmp-6_MyCX8I" alt="oops" class="mark" height="90px"
width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcT30kKayVlEqDgJkwDehNjQStCChG7lJDO71Sx_Tae81ADnK7i
z" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTBYqnZNM_-
F7hzq8yg2aEmXvBCZGxId850ZJR30Fm9UvDp28gY" alt="oops" class="mark" height="90px"
width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcS2WYCR9hr31d72zypmPKIMn3zU2tUnl7usPOI66JKXHIwT5t
dc" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcR6LVDdsYAPrhDkyOS_j9L4heH92DmiHxIXj33xWdQoaGvH3d
2P" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSMMjKKw1J6OISUyY-
OvzutGHtMQKE42QVt5NF2P2znSnKTKUtR" alt="oops" class="mark" height="90px" width="15%">

<img src="https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcR6LVDdsYAPrhDkyOS_j9L4heH92DmiHxIXj33xWdQoaGvH3d
2P" alt="oops" class="mark" height="90px" width="15%">

</marquee>

</div>

Ambala College of Engineering and Applied Research Page 64


Online Stationery Store 2316012, 2316014, 2316018,2316054

<div class="col-xs-12 col-lg-12 footer">

<div class="col-xs-12 col-lg-4 footer_1">

<h2 style="color: white;">About Us</h2>

<p style="color:whitesmoke;text-align: justify;">Lorem Ipsum is simply dummy text of the


printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s</p>

</div>

<div class="col-xs-12 col-lg-3 footer_1">

<h2 style="color: white;">Map</h2>

<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3431.420783307728!2d76.74530
921446008!3d30.678434895299876!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fec0
fc0000001%3A0x2fe21eed866f0d52!2sThinkNEXT+Technologies+Pvt+Ltd+-
+Summer+6+Weeks+Industrial+Training+Internship+Chandigarh+Mohali!5e0!3m2!1sen!2sin!4v1563431
349136!5m2!1sen!2sin" width="200px" height="150" frameborder="0" style="border:0"
allowfullscreen></iframe>

</div>

<div class="col-xs-12 col-lg-3 footer_1">

<h2 style="color: white;">Address</h2>

<address style="color: whitesmoke;">

By <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>

jondoe19841@gmail.com<br>

Box 564,Andheri East<br>

Ambala College of Engineering and Applied Research Page 65


Online Stationery Store 2316012, 2316014, 2316018,2316054

MUMBAI

</address>

</div>

<div class="col-xs-12 col-lg-12">

<h4 style="padding-top:20px;text-align:center;">MATADOR NETWORK © 2006-2019</h4>

</div>

</div>

</body>

</html>

*//addproduct.php

<html>

<head>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->

Ambala College of Engineering and Applied Research Page 66


Online Stationery Store 2316012, 2316014, 2316018,2316054

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<link href="project.css" rel="stylesheet" type="text/css">

</head>

<body>

<div class="margin" style="height:70px;">

<form method="post">

<input type="submit" value="view products" name="b2" style="float:right;margin-top:10px;margin-


right:45px;border-radius:4px;font-size:18px;">

</form>

</div>

<form method="post" enctype="multipart/form-data" class="form-horizontal boot_form"


style="height:385px";>

<h3 style="text-align:center";>PRODUCT</h3>

<div class="form-group">

<label class="control-label col-sm-4">CATEGORY:</label>

<div class="col-sm-4">

<input type="text" class="form-control" name="c">

</div>

</div>

<div class="form-group">

Ambala College of Engineering and Applied Research Page 67


Online Stationery Store 2316012, 2316014, 2316018,2316054

<label class="control-label col-sm-4">PRODUCT NAME:</label>

<div class="col-sm-4">

<input type="text" class="form-control" name="n">

</div>

</div>

<div class="form-group">

<label class="control-label col-sm-4">PRICE:</label>

<div class="col-sm-4">

<input type="text" class="form-control" name="p1">

</div>

</div>

<div class="form-group">

<label class="control-label col-sm-4">DESCRIPTION:</label>

<div class="col-sm-4">

<input type="text" class="form-control" name="d1">

</div>

</div>

<div class="form-group">

<label class="control-label col-sm-4">IMAGE:</label>

<div class="col-sm-6">

<input type="file" class="form-control" name="f1">

Ambala College of Engineering and Applied Research Page 68


Online Stationery Store 2316012, 2316014, 2316018,2316054

</div>

</div>

<div class="form-group">

<div class="col-sm-offset-4 col-sm-10">

<input type="submit" class="btn btn-default btn1" name="b1" value="Save">

</div>

</div>

</form>

<?php

if(isset($_POST["b1"]))

$catg=$_POST["c"];

$pname=$_POST["n"];

$price=$_POST["p1"];

$des=$_POST["d1"];

$name=$_FILES["f1"]["name"];

$temp=$_FILES["f1"]["tmp_name"];

move_uploaded_file($temp,"image/".$name);

$link=mysqli_connect("127.0.0.1","root","");

mysqli_select_db($link,"project");

Ambala College of Engineering and Applied Research Page 69


Online Stationery Store 2316012, 2316014, 2316018,2316054

$q="insert into
product_info(category,name,price,description,images)values('$catg','$pname','$price','$des','$name')";

mysqli_query($link,$q);

?>

<?php

if(isset($_POST["b2"]))

header("location:project3.php");

?>

</body>

</html>

*//userproduct.php

<html>

<head>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css" rel="stylesheet">

Ambala College of Engineering and Applied Research Page 70


Online Stationery Store 2316012, 2316014, 2316018,2316054

<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<link href="usertry.css" rel="stylesheet" type="text/css">

</head>

<body class="product_body">

<div class="top">

<ul id="menu">

<li><a class="anc" href="cart.php"><i class="fa fa-shopping-bag" aria-


hidden="true"></i>MyCart</a></li>

<li><a class="anc" href="#"><i class="fa fa-heart-o" aria-hidden="true"></i>Wishlist</a></li>

<li><a class="anc" href="login.php"><i class="fa fa-user" aria-hidden="true"></i>Login</a></li>

</ul>

</div>

<nav class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-brand" style="font-family:cursive; font-size:35px;color:#fb51b4; margin-top:10px;"


href="#"><i class="fa fa-archive" aria-hidden="true"></i><b><i>StaTioNarY</i></b></a>

</div>

Ambala College of Engineering and Applied Research Page 71


Online Stationery Store 2316012, 2316014, 2316018,2316054

<ul class="nav navbar-nav">

<li class="active"><a href="usertry.php">Home</a></li>

<li><a href="producttry.php">pen&pencil</a></li>

<li><a href="#">colorbox</a></li>

<li><a href="#">files</a></li>

<li><a href="#">About Us</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</nav>

<div class="container">

<form method="post" enctype="multipart/form-data">

<?php

$link=mysqli_connect("127.0.0.1","root","");

mysqli_select_db($link,"project");

$q="select * from product_info where category='pencil'";

$row=mysqli_query($link,$q);

Ambala College of Engineering and Applied Research Page 72


Online Stationery Store 2316012, 2316014, 2316018,2316054

$i=0;

while($data=mysqli_fetch_array($row))

if($i%4==0)

?>

<table width=50%><tr><td>

<div class="card">

<div class="card_image">

<div class="transit">

<center><img src="image/<?php echo $data["images"];?>" height="188px"


width="186px"></center>

</div>

</div>

</div>

<div class="name">

<span class="color"><?php echo $data["name"];?></span>

</div>

<h4><?php echo "Rs.". $data["price"];?></h4>

<input type="submit" name="b2" class="product_btn" value="ADD TO CART">

</td>

Ambala College of Engineering and Applied Research Page 73


Online Stationery Store 2316012, 2316014, 2316018,2316054

<?php

else

?>

<td>

<div class="card">

<div class="card_image">

<center><img src="image/<?php echo $data["images"];?>" height="188px"


width="186px"></center>

</div>

</div>

<div class="name">

<span class="color"><?php echo $data["name"];?></span>

</div>

<h4><?php echo "Rs. ". $data["price"];?></h4>

<input type="submit" name="b2" class="product_btn" value="ADD TO CART">

</td>

<?php

Ambala College of Engineering and Applied Research Page 74


Online Stationery Store 2316012, 2316014, 2316018,2316054

$i++;

echo "</tr></table>";

?>

</form>

</div>

</body>

</html>

*//user.css

.ex_body{

background: linear-gradient(to bottom, #009688 5%, #f1f1f1 100%);

.top {

height: 45px;

background: linear-gradient(to bottom, #009688 5%, #f1f1f1 100%);

Ambala College of Engineering and Applied Research Page 75


Online Stationery Store 2316012, 2316014, 2316018,2316054

ul#menu li {

display:inline;

float:right;

ul{

margin-top:-10px;

li{

margin-top:15px;

.anc{

color:black;

padding:10px;

.nav>li>a {

position: relative;

display: block;

padding: 10px 30px;

font-family:cursive;

Ambala College of Engineering and Applied Research Page 76


Online Stationery Store 2316012, 2316014, 2316018,2316054

.navbar-default {

background-color: white;

border-color: #e7e7e7;

height: 85px;

.navbar-nav {

float: right;

margin-top: 10px;

.item{

height:430px;

.carousel-control{

width:2%;

.img-rounded {

height: 212px;

margin-left: 21px;

border-radius:15px;

Ambala College of Engineering and Applied Research Page 77


Online Stationery Store 2316012, 2316014, 2316018,2316054

width:88%;

.margin{

margin-top:70px;

h2{

color:#283346;

.card {

box-shadow: 4px -3px 8px 0 #f1f1f157;

transition: -0.3s;

margin-left: 73px;

width: 88%;

height: 330px;

margin-top: 24px;

background-color: white;

border-radius: 4px;

Ambala College of Engineering and Applied Research Page 78


Online Stationery Store 2316012, 2316014, 2316018,2316054

.card:hover {

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

.card_image{

padding-top:15px;

.card_data{

padding-top: 7px;

padding-left: 15px;

.color{

color: red;

font-size: 19px;

font-variant-caps: petite-caps;

text-decoration: underline;

.size{

Ambala College of Engineering and Applied Research Page 79


Online Stationery Store 2316012, 2316014, 2316018,2316054

border-radius:4px;

margin-top:20px;

.bgcolor{

margin-top: 70px;

background-color: white;

height: 301px;

.lead_color{

color:#1aa79b;

.lead{

font-size:53px;

font-family:fantasy;

section{

Ambala College of Engineering and Applied Research Page 80


Online Stationery Store 2316012, 2316014, 2316018,2316054

display:flex;

.section_class{

display:flex;

margin-top:81px;

background-color:#f4f5fb;

.margin_flex{

margin-top:7px;

font-style:italic;

font-family:inherit;

.margin_flex2{

margin-top:32px;

font-style:italic;

font-family:inherit;

Ambala College of Engineering and Applied Research Page 81


Online Stationery Store 2316012, 2316014, 2316018,2316054

.brand{

margin-top:20px;

.mar{

width:100%;

.mark{

margin-left:20px;

.footer_1{

margin: 10px;

padding-left: 101px;

Ambala College of Engineering and Applied Research Page 82


Online Stationery Store 2316012, 2316014, 2316018,2316054

.footer{

margin-top: 40px;

background-color:#777;

.design{

display:flex;

margin-top:0px;

.flex_color{

background-color:white;

.color2{

color: white;

background-color: firebrick;

border-radius: 10px;

width: 135px;

height: 34px;

font-size: 20px;

border: white;

Ambala College of Engineering and Applied Research Page 83


Online Stationery Store 2316012, 2316014, 2316018,2316054

.cart_icon{

font-size: 35px;

margin-top: 28px;

padding-left: 17px;

.det{

float: right;

margin-top: 36px;

margin-right: -26px;

.product_design{

margin-top:1px;

background-color: #eeeeeeb0;

margin-left: -17px;

padding-left: 26px;

Ambala College of Engineering and Applied Research Page 84


Online Stationery Store 2316012, 2316014, 2316018,2316054

.faltu{

margin-top:30px;

.vl {

border-left: 1px solid #ddd;

height: 250px;

position: absolute;

left: 50%;

margin-left: -3px;

top: 30%;

.divide{

width:50%;

Ambala College of Engineering and Applied Research Page 85


Online Stationery Store 2316012, 2316014, 2316018,2316054

.text{

width:20%;

.quant{

padding-top: 21px;

border-top: 2px solid #999;

margin-top: 20px;

border-top-width: thin;

Ambala College of Engineering and Applied Research Page 86


Online Stationery Store 2316012, 2316014, 2316018,2316054

Ambala College of Engineering and Applied Research Page 87

Das könnte Ihnen auch gefallen