AMA COMPUTER LEARNING CENTER

NORTHBAY CAMPUS

Chapter I
Introduction and Its Background

Introduction

In a day when digital communication rules, prospective clients frequently look up

information online before visiting in person. A well-crafted website offers a thorough and user-
friendly interface that enables customers to browse the menu, investigate special deals, and
become acquainted with Clouds Cafe Shop's distinct atmosphere from the comfort of their homes.
As an example, we can use Shopee or Lazada where you can order online using just your
gadget. In this way, you can save money on transportation costs and time because you don’t need
to go to the physical store; instead, you can order anytime and anywhere. What’s more, you can
also see the reviews and feedback from customers who have purchased the item you want, having
a web page or app like this is beneficial, especially since you can check reviews and feedback
before making a purchase.
The Clouds Cafe webpage helps more people know about it. In certain cases, it also
creates opportunities for expanded consumer reach and deeper connections within the digital
market, strengthening interconnection and fueling company expansion. This is a big turn in the
direction of modernization and a more positive outlook on the future.

Background Research

Clouds Cafe is a coffee shop with unique styles and designs. This coffee shop had some
unusual styles and designs from top to bottom. In the beginning, having a creative seesaw from
the hallway to having a dining area from the top of the building. Its commitment to unique
aesthetics and ambiance makes it a standout destination for coffee lovers and design enthusiasts.
Moreover, the Clouds Cafe is located at 201 Pacheco Cor. Osmeña St. Tondo, Manila.
The owner of the cafe is Edzel Cubarubias. The data we collected is based on our interview with
their staff about their history in the store. The owner and his sister both dreamed of owning a
coffee shop. The staff shared with us that the owners got a chance to start something new, so they
chose to open Clouds Cafe. It seems like they wanted to create a cool place for people to enjoy
good coffee and have a nice time.
In Addition to this, once you come in, you'll see colorful artwork on the walls and comfy
seats that make you want to stay a while. The Cloud's Cafe redefines the modern coffee shop
experience with its innovative designs, commitment to unique aesthetics, and ambiance making it
a standout destination for both coffee lovers and design enthusiasts. The vibrant artwork and
comfortable seating create an inviting atmosphere that encourages guests to linger. Whether

1
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS
you're a coffee enthusiast or simply appreciate interesting spaces, The Cloud's Cafe offers an
unforgettable experience

Objectives

● The web page is capable of online transactions, offering various payment options.
● Implement the placement of purchase history for people who ordered online.
● To confirm real customers making online purchases.

Statement of the Problem

● Does the web page can do an online transaction and mode of payment?
● Can the web page do a purchase history?
● Does the web page require personal information before online ordering?

Conceptual Framework

Input Process Output

● Embed the elicited data

● Demographic profile of
from the interview of the
the Respondents
staff for the information
(A) Name (optional)
to be placed on the
(B) Age
developed Facebook
(C) Gender
page
● Interview the staff of the
● Running and testing the
Clouds Cafe Shop about ● Successfully create a
website
the store’s history and webpage for Clouds
other information Cafe Shop
● Inputting codes for the
creation of the web page
● Random Respondents

● Distributing the
● 50 Respondents
questionnaires and
surveying the
respondents

● Gather, analyze, and

interpret data acquired
from the questionnaires

2
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

Scope and Delimitation

This study focuses mainly on the relationship between service quality and customer
satisfaction in small businesses at 201 Pacheco Cor. Osmena St., Tondo, Manila. The researchers
will also focus on customers because the researchers are interested in viewing this subject from
the customer perspective and customers who consume services.
The goal of this study is to create a webpage that can be found using a Google search. It
has a simple look and is easy to use. There are 50 respondents in this study. Customers from
outside of Manila are therefore not included in the study's sample of respondents.

Significance of the Study

The researcher anticipates that the findings of the study should be beneficial to the
following:
Customers: They can enjoy the convenience of browsing the menu, placing orders, and making
their experience with Clouds Cafe Shop more seamless and efficient.
Employer: This study enables them to improve efficiency, provide better customer service, and
make informed decisions, ultimately contributing to the success and growth of the cafe.
Manager: This allows managers to better organize tasks, streamline processes, and engage with
customers more effectively, leading to enhanced productivity and customer satisfaction.
Owner: The web page can boost Clouds Cafe Shop's earnings, visibility, and competitive edge,
leading to its growth and success.
Future Researchers: This study can be a useful resource for future researchers in fields like e-
commerce and customer experience, offering ideas and insights for further exploration.
Students: Students will gain hands-on experience in web development, preparing them for future
careers in related fields.

Hypotheses
One of Clouds Cafe Shop's greatest assets is its website. It provides future customers with
an easy option to shop online from any location.

The goal of this study is to create a user-friendly and effective website for Clouds Cafe
Shop that will be essential to the company's growth, attracting more clients and creating
numerous opportunities for future sales. To draw in more customers by launching a fresh internet
marketing campaign and interacting with the neighborhood to increase store sales. Furthermore,
we will create a reliable and efficient website for the company.

3
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

Definition of Terms

Cafe - This is a place that specializes in serving tea, coffee, and other drinks. It frequently offers
a relaxed and informal environment where people may interact, work, or unwind.

Web Page - It is a document that can be viewed with a web browser that is a component of a
website. Typically, it has multimedia components, text, photos, and hyperlinks to other pages or
websites.

Data - Raw facts, numbers, or information are referred to as data; these are usually in a format
that allows for processing or analysis.

Quantitative Data - Quantities, percentages, and statistical values are examples of numerical
data that can be measured and expressed in numerical terms.

Codes - Often describes instructions written in a programming language as lines of code.

Software, applications, webpages, and other computer programs are created using these codes.

Data Security - Data security refers to the measures and practices put in place to protect data
from unauthorized access, use, disclosure, alteration, or destruction.

User-friendly - Refers to a design or system that is easy to use, understand, and navigate, to
provide a positive and intuitive experience for the user.

Systematically - It refers to the process of carrying out a task, procedure, or method in a well-
organized and structured manner, following a systematic approach or plan.

Design Enthusiasts - Refers to individuals who have a passion or keen interest in design-related
fields.

Institutional Review Board (IRB) - It is a committee that is typically established within

academic, medical, or research institutions.

4
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

CHAPTER II

Review of Related Literature and Studies

Foreign and Local Studies

E-Commerce Applications Using Web Services

According to Sailesh Tirumala, Yatesh Laxman, Kumar Gunnma, et al., (2022), Web
Services are a group of technologies that have standardized and made it more affordable for
applications to communicate over the internet. A select group of significant software providers,
including IBM, Microsoft, Oracle, and SAP, are incorporating web services standards into their
latest iterations of web services-enabled applications. Web services make it simple to overcome
any limitations, including those related to expense, time, space for discovery, and e-business
transactions.

Website Classification from Web Page Renders

This paper by Leonardo Espinosa-Leal, Anton Akusok, Amaury Lendassee, et al. (2021),
said that a fast and exact approach for web substance classification, leveraging visual information
from fundamental homepages put away as picture previews. The strategy utilizes sliding windows
with changed sizes and covers to create a broad set of pictures per render. A pre-trained profound
learning show extricates include vectors from each sub-image, contributing to the classification
handle.

Visualizing Web Page Changes Over Time

In the study conducted by Abigail Mabe, Dhruv Patel, Maheedhar Gunam, et al. (2020), a
web benefit is planned to imagine the chronicled changes of personal webpages over time. It
utilizes past investigations on summarizing collections of webpages utilizing thumbnail-sized
screenshots and selecting a restricted number of agent-chronicled webpages from broad
collections. The approach involved leveraging insights from previous investigations to create a
visually compelling representation of the dynamic nature of personal web pages.

Multimedia Web Page Visual Design and Color Emotion Test

As outlined by, Lungwen Kuo, Tsuiyueh Chang, and Chih-Chun Lai (2022), The visual
dialect of colors and plans plays a key part in communicating feelings and substance on a

5
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

webpage. The format is imperative for aesthetics and client inclination, impacted by
components just like the title, pictures, colors, and general structure, forming the plan fashion of
the interface.

A Novel Web Page Layout Aesthetic Evaluation Model for Quantifying Web Page
Layout Design
As stated by Hongyan Wan, Wanting Ji, Gouqing Wu et al. (2021) It is commonly
acknowledged that user preferences, initial impressions, satisfaction, usefulness, usability,
performance, and other factors can all be influenced by a website's aesthetics. Layout aesthetics is
a significant component that has drawn a lot of attention when it comes to homepage aesthetics.
Nevertheless, the majority of the research that has already been done on webpage layout has
focused on the layout as a whole, ignoring the specifics of the webpage layout, including where
to arrange each element.

Exploring the Role of Progressive Web Applications in Modern Web Development

According to Magomadov (2020), any business needs a website to be competitive, and to
do so, businesses must want to think about enhancing their online presence with the newest
developments in Web development. achieving the smoothest possible user experience. An
example of such progress is called Progressive Web Application which has become somewhat
more well-known in recent years. These days, businesses frequently want their web developers to
build websites that enable PWA functionality, therefore web developers' ability to construct these
kinds of websites is becoming increasingly important.

Synthesis
To summarize, a website that is easy to access and understand will benefit a wide range
of users or customers. Surendra N. Singh, Nikunj Dalal, & Nancy Spears (2005) state that an
organization's home page serves as the entry point to its website. To create Web pages that
effectively engage users, it is essential to comprehend the basic factors that influence how users
perceive websites. In addition to needing to comprehend the mindset of potential users, designers
are also faced with an overwhelming array of options, such as multiple font styles, images, and
graphics, which can all be arranged in various ways on a page, adding to the difficulty of the
design process.

6
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

As attested by Rashi Maheshwari (2023), In the long run, your store will profit from
growing its consumer base and reputation simultaneously. To make sure that the customer is
satisfied with the outcome, it's also critical to pay attention to the visual, functional, usability, and
quality aspects of your website. Using a website/web page to place an order is a practical and
time-saving method that can be done anywhere—at home, at work, or anywhere else—around the
clock. Without having to go to the store to buy something, you can choose the item of your
choosing.

7
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

Chapter III
Research Methodology
The research methodology is presented in this section of the work. It comprises the
population of samples, the research equipment, the study plan, and the methods for collecting
data.

Research Design
This study employed a quantitative method approach. The researchers used quantitative
methods to assess the Web Page value for Coffee Shop. The main objective of this research is to
give a thorough explanation or description of a certain occurrence. Thus, without changing
variables or establishing cause-and-effect relationships.

Participants
The customers who come to Clouds Cafe will be the ones taking part in our research. Our
objective is to collect data and insights from these clients to comprehend their viewpoints and
experiences concerning the subject of our study. In addition to this, the researchers want to
interact with the customers of the cafe to obtain a representative sample that will provide
information for our research on A Proposing Business Web Page for Clouds Cafe Shop.

Data Analysis
The researchers dispersed fifty (50) customers in this survey activity form of the study,
which was conducted at 201 Pacheco Cor. Manila, Osmena Street, Tondo. Fifty (50) customers
were recruited by the researchers. Each person who was questioned provided the researcher with
some information and this process was used to compile the raw data that the researchers had
acquired and apply it to the information.
The formula used to evaluate the gathered raw data is:
P = F/T x100
P = Percentage
F = Frequency
T = Total of Participants

8
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

Data Collection Tools

The researchers gathered and studied the answers from the survey using multiple choices
to understand them systematically. The survey questionnaire was prepared in two parts.
Moreover, the researchers conducted interviews with Clouds Cafe customers to obtain important
information for our research. Participants were asked to fill out the first section of the
questionnaire with basic demographic data, such as their names, ages, and gender.
The purpose of this first part is to create a profile of the respondents so that we may learn
more about the varied backgrounds and traits of the people who are involved in our research.
In the second part of this survey, respondents were asked a series of questions about their
experience on the web page. The purpose of these thoughtfully designed questions was to learn
more about the opinions, experiences, and preferences of the web page.
By combining surveys and interviews, we can obtain quantitative data that gives us
comprehensive viewpoints of our clients. This method approach contributes to a more rigorous
study of the Proposing Business Web Page for Clouds Cafe Shop by improving the depth and
complexity of our findings.

Data Gathering Procedure

The researchers conducted a face-to-face interview with the staff of Clouds Cafe Shop to
gather information in forming this project. The researchers asked a few questions to the staff.
after getting the said information, the researchers also created a survey for respondents to answer.
After the finalization of the prepared statement of the problem, the drafting of the survey
tool will be also prepared. There had been a continuous data-gathering process from the start of
its implementation until all the needed data were secured from the management of each coffee
shop under study.
The researcher personally distributed the prepared questionnaire to the respondents. All
questionnaires were retrieved within the soonest possible time and the computation and tabulation
immediately followed.

Ethical Consideration
Informed Consent:

● Ensure that all participants, whether they are customers, employees, or owners of the
coffee shop, provide informed consent before participating in the research.
● Clearly explain the purpose of the research, the methods involved, and any potential risks
or benefits.

9
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

Confidentiality:

● guarantee the confidentiality of the information obtained from participants. Avoid using
any personally identifiable information without explicit consent.
● Anonymize data whenever possible to protect the privacy of individuals.

Voluntary Participation:

● Make sure that participation in the research is voluntary, and participants can withdraw at
any stage without facing any consequences.
● Avoid any form of coercion, ensuring that participants are free to make their own
decisions.

Respect for Diversity:

● Respect the cultural, social, and individual differences of participants. Ensure that your
research is inclusive and does not discriminate against any group.
● Be aware of potential biases and strive to represent a diverse range of perspectives.

Avoiding Harm:

● Take precautions to minimize any potential physical or psychological harm to

participants.
● If the research involves sensitive topics, provide appropriate support or resources for
participants who may be affected.

Transparent Research Practices:

● Communicate your research goals, methodologies, and expected outcomes to

participants.
● Be transparent about your affiliations, funding sources, and any potential conflicts of
interest.

Compliance with Regulations:

10
 AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS
● Familiarize yourself with and adhere to relevant ethical guidelines, regulations, and
institutional review board (IRB) requirements governing research in your field.

Data Security:

● Implement secure data storage and processing practices to protect participants'

information from unauthorized access.
● Communicate how long the data will be stored and the measures taken to ensure its security.

A Proposed Business Web Page for Clouds Cafe Shop

ICT 12 - A
Group 1

Toquero, Jerreilyn
Turato, Mark
Binalayo, Arlo
Domingo, Jan Andrei
Gomez, Jarmen
Dela Rama, Justine

11
AMA COMPUTER LEARNING CENTER
NORTHBAY CAMPUS

12