Udpated Thesis May 2
Udpated Thesis May 2
ICT 12-C
MEMBERS
Alfaro, Joshua
Buenaventura, Kim Joshua
Crisostomo, John Davis
Epan, Aldrin
Guzman, Romnick
Nening, Kenneth
1
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Chapter I
Introduction & Its Background
Introduction
Food is the fuel that powers our bodies. It's anything we consume to provide nutrition and energy.
But it's more than just sustenance; food can be a source of joy, comfort, and connection. From fruits and
vegetables to meats and grains, food comes in endless varieties and flavors, each offering its own unique
combination of nutrients and tastes. Whether it's a home-cooked meal shared with loved ones or a
culinary adventure exploring new cuisines. Nowadays, the significance of food extends beyond the
kitchen and dining table to the vast realm of online food stores, virtual storefront allowing us to browse,
select, and purchase a diverse range of products from the comfort of their homes or on the go.
The Takoyaki Made by Japayuki finally will have their own webpage, a web page serves as a
platform to showcase the variety and quality of Takoyaki products, increasing foot traffic to the physical
location and generating revenue, and to know more about Takoyaki Made by Japayuki about the
2
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Takoyaki Made by Japayuki is a business store that specializes in Takoyaki, typically a food
establishment dedicated to the preparation, sale, and often consumption of Takoyaki, a popular Japanese
snack or street food, the owner stated that they started their Takoyaki Business in May 2020. The owner
established this food stall to serve and sell a delicious Takoyaki. Paulo Panis, the owner of Takoyaki
Made by Japayuki, inaugurated the establishment in May 2020. The store is located in 2414 Bonifacio St.
Vitas Tondo, Manila at front of Boss King Barbershop in Vitas Bonifacio St., The store hours is open at 3
PM to 10 PM daily. They have no other locations for their store, the owner with his sister is the only two
persons managing the store at the moment, they have no other employees. Our main goal in proposing a
webpage for Takoyaki Made by Japayuki is to help them enhance their business and also increase their
online presence.
Objectives
2. Does the web page for Takoyaki Made by Japayuki provides enough information about products?
3
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Hypothesis
The website makes it easier to access information about Takoyaki Made by Japayuki, such as
prices, product options, owner information, and opening and closing hours. By using a website, the
owners of Takoyaki Made by Japayuki may attract new consumers and save time on product advertising.
With the use of the website, visitors may learn how Takoyaki Made by Japayuki grows from a small idea
to a profitable business.
This study focuses on a responsive and user-friendly design webpage for Takoyaki Made by
Japayuki, with a focus on content, appearance. It will concentrate on the web page operation and design.
On modern devices, the webpage's responsive design will be helpful. This will assist Takoyaki Made by
Japayuki become more visible online and make their rates more transparent to customer.
This research has the limitation of purchasing online directly, but using a chat box to place an
order for a product is possible. The webpage does not offer online delivery either, although clients that
would like to deliver can arrange for Lalamove independently. Nonetheless, the website has all the
information users might possibly need. Customers can reach the store owner directly by phone, SMS, or
through the website's chat feature by using the number provided on the page.
4
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
This research is made to provide a web page for business that people tend to look up, the
significance of your practical research in proposing a web page extends to various groups of people who
Owner: The Takoyaki Made by Japayuki business owner can benefit greatly from the insights this study
can offer. Business owners can enhance their website by determining the critical components needed to
create an engaging webpage that will draw in and keep more visitors.
Customers: They will benefit from this study since it will make ordering in-store easier and
eliminate the need for them to wait in line. They can select items from the menu in advance.
Future researchers: They can use this study to obtain more pertinent information and more specific
goals for any linked researches and future significance. The study can also be used as a reference or guide
5
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Conceptual Framework
Researchers Creating a
interview the webpage for
owner Takoyaki Made
by Japayuki to
Profile of the easy navigate
respondents: Distribution of A web page that
survey is easy to use
Name and navigate for
questionnaires to
the respondents Takoyaki Made
Age
through Google by Japayuki
Gender Forms
Analyzed and
50 respondents interpreting the
for survey data collection
Male-27
Female-23
6
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Definition of Terms
Brand Visibility - the frequency at which people see your brand in search results, on social media, email
Business Strategy - A plan or approach developed by a business to achieve its goals and objectives, often
Competition - Other businesses or entities operating in the same industry or market, offering similar
Cuisines - A type of food that is cooked in a specific way based on a culture's ingredients, region, and
traditions.
Culinary Adventure - The sense of delight that one experiences when thinking about food, whether
planning a meal, or finding a new restaurant; whether it be cooking the food yourself, or dining out.
Entrepreneurship-The activity of starting, managing, and operating a business, taking on financial risks
Foot Traffic - The number of customers that enter a store, mall, or location.
Insights - Refers to deep understandings, valuable perspectives, or significant findings that the study
provides.
7
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Marketing - The actions and plans a company does to advertise and close deals with clients on goods and
services.
Navigation - The process or activity of accurately ascertaining one's position and planning
dividing the net profit generated by the investment by the cost of the investment.
Revenue - The money generated from normal business operations, calculated as the average sales price
Social Media - Online platforms and websites that enable users to create and share content, interact with
Sustenance - Comes from the word sustain, which means to continue. Sustenance is food or drink that
Target Audience - The specific group of individuals or customers that a business aims to reach and
Trade - The act of buying, selling, or exchanging goods or services between parties.
Virtual Storefront - Form of interactive marketing that allows customers to view and order merchandise
8
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Chapter II
Review of Related Literature and Studies
Foreign Studies
Effectiveness of E commerce
Kaplan, (2020) A company's online presence has a significant impact on its success, as most
customers visit their website before making a purchase. A strong website can generate more revenue and
impact results. The quality of the website affects the results, but the article emphasizes the importance of
the website. Many businesses hesitate to connect to the Internet due to a lack of technical skills or cost
concerns. E-commerce is a concept that uses Internet technology to conduct transactions mainly through
websites. Its development was influenced by the rapid growth of the Internet, new information and
Compared to traditional shopping events, online shopping offers many advantages that benefit businesses,
Jibing Zhao, (2022) conducted research to examine the website's usability, utilizing user
experience design theories to highlight the significance of responsive web design in practice. By
evaluating their websites' usability rhetorically, for example. Prepared at the local and national levels, it
serves as a model for the requirements of upcoming studies and the implementation of user-centered
design concepts. Because of the practical ramifications of these interactions, responsive web design
should be taken into-account when assessing usability and user experience design on emergency
9
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
management websites. A website's ability to be accessible and user-friendly depends heavily on its
responsive web design. In order to provide users with a consistent and smooth experience, it entails
building a website that can adjust to different screen sizes and devices.
Brown A, (2021) in the Journal of Web Development, explores strategies for creating adaptive
web designs that provide a seamless user experience across multiple devices. The study discusses
techniques such as responsive layouts, adaptive images, and device detection to ensure that webpages
adapt to different screen sizes and resolutions. Brown's research emphasizes the importance of responsive
adaptability in meeting the diverse needs of users and enhancing the overall user experience.
Local Studies
Cruz A, (2020) study on the user-friendliness of interface design in local e-commerce websites is
crucial in understanding how online businesses can better serve their customers. By assessing factors like
ease of navigation, visual appeal, and interactive features, the study sheds light on what aspects of
interface design contribute most to enhancing the user experience. This research not only benefits
businesses aiming to improve their online platforms but also reflects a broader trend towards prioritizing
customer satisfaction in the digital marketplace. I agree that Cruz A research on evaluating user-friendly
webpages, particularly in the context of local e-commerce websites, is important for online enterprises.
The study's emphasis on elements such as ease of navigation, visual attractiveness, and interactive
features gives useful information for improving the user experience. Businesses may improve their online
platforms and better serve their consumers by identifying which components of interface design
contribute the most to user pleasure. This study is consistent with the increased emphasis on emphasizing
customer happiness in the digital marketplace, highlighting the necessity of developing user-friendly
webpages to boost engagement, conversions, and overall success in the online business landscape.
10
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Fernandez R, (2021) exploration of webpage interface design is pivotal for advancing user
satisfaction online. By delving into elements like information accessibility, content clarity, and
transactional ease, the study offers valuable insights into how interface design influences the overall user
experience. Such research not only aids website developers in crafting more user-friendly platforms but
also underscores the significance of seamless digital interactions in today's interconnected world.I agree
that Fernandez R study on improving webpage interface design is crucial for enhancing user satisfaction
online. It emphasizes the importance of information accessibility, content clarity, and transactional ease in
shaping the user experience. This research is valuable for website developers who aim to create user-
friendly platforms that meet their target audience's needs and expectations. The study also underscores the
importance of seamless digital interactions in our interconnected world, highlighting the need for
Garcia E, (2023) focuses on the interface design of local educational websites. The study evaluates
factors such as organization of content, ease of navigation, and accessibility of resources to assess the
effectiveness of interface design in enhancing the user experience of local educational websites.
Local Literature
According to Bonsor, (2020) the study explores the first live websites were text-based
and required a text-based browser. With increased broadband speeds, innovative software and
hardware solutions were prioritized. Facebook and WordPress revolutionized social media, while
YouTube was acquired by Google in 2005. In the last six years, responsive web design has
11
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
become the norm, with mobile users using their devices for internet access. Increased browser
support for CSS3 and HTML5 has enabled high-quality animations and effects. As mobile web
usage increases, Google's Mobile-First Index prioritizes websites that are fast and mobile-
friendly.
comprehensive overview of best practices and guidelines for creating user-friendly responsive
web designs. The literature emphasizes the significance of intuitive navigation, clear and
readable content, and optimized page loading speed in enhancing the user experience.
Thompson's research highlights the importance of responsive web design in meeting users'
investigates the impact of responsive web design on mobile user engagement. The study
examines user behavior and satisfaction metrics, such as time spent on site, page views, and
conversion rates, to evaluate the effectiveness of responsive web design in enhancing user
engagement. Nguyen's findings demonstrate that responsive web design positively influences
Foreign Literature
12
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Santos M, (2020) focuses on the local context and provides guidelines for creating user-
friendly webpage designs. The literature emphasizes the importance of intuitive navigation, clear
websites within the local context. The literature examines factors such as visual aesthetics,
information accessibility, and ease of interaction to enhance the usability and user experience of
local websites.
Perez, L. (2023) explores the design considerations for creating accessible webpages in
local educational institutions. The literature discusses the importance of providing alternative
formats for content, keyboard accessibility, and assistive technology compatibility to ensure that
Synthesis
The study synthesises foreign and local literature on responsive web design, highlighting
intuitive navigation, clear content presentation, and optimized page loading speed for enhancing
user experience. Studies show positive results in mobile user engagement, with increased
interaction and conversion rates. Local literature also emphasizes the importance of interface
13
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
and ease of interaction. The study concludes that responsive web design is crucial for creating an
outstanding online experience, ensuring websites are adaptable and accessible across different
devices and platforms. The researcher used various strategies, including user-centered design,
14
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
CHAPTER III
Research Methodology
Research Design
Quantitative research design is defined as a research method used in various disciplines, including
social sciences, psychology, economics, and market research. It aims to collect and analyze numerical
data to answer research questions. The researchers employed this design to assess the webpage,
accessibility, and information for Takoyaki Made by Japayuki Owner and consumers
Participants
Fifty (50) respondents were chosen by the researchers to participate in an online survey and be
interviewed through social media platforms. The respondents, who are both 27 male and 23 female and
range in age from fifteen (15) to sixty (60), located in Tondo, Manila's District 1.
The researchers interviewed the owner of establishment “Takoyaki Made by Japayuki” to gather
information that can be put in the web page. Researchers also utilized a survey questionnaire on Google
Forms to check the overall performance of the web page. The first part was used to collect the
demographics of the respondents such as name(optional), age, gender, address, while the second part was
15
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
The researchers conducted in-person interviews, obtained permission from the owner of the
Takoyaki Made by Japayuki, and used the instrument in order to obtain the pertinent data
The researchers used a Google form to develop survey questionnaires direct to costumers, then
After the survey, the researchers gathered the unprocessed data and examined it to verify the
Data Analysis
For the survey, the researchers chose 50 potential respondents who are from a range of ages,
genders, and places from among potential customers. The information was created by combining and
cleaning the raw data that the researchers had obtained. Each individual who provided their narrative
P=F/T x 100
P- Percentage
F- Frequency
T- Total of Respondents
16
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Ethical Considerations
Google forms are utilized as the survey platform to collect data for the research study, aiming to
gather opinions from individuals regarding the responsiveness, relevance, and modernity of a web page.
This also includes ensuring all disclosed information of the respondents will only be used in this study
17
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Chapter IV
Base on the graph above, there’s fifty respondents (50) in total between all ages, in summary,
there were forty-one (41) respondents with eighty-two (82%) ages from fifteen to thirty years old (15-30).
For the age thirty-one to forty-five years old (31-45) there was nine respondents (9) with eighteen (18%).
This graph shows that the most respondents in this study are from fifteen to thirty (15–
30) years old.
18
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
This shown that there were twenty-seven (27) male respondents with sixty-five (65.3%) and the
twenty-three (23) of the respondents were female with Thirty-four (34.7%).
19
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ1: How would you rate the visual appeal and design of the webpage?
This indicate that were forty-one (41) of the respondents with eighty-two (82%) answered Very
good, nine (9) respondents with thirty-six (18%) answered Good.
In this survey question most respondents answered that the webpage has good visual appeal and
design of a webpage.
20
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ2: How would you rate the ease of finding information on the webpage?
This indicate that there were thirty three respondents (33) with sixty-six (66%) answered Very
good, and sixteen respondents (16) with thirty-two (32%) answered Good, one respondent (1) with
two(2%) answered Average
In this survey question most respondents answered that the webpage has good at ease of finding
information.
21
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
This indicate that there were thirty-seven respondents (37) with seventy-four(74%) answered
Very good, and twelve respondents (12) with twenty-four(24%) answered Good, one respondent (1)
with two(2%) answered Average.
according to the majority of survey participants the website has a handy chat box.
22
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ4: How likely are you to recommend this website based on its ease of use?
This indicate that there were thirty-five respondents (35) with seventy-one(71%) answered
Very likely, and thirteen respondents (13) with twenty-six(26.5%) answered Likely, one respondent
(1) with two (2%) answered Neutral
In this survey question most respondents answered that the webpage is recommended based on
ease of use.
23
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ5: How simple was it for you to locate the products you needed on the webpage?
This indicate that there were thirty-eight respondents (38) with seventy-six (76%) answered
Very good, and eleven respondents (11) with twenty-two (22%) answered Good, one respondent (1)
with two (2%) answered Average.
In this survey question most respondents answered that the product can easily locate in the
webpage.
24
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ6: Have you encountered any difficulties in using the website on your mobile phone?
This indicate that there were ten respondents (10) with twenty (20%) answered Yes, and
eleven respondents (11) with twenty-two (22%) answered Not regularly, twenty-seven respondents
(28) with fifty-eight (58.0%) answered None.
In this survey question most respondents answered that the webpage not have difficulties when
using the webpage on mobile phones.
25
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
This indicate that there were forty respondents (40) with eighty (80%) answered Very good,
and ten respondents (10) with ten (20%) answered good.
In this survey question most respondents answered that the webpage is responsive.
26
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
This indicate that there were thirty-nine respondents (39) with seventy-eight (78%) answered
Very good, and eleven respondents (11) with thirty-two (22%) answered Good.
In this survey question most respondents says that the webpage is user-friendly.
27
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ9: Provide an overall rating for the informativeness of the webpage content.
This indicate that there were forty respondents (40) with eighty (80%) answered Very good,
and ten respondents (10) with twenty (20%) answered Good.
The majority of respondents to this survey indicate that the webpage is informative in terms
of its content.
28
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
SQ10: Overall, how would you rate your experience with the website?
This indicate that there were forty-three respondents (43) with eighty-six percentage (86%)
answered Very good, and seven respondents (7) with thirty percentage (14%) answered Good.
In this survey question most respondent is satisfied based on its experience with the website.
29
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Chapter V
Summary of findings
The result of the survey showed that the webpage is responsive, with 80% of respondents
answering Very Good and 20% of respondents answering Good. Indicating that the webpage is
responsive.
The webpage has been designed with responsiveness using a chat box, which is an indication of a
specific feature implemented in the webpage design. The inclusion of a chat box suggests interactive
The results of the survey show that 78% of respondents believed the webpage was user-friendly,
The results of the survey show that 80% of participants think the informativeness of webpage
By using the web page, customers can get accurate information about the store.
30
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Conclusion
The responsiveness of a web page is crucial for ensuring user satisfaction and providing a
positive user experience. The feedback from the respondents in this study overwhelmingly supports a
well-designed and functional web page, which is highly valued by users.
User happiness is significantly influenced by the ease of use of a webpage. The results showed
that most people who left comments thought the webpage was simple to use and comprehend. These
findings demonstrate how the homepage design is user-friendly, making it easier for visitors to browse
and comprehend the material.
The majority of respondents were quite pleased with the webpage's easy-to-use interface and
straightforward product search.
A responsive webpage with optimal functionality ensures that users can easily access the
information they seek, complete desired actions, and have a smooth and functional browsing experience.
From intuitive navigation menus to responsive design that adapts to desktops and laptops, functionality is
what transforms a static webpage into a user-friendly platform.
Based on all the evidence and the study’s findings, the researchers came to conclusion that the
web page is responsive on any mobile device.
31
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Recommendations
a) The researchers recommend to the future researchers to include an add-to-cart tool to make it
b) The researchers recommend to the future researchers to add a login form to improve a webpage
c) The researchers recommended to future researchers that they employ a professional developer
32
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
References
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=The+Evolution+of+Web+Design+&btnG=#d=gs_qabs&t=171255990
6120&u=%23p%3DoRqfR52lTPAJ
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Website+Design+Quality+Nicholas+Wilson%2C+
%282019%29&btnG=#d=gs_qabs&t=1712573182335&u=%23p%3DPj-MMITIiPc
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Web+Usability+Niharika+Veeravalli%2C+
%282023%29&btnG=#d=gs_qabs&t=1712573872265&u=%23p%3DQUM5-M6-8ugJ
Effectiveness of E commerce
https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=Web+Design
%3A+How+to+Ensure+Consistency+Jeeva+Venkatakrishnan%2C+
%282023%29&btnG=#d=gs_qabs&t=1712574103761&u=%23p%3Dc7iIg718J90J
33
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Design+Principles+and+User+Experience+According+to+Khalaf
%2C+%282019%29&btnG=#d=gs_qabs&t=1712574247577&u=%23p%3DAu0vwOGs4CU
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=The+principles+of+beautiful+web+design+Jason+Beaird%2C+
%282020%29&btnG=#d=gs_qabs&t=1712576651447&u=%23p%3DK_DypS7FjFUJ
https://scholar.google.com/scholar?hl=en&as_sdt=0%2C5&q=Exploring+Usability+and+User-
centered+Design+through+Emergency+Management+Website
%3A+Advocating+Responsiveness+Web+Design+Jibing+Zhao%2C+
%282022%29&btnG=#d=gs_qabs&t=1712576752839&u=%23p%3DFgpIc-68SSMJ
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Web+Design+In+Easy+Steps+Sean+McManus%2C+
%282023%29&btnG=#d=gs_qabs&t=1712576885577&u=%23p%3DNityDKjMYhoJ
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Responsive+Web+Design+with+HTML5+and+CSS
%3A+Build+future-
proof+responsive+websites+using+the+latest+HTML5+and+CSS+techniques+Ben+Grain%2C+
%282022%29&btnG=#d=gs_qabs&t=1712576980120&u=%23p%3DHnEgp7p69S4J
34
AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
https://scholar.google.com/scholar?
q=Web+Design+Made+Easy+for+Local+Businesses+Juan+Dela+Cruz,+
+(2021)&hl=en&as_sdt=0,5#d=gs_qabs&t=1712577467438&u=%23p%3DTU_lEsm6FbQJ
hl=en&as_sdt=0%2C5&q=Webpage+Development+of+Group+Buying+Websites+Focusing+on+
Web+Usability+and+Interface+Design+Rene+Estember%2C++
%282020%29&btnG=#d=gs_qabs&t=1712577655175&u=%23p%3DHOBqHPk2bDIJ
https://scholar.google.com/scholar?
hl=en&as_sdt=0%2C5&q=Website+Design+and+Evaluation+Kim%E2%80%90Phuong+L+Vu
%2C+%282021%29&btnG=#d=gs_qabs&t=1712577722640&u=%23p%3Dx3YST2_5fsAJ
35