Figure 3

Figure 3 displays the website's experience in chronological

order. A Gantt chart is used throughout project development to help

carry out each plan for website development.

Requirements Specification

To carry out the suggested project effectively, the user must be

knowledgeable of and well-versed in the system. To be fully

functional, it must also carry out the system's requirements. This

covers user interfaces, hardware and software interfaces, security

interfaces, and functional requirements.

Functional Requirements
 Functional requirements are those that pertain to the system's

operations and functions. This covers the system's operation from the

website's administrator all the way through to its users.

All consumer demands are managed and recorded by this system.

gives inventory information and sales reporting. The only people with

ability to alter products, add and update products, and generate

reports on the website are the administrators. View inventory levels

and product sales data. The status of customer orders can be updated,

and admins can examine all transactions and handle payments from

customers.

User Interface

The Deli Co. Web-based Inventory and Point of Sale is designed to

benefit end users as well as administrators. The program has been

created to be user-friendly and to satisfy user needs. It offers

thoughtfully designed functionality that makes life easier for

administrators and users and satisfies their needs. This made use of

frameworks for web design so that customers may freely engage and

conduct transactions on the website without any hassle.

Hardware Interface

For this project's hardware to function properly, it must adhere

to the set specifications. As they function in tandem to maintain the

designed system's peak performance, the interaction between software

and hardware should constantly be considered.

 Researchers used a range of hardware components to construct

their system. These include storage equipment like flash drives to

store the system-building files, Wi-Fi routers that enable Internet

connectivity for website processing and testing, and laptops as

essential components.

Software Interface

The administrator of this system is given software that is simple

to use. This guarantees simple and accurate site navigation and offers

all the features visitors require for a wonderful experience on the

website. The goal of this project is to make it simple for

administrators and users to use. The success of the project depends on

this interface, which depicts the interactions and operations between

the system as a whole and related component like databases and

operating systems.

The researcher's computer was running Windows 11, with Google

Chrome as their web browser and Visual Studio Code as their IDE.

Additionally, we created the database using a WAMP server, coded in

PHP and JavaScript, and used the Codeigniter4 PHP framework.

Security Interface

The system is password-protected to stop unauthorized users from

performing illegal actions. Continuous monitoring, recording, and

reporting of unauthorized activity to administration. This makes sure

that your system is safe against hacker attacks, which may be quite
expensive for both your system and its users. All security components

for the Codeigniter4 PHP framework were also enabled by the system.

Technical Background

The prerequisites for effective system development are

represented by the technical background. The project's technical

information is given in an organized and clear way. A presentation of

the hardware and software specifications used by the researchers is

shown in the tables below.

Figure 6. Use Case of Developed Website
Figure 6 depicts the website's process flow. This diagram shows how
website visitors see the functionality that is offered.