CHAPTER 3

DESIGN AND METHODOLOGY

This chapter discusses the methods, concept designs, diagrams and figures for

InnovativeVendo A seamless Gcash and Paymaya Transactions Cash-Out Machine. It tells

how the machine processes and manipulate its data with the command of an authorized

personel. This ends with conclssions on how the context are important for understanding the

collection data, processing, and retrieval of these data.

3.1 Conceptual Framework

Figure 1. Conceptual Framework

Figure 1. Illustrates the process of Gcash Transactions Cash-Out . It shows that the system is

composed of several key components. The Machine allows the user to input the transaction of

Gcash.

3.2 Requirement Documentation

3.2.1 Functional Requirements

 3.2.1.1 Operational Environment

Operational Environment shows how a user can operate the

system.

Figure 2. Operational Environment

3.2.1.2 Project Features

 User-Friendly Interface:

The Vendo machine should have a simple and intuitive interface that allows users to

easily navigate through the cash-out process.

 Multiple Payment Options: Offering both Gcash and Paymaya cash-out options

provides flexibility for users who prefer one platform over the other.

 Real-Time Transactions: Ensuring that the cash-out transactions are processed in

real-time would enhance the user experience and convenience.

 Secure Transactions: Implementing robust security measures to protect users'

financial information and ensure secure transactions is crucial for building trust.

 Receipt Printing: Providing users with a printed receipt for their cash-out

transactions can help them keep track of their financial activities.

 24/7 Accessibility: Making the Vendo machine available 24/7 allows users to access

their funds at any time, providing convenience and flexibility.

 Promotions and Rewards: Offering promotions or rewards for using the Vendo

machine can attract more users and encourage repeat transactions.

 Maintenance and Support: Regular maintenance and prompt customer support

services can help address any issues quickly and ensure the smooth operation of the

Vendo machine.

3.2.1.3 Communication Interface

 API Integration: The Vendo machine can communicate with the Gcash and

Paymaya platforms through API integration, allowing seamless data exchange for

cash-out transactions.

 Encryption Protocols: Implementing encryption protocols such as SSL/TLS ensures

that communication between the Vendo machine and the payment platforms is secure

and protected from unauthorized access.

 QR Code Scanning: Utilizing QR code scanning technology can enable users to

initiate cash-out transactions by scanning a code generated by the Vendo machine,

facilitating quick and efficient communication.

 Mobile App Integration: Integrating a mobile app that connects to the Vendo

machine allows users to initiate cash-out transactions remotely and receive

notifications about the status of their transactions.

 3.2.1.4 Mobile Application Interface

 User-Friendly Navigation: A clean and intuitive navigation menu that allows users

to easily access different features of the app, including cash-out options, transaction

history, settings, and support.

 Secure Login: Implementing a secure login process, such as biometric authentication

or two-factor authentication, to ensure the security of users' accounts and transactions.

 Cash-Out Options: Clearly displayed options for cashing out funds through Gcash

and Paymaya, with easy-to-follow steps for initiating and completing transactions.

 Transaction History: A detailed transaction history section that allows users to track

their cash-out activities, view receipts, and monitor their financial transactions.

 Notifications: Push notifications to keep users informed about the status of their

transactions, account updates, promotions, and any important announcements from

the Vendo machine service.

 Support and Help Center: Access to a support center or FAQ section within the app

for users to seek assistance, report issues, and find answers to common questions

about the Vendo machine and cash-out process.

3.2.1.6 Hardware Interface and Architecture Design

Hardware Interface Function

Payment Terminal Incorporate a secure payment terminal that

supports transactions via Gcash and

Paymaya, with card readers and contactless

 payment capabilities.

Touchscreen Display Implement a user-friendly touchscreen

display for easy navigation and interaction

with the Vendo machine.

Receipt Printer Include a receipt printer for users to receive

physical receipts of their cash-out

transactions.

Network Connectivity Ensure reliable network connectivity options

such as Wi-Fi and Ethernet for seamless

communication with payment platforms.

Architecture Design Function

Client-Server Architecture Adopt a client-server architecture where the

mobile app serves as the client interface for

users to interact with the Vendo machine

server.

Cloud Integration Utilize cloud services for data storage,

processing, and real-time synchronization

between the Vendo machine, mobile app, and

payment platforms.

API Integration Develop APIs to facilitate communication

between the Vendo machine, mobile app, and

external payment platforms like Gcash and

Paymaya.

Security Protocols Implement robust security protocols such as

encryption, authentication mechanisms, and

 secure data transmission to protect user

information and transactions.

Scalability Design the architecture to be scalable,

allowing for future updates, additional

features, and increased user traffic without

compromising performance.

User Interface Design Function

Intuitive Interface Design a user-friendly interface on the Vendo

machine with clear instructions, prompts, and

visual cues for users to navigate through the

cash-out process easily.

Feedback Mechanisms Incorporate feedback mechanisms such as

confirmation messages, progress indicators,

and error notifications to keep users informed

during transactions.

Accessibility Features Consider accessibility features such as

adjustable font sizes, color contrast options,

and audio prompts for users with diverse

needs.

Table 1.

The table 1 shows the Hardware interface, Architecture Design, and User Interface Design

used by the proponents in developing the system.

3.2.2 Non-Functional Requirements

 Speed: The system should provide quick and efficient cashout transactions to enhance

user experience and reduce waiting times.

 Security: Ensuring the security of transactions and user data is crucial. Implement

robust security measures to protect user information and financial transactions.

 Reliability: The system should be reliable and available whenever users need to cash

out. Minimize downtime and ensure consistent performance.

 Data Integrity: Maintain the accuracy and consistency of data throughout the cashout

process to prevent errors or discrepancies.

 User-Friendly Interface: Design an intuitive and easy-to-use interface for the Vendo

machine to facilitate smooth transactions for users.

 Scalability: Ensure that the system can handle a growing number of users and

transactions without compromising performance.

 Compatibility: The Vendo machine should be compatible with a wide range of

devices and operating systems to accommodate various users.

 Compliance: Adhere to regulatory requirements and industry standards to ensure legal

compliance and data protection.

3.3 Design of Software, Systems, Product and or/Processes

3.3.1 The Project Concept

 INPUT PROCESS
OUTPUT

User Information: Users Authentication: The system Cash Dispensing: The

input their account verifies the user's identity and Vendo machine dispenses
details, such as their account details to ensure the the requested cash
GCash or PayMaya security of the transaction. amount to the user.
account information,
including account Payment Gateway Transaction Receipt: A
number and PIN. Integration: The system receipt is printed or
interacts with the GCash and displayed on the screen,
Cashout Amount: Users PayMaya payment gateways to confirming the details of
specify the amount they initiate the cashout process. the cashout transaction,
wish to cash out from
including the amount
their digital wallets. Transaction Processing: The
withdrawn and the
system processes the cashout
Transaction transaction ID.
request, deducts the specified
Confirmation: Users amount from the user's digital User Notification: The
may need to confirm the wallet, and prepares the cash system notifies the user
transaction through a for dispensing. of the successful cashout
verification code or
and updates their digital
biometric authentication. Notification: Upon successful
wallet balance
completion of the transaction,
accordingly.
the system generates a
confirmation message for the Transaction Log: The
user and updates the system logs the
transaction records. transaction details for
record-keeping and
auditing purposes.

Figure 3. Project Concept

Figure 3 shows the Project Concepts of InnovativeVendo A seamless Gcash and Paymaya

Transactions Cash-Out Machine. It demonstrates the inputs, process and the output.

3.3.2 Project Design

 Figure 4. Project Design

Figure 4 show the physical function of the user to the cashout Vendo machine involves a

series of interactions that allow users to securely and conveniently withdraw cash from

their digital wallets using GCash or PayMaya.

3.3.3 Flow Chart

Fig. 1. This
will be displayed in a graphical
user interface (GUI) via a
touch screen monitor. When a
cash-in transaction is
selected, the display will prompt
the user to insert a bill.
Once a cash is inserted into the bill
acceptor, the user has to
verify the amount inserted, and
select a specific amount for
cash-out. The user will then enter
the GCash account
number, and verify,
Fig. 1. This
will be displayed in a graphical
user interface (GUI) via a
touch screen monitor. When a
cash-in transaction is
selected, the display will prompt
the user to insert a bill.
Once a cash is inserted into the bill
acceptor, the user has to
verify the amount inserted, and
select a specific amount for
cash-out. The user will then enter
the GCash account
number, and verify,
Fig. 1. This
will be displayed in a graphical
user interface (GUI) via a
touch screen monitor. When a
cash-in transaction is
selected, the display will prompt
the user to insert a bill.
Once a cash is inserted into the bill
acceptor, the user has to
verify the amount inserted, and
select a specific amount for
cash-out. The user will then enter
the GCash account
number, and verify
START

USER INPUT:
TRANSACTION
TYPE:

CASH-
OUT

GCASH PAYMAYA

CASH-OUT
TRANSACTION

CASH-OUT

Figure 5. Flow Chart

Figure 5 illustrates the flowchart visually represents the step-by-step process of a user

interacting with the cashout Vendo machine to withdraw cash from their GCash or PayMaya

account seamlessly. Each step in the flowchart outlines the actions taken by the user and the

system to facilitate a smooth and efficient cashout experience.

3.4 Development and Testing

3.4.1 Developmental Model