AMA COMPUTER COLLEGE-BAGUIO

6 ASI BUILDING BENITEZ COURT COMPOUND

MAGSAYSAY AVENUE, BAGUIO CITY
TEL. # (074) 619-4950

OFFICIAL WEBSITE FOR LJG 4X4 OFF-ROAD CAR ACCESSORIES SHOP

This Capstone Project Presented to the Faculty of the

College Computer Studies
AMA Computer College - Baguio

In Partial Fulfillment of the Requirements of the Degree of

Bachelor of Science in Information Technology (BSIT)

By

Abad, Garreth Paul U.

Coilan, Rogenson Kris B.
Montemayor, Arvie C.

SEPTEMBER 2022
 AMA COMPUTER COLLEGE-BAGUIO
6 ASI BUILDING BENITEZ COURT COMPOUND
MAGSAYSAY AVENUE, BAGUIO CITY
TEL. # (074) 619-4950

APPROVAL SHEET

This capstone project paper entitled “OFFICIAL WEBSITE FOR LJG 4X4
OFF-ROAD CAR ACCESSORIES SHOP”, prepared and submitted by Abad,
Garreth Paul, Coilan, Rogenson Kris, Montemayor, Arvie in partial fulfillment of
the course requirements for the degree of Bachelor of Science in Information
Technology, has been examined and recommended for acceptance and approval
for Oral Examination.

ADVISER NAME
Adviser

Approved by the Committee of Oral Examination on (DATE) with the grade of

______.

Name of Evaluator,Ph.D
Chairman

Name of Evaluator,Ph.D Name of Evaluator,Ph.D

Chairman Chairman

Accepted as partial fulfillment of the course requirements of the degree in

Bachelor of Science in Information Technology.

Name of the Dean,Ph.D

Dean, School of Graduate
Studies
Date: ________

II
 ACKNOWLEDGEMENTS

The proponents would like to express the deepest gratitude and

immeasurable appreciation for the help and support of the following individuals

and organizations:

First and foremost, we thank the Lord Jesus Christ, for giving us the

strengths, knowledge, patience, and wisdom to explore things, and for giving us

the determination to pursue and make this study possible and successful.

Words cannot express our gratitude to our advisers for their invaluable

patience and feedback. We would also want to thank the defense panelists, who

generously shared their knowledge and expertise.

We would like to express our gratitude to the employees and owner of the

LJG 4X4 Off-Road Car Accessories Shop for their unwavering support, kindness,

and assistance with this project. Additionally, this endeavor would not have been

possible without the tremendous support and encouragement of our families and

friends that kept our spirit high and motivated during the process.

II
ABSTRACT

II
 TABLE CONTENTS

CHAPTER I 6

Project Context 6

Purpose and Description 7

Statement of the Problem 9

Hypothesis of the Study 9

Objectives of the Study 10

Significance of the Study 11

Scope and Limitation 12

CHAPTER II 13

Related Literature 13

Foreign Literature 13

Local Literature 15

Related Studies 17

Foreign Studies 17

Local Studies 19

Synthesis 22

Technical Background 22

CHAPTER III 25

System Design, Products, and/or Processes 25

Conceptual Design 31

Cost Benefit Analysis 32

II
System Architecture/System Flow 44

Block Diagrams 45

Development and Testing 47

Input and Output Reports and Analysis 47

Description of the Prototype 51

Implementation Plan 52

II
 CHAPTER I

Project and Its Background

Project Context

In the 21st century, technology plays a significant part in every

aspect of life. A variety of manual processes can be automated, which makes the

work easier and more efficient. In addition, the internet has evolved into a virtual

world that has a significant impact around the globe, serving billions of users

worldwide. In modern business, the internet has become a valuable resource

whereof several businesses can easily market their products to numerous

people. The rapid changes give a vast opportunity for businesses to expand their

market in the online world.

According to Alkhalfan et.al (2020), Electric commerce (E-commerce)

is the selling and buying of services and goods, or conducting data or funds,

through an electronic network, mainly the internet. Over the last few years, the

capabilities of e-commerce have grown dramatically, surpassing 4.2 trillion U.S.

dollars of retail e-commerce sales worldwide (Coppola, 2022). Kemp & Moey

(2019) mentions that 75% of the consumers in the Philippines purchase a

product or service online on any device. Since e-commerce offers a greater

1
variety of shopping options as well as competitive prices compared to traditional

shopping.

Since the dawn of the digital era, the majority of the population is

beginning to take advantage of technology. Most companies increasingly utilize

technology, mainly the internet, to improve essential business processes such as

inventory and point of sales (POS). According to Kenton (2022) inventory refers

to the raw materials used in production as well as the goods produced that are

available for sale. Singh (2021) mentions that being able to check inventory

status at all times can help to prevent expenditure on well-stocked commodities.

It can also aid in determining which products sell quickly and which remain on

store shelves for an extended period of time, which results in vigilant planning of

stocking and restocking investments as well as procurement decisions.

Furthermore, point of Sale (POS) refers to a cashier system that is used to

record every sale that occurs in a process where products and services are

traded (Widjaja, 2021). According to IT for Business (2017) POS is

advantageous in terms of inventory management since it aids in maximizing the

company's profit by managing all available sources. It is also advantageous for a

business since it controls the financial data essential for the firm to compete with

other businesses.

Purpose and Description

1
 LJG 4X4 Off-Road Car Accessories Shop offers car lightings, interior

and exterior accessories, suspension upgrades, steel bumpers, tires and mags,

roof racks, and other accessories. In the year 2011, they started selling online

through platforms such as Facebook, Sulit.com.ph, and my.baguio.biz. According

to Mrs. Lovelyn Genetiano the owner of LJG 4X4 Off-Road Car Accessories

Shop, her husband is a car enthusiast which is why they decided to focus their

business on car accessories and upgrades. In 2012, they were able to open a

physical shop which is located at Buyagan, La Trinidad Benguet however, they

transferred their shop to Adivay Bldg, Bonifacio Street, Baguio City. Currently,

LJG 4X4 Off-Road Car Accessories Shop has two branches located at Cleanfuel,

Tomay, La Trinidad, and another at Juniper Bldg, Bonifacio Street, Baguio City.

The LJG 4X4 Off-Road Car Accessories Shop does manual processing for

the majority of its business processes. The inventory and sales tracking are

inconsistent. They track their daily sales with pen and paper and occasionally

they base their monthly revenue on whether they can pay the leasing cost, bills,

and their staff. Furthermore, when buying stock, they keep the receipts to

determine whether they have stock in their warehouse.

The biggest concern with using pen and paper to track sales and inventory

is, that it might be misplaced or lost and has a higher chance of human error. It is

less secure might cause a data breach and can quickly destroy in case of

emergencies such as fire, typhoon, flood, and earthquake. Furthermore, there is

a lack of convenient backups when using pen and paper. There may be a means,

1
such as scanning or capturing images for backups, but the time spent producing

backups might have been spent operating the business instead. According to

Mrs. Lovelyn Genetiano, there are certain times that they would only know that

they don’t have stock to a certain product when they have no the certain product

displayed in their store and that’s the only time that they would purchase a stock.

This might cause a loss of profit, loss of customers, and delay of service to

customers.

Objectives of the Study

The main objective of the study is to help LJG 4X4 Off-Road Car

Accessories Shop improve the manual processes of the current business

management workflow.

General Objective

The main goal of the study is to create a system that will help the

business in managing the inventory, track sales, and expand the selling

capabilities of the LJG 4X4 Off-Road Car Accessories Shop.

Specific Objectives

The following specific objectives are formulated to have a goal

while conducting the proposed system:

1. To develop an e-commerce website to expand the selling

capabilities and marketing;

1
 2. To provide a system that generates daily, monthly, and annual

sales and inventory in the admin’s dashboard;

3. To offer data security by requiring login information and

authentication from the user; and

4. To provide a system that will be effective in terms of Functionality,

Reliability, Usability, Efficiency, Maintainability, and Portability

based on ISO/IEC 9126.

Significance of the Study

Administrator. This research aims to help LJG 4X4 Off-road Car

Accessories Shop to be more efficient in its operation as it will help the owner’s

business to monitor its sales and organize its inventory with the new Inventory

system. The website itself will also help expand the companies’ influence inside

and outside of Baguio/Benguet area, which in turn will generate more sales,

broaden its influence throughout the country, and gain potential loyal customers.

Employees. This research aims to help the employees of the LJG 4X4

Off-road Car Accessories Shop track their stocks, and improve their productivity

and workflow by automating their inventory system.

Customers. This research also aims to help customers of LJG 4X4

Off-road Car Accessories Shop as it will help them shop more efficiently from

purchasing the product to checkout. Instead of going to their physical store, the

customers can access the website and check for availability, purchase, and pay.

1
This will be significantly helpful for customers that are short on time or live from

afar. Aside from that, customers that choose to visit the shop will also get the

same benefits because of the new inventory system in place.

Future Researchers. This research can be used as a reference or a

guide for future researchers and developers that are in the same field such as

information technology, computer science, and other similar fields. Future

researchers can learn, improve and compare the procedures and methods that

were used in this research, and that will help them in their own research and

development of a similar system.

Scope and Limitation

This study will focus on developing an Official Website for LJG 4X4

Off-road Car Accessories Shop and will also integrate an Inventory Management

system. The system aims to help the company modernize its business process

from marketing to inventory. The Website will have a login page that contains the

Login and Signup Buttons. Users can signup and verify their email upon login.

The website will host 3 different users, the Admin, the Employee, and the

Customer. The Administrator will be the primary account holder and will have full

access to the following tabs; Account Management, Sales, CRUD (Create, Read,

Update, Delete) products, Point-Of-Sale (POS), and Inventory Tab. Meanwhile,

the employees will only be able to access the following, namely the POS,

Inventory, and CRUD tabs. The Customer on the other hand will be presented

1
with a different Home Page and will feature the following; the Products Tab, Add

to Cart, Checkout, and Payment.

The system will not utilize the following mode of payment; virtual

currencies, credit, and debit cards.

CHAPTER II

Related Literature

The following are reviews of literature related to developing

e-commerce, inventory, and point of sales. The related literature includes foreign,

and local literature and studies. The following studies that the proponents utilized

as a guide and reference in developing the system.

Related Literature

This section provides materials from published articles and journals

on particular topics related to the present study.

Foreign Literature

In the journal entitled “Impact of E-commerce on Business

Performance” (November 2021) by A. Andonov, G. Dimitrov, and V. Totev

stated that the core significance of e-commerce is the elimination of

geographical boundaries that enables businesses to expand work

1
operations, effectively continue market development, and optimize various

opportunities. Moreover, customers will have great shopping experiences

in which they can browse a wide range of items and select the goods and

services they desire without hassle or wasting time. It also mentions that it

is much quicker and more feasible for consumers to communicate with the

companies and express their concerns regarding products and services. [1]

The previous journal's contribution to the current study is that

developing an e-commerce website can significantly help a business grow,

have more business opportunities, and have potential loyal customers.

In the article entitled “4 must-have retail POS Software Features to

Boost Business Efficiency” (February 2021) by A. Singh stated that one of

the helpful features of POS is sales reporting and analytics which provide

information and insights into the business’s sales. It assists the business

to identify the top-selling items and allows them to focus on maintaining

sales of such products, continue to invest in the market, and maintain the

stocks to continue meeting future demands. [2]

The contribution of the previous article to the current study is that

having such a feature can significantly track the precise number of sales

and revenue of the business. It can also significantly influence future

revenues, the profitability of the business, and purchasing of future stocks.

1
 In the journal entitled “Web-Based Online Inventory Information

System” (2020) by E.S. Soegoto and A.F. Palalungan stated that the

inventory system’s function is to be able to fulfill the anticipated consumer

demand. Numerous businesses employ web-based online inventory

systems since it saves a lot of time, energy, and resources. Additionally,

the advantages of a web-based online inventory system include allowing

businesses to check current inventory levels easier and allowing

businesses to purchase goods that are almost stocked out. [3]

The previous journal’s contribution to the current study is that the

inventory system is a vital function to assist businesses to have better

operations. It also allows accessing the inventory anytime and anywhere

as long as it is connected to the internet.

Local Literature

In the article entitled "Who are the Philippines Online Shoppers?"

(August 2021) by B. Katrina & L. Benedict stated that the e-commerce

market for consumer goods in 2025 grows up to $15 billion which makes

e-commerce increasingly adopt nationwide. Whereas there are 38.88

million people who purchase consumer goods online. According to the

authors, Filipinos shop online for the convenience of not going to the store

physically, for exclusive deals and lower prices, and for the availability and

variety of products. [4]

1
 The article's contribution to the current study is that e-commerce

can run 24/7 without geographical borders which can significantly

generate sales and revenues for the business.

In the journal entitled “Point of Sale System with Inventory for Arm’s

Food and Delicacies” (December 2019) by A. R. Mendoza, L. Agustin, T.

Santos, A.R. Balbuena, and B. Cabral stated that Point of Sale and

Inventory makes the business more profitable, competent, and efficiently

beneficial to the firm and its clients. With the POS and Inventory, the

retrieval of information and documents would be quicker and minimizes

human mistakes. [5]

The journal’s contribution to the current study is that Point of Sale

and Inventory makes the business maximize resources, save a lot of time

in terms of business operations, and generate more sales and revenues.

In the journal entitled "Development & Implementation of Point of

Sale System (POS): Profitability Measurement for Retail Business" (2018)

by G. Mangmang revealed that embracing the use of technology in

business operations can maximize the profit and progress of the business.

Hence, the integration of POS into the business operation can lead to a

better analysis of the business. It also mentions that manual inventory

monitoring is extremely difficult. [6]

1
 The previous journal's contribution to the present study is that the

integration of POS can significantly help the business workflow operate

efficiently. It also diminishes human errors, and manual processing, and

efficiently tracks the sales which will significantly influence the

procurements of the business.

Related Studies

This section displays foreign and local studies that will assist and

understand the information that is relevant and comparable to the proposed

system.

Foreign Studies

In the study entitled “E-commerce Website” (May 2021) by

S. Bendale, H. Hansora, V. Solanki, N. Varanmala mentions that

E-commerce websites are expected to grow by 8% by 2025, making

e-commerce a profitable industry. The study aims to build a dynamic

webpage. The proponents used for frontend are HTML5, CSS3,

JavaScript, and Bootstraps for designing the website. And for the

backend, the proponents used firebase which serves as a friendly-user

tool. The new user can view, search, sort, and filter the products without

any login credentials. However, the user needs to register to add products

1
to the wishlist and cart to save for later or to place an order. The admin

has access to the entire website for future modifications. Additionally, a

chatbot was implemented to assist the customer inquiries 24/7. Live order

tracking page was also included so that the customers would know about

the live location of the product and ensure that the product is on the right

track and predict the delivery time. [7]

The similarities between the previous study and the current

study is that customers can check out, add products to a cart, and pay

online. The functionalities of the website such as crud products and views

orders can be accessed by the administrator. On the other hand, the

difference is that the current system uses PHP8, Code Igniter 3, and

MySQL for the backend. The system also integrates inventory and POS in

the administrator’s dashboard.

In the study entitled “Development of a Web-Based Inventory

Information System” (April 2021) by J. Parasibu stated that a

computerized system will save time, will not waste a lot of energy, and

leads to the accuracy of data presentation. The system aims to reduce

errors in data processing, make data managed accordingly and make data

processing incoming and outgoing goods more effective and efficient. In

addition, the waterfall development model was employed in conjunction

with the prototyping paradigm to assist the researcher in defining the

needs of the users and anticipating changing demands. The proponent

1
used PHP, HTML, Javascript, Jquery, CSS, MySQL for the database,

Apache for the webserver, and YII Framework with the MVC (Model View

Controller method. [8]

The similarities between the previous study and the current

study is that the system is accessible through the internet and it is quite

similar in terms of the programming language that is used to develop the

system. In contrast, the difference from the current system is that the main

goal is to manage the inventory, track sales, expand the selling

capabilities, and also provide a system that will be effective based on

ISO/IEC 9126.

The study entitled “Web-Based Inventory System” (October 2019)

by KK. Aswanth, A. Ganesan, V. Kavitha aims to automate all the

processes of ACME pumps which deal with production, sales, purchases,

and stock. The admin can enter new products, the system can generate

reports which include sales (day, week, and month), customer reports,

invoice reports, and stock level. The proponents used Microsoft Visual

Studio.Net 2010, C#.Net, and Microsoft SQL Server 2008 as the

backend.[9]

The similarity between the previous study and the current study is

that through the internet the system is accessible anytime and anywhere.

The system can generate reports of daily and monthly sales. On the other

1
hand, is that the current system’s POS is integrated into a website that is

accessible to the administrator and employee’s dashboard.

Local Studies

In the study entitled “Sales and Inventory System for GPL9

Construction Supply” (March 2021) by M.L. Fedellaga, E. Pantoja Jr., and

K. L. Pobre mentioned that the sales and inventory system plays a

significant role in business operations. The study aims to reduce paper

works, speed up the process, and enable constant updates of the

inventory. The system has the capability to manage and handle the

inventory processing, create daily reports, and ensure the security and

protection of the data, and the fully configurable system allows users to

create new and assign certain access levels. C# and MySQL were used to

develop the system. [10]

The similarity between the previous study and the current study is

that the systems aim to reduce the manual processing of business

workflows. On the other hand, the difference is that the current system is

accessible anytime and anywhere as long as it is connected to the

internet.

The study entitled “Malita E-commerce” (May 2018) by R. Almondia

and K. Rico stated that businesses increasingly implement e-commerce

websites incorporating functionality in performing business transactions.

1
The study aims to design a webpage that enhances marketing through

online advertising, online buying, and selling. The system was

implemented in the Municipality Malita, Davao Occidental wherein

consumers and vendors can buy and sell products online. [11]

The similarities between the previous study and the current study

are that customers can buy and directly view products posted by the seller

and the seller has the authority to manage the products, view sales

records, and track orders. In contrast, the difference is that the proposed

current systems will be implemented in one specific business which

indicates that there is only one seller. Additionally, Microsoft VS code,

HTML5, CSS3, Bootstrap, Javascript, jQuery, Ajax, PHP8, Codeigniter3,

and MySQL will be used in developing the system.

In the study entitled “MCM Merchandise Point of Sale (POS) &

Inventory System” (March 2018) by M.A. Canales, J.L. Badajos, and R.M.

Doverte mentions that manual inventory increases the possibility of human

error such as forgetting to record a transaction or miscounting the number

of goods which may result from low or high inventory. The system enables

tracking, calculating, and analyzing inventory levels on an item-by-item

basis. It also allows entering inventory codes either manually or via a

bar-code scanner. [12]

The similarities between the previous study and the current study is

that the administrator can CRUD (create, read, update and delete) the

1
products and has the authority to access all the functionality. In contrast,

the difference is that the currently proposed system requires the users to

log in and allows the administrator to manage the accounts created. The

system is not utilizing a barcode scanner instead the admin is required to

manually encode the product name.

Synthesis

The review of local and foreign literature by A. Andonov, G.

Dimitrov, and V. Totev (2021), A. Singh (2021), E.S. Soegoto and A.F.

Palalungan (2020), B. Katrina & L. Benedict (2021), A. R. Mendoza, L.

Agustin, T. Santos, A.R. Balbuena, and B. Cabral (2019), G. Mangmang

(2018) widens the information about e-commerce, inventory, and point of

sale systems.

The review of local and foreign studies by S. Bendale, H. Hansora,

V. Solanki, N. Varanmala (2021), J. Parasibu (2021), KK. Aswanth, A.

Ganesan, V. Kavitha (2019), A. R. Mendoza and L. Agustin (2019), M.A.

Canales, J.L. Badajos, and R.M. Doverte (2018), M.L. Fedellaga, E.

Pantoja Jr., and K. L. Pobre (2021), R. Almondia and K. Rico (2018) is

1
useful for the proponents to broaden their knowledge on various features

and methods that can be applied to the current project.

Technical Background

The proponents proposed system is an Official Website for LJG

4X4 Off-Road Car Accessories Shop, the system is also integrating an

Inventory and POS management system. The website aims to help the

company increase its sales by expanding its selling capabilities while also

automating its inventory and sales processes. The website can run on any

internet browser and can run on a laptop, desktop, and phone, as long as

an internet browser is installed, and is connected to the internet.

1
 Figure 1.0 Technical Background

The illustration in figure 1.0 shows the steps of the proposed Official

Website. The Administrator will have full access to the system and can

Create, Read, Update, and Delete (CRUD) products in the system. The

employees do not have full access to the system and can only access the

Inventory, POS, CRUD products, and Category Tab. The customer, on the

other hand, is able to access the home page, products page, add to cart,

checkout, and pay. The proposed system will require an internet

connection and will be accessible to any web browser. The proponents will

use Microsoft Visual Studio Code, HTML 5, CSS 3, Bootstrap, JavaScript,

jQuery, and Ajax for front-end development and PHP 8, Code Igniter 3,

and MySQL for the backend.

1
 CHAPTER III

Methodology Results and Discussion

1
 The following chapter will go over the approaches, techniques, and

methods that the proponents will use for their study, providing an overview and

adequate understanding.

This chapter will discuss the Software Design and Processes, System

Architecture, Conceptual Design, Cost-Benefit Analysis, Requirement Analysis,

System Flow, and Block Diagrams of the system of the LJG 4X4 Off-Road Car

Accessories Shop.

System Design, Products, and/or Processes

In this study, the proponents will utilize Agile Software Development which

focuses on incremental development, iterative work environment, embraces

changes, prioritizes the user feedback in order to adjust the product to meet the

changes required, and ensures the product remains relevant. Additionally, it

allows the proponents to break the developmental process into iterative steps,

allowing for them to work effectively, deliver the products faster, cheaper, and

most importantly, deliver a product that satisfies the demand of the user. Below is

an illustration of Waterfall Software Development.

1
 Figure 1.1 Waterfall Software Development

The Agile Software Development has six phases: Requirements, Design,

Development, Testing, Deployment, and Review. A discussion of each step

follows.

Requirements

During this phase, the proponents have prepared a formal letter

requesting permission to conduct a study on LJG 4x4 Off-Road Car

Accessories Shop on February 4, 2022. Afterward, on February 8, 2022,

the proponents conducted an initial interview with the owner of the LJG

4x4 Off-Road Car Accessories Shop. The following week, on February 21,

the proponents then again conducted another interview and were given

permission to observe the current business operations and system of the

company as well as determine the current issues that they were

1
encountering. Subsequently, the proponents drafted a blueprint indicating

the processing steps of the system. The Gantt Chart is also used by the

proponents to divide the research project into phases. And on March 14,

2022, an agreement of developing the official website for the LJG 4x4

Off-road Car Accessories Shop was made between the proponents and

the beneficiary. Furthermore, the proponents will continue to communicate

with the beneficiary in order to gather any additional information that may

be required in the future.

Analysis

Design

This phase contemplates the proposed system as a user-friendly

environment. The system is envisioned to be able to handle different tasks

such as managing customer orders and selling different products online.

Additionally, customers have the feature to pay online through gcash and

paymaya. Employees, on the other hand, will be able to manage orders

and products. While the administrator will have complete access to the

system.

Development

1
 It is the most time-consuming phase, where the proponents are to

follow coding standards to improve the readability and maintainability of

the code. The proponents will be using:

● Codeigniter 3 a PHP Model-View-Controller (MVC)

framework. It is a major help to the proponents in speeding

up the development of the system. MVC is a software

architecture pattern that divides the application into three

main logical components: the model, the view, and the

controller. The model component is all the data-related logic

that the user works with. The view component, however, is

used for all user interface logic of the application. And the

controller component handles the interaction between model

and view components. Codeigniter 3 is also a featured pack

PHP framework that will be well utilized in the system.

● HTML or HyperText Markup Language is a widely used

language that creates web applications and web pages as it

is one of the main structures of web development.

● CSS which stands for Cascading Style Sheets is a simple

design language that handles the looks and feels of the

website.

1
 ● Bootstrap is a front-end framework that is mostly used for

faster and easier web development for the reason of making

the website responsive and mobile-friendly.

● JavaScript is an object-based scripting language in which

developers can write scripts and make websites that are

interactive.

● Jquery is a lightweight javascript library that is designed to

simplify the client-side scripting of HTML.

● Asynchronous Javascript and XML(AJAX) allow the system

to send and receive data asynchronously without reloading

the web page. It helps the user save time opening different

web pages.

● MySQL is used for handling the database of the system. It is

based on Structured Query Language(SQL) which is an

open-source relational database management system.

● Visual Studio Code is one of the code editors developed by

Microsoft that is available on different platforms such as

Linux, macOS, and Windows.

Testing

In this phase, the proponents will serve as the first testers as they

are required to continually test and debug while developing the system.

The method enables them to identify problems as early in the

1
 development process. Ensuring quality assurance to the system. Testing

of the prototype to the beneficiary will be done after the initial testing of the

proponents. Suggestions and revisions requested by the beneficiary

regarding the system will be assessed by the proponents and will make

changes accordingly. After that, the revised prototype will then be tested

by the employees and will undergo another set of revisions before being

handed down to the next tester, the customer. It is crucial for the

proponents to keep on getting constant feedback from potential users as it

will help improve the overall experience of the system. Furthermore, after

the system is completed, the proponents will conduct a pre-test and

post-test survey of the users. ISO/IEC 9126 will be used as the foundation

for the survey.

Deployment

After a series of testing and revisions, the system will now be

installed on servers and be made available to customers. The system will

be given 30 days of support by the proponents.

Review

After completing all of the preceding phases, the proponents will

present and demonstrate to the beneficiary the developed features of the

system during the iteration.

Software System Architecture

1
 The fundamental structures of a software system, and the discipline of

creating such structures and systems. It functions as a blueprint for the system

and the developing project, laying out the tasks necessary to be executed by the

design teams.

Figure 1.2 System Architecture

The illustration in figure 1.2, shows the structure of the proposed system.

The website interface and the back-end of the system.

Conceptual Design

This section will visually discuss the processes and interactions of the

proposed system. It allows the proposed system to be easily comprehended and

conceptualized.

1
 The proponents will create the database model structure, connect the

database tables, create data forms, and prepare the project presentation. A

review of the system's design and functionality will be carried out.

Class Diagram

The class diagram is essential to visualize the system and to

display the relationships between classes.

Figure 1.3 Class Diagram

1
 Cost Benefit Analysis

In this part of the study, the cost-benefit analysis will help in determining

how the proposed system will benefit the company. It will also inform the client

whether the proposed system is worthwhile to implement. The proponents

gathered the necessary information from the company and compares the

projected or estimated costs and benefits of the system.

Table 1.0

Cost Benefit Analysis

No Cost Benefit Year 0 Year 1 Year 2 Year 3 Year 4 Year 5 Total

Analysis

1 Value of benefits - 2,677 2,982.3 3,323.78 3,705.89 4,133.66 16,822.63

2 Discount Factor 1 0.9091 0.8264 0.7513 0.6830 0.6209

(10%)

3 Present value of - 2,433.67 2,464.57 2,497.16 2,531.12 2,566.59 12,493.11

Benefit

4 Development Cost (2,068) - - - - - (2,068)

5 Operating
Cost/Ongoing - (686.21) (686.21) (86.21) (686.21) (686.21) -
Cost

6 Discount Factor 1
(10%) 0.9091 0.8264 0.7513 0.6830 0.6209

7 Present Value of - 623.83 567.08 515.55 468.68 426.07 2,601.21

Cost

8 Present Value of
Net Benefits and - 1,809.84 1,897.49 1,981.61 2,062.44 2,140.52 9,891.9
Costs

1
9 Cumulative Net (2,068) (258.16) 1,639.33 3,620.94 5,683.38 7,823.9 18,509.39
Present Value

10 Payback Period 1 year and 113 days

11 5 Year Return of 59%

Investment

Table 1.0 shows the cost benefit analysis of the proposed system and how

it will benefit LJG 4X4 Off-Road Car Accessories Shop.

Computation of Value of Benefits

Year1: 470 + 282 + 1,925 = 2,677

Year2: 470 *.15 = 70.5 + 470 = 540.5

282 * .15 = 42.3 + 282 = 324.3

1,925 * .10 = 192.5 + 1,925 = 2,117.5

Total: 540.5 + 324.3 + 2,117.5 = 2,982.3

Year3: 540.5 * .15 = 81.08 + 540.5 = 621.58

324.3 * .15 = 48.6 + 324.3 = 372.95

2,117.5 * .10 = 211.75 + 2,117.5 = 2,329.25

Total: 621.58 + 676.5 + 2,329.25 = 3,323.78

Year4: 621.58 * .15 = 93.24 + 621.58 = 714.82

372.95 * .15 = 55.94 + 372.95 = 428.89

1
 2,329.25 * . 10 = 232.93 + 2,329.25 = 2,562.18

Total: 714.82 + 428.89 + 2,562.18 = 3,705.89

Year5: 714.82* .15 = 107.22 + 714.82 = 822.04

428.89 * .15 = 64.33 + 428.89 = 493.22

2,562.18 * .10 = 256.22 + 2,562.18 = 2,818.40

Total: 822.04 + 493.22 + 2,818.40 = 4,133.66

Total: 2,677 + 2,982.3+ 3,323.78+ 3,705.89+ 4,133.66 = 16,822.63

Computation of Discount Factor

Year0: 1 / (1+0.1)0=1

Year1: 1 / (1+0.1)1= 0.9091

Year2: 1 / (1+0.1)2= 0.8264

Year3: 1 / (1+0.1)3= 0.7513

Year4: 1 / (1+0.1)4= 0.6830

Year5: 1 / (1+0.1)5= 0.6209

Computation of Present Value of Benefits

Year1: 2,677 * 0.9091 = 2,433.67

1
Year2: 2,982.3 * 0.8264 = 2,464.57

Year3: 3,323.78 * 0.7513 = 2,497.16

Year4: 3,705.89 * 0.6830 = 2,531.12

Year5: 4,133.66 * 0.6209 = 2,566.59

Total: 2,433.67 + 2,464.57 + 2,497.16 + 2,531.12 + 2,566.59 = 12,493.11

Computation of Present Value of Cost

Year1: 686.21 * 0.9091= 623.83

Year2: 686.21 * 0.8264= 567.08

Year3: 686.21 * 0.7513= 515.55

Year4: 686.21 * 0.6830= 468.68

Year5: 686.21 * 0.6209= 426.07

Total: 623.83 + 567.08 + 515.55 + 468.68 + 426.07 = 2,601.21

Computation of Present Value of Net Benefit and Cost

PVOB – PVOC = TOTAL

Year1: 2,433.67 - 623.83 = 1,809.84

Year2: 2,464.57 - 567.08 = 1,897.49

1
Year3: 2,497.16 - 515.55 = 1,981.61

Year4: 2,531.12 - 468.68 = 2,062.44

Year5: 2,566.59 - 426.07 = 2,140.52

Total: 1,809.84 + 1,897.49 + 1,981.61 + 2,062.44 + 2,140.52 = 9,891.9

Computation of Cumulative Net Present value

Year0: (2,068)

Year1: (2,068) + 1,809.84 = (258.16)

Year2: (258.16) + 1,897.49 = 1,639.33

Year3: 1,639.33 + 1,981.61 = 3,620.94

Year4: 3,620.94 + 2,062.44 = 5,683.38

Year5: 5,683.38 + 2,140.52 = 7,823.9

Total: (258.16) + 1,639.33 + 3,620.94 + 5,683.38 + 7,823.9 = 18,509.39

Table 2.0

Value of Benefits

Value of Benefits Amount Details

Reduce the use of bond Php 235

paper Php 470 (8.5x11) 500 Sheets,

1
 2 reams per year
Increasing 15% per year

Reduce the use of Ball Php 141

Pen Php 282 (50 pcs per box)
2 Boxes per year
Increasing 15% per year

Reduce the use of bottle Php 385

Ink Php 1,925 (1 pc. per box) Black
5 boxes per year
Increasing 10% per year

Total Php 2,677

Table 2.0 shows the value of benefits that the company will gain from the

proposed system. The bond paper, ballpoint pens, and a bottle of inks will be

used less frequently.

Figure 1.4 Supporting details for Value of Benefits

The illustration in Figure 1.3, shows the prices of items in the value of

benefits, which can be found in the Shopee and Lazada marketplace.

1
Development Cost

This section will detail the costs that may be incurred during the

development of the proposed system.

Table 3.0

Development Cost

Expense Category Amount

Salaries/Wages N/A

Webhosting Php 2,068

Training N/A

Facilities N/A

Support Staff N/A

Programming N/A

Total Php 2,068

The illustration in Table 3.0 shows the expenses during the development

of the proposed system. The client is in no need of new computer hardware and

equipment as the proponents have determined that their current unit is up to

specifications needed by the system, also the store is already equipped with an

internet connection and all the necessary equipment needed.

1
 The proponents will utilize Hostinger services, the premium web hosting

will cost Php 99 in the first month of subscription with a free domain for a year

then Php 179 per month for the succeeding months. Therefore, the total expense

for developing the proposed system will be Php 2,068.

Figure 1.5 Supporting details for development cost

The illustration in Figure 1.4, exhibits the price of web hosting subscription

and domain registration from Hostinger services.

Operating Cost

This section will outline the potential costs of implementing the proposed

system in the company.

1
 Table 4.0

Operating Cost

Expense Category Amount

Connectivity N/A

Utilities/Electricity 686.21

Supplies N/A

Facilities N/A

Total Php 686.21

Table 4.0 exhibits the operating cost when the proposed system is

implemented, with an electricity cost of Php 686.21. The computed electricity is

for the charging of the Laptop that the company will be using.

1
 Figure 1.6 Supporting detail for Operating Cost

Figure 1.5 shows an illustration of the estimated cost of Electricity which

costs Php 57.18 per month multiplied by 12 months equals Php 686.21 a year.

Payback Period

The payback period is the length of time it takes to repay the cost of an

investment.

Formula

1
Computation

1,639.33
1 𝑦𝑒𝑎𝑟 + 1,639.33 + 3,620.94
𝑥 365 = 133. 75

Payback Period = 1 year and 113 days

Return of Investment

In this part, it will show how much the company will benefit from the

proposed system’s investment.

Formula:

Where:

ROI = Return of Investment

PVoB = Present Value Benefit

PVoC = Present Value of Cost

DC = Development Cost

1
Computation

12,493.11 − (2,068 + 2601.21)

𝑅𝑂𝐼 = (2,068 + 2601.21)
𝑥 100 = 59%

Requirement Analysis

Table 5.0

Requirement Analysis

Hardware CPU Dual Core Processor

RAM 4GB

OS Windows 7 or newer

Software Browser Latest Version of any Browser

Table 5.0 shows the hardware and software requirements. The

Proponents have determined the general minimum hardware requirements for

the system, a dual-core processor, 4GB of RAM, and Windows 7 or newer

operating system. As for software requirements, the system can run on any

internet browser as long as it is up to date.

System Architecture/System Flow

This exhibits the process flow of the proposed system which allows to

visualize and easily understand the system interactions.

1
 Figure 1.7 System Flow

The Illustration in Figure 1.6, shows the flow of the proposed system for

the LJG 4X4 Off-Road Car Accessories Shop.

Block Diagrams

This section will display the proposed system's processes as blocks

connected by lines that demonstrate the block's relationships.

1
Figure 1.8 Customer’s Block Diagram

1
Figure 1.9 Administrator’s Block Diagram

Figure 2.0 Employee’s Block Digram

1
Development and Testing

The proposed system will be developed in accordance with the user's

story. The proponents utilize agile software development which allows breaking

the development of the system into chunks. The proposed system will be

developed using Visual Studio code. For the frontend, the proponents will be

using HTML5, CSS3, Bootstrap, Javascript, Jquery, and AJAX. Backend, on the

other hand, will be PHP8, Codeigniter3, and MySQL. Furthermore, the

proponents will utilize Hostinger services for web hosting and domain

registration.

In testing the proposed system, the proponents will be using pre and

post-tests in which the respondents will evaluate the present system which is the

pre-test, and the proposed system which is the post-test. The following

respondents will be the administrator, employees, and customers of the

company. Furthermore, the survey that the proponents will be using will be based

on ISO/IEC 9126 and will be validated before distributing it.

Input and Output Reports and Analysis

Module Name: User Login Page

1
Module Name: Home Page

Module Name: Product Page

Module Name: Category Page

Module Name: About Us

1
Module Name: Contact Us Page

Module Name: Admin Login Page

Module Name: Admin Dashboard

Module Name: Admin Sales Management

1
Module Name: Admin User Account Management

Module Name: Admin Order Management

Module Name: Admin Category

Module Name: Admin Product List

1
Module Name: Admin Publish Product

Module Name: Admin Inventory

Description of the Prototype

The users can access the proposed system via mobile phones or desktop

computers, as well as an internet connection. The proposed system has three

users namely the customers, administrator, and employees. The system allows

the customers to log in, view products, add items to their cart, checkout, and pay

online (gcash/paymaya) or in cash. The administrator has the privilege to access

all the functionalities of the system. While the employees have limited access to

the system (see Figure 1.7).

1
Implementation Plan

After the system is tested, the proposed system will be delivered and

integrated into the company. Upon implementation, the proponents will firstly

provide an overview of the system's functionalities and features. The proponents

will give 30 days of assistance after the system is deployed, and any questions or

difficulties with the system will be addressed.

1
 CHAPTER IV

Conclusions and Recommendations

st