TABLE OF CONTENTS

S.NO. TITLE PAGE NO.

01 Introduction About The Project 1
02 Objectives and Scope of Project 3
03 Definition of problem 3
04 System analysis 4
05 System Requirement 5
06 System design and coding 6
07 Database 9
08 DFD 19
09 ER-diagram 22
10 Input form and coding 27
11 Output form 40
12 Data Report form 45
13 Conclusion 57
14 Bibliography 59
 Introduction About The Project
grocery shopping is a supermarket that allows online purchasing of fruits, vegetables
etc. you can conveniently computer to place your order online .you can select your
choice of fruits and vegetable from the grocery store .once you have finalized the
order, then you can add an item to the shopping cart. When you checkout from
shopping cart, then you order will be develop at the doorstep. When you are satisfied
with this order, service and quantity then you pay cash on the spot upon delivery.

 Admin has monitor everything in online grocery shop

 Admin can add ,delete and update the grocery item(fruits and vegetable etc)
 Admin can verify the orders of the online shop
 The user can view the grocery shop item(fruits ,vegetables etc)
 The user fill a form providing his/her name ,number, address, city
delivery time slot and payment method (cash on delivery) after he/she
check out the shopping cart
 Grocery item,fruite,vegetable etc) will be delivered to the user at the home
with respect to the selected time slot
The application was designed into two modules first is for the users who wish to
buy the grocery item. Second is for the storekeepers who maintains and updates
the information pertaining to the grocery item and those of the users. The end
user of this grocery item is a departmental store where the application is hosted
on the web and the administrator maintains the database. The application which
is deployed at the users’ database, the details of the items are brought forward
from the database for the users view based on the selection through the menu
and the database of all the grocery items are updated at the end of each
transaction. Data entry into the application can be done through various screens
designed for various levels of users.

2
 INTRODUCTION TO MySQL

MySQL is a fast, easy-to-use RDBMS being used for many small and big businesses.
MySQL is developed, marketed and supported by MySQL AB, which is a Swedish
company. MySQL is becoming so popular because of many good reasons −
 MySQL is released under an open-source license. So you have nothing to pay
to use it.
 MySQL is a very powerful program in its own right. It handles a large subset
of the functionality of the most expensive and powerful database packages.
 MySQL uses a standard form of the well-known SQL data language.
 MySQL works on many operating systems and with many languages
including PHP, PERL, C, C++, JAVA, etc.
 MySQL works very quickly and works well even with large data sets.
 MySQL is very friendly to PHP, the most appreciated language for web
development.
 MySQL supports large databases, up to 50 million rows or more in a table.
The default file size limit for a table is 4GB, but you can increase this (if your
operating system can handle it) to a theoretical limit of 8 million terabytes
(TB).
 MySQL is customizable. The open-source GPL license allows programmers
to modify the MySQL software to fit their own specific environments.

What is Database actually?

The term database means different things to different people. For
many years in the world of Dbase was used to describe a collection of fields and records
in a client/server environment. Dbase refers to all the data schema, indexes, rules,
triggers and stored procedures associated with a system in access terms, a dbase is a
collection of all the tables, queries, forms, reports, macros and modules that compose a
complete system.
Actually database is a collection of related information. Here information is stored in
tabular form one record shows all possible attribute of an entity. In a simple word entity
can be identified by its attributes like his name, color, height and hairstyle etc identify a
person. So in databases a record makes tuple while attributes make fields.

3
 ABOUT MySQL

MySQL is a leading open source database management system. It is a multi-

user, multithreaded database management system. MySQL is especially popular on the
web. It is one of the parts of the very popular LAMP platform. Linux, Apache, MySQL and
PHP. MySQL database is available on most important OS platforms. It runs on BSD Unix,
Linux, Windows or Mac. Wikipedia, YouTube, Facebook use MySQL. These sites manage
millions of queries each day. MySQL comes in two versions: MySQL server system and
MySQL embedded system. The MySQL server software and the client libraries are dual-
licensed: GPL version 2 and proprietary license.

Features of MySQL :

 It provides highly secure environment to do better handling of database.

 It can handle reasonable amount of data.
 Easily support almost all operating system.
 It gives client server architecture.
 It provide SQL compatibility.
 Easy to use..
 MySQL supports the ODBC interface. This allows MySQL to be addressed by all the
usual programming languages that run under Microsoft Windows
(Delphi, Visual Basic, etc.).

Who uses MySQl :

- Some of the most famous websites like Facebook, Wikipedia, Google (not for
search), YouTube, Flickr.
- Content Management Systems (CMS) like WordPress, Drupal, Joomla,
phpBB.
- A large number of web developers worldwide are using MySQL, to develop web
applications.

4
 OBJECTIVE AND SCOPE OF PROJECT

 This Project “GROCERY MANAGEMENT SYSTEM” is mainly

useful for the management of materials like purchase and sales and
related transactions.
 This application is to automate the existing system of manually
maintaining the records of the counter sales, purchases, reorder levels,
Supplier and Customer monetary positions and other related transactions
made at the counter.
 In the existing system, records are maintained through different
registers, which becomes very inconvenient to modify the existing data,
but here is a facility that the same data in different registers may have
corrected by a single updation.
 User is no longer required to check or verify his register in search of
records, as now it can be searched over the software by choosing some
options.
 The user need not to type in most of the information at every
transaction, it can be recalled from master wherever necessary
 In this system computer automatically calculated the transactions, values
and displaying the result for further manipulations.
 Our main objective behind to make this project is to maintaining the
Inventory of any grocery shop. A database is created to replace manual
process which is time consuming, more chance to redundancy,
inconsistency.

5
 DEFINITION OF PROBLEM

PROBLEM DEFINITION:

 The transactions related to purchase, sale and returns are maintained

manually at present along with maintaining the accounts of the
customers and the suppliers.

 All these are to be automated and an application is required to relate all

of them relatively and logically so that the current system can be
replaced and accepted without major changes and problems.

 The application should provide quick access to the records maintained

and must reveal the important reviews about the business so that the
growth can be easily compared and should provide with the various
reports showing the related details so that the important decisions could
be taken easily.

6
 SYSTEM ANALYSIS

A system is a set or arrangement of functionally dependent component or

working together to attain a predefined goal by processing information. It is the

process of examine of a business situation with the intent of improving it

through better procedure and method. It is the process of gathering and method.

It is process gathering and interpreting facts.

Timing problems and using the information to recommend

improvement to the system. Analysis is used gained and understanding of the

conclusion of the system there is a system description and as set of requirement

for a new system. It there is on existing system, then the analysis only defines

the requirement. The step, which follows, will propose a new system that meets

these requirements.

The new system may be built a fresh or by changing the existing system.

Development being by defining a model of new system an continuous by

converting these model to a system in a short analysis specifies what the

system should do.

ANALYSIS OBJECTIVE

An efficient system analysis always plays the role of strong foundation

for development of any proposed system. Information play key role, as the

horizon of knowledge keep on expending, since this project is anaphor to

7
convert the manual in to computer based system, a through knowledge of the

day-to-day functions of present system of mandatory the objective of this study

comprise.

FEASIBILITY STUDY

Feasibility is the determination of whether or not a project is worth

doing. The process followed in making this decision is called feasibility study.

It determines whether a project should be taken or not. Various types of

feasibility were studied, like:

TECHNICAL FEASIBILITY

This is concerned with specifying equipment and the software that

successfully satisfies the user requirements. In examining the technical

feasibility, the configuration of the system is given importance than the actual

hardware.

OPERATIONAL FEASIBILITY

It is mainly related to the human organizational and political aspects. It

involved the study of the changes to be through in the system, new skills

needed etc. In the present manual system there is no use of computer and also

the operational staff has no idea about the operation of the computer system,

hence an introductory training of the staff is needed.

ECONOMIC FEASIBILITY

8
 It is the most frequently used technique for the evaluation of the

effectiveness of the proposed system. It involves the cost/benefit analysis. This

study has out weighed the manual system to the new system.

SOCIAL FEASIBILITY

It is the determination of whether a system will by the user or not. This

examines the probability of the project being accepted directly by the users.

MANAGEMENT FEASIBILITY

It is to determine whether the proposed system will be acceptable to the

management or not.

TIME FEASIBILITY

It is a determination of whether the proposed system can be

implemented fully within a stipulated time interval.

FACT FINDING

Fact-finding means learning about the existing system as much as

possible. The various methods that were employed to find facts are:

OBSERVING THE CURRENT SYSTEM:

Direct observation of the system allows the analyst to verify his

understanding of the system. It is one of the most difficult techniques. It

requires intrusion into the user’s area and can cause adverse reaction by the

users if not handled properly. The user should not be able to know that he is

being observed else he might behave in a different manner. We had to be very

careful in doing the on-site observation though the users are co-operative or

9
reluctant. A lot of information about the system was gathered by observing the

existing system at work.

GATHERING INFORMATION FORM THE EXISTING DOCUMENTS

The information regarding the system was gathered by the existing

documents such as various reports, procedure and practices of the, Raipur

(C.G.). After studying these documents we got the various requirements of the

system which helped us to determine to what extent were the requirements

being met by the present system.

10
 SYSTEM REQUIREMENT

1. HARDWARE REQUIREMENT:

 Micro Processor - Intel Pentium III 833MHz or above

 RAM - 4 GB

 Hard Disk - 120 GB or above.

 Monitor - 14” VGA.

 Keyboard & Mouse - PS/2 & Optical

 Printer - LaserJet for print report or Bill.

 CD/DVD/USB - for Backup purpose

2. SOFTWARE REQUIREMENT:

 Operating system - Windows 10

 Front End - PHP

 Back end - MQL

(Some additional feature of VB like, Dtagrind, Data-Report)

11
 PROPOSED SYSTEM

The Proposed system is a browser which is completely related to internet

browsing. The web enabled information management system designed to
automate the entire operations of the work planner. Providing multi user option
to make it more effective with different mode of access like Admin- having all
the access authority like adding project, update project, add manage, add
members and most important able to make the back up of the required record
for the future reference.

Then, Manager user having the authority less than Admin but places
most important role. He/she is responsible for the effective usage of resources
available either man-power, tools, financial and most important time
consumption.

Then, Member user came who have limited access in this software only to
get information about the job allotted by manager. These groups only
communicated to manager only.

12
 SYSTEM DESIGN AND CODING

INTRODUCTION:-

Software design sits at the technical kernel of the software engineering

Process and is applied regardless of the development paradigm and area of
application. Design is the first step in the development phase for any engineered
product or system. The designer goal is to produce a model or representation of an
entity that will later be built. Beginning, once system requirement have been specified
and analyzed, system design is the first of the three technical activities-designs, code
and test that is required to build and verify software.

The important can be stated with a single word “quality”. Designis the place where
quality is fostered in software development. Designprovides us with representation of
software that can access for quality.

Design is the only way that we can accurately translate a customer view into a
finished software product or system. Software design serves as a foundation for all the
software engineering steps that follow. Without a strong design we risk building an
unstable system-one that will fall when small changes are made; one that will be
difficult to test one whose quality cannot be accessed until the last stage.

During design progressive refinements of data structure, program structure and

procedural details are developed reviewed and documented. System design can be
viewed from either a technical or project management perspective.

INPUT DESIGN:
Input design is the process of converting user-oriented input to a computer based
format. Input design is a part of overall system design, which requires very careful
attention. Often the collection of input data is the most expensive part of the system.
The main objectives of the input design are …
1. Produce cost effective method of input.
2. Achieve highest possible level of accuracy.
3. Ensure that the input is acceptable to and understood by the staff.

13
Input Data:-

The goal of designing input data is to make enter easy, logical and free from errors as
possible. The entering data entry operators need to know the allocated space for each
field; field sequence and which must match with that in the source document. The
format in which the data fields are entered should be given in the input form . Here
data entry is online; it makes use of processor that accepts commands and data from
the operator through a keyboard. The input required is analyzed by the processor. It is
then accepted or rejected. Input stages include the following processes:
Data Recording
Data Transcription
Data Conversion
Data Verification
Data Control
Data Transmission
Data Correction
One of the aims of the system analyst must be to select data capture method and
devices, which reduce the number of stages so as to reduce both the changes of errors
and the cost. Input types, can be characterized as:
External
Internal
Operational
Computerized
Interactive
Input files can exist in document form before being input to the computer. Input
design is rather complex since it involves procedures for capturing data as well as
inputting it to the computer.

OUTPUT DESIGN:

Outputs from computer systems are required primarily to communicate the results of
processing to users. They are also used to provide a permanent copy of these result for
latter consultation .Computer output is the most important and direct source of
information to the users. Designing computer output should proceed in an organized
well throughout the manner. The right output must be available for the people who
find the system ease of use. The outputs have been defined during the logical design
stage. If not, they should defined at the beginning of the output designing terms of
types of output connect, format, response etc. Various types of outputs are:-
External outputs
Internal outputs
Operational outputs
Interactive outputs
Turn around outputs

14
All screens are informative and interactive in such a way that the user can full fill his
requirements through asking queries.

DATABASE

15
16
17
18
 DFD
A data flow diagram is graphical tool used to describe and analyze
movement of data through a system. These are the central tool and the basis
from which the other components are developed. The transformation of data
from input to output, through processed, may be described logically and
independently of physical components associated with the system. These are
known as the logical data flow diagrams. The physical data flow diagrams
show the actual implements and movement of data between people,
departments and workstations. A full description of a system actually consists
of a set of data flow diagrams. Using two familiar notations Yourdon, Gane
and Sarson notation develops the data flow diagrams. Each component in a
DFD is labeled with a descriptive name. Process is further identified with a
number that will be used for identification purpose. The development of
DFD’S is done in several levels. Each process in lower level diagrams can be
broken down into a more detailed DFD in the next level. The lop-level
diagram is often called context diagram. It consists a single process bit, which
plays vital role in studying the current system. The process in the context level
diagram is exploded into other process at the first level DFD.

The idea behind the explosion of a process into more process is that
understanding at one level of detail is exploded into greater detail at the next
level. This is done until further explosion is necessary and an adequate amount
of detail is described for analyst to understand the process.

Larry Constantine first developed the DFD as a way of expressing

system requirements in a graphical from, this lead to the modular design.

A DFD is also known as a “bubble Chart” has the purpose of clarifying

system requirements and identifying major transformations that will become
programs in system design. So it is the starting point of the design to the
lowest level of detail. A DFD consists of a series of bubbles joined by data
flows in the system.

19
DFD SYMBOLS:

In the DFD, there are four symbols

1. A square defines a source(originator) or destination of system data

2. An arrow identifies data flow. It is the pipeline through which the
information flows
3. A circle or a bubble represents a process that transforms incoming data flow
into outgoing data flows.
4. An open rectangle is a data store, data at rest or a temporary repository of
data

Process that transforms data flow.

Source or Destination of data

Data flow

Data Store

20
 Invalid

Valid
Enter User name Inventory
LOGIN Management
ADMIN
And Password System

DB

0 LEVEL DFD

21
 1 LEVEL DFD

Data Flow Diagram for Inventory Management System

Supplier Register

Sales Register
Supply Record

Check/Cash

Make Order
Payment Supplies
Supplies Add stocs
AddStocks
in
Receive database
Supplier in Database
Supplies
Supplies Sales Supplier
Record
Stock Items

Sales
Prepare
Process Sales Bill
Order
Take payment
Order
Goods Delivery Bill
Bill
Money Receipt
Customer

22
 ER-DIAGRAM

In E-R diagrams, entity types are represented by squares. See the table

below. Relationship types are shown in diamond shaped boxes attached to the

participating entity types with straight lines. Attributes are shown in ovals, and

each attribute is attached to its entity type or relationship type by a straight line.

Multivalued attributes are shown in double ovals. Key attributes have their

names underlined. Derived attributes are shown in dotted ovals.

Weak entity types are distinguished by being placed in double rectangles and

by having their identifying relationship placed in double diamonds.

Attaching a 1, M, or N on each participating edge specifies cardinality ratio of

each binary relationship type. The participation constraint is specified by a

single line for partial participation and by double lines for total participation.

The participation constraints specify whether the existence of an entity depends

on its being related to another entity via the relationship type. If every entity of

an entity set is related to some other entity set via a relationship type, then the

participation of the first entity type is total. If only few member of an entity

type is related to some entity type via a relationship type, the participation is

partial.

23
ENTITY TYPE

WEAK ENTITY
TYPE

RELATIONSHIP
TYPE

ATTRIBUTE

KEY ATTRIBUTE

MULTIVALUED
ATTRIBUTE

DERIVED
ATTRIBUTE

TOTAL
PARTICIPATION
OF E2 IN R

Cardinality Ratio 1:N

FOR E1:E2 IN R

Structural
Constraint(Min,Max)
On Participation Of E
In R

24
 Naming Data Objects

The names should have the following properties:

 unique,

 Have meaning to the end-user.

 Contain the minimum number of words needed to uniquely and

accurately describe the object.

For entities and attributes, names are singular nouns while relationship names

are typically verbs.

25
 E-R DIAGRAM OF INVENTORY MANAGEMENT SYSTEM

S_Addr
S_Name
S_Cont.

ADD Supplier S_Code

ADMIN

CeteNam
CateID e

PROVIDIG
Cetegory

TAKES PrdName
PrdID
Belong to
PrdBrand
CUS_NAM ttto
EE
ORDER_
Product PrdCatagory
NO PrdTax
CUS_AD
DR
PrdUnit
CUSTOME PrdUnitP
PrdName PrdMRP
OrderDT R ORDER

PrdQty

PrdVal
PrdMRP

CUS_NAME
E
BILL_NO
Each Order
has CUS_ADD
R

BILL
PrdName
BILL_DATE
PRD_NAME
E
PRD_QTY
PRD_MRP
PRD_VAL
PRD_TAX

26
 INPUT FORM AND CODING
Login form:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>

<!-- Default Page Content (login form) -->

<div class="container">

27
<div class="row justify-content-center">
<div class="col-sm-12 col-md-5 col-lg-5">
<div class="card">
<div class="card-header">
Login
</div>
<div class="card-body">
<form action="">
<div id="loginMessage"></div>
<div class="form-group">
<label for="loginUsername">Username</label>
<input type="text" class="form-control" id="loginUsername"
name="loginUsername">
</div>
<div class="form-group">
<label for="loginPassword">Password</label>
<input type="password" class="form-control" id="loginPassword"
name="loginPassword">
</div>
<button type="button" id="login" class="btn btn-
primary">Login</button>
<a href="login.php?action=register" class="btn btn-
success">Register</a>
<a href="login.php?action=resetPassword" class="btn btn-
warning">Reset Password</a>
<button type="reset" class="btn">Clear</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Inventory
System 2022</p>
</div>
</footer>

<!-- Bootstrap core JavaScript -->

<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Datatables script -->

<script type="text/javascript" charset="utf8"
src="vendor/DataTables/datatables.js"></script>
<script type="text/javascript" charset="utf8"
src="vendor/DataTables/sumsum.js"></script>

<!-- Chosen files for select boxes -->

<script src="vendor/chosen/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="vendor/chosen/chosen.css" />

28
<!-- Datepicker JS -->
<script src="vendor/datepicker164/js/bootstrap-
datepicker.min.js"></script>

<!-- Bootbox JS -->

<script src="vendor/bootbox/bootbox.min.js"></script>

<!-- Custom scripts -->

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

29
<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="http://localhost/inventory-management-
system/">Inventory System</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item">
<form class="form-inline" action="/action_page.php">
<input class="form-control col-md-8 mr-sm-2" type="text"
placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</li> -->
<li class="nav-item">
<span class="nav-link">Welcome admin</span>
</li>
<li class="nav-item">
<span class="nav-link"> | </span>
</li>
<li class="nav-item">
<a class="nav-link" href="model/login/logout.php">Log Out</a>
</li>
</ul>
</div>
</div>
</nav> <!-- Page Content -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<h1 class="my-4"></h1>
<div class="nav flex-column nav-pills" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-item-tab" data-toggle="pill"
href="#v-pills-item" role="tab" aria-controls="v-pills-item" aria-
selected="true">Item</a>

30
<a class="nav-link" id="v-pills-purchase-tab" data-toggle="pill"
href="#v-pills-purchase" role="tab" aria-controls="v-pills-purchase"
aria-selected="false">Purchase</a>
<a class="nav-link" id="v-pills-vendor-tab" data-toggle="pill"
href="#v-pills-vendor" role="tab" aria-controls="v-pills-vendor"
aria-selected="false">Vendor</a>
<a class="nav-link" id="v-pills-sale-tab" data-toggle="pill"
href="#v-pills-sale" role="tab" aria-controls="v-pills-sale" aria-
selected="false">Sale</a>
<a class="nav-link" id="v-pills-customer-tab" data-toggle="pill"
href="#v-pills-customer" role="tab" aria-controls="v-pills-customer"
aria-selected="false">Customer</a>
<a class="nav-link" id="v-pills-search-tab" data-toggle="pill"
href="#v-pills-search" role="tab" aria-controls="v-pills-search"
aria-selected="false">Search</a>
<a class="nav-link" id="v-pills-reports-tab" data-toggle="pill"
href="#v-pills-reports" role="tab" aria-controls="v-pills-reports"
aria-selected="false">Reports</a>
<!-- Datepicker JS -->
<script src="vendor/datepicker164/js/bootstrap-
datepicker.min.js"></script>

<!-- Bootbox JS -->

<script src="vendor/bootbox/bootbox.min.js"></script>

<!-- Custom scripts -->

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">

31
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="http://localhost/inventory-management-
system/">Inventory System</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item">
<form class="form-inline" action="/action_page.php">
<input class="form-control col-md-8 mr-sm-2" type="text"
placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</li> -->
<li class="nav-item">
<span class="nav-link">Welcome admin</span>
</li>
<li class="nav-item">
<span class="nav-link"> | </span>
</li>
<li class="nav-item">
<a class="nav-link" href="model/login/logout.php">Log Out</a>
</li>
</ul>
</div>
</div>

32
</nav> <!-- Page Content -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<h1 class="my-4"></h1>
<div class="nav flex-column nav-pills" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-item-tab" data-toggle="pill"
href="#v-pills-item" role="tab" aria-controls="v-pills-item" aria-
selected="true">Item</a>
<a class="nav-link" id="v-pills-purchase-tab" data-toggle="pill"
href="#v-pills-purchase" role="tab" aria-controls="v-pills-purchase"
aria-selected="false">Purchase</a>
<a class="nav-link" id="v-pills-vendor-tab" data-toggle="pill"
href="#v-pills-vendor" role="tab" aria-controls="v-pills-vendor"
aria-selected="false">Vendor</a>
<a class="nav-link" id="v-pills-sale-tab" data-toggle="pill"
href="#v-pills-sale" role="tab" aria-controls="v-pills-sale" aria-
selected="false">Sale</a>
<a class="nav-link" id="v-pills-customer-tab" data-toggle="pill"
href="#v-pills-customer" role="tab" aria-controls="v-pills-customer"
aria-selected="false">Customer</a>
<a class="nav-link" id="v-pills-search-tab" data-toggle="pill"
href="#v-pills-search" role="tab" aria-controls="v-pills-search"
aria-selected="false">Search</a>
<a class="nav-link" id="v-pills-reports-tab" data-toggle="pill"
href="#v-pills-reports" role="tab" aria-controls="v-pills-reports"
aria-selected="false">Reports</a>
</div>
</div>
<div class="col-lg-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-item"
role="tabpanel" aria-labelledby="v-pills-item-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Item Details</div>
<div class="card-body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab"
href="#itemDetailsTab">Item</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#itemImageTab">Upload
Image</a>
</li>
</ul>

<!-- Tab panes for item details and image sections -->
<div class="tab-content">
<div id="itemDetailsTab" class="container-fluid tab-pane active">
<br>
<!-- Div to show the ajax message from validations/db submission -->

33
<div id="itemDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemNumber"
id="itemDetailsItemNumber" autocomplete="off">
<div id="itemDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-3">
<label for="itemDetailsProductID">Product ID</label>
<input class="form-control invTooltip" type="number" readonly
id="itemDetailsProductID" name="itemDetailsProductID" title="This
will be auto-generated when you add a new item">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="itemDetailsItemName">Item Name<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemName"
id="itemDetailsItemName" autocomplete="off">
<div id="itemDetailsItemNameSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-2">
<label for="itemDetailsStatus">Status</label>
<select id="itemDetailsStatus" name="itemDetailsStatus" class="form-
control chosenSelect">
<option value="Active">Active</option>
<option value="Disabled">Disabled</option>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6" style="display:inline-block">
<!-- <label for="itemDetailsDescription">Description</label> -->
<textarea rows="4" class="form-control" placeholder="Description"
name="itemDetailsDescription" id="itemDetailsDescription"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="itemDetailsDiscount">Discount %</label>
<input type="text" class="form-control" value="0"
name="itemDetailsDiscount" id="itemDetailsDiscount">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsQuantity">Quantity<span
class="requiredIcon">*</span></label>
<input type="number" class="form-control" value="0"
name="itemDetailsQuantity" id="itemDetailsQuantity">

34
</div>
<div class="form-group col-md-3">
<label for="itemDetailsUnitPrice">Unit Price<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" value="0"
name="itemDetailsUnitPrice" id="itemDetailsUnitPrice">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsTotalStock">Total Stock</label>
<input type="text" class="form-control" name="itemDetailsTotalStock"
id="itemDetailsTotalStock" readonly>
</div>
<div class="form-group col-md-3">
<div id="imageContainer"></div>
</div>
</div>
<button type="button" id="addItem" class="btn btn-success">Add
Item</button>
<button type="button" id="updateItemDetailsButton" class="btn btn-
primary">Update</button>
<button type="button" id="deleteItem" class="btn btn-
danger">Delete</button>
<button type="reset" class="btn" id="itemClear">Clear</button>
</form>
</div>
<div id="itemImageTab" class="container-fluid tab-pane fade">
<br>
<div id="itemImageMessage"></div>
<p>You can upload an image for a particular item using this
section.</p>
<p>Please make sure the item is already added to database before
uploading the image.</p>
<br>
<form name="imageForm" id="imageForm" method="post">
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemImageItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemImageItemNumber"
id="itemImageItemNumber" autocomplete="off">
<div id="itemImageItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-4">

</div>
<div class="form-group col-md-3">
<label for="purchaseReportEndDate">End Date</label>
<input type="text" class="form-control datepicker"
id="purchaseReportEndDate" value="2018-05-24"
name="purchaseReportEndDate" readonly>
</div>
</div>

35
<button type="button" id="showPurchaseReport" class="btn btn-
dark">Show Report</button>
<button type="reset" id="purchaseFilterClear"
class="btn">Clear</button>
</form>
<br><br>
<div class="table-responsive" id="purchaseReportsTableDiv"></div>
</div>
<div id="vendorReportsTab" class="container-fluid tab-pane fade">
<br>
<p>Use the grid below to get reports for vendors</p>
<div class="table-responsive" id="vendorReportsTableDiv"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Inventory
System 2022</p>
</div>
</footer>

<!-- Bootstrap core JavaScript -->

<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Datatables script -->

<script type="text/javascript" charset="utf8"
src="vendor/DataTables/datatables.js"></script>
<script type="text/javascript" charset="utf8"
src="vendor/DataTables/sumsum.js"></script>

<!-- Chosen files for select boxes -->

<script src="vendor/chosen/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="vendor/chosen/chosen.css" />

<!-- Datepicker JS -->

<script src="vendor/datepicker164/js/bootstrap-
datepicker.min.js"></script>

<!-- Bootbox JS -->

<script src="vendor/bootbox/bootbox.min.js"></script>

<!-- Custom scripts -->

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>

36
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="http://localhost/inventory-management-
system/">Inventory System</a>

37
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item">
<form class="form-inline" action="/action_page.php">
<input class="form-control col-md-8 mr-sm-2" type="text"
placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</li> -->
<li class="nav-item">
<span class="nav-link">Welcome admin</span>
</li>
<li class="nav-item">
<span class="nav-link"> | </span>
</li>
<li class="nav-item">
<a class="nav-link" href="model/login/logout.php">Log Out</a>
</li>
</ul>
</div>
</div>
</nav> <!-- Page Content -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<h1 class="my-4"></h1>
<div class="nav flex-column nav-pills" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-item-tab" data-toggle="pill"
href="#v-pills-item" role="tab" aria-controls="v-pills-item" aria-
selected="true">Item</a>
<a class="nav-link" id="v-pills-purchase-tab" data-toggle="pill"
href="#v-pills-purchase" role="tab" aria-controls="v-pills-purchase"
aria-selected="false">Purchase</a>
<a class="nav-link" id="v-pills-vendor-tab" data-toggle="pill"
href="#v-pills-vendor" role="tab" aria-controls="v-pills-vendor"
aria-selected="false">Vendor</a>
<a class="nav-link" id="v-pills-sale-tab" data-toggle="pill"
href="#v-pills-sale" role="tab" aria-controls="v-pills-sale" aria-
selected="false">Sale</a>
<a class="nav-link" id="v-pills-customer-tab" data-toggle="pill"
href="#v-pills-customer" role="tab" aria-controls="v-pills-customer"
aria-selected="false">Customer</a>
<a class="nav-link" id="v-pills-search-tab" data-toggle="pill"
href="#v-pills-search" role="tab" aria-controls="v-pills-search"
aria-selected="false">Search</a>

38
<a class="nav-link" id="v-pills-reports-tab" data-toggle="pill"
href="#v-pills-reports" role="tab" aria-controls="v-pills-reports"
aria-selected="false">Reports</a>
</div>
</div>
<div class="col-lg-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-item"
role="tabpanel" aria-labelledby="v-pills-item-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Item Details</div>
<div class="card-body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab"
href="#itemDetailsTab">Item</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#itemImageTab">Upload
Image</a>
</li>
</ul>

<!-- Tab panes for item details and image sections -->
<div class="tab-content">
<div id="itemDetailsTab" class="container-fluid tab-pane active">
<br>
<!-- Div to show the ajax message from validations/db submission -->
<div id="itemDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemNumber"
id="itemDetailsItemNumber" autocomplete="off">
<div id="itemDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-3">
<label for="itemDetailsProductID">Product ID</label>
<input class="form-control invTooltip" type="number" readonly
id="itemDetailsProductID" name="itemDetailsProductID" title="This
will be auto-generated when you add a new item">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="itemDetailsItemName">Item Name<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemName"
id="itemDetailsItemName" autocomplete="off">

39
<div id="itemDetailsItemNameSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-2">
<label for="itemDetailsStatus">Status</label>
<select id="itemDetailsStatus" name="itemDetailsStatus" class="form-
control chosenSelect">
<option value="Active">Active</option>
<option value="Disabled">Disabled</option>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6" style="display:inline-block">
<!-- <label for="itemDetailsDescription">Description</label> -->
<textarea rows="4" class="form-control" placeholder="Description"
name="itemDetailsDescription" id="itemDetailsDescription"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="itemDetailsDiscount">Discount %</label>
<input type="text" class="form-control" value="0"
name="itemDetailsDiscount" id="itemDetailsDiscount">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsQuantity">Quantity<span
class="requiredIcon">*</span></label>
<input type="number" class="form-control" value="0"
name="itemDetailsQuantity" id="itemDetailsQuantity">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsUnitPrice">Unit Price<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" value="0"
name="itemDetailsUnitPrice" id="itemDetailsUnitPrice">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsTotalStock">Total Stock</label>
<input type="text" class="form-control" name="itemDetailsTotalStock"
id="itemDetailsTotalStock" readonly>
</div>
<div class="form-group col-md-3">
<div id="imageContainer"></div>
</div>
</div>
<button type="button" id="addItem" class="btn btn-success">Add
Item</button>
<button type="button" id="updateItemDetailsButton" class="btn btn-
primary">Update</button>
<button type="button" id="deleteItem" class="btn btn-
danger">Delete</button>
<button type="reset" class="btn" id="itemClear">Clear</button>
</form>

40
</div>
<div id="itemImageTab" class="container-fluid tab-pane fade">
<br>
<div id="itemImageMessage"></div>
<p>You can upload an image for a particular item using this
section.</p>
<p>Please make sure the item is already added to database before
uploading the image.</p>
<br>
<form name="imageForm" id="imageForm" method="post">
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemImageItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemImageItemNumber"
id="itemImageItemNumber" autocomplete="off">
<div id="itemImageItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-4">
<label for="itemImageItemName">Item Name</label>
<input type="text" class="form-control" name="itemImageItemName"
id="itemImageItemName" readonly>
</div>
</div>
<br>
<div class="form-row">
<div class="form-group col-md-7">
<label for="itemImageFile">Select Image ( <span
class="blueText">jpg</span>, <span class="blueText">jpeg</span>,
<span class="blueText">gif</span>, <span class="blueText">png</span>
only )</label>
<input type="file" class="form-control-file btn btn-dark"
id="itemImageFile" name="itemImageFile">
</div>
</div>
<br>
<button type="button" id="updateImageButton" class="btn btn-
primary">Upload Image</button>
<button type="button" id="deleteImageButton" class="btn btn-
danger">Delete Image</button>
<button type="reset" class="btn">Clear</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-purchase" role="tabpanel"
aria-labelledby="v-pills-purchase-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Purchase Details</div>
<div class="card-body">

41
<div id="purchaseDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3">
<label for="purchaseDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control"
id="purchaseDetailsItemNumber" name="purchaseDetailsItemNumber"
autocomplete="off">
<div id="purchaseDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group
</div>
<div class="form-group col-md-3">
<label for="purchaseReportEndDate">End Date</label>
<input type="text" class="form-control datepicker"
id="purchaseReportEndDate" value="2018-05-24"
name="purchaseReportEndDate" readonly>
</div>
</div>
<button type="button" id="showPurchaseReport" class="btn btn-
dark">Show Report</button>
<button type="reset" id="purchaseFilterClear"
class="btn">Clear</button>
</form>
<br><br>
<div class="table-responsive" id="purchaseReportsTableDiv"></div>
</div>
<div id="vendorReportsTab" class="container-fluid tab-pane fade">
<br>
<p>Use the grid below to get reports for vendors</p>
<div class="table-responsive" id="vendorReportsTableDiv"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Inventory
System 2022</p>
</div>
</footer>

<!-- Bootstrap core JavaScript -->

<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

42
<!-- Datatables script -->
<script type="text/javascript" charset="utf8"
src="vendor/DataTables/datatables.js"></script>
<script type="text/javascript" charset="utf8"
src="vendor/DataTables/sumsum.js"></script>

<!-- Chosen files for select boxes -->

<script src="vendor/chosen/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="vendor/chosen/chosen.css" />

<!-- Datepicker JS -->

<script src="vendor/datepicker164/js/bootstrap-
datepicker.min.js"></script>

<!-- Bootbox JS -->

<script src="vendor/bootbox/bootbox.min.js"></script>

<!-- Custom scripts -->

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>
</html>

IMPORTANCE AND PURPOSE

ECONOMIC FEASIBILITY:

Economic feasibility evaluates effectiveness of the system it is used to

determine the benefits and saving that are expected from a candidate system
and compare them with cost if benefits outweigh costs than decision is to made
design and implement the system otherwise alteration in the proposed system
will have to made.

This feasibility study gives the top management the economic justification for
the new system. A simple economic analysis which gives the actual
comparison of costs and benefits are much more meaningful in this case. In
addition, this proves to be a useful point of reference to compare actual costs as
the project progresses. There could be various types of intangible benefits on
account of automation. These could include increased user satisfaction, better
decision making timeliness of information, expediting activities, improved

43
accuracy of operations, better documentation and record keeping, faster
retrieval of information.

TECHNICAL FEASIBILITY:

In technical feasibility it is determine whether the technical resource are

sufficient for proposed system or not. If they are not sufficient we need the
required configuration during this feasibility, financial resources and budget is
also consider. The main objective of technical feasibility is to determine
whether the project is technically feasible, provided it is economically feasible.

Evaluating the technical feasibility is the trickiest part of a feasibility study.

This is because, at this point in time, not too many detailed design of the
system, making it difficult to access.

Understand the different technologies involved in the proposed system before

commencing the project we have to be very clear about what are the
technologies that are to be required for the development of the new system.

44
DATA REPORT FORM

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">

45
<a class="navbar-brand" href="http://localhost/inventory-management-
system/">Inventory System</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item">
<form class="form-inline" action="/action_page.php">
<input class="form-control col-md-8 mr-sm-2" type="text"
placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</li> -->
<li class="nav-item">
<span class="nav-link">Welcome admin</span>
</li>
<li class="nav-item">
<span class="nav-link"> | </span>
</li>
<li class="nav-item">
<a class="nav-link" href="model/login/logout.php">Log Out</a>
</li>
</ul>
</div>
</div>
</nav> <!-- Page Content -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<h1 class="my-4"></h1>
<div class="nav flex-column nav-pills" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-item-tab" data-toggle="pill"
href="#v-pills-item" role="tab" aria-controls="v-pills-item" aria-
selected="true">Item</a>
<a class="nav-link" id="v-pills-purchase-tab" data-toggle="pill"
href="#v-pills-purchase" role="tab" aria-controls="v-pills-purchase"
aria-selected="false">Purchase</a>
<a class="nav-link" id="v-pills-vendor-tab" data-toggle="pill"
href="#v-pills-vendor" role="tab" aria-controls="v-pills-vendor"
aria-selected="false">Vendor</a>
<a class="nav-link" id="v-pills-sale-tab" data-toggle="pill"
href="#v-pills-sale" role="tab" aria-controls="v-pills-sale" aria-
selected="false">Sale</a>
<a class="nav-link" id="v-pills-customer-tab" data-toggle="pill"
href="#v-pills-customer" role="tab" aria-controls="v-pills-customer"
aria-selected="false">Customer</a>
<a class="nav-link" id="v-pills-search-tab" data-toggle="pill"
href="#v-pills-search" role="tab" aria-controls="v-pills-search"
aria-selected="false">Search</a>

46
<a class="nav-link" id="v-pills-reports-tab" data-toggle="pill"
href="#v-pills-reports" role="tab" aria-controls="v-pills-reports"
aria-selected="false">Reports</a>
</div>
</div>
<div class="col-lg-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-item"
role="tabpanel" aria-labelledby="v-pills-item-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Item Details</div>
<div class="card-body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab"
href="#itemDetailsTab">Item</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#itemImageTab">Upload
Image</a>
</li>
</ul>

<!-- Tab panes for item details and image sections -->
<div class="tab-content">
<div id="itemDetailsTab" class="container-fluid tab-pane active">
<br>
<!-- Div to show the ajax message from validations/db submission -->
<div id="itemDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemNumber"
id="itemDetailsItemNumber" autocomplete="off">
<div id="itemDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-3">
<label for="itemDetailsProductID">Product ID</label>
<input class="form-control invTooltip" type="number" readonly
id="itemDetailsProductID" name="itemDetailsProductID" title="This
will be auto-generated when you add a new item">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="itemDetailsItemName">Item Name<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemName"
id="itemDetailsItemName" autocomplete="off">

47
<div id="itemDetailsItemNameSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-2">
<label for="itemDetailsStatus">Status</label>
<select id="itemDetailsStatus" name="itemDetailsStatus" class="form-
control chosenSelect">
<option value="Active">Active</option>
<option value="Disabled">Disabled</option>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6" style="display:inline-block">
<!-- <label for="itemDetailsDescription">Description</label> -->
<textarea rows="4" class="form-control" placeholder="Description"
name="itemDetailsDescription" id="itemDetailsDescription"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="itemDetailsDiscount">Discount %</label>
<input type="text" class="form-control" value="0"
name="itemDetailsDiscount" id="itemDetailsDiscount">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsQuantity">Quantity<span
class="requiredIcon">*</span></label>
<input type="number" class="form-control" value="0"
name="itemDetailsQuantity" id="itemDetailsQuantity">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsUnitPrice">Unit Price<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" value="0"
name="itemDetailsUnitPrice" id="itemDetailsUnitPrice">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsTotalStock">Total Stock</label>
<input type="text" class="form-control" name="itemDetailsTotalStock"
id="itemDetailsTotalStock" readonly>
</div>
<div class="form-group col-md-3">
<div id="imageContainer"></div>
</div>
</div>
<button type="button" id="addItem" class="btn btn-success">Add
Item</button>
<button type="button" id="updateItemDetailsButton" class="btn btn-
primary">Update</button>
<button type="button" id="deleteItem" class="btn btn-
danger">Delete</button>
<button type="reset" class="btn" id="itemClear">Clear</button>
</form>

48
</div>
<div id="itemImageTab" class="container-fluid tab-pane fade">
<br>
<div id="itemImageMessage"></div>
<p>You can upload an image for a particular item using this
section.</p>
<p>Please make sure the item is already added to database before
uploading the image.</p>
<br>
<form name="imageForm" id="imageForm" method="post">
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemImageItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemImageItemNumber"
id="itemImageItemNumber" autocomplete="off">
<div id="itemImageItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-4">
<label for="itemImageItemName">Item Name</label>
<input type="text" class="form-control" name="itemImageItemName"
id="itemImageItemName" readonly>
</div>
</div>

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

49
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">

<title>Inventory Control System</title>

<!-- Bootstrap core CSS -->

<!-- <link href="vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"> -->
<link rel="stylesheet"
href="vendor/bootstrap/css/cerulean.theme.min.css">

<!-- Datatables CSS -->

<link rel="stylesheet" type="text/css"
href="vendor/DataTables/datatables.css">

<!-- Datepicker CSS -->

<link rel="stylesheet" href="vendor/datepicker164/css/bootstrap-
datepicker.min.css">

<!-- Custom styles -->

<link href="assets/css/shop-styles.css" rel="stylesheet">
</head> <body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="http://localhost/inventory-management-
system/">Inventory System</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<!-- <li class="nav-item">
<form class="form-inline" action="/action_page.php">
<input class="form-control col-md-8 mr-sm-2" type="text"
placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</li> -->
<li class="nav-item">
<span class="nav-link">Welcome admin</span>
</li>
<li class="nav-item">
<span class="nav-link"> | </span>
</li>
<li class="nav-item">
<a class="nav-link" href="model/login/logout.php">Log Out</a>
</li>
</ul>

50
</div>
</div>
</nav> <!-- Page Content -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-2">
<h1 class="my-4"></h1>
<div class="nav flex-column nav-pills" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-item-tab" data-toggle="pill"
href="#v-pills-item" role="tab" aria-controls="v-pills-item" aria-
selected="true">Item</a>
<a class="nav-link" id="v-pills-purchase-tab" data-toggle="pill"
href="#v-pills-purchase" role="tab" aria-controls="v-pills-purchase"
aria-selected="false">Purchase</a>
<a class="nav-link" id="v-pills-vendor-tab" data-toggle="pill"
href="#v-pills-vendor" role="tab" aria-controls="v-pills-vendor"
aria-selected="false">Vendor</a>
<a class="nav-link" id="v-pills-sale-tab" data-toggle="pill"
href="#v-pills-sale" role="tab" aria-controls="v-pills-sale" aria-
selected="false">Sale</a>
<a class="nav-link" id="v-pills-customer-tab" data-toggle="pill"
href="#v-pills-customer" role="tab" aria-controls="v-pills-customer"
aria-selected="false">Customer</a>
<a class="nav-link" id="v-pills-search-tab" data-toggle="pill"
href="#v-pills-search" role="tab" aria-controls="v-pills-search"
aria-selected="false">Search</a>
<a class="nav-link" id="v-pills-reports-tab" data-toggle="pill"
href="#v-pills-reports" role="tab" aria-controls="v-pills-reports"
aria-selected="false">Reports</a>
</div>
</div>
<div class="col-lg-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-item"
role="tabpanel" aria-labelledby="v-pills-item-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Item Details</div>
<div class="card-body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab"
href="#itemDetailsTab">Item</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#itemImageTab">Upload
Image</a>
</li>
</ul>

<!-- Tab panes for item details and image sections -->
<div class="tab-content">
<div id="itemDetailsTab" class="container-fluid tab-pane active">

51
<br>
<!-- Div to show the ajax message from validations/db submission -->
<div id="itemDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemNumber"
id="itemDetailsItemNumber" autocomplete="off">
<div id="itemDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-3">
<label for="itemDetailsProductID">Product ID</label>
<input class="form-control invTooltip" type="number" readonly
id="itemDetailsProductID" name="itemDetailsProductID" title="This
will be auto-generated when you add a new item">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="itemDetailsItemName">Item Name<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemDetailsItemName"
id="itemDetailsItemName" autocomplete="off">
<div id="itemDetailsItemNameSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-2">
<label for="itemDetailsStatus">Status</label>
<select id="itemDetailsStatus" name="itemDetailsStatus" class="form-
control chosenSelect">
<option value="Active">Active</option>
<option value="Disabled">Disabled</option>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6" style="display:inline-block">
<!-- <label for="itemDetailsDescription">Description</label> -->
<textarea rows="4" class="form-control" placeholder="Description"
name="itemDetailsDescription" id="itemDetailsDescription"></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="itemDetailsDiscount">Discount %</label>
<input type="text" class="form-control" value="0"
name="itemDetailsDiscount" id="itemDetailsDiscount">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsQuantity">Quantity<span
class="requiredIcon">*</span></label>

52
<input type="number" class="form-control" value="0"
name="itemDetailsQuantity" id="itemDetailsQuantity">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsUnitPrice">Unit Price<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" value="0"
name="itemDetailsUnitPrice" id="itemDetailsUnitPrice">
</div>
<div class="form-group col-md-3">
<label for="itemDetailsTotalStock">Total Stock</label>
<input type="text" class="form-control" name="itemDetailsTotalStock"
id="itemDetailsTotalStock" readonly>
</div>
<div class="form-group col-md-3">
<div id="imageContainer"></div>
</div>
</div>
<button type="button" id="addItem" class="btn btn-success">Add
Item</button>
<button type="button" id="updateItemDetailsButton" class="btn btn-
primary">Update</button>
<button type="button" id="deleteItem" class="btn btn-
danger">Delete</button>
<button type="reset" class="btn" id="itemClear">Clear</button>
</form>
</div>
<div id="itemImageTab" class="container-fluid tab-pane fade">
<br>
<div id="itemImageMessage"></div>
<p>You can upload an image for a particular item using this
section.</p>
<p>Please make sure the item is already added to database before
uploading the image.</p>
<br>
<form name="imageForm" id="imageForm" method="post">
<div class="form-row">
<div class="form-group col-md-3" style="display:inline-block">
<label for="itemImageItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control" name="itemImageItemNumber"
id="itemImageItemNumber" autocomplete="off">
<div id="itemImageItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-4">
<label for="itemImageItemName">Item Name</label>
<input type="text" class="form-control" name="itemImageItemName"
id="itemImageItemName" readonly>
</div>
</div>
<br>
<div class="form-row">

53
<div class="form-group col-md-7">
<label for="itemImageFile">Select Image ( <span
class="blueText">jpg</span>, <span class="blueText">jpeg</span>,
<span class="blueText">gif</span>, <span class="blueText">png</span>
only )</label>
<input type="file" class="form-control-file btn btn-dark"
id="itemImageFile" name="itemImageFile">
</div>
</div>
<br>
<button type="button" id="updateImageButton" class="btn btn-
primary">Upload Image</button>
<button type="button" id="deleteImageButton" class="btn btn-
danger">Delete Image</button>
<button type="reset" class="btn">Clear</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-purchase" role="tabpanel"
aria-labelledby="v-pills-purchase-tab">
<div class="card card-outline-secondary my-4">
<div class="card-header">Purchase Details</div>
<div class="card-body">
<div id="purchaseDetailsMessage"></div>
<form>
<div class="form-row">
<div class="form-group col-md-3">
<label for="purchaseDetailsItemNumber">Item Number<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control"
id="purchaseDetailsItemNumber" name="purchaseDetailsItemNumber"
autocomplete="off">
<div id="purchaseDetailsItemNumberSuggestionsDiv"
class="customListDivWidth"></div>
</div>
<div class="form-group col-md-3">
<label for="purchaseDetailsPurchaseDate">Purchase Date<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control datepicker"
id="purchaseDetailsPurchaseDate" name="purchaseDetailsPurchaseDate"
readonly value="2018-05-24">
</div>
<div class="form-group col-md-2">
<label for="purchaseDetailsPurchaseID">Purchase ID</label>
<input type="text" class="form-control invTooltip"
id="purchaseDetailsPurchaseID" name="purchaseDetailsPurchaseID"
title="This will be auto-generated when you add a new record"
autocomplete="off">
<div id="purchaseDetailsPurchaseIDSuggestionsDiv"
class="customListDivWidth"></div>

54
</div>
</div>
<div class="form-row">
<div class="form-group col-md-4">
<label for="purchaseDetailsItemName">Item Name<span
class="requiredIcon">*</span></label>
<input type="text" class="form-control invTooltip"
id="purchaseDetailsItemName" name="purchaseDetailsItemName" readonly
title="This will be auto-filled when you enter the item number
above">
</div>
<div class="form-group col-md-2">
<label for="purchaseDetailsCurrentStock">Current Stock</label>
<input type="text" class="form-control"
id="purchaseDetailsCurrentStock" name="purchaseDetailsCurrentStock"
readonly>
</div>
<div class="form-group col-md-4">
<label for="purchaseDetailsVendorName">Vendor Name<span
class="requiredIcon">*</span></label>
<select id="purchaseDetailsVendorName"
name="purchaseDetailsVendorName" class="form-control chosenSelect">
<option value="ABC Company">ABC Company</option><option value="Sample
Vendor 222">Sample Vendor 222</option><option value="Johnson and
Johnsons Co.">Johnson and Johnsons Co.</option><option value="Louise
Vitton Bag">Louise Vitton Bag</option><option value="Test
Vendor">Test Vendor</option><option value="Bags Co. Exporters
Ltd.">Bags Co. Exporters Ltd.</option><option value="New Bags
Exporters">New Bags Exporters</option><option value="A">A</option>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-2">
<label for="purchaseDetailsQuantity">Quantity<span
class="requiredIcon">*</span></label>
<input type="number" class="form-control"
id="purchaseDetailsQuantity" name="purchaseDetailsQuantity"
value="0">

id="purchaseReportEndDate" value="2018-05-24"
name="purchaseReportEndDate" readonly>
</div>
</div>
<button type="button" id="showPurchaseReport" class="btn btn-
dark">Show Report</button>
<button type="reset" id="purchaseFilterClear"
class="btn">Clear</button>
</form>
<br><br>
<div class="table-responsive" id="purchaseReportsTableDiv"></div>
</div>
<div id="vendorReportsTab" class="container-fluid tab-pane fade">
<br>

55
<p>Use the grid below to get reports for vendors</p>
<div class="table-responsive" id="vendorReportsTableDiv"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Inventory
System 2022</p>
</div>
</footer>

<!-- Bootstrap core JavaScript -->

<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Datatables script -->

<script type="text/javascript" charset="utf8"
src="vendor/DataTables/datatables.js"></script>
<script type="text/javascript" charset="utf8"
src="vendor/DataTables/sumsum.js"></script>

<!-- Chosen files for select boxes -->

<script src="vendor/chosen/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="vendor/chosen/chosen.css" />

<!-- Datepicker JS -->

<script src="vendor/datepicker164/js/bootstrap-
datepicker.min.js"></script>

<!-- Bootbox JS -->

<script src="vendor/bootbox/bootbox.min.js"></script>

<!-- Custom scripts -->

<script src="assets/js/scripts.js"></script>
<script src="assets/js/login.js"></script> </body>
</html>

56
 CONCLUTION
Grocery management is important for keeping costs down, while
meeting regulations. Supply and demand is a delicate balance, and inventory
management hopes to ensure that the balance is undisturbed. Highly trained
inventory managers and high-quality software will help make inventory
management a success. The importance of inventory management will be seen
in the forms of increased revenue and profits, positive employee atmosphere,
and an overall increase of customer satisfaction.

57
 Limitations :

 The type of questions is only multiple choice or true and false.

 N numbers of system required for N number of student.
 Questions and answer should be entered one by one by institution.
They can’t give Questions/ answers in batch.
 Without Internet connection this Software Can’t Run.
 With Slow internet connection, Students may get time issues.
 Non Technical person can’t install this software.
 It needs some Drivers to be installed in student’s computer.
 We can’t trust blindly in Computer software if any problem occurs
due to the technical issue in any student’s computer then the marks
of student will be affected.

58
 BIBLIOGRAPHY

BIBLIGRAPHY
BIBLIOGRAPHY

Book Name: PHP6 and MySQL Author Name: SteveSuehring, TimConverse, and
Joyce Park

Websites
•http://www.w3schools.com

•http://www.quibids.com

•http://www.ubid.com

•http://www.i-bidder.com

•http://www.redbid.com

59