Final Manuscript Bisais Libued Lingahan

i
ONLINE ORDERING SYSTEM WITH INVENTORY AND SALES

MANAGEMENT FOR ILAW LIGHTING AND
EQUIPMENT TRADING
Undergraduate Thesis
Submitted to the faculty of the
Department of Industrial and Information Technology
Cavite State University – Carmona Campus
Carmona, Cavite
In partial fulfilment
of the requirements for the degree
Bachelor of Science in Information Technology
DANTE M. BISAIS III

JOHN MARK LEONIV LIBUED
JOHN PATRICK M. LINGAHAN
January 2023
Republic of the Philippines
CAVITE STATE UNIVERSITY
Carmona Campus
Market Road, Carmona, Cavite
 (046) 487-6328/cvsucarmona@cvsu.edu.ph
www.cvsu.edu.ph
DEPARTMENT OF INDUSTRIAL AND INFORMATION TECHNOLOGY
Capstone Project DANTE M. BISAIS III, JOHN MARK LEONIV LIBUED and JOHN
of: PATRICK M. LINGAHAN
Title: ONLINE ORDERING SYSTEM WITH INVENTORY AND SALES

MANAGEMENT FOR ILAW LIGHTING
AND EQUIPMENT TRADING
APPROVED:
RICHARD L. HERNANDEZ JANINE B. BACOSMO

Adviser Date Technical Critic Date
RICHARD L. HERNANDEZ REGENE G. HERNANDEZ, Ph.D.

Department Research Coordinator Date Department Head Date
CARLO EMIL B. MAÑABO CRISTINA M. SIGNO, Ph.D.

Campus Research Coordinator Date Campus Administrator Date
ii
BIOGRAPHICAL DATA
Dante M. Bisais III was born on February 2, 1999 in Rizal. He is the only son
of Mr. Dante P. Bisais Jr., a church pastor, and Ms. Marilyn M. Bisais, a housewife. He
resides at Blk 7 Lot 10 & 12, Springfox St., Magnagon Springhomes Subdivision,
Maguyam, Silang, Cavite.
He obtained his primary education at God’s Creation Christian Schoon Inc.,
Binangonan, Rizal in 2012 and his secondary education at Angelo L. Loyola Senior High
School, Carmona, Cavite in 2018.
The following year, he enrolled at Cavite State University (CvSU)-Carmona
Campus, Carmona, Cavite for his college education in the Bachelor of Science in
Information Technology (BSIT) program. During his college days, he was an active
member of the Information Technology Elite Confederacy (ITEC) and Individual
Multimedia Arts Guild and Enthusiasts (IMAGE). He obtained his degree in April 2023.
John Mark Leoniv Libued was born on August 7, 2000 in Camiling, Tarlac. He
is the older child of Ms. Marilyn L. Libued, a housekeeper and a single parent. He resides
at #66 P.Ocampo St., Phase 7, Brgy. Pacita 1, San Pedro City, Laguna.
He accomplished his primary education at Sawat Elementary School, Camiling,
Tarlac in 2012; his junior high education at Pacita Complex National High School, San
Pedro, Laguna in 2016; and senior high education at San Pedro College of Business
Administration, San Pedro, Laguna in 2018.
He then entered CvSU-Carmona Campus, Carmona, Cavite and took BSIT for his
tertiary education. Throughout his college days, he was an active member of ITEC.
iii
He was a recipient of the Universal Access to Quality Tertiary Education Act. He
obtained his degree in April 2023.
John Patrick M. Lingahan was born on May 9, 2000 in Biñan City, Laguna. He
is the third among the four children of Mr. Efepañio D. Lingahan, a tailor, and Ms. Myra
M. Lingahan, a tailor and an online entrepreneur. He resides at 159 General Malvar Street,
San Vicente, Biñan City, Laguna.
He finished his primary education at San Vicente Elementary School, located in
Don Pablo, Biñan City in 2012; his secondary education at Jacobo Z. Gonzales Memorial
National High School, Biñan City, Laguna in 2016; and his senior high education at AMA
Computer University located in Canlalay, Biñan City in 2018 under the academic track in
Science, Technology, Engineering, and Mathematics (STEM).
He enrolled at CvSU-Carmona Campus, Carmona, Cavite under the BSIT program.
He was a member of ITEC and IMAGE. He obtained his degree in April 2023.
iv
v
ACKNOWLEDGMENT
The researchers would like to express their gratitude to the following for their
generous assistance and encouragement in making this research possible and successful:
The Almighty God, for bestowing unrivaled favors, blessings, strength,
compassion, bravery, hope, goodwill, and power;
Cavite State University (CvSU)-Carmona Campus, for the privilege of acquiring
information, research guidance, and all of the support necessary for completing the
students’ goals;
Prof. Richard L. Hernandez, thesis adviser and department research coordinator,
for his support, recommendations, ideas, and concerns to finish this study properly;
Ms. Gerlyn L. Prado and Ms. Janine Bacosmo, technical critics, for being very
helpful and trustworthy and for the comments, suggestions, and considerations;
Dr. Regene G. Hernandez, department chairperson, for the provision of good and
exemplary presence, motivation, and all knowledge throughout the research’ dream of
fulfilling their degree;
Prof. Carlo Emil B. Mañabo, campus research coordinator, for all his support and
motivation in accomplishing this research;
Dr. Cristina M. Signo, campus administrator, for her patience and time in answering
the students’ concerns and for the value and support;
All professors of CvSU-Carmona, for their time and full support by giving
suggestions to the document and system;

Mr. Mark Deofat Bautista Baluran, owner of ILAW Lighting and Equipment
Trading, for allowing the researchers to improve the product stock management of his
company;
Lastly, the researchers’ families and friends, for their unwavering affection,
concern, confidence, motivation, moral lessons, and spiritual support during the
completion of the research.
THE RESEARCHERS
vi
ABSTRACT
BISAIS, DANTE III M., LIBUED, JOHN MARK LEONIV, AND LINGAHAN,
JOHN PATRICK M. Online Ordering System with Inventory and Sales Management
for ILAW Lighting and Equipment Trading. Undergraduate Thesis. Bachelor of
Science in Information Technology. Cavite State University – Carmona, Campus. January
2023. Adviser: Prof. Richard L. Hernandez.
A study was conducted from April 2021 to November 2022 at ILAW Lighting and
Equipment Trading located at Phase 11, Block 14, Lot 48, Carmona Estates, Barangay
Lantic, Carmona, Cavite. It aimed to develop an Online Ordering System with Inventory
and Sales Management that has six modules: the online ordering module for managing
order transactions, inventory module for managing and re-stocking items, sales module for
managing sales transactions, reports module for generating printable reports, settings
module for updating important system contents, and logs module for recording important
system movements.
Hypertext Preprocessor (PHP), Hypertext Markup Language (HTML), Cascading
Style Sheet (CSS), JavaScript along with the Jquery library, Boostrap, XAMPP, MySQL,
Visual Studio (VS) Code, Github, Adobe Photoshop CS, Microsoft Office Word 2016, and
Google Form were the materials used in completing the study. The RAD model by Shelly
and Rosenblatt (2012) was used as the guide in developing the system. It consists of four
phases: requirements planning, user design, construction, and cutover.
The system has gone through unit, system, and acceptance testing. For the unit
testing, the online ordering and inventory modules were tested twice. In contrast, the
remaining modules, including the sales, reports, settings, and logs, and security and
platform criteria, were tested once. For the system testing, 27 respondents evaluated the
vii
system, which resulted in an average mean of 4.39, an adjectival rating of outstanding, and
a standard deviation of 0.81. For the acceptance testing, which was evaluated by the owner
of ILAW Lighting and Equipment Trading, the developed system was rated with an
average mean of 5.00, equivalent to outstanding.
It is concluded that the system achieved the objectives, the ISO 25010 standards,
system requirements, and client expectations.
viii
TABLE OF CONTENTS
Page
BIOGRAPHICAL DATA……………………………………………………. iii
ACKNOWLEDGMENT……………………………………………………... v
ABSTRACT…………...…………………………………………………….... vii
LIST OF TABLES…………………………………………………………… xiii
LIST OF FIGURES………………………………………………………….. xv
LIST OF APPENDIX TABLES…………………………………………..…. xx
LIST OF APPENDIX FIGURES……………………………………………. xxi
LIST OF APPENDICES…………………………………………………..…. xxii
INTRODUCTION…………………………………………………………..... 1
Objectives of the Study……………………………………………….. 3
Significance of the Study……………………………………………… 5
Time and Place of the Study………………………………………...…. 6
Scope and Limitation of the Study…….…………………………….… 6
Definition of Terms………………………………………………….… 9
REVIEW OF RELATED LITERATURE………………………………..... 11
Online Shopping……………………………………………………….. 11
E-commerce Website……………………………..…………………… 13
Online Ordering System………..……………………..…………….…. 15
Inventory and Sales Management……………………………………... 16
ix
Content Management System……………………..…………………… 18
Online Ordering System with Inventory and Sales Management……... 20
METHODOLOGY…………………………………………………………… 24
Materials…………………………………………………………….…. 24
Method…………………………………………………………………. 24
Requirements planning…………………………………………. 25
User design………..…………………………………………….. 29
Construction…………………………………………………….. 46
Unit testing…………………………………………..……. 47
System testing………………….…………………….……. 47
Acceptance testing………………………………………… 50
Cutover………………………………………..……………….... 52
RESULTS AND DISCUSSION……………………………………………… 54
Software Description…………………………………………………... 54
Home page……………………………………………………… 54
Login page……………………………...………….……………. 54
Product page…………………………………………………….. 59
Shopping cart page……………………………………………… 60
Checkout page……………………………………………….….. 62
Order status page………………………………………………... 62
Reviews page………………………………………………….... 64
Team page………………………………………………………. 64
x
About us page……………………………………………….…... 64
Profile page……………………………………………….…….. 67
Frequently asked questions page………………………………... 67
Customer support page………………………………………….. 67
Shopping instruction page………………………………………. 69
Dashboard page…………………………………………………. 69
Customers page…………………………………………………. 71
To-ship page…………………………………………………….. 74
To-receive page…………………………………………………. 74
Completed orders page………………………………………….. 75
Canceled page…………………………………………………... 75
Items page………………………………………………………. 77
Sales page……………………………………………………….. 78
Suppliers page…………………………………………………... 80
Categories page………………………………………………..... 81
Unit of measurement page…………………………………..….. 81
Users page………………………………………………………. 83
Couriers page…………………………………………………… 85
Logs page……………………………………………………….. 85
Settings page……………………………………………………. 87
Software Evaluation…………………………………………………… 100
Unit testing……………………………………………………… 100
xi
System testing……………………………………………….….. 100
Acceptance testing…………………………………………….... 109
SUMMARY, CONCLUSION, AND RECOMMENDATIONS………….... 111
Summary……………………………………………………………..... 111
Conclusion…………………………………………………………....... 112
Recommendations………………………….………………………...... 113
REFERENCES……………………………………………………………...... 114
APPENDICES………………………………………………………………... 121
xii
LIST OF TABLES
Table Page
1 Weighted mean interpretation (Bicol University, 2012)……………... 49
2 Summarized results of unit testing……………………………………. 100
3 Functional suitability rating of the Online Ordering System with

Inventory and Sales Management for ILAW Lighting and
Equipment Trading…………………………………………… 101
4 Performance efficiency rating of the Online Ordering System with

Equipment Trading …………………………….…………….. 109
5 Compatibility rating of the Online Ordering System with Inventory

and Sales Management for ILAW Lighting and Equipment
Trading………………………………………………………... 105
6 Usability rating of the Online Ordering System with Inventory and

Sales Management for ILAW Lighting and Equipment
Trading………………………………………………………... 105
7 Reliability rating of the Online Ordering System with Inventory and

Trading ……………………………………………………….. 106
8 Security rating of the Online Ordering System with Inventory and

Trading………………………………………………………... 107
9 Maintainability rating of the Online Ordering System with Inventory

and Sales Management for ILAW Lighting and Equipment
Trading………………………………………………………... 108
10 Portability rating of the Online Ordering System with Inventory and

Trading………………………………………………………... 108
11 Overall system testing results of Online Ordering System with

Equipment Trading ………………………………...……….... 109
xiii
12 Overall acceptance testing results of Online Ordering System with
Equipment Trading…………………………………………… 110
xiv
LIST OF FIGURES
Figure Page
1 RAD model (Shelly & Rosenblatt, 2012)………...……………..……... 25
2 Flowchart of the business process of ILAW Lighting and Equipment

Trading……………………………………………………........ 26
3 IPO diagram of the identified current business process………….….… 27
4 Gantt chart for the requirements planning phase………………………. 28
5 IPO diagram of the developed system……………….…….…….…….. 29
6 Use case diagram of the online ordering module……………………… 32
7 Use case diagram of the sales module…………………………………. 32
8 Use case diagram of the inventory module……………………………. 33
9 Use case diagram of the reports module……………………………….. 34
10 Use case diagram of the settings module……………………………… 35
11 Use case diagram of the log module…………………………………… 35
12 Activity diagram of the developed system – Customer side…………... 36
13 Activity diagram of the developed system – Administrator side……… 37
14 Entity relationship diagram of the Online Ordering System with

45
Equipment Trading……………………………………………..
15 Gantt chart for the user design phase……………………………….…. 46
16 Gantt chart for the construction phase…………………………………. 51
17 Gantt chart for the cutover phase………………………………………. 53
18 Screenshot of the home page……………….………………………….. 55
xv
19 Screenshot of the home page – Best sellers and new arrival
section……….…………….…………….…………….……...... 55
20 Screenshot of the home page – Product features and other services

section….………….……………….……………….………….. 56
21 Screenshot of the home page – Testimonial section…………………... 56
22 Screenshot of the home page – Location map and contact form

section………………………………….…………..…..…..…... 57
23 Screenshot of the home page – Gallery page…..…..…..…..………….. 57
24 Screenshot of the login page…..……………………………………...... 58
25 Screenshot of the forgot password page……………………………..... 58
26 Screenshot of the registration page………...…………………………... 59
27 Screenshot of product page……………………..……………………... 60
28 Screenshot of the single-product page…...…………………………….. 61
29 Screenshot of the shopping cart page……...…………………………... 61
30 Screenshot of the checkout page – Product preview….……………….. 62
31 Screenshot of the checkout page – Billing address……………………. 63
32 Screenshot of the checkout page – Customer note, courier, and

payment method……………………………………………….. 63
33 Screenshot of the order status page……..……………………………... 64
34 Screenshot of the detailed order status page……....…………………… 65
35 Screenshot of the reviews page……...…………………………...…..... 65
36 Screenshot of the team page……..………….…………………..…..…. 66
37 Screenshot of the about us page……..…….………………………..…. 66
38 Screenshot of the profile page……..……………………………...….... 67
xvi
39 Screenshot of the FAQs page……..……………………………...…..... 68
40 Screenshot of the customer support page……..………………….……. 68
41 Screenshot of the shopping instruction page – Add and update items to

cart……..………………………………………………………. 69
42 Screenshot of the shopping instruction page – Confirm, place, and

check orders……..……………………………………………... 70
43 Screenshot of the dashboard page…...……………….…..…..…..…..... 70
44 Screenshot of the dashboard page – Region dominate, highest rating,

and items
71
returned……………………………………………………........
45 Screenshot of the customers page……………………………………… 72
46 Screenshot of the counter page………………………………………… 72
47 Screenshot of the add-new-order page……………………………….... 73
48 Screenshot of the to-ship page…………………………………………. 74
49 Screenshot of the to-receive page…………………………………….... 75
50 Screenshot of the complete orders page……………………………….. 76
51 Screenshot of the canceled page.………………………………………. 76
52 Screenshot of the items page…………………………………………... 77
53 Screenshot of the add new product modal……………………………... 78
54 Screenshot of the critical product page……..………………………..... 79
55 Screenshot of the sales page…….……………………………………... 79
56 Screenshot of the suppliers page………………………………………. 80
57 Screenshot of the add new supplier modal…………………………….. 81
58 Screenshot of the categories page…………………………………........ 82
xvii
59 Screenshot of the add new category modal………………………….... 82
60 Screenshot of the unit of measurement page…………………………... 83
61 Screenshot of the add new measurement modal……………………...... 84
62 Screenshot of the users page………………………………………….... 84
63 Screenshot of the add new user modal……………………………........ 85
64 Screenshot of the couriers page………………………………………... 86
65 Screenshot of the add new courier modal…………………………........ 86
66 Screenshot of the logs page…………………………………………..... 87
67 Screenshot of the settings page……………………………………….... 88
68 Screenshot of the update best seller item page………………………… 88
69 Screenshot of the add best seller modal……………………………...... 89
70 Screenshot of the update new arrival item page……………………….. 90
71 Screenshot of the add new arrival modal……………………………… 90
72 Screenshot of the update testimonials page…………………………..... 91
73 Screenshot of the add testimony modal………………………………... 92
74 Screenshot of the update frequently asked questions (FAQs)

page………..…..…..…..…..…..…..…..…..…..…..…..…..….... 93
75 Screenshot of the add new FAQs modal……………………………..... 93
76 Screenshot of the update company team page………………………..... 94
77 Screenshot of the add new company team modal……………………... 95
78 Screenshot of the update about us page………………………………... 95
79 Screenshot of the add company about us information modal………….. 96
80 Screenshot of the update online banks page………………………….... 97
xviii
81 Screenshot of the add online bank modal……………………………… 97
82 Screenshot of the update ILAW gallery page...…………….………….. 98
83 Screenshot of the add ILAW gallery modal………………………….... 99
84 Screenshot of the ILAW gallery page ……………………………….... 99
xix
LIST OF APPENDIX TABLES
Appendix Page
Table
1 Summarized background of the respondents – IT experts.………… 121
2 Summarized background of the respondents – Business experts.…. 121
3 Summarized background of the respondents – Stock personnel.….. 121
4 Summarized background of the respondents – Customers.………... 122
xx
LIST OF APPENDIX FIGURES
Appendix Page
Figure
1 Location map of ILAW Lighting and Equipment Trading .……….. 123
2 Facebook page of ILAW Lighting and Equipment Trading ………. 123
xxi
LIST OF APPENDICES
Appendix Page
1 Interview sheet………...……………………………….…………... 124
2 Statement of the investigation………...……………….…………… 127
3 Permission to continue letter…………………………...…………... 130
4 Models and prototypes……………………………………………... 131
5 Code snippet……………………………………………..….…….. 136
6 Evaluation form for unit testing………………………..………….. 144
7 Evaluation form for system testing – Customers………...………… 149
8 Evaluation form for system testing – Stock personnel………...…... 153
9 Evaluation form for system testing – Information technology

expert………..…..…..…..…..…..…..…..…..…..…..…..…. 157
10 Evaluation form for system testing – Business expert……………... 161
11 Evaluation form for acceptance testing…………………………….. 165
12 User manual………………………………………………………... 169
xxii
MANAGEMENT FOR ILAW LIGHTING AND
EQUIPMENT TRADING
Dante M. Bisais III

John Mark Leoniv Libued
John Patrick M. Lingahan
An undergraduate thesis manuscript submitted to the faculty of the Department of

Industrial and Information Technology, Cavite State University – Carmona Campus,
Carmona, Cavite in partial fulfillment of the requirements for the degree Bachelor of
Science in Information Technology with Contribution No. BSIT-2022-01-006. Prepared
under the supervision of Prof. Richard L. Hernandez.
INTRODUCTION
Lighting products significantly impact the appearance and feel of each person’s
house. Good lighting improves vision, makes it easier to complete jobs, and generates a
sense of security and comfort in a location. While lighting controls allow people to adjust
the brightness of their lights depending on the time of day or activity, light fixtures add
another design layer to their home. Light sources, ranging from common incandescent
bulbs to more modern, energy-efficient Light-Emitting Diode (LED) bulbs, may improve
an individual’s vision and help them save money on their monthly energy bills (1000Bulbs
Lighting Blog, 2016). All these goods are sold to many customers, which is prevalent in
online shopping stores or e-commerce websites nowadays.
ILAW Lighting and Equipment Trading was established in July 2020. Its
warehouse is located at Phase 11, Block 14, Lot 48, Carmona Estates, Barangay Lantic,
2
Carmona, Cavite (Appendix Fig. 1). The business uses Facebook advertisements
(Appendix Fig. 2) and offers over 30 models and various types of LED lights and other
equipment. It currently has 3663 stocks on hold with the expanding growth of sales of 15
to 20 clients per day.
ILAW Lighting and Equipment Trading is currently struggling with managing
order inquiries and collecting customer order information. They consider it time-
consuming, leading customers to be held in line while purchasing the items, due to different
platforms used in the order transaction, such as Facebook, Messenger, or other messaging
applications.
The interpretation of sales and stocks is poorly integrated and causes errors. They
encountered unrecorded data in their inventory. Moreover, restocking products takes a lot
of time since the owner has to list the critical stocks and contact the supplier. Once the
stock personnel receives the stock renewal, they will contact the owner to notify each
product quantity to be manually added to a Google Sheet. Thus, the owner experiences
inaccurate interpretation of data in sales and inventory.
The researchers generated a proposition to develop an Online Ordering System with
Inventory and Sales Management for ILAW Lighting and Equipment Trading after
identifying the stated problems. E-commerce refers to the selling of products and services
over the internet. It operates on the same principles as a physical store. It allows customers
to visit the website and make purchases with electronic payments. The target market is not
restricted to a single location or region (Fuscaldo, 2021). The environment of online
business is growing in the modern era. In the first half of 2020, the number of buyers and
the amount spent in pesos in e-commerce has already doubled compared to 2019. Ninety-
3
one percent of Filipino internet users looked for goods and services to buy during the
quarantine period, and 66 percent completed the transaction. This is obvious evidence that
Filipinos are now tuning up to online e-commerce. By 2025, e-commerce in the Philippines
is expected to have grown from $500 million in sales in 2015 to $12 billion. Besides, after
the pandemic has ended, 48 percent of Filipinos want to do more online shopping
(Masigan, 2020).
Objectives of the Study
The main objectives of the study were to develop a system that can help the ILAW
company to manage and monitor their order transactions, inventory, and sales and
satisfactorily pass the criteria for software evaluation of the International Organization for
Standardization 25010.
Specifically, it aimed to develop a website that includes the following modules:
1. online ordering module that can be used to:
a. add products to cart;
b. check the products’ availability;
c. checkout order;
d. send or upload proof of payment;
e. view order confirmation;
f. monitor order status;
g. submit reviews of purchased products,
h. view contact information and other details of company,
i. view company gallery. and
j. monitor and manage:

4
i. pending customer orders,
ii. to ship order status,
iii. to receive order status,
iv. completed orders, and
v. canceled orders;
2. inventory module that can be used to:
a. manage products;
b. manage stocks;
c. monitor the:
i. stock-in and stock-out,
ii. current status of the stocks,
iii. fast-moving and slow-moving products,
iv. products with critical number of stocks, and
v. excess stock;
3. sales module that can be used to:
a. view all sales transactions; and
b. monitor sales;
4. reports module that can be used to generate printable reports of:
a. order reports,
b. sales transaction logs reports,
c. sales reports,
d. inventory reports,
e. regions dominate reports, and

5
f. audit trail reports;
5. settings module that can be used to modify:
a. featured product preview,
b. displayed company information,
c. testimonial section,
d. frequently asked questions section,
e. online banks list,
f. company gallery,
g. user privilege, and
h. user configuration; and
6. logs module which includes:
a. sales transaction logs,
b. stock logs, and
c. audit trail.
Significance of the Study
The study can provide value to the following stakeholders:
Administrator. The system can help the administrator to increase sales, eliminate
possible errors, and speed up the order transaction. The system can help collect all customer
orders in a compact system, automatically compute all customer expenses, and easily
monitor sales and manage inventory, simplifying the business procedure. Having
automatically generated reports can help to analyze the business status.
Stock personnel. The system can help to minimize the time consumed in business
procedures. It can also create a new user privilege account for the stock personnel to receive
6
and prepare queued orders from the customers easily. In addition, they can monitor the
incoming stocks from the supplier and the current state of stocks without asking the
administrator frequently.
Customer. The system can help the customer to have their virtual shopping at ease
instead of viewing all product advertisements and asking questions. With the system,
customers can have a simpler ordering process by viewing all product specifications and
other details on the website. They can add their desired items to a virtual cart before placing
the order. The customers can also monitor the status of their orders.
Future researchers. The system can help future researchers to gain new ideas as
they can utilize this as a source to help them improve their research document.
Time and Place of the Study
The study was conducted at ILAW Lighting and Equipment Trading, Phase 11,
Block 14, Lot 48, Carmona Estates, Barangay Lantic, 4116, Carmona, Cavite from June
2021 to January 2023.
Scope and Limitation of the Study
The system aimed to develop an Online Ordering System with Inventory and Sales
Management for ILAW Lighting and Equipment Trading that can help in collecting orders,
managing products, record accurate sales and transactions. The system has six modules:
online ordering module, inventory module, sales module, report module, settings module,
and log module.
The online ordering module covers order transactions. It can present the products
with their specifications, price, availability, and other information that can be added to a
customer’s order list. Upon checking out an item, the module includes a preview of the
7
products, billing address, selected payment method, upload section of proof of payment,
and a total amount to be paid. Checking order status can also be seen in this module, such
as order placed, order confirmed, order shipped out, and order completed. Also, feedback
and rating can be viewed and created whether it can be a verified customer or an
anonymous person. Moreover, the company’s information, such as contact number,
address, and other social media platforms, can be depicted in this module. Lastly, the
transaction process includes an admin panel to manage pending customers. All orders must
undergo validation before they can be processed.
The inventory module covers the management of items and stocks. Specifically, it
can manage all the products in inventory by creating new products, viewing, editing their
details, and removing them from the list. Restocking can also be managed in this module.
This happens when the product hits its critical state or products are about to run out. Other
stock statuses can be monitored, such as full status, which refers to the excess stock; good
status, which refers to the buyable products; and warning status, which refers to the
products that almost hit the low quantity state. Stock-in can also be monitored in inventory;
these are the products that enter the system, and stock-out which refers to the purchased
products.
The sales module covers the record of successful transactions that includes the total
cost of goods and the number of sales, purchasers’ information, transaction identification
(ID), and the exact date and time of the transaction. Also, it includes the total amount of
income on a daily, weekly, monthly, and yearly basis. This can be depicted in a tabular
form and a graphical representation which can also be printed to analyze business sales and
the needs to be further adjusted in the online store.

8
The reports module covers the generation of printable order reports, including the
customer list received from the e-commerce website; sales transaction logs reports, which
refer to the completed order transaction; sales reports, which refer to the total sales depicted
in a table or graphical representation; inventory reports, which refer to the summary of the
existing stocks; region dominate reports, which refer to the location that dominates the
market; and audit trail reports, which refers to the vital movements of the system.
The settings module covers the configuration and modification of website content,
such as updating the featured product preview, specifically the best sellers and new arrival
items displayed on the home page; updating company information, such as the company
mission, vision, history, and culture; contact details; and current team and partners that can
be displayed on webpages. Also, the module can modify the user privilege, such as the
administrator account that can manage every side of the system; customer accounts limited
only to the e-commerce website; stock personnel, which is selected for company staff
restricted to read-only the inventory; and user configuration, which can change the
password and profile of every user.
The log module covers the record of all vital movements in the system. This
includes the sales transaction logs that refer to all successful and complete customer orders,
receive orders, ship-out orders, and canceled orders that will be listed in a tabular form.
The stock log, which refers to all stock data entered in the inventory, consists of product
details such as name, specification, date, and time; an audit trail, which refers to every
action that has been done, such as the creation, updates, and removal of products. Lastly,
the record of the user profile changes.

9
Definition of Terms
Operational Terms
Critical stock refers to products that need to be restocked because of their
minimum stock level.
Excess stock refers to overstocked products or inventory items that exceed
forecasted demand.
Fast-moving products refer to products or items that customers commonly buy.
Order status refers to the order progress within the system.
Slow-moving products refer to products or items that customers rarely buy
Technical Terms
Cascading Style Sheet is used to format the web page layout and design
(TechTerms, n.d.).
Hypertext Markup Language is where a web page is created (Computer Hope,
2021).
Hypertext Preprocessor is a server-side scripting language that can be used to
develop dynamic websites (TechTerms, n.d).
International Organization for Standardization 25010 refers to a product’s
quality assessment framework built on the management framework (International
Organization for Standardization 25000, n.d.).
Intrapreneur is a person who is responsible for creating an innovative initiative or
idea for the company (Investopedia, 2022).
JavaScript is a scripting language for creating a website or mobile application
development complex features (Megida, 2021).

10
My Structured Query Language is an open-source Relational Database
Management System (RDBMS) that employs Structured Query Language (SiteGround,
n.d.).
Software Development Life Cycle is a technique for producing high-quality
software that follows a set of precisely specified processes (Altvater, 2020).

11
REVIEW OF RELATED LITERATURE
Online Shopping
Exploring and purchasing goods and services over the internet is known as “online
shopping”. As personal computer ownership expanded and established merchants began to
sell their items via the Internet, online shops opened in 1992, and online retailing took up
a large portion of the retail sector during the first decade of the 21st century (New World
Encyclopedia, n.d.). According to Sunitha and Gnanadhas (2014), online shopping is the
process of consumers buying goods and services directly from the seller by accessing their
online stores on a website. Tang (n.d.) added that textual information, images, and
multimedia files explain all goods in online shops. Many internet businesses will provide
links to additional product details. Safety protocols, instructions, manufacturer
specifications, and demonstrations are frequently made available on this platform.
Consumers have adopted online shopping as a preferred method of purchasing. This new
shopping innovation provides a large quantity and diversity of products to potential
customers, a wide range of company opportunities, and a large market (Fifiyanti, 2018).
Online shopping allows a person to look for items from various retailers. Using
search engines like Google and Bing, an individual may find several businesses selling the
same item. Because of the vast selection offered by internet purchasing, customers are more
likely to locate a product that meets their specific requirements (IvyPanda, 2019).
According to Yulihasri, Islam, and Ku Daud (2011), online shopping gives convenience
and availability because the customer can access this in the comfort of their home and
order, which is available 24 hours a day. Moreover, shopping online has become an
alternative for consumers. It is more comfortable than conventional shopping, usually

12
attributed to anxiety, crowded traffic jams, limited time, and parking space. As modern
technology emerges, accessing the internet gives more power to users, especially in online
shopping. It offers convenience and information in accessing online shops and websites for
products and services. It also provides the customer with various available products and
services, which can cut costs and time. Therefore, online shopping efficiently cuts time by
not going to the physical store (Katawetawaraks & Wang, 2011). In addition, online
shopping, especially during the festive season, eliminates the need to stand in lengthy lines
or go from store to store looking for a certain item. Traditional brick-and-mortar shopping
necessitates leaving the house to contend with traffic, crowds, and long lines (English
Daily, n.d.).
For ease of buying, customers can choose from a wide variety of products and
compare prices depending on their preference by visiting the business page or website.
After selecting a product or service, the website has a checkout in which people can
integrate shipping options and payment for convenience. For payment methods, the
availability of different payment methods like E-payment or cash-less payment gives
comfort and worry-free shopping until the ordered product is received (Morah, 2021). Most
online shopping websites follow the same pattern: customers can choose the category in
which the company’s item is displayed, then select the item they want and add it to
their shopping basket. This is the main feature of every online store, which greatly
impacts the improvement of virtual processes (Fabiola, n.d.).
Simply said, an internet shopping cart operates similarly to a real shopping cart in
a marketplace but with more innovative features. Of course, it is all virtual. It is where
customers may store all their wish-list items, evaluate them to make changes to quantity,
13
product characteristics, and so on, and then delete them either during the checkout process
or if they change their decision (Summer, 2021). In addition, an online marketplace is a
portal where customers may make purchases. It might be a tiny neighborhood business, a
big retailer, an e-commerce site, or a market capitalization project on a third-party site like
eBay. Business-to-consumer, business-to-business, and consumer-to-consumer are some
business strategies that the internet may use. A product inventory, a shopping basket, and
other elements are all required to run an online business (Nordmeyer, 2017).
Since the study entitled “Online Ordering System with Inventory and Sales
Management for ILAW Lighting and Equipment Trading” is about online shopping, the
researchers decided to include information about the definition, meaning, advantages, and
process of the virtual market on the internet and modern era.
E-commerce Website
E-commerce, or electronic commerce, is a business model in which a seller sells
goods and services to the buyer who places an order on an e-commerce website. With the
growth of internet connectivity, this medium helps sellers establish a more expansive
market presence by providing cheaper and more efficient distribution channels for their
products or services (Bloomenthal, 2020).
According to Singh and Meshram (2016), accessing an e-commerce website
provides access to many products and services. E-commerce websites feature product
information that portrays the product and its content, including photographs,
documentation, cost, and choice. One factor that significantly affects this is that shopping
online can rapidly search out arrangements for things given by a wide range of sellers. The
wide range of choices makes it better for online shoppers to choose a product offered by
14
the seller. Rivera (2019) stated that e-commerce websites serve as a home for businesses.
It is run with the help of web hosting and can be accessed with the help of a link. It offers
a way of selling products that encourages the customer to purchase directly from the seller.
Singh, Mittal, and Kukreti (2018) stated that the growth of the internet would become the
primary driving force for e-commerce, enabling customers and businesses to conduct
available and cashless transactions via an e-commerce website.
A company with an e-commerce website has complete control over the business,
including the process, commercialization, and evaluation (Lopienski, 2018). According to
Roach (2020), e-commerce allows the company to create a unique product label, which can
help increase the product's perceived value. Seymour (2016) added that using an e-
commerce website makes the company scalable and allows the business to grow with more
delivery and payment options. Naturally, this has a huge impact on the sales of a business
(Makad, n.d.).
An e-commerce website includes signing up for user accounts and granting simple
accessibility for customers (Chai, 2020). Johnson (2017) explained that having a customer
account enables customers to return and purchase a product. Lawrence (2019) added that
account creation enables customers to experience fast checkout since information can be
reused for other incoming transactions. Fernandez (2017) further said that it would help
the company market to the customers and keep them returning by using the information
stored on the customer’s account.
The customer account creation, product commercialization, and collection of
customer information were integrated into the Online Ordering System with Inventory and
Sales Management for ILAW Lighting and Equipment Trading.

15
Online Ordering Systems
Online ordering systems have been an integral part of doing business. They have
evolved in tandem with the advancement of technology to provide a powerful means of
receiving, tracking, and shipping customer orders. It can maximize business profitability
by avoiding misplacing or misreading orders, boosting revenue, and continuously
providing satisfaction to the customer (Chron, 2020). Online ordering and computers have
become a vital component of every person’s daily life because of the advanced technology
of the world wide web and business. With the help of the internet online ordering system,
it assists businesses in their process by using a technique that allows the customer to order
online on the internet using a web browser that eases the shopping. Integrating this system
can expand growth in the industry and solve the ordering processes (Kapchnaga, 2014). It
is a simple and convenient way to reach out to the customer about their purchase online,
and vice versa, using the website and the internet. It made it possible to reach out to more
customers and deliver their items to their doorstep. The orders on the system are made safe
and secure and can be paid for using various payment options (Nibble Matrix, 2019).
Additionally, integrating the online ordering process into the system can provide a solution
to the growing needs of the business. It provides customer convenience, automation,
marketing opportunities, and fewer errors (Journal Online, 2020).
Online Ordering System is currently a well-known brand in the marketplace,
assisting a wide range of people, from small business owners to well-known entrepreneurs,
to launch their on-demand businesses online. It gives customers access to cutting-edge
ordering software with the most up-to-date features. This may assist the company in
establishing a presence in today’s internet market and competing with other businesses
16
(Onlineorderingsystem, 2018). They were able to accomplish so by utilizing internet
ordering platforms. Simply defined, they are systems that let businesses accept purchased
orders and payments from customers and clients via an app or website. The ailing
hospitality industry has benefited greatly from this technology (Darragh, 2021). Also,
online ordering software assists business owners in capturing vital consumer data and basic
ordering features. This allows users to get to know the consumers and make educated
judgments about how companies can increase sales and loyalty (Softwareadvice, n.d.).
Another thing connected to the online ordering business is an inventory management
component that may assist organizations in monitoring and managing inventories. With a
purchasing system, people can keep track of the items and services customers buy and the
company’s total inventory levels (Phillips, 2020).
There are two online ordering system interfaces: the customer-side website and the
administrator management (Cloudwaitress, 2019). An online ordering system is effective
since it integrates all orders with the website. It is simple and provides several advantages
for accepting online consumer purchases. Business owners may use this approach to
organize their menu into multiple categories and subcategories so that consumers can
quickly find what they want (Flexin, n.d.; Digwal, 2020). Moreover, multiple users,
delivery executives, and restaurant administration are all connected through a single
platform. Business organizations can track the request and delivery status using an
online ordering software administrator panel (Frescofud, n.d.).
Inventory and Sales Management
Inventory and sales management assess and track inventory and sales, specifically
the product stock activity and sales performance in a business. It records the customer,
17
product sale, price, and the date upon purchase and is reflected in the stock in the inventory.
Inventory and sales management allow the business to carry the right amount of stock and
restock. To keep the inventory, assess the product that sells the most and does not, and
adjust the reordering and replenishment of the product stocks to perform sales and
inventory processes effectively. This handles any of the data associated with product
details, including personnel details, inventory, sales information, information about goods,
and regular descriptions of the transaction (Thompson, n.d.).
According to Acosta, Alquizar, Buladaco, Junio, and Talara (2020), managing
inventory can reduce human editing errors and improve accessibility at any time, handling
the business efficiently, conveniently, and productively for customer satisfaction. Data in
inventory and sales management must be handled securely (Aleem, 2013). It can be done
by utilizing multi-level encryption, password-restricted access, tokenized credit card
processing, and other cutting-edge security features, sales and inventory systems may
increase security (Digital School of Marketing, 2020).
Inventory management is one of the most important ways a business can increase
its profit and sales potential regarding day-to-day business operations (Walters, 2019). It
benefits the business by effectively planning and budgeting its financial expenses by
maintaining the correct type and volume of stock without locking up cash and keeping
surplus inventory (Jenkins, 2020). The main purpose of inventory management is to
provide a high-quality operation at a low cost. This is because inventory management
provides the entrepreneur or intrapreneur with knowledge of the organization’s stock levels
at any point in the supply chain and therefore assists in handling the stock on hand, when
to reorder, and where to ship goods (Inegbedion, Eze, Asaleye, & Lawal, 2019).
18
Additionally, it includes reports wherein it notifies the manager through stock alerts if the
items are low or out. In this way, the business is always notified about the stock flow,
which is vital for continuous sales (Square, 2016).
Inventory and sales management effectiveness ensure that the business carries out
all activities involved in storekeeping and stock control and the employees can apply
efficiently and effectively to operations, eliminating and effectively resolving weaknesses
like over and under-stocking, failure to meet targets, and improving users’ credibility
approach (Godana & Ngugi, 2014). Lowe (n.d.) stated that one of the major benefits of
inventory management is that it decreases the volume of inventory that businesses must
have on hand while still maximizing order quality, accuracy, and efficiency. Brightpearl
(n.d.) stated that the implementation of inventory management provides good management
of cash flow, fewer missed sales, accurate reports, and, most importantly, problem
detection and customer satisfaction. Understanding sales patterns through reports help
develop a better marketing strategy for locations and products that often sell (Luther, 2020).
The integration of inventory and sales management is vital in handling business
needs. This will help in the stock management, decision-making, and reordering processes,
which is why this was incorporated into the study.
Content Management System
A content management system (CMS) is software that creates, edits, organizes, and
publishes digital content (Whitehead, 2018). In most cases, content in a CMS is stored in
a database and presented in a presentation layer based on a series of models (Optimizely,
n.d.). It allows the company to automate the creation and distribution of digital content.
19
Using the CMS, the company can also add and update product and service specs, product
details, pricing, images, videos, and other information (Whitehead, 2018).
The interactive nature of a CMS is a significant benefit; a CMS can be used from
anywhere by any number of users since the interface is normally browser-based. The
administrator can log in and add, schedule, or check the material to be published. It enables
non-technical people unfamiliar with programming languages to build and maintain their
web material effectively; it reduces the dependency on front-end programmers to update
the website, allowing it to publish new material more quickly and easily (Optimizely, n.d.).
A CMS provides a tool that helps the user to maintain the content relating to the
business. According to the University of Kansas (n.d.), one of the important functions of
CMS is the quick and easy management of the content of webpages, which is secure and
flexible for the developer and administrator. As for the future users of the website with
CMS, GSM Marketing Agency (2021) emphasized that using a CMS user requires
technical knowledge in handling the contents of their products and services in their
business. Amsler (2021) added that the information incorporated into the CMS enables the
users to have ease in using the website in searching for products and services a business
offers. As a business grows and expands, CMS is integral because it covers most of the
business, such as sales, marketing, and development (Roberts, n.d.).
According to Spilotro (2018), a business with a CMS has an advantage in
streamlining its products and services because it is cost-effective in promoting the business
offers. Lara (2018) also emphasized that implementing CMS offers countless benefits and
opportunities, especially in a business using a website or online platform. Through this, the
business grows and leaves a good impression on the customer about the business. The
20
contents and services provide good customer satisfaction when visiting a business website
(Doyle, n.d.). Kambala (2019) stated that depending on the preference for development,
the integration of CMS could be a leading driver of sales and growth. It also provides ease
of use, speed, flexibility, availability, and security through good product content.
The inclusion of a CMS in the study was considered as it will greatly help the
business in modifying system contents.
Online Ordering Systems with Inventory and Sales Management
Al-Handi (2019) developed an online ordering system for Hadramout Restaurant
to increase sales efficiency. This system provides owners with online ordering and delivery
services that allow them to enhance sales and expand their business. It also streamlines the
ordering process for restaurant employees and customers, resulting in a more organized
business. This is similar to the developed system: it can collect customer orders efficiently,
reducing the need for manpower. Besides, it has the same objective of eliminating human
errors in the workplace, resulting in an organized business.
The Online Ordering and Payment System with SMS Notification for Nina
Clothing Accessories by Vega, Novila, Ibaez, Teido, and Agustin (2015) is a system that
allows customers to order online and select their preferred delivery method. This system
allows the administrator to track sales orders, including client information. Another feature
of this system is that it allows customers to receive a Short Message Service (SMS)
notification of the order status. Its primary goal is to simplify and enhance the customer
and clothing items ordering process. The developed system has the same features, except
for the SMS notifications of order status. Instead, the developed system will display
customers’ order status directly on the system.

21
The study entitled “Online Ordering and Inventory System of La Galette
Supermarket” by Kanyeshyamba (2011) is a web-based system that allows customers to
browse all the products of the supermarket and order goods online. This system aims to
deliver an efficient experience for the customer, employees, and management because it
makes their business process faster than the previous traditional method. Besides, the
company can also manage its stocks in the inventory system, which stores customer
information. All the features mentioned were the same as the Online Ordering System with
Inventory and Sales Management for ILAW Lighting and Equipment Trading. This makes
managing orders and inventory faster, more secure, and more accessible to different
customers.
The Online Ordering System of PCK Engineering by Wei (2012) enables clients to
run their businesses digitally and take orders from customers online. This system was also
developed to manage sales and services online. The system includes login and account
registration, customizing stock descriptions, placing orders, and managing orders. The
Rapid Application Development model was also used in this project, which consists of
requirements planning, user design, construction, and cutover. The developed system also
aims to manage their sales and services online. The same features, goals, and software
development lifecycle were included and used in developing the system for Online
Ordering System with Inventory and Sales Management for ILAW Lighting and
Equipment Trading.
The study by Ture (2014) entitled “The Fundamentals of the Ubiquitous Online
Shopping Cart Development and Online Ordering System” allows the customer to search
and browse products; add products to the shopping cart; allow customers to move to buy;
22
and a checkout procedure to manage delivery data, tax computations, delivery fee
calculations, and payment processing. They also feature order management for the
administrator to process customer orders. The researchers also used Hypertext
Preprocessor version 5 for the back-end application, Cascading Style Sheet for styling
purposes, Hypertext Markup Language for creating forms, and My Structured Query
Language for the system’s database. The Online Ordering System with Inventory and Sales
Management for ILAW Lighting and Equipment Trading also included the stated features
and used the enumerated materials.
Jiuan (2019) also developed the Restaurant Ordering System to replace the outdated
and inefficient ordering method often used by restaurants with a new and more efficient
online ordering system. The process used to design this system is known as “throwaway
prototyping.” This technique was chosen because it allows the system to be constructed in
a shorter time than other methodologies require. Similarly, the developed system aims to
eliminate inaccurate data and human mistakes. It was also established and developed to
assist the business in better management and reduce the time of placing customer orders.
Prasad, Borkar, Satpute, Shendre, and Yerekar (2013) developed a department
store's ERP Sales and Inventory Management System. It can record inventory details,
manage stock, update the inventory based on sales information, and regularly create sales
and inventory reports. The developed system also has the mentioned features, from
recording inventory details to generating reports.
The Sales and Inventory Management Systems for Yochang General Merchandise
were developed by Acosta et al. (2020). It simplifies the way of monitoring and
documenting the company’s purchases; it is faster and more precise than doing things
23
manually. It replaced the company’s traditional way of managing its sales and inventory in
spreadsheets, which they considered ineffective since the company was getting bigger and
had a greater quantity of products. The developed system also aimed to replace the current
company’s manual process of managing their sales and inventory to provide a more reliable
record of the sales interpretation.
The SaaS Inventory Management System developed by Loizines (2013) included
the following: secured registration and login system, inventory items, users, orders,
suppliers, customers, history logs, and company configuration modules. The system used
HTML, PHP, and MySQL as development tools. Similarly, the Online Ordering System
with Inventory and Sales Management for ILAW Lighting and Equipment Trading allows
the data to be centralized, accessible, and available. The same set of materials was also
used for its development.
The Dynamic Online Ordering and Data-Driven Inventory Management System
with SMS for Security of Bermusa et al. (2020) promotes the data-driven exchange of
information, efficiency, monitoring, and security. The system features a web-based online
connectivity integration for sales and inventory handling products, prices, orders, stocks,
and sales reports and status. The developed system is also web-based and can be accessed
through an online connectivity platform. It was considered since online ordering has
become widespread because of the availability of the internet and can provide convenience
and sales growth.

24
METHODOLOGY
Materials
To develop the Online Ordering System with Inventory and Sales Management for
ILAW Lighting and Equipment Trading, the following software applications were used:
Hypertext Preprocessor (PHP) for the primary programming language; Hypertext Markup
Language (HTML) for the standard mark-up language; Cascading Style Sheet (CSS) for the
styles of front-end design; JavaScript for the scripting language along with the Jquery
library; Bootstrap for the design framework; Cross-platform Apache My Structured Query
Language Hypertext Preprocessor and Pearl (XAMPP) for the server; My Structured
Query Language for the database; Visual Studio (VS) Code for the source-code editor; and
Github for the working environment. Adobe Photoshop CS6, Microsoft Office Word 2016,
and Google Forms were the additional tools used for the design, documentation, and online
system evaluation, respectively.
The researchers used a desktop computer with AMD Athlon (TM) II X2 260
Processor 3.21 GHz, 4.00 GB Random Access Memory (RAM), and a 64-bit operating
system for the hardware requirements. An HP Elitebook 840 G1 with Intel Core i5-4300u
1.90Ghz processor, Intel HD Graphics 4400, 16 GB RAM, and 480 GB Solid-State Drive
(SSD) was also utilized.
Method
The Rapid Application Development (RAD) model of Shelly and Rosenblatt (2012)
was the software development approach used (Fig. 1). It consists of four phases:
requirements planning, user design, construction, and cutover. It focuses on rapid
prototyping and collaboration that speeds up the development of information systems and
25
testing cycles. With RAD, the researchers made system changes and updates in the early
stages depending on user reviews and assessments.
Figure 1. RAD model (Shelly & Rosenblatt, 2012)
Requirements planning. In this phase, the researchers interacted with the social
media manager of ILAW Lighting and Equipment Trading. They sent a formal request to
conduct an interview (Appendix 1) through Google Meet. Later on, the researchers
identified that it is the owner who only manages the online business. The owner agreed
with the interview.
A statement of investigation (Appendix 2) was constructed. It requires gathering
business needs, including the system to be developed, project scope, constraints, and
system requirements.
The flowchart below shows the current business process (Fig. 2) of ILAW Lighting
and Equipment Trading. It was created to have a detailed visualization of the business flow.
26
START
Customers will view products in ILAW Facebook page and contact

the owner in any messaging application.
Owner will manually input all the customer’s order in Google Form
along with their personal information base on their conversation.
The owner will send an order preview to the customer for

confirmation.
Owner will manually compute the total cost by setting the formula
and format in a new spreadsheet inserted from the Google Form.
The owner will copy the spreadsheet and paste in the main and current
inventory which is in Google Sheet.
The stocks will be updated until the owner contacts the stock manager
to prepare the order.
The stock manager will proceed to product testing and quality

checking.
The customer will receive the order from the courier.
The stock manager will contact the courier to deliver all ordered
products.
END
Figure 2. Flowchart of the business process of ILAW Lighting and Equipment Trading
27
The detailed and existing process that needs to be improved in the business was
presented using an Input-Process-Output (IPO) diagram (Fig. 3).
INPUT PROCESS OUTPUT
1. Handling order 1. Answering 1. Time consuming

inquiries and inquiries and and may hold in line
collecting customer collecting order lead and purchasing
orders. information using customers.
different platforms.
2. Adding, editing,
2. Takes a lot of time
formulating and
and causing
2. Manual input of formatting in new
unrecorded data or
order transaction and spreadsheet until it
sales that affect its
total cost in will link and insert to
output report
inventory. main inventory.
interpretation
3. Through contacting
supplier, sending
critical product lists, 3. Time consuming
3. Manage new stocks messaging stock and causing
and restocking manager once the inaccurate data in
products in inventory deliver process is inventory that affect
done and request its output report
quantity of stock interpretation.
renewal until manual
input in spreadsheet
happens.
Figure 3. IPO diagram of the identified current business process
The business uses multiple platforms, such as Facebook, Messenger, and other
messaging applications, for handling inquiries and collecting customer orders. As for
recording customer order information, this is done using Google Forms. Recorded data will
then be transferred to a new spreadsheet. The owner will manually set the formula and
28
format to compute the total cost of the products until it is inserted into the main inventory
spreadsheet. This process consumes time and causes unrecorded data or sales. Managing
stocks also requires several steps, consuming a lot of time. It includes contacting the
supplier, sending critical product lists, messaging the stock manager once the delivery
process is done, and requesting the quantity of stock renewal until manual input in the
spreadsheet happens.
After analyzing, the identified business need is automated order transactions that
can help collect numerous orders day and night, affecting the growth of the business
without consuming extra time in the process. Also, it should be a compact e-commerce and
inventory system to easily control stocks, sales, and products.
The first Gantt chart (Fig. 4) represents the completion of each task under the first
phase: March 18 and 19 were for the online interview; March 19 and 20 were for
identifying the problems and constructing the document; March 20 and 21 were for setting
the scope for the project; March 21 to 27 were for identifying the system to be developed;
and March 28 to April 4 were for finalizing the overall proposal and obtaining the client’s
permission to continue the project.
Requirements
March 18 – April 04, 2021 (Daily Task)
Planning
Activities
18 19 20 21 22 23 24 25 26 27 28 29 30 1 2 3 4
Online
Interview
Identifying
Problems
Figure 4. Gantt chart for the requirements planning phase

29
Analyzing
Project
Scope
Solution
Planning
Finalizing
Proposal
Figure 4. Continued...
Before proceeding to the next phase, the researchers secured a permission to
continue letter (Appendix 3), which consists of an agreement between the client and the
researchers that they will continue the study.
User design. In this phase, the requirements collected in the previous phase were
transformed into working models and prototypes (Appendix 4), in which the six modules
were included. Moreover, this phase also required the researchers to get approval for each
module design prototype from the client.
An IPO diagram (Fig. 5) depicts the modules of the developed system.
INPUT PROCESS OUTPUT
1. Online Ordering 1. Administrator will

Module: Customers validate their proof of 1. The order of the
will initiate their payment by online customer will now be
order and upload bank checking and listed and processed.
proof of payment. will confirm the
order.
Figure 5. IPO diagram of the developed system

30
2. Inventory 2. Automatic
2. Unrecorded
Module: Stocks and deduction and
inventory data will be
product management increment of stocks in
every successful eliminated.
in the inventory.
transaction. 3. Accurate sales
3. Sales Module: all
3. The system allows interpretation will be
inputs of sales viewed to help
transaction will be to monitor the overall
automated sales decision making for
listed. the business.
transaction inserted.
automated sales
4. Reports Module: 4. The system will transaction inserted.
Sorting of report load all report types
types in each table for 4. Generate printable
accordingly.
sales and inventory electronic document
5. Automatically with an accurate data.
5. Settings Module: reflect all changes
create, maintain, 5. website content
and account creation
update, and publish will be updated and
in the system.
website content. Also, user can now log into
create new user. 6. All vital the system.
movements in the
6. Log Module: track 6. Accommodate all
system will be
specific data recorded data stored.
monitored.
in the system.
FEEDBACK
Figure 5. Continued...
Online ordering. In this module, the customer can check out their order and
upload their proof of payment. Then, the order will go to the pending order list.
When the administrator confirms the payment, the order will be approved, and the
storage manager can now ship the products. It will also include the order status,
cancelled orders, and completed orders. This will enable the consumer and the
enterprise to complete their transaction.

31
Inventory. This is the module where the administrator can manage all
products in the inventory, view current stocks, and restock the products. All
successful transactions will reflect in the inventory.
Sales. The administrator can view the sales transactions in a table list and
the overall sales output in this module.
Reports. This module summarizes all the collected income data daily,
weekly, monthly, or annually. It can also display and generate ready-to-print
documents of summary reports on a daily, weekly, monthly, or annual basis.
Settings. This is the last module where the administrator can create,
maintain, change, and publish system content. The creation of a new user account
is also included here.
Log. All vital movements appear here, such as the sales transaction logs,
stock logs, audit trail, and log-in history.
The access and relationships of each customer and the administrator with the
system are depicted in Use case diagrams.
The use case diagram for the online ordering module (Fig. 6) shows that the
customers can log in, view products, add to cart, check out orders, monitor order status,
and send proof of payment to complete the order process. The administrator and stock
personnel can monitor and manage the customers’ orders.
The use case diagram for the sales module (Fig. 7) shows that the administrator
can track sales transactions and outputs.

32
ONLINE ORDERING MODULE
Login
View products
Add to cart
Checkout order
Monitor order status
Send proof of payment

Customer
Administrator
Monitor orders and Stock
Personnel
Manage orders
Figure 6. Use case diagram of the online ordering module
SALES MODULE
View all sales

transactions
Monitor sales
Administrator
Figure 7. Use case diagram of the sales module

33
The use case diagram of the inventory module (Fig. 8) shows that the administrator
can manage all products, current stocks, and restocking while the stock manager can
monitor or view the list of stocks.
INVENTORY MODULE
Add new products
Monitor stocks
Manage purchasing
Add products
Edit product
Stock Administrator
Personnel View product
Add new stock
Figure 8. Use case diagram of the inventory module
The use case diagram of the reports module (Fig. 9) shows that the administrator
can view and generate printable outputs for business status, adjustments, and decision-
making.
34
REPORTS MODULE
View sales transaction

logs report
View sales report
View inventory reports
View region dominate

reports
Administrator
View audit trail reports
Figure 9. Use case diagram of the reports module
The use case diagram of the settings module (Fig. 10) shows that the administrator
can create, maintain, update, and publish system content. Also, the administrator can create
an account and configure users.
The use case diagram of the log module (Fig. 11) shows that the administrator can
monitor sales transaction logs, stock logs, audit trails, and user logs.
The Activity Diagram shown in Figure 12 depicts the system’s flow from the
customer’s perspective. It includes browsing the system, allowing them to view products
and order items, choosing a payment method, uploading proof of payment, and finally
placing an order. All of the customers’ orders will be received by the administrator to
manage the orders.

35
SETTINGS MODULE
Manage e-commerce
website content
Edit product preview
Edit product details
Edit company information

displayed
Administrator
Create new user privilege
User configuration
Figure 10. Use case diagram of the settings module
LOG MODULE
Monitor sales transaction

logs
Monitor stock logs
Monitor audit trails
Administrator
Monitor user logs
Figure 11. Use case diagram of the log module

36
ACTIVITY DIAGRAM – CUSTOMER SIDE

CUSTOMER E-COMMERCE WEBSITE INVENTORY
Browse View Home Page

Webpage
Choose Prefer Courier
Choose Mode of Payment
E-Wallet COD/COP
View Company Reminder Note

Send Payment Bank Details
Screenshot
Upload Proof
Payment
of Payment
Place Order
Order in line
View Order Status to admin
NO
Order
Received?
YES
C
Figure 12. Activity diagram of the developed system – Customer side

37
Relaunch Website
Check
Product
Rate Product Check Other

Website
Feature
Figure 12. Continued…
The Activity Diagram in Figure 13 depicts the administrator’s management action
flow, starting from the sales summary (daily, weekly, monthly, annually) and item state.
ACTIVITY DIAGRAM – ADMINISTRATOR SIDE

ADMIN INVENTORY STOCKROOM COURIER
Browse Dashboard
Webpage
View Sales View Item

Summary State
Figure 13. Activity diagram of the developed system – Administrator side

38
Customer List
A NO
Go to
Counter?
YES
View Customer Order
NO
Valid
Customer?
YES Order
move to
Confirm Order(s) “To Ship/
Prepare
Order
Contact
Courier/
Order
move to
“To
Receive”
Send Item
Item(s) Received
to
Courier
B

39
Deliver
Order to
Customer
Move order Inform

Inventory Updated to Sender
“Complete” Upon Order
Table Completion
NO
Go to
A
Items?
YES B
View Item List
NO
Critical
Stock?
YES
Contact Supplier
Receive Invoice of Orders
Stock Order
Create Stock Order
Received
Double Check Stock Order

Inform
Admin
Reflect to Entire System

40
NO
Go to
B
Sales?
YES
View Graphical Reports
Print Reports
NO
Go to
Categories?
YES
View Categories List
Add and Update Category
NO
Go to
Suppliers?
YES C
View Supplier List
Add and Update Supplier
View Supplier
Transactions
D

41
NO
Go to
C
Unit?
YES
View Unit List
Add and Update Unit
NO
Go to
Users?
YES
View User List
Add User Access
NO
Go to
Couriers?
YES D
View Courier List
Add New Courier
View Courier
Informations
E

42
NO
Go to Logs? D
YES E
View User Log List
Search/Filter Specific
Record Data in User Logs
Go to NO
Settings? E
YES
Exit or Logout Modify Web Content
Next, as the administrator views the notification of the customer order queue,
he/she can click the customer list and place the customer on the counter to process the
order, validating the customer and confirming all of the transaction information until the
process continues. Then, all completed orders will be reflected in inventory as the
administrator departs from the listed customers and proceeds to the items. The
administrator can now view the list of products, including the stock state and item details.
Also, it allows the administrator to create new items and update the items list in the table.
43
The overall transaction information will be stored in the sales table. The
administrator can filter or search for particular order history and easily print the report. The
administrator also allows viewing the line graph representation of sales to identify the
current or previous rate of the company. The next navigation button will be categories,
suppliers, and units of measurement, which have similar functions, allowing the
administrator to manage particular information involved. The third to the last part of the
navigation button in the inventory system will be the users. The administrator can create a
new user with the privilege to view the inventory stocks (for the stock personnel interface).
All of the details regarding the courier can be displayed. Furthermore, the administrator
can add a new courier.
In addition, the logs allow overall system changes and updates of audit trail items.
Lastly, the settings can be used to update or modify various system content.
An Entity Relationship Diagram (Fig. 14) was also made in this phase, showing the
developed system’s database design. The database has 17 tables: user_details which stores
ID, user_ ID, email address, password, user_type, first name, middle name, and last name,
home address, city, province, and region, contact number, code, and profile;
table_municipality which stores municipality ID, province ID, and municipality name;
table_province which stores province ID, region ID, and province name; table_region
stores region ID, region name, and region description; cart which stores ID, product ID, ip
address, user ID, and quantity; customer_order which stores ID, transaction ID, customer
ID, customer name, email address, customer no., region, province, city, address, zip code,
total amount, payment method, payment, bank name, payment status, courier, customer
note, status, rate, and date created; customer_order_product which stores ID, transaction
44
ID, product ID, product name, unit of measurement, quantity, subtotal price, total price,
and rate; online_banking which stores ID, image, name, and number; order_tracking which
stores ID, transaction ID, order placed, order confirmed, order shipped out, order
completed; review_table which stores review ID, user name, user ID, user rating, rating
title, user review, review images, and date and time; logs which stores ID, action, user,
date, and time; items which stores items_ ID, item name, item description, category ID,
item cost, item selling price, items stocks, target stocks, items low, supplier ID,
measurement ID, product images, items status, stock status, best seller, new arrival, and
date created; measurement which stores measurement ID, measurement name,
measurement status, and date created; category which stores category ID, category name,
and category status; suppliers which stores supplier ID, supplier image, supplier name,
supplier status, contact no., address, and date created; and stock_logs which stores ID, item
name, stock quantity, in charge, type, activity, and date.
There are four connecting line symbols used to identify the relation of a table to
another table. One-to-one indicates that one table element can be only
connected to one element. One-to-many indicates that one element of the table
can be linked to another in one or more actions. Many-to-one indicates that the
elements of the table can be linked to another in one action. While many-to-many
indicates that one or more elements of the table can be linked to another table
in many actions.
Figure 14. Entity relationship diagram of the Online Ordering System with Inventory and Sales Management
for ILAW Lighting and Equipment Trading
45
46
The second Gantt chart (Fig. 15) represents the completion of each task under the
user design phase: April 5 to 15 were for building prototypes or wireframes; April 15 and
16 were for interacting with the client; April 16 to 19 were for revising some parts of the
prototypes; April 19 and 20 were for the client to check the prototype and accept the design;
and April 21 to 23 were finalizing the overall prototype.
User
April 05 – April 21 2021 (Daily Task)
Design
Activities
05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23
Build
prototypes
per module
Interact
with client
Revise
prototypes
Finalizing
prototypes
Figure 15. Gantt chart for the user design phase
Construction. In this phase, all of the coding and testing processes were done. The
functions planned and all designed prototypes were transformed into codes.
The tools listed in the materials section were used in developing the system.
Specifically, the coding (Appendix 5) started with the functions of the online ordering
module, followed by the sales module, inventory module, reports module, settings module,
and log module.
The system underwent three types of evaluations: unit testing, system testing, and
acceptance testing.
47
Unit testing. This was where all of the system’s components were
individually tested for bugs or errors. Specifically tested were the modules,
security, and platforms. The modules tested were the online ordering module,
inventory module, sales module, reports module, settings module, and log module.
The database was checked for security, while the system’s use in Google Chrome,
Microsoft Edge, and Mozilla Firefox was examined for the platforms. Using an
evaluation for unit testing (Appendix 6), the result of each test was marked as either
successful or failed.
System testing. This was where the system was tested using evaluation
forms adopted from the International Organization for Standardization (ISO) 25010
for software product quality (Appendices 7 to 10). The system was tested under the
software characteristics of functional suitability, performance efficiency,
compatibility, usability, reliability, security, maintainability, and portability.
The functional suitability criterion (indicators 1 to 8) focused on evaluating
how effectively a system satisfied explicit and implicit demands when utilized
under specified circumstances. The test focuses on the completeness, correctness,
and appropriateness of functions and modules of the developed system. The
performance efficiency criterion (indicators 9 to 11) evaluated the response and
processing time of the system, the utilization of resources around the system, and
its capacity to hold an amount of data and information.
The compatibility criterion (indicators 12 and 13) tested the performance of
the system’s function while sharing a common environment on another system or
product. This also tested whether the system could exchange information. The
48
usability criterion (indicators 14 to 24) evaluated whether the system acquired the
user-friendly feature to satisfy all users, such as the system’s navigation and
viewing of the entire user interface.
The reliability criterion (indicators 25 to 27) tested the system’s capability
of handling errors and providing encrypted information for all users. The security
criterion (indicators 28 to 32) evaluated whether the system has a protected
database that allows authorization access from registered users. The maintainability
criterion (indicators 33 to 35) evaluated the system’s ability to modify contents,
reuse data in another module, and test if the system can be tested easily. Lastly, the
portability criterion (indicators 36 to 38) tested whether the system was designed
to work in various operating environments and could be run properly.
A total of 27 individuals took part in this testing. It includes five stock room
personnel or stock personnel, five potential customers, five old customers, five new
or recent customers, five information technology professionals or experts, and two
domain experts (experts in businesses or online selling). The respondents evaluated
the system online using Google Forms. According to Melo (2018), Google Forms
allows information gathering easily and efficiently. It also stores the collected data
and integrates the information into a Google spreadsheet, which can be easily
interpreted to get the survey outcome result.
A five-point scale was used in evaluating each indicator: 1 means poor, 2
means fair, 3 means satisfactory, 4 means very satisfactory and 5 means
outstanding. After the respondents evaluated the system, the responses were
49
counted and used to compute the weighted mean using the formula according to
MathIsFun (2017):
Weighted Mean = ∑wx

∑w
where,
∑ is the sum of,
W is the weights, and
x is the value.
The computation of the weighted mean helps to determine the average value
of tallied data set.
The computed values were interpreted using the range shown in Table 1.
Table 1. Weighted mean interpretation (Bicol University, 2012)

WEIGHT RANGE ADJECTIVAL RATING
4.21 – 5.00 Outstanding
3.41 – 4.20 Very Satisfactory
2.61 – 3.40 Satisfactory
1.81 – 2.60 Fair
1.00 – 1.80 Poor
After computing the mean, the standard deviation of each indicator was
calculated using the formula of Laerd Statistics (n.d.):
where,
S is the sample standard deviation,

50
∑ is the summation of ….,
x is the sample mean, and
n is the number of scores in sample.
The researchers used the standard deviation to determine the measurement
of spread values in a data set. Also, this is to know how much the data deviates
from the mean.
Acceptance testing. This was where the system was tested by the owner of
the business using evaluation forms adopted from the ISO 25010 for quality in use
(Appendix 11). The system was tested under the software characteristics of
effectiveness, efficiency, satisfaction, freedom from risk, and context coverage.
The effectiveness criterion (indicators 1 to 8) focused on evaluating the
system’s completeness upon using the function of every module. The efficiency
criterion (indicators 9 to 11) evaluated the system’s reaction time while conducting
multiple tasks and the capacity to manage a large number of users and more
information/data in the database. The satisfaction criterion (indicators 12 to 15)
evaluated the realistic goals of the system, as well as tested its functions and totality
of the developed system for the client’s satisfaction.
The freedom from risk criterion (indicators 16 to 18) evaluated the system
if it is guaranteed to provide data privacy and a good reputation based on the client
and the function based on its use. Lastly, the context coverage criterion (indicators
19 to 20) tested the effectiveness, efficiency, freedom from risk, and satisfaction of
the client to the developed system.

51
The indicators were also placed in Google Forms, and the weighted mean
of each criterion was computed and interpreted using the same formula and table
mentioned in the system testing.
The Gantt chart (Fig. 16) represents the completion of each task under this phase
on a monthly basis: July to August 2021 for the integration of codes; May to September
2022 for coding the online ordering module; August 2021 to September 2022 for coding
the inventory module; October 2022 for coding the sales module, reports module, and logs
module, identifying bugs, and testing the system; September and October 2022 for coding
the settings module; August 2021 to October 2022 for integrating the database; August to
November 2021 for including other features; and September and October 2022 for
debugging the user interface and modules.
Construction July 2021 – October 2022 (Monthly Task)

Activities
Jul Aug Sep Oct Nov Dec Jan Feb Mar Apr May Jun Jul Aug Sep Oct
2021 2021 2021 2021 2021 2021 2022 2022 2022 2022 2022 2022 2022 2022 2022 2022
User Interface
Development
Coding Online
Ordering
Module
Coding
Inventory
Module
Coding Sales
Module
Coding Reports
Module
Coding Settings
Module
Figure 16. Gantt chart for the construction phase

52
Coding Logs
Module
Coding
Database
Coding other
Feature
Identifying
bugs
Debugging user
interface
Recoding per
module bugs
System
Checking
System Testing
Cutover. Before the formal implementation of the system, the researchers
transferred the current data of the business to the developed system. The researchers also
conducted full-scale testing to ensure that all modules were functioning properly.
After the full-scale test, the researchers deployed the system with the approval of
the client through Google Meet. The researchers used a fast web hosting with limited disk
space and bandwidth, Hostinger. Due to Central Processing Unit allocation, this free web
hosting limits the website’s range of visitors.
After changing to the new system, all users had the actual training to use the system
to ensure that users knew how to navigate the developed system. In this final stage, the
researchers also provided a user manual (Appendix 12).
To maintain the developed system, the researchers offered adaptive or preventive
maintenance. Adaptive maintenance is the process of implementing modifications in a
portion of the system, influencing another area of the system. It will help the developed
53
system adapt to its environment (Thakur, n.d.). Preventive maintenance allows the
researchers to make adjustments and adaptations for the business to use the developed
system longer (Cast Software, n.d.).
The Gantt chart (Fig. 17) represents the completion of each task under the cutover
phase: December 10 and 11 were for the data conversion; December 12 to 14 were for the
full-scale testing; December 15 and 16 were for the system changeover; December 17 and
18 were for the user testing; and December 19 and 20 were for the maintenance phase.
Month of December 2022 (Daily Task)

Cutover Activities
10 11 12 13 14 15 16 17 18 19 20
Data Conversion
Full-scale Testing
System Changeover
User Training
Maintenance
Figure 17. Gantt chart for the cutover phase

54
RESULTS AND DISCUSSION
Software Description
The study focused on developing a system that can help ILAW Lighting and
Equipment Trading manage and monitor order transactions, inventory, and sales. It has
three user types: the administrator, stock personnel, and customers. Two interfaces can be
accessed depending on the type of user who logged in: an e-commerce website for all users
with or without an existing account and an administrator/stock personnel panel, which the
administrator/stock personnel can access upon logging in.
The system theme was based on the logo’s colors as preferred by the client. This
includes light black parts, orange buttons, and a smokey white body section.
Home page. The home page (Fig. 18) has a main sliding cover. It also has five
sections: the informative quote of the business, a preview of best-sellers and new arrival
items (Fig. 19), product features and other services with clickable images (Fig. 20),
testimonials section (Fig. 21), and the location map with the contact form for customer
inquiries (Fig. 22).
In addition, the “ILAW Gallery” button at the bottom of the header will direct the
user to the gallery page (Fig. 23), which displays the sample build or installation of the
products in any environment, like ceiling and house corners.
Login page. The login page (Fig. 24) authenticates and identifies a user’s existing
account. The user must provide a valid email address and password. Below are link and
buttons for the forgot password, clear, and log in. Clicking the forgot password link will
55
show the forgot password page (Fig. 25), asking for a registered email address. The system
will automatically send the one-time password validation via email.
Figure 18. Screenshot of the home page
Figure 19. Screenshot of the home page – Best sellers and new arrival section
56
Figure 20. Screenshot of the home page – Product features and other services section
Figure 21. Screenshot of the home page – Testimonial section

57
Figure 22. Screenshot of the home page – Location map and contact form section
Figure 23. Screenshot of the home page – Gallery page

58
Figure 24. Screenshot of the login page
Figure 25. Screenshot of the forgot password page

59
Beside the login tab is the registration tab (Fig. 26), which allows the creation of
customer accounts. Specifically, the first name, middle name, last name, email address,
region, province, city, zip code, home address (block, lot, street, and barangay), contact
number, and password (with requirements: one capital letter and number and must exceed
to eight characters) must be provided.
Figure 26. Screenshot of the registration page
Product page. The product page (Fig. 27) shows all available products offered by
ILAW Lighting and Equipment Trading. Above is an option for changing the displayed
products to a list or grid. A search field can also be used to look for a specific product using
its name. The product categories are listed on the left side and can be selected. Below the
categories are checkboxes for filtering the displayed products according to availability,
either in stock or out of stock. The products can also be filtered according to price and
ratings received. On the upper right is a dropdown filter with options for best selling and
60
price: low to high, price: high to low, alphabetically (A-Z), alphabetically (Z-A), date: old
to new, and date: new to old.
Figure 27. Screenshot of the product page
Choosing one of the products will show the single-product page (Fig. 28). It
contains the product image, product name, category, price, description, add to cart button,
and overall reviews of the product.
Shopping cart page. The shopping cart page (Fig. 29) shows the list of products
added to the cart, including the LED strip bundle set, LED strip lights with remote
controller, power supply, and LED pendant light. It also allows the user to change the
products’ quantity or remove one. Below the list is the automatically computed total
amount to be paid and a note stating that the “shipping fee will be calculated at checkout”.
There are also buttons for updating the cart and checking out.
61
Figure 28. Screenshot of the single-product page
Figure 29. Screenshot of the shopping cart page

62
Checkout page. The checkout page (Fig. 30) shows the selected products’ preview
with the unchangeable quantity, price, subtotal, and merchandise subtotal.
Figure 30. Screenshot of the checkout page – Product preview
It also shows the logged-in account’s billing address (Fig. 31) that can still be
modified. Below is the unrequired customer note, courier preferred, and payment method
(i.e., payment center/e-wallet or cash-on-delivery) (Fig. 32).
Order status page. Users can track their orders on the order status page (Fig. 33).
Each transaction is assigned to its respective containers. The delivery and order status can
be viewed on the upper right side of the container. On its body are the products’ details,
including product image, product name, description, product quantity, and other products
added before. Below each container is the date and time the order was placed. Completed
orders have rate services and buy again buttons.

63
Figure 31. Screenshot of the checkout page – Billing address
Figure 32. Screenshot of the checkout page – Customer note,

courier, and payment method
64
Figure 33. Screenshot of the order status page
The detailed order status page (Fig. 34) will show a progress bar to determine the
parcel’s status and a list of products ordered. Under the list are the merchandise subtotal,
shipping fee, and total payment.
Reviews page. The reviews page (Fig. 35) contains anonymously written and
submitted user reviews and ratings about the shop and its services.
Team page. The company’s staff details and partners are displayed on the team
page (Fig. 36). Specifically, it includes their full name, role in the company, description,
and a “read more” button that will reveal the rest of the description. Under the company
staff section, all partner logos are shown in a row.
About us page. The about us page (Fig. 37) shows the company’s history, culture,
mission, and vision.

65
Figure 34. Screenshot of the detailed order status
Figure 35. Screenshot of the reviews page

66
Figure 36. Screenshot of the team page
Figure 37. Screenshot of the about us page

67
Profile page. The profile page (Fig. 38) allows the users to update their profile
picture, first name, middle name, last name, mobile number, region, zip code, province,
city, and home address (block, lot, street, and barangay). Below is the customer’s
transaction history; it includes transaction identification (ID), number of items purchased,
total expenses, order status, and order date depicted in a tabular form.
Figure 38. Screenshot of the profile page
Frequently asked questions (FAQs) page. The FAQs page (Fig. 39) shows an
accordion-style section containing the most frequently asked questions by the customers.
Customer support page. The customer support page (Fig. 40) allows all users to
view the “how to buy” page, return and refund page, warranty information page, terms and
condition page, and privacy policy page.

68
Figure 39. Screenshot of the FAQs page
Figure 40. Screenshot of the customer support page

69
Shopping instruction page. The shopping instruction page (Fig. 41) shows a clear
guide on how to add and update items to the cart and confirm, place, and check orders (Fig.
42).
Dashboard page. The landing page for the administrator is the dashboard page
(Fig. 43). Specifically shown are the first four container with a total income in a daily,
weekly, monthly, and yearly basis; the total number of pending customer and completed
customers in a container; total number of available products in a blue container; sales
transaction graph; stock status in a circle-shape graph; region dominate table which
includes region and number of customers; highest rating table which includes customer ID,
rate, and “view customer” button to view the customer details; and items returned table
which includes item name, quantity, date, and time (Fig. 44).
Figure 41. Screenshot of the shopping instruction page – Add and update items to cart
70
Figure 42. Screenshot of the shopping instruction page – Confirm,

place, and check orders
Figure 43. Screenshot of the dashboard page

71
Figure 44. Screenshot of the dashboard page – Region

dominate, highest rating, and items returned
Customers page. All customers’ pending orders are listed on the customers page
(Fig. 45). It specifically shows the transaction ID, customer ID, customer name, contact,
and address. Each record also has an action button to put the specific customer on the
counter page (Fig. 46). The counter page is where the administrator and stock personnel
can see the customer’s information, transaction details, and products ordered. Shown under
the customer information are profile picture of the customer, customer name, transaction
ID, contact number, full address, courier preferred, mode of payment, customer note and a
“see attachment” button containing the proof of payment image. Payment status,
transaction ID, purchased item/s, shipping total, and order total is displayed under the
transaction details. The products ordered are a form of a table listing the transaction ID,
product name, unit, quantity, price, and sub-total. There are also three buttons: the “process
order” button will move the order to the next destination; “cancel order” button will delete
72
the order to move in cancel table; and “input shipping fee” button will add a shipping fee
to the transaction details and to the customers’ order preview.
Figure 45. Screenshot of the customers page
Figure 46. Screenshot of the counter page

73
The administrator can also generate a printable invoice by clicking the print button
above. Moreover, the administrator can manually add customer orders by clicking the
“add-new-order” button beside the print button, which will direct to the add-new-order
page (Fig. 47).
Figure 47. Screenshot of the add-new-order page
The administrator can conveniently place an order by filling out the customer
information form, including receiver name, customer ID, contact number, receiver address,
region, province, city municipality, zip code, courier details, and the total that will
automatically be generated. Also, the administrator can view the products added to the cart,
including product, price, quantity, and total prize. Products can be removed by clicking the
“delete all” button. Below is the “submit” button to process the order displayed on the
customers page. All product lists are shown in a table, including product image, product
74
name, stock, and price. Each product has an “add-to-cart” icon button which will save the
products chosen.
To-ship page. All customers with “to-ship” status are listed on the to-ship page
(Fig. 48). These customers have been validated from the pending customers tab. It
specifically shows the transaction ID, customer ID, customer name, contact, and address.
The administrator can also generate a printable invoice by clicking the print button above.
A search field can also be used to look for a specific entry.
Figure 48. Screenshot of the to-ship page
To-receive page. All customers with “to-receive” status are listed on the to-receive
page (Fig. 49). These orders have been shipped out. It specifically shows the transaction
ID, customer ID, customer name, contact, and address. The administrator can also generate
a printable invoice by clicking the print button above. A search field can also be used to
look for a specific entry.

75
Figure 49. Screenshot of the to-receive page
Completed orders page All customers with “completed” status are listed on the
completed orders page (Fig. 50). These are the successful order transactions. It specifically
shows the transaction ID, customer ID, customer name, contact, and address. The
administrator can also generate a printable invoice by clicking the print button above. A
search field can also be used to look for a specific entry. Each record has an action button
with a print icon, allowing one to print the invoice receipt.
Canceled page. All customers with “canceled” status are listed on canceled page
(Fig. 51). It specifically shows the transaction ID, customer ID, customer name, contact,
and address. The administrator can also generate a printable invoice by clicking the print
button above. A search field can also be used to look for a specific entry.
76
Figure 50. Screenshot of the complete orders page
Figure 51. Screenshot of the canceled page

77
Items page. All available items are listed on the items page (Fig. 52), including the
item’s name, category, cost, price, in-hold, supplier, unit, and status.
Figure 52. Screenshot of the items page
Each item has a “view” icon button to view the customers other details, an “edit”
icon button to change the item details, and a “delete” icon button to remove the product
from the list. A search field can also be used to look for a specific entry. All tabs included
above the table are the “inventory” tab which is the current tab, “old stocks” tab to view
the previous stock of an item, “stock in” tab to view the current stocks added, and “stock
out” to view the items deducted from the stocks.
The upper right side of the page has several buttons: the “critical” icon button to
view the critical products, “print” icon button to print the table, “stock control” button to
add new stocks, and “add new product” button to view the add new product modal (Fig.
53), which enables to add an item.

78
Figure 53. Screenshot of the add new product modal
The add new product modal includes the item name, item description, category,
supplier, unit of measurement, in stocks, target stock, low stock, cost, selling price, first
product image, and second product image. A product can be added to the list by filling out
the stated fields and clicking the “add button”. The “clear” button will remove the
information added to the text fields.
Aside from the given status of the items on the table of the inventory page, there is
also a critical products page (Fig. 54). This includes the item name, category, cost, price,
in-hold, supplier, unit, and status. A “view” icon button can be found on each item to view
the product’s specific details.
Sales page. All successful transaction records are listed on the sales page (Fig. 55).
It includes transaction ID, total cost, status, date, and time along with buttons on each row:
the “view customer” button to view the customer details, “view items” button to show all
purchased items, and an “appeal” button to view and update the return and refund items.
79
Figure 54. Screenshot of the critical product page
Figure 55. Screenshot of the sales page
On the upper right side of the table shows the “print” button that will generate
printable sales report. A search field can also be used to look for a specific entry. A
80
graphical representation of sales can be found above the sales transaction logs table, that
can also be printed by clicking the toggle menu on the right side of the container and
choosing the preferred type of file to be generated.
Suppliers page. All suppliers are listed on the suppliers page (Fig. 56), including
the supplier logo, name, contact number, address, and status. Each row has a “change
availability” icon button to change whether active or inactive status and an “edit” icon
button to modify the supplier details. A search field can also be used to look for a specific
entry. On the upper right side of the page is the “print” button to print the table and the
“add new supplier” button to view the add new supplier modal (Fig. 57). The add new
supplier modal requires the supplier name, contact number, address, and logo. The “add”
button must be clicked to save the new supplier, while the “clear” button erases the
information added to the text fields.
Figure 56. Screenshot of the suppliers page

81
Figure 57. Screenshot of the add new supplier modal
Categories page. All categories are listed on the category page (Fig. 58), including
category name and status. Each row consists of a “change availability” button to change
whether active or inactive status and an “edit” button to change the category details. A
search field can also be used to look for a specific entry. On the upper right corner, a “print”
button can be found to print the table, and the “add new category” button can show the add
new category modal (Fig. 59). This modal requires the category name. The “add” button
must be clicked to save the new category, while the “clear” button erases the information
added to the text field.
Unit of measurement page. All units of measurement are listed on the unit of
measurement table (Fig. 60), which includes measurement and status. Each row has a
“change availability” icon button to change whether active or inactive status and an “edit”
button to change the unit of measurement details. A search field can also be used to look
for a specific entry.

82
Figure 58. Screenshot of the categories page
Figure 59. Screenshot of the add new category modal

83
Figure 60. Screenshot of the unit of measurement page
On the upper right corner, a “print” button can be found to print the table and an
“add new measurement” button to view the add new measurement modal (Fig. 61),
requiring the measurement name. The “add” button must be clicked to save the new
supplier, while the “clear” button erases the information added to the text field.
Users page. All users are listed on the users page (Fig. 62), which includes
customer ID, name, email, contact, address, type of user, and status. Each row has a
“change availability” button to change whether the user is active or inactive and a “delete”
button to remove the specific user. A search field can also be used to look for a specific
entry. On the upper right corner, a “print” button can be found to print the table, a “view
role details” to view the type of user description, and an “add new user” button to view the
add new user modal (Fig. 63). This modal requires the first name, middle name, last name,
email, contact number, zip code, region, province, city municipality, home addess,
password, type, and status. These inputs must be provided before clicking the “add” button
84
to add the new user. There is also a “clear” button to erase the information added to the
text fields.
Figure 61. Screenshot of the add new measurement modal
Figure 62. Screenshot of the users page

85
Figure 63. Screenshot of the add new user modal
Couriers page. All couriers are listed on the couriers page (Fig. 64), including the
courier name, contact number, and address. Each row has an “edit” button to change the
courier details and a “delete” button to remove the courier from the list. A search field can
also be used to look for a specific entry. On the upper right corner, a “print” button can be
found to print the table and an “add new courier” button to view the add new courier modal
(Fig. 65). This modal requires the courier name, contact, and address. The “add” button
must be clicked to save the new courier, while the “clear” button erases the information
added to the text fields.
Logs page. All logs or vital movements around the system are listed on the logs
page (Fig. 66), including description, incharge, date, and time. A search field can also be
used to look for a specific entry. On the upper right corner, a “print” button can be found
to print the table, and “view archive logs” button to see the archived logs.
86
Figure 64. Screenshot of the couriers page
Figure 65. Screenshot of the add new courier modal

87
Figure 66. Screenshot of the logs page
Settings page. All settings buttons are shown on the settings page (Fig. 67). This
includes the “update best sellers items” button, “update new arrival items” button, “update
testimonial section” button, “update frequently asked questions” button, “update company
team” button, “update about us” button, “update online banks displayed in checkout page”
button, “updated ILAW gallery” button, “update rate and reviews” button, and “update
shopping instruction” button. On the upper right corner, an “information” icon button can
be found to determine what a user can do to this page.
The “update best sellers item” button will redirect the administrator to the update
best sellers item page (Fig. 68). All best sellers are listed, including product showcase 1,
product showcase 2, name, category, and price. A “delete” icon button can be found in the
action column to remove the best-seller item from the list. A search field can also be used
to look for a specific entry.

88
Figure 67. Screenshot of the settings page
Figure 68. Screenshot of the update best seller item page
“add another best seller item” button to view the add best seller modal (Fig. 69). This
89
requires the best seller products before clicking the “add” button to add the best seller item
to the table. There is also a “clear” button to erase the information added to the text field.
Figure 69. Screenshot of the add best seller modal
The “update new arrival item” button will redirect the administrator to the update
new arrival item page (Fig. 70). All new arrival are listed, including product showcase 1,
product showcase 2, name, category, and price. A “delete” icon button can be found in the
action column to remove the new arrival item from the list. A search field can also be used
to look for a specific entry. On the upper right corner, a “print” button can be found to print
the table and an “add another new arrival item” button to view the add new arrival modal
(Fig. 71). This requires the new arrival product before clicking the “add” button to add the
new arrival item to the table. There is also a “clear” button to erase the information added
to the text field.

90
Figure 70. Screenshot of the update new arrival item page
Figure 71. Screenshot of the add new arrival modal

91
The “update testimonial section” button will redirect the administrator to the update
testimonials page (Fig. 72). All testimonials are listed, including the image, full name, title,
feedback, and ratings.
Figure 72. Screenshot of the update testimonials page
An “edit” button can be found in the action column to update the testimony, and a
“delete” icon button to remove the testimony from the list. A search field can also be used
to look for a specific entry. On the upper right corner, a “print” button can be found to print
the table and an “add another testimony” button to view the add testimony modal (Fig. 73).
This requires the profile image, full name, title, feedback, and customer rating before
clicking the “add” button to add the testimony to the table. There is also a “clear” button
to erase the information added to the text fields.

92
Figure 73. Screenshot of the add testimony modal
The “update frequently asked questions (FAQs)” button will redirect the
administrator to the update frequently asked questions page (Fig. 74). All FAQS are listed,
including questions and answers. An “edit” button can be found in the action column to
change the details, and a “delete” icon button to remove the FAQs from the list. A search
field can also be used to look for a specific entry. On the upper right corner, a “print” button
can be found to print the table and an “add another FAQs” button to view the add new
FAQs modal (Fig. 75). This requires the question and answer before clicking the “add”
button to add the FAQs to the table. There is also a “clear” button to erase the information
added to the text fields.
The “update company team” button will redirect the administrator to the update
team page (Fig. 76). All company teams are listed, including the image, full name, position,
and description.
93
Figure 74. Screenshot of the update frequently asked questions (FAQs) page
Figure 75. Screenshot of the add new FAQs modal

94
Figure 76. Screenshot of the update company team page
An “edit” button can be found in the action column to change the details, and a
“delete” icon button to remove the company team from the list. A search field can also be
used to look for a specific entry. On the upper right corner, a “print” button can be found
to print the table and an “add another company team” button to view the add new company
team modal (Fig. 77). This requires the profile image, full name, position, and description
before clicking the “add” button to add the company team to the table. There is also a
“clear” button to erase the information added to the text fields.
The “update about us” button will redirect the administrator to update the data
visible on the about us page (Fig. 78), including history, culture, mission, and vision. The
“add another about us” button can view the about us information modal (Fig. 79), where
the changes to the stated information can be applied.

95
Figure 77. Screenshot of the add new company team modal
Figure 78. Screenshot of the update about us page

96
Figure 79. Screenshot of the add company about us information modal
The “update online banks” button will redirect the administrator to the update
online banks page (Fig. 80). All online banks are listed, including e-wallet images, bank
names, and bank details. An “edit” button can be found in the action column to change the
details, and a “delete” icon button to remove the online bank from the list. A search field
can also be used to look for a specific entry. On the upper right corner, a “print” button can
be found to print the table and an “add another online bank” button to view the add new
online bank modal (Fig. 81). This requires the online bank logo, bank account name, and
bank account number before clicking the “add” button to add the online bank to the table.
There is also a “clear” button to erase the information added to the text field.
The update ILAW Gallery button will direct the administrator to the update ILAW
Gallery page (Fig. 82), which includes the image, status, and date created. A “change
availability” button can be found in the action column to change the status, and a “delete”
icon button to remove the ILAW image from the list.

97
Figure 80. Screenshot of the update online banks page
Figure 81. Screenshot of the add online bank modal

98
Figure 82. Screenshot of the update ILAW gallery page
“add another ILAW image” button to view the add ILAW image modal (Fig. 83). This
requires the gallery image before clicking the “add” button to add the ILAW image to the
table. There is also a “clear” button to erase the information added to the text field.
The images of the ILAW gallery can be found on the ILAW gallery page (Fig. 84).
The button is in the lower left part of the header or navigators located on the home page.
The design is an image icon with a title; the animation is active if the cursor is in front.
99
Figure 83. Screenshot of the add ILAW image modal
Figure 84. Screenshot of the ILAW gallery page

100
Software Evaluation
Unit testing. The results of the unit testing are listed in Table 2.
Table 2. Summarized results of unit testing

CRITERION UNIT NO. OF TESTS
Online Ordering Module 2
Inventory Module 2
Sales Module 1
Modules
Reports Module 1
Settings Module 1
Logs Module 1
Security Database 1
Google Chrome 1
Platform Microsoft Edge 1
Mozilla Firefox 1
The online ordering and inventory modules were tested twice, while the sales,
reports, settings, and logs modules were tested once. For security, the database was tested
once. Moreover, the platform criterion testing the system in Google Chrome, Microsoft
Edge, and Mozilla Firefox was only tested once h.
System testing. A total of 27 individuals took part in this testing. It includes five
stock room personnel or stock personnel, five potential customers, five old customers, five
new or recent customers, five information technology professionals or experts, and two
domain experts (experts in businesses or online selling). The system was tested under the
software characteristics of functional suitability, performance efficiency, compatibility,
usability, reliability, security, maintainability, and portability.
Table 3 presents the evaluation results for functional suitability.

101
Table 3. Functional suitability rating of the Online Ordering System with Inventory and
Sales Management for ILAW Lighting and Equipment Trading
FREQUENCY COUNT (N=27)
INDICATOR
1 2 3 4 5
1. The system has the following modules:
a. online ordering module, 0 1 2 8 16
b. sales module, 0 0 4 5 18
c. inventory module, 0 0 6 5 16
d. reports module, 0 1 2 9 15
e. settings module, and 0 0 5 4 18
f. logs module. 0 0 5 5 17
2. The system in online ordering module
can be used to:
a. add products to cart, 0 1 4 9 13
b. check product availability, 0 1 3 11 12
c. checkout order, 0 0 7 4 16
d. send or upload proof of payment, 0 1 6 5 15
e. view order confirmation, 0 1 5 5 16
f. monitor order status, 0 1 4 7 15
g. submit reviews of purchased products, 0 0 5 6 16
h. view contact information and other
0 0 6 5 16
details of company,
i. view company gallery, 0 0 6 2 19
j. monitor and manage pending customer
0 0 4 6 17
orders,
k. monitor and manage to ship order
0 0 6 5 16
status,
l. monitor and manage to receive order
0 0 5 7 15
status,
m. monitor completed orders, and 0 0 4 18 5
n. monitor canceled orders. 0 0 5 7 15
3. The system in inventory module can be
used to:
a. manage products, 0 1 6 6 14
LEGEND: 1-Poor, 2-Fair, 3-Satisfactory, 4-Very Satisfactory, 5-Outstanding
102
Table 3. Continued…
INDICATOR
1 2 3 4 5
b. manage stocks, 0 1 4 7 15
c. monitor stock in and stock out, 0 0 4 10 13
d. monitor current status of the stocks, 0 0 7 6 14
e. monitor fast-moving and slow-moving
0 0 7 7 13
products,
f. monitor products with critical number
0 0 4 9 14
of stocks, and
g. monitor excess stocks. 0 1 3 8 15
4. The system in sales module can be used
to:
a. view all sales transaction, and 0 1 3 8 15
b. monitor sales. 0 0 3 8 16
5. The system in reports module can
generate printable:
a. order reports, 0 0 5 9 13
b. sales transaction logs reports, 0 0 5 6 16
c. sales reports, 0 2 4 6 15
d. inventory reports, 0 2 4 6 15
e. regions dominate reports, and 0 1 5 9 12
f. audit trail reports. 0 1 5 6 15
6. The system in settings module can be
used to:
a. modify product preview, 0 1 2 8 16
b. modify displayed company
0 0 3 8 16
information,
c. modify testimonial section, 0 1 2 7 17
d. modify frequently asked questions
0 1 2 8 16
section,
e. modify online banks list, 0 0 4 8 15
f. modify company gallery, 0 0 4 7 16
g. modify user privilege, and 0 1 3 6 17
103
INDICATOR
1 2 3 4 5
h. modify user configuration. 0 0 3 8 16
7. The system in logs module can be used
to:
a. monitor sales transaction logs, 0 1 3 8 15
b. monitor stock logs, and 0 0 4 7 16
c. monitor audit trail. 0 0 5 5 17
8. The functions of the system
corresponds to its previously set 0 0 4 9 14
objectives.
Indicator 2i (view company gallery) got the highest frequency count of 19 for
outstanding. This is followed by indicators 1b (sales module) and 1e (settings module),
which got a frequency count of 18 for outstanding. Indicator 2m (monitor completed
orders) got the highest frequency count of 18 for very satisfactory. In contrast, there were
indicators rated as fair which are indicators 1a (online ordering module), 1d (report
module), 2a (add products to cart), 2b (check product availability), 2d (send or upload proof
of payment), 2e (view order confirmation), 2f (monitor order status), 3a (manage products),
3b (manage stocks), 3g (monitor excess stocks), 4a (view all sales transaction), 5e (region
dominate reports), 5f (audit trail reports), 6a (modify product preview) 6c (modify
testimonial section),6d (modify frequently asked questions section), 6g (modify user
privilege), and 7a (monitor sales transaction logs).
The evaluation results for the second criterion, performance efficiency, are
presented in Table 4.
104
Table 4. Performance efficiency rating of the Online Ordering System with Inventory and
INDICATOR
1 2 3 4 5
9. The system process with a minimum of
1.5 seconds when performing different
tasks such as:
a. managing orders, 0 1 3 9 14
b. managing inventory, 0 1 3 9 14
c. managing accounts, and 0 1 3 9 14
d. generate printable reports. 0 1 3 9 14
10. The system has a 100% level of
performance when 5 – 10 consecutive 0 1 4 14 8
number of users are accessing the system.
11. The system can handle 5 or more
0 0 5 7 15
amount of data/ information.
Indicator 11 (can handle five or more amounts of data/ information) got the highest
frequency count of 15 for outstanding. This is followed by indicators 9a (managing orders),
9b (managing inventory), 9c (managing accounts), and 9d (generating printable reports),
which got a frequency count of 14 for outstanding. Indicator 10 (has a 100% performance
level when accessed by five to 10 consecutive users) got the highest frequency count of 14
for very satisfactory.
The evaluation results of the compatibility criterion are presented in Table 5.
Indicator 13 (can export data.) got the highest frequency count of 17 for outstanding. This
was followed by indicator 12 (can perform its required functions efficiently while sharing
a common environment and resources with other products, without detrimental impact)
with a frequency count of 15 for outstanding.

105
Table 5. Compatibility rating of the Online Ordering System with Inventory and Sales
Management for ILAW Lighting and Equipment Trading
INDICATOR
1 2 3 4 5
12. The system can perform its required
functions efficiently while sharing a
common environment and resources with 0 1 3 8 15
other products, without detrimental
impact.
13. The system can export data. 1 0 3 6 17
In Table 6, the researchers provided the evaluation results for the usability criterion.
Indicators 14 (used consistent terms), 20 (easy to operate based on the transaction
procedurs), and 23 (the interface looks good) got the highest frequency count of 17 for
outstanding. Despite these, there are indicators rated as fair, which are indicators 15 (has a
consistent layout or user interface), 17 (used unambiguous title for function buttons), 23
(the interface looks good), and 24 (accessibility varies on user’s designation).
Table 6. Usability rating of the Online Ordering System with Inventory and Sales
INDICATOR
1 2 3 4 5
14. The system used consistent terms. 0 0 3 7 17
15. The system have a consistent layout or
1 0 3 7 16
user interface.
16. The system have a consistent position
0 0 4 11 12
on screen for error messaging.
17. The system used unambiguous title for
1 0 4 8 14
function buttons.
18. The command buttons was easy to
0 1 4 8 14
remember.
106
INDICATOR
1 2 3 4 5
19. The system uses helpful messages on
0 1 4 6 16
screen
20. The system was easy to operate based
0 0 4 6 17
on the transaction procedure.
21. The required information are easy to
0 0 4 7 16
locate.
22. The system responds to invalid input. 0 1 3 7 16
23. The interface looks good. 1 0 3 6 17
24. The system’s accessibility varies on
1 0 3 8 15
user’s designation.
The evaluation results from the researchers for the reliability criterion are shown in
Table 7. Indicator 25 (username and password are encrypted) got the highest frequency
count of 18 for outstanding. This was followed by indicator 26 (accessible to all its users)
with a frequency count of 17 for outstanding. Lastly, indicator 27 (capable of handling
errors) got the frequency count 15 for outstanding.
Table 7. Reliability rating of the Online Ordering System with Inventory and Sales
INDICATOR
1 2 3 4 5
25. Account’s username and password
are encrypted when it was saved in the 1 0 3 5 18
database.
26. The system is accessible to all its
1 0 4 5 17
users.
27. The system is capable in handling
0 0 4 8 15
errors
107
Table 8 shows the evaluation results for the security criterion. Indicator 31 (assigns
unique identification for each user to monitor unwanted user behavior) got the highest
frequency count of 18 for outstanding. This is followed by indicator 32 (allows the user to
update the information of their account) got a frequency count of 17 for outstanding.
Table 8. Security rating of the Online Ordering System with Inventory and Sales
Management for ILAW Lighting and Equipment Trading.
INDICATOR
1 2 3 4 5
28. The data inside the system can only be
1 0 3 7 16
viewed by the system’s administrator.
29. The system provide identification and
authentication of system users through the 1 0 4 5 17
use of username and password.
30. The system provide activity logs for
0 1 3 3 20
monitoring of unwanted user behavior.
31. The system assigns unique
identification for each user for monitoring 0 0 4 5 18
of unwanted user behavior.
32. The system allow the user to update
0 1 4 5 17
the information of their account.
The evaluation results for the maintainability criterion are shown in Table 9.
Indicator 35 (can be easily tested) got the highest frequency count of 17 for outstanding.
This was followed by indicators 33 (applies changes to the entire system using its content
management feature) and 34 (another module can reuse the data or information in the
module), which got a frequency count of 15 for outstanding.

108
Table 9. Maintainability rating of the Online Ordering System with Inventory and Sales
INDICATOR
1 2 3 4 5
33. The system applies changes to the
entire system using its content 0 0 5 7 15
management feature.
34. The data or information in the module
0 0 5 7 15
can be reused by another module.
35. The system can be easily tested. 0 1 5 4 17
The results of the portability criterion are shown in Table 10. For the last criterion,
indicator 37 (can be managed and used easily) got the highest frequency count of 19 for
outstanding. This was followed by indicator 38 (can easily replace other software) got a
frequency count of 18 for outstanding. Indicator 36 (can be moved to different
environments) got a frequency count of 15 for outstanding.
Table 10. Portability rating of the Online Ordering System with Inventory and Sales
INDICATOR
1 2 3 4 5
36. The system can be moved to different
environments such as:(Google Chorme, 0 1 3 8 15
Mozilla Firefox, and Microsoft Edge).
37. The system can be managed and used
0 1 3 4 19
easily; and
38. The system can easily replace other
0 1 3 5 18
software.
Table 11 shows that the system obtained a total mean of 4.39, a standard deviation
of 0.81 (std), and an adjectival rating of outstanding for the system testing.
109
Table 11. Overall system testing results of Online Ordering System with Inventory and
MEAN STANDARD ADJECTIVAL
CRITERION
(N=27) DEVIATION RATING
Functional Suitability 4.38 0.70 Outstanding
Performance Efficiency 4.29 0.77 Outstanding
Compatibility 4.39 0.87 Outstanding
Usability 4.38 0.77 Outstanding
Reliability 4.41 0.87 Outstanding
Security 4.45 0.85 Outstanding
Maintainability 4.37 0.84 Outstanding
Portability 4.46 0.82 Outstanding
AVERAGE 4.39 0.81 Outstanding
The portability criterion got the highest mean of 4.46 (std = 0.82). This means the
system was designed to work in various operating environments and could be run properly.
The security module got the second-highest mean of 4.45 (std = 0.85). The reliability
criterion got the third-highest mean of 4.41 (std = 0.87). The compatibility criterion got the
next highest mean of 4.39 mean (std = 0.87). The functional suitability got a mean of 4.38
(std = 0.70). The usability criterion obtained the same mean of 4.38 (std = 0.77). The
maintainability criterion got the second to the lowest mean of 4.37 (std = 0.84). Lastly, the
performance efficiency got the lowest total with a 4.29 mean (std = 0.77). As a website’s
performance varies on the internet speed, perhaps some respondents coincidentally
experienced a slow connection upon evaluation.
Acceptance testing. The owner of ILAW Lighting and Equipment Trading
evaluated the system. The system was tested under the software characteristics of
effectiveness, efficiency, satisfaction, freedom from risk, and context coverage.

110
All stated criteria obtained a mean of 5.00, equivalent to an outstanding adjectival
rating. This means that the client was satisfied with the developed system.
Table 12. Overall acceptance testing results of Online Ordering System with Inventory and
ADJECTIVAL
CRITERION MEAN
RATING
Effectiveness 5.00 Outstanding
Efficiency 5.00 Outstanding
Satisfaction 5.00 Outstanding
Freedom from Risk 5.00 Outstanding
Context Coverage 5.00 Outstanding
AVERAGE 5.00 Outstanding
111
SUMMARY, CONCLUSION, AND RECOMMENDATIONS
Summary
The Online Ordering System with Inventory and Sales Management for ILAW
Lighting and Equipment Trading aimed to develop an Online Ordering System with
Inventory and Sales Management that has six modules: the online ordering module for
managing order transactions, inventory module for managing and re-stocking items, sales
module for managing sales transactions, reports module for generating printable reports,
settings module for updating important system contents, and logs module for recording
important system movements. It was conducted from April 2021 to November 2022 at
Phase 11, Block 14, Lot 48, Carmona Estates, Barangay Lantic, Carmona, Cavite.
The following tools were used to complete the study: Hypertext Preprocessor for
the primary programming language; Hypertext Markup Language for the standard mark-
up language; Cascading Style Sheet for the styles of front-end design; JavaScript for the
scripting language along with the Jquery library; Bootstrap for the design framework;
XAMPP for the server; MySQL for the database; Visual Studio Code for the source-code
editor; Github for the working environment; Adobe Photoshop CS6 for the design;
Microsoft Office Word 2016 for the documentation; Google Forms for the online system
evaluation; and a desktop computer and an HP Elitebook. The software development
approach used was the Rapid Application Development model of Shelly and Rosenblatt
(2012). It consists of four phases: requirements planning, user design, construction, and
cutover.
112
The system has gone through unit, system, and acceptance testing. For the unit
testing, the online ordering and inventory modules were tested twice. In contrast, the
remaining modules, including the sales, reports, settings, and logs, and security and
platform criteria, were tested once.
A total of 27 individuals took part in the system testing. It includes five stock room
personnel or stock personnel, five potential customers, five old customers, five new or
recent customers, five IT professionals or experts, and two domain experts (experts in
businesses or online selling). The results gave a mean and standard deviation (std) of 4.38
(std = 0.70) for the functional suitability criterion, 4.29 (std = 0.77) for the performance
efficiency criterion, 4.39 (std = 0.87) for the compatibility criterion, 4.38 (std = 0.77) for
the usability criterion, 4.41 (std = 0.87) for the reliability criterion, 4.45 (std = 0.85) for the
security criterion, 4.37 (std = 0.84) for the maintainability criterion, and 4.46 (std = 0.82)
for the portability criterion. An average mean of 4.39, an adjectival rating of outstanding,
and a standard deviation of 0.81 were obtained.
For the acceptance testing, the system was tested by the business owner and resulted
in an average mean of 5.00, equivalent to outstanding. All software characteristics of
effectiveness, efficiency, satisfaction, freedom from risk, and context coverage were also
rated 5.00, outstanding.
Conclusion
The system developed by the researchers can address the identified problems
through its modules: the online ordering module for managing order transactions, inventory
module for managing and re-stocking items, sales module for managing sales transactions,
113
reports module for generating printable reports, settings module for updating important
system contents, and logs module for recording important system movements.
The system can be used on different platforms and tested easily. The system was
also effectively developed, can efficiently perform, satisfactorily provide the given
functions, and fulfilled the client’s expectations.
Therefore, the study accomplished the system requirements and passed the
International Organization for Standardization 25010 standards with contentment.
Recommendations
The following suggestions were created to better improve the system:
1. Implement fully functional payment gateway Application Programming
Interface for real-time credit card authorization or direct payment processing
for online orders.
2. Include a news page about the company events, new items, or any other
pertinent information or announcement to keep the customers informed.
3. Add accounts for suppliers to avoid out-of-stock products.
4. Optimize the system codes and minimize necessary imports of files to improve
system performance.
REFERENCES
1000Bulbs Lighting Blog (2016). Home lighting tips. Retrieved from https://blog.
1000bulbs.com/home-lighting-articles-tips#
Acosta, D., Alquizar, M., Junio, C., Talara, D., & Buladaco, M. (2020). Analysis and
Design of Sales and Inventory Management System for Yochang General
Merchandise. Retrieved from https://papers.ssrn.com/sol3/papers.cfm?abstract_id
=3643181
Al-Handi, S. M. (2019). Hadramout Ordering Online System Retrieved from http://archive

.uthm.edu.my/handle/123456789/814
Aleem, R. (2013). Sales and Inventory Management System. Retrieved from http://utpedia
.utp.edu.my/13591/
Altvater, A. (2020). What is SDLC? Understand the Software Development Life Cycle.
Retrieved from https://stackify.com/what-is-sdlc/
Amsler, S. (2021). Content Management System (CMS). Retrieved from https://search

contentmanagement.techtarget.com/definition/content-management-system-CMS
Bermusa, J. P., Bermusa, M. M., Macayanan, K. C., Panganiban, E. B., Abad, B. B.,
Bogalin, V. S., … Claravall, J. O. (2020). Dynamic online ordering and data-driven
inventory. Retrieved from http://www.warse.org/IJETER/static/pdf/file/ijeter
221892020.pdf
Bicol University. (2012). Equivalent adjectival rating. Retrieved from http://bicol-

u.edu.ph/downloads/oss/(294431825)_form_-_evaluation_of_SA.pdf
Bloomenthal, A. (2020). Electronic commerce (e-commerce). Retrieved from https://

www.investopedia.com/terms/e/ecommerce.asp
Brightpearl. (n.d.). What is an inventory management system? Retrieved from https://www.

brightpearl.com/inventory-management-system
Cast Software (n.d.). The four types of software maintenance and how they help your
organization. Retrieved from https://www.castsoftware.com/glossary/Four-Types-
Of-Software-Maintenance-How-They-Help-Your-Organization-Preventive-Perfec
tive-Adaptive-corrective
Computer Hope (2021). HTML definition. Retrieved from https://www.computerhope.com

/jargon/h/html.htm
115
Chai, W. (2020). E-commerce. Retrieved from https://searchcio.techtarget.com/definition/

e-commerce
Chron. (2020). What is the definition of order processing systems? Retrieved from https://
smallbusiness.chron.com/definition-order-processing-systems-3197.html
Cloudwaitress (2019). What is an online ordering system? Retrieved from https://www.

cloudwaitress.com/blog/what-is-online-food-ordering-system
Darragh, R. (2021). Best online ordering systems in 2021 for takeaway and delivery.
Retrieved from https://startups.co.uk/payment-processing/online-ordering-systems
-takeaway -delivery/
Digital School of Marketing (2020). What is a Sales and Inventory Management System?
Retrieved from https://digitalschoolofmarketing.co.za/digital-marketing-
blog/what-is-a-sales-and-inventory-management-system/
Digwal, D. (2020). 8 reasons why you need an online ordering system. Retrieved from
https://jungleworks.com/8-reasons-why-you-need-an-online-ordering-system/
Doyle, D. (n.d.). The importance of a content management system for your website.
Retrieved from https://studio93.ie/content-management-system/
English Daily (n.d.). Online shopping. Retrieved from https://www.englishdaily626.com

/high_school_english_essays.php?591
Fabiola, G. (n.d.). Advantage of online shopping. Retrieved from https://www.street

directory.com/etoday/print_article.php?articleId=lpcl
Fernandez, C. (2017). 5 reasons ecommerce user profile marketing is essential to UX.

Retrieved from https://agilitycms.com/resources/posts/why-user-profiles-are-essen
tial-to-your-ecommerce-user-experience
Fifiyanti, D. (2018). Chapter 1 introduction: Background of the study. Retrieved from

http://repository.unika.ac.id/18939/2/14.J2.0049%20FIFIYANTI%20%287.06%2
9.pdf%20BAB%20I.pdf
Flexin (n.d.). Online ordering system. Retrieved from https://www.flexsin.com/products-

solutions/online-ordering-system.php
Frescofud (n.d.). Online food ordering software administrator panel for restaurant gives
everything to manage in one place. Retrieved from https://www.frescofud.com
/features/admin-panel
Fuscaldo, D. (2021). Everything you need to know about e-commerce. Retrieved from
https://www.businessnewsdaily.com/15858-what-is-e-commerce.html
116
Godana, E., & Ngugi, K. (2014). Determinants of effective inventory management at Kenol
Kobil Limited. Retrieved from http://business.ku.ac.ke/images/stories/research/dr_
ngugi/DETERMINANTS_OF_EFFECTIVE_INVENTORY_MANAGEMENT_
AT_KENOL.pdf
GSM Marketing Agency. (2021). Content management system advantages and

disadvantages. Retrieved from https://www.gsmresults.com/content-management-
system-advantages-disadvantages/
Inegbedion, H., Eze, S., Asaleye, A., & Lawal, A. (2019). Inventory Management and
Organisational Efficiency. The Journal of Social Sciences Research, 756-763.
International Organization for Standardization 25000 (n.d). ISO/IEC 25010 Software and
Data Quality. Retrieved from https://iso25000.com/index.php/en/iso-25000-
standards/iso-25010
Investopedia (2022). What are intrapreneurs? History, role, and benefits for a company.
Retrieved from https://www.investopedia.com/terms/i/intrapreneur.asp
IvyPanda (2019). Online shopping: Benefits and drawbacks essay. Retrieved from https://
ivypanda.com/essays/online-shopping-benefits-and-drawbacks/
Jenkins, A. (2020). Benefits of inventory management and inventory management systems.

Retrieved from https://www.netsuite.com/portal/resource/articles/inventory-mana
gement/inventory-management-benefits.shtml
Jiuan, W. S. (2019). Restaurant ordering system. Retrieved from http://archive.uthm.edu.

my/handle/123456789/814
Johnson, J. (2017). New features: Customer accounts done the right way—Better for
buyers, better for you. Retrieved from https://www.rocketspark.com/blog/post/60
/New-featuresCustomer-Accounts-done-the-right-waybetter-for-buyersbetter-for-
you/
Journal Online. (2020). Why online food ordering systems are the future of restaurants?
Retrieved from https://journal.com.ph/specials/business/why-online-food-ordering
-systems-are-the-future-of-restaurants/
Kambala, C. (2019). Importance of content management system. Retrieved from https://

dzone.com/articles/importance-of-content-management-system
Kanyeshyamba, J. (2011). Online Ordering and Inventory System La Gallete Supermarket.

Retrieved from https://www.memoireonline.com/07/12/5995/Online-ordering-and
-inventory-system.html?fbclid=IwAR2dgJ8DORvbJUUj1zPG1EAeBOTOigjjD
3yWMoOK4nXp31N15KjD1MnrVtw#_Toc316992161
117
Kapchnaga, R. (2014). Food ordering system using mobile phone. Retrieved from https://
www.academia.edu/32613037/Food_Ordering_System_Using_Mobile_Phone
Katawetawaraks, C., & Wang, C. (2011). Online shopper behavior: Influences of online
shopping. Retrieved from https://swsu.ru/sbornik-statey/pdf/Online%20Shop
per%20Behavior%20Influences.pdf
Laerd Statistics. (n.d.). Standard deviation | How and when to use the sample and
population standard deviation - A measure of spread | Laerd Statistics. Retrieved
from https://statistics.laerd.com/statistical-guides/measures-of-spread-standard-
deviation.php
Lara, C. (2018). 5 reasons to use a content management system. Retrieved from https://
www.theedigital.com/blog/top-reasons-to-use-a-content-management-system
Lawrence, M. (2019). Guest checkout vs customer accounts: what performs better?

Retrieved from https://www.groovecommerce.com/ecommerce-blog/guest-
checkout/
Loizines, A. (2013). Development of a SaaS Inventory Management System. Retrieved

from https://core.ac.uk/download/pdf/38091171.pdf
Lopienski, K. (2018). 6 reasons why an ecommerce website is important. Retrieved from

https://www.shipbob.com/blog/6-reasons-need-ecommerce-website/
Lowe, H. (n.d.). Why is inventory management important? 5 effective benefits for 2021.
Retrieved from https://www.selecthub.com/inventory-management/5-benefits-in
ventory-tracking-software/#comment-68817
Luther, D. (2020). Retail inventory management: What it is, steps, practices and tips.
Retrieved from https://www.netsuite.com/portal/resource/articles/inventory-ma
nagement/retail-inventory-management.shtml
Makad, S. (n.d.). What is the impact of e-commerce on small business? Retrieved from
https://www.bizcover.com.au/bizwitty/what-is-the-impact-of-e-commerce-on-
small-business/
Masigan, A. J. (2020). The state of e-commerce in the Philippines. Retrieved from

https://www.bworldonline.com/the-state-of-e-commerce-in-
MathIsFun (2017). Weighted mean. Retrieved from https://www.mathsisfun.com/data

/weighted-mean.html
118
Megida, D. (2021). What is JavaScript? A definition of the JS Programming Language.

Retrieved from https://www.freecodecamp.org/news/what-is-javascript-definition-
of-js/
Melo, S. (2018). Advantages and disadvantages of Google Forms. Retrieved from https://
mydatascope.com/blog/en/advantages-and-disadvantages-of-google-forms/
Morah, C. (2021). Shopping online: Convenience, bargains, and a few scams. Retrieved
from https://www.investopedia.com/articles/pf/08/buy-sell-online.asp
New World Encyclopedia (n.d.). Online shopping. Retrieved from https://www.

newworldencyclopedia.org/entry/Online_shopping
Nibble Matrix (2019). Online ordering system definition. Retrieved from http://www.
nibblematrix.com/online-ordering-system-definition/
Nordmeyer, B. (2017). How does an online store work? Retrieved from https://bizfluent
.com/how-does-4671808-online-store-work.html
Onlineorderingsystem (2018). Online ordering system software: Who is OOS & how can
we help your business? Retrieved from https://www.orderingonlinesystem
.com/online-ordering-system-software/
Optimizely (n.d.). Content management system. Retrieved from https://www.optimizely.

com/optimization-glossary/content-management-system/
Phillips, M. (2020). Purchasing system: A fresh way to manage your business’s inventory.
Retrieved from https://www.patriotsoftware.com/blog/accounting/purchasing-
system/
Prasad, P. S., Yerekar, H. R., Satpute, P. G., Borkar, G. P., & Shendre, A. S. (2013). ERP
Sales and Inventory Management System. Retrieved from https://citeseerx
.ist.psu.edu/viewdoc/download?doi=10.1.1.648.1370&rep=rep1&type=pdf
Rivera, A. (2019). E-commerce websites: How to start an online business. Retrieved from
https://www.businessnewsdaily.com/4707-ecommerce-website-guide.html
Roach, A. (2020). The future of e-commerce: How e-commerce will change in 2021 and
beyond. Retrieved from https://www.oberlo.com.ph/blog/future-of-ecommerce
Roberts, T. (n.d.). What is a content management system and how does it work? Retrieved
from https://www.bloomreach.com/en/blog/2019/08/content-management-system
.html#blog
119
Seymour, S. (2016). 5 reasons why ecommerce is so important for your business. Retrieved
from https://discoverydesign.co.uk/blog/post/5-reasons-why-ecommerce-is-so-
important-for-your-business/
Shelly, G. B. & Rosenblatt, H. J. (2012). Systems Analysis and Design. (9th edition). United
States of America: Course Technology, Cengage Learning.
Singh, A., & Meshram, J. (2016). Impact of online shopping on conventional shopping
methods by today’s youth with respect to clothing and accessories. Retrieved from
https://www.researchgate.net/publication/315516074_the_study_of_impact_of_on
line_shopping_on_conventional_shopping_methods_by_today%27s_youth_with_
respect_to_clothing_and_accessories
Singh, R., Mittal, S., & Kukrati, A. (2018). Effects Of Online Shopping on Consumer
Buying Behaviour. Retrieved from https://www.researchgate.net/publication/3246
94092_EFFECTS_OF_ONLINE_SHOPPING_ON_CONSUMER_BUYING_BE
HAVIOUR
Siteground (n.d.). What is SQL and MySQL? Retrieved from https://www.siteground.

com/tutorials/php-mysql/mysql
Softwareadvice (n.d.). What is online ordering systems? Retrieved from https://www.

softwareadvice.com/retails/online-ordering-system-comparison/
Spilotro, C. (2018). What is a Content Management System (CMS) | The complete guide.
Retrieved from https://www.zesty.io/mindshare/marketing-technology/what-is-a-
content-management-system-cms-the-complete-guide/#author
Square. (2016). Inventory management 101: How to manage small business inventory.
Retrieved from https://squareup.com/us/en/townsquare/how-to-do-effective-inven
tory-management-for-small-business
Stevens, C. (2019). Why is inventory management important? Retrieved from https://www.

business.org/finance/inventory-management/why-is-inventory-management-
important/
Summer, N. (2021). Online shopping cart - How does it work? Retrieved from https://
www. mageplaza.com/blog/online-shopping-cart-how-does-it-work.html
Sunitha, C., & Gnanadhas, M. (2014). Online shopping - An overview. Retrieved from
https://www.researchgate.net/publication/259909510_Introduction_to_the_Specia
l_Issue_Social_Commerce_A_Research_Framework_for_Social_Commerce/link/
00463532271c59a2db000000/download
Tang, P. (n.d.). Definition of online shopping. Retrieved from https://www.street

directory.com/etoday/definition-of-online-shopping-jeljj.html
120
TechTerms (n.d.). CSS Definition. Retrieved from https://techterms.com/definition/css
TechTerms (n.d.). PHP Definition. Retrieved from https://techterms.com/definition/php
Thakur, D. (n.d.). Types of software maintenance. Retrieved from https://ecomputernotes

.com/software-engineering/types-of-software-maintenance
Thompson, S. (n.d.). The Objectives of a sales and inventory system. Retrieved from
https://yourbusiness.azcentral.com/objectives-sales-inventory-system-27878.html
Ture, T. B. (2014). The fundamentals of the ubiquitous online shopping cart development.
Retrieved from https://www.theseus.fi/handle/10024/71740
University of Kansas (n.d.). Content management system. Retrieved from https://cms-dru

pal7.ku.edu/benefits-cms
Vega, R. C., Novila, P., Ibañez, R. L., Teñido, M. P., & Agustin, L. F. (2015). Online
Ordering and Payment System with SMS Notification. International Journal Of
Advanced Research In Computer Science, 37. Retrieved from https://www.
researchgate.net/profile/Louie-Agustin/publication/337707660_online_ordering_
and_payment_system_with_sms_notification_for_nina_clothing_accessories/links
/5de652814585159aa45d2995/online-ordering-and-payment-system-with-sms-
notification-for-nina-clothing-accessories.pdf
Walters, S. (2019). Why is inventory important for a business? Retrieved from https://your
business.azcentral.com/inventory-important-business-2957.html
Wei, L. C. (2012). Online Ordering System of PCK Engineering. Retrieved from https:/
/core.ac.uk/download/pdf/159180551.pdf
Whitehead, G. (2018). What is a content management system and how can it help your
business? Retrieved from https://smallbiztrends.com/2018/04/what-is-a-content-
management-system.html
Yulihasri, E., Islam, A., & Ku Daud, K. (2011). Factors that influence customers’ buying
intention on shopping online. Retrieved from https://www.researchgate.net/publi
cation/49610980_Factors_that_Influence_Customers%27_Buying_Intention_on_
Shopping_Online
121
APPENDIX TABLES
Appendix Table 1. Summarized background of the respondents – IT experts

RESPONDENT YEARS OF CURRENT FIELD OF
COMPANY
TYPE/NO. EXPERIENCE DESIGNATION EXPERTISE
Information Software Web
7 Balastech
Technology 1 Engineer Development
Information System Server Servers and KsignN
5½
Technology 2 Specialist Website Design
Information Technical Software
5 Private
Technology 3 Specialist Development
Information Senior Process
9 IT Tech Cognizant
Technology 4 Executive
Information Back End Program
5 Accenture
Technology 5 Developer Coding
Appendix Table 2. Summarized background of the respondents – Business experts

RESPONDENT BUSINESS YEARS IN THE
BUSINESS TYPE
TYPE/NO. NAME INDUSTRY
Business Expert 1 ERCJ Store Hardware Store 20+
Business Expert 2 Ecoshift Lighting Supplier 6
Appendix Table 3. Summarized background of the respondents – Stock personnel

RESPONDENT
BUSINESS NAME YEARS IN THE BUSINESS
TYPE/NO.
Business Expert 1 ILAW 2
122
Appendix Table 4. Summarized background of the respondents – Customers

NUMBER OF
MONTHS/YEARS
RESPONDENT TYPE OF
OF PURCHASING SEX
TYPE/NO. CUSTOMER
ITEMS IN THE
BUSINESS
Customer 1 Potential Customers N/A Female
Customer 2 Potential Customers N/A Male
Customer 3 Potential Customers N/A Female
Customer 6 Old Customers 1 year Male
Customer 7 New Customers 5 months Female
Customer 8 New Customers 4 months Male
Customer 9 New Customers 1 month Female
Customer 13 Old Customers 1 year and 3 months Male
Customer 14 Old Customers 11 months Female
123
APPENDIX FIGURES
Appendix Figure 1. Location map of ILAW Lighting and Equipment Trading
Appendix Figure 2. Facebook page of ILAW Lighting and Equipment Trading

124
APPENDICES
Appendix 1
Interview Sheet

Carmona Campus
www.cvsu.edu.ph
Questions Answers
1. What is the history or ILAW Lighting and Equipment Trading is an

background of the business? online business type that was established in July
2020. The stock room is located in Phase 11,
Block 14, Lot 48, Carmona Estates, Barangay
Lantic, 4116, Carmona, Cavite. The company has
an average of 15 to 20 customers per day
nationwide, and the current stock is 3660, with an
incoming renewal of stock and new products.
They offer LED lighting such as Chip-on-Board
lighting, RGB and RGBW lighting, other LED
Modules, power supplies, and lighting installation
services their business partner provides
(Carpenters and Electricians). The owner and the
only manager manipulating transactions or orders
is Mr. Mark Deofat B. Baluran, currently living
and working in Singapore.
2. What is the current state of the ILAW Lighting and Equipment Trading is in its
business? What is the current work mid-level business. They have no physical store
system of ILAW? and are currently undertaking the online business
type domain. Currently, they use a Facebook page
to display the multiple ILAW products and collect
orders through Messenger. Regarding inventory,
they are currently using Google Sheets and
125
having semi-formal order gathering. They

provide Google Forms to send to inquiring
customers.
3. What are the problems or ILAW Lighting and Equipment Trading is
unsatisfactory that can be currently struggling to use different platforms in
encountered in the workflow or its business process. In every order transaction,
environment of ILAW that can be they needed to use Facebook or Messenger,
applied with a system solution? Google Forms, and Google Sheets, which is time-
Does it have a manual process? consuming. Switching in different platforms and
Does the current ILAW have a conventionally inputting the data and
computation. With the ILAW’s growing market
system?
with the current system steps, the process is too
excessive and time inefficient. Dealing with
clients’ data in data gathering for order inquiries
is very confusing. Graphical interpretation of
process reports and computations is now
inaccurate data caused by some forgotten manual
input.
4. What is the specific Online As a client or customers of ILAW, they must first
Business work flow of the ILAW? visit the FB page of ILAW Lighting Equipment
Trading to see the preview details of the products,
mostly LED Strip Lights and other types. If the
customer decides which product is his/her
preference, they can now contact the owner and
ask for more information. The owner will now
send a Google Form consisting of personal
information such as Name, Contact Number, and
Full Address, and product information such as
Quantity, Shipping fee, Total Cost, Item Model,
Item Measurement (size), Mode of payment
(Bank Services), Mode of delivery (Courier
Services). However, since the owner does not
want the customer to fill up a bunch of stuff, the
owner will insist on inputting the product
information. Besides, the owner is well aware of
this process, and the customer can directly tell
his/her preferred product in the message. After
that, the owner will send the order preview to the
customer for confirmation. Then, the admin(also
the owner) will receive the response.
126
The owner will update and input the stocks’

numerical data counts regarding the inventory.
The order and buyer’s information will be stored
or added to the Google Sheet list. The product will
now proceed for testing and quality check. If the
product has damage or issue, it will be returned to
the manufacturer. If the product is ready, it will
be concealed by the Courier Services and
delivered to the particular customer.
5. What systems are badly in need One thing that is ideal for buying or purchasing
by the company? What suggested products type of business has an e-commerce
system can the interviewer and an website. Also, an inventory system connected to
IT solution provider develop? that website using a connection with a database is
necessary. With this compact system, having an
automatic feature can lessen the steps when
purchasing and help increase the sales rate.
Appendix 2
Statement of the Investigation

Carmona Campus
www.cvsu.edu.ph
Investigation Statement
Purpose of the Documentation
The system proposal that will be developed is based on what the researchers
gathered information in ILAW Lighting and Equipment Trading. All statements mentioned
below will be used for academic purposes and the accomplishment of the Capstone Project
being conducted. This part of the documentation is a requirement for the researchers’ plan.
It includes the background of the study, business needs, project scope, constraints, and
system requirements.
Background of the Study
ILAW Lighting and Equipment Trading is an online business managed by the
owner Mr. Mark Deofat M. Baluran. All products or goods are displayed on the Facebook
page for advertisement. The company has an average of 15 to 20 customers per day, where
the current stock count is 3660 with incoming new products. It was established in July
2020. The business is full online and has no physical store yet. The stock room is located
in Phase 11, Block 14, Lot 48, Carmona Estates, Barangay Lantic, 4116, Carmona, Cavite.
128
Business Needs
Based on the interview with Mr. Baluran, the researchers’ client, stated that the
company experience trouble handling numerous counts from lead customers that inquires
and purchase customer since they need to use different platforms. They also considered
Google Forms time-consuming because of its static feature for manual input. It is their way
of collecting order information from the customer. Moreover, as for the current inventory,
they used Google Sheets. However, the business experience unrecorded data because of
the manual input records of order transactions that are not placed, resulting in inaccurate
sales and current stock interpretation. The restocking phase is also time-consuming because
of the steps that take a long process. The owner needs to use a messaging application to
contact the supplier and stock manager, who must manually state the list of products and
update the stocks. Therefore the researchers analyzed the situation and came up with the
idea:
Creating main business needs is to make the business process easier and faster by
making a centralized system.
1. Online ordering system in an e-commerce website.
2. Inventory and sales management connected to the online ordering system to
integrate full automation of order transaction recording.
3. Provides improved and accurate statistical graphic sales reports.
Project Scope
The researchers developed a scope that will be integrated for the specific system
modules, such as the Online Ordering Module, which refers to the order process that will
handle all customers’ inquiries and purchases. Inventory Module, which refers to the
129
management of products or stocks. The sales module will monitor all sales transactions
and the output of the business. Reports Module refers to the printable records of all table
lists, vital movements, and results included in the system. The settings module will update
website contents, especially by adding product to displaying the e-commerce website and
accommodating all user privileges. Log modules provide monitoring of the overall
movements in the system. These modules are measured for the timeline of the capstone
project.
Constraints
The user limits the system by agreeing with the client with a consultation from the
researchers’ adviser and identifying all student’s capabilities in the future development of
the developed system. These researchers state the exclusion of any involvement of payment
gateway method in the system, expenses that are needed such as web hosting and buying
domain, and other features that are not related at all.
System Requirements
The researchers will consider the current business process that will be turned into
the automation of online ordering with the connection of inventory and sales management.
Some of the digital tools used by the researchers are for the web application programming
languages such as PHP, HTML, CSS, JavaScript, MySQL, and XAMPP, where the IDE
used is VS Code. Also, the researchers used a desktop computer with a specification of
AMD Athlon(TM) II X2 260 Processor 3.21 GHz with a 4.00 GB installed RAM and a
system type 64-bit Operating System. Other than that, a laptop with a specification of HP
Elitebook 840 G1 with Intel Core i5-4300u 1.90Ghz processor with Intel HD Graphics
4400, 16GB RAM, and 480GB SSD.

Appendix 3
Permission to Continue Letter

Appendix 4
Models and Prototypes
Online Ordering Module Prototype
Continuation
132
Continuation
Inventory Module
133
Sales Module
Report Module
134
Settings Module
Continuation
135
Continuation
Logs Module
136
Appendix 5
Code Snippet
//product page <script src=“linkscript/jquery-

<?php 1.12.4.min.js”
define(‘ILAW’, true); crossorigin=“anonymous”></script>
require “database_connection.php”; <script
include(‘connection.php’); src=“linkscript/owl.carousel.min.js”
include(‘function.php’); crossorigin=“anonymous”></script>
?> 
<!DOCTYPE html> <link
<html lang=“en”> href=“admin/assets/css/style_loader.css”
<head> rel=“stylesheet” />
<meta charset=“UTF-8”> <link rel=“stylesheet”
<meta http-equiv=“X-UA-Compatible” href=“admin/assets/css/stylecopy.css”>
content=“IE=edge”> <link href=“css/owl_carousel.css”
<meta name=“viewport” rel=“stylesheet” />
content=“width=device-width, initial- <link href=“css/style_e-commerce.css”
scale=1.0”> rel=“stylesheet” />
<meta charset=“UTF-8”> <link href=“css/listandgrid.css”
rel=“stylesheet” />
<title>ILAW</title> 
<link rel=“shortcut icon” <link rel=“stylesheet”
type=“image/x-icon” href=“https://cdnjs.cloudflare.com/ajax/l
href=“images/Logo/ILAW_Logo2.png” ibs/jqueryui/1.13.2/themes/base/jquery-
/> ui.min.css” integrity=“sha512-
 qkzlh8ExXihe4zfqbWkxPRi8wptXIO9g
<script 73FSlhmquFlUOuMSoXz5IRw==“
src=“linkscript/fontawesome.js”></scrip crossorigin=“anonymous”
t> referrerpolicy=“no-referrer” />

<link rel=“stylesheet” </head>
href=“linkscript/bootstrap5.1.min.css” 
crossorigin=“anonymous”> <div class=“loader-wrapper overlay”>
<link rel=“stylesheet” <div class=“loader-circle”>
href=“https://stackpath.bootstrapcdn.co <div class=“loader”></div>
m/font-awesome/4.7.0/css/font- </div>
awesome.min.css” </div>
crossorigin=“anonymous”> 
<link rel=“stylesheet” <body onload=“addDisable();”>
href=“linkscript/owl.carousel.css”
crossorigin=“anonymous” /> <?php
137
if (isset($_SESSION[‘type’])) { <p> ILAW Lighting and Equipment

if ($_SESSION[‘type’] == ‘master’) { Trading presents you the products with
$active = “ “; different model, specification, and detail
price. View images below. </p>
include(“headers/admin_header.php”); </div>
} elseif ($_SESSION[‘type’] == </section>
‘staff’) { <main id=“products”
$active = “ “; class=“product_main”>
include(“headers/staff_header.php”); <div class=“p-3”>
} else { <hr>
$active = “ “; <div class=“products_option”>
<div> View As:
include(“headers/customer_header.php”) <button class=“mybtn” data-
; toggle=“tooltip” data-
} placement=“bottom” title=“List View”
} else { onclick=“Button(0); List();”><i
$active = “ “; class=“fas fa-th-list fa-lg” style=“cursor:
include(“headers/guest_header.php”); pointer;”></i></button>
} <button class=“mybtn Active”
?> data-toggle=“tooltip” data-
placement=“bottom” title=“Grid View”
<section class=“first_section”> onclick=“Button(1); Grid();”><i
<div class=“BG_Cover”> class=“fas fa-th fa-lg” style=“cursor:
<img class=“mySlides” pointer;”></i></button>
src=“images/Others/BG_Stairs.png”> </div>
<img class=“mySlides”
src=“images/Others/BG_Houses.png”> <form action=““ method=“GET”>
<img class=“mySlides” <div class=“shadow d-flex”>
src=“images/Others/BG_TV.png”> <select name=“sort”
<div class=“column”> style=“cursor:pointer” id=“sort” class=“
<h1>ILAW Lighting and form-control”>
Equipment Trading</h1> <option value=““>--- Filter
<h2>“Making life brighter one Products ---</option>
Filipino home at a time.”</h2> <option value=“bsell”>Best
<button class=“shopnow_btn” Selling</option>
onclick=“window.location=‘product.php <option value=“asc”>Price Low
#productnow’;” type=“button”>Shop to High</option>
Now</button> <option value=“desc”>Price
</div> High to Low</option>
</div> <option
</section> value=“alphaAz”>Alphabetically A-
<section class=“second_section” Z</option>
id=“productnow”> <option
<div class=“line_PFOS”> value=“alphaZa”>Alphabetically Z-
<h1>Products</h1> A</option>
138
<option value=“oldNew”>Date $items = $count[‘total’];

Old to New</option> ?>
<option value=“newOld”>Date <ul>
New to Old</option> <li class=“child_product
</select> item” style=“cursor:pointer;”
</div> id=“product” value=“<?=
</center> $row[‘category_name’] ?>“><i
</form> class=“fa fa-angle-right item”></i> <?=
</div> $row[‘category_name’] ?> (<?= $items
<hr> ?>)</a></li>
 <input type=“hidden”
<input class=“form-control mb-3” class=“pid” value=“<?=
id=“search_text” type=“text” $row[‘category_id’] ?>“>
placeholder=“Search Product Name..”> </ul>
 <?php } ?>
</li>
<div class=“all_product”> <hr>
<div class=“dropdown_product”> </ul>
<div class=“option_container
shadow border bg-white”> <ul class=“sidebar-menu mt-4
<ul class=“sidebar-menu mt-4 mb-4”>
mb-4”> <li class=“parent”>
<li class=“parent”> <a
<a onclick=“toggle_menu(‘stock’);”
onclick=“toggle_menu(‘category’)” style=“cursor: pointer;”><i class=“fa fa-
style=“cursor: pointer;”><i class=“fa fa- angle-down “> </i>
angle-down “> </i> <span> Availability </span>
<span> Product Categories </a>
</span> <ul id=“stock”>
</a> <li class=“child”><input
<?php $sql = “SELECT * type=“checkbox” class=“form-check-
FROM category WHERE input stock_check” value=“instock”
category_status =‘active’ order by id=“instock”> In Stocks</li>
category_name”; <li class=“child”><input
$result = $con->query($sql); type=“checkbox” class=“form-check-
while ($row = $result- input stock_check” value=“outstock”
>fetch_assoc()) { id=“outstock”> Out of Stocks</li>
$category =
$row[‘category_id’]; </ul>
$sql2 = “select count(*) as </li>
total from items WHERE category_id = <hr>
‘$category’“; </ul>
$rescount =
mysqli_query($con, $sql2); <ul class=“sidebar-menu mt-4
$count = mb-4”>
mysqli_fetch_assoc($rescount); <li class=“parent”>
139
<a <br>
onclick=“toggle_menu(‘filter_price’);” <ul id=“review_ratings”>
style=“cursor: pointer;”><i class=“fa fa- <li class=“five_star rating”
angle-down “> </i> data-rating=“5” style=“cursor:pointer;”>
<span> Filter Price </span> <span class=“fa fa-star
</a> checked”></span>
<ul id=“filter_price”> <span class=“fa fa-star
<div class=“price-range- checked”></span>
block”> <span class=“fa fa-star
checked”></span>
<br> <span class=“fa fa-star
<div id=“slider-range” checked”></span>
class=“price-filter-range” <span class=“fa fa-star
name=“rangeInput”></div> checked”></span>
</li>
<div class=“shadow-sm d- <li class=“four star rating”
flex” style=“margin:30px auto”> data-rating=“4” style=“cursor:pointer;”>
<input type=“number” <span class=“fa fa-star
min=0 max=“9900” checked”></span>
oninput=“validity.valid||(value=‘0’);” <span class=“fa fa-star
id=“min_price” class=“price-range-field checked”></span>
form-control” value=‘0’ /> <span class=“fa fa-star
<input type=“number” checked”></span>
min=0 max=“10000” <span class=“fa fa-star
oninput=“validity.valid||(value=‘10000’) checked”></span>
;” id=“max_price” class=“price-range- <span class=“fa fa-
field form-control” value=‘10000’ /> star”></span>
</div> </li>
<li class=“three_star rating”
<div id=“searchResults” data-rating=“3” style=“cursor:pointer;”>
class=“search-results-block”></div> <span class=“fa fa-star
</div> checked”></span>
</ul> <span class=“fa fa-star
<hr> checked”></span>
<span class=“fa fa-star
</ul> checked”></span>
<ul class=“sidebar-menu mt-4 <span class=“fa fa-
mb-4”> star”></span>
<li class=“parent”> <span class=“fa fa-
<a star”></span>
onclick=“toggle_menu(‘review_ratings’) </li>
;” style=“cursor: pointer;”><i class=“fa <li class=“two star rating”
fa-angle-down “> </i> data-rating=“2” style=“cursor:pointer;”>
<span> Review Ratings <span class=“fa fa-star
</span> checked”></span>
</a>
140
<span class=“fa fa-star $statement->execute();

checked”></span> return $statement->rowCount();
<span class=“fa fa- }
star”></span> ?>
<span class=“fa fa-
star”></span> <div class=“d-flex justify-content-
<span class=“fa fa- between”>
star”></span> <a class=“btn btn-default mb-3”
</li> href=“product.php#products”>Total:
<li class=“one star rating” <b><?php echo rowCount($connect,
data-rating=“1” style=“cursor:pointer;”> “SELECT items_id FROM items
<span class=“fa fa-star ORDER BY items_id”); ?>
checked”></span> Products</b></i></a>
<span class=“fa fa- <div>
star”></span> <ul class=“store-pagination”
<span class=“fa fa- id=“pageno”>
star”></span>
<span class=“fa fa- </ul>
star”></span> </div>
<span class=“fa fa- </div>
star”></span>
</li> </div>
</ul> 
<hr> </main>
</ul> <?php
</div> include(“footer/footer.php”)
</div> ?>
<div>
<div class=“item_grid” 
id=“get_product”> <script
 
</div> <script src=“js/functions.js”
</div> type=“text/javascript”></script>
</div> <script src=“js/listandgrid.js”
 type=“text/javascript”></script>
 
<div class=“shadow border mt-2 pt- <script
3” style=“background: #fff; padding: src=“admin/assets/js/jquery.min.js”></sc
0px 15px 0px 15px”> ript>
<?php <script src=“admin/assets/js/jquery-
function rowCount($connect, 1.12.4.min.js”></script>
$query) 
{ <script
$statement = $connect- src=“admin/assets/js/bootstrap.min.js”>
>prepare($query); </script>
141
 }
<script });
src=“admin/assets/js/custom.js”></script }
> $(‘#min_price,
<script src=“js/filterprice.js” #max_price’).on(‘keyup’, function() {
type=“text/javascript”></script> filterProducts();
})
<script type=“text/javascript”>
function addDisable() { $(“#slider-range”).slider({
let stocks = range: true,
document.getElementById(“stocks”).val orientation: “horizontal”,
ue; min: 0,
if (stocks <= 0) { max: 10000,
values: [0, 10000],
document.getElementById(“product”).di step: 100,
sabled = true;
} slide: function(event, ui) {
} if (ui.values[0] == ui.values[1]) {
return false;
$(document).ready(function() { }
function filterProducts() {
$(“#min_price”).val(ui.values[0]);
$(“#max_price”).val(ui.values[1]);
$(“#get_product”).html(“<center><div filterProducts();
class=‘container shadow border mt-2 pt- }
3 store-filter clearfix’ });
style=‘background: #fff; color: $(“#min_price”).val($(“#slider-
#F7941D;’><h5><b>Loading...</b></h range”).slider(“values”, 0));
5></div></center>“) $(“#max_price”).val($(“#slider-
range”).slider(“values”, 1));
var min_price = });
$(“#min_price”).val();
var max_price = $(“#sort”).on(‘change’, function() {
$(“#max_price”).val(); var sort = $(this).val();
//alert(min_price + max_price); $.ajax({
method: “POST”,
$.ajax({ url:
url: “filterproducts/dropdownfilter_fetch.php
“filterproducts/pricerange_fetch.php”, ”,
type: “POST”, data: {
data: { sort: sort
min_price: min_price, },
max_price: max_price success: function(data) {
}, $(“#get_product”).html(data);
success: function(data) {
$(“#get_product”).html(data); }
142
}); });
})
function get_filter_text(text_id) {
$(‘#search_text’).keyup(function() { var filterData = [];
var search = $(this).val(); $(‘#’ + text_id +
‘:checked’).each(function() {
$.ajax({ filterData.push($(this).val());
url: });
“filterproducts/searchfilter.php”, return filterData;
method: “POST”, }
data: {
search: search $(“.rating”).click(function() {
}, var rate = $(this).data(“rating”);
success: function(data) { // alert(rate);
$(‘#get_product’).html(data);
} $.ajax({
}); url:
‘filterproducts/product_rating_filter.php’
}); ,
method: ‘post’,
$(“.stock_check”).click(function() { cache: false,
var action = ‘data’; data: {
// var instock = $(‘#instock’).val(); rate: rate
// var outstock = $(‘#outstock’).val(); },
var instock = success: function(response) {
get_filter_text(‘instock’); $(“#get_product”).html(response);
var outstock = // $(“#total”).load(location.href +
get_filter_text(‘outstock’); “ #total”);
}
$.ajax({ });
url: });
‘filterproducts/checkboxfilter_fetch.php’
, $(“.item”).on(‘click’, function() {
method: ‘POST’, var $el = $(this).closest(‘ul’);
data: { var pid = $el.find(“.pid”).val();
action: action, // location.reload(true);
instock: instock, $.ajax({
outstock: outstock url: ‘action.php’,
}, method: ‘post’,
success: function(response) { cache: false,
$(“#get_product”).html(response); data: {
} pid: pid,
}); pageid: pid,
getProduct:1
},
143
success: function(data) { “pagingType”: “simple” // “simple”

$(“#get_product”).html(data); option for ‘Previous’ and ‘Next’ buttons
page(pid); only
} });
});
}); $(‘.dataTables_length’).addClass(‘bs-
select’);
function page(a){ });
$.ajax({ </script>
url:”action.php”,
method:”POST”, 
data:{page:1,pid:a}, <script
success: src=“https://cdnjs.cloudflare.com/ajax/li
bs/jqueryui/1.13.2/jquery-ui.min.js”
function(data){ integrity=“sha512-
57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l
$(“#pageno”).html(data); 3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0
} QoneImqr2SkmO4MSqU+RpHom3Q==
})} “ crossorigin=“anonymous”
// page(); referrerpolicy=“no-referrer”></script>
</body>
$(“body”).delegate(“#page”,”click”,func
tion(){ </html>
var pn = $(this).attr(“page”);
var pid = $(this).attr(“pid”);
var pid = $(“#pid”).val();
$.ajax({
url:”action.php”,
method:”POST”,
data:
{getProduct:1,setPage:1,pageNumber:pn
,pid:pid},
success:
function(data){
$(“#get_product”).html(data);
}
})
})
</script>
<script>
// Basic example
$(document).ready(function() {
$(‘#get_product’).DataTable({
144
Appendix 6
Evaluation Form for Unit Testing

Carmona Campus
www.cvsu.edu.ph

MANAGEMENT FOR ILAW LIGHTING AND EQUIPMENT TRADING
CRITERION DESCRIPTION TESTING REMARK
First Test Failed
The researchers ran Both the database

the system and and the shopping
checked if the add- cart did not contain
to-cart function all of the products
worked. The added to the cart.
Online Ordering
researchers tried to
Module
add an item to the
product list.
This module allows
the user to add to a
cart, checkout an
Second Test
order, place an order
Modules
and keep track of
The researchers ran
order progress. The
the system and tried
administrator and
to add items to the
stock panel allow to
cart, checkout the
manage the pending
order, check all the
orders.
information, fill out Successful
all the given text
fields, upload proof
of payment before
placing the order,
and manage all
pending customers
until the transaction
was completed.
145
First Test Failed
The researchers ran The inventory was

the system and not reduced when
created new the customer orders
products, checked if were completed. All
they reflected on the products were in
inventory, changed their original stock
information about count.
products, and
removed products.
The researchers also
tested if the
completed orders of
customers would
automatically
Inventory Module update the stocks in
the inventory.
This module allows
the administrator to
monitor the stock’s Second Test
current state, add,
view, edit, and The researchers ran
delete products and the system and
details to the managed the
inventory, and products by
manage to restock creating, viewing,
all products. updating, and
deleting them. They
also re-checked if
the completed
customer orders
Successful
would
automatically
update inventory
stocks.
Furthermore, the
researchers
examined if the
system notified the
administrator when
critical products
occurred, performed
restocking, and
determined if it also
146
reflected on the
system.
Sales Module First Test
This module The researchers ran

enables the the system and
administrator to monitored the sales
monitor or view the transaction logs,
sales transaction checking if all
logs and check if all completed orders
completed orders were reflected. Successful
reflect the graphical They also checked
representation of the graphical
sales and sales representation of
summary, such as sales and the sales
daily, weekly, summary in the
monthly, or dashboard.
annually in the
dashboard.
First Test
Reports Module
The researchers ran
This will allow the
the system and
administrator to
examined if it
generate printable Successful
would accurately
data reports in all of
generate printable
the tables in the
data reports in all of
administrator panel.
the tables in the
Settings Module First Test
This module allows The researchers ran

the administrator to the system,
manage the modified and
Successful
website’s content, viewed the
such as creating, website’s content,
maintaining, and and checked to see
updating content to if the products and
be displayed. all the information
Account privileges were on the actual
147
can also be created website when the

for new users. administrator
updated them. The
researchers also
created a new
account and
checked if it could
log into the website
just like the stock
personnel and
administrator
accounts when
logged in to the
First Test
Logs Module
The researchers ran
This allows the
the system and
administrator to Successful
checked if all vital
monitor all vital
movements would
movements in the
accurately be
system.
recorded in the log.
First Test
Database The researchers

inputted data and
Security This allows the checked if it would Successful
connection between be stored in the
the entire system system’s database
and the database. correctly and
precisely.
First Test
The researchers ran

Platform Google Chrome Successful
the system on this
platform. They
tested test all the
functions, user
148
interface, and
content of the
system.
First Test
The researchers ran

the system on this
platform. They
Microsoft Edge Successful
tested test all the
functions, user
interface, and
content of the
system.
First Test
The researchers ran

the system on this
platform. They
Mozilla Firefox Successful
tested test all the
functions, user
interface, and
content of the
system.
Prepared by:
DANTE M. BISAIS III

Researchers
149
Appendix 7
Evaluation Form for System Testing – Customers

Carmona Campus
www.cvsu.edu.ph
Dear Participant,
Good day! We are currently conducting a research entitled “ONLINE ORDERING

SYSTEM WITH INVENTORY AND SALES MANAGEMENT FOR ILAW
LIGHTING AND EQUIPMENT TRADING”. In line with this, we are respectfully
seeking for your assistance to fill out this evaluation form. It will not be a problem if you
wish not to participate but your responses will highly be valued. The evaluation form
can be completed anonymously. Responses from completed questionnaires will be
collated for analysis; once this is complete, the original questionnaires will be kept
electronically. Rest assured that all information indicated therein will be treated with
utmost confidentiality under the Data Privacy Law of 2012 and strictly be used for the
above purpose only. All the gathered information/data will also be retained to the system
and will be used as a part of the historical data for further analysis. If you wish to learn
more about the results of the research, please send an email to
patricklingahan0509@gmail.com.
We are hoping for your kind consideration and support. Thank you very much
.
NAME (OPTIONAL): ______________________________ DATE: _______________

NUMBER OF MONTHS/YEAR OF PURCHASING ITEMS IN THE BUSINESS:
_________________________ SIGNATURE:_______________ SEX: _____________
Rate the following statement. Check (✓) the number that corresponds to the degree
of your answer. Please be guided with the following scales:
LEGEND: 1 –Poor 2 – Fair 3 – Satisfactory 4 – Very Satisfactory 5 – Outstanding
RATING
INDICATOR
1 – Poor 2 – Fair 3 – Satisfactory 4 – Very Satisfactory1 5 -2Outstanding
3 4 5
Functional Suitability
150
1. The system has the following module:

a. online ordering module,
b. sales module,
c. inventory module,
d. reports module,
e. settings module, and
f. logs module.
2. The system in online ordering module can be used to:
a. add products to cart,
b. check product availability,
c. checkout order,
d. send or upload proof of payment,
e. view order confirmation,
f. monitor order status,
i. view company gallery.
j. monitor and manage pending customer orders,
k. monitor and manage to ship order status,
l. monitor and manage to receive order status,
m. monitor completed orders, and
n. monitor canceled orders.
3. The system in inventory module can be used to:
a. manage products,
b. manage stocks,
c. monitor stock in and stock out,
d. monitor current status of the stocks,
e. monitor fast-moving and slow-moving products,
f. monitor products with critical number of stocks, and
g. monitor excess stocks.
4. The system in sales module can be used to:
a. view all sales transaction, and
b. monitor sales.
5. The system can generate:
a. order reports
c. sales reports,
f. audit trail reports.
151
6. The system can be used to:

a. modify product preview,
b. modify displayed company information,
c. modify testimonial section,
d. modify frequently asked questions section,
e. modify online banks list,
f. modify company gallery,
g. modify user privileges, and
h. modify user configuration.
a. monitor sales transaction logs,
b. monitor stock logs,
c. monitor audit trail,
8. The functions of the system corresponds to its previously set
objectives.
Performance Efficiency
9. The system process with a minimum of 1.5 seconds when
performing different tasks such as:
a. managing orders,
b. managing inventory,
c. managing accounts, and
d. generate printable reports.
10. The system has a 100% level of performance when 5 – 10
consecutive number of users are accessing the system.
11. The system can handle 5 or more amount of data/ information.
Compatibility
12. The system can perform its required functions efficiently while
sharing a common environment and resources with other
products, without detrimental impact.
13. The system can export data.
Usability
14. The system used consistent terms.
15. The system have a consistent layout or user interface.
16. The system have a consistent position on screen for error
messaging.
17. The system used unambiguous title for function buttons.
18. The command buttons was easy to remember.
19. The system uses helpful messages on screen.
20. The system was easy to operate based on the transaction
procedure.
21. The required information are easy to locate.
22. The system responds to invalid input.
23. The interface looks good.
24. The system’s accessibility varies on user’s designation.
152
Reliability
25. Account’s username and password are encrypted when it was
saved in the database.
26. The system is accessible to all its users.
27. The system is capable in handling errors.
Security
28. The data inside the system can only be viewed by the system’s
administrator.
29. The system provide identification and authentication of system
users through the use of username and password.
30. The system provide activity logs for monitoring of unwanted
user behavior
31. The system assigns unique identification for each user for
32. The system allow the user to update the information of their
account.
Maintainability
33. The system applies changes to the entire system using its content
management feature.
34. The data or information in the module can be reused by another
module.
35. The system can be easily tested.
Portability
36. The system can be moved to different environments such as:
a. Google chrome,
b. Mozilla firefox, and
c. Microsoft edge.
37. The system can be managed and used easily; and
38. The system can easily replace other software.
Adopted from International Organization for Standardization (ISO) 25010 Product
Quality.
Prepared by:
DANTE M. BISAIS III
Researchers
153
Appendix 8
Evaluation Form for System Testing – Stock Personnel

Carmona Campus
www.cvsu.edu.ph
Dear Participant,


BUSINESS NAME: _________________ BUSINESS TYPE: ____________________
YEARS IN THE BUSINESS:______________________________________________
RATING
INDICATOR
3 4 5
154

b. sales module,
d. reports module,
f. logs module.
c. checkout order,
a. manage products,
b. manage stocks,
b. monitor sales.
a. order reports
c. sales reports,
155

objectives.
a. managing orders,
Compatibility
sharing a common environment and resources with other products,
without detrimental impact.
Usability
messaging.
procedure.
Reliability
156

Security
administrator.
user behavior
31.The system assigns unique identification for each user for
account.
Maintainability
management feature.
module.
Portability
d. Google chrome,
e. Mozilla firefox, and
f. Microsoft edge.
Quality.
Prepared by:
DANTE M. BISAIS III
Researchers
157
Appendix 9
Evaluation Form for System Testing – Information Technology Expert

Carmona Campus
www.cvsu.edu.ph
Dear Participant,


POSITION: _________________________COMPANY: ________________________
FIELD OF EXPERTISE___________________YEARS OF SERVICE: ___________
SIGNARTURE: _________________________________________________________
RATING
INDICATOR
3 4 5
158

b. sales module,
d. reports module,
f. logs module.
c. checkout order,

a. manage products,
b. manage stocks,
b. monitor sales.
a. order reports
c. sales reports,
159


objectives.
a. managing orders,
Compatibility
Usability
messaging.
procedure.
160

Reliability
Security
administrator.
user behavior
account.
Maintainability
management feature.
module.
Portability
a. Google chrome,
b. Mozilla firefox, and
c. Microsoft edge.
Quality.
Prepared by:
DANTE M. BISAIS III
Researchers
161
Appendix 10
Evaluation Form for System Testing – Business Expert

Carmona Campus
www.cvsu.edu.ph
Dear Participant,


BUSINESS NAME: _________________ BUSINESS TYPE: ____________________
YEARS IN THE INDUSTRY: ______________ SIGNATURE: __________________
RATING
INDICATOR
3 4 5
162

b. sales module,
d. reports module,
f. logs module.
c. checkout order,
a. manage products,
b. manage stocks,
b. monitor sales.
a. order reports
c. sales reports,
163

g. modify user privilege, and

objectives.
a. managing orders,
Compatibility
Usability
messaging.
procedure.
164
Reliability
Security
administrator.
user behavior
account.
Maintainability
management feature.
module.
Portability
d. Google chrome,
e. Mozilla firefox, and
f. Microsoft edge.
Quality.
Prepared by:
DANTE M. BISAIS III
Researchers
165
Appendix 11
Evaluation Form for Acceptance Testing

Carmona Campus
www.cvsu.edu.ph
Dear Participant,


BUSINESS NAME: ___________________ BUSINESS TYPE: _________________
YEARS OF SERVICE: ___________________________ SIGNATURE: __________
RATING
INDICATOR
1 2 3 4 5
1 – Poor 2 – Fair 3 – Satisfactory 4 – Very Satisfactory 5 - Outstanding
Effectiveness
166

b. sales module,
d. reports module,
f. logs module.
c. checkout order,
a. manage products,
b. manage stocks,
e. monitor fast-moving and slow-moving products,,
b. monitor sales.
5. The system in reports module can generate printable:
a. order reports,
c. sales reports,
167
6. The system in settings module can be used to:

g. modify user privilege, and
7. The system in log module can be used to:
c. monitor audit trail.
objectives.
Efficiency
a. managing orders,
10. The system have a 100% level of performance when 5-10
11. The system can hold 5 or more amount of data/ information.
Satisfaction
12. The system achieve its realistic goals, including the results of use
and the consequences of use.
13. The system works well based on its functions.
14. The user feel satisfied when he/she finished his/her task through
the use of the developed system.
15. The user feel satisfied on the totality of the developed system.
Freedom from Risk
16. The system promotes and build good reputation to the client
based on the information provided by the system.
17. The system promotes data privacy by adopting user’s level of
accessibility.
18. The system promotes the client’s function based on its intended
context of use.
Context Coverage
19. The system can be used with effectiveness, efficiency, freedom
from risk and satisfaction in all the specified contexts of use.
20. The system can be used with effectiveness, efficiency, freedom
from risk and satisfaction in contexts beyond those initially specified
in the requirements
168

Quality.
Prepared by:
DANTE M. BISAIS III

Researcher
Appendix 12
User Manual
169
170
170
171
171
172
172
173
173
174
174
175
175
176
176
177
177
178
178
179
179
180
180
181
181
182
182
183
183
184
184
185
185
186
186
187
187
188
188
189
189
190
190
191
191
192
192
193
193
194
194
195
195

Final Manuscript Bisais Libued Lingahan

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Final Manuscript Bisais Libued Lingahan

Uploaded by

Copyright:

Available Formats

i

ONLINE ORDERING SYSTEM WITH INVENTORY AND SALES

DANTE M. BISAIS III

DEPARTMENT OF INDUSTRIAL AND INFORMATION TECHNOLOGY

Title: ONLINE ORDERING SYSTEM WITH INVENTORY AND SALES

RICHARD L. HERNANDEZ JANINE B. BACOSMO

RICHARD L. HERNANDEZ REGENE G. HERNANDEZ, Ph.D.

CARLO EMIL B. MAÑABO CRISTINA M. SIGNO, Ph.D.

Maguyam, Silang, Cavite.

He obtained his primary education at God’s Creation Christian Schoon Inc.,

School, Carmona, Cavite in 2018.

The following year, he enrolled at Cavite State University (CvSU)-Carmona

member of the Information Technology Elite Confederacy (ITEC) and Individual

He accomplished his primary education at Sawat Elementary School, Camiling,

Administration, San Pedro, Laguna in 2018.

obtained his degree in April 2023.

San Vicente, Biñan City, Laguna.

He finished his primary education at San Vicente Elementary School, located in

Science, Technology, Engineering, and Mathematics (STEM).

He enrolled at CvSU-Carmona Campus, Carmona, Cavite under the BSIT program.

The Almighty God, for bestowing unrivaled favors, blessings, strength,

compassion, bravery, hope, goodwill, and power;

Cavite State University (CvSU)-Carmona Campus, for the privilege of acquiring

Prof. Richard L. Hernandez, thesis adviser and department research coordinator,

fulfilling their degree;

motivation in accomplishing this research;

the students’ concerns and for the value and support;

suggestions to the document and system;

completion of the research.

Hypertext Preprocessor (PHP), Hypertext Markup Language (HTML), Cascading

phases: requirements planning, user design, construction, and cutover.

average mean of 5.00, equivalent to outstanding.

system requirements, and client expectations.

BIOGRAPHICAL DATA……………………………………………………. iii

LIST OF TABLES…………………………………………………………… xiii

LIST OF APPENDIX TABLES…………………………………………..…. xx

LIST OF APPENDIX FIGURES……………………………………………. xxi

LIST OF APPENDICES…………………………………………………..…. xxii

Objectives of the Study……………………………………………….. 3

Significance of the Study……………………………………………… 5

Time and Place of the Study………………………………………...…. 6

Scope and Limitation of the Study…….…………………………….… 6

REVIEW OF RELATED LITERATURE………………………………..... 11

Online Ordering System………..……………………..…………….…. 15

Inventory and Sales Management……………………………………... 16

Online Ordering System with Inventory and Sales Management……... 20

RESULTS AND DISCUSSION……………………………………………… 54

Shopping cart page……………………………………………… 60

Order status page………………………………………………... 62

Frequently asked questions page………………………………... 67

Customer support page………………………………………….. 67

Shopping instruction page………………………………………. 69

Completed orders page………………………………………….. 75

Unit of measurement page…………………………………..….. 81

Software Evaluation…………………………………………………… 100

Unit testing……………………………………………………… 100

Acceptance testing…………………………………………….... 109

SUMMARY, CONCLUSION, AND RECOMMENDATIONS………….... 111

1 Weighted mean interpretation (Bicol University, 2012)……………... 49

2 Summarized results of unit testing……………………………………. 100

3 Functional suitability rating of the Online Ordering System with

4 Performance efficiency rating of the Online Ordering System with

5 Compatibility rating of the Online Ordering System with Inventory

6 Usability rating of the Online Ordering System with Inventory and