AMA COMPUTER LEARNING

CENTER NORTHBAY CAMPUS

Chapter I

Introduction & Its Background

Takoyaki is a popular Japanese street food known for its deliciousness and
unique preparation. These savory snacks are essentially crispy, golden-brown balls filled
with diced octopus, cooked in a special round-shaped pan. The batter used to make
takoyaki is typically made from flour, eggs, dashi (Japanese soup stock), and seasoning.
Once cooked, they're usually topped with savory sauces like Worcestershire sauce or
takoyaki sauce, mayonnaise, dried bonito flakes, and seaweed flakes. Takoyaki is loved
for its irresistible combination of textures—crispy on the outside and soft on the inside—
and its rich umami flavor. It's a must-try treat for anyone exploring Japanese cuisine,
the Takoyaki Made from Japayuki finally will have their own webpage, a webpage
serves as a platform to showcase the variety and quality of Takoyaki products. Through
visually appealing images, customers can explore the different flavors, ingredients, and
toppings available. a business webpage acts as a virtual storefront, providing potential
customers with essential information about the business, such as location, operating
hours, and contact details. This online presence ensures that individuals searching for
authentic Japanese cuisine can easily find and learn about the Takoyaki offerings,
increasing foot traffic to the physical location and generating revenue, and to know
more about Takoyaki Made from Japayuki about the establishment and history of how
it's started, who is the owner. Paulo panis, the owner of Takoyaki made From Japayuki,
inaugurated the establishment in May 2020.

Background of the study

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. They established this food stall
to serve and sell a delicious takoyaki. The store is located in 2414 Bonifacio St Vitas
Tondo Manila at front of Boss King Barbershop in Vitas Bonifacio st. They have no other
locations for their store, The owner with her sister are 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.

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS

Objectives
 To make a user friendly web page.
 To make a responsive in sizes web page.
 To make a web page with consistent designs.
Statement of the Problem:
1. How easy for the user to use the web page?
2. How can webpage responds effectively to various screen sizes?
3. How consistent is the webpage in terms of design?

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Conceptual Framework

INPUT PROCESS OUTPUT

 Survey
questionnaires
for the  Interview the
respondents and owner
 A webpage with
owner. Consistent
 Profile of the design and
respondents :  web design Easy
descriptive
a) Name to use and
menu
b) Age Navigate
c) Gender

 Distribution of
 100 random survey  A webpage that
respondents questionnaires to is easy to use
the respondents and navigate
through Google
Forms
 Analyzed and
interpreting the
data collection

Hypothesis

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Enhancing the navigation of a website is crucial for improving its user-
friendliness,Ensuring a positive user experience. Also use clear and descriptive menu
labels that indicate the content or pages users can expect to find and also limit the
number of main menu items to avoid overwhelming users.

SCOPE AND DELIMITATION

This study will focus on creating a webpage using HTML,CSS,JAVASCRIPT
languages for Takoyaki made by Japayuki to provide a user-friendly navigation and
responsive web for Takoyaki made by Japayuki .
The Scope of this study is to provide a user-friendly and easy to navigate
webpage,so that costumers can visit the store easily, see a menu and to know the
prices. And it will be usable on any modern devices like Mobile phone and desktop.The
store is located at 2414 Bonifacio St Vitas Tondo Manila near at Boss King Barbershop
in Vitas Bonifacio st. The total respondents are 100 random persons. The 100 people
we will use for the survey are those who live near the store.
This webpage dont have add to cart feature,live chats or chat bots and this
webpage dont need an account to make a purchase.

Significance of the study

This research is made to provide a webpage for business that people tend to
look up, the significance of your practical research in proposing a webpage extends to
various groups of people who can benefit from your work:

Businesses Owners: Businesses that implement the recommendations and

findings from your research can benefit significantly. They may experience improved
user engagement, higher conversion rates, increased sales, and better customer
retention. Your research can directly impact their profitability and the success of their
online presence.

Customers : also known as consumers or clients, are individuals or entities that

purchase or utilize goods, products, or services from a business or organization.

Future researchers: Your research can be a valuable resource for educators and
students in the field of web development and design in the future . It can be used as a
case study or reference material in academic programs, enhancing the quality of
education and training for future web developer.

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS

Definition of Terms
Business Owners - are typically more established in their field and more aware of the
strategies that produce success.
Customers - also known as consumers or clients, are individuals or entities that
purchase or utilize goods, products, or services from a business or organization.
CSS – Cascading Style Sheet, The appearance or display of the webpage on the screen
is controlled by CSS, one of the techniques employed in this study.
Foot Traffic - the number of customers that enter a store, mall, or location.
Future researchers - are individuals who have the intention or plan to conduct
research activities, studies, or investigations in their respective fields at a later point in
time. These individuals may be students, scholars, scientists, or professionals who
anticipate engaging in research endeavors to contribute to the advancement of
knowledge.
HTML – One of the technologies utilized in this study to build the webpage's structure
was HTML, or Hypertext Markup Language.
Navigation - The process or activity of accurately ascertaining one's position and
planning and following a route.
Store - A store is a retail establishment or physical location where goods, products, or
services are made available to customers for purchase or exchange.
Takoyaki Made by Japayuki – A business store that specializes in takoyaki a food
establishment dedicated to the preparation, sale, and often consumption of takoyaki, a
popular Japanese snack or street food.
Web Page – The Takoyaki Made By Japayuki were displayed using a webpage, which
is a document that can be accessed through a web browser and can display text,
photos, video and other multimedia.

Chapter II

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Review of Related Literature Studies

Foreign and Local Literature

The Evolution of Web Design
According to Bonsor, (2020) study explores the evolution of website design since 1989,
with the internet's genesis first proposed by Tim Berners-Lee in 1989. 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 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.
Website Design Quality
Nicholas Wilson, (2019) website design quality is a multi-dimensional construct with a
higher order structure, influenced by technical, general content, and appearance
dimensions. A survey of 216 internet banking users found that these dimensions are
most important for users, directly and indirectly influencing usage behavior. Improving
the appearance of a website can enhance overall evaluation and lead to greater usage
intentions.
Web Usability
Maristella Matera, (2006) Web usability refers to the ease of use and user-friendliness
of a website for visitors. A website with good usability is intuitive, easy to navigate, and
provides a positive experience for users. Web applications are complex software
products, and usability is crucial for their success. Web engineering research aims to
define methods for usability, with industry attention to usability evaluation before and
after deployment. This chapter introduces principles and evaluation methods for the
entire application lifecycle, illustrating features, advantages, and drawbacks.
Exploring Usability and User-centered Design through Emergency
Management Website: Advocating Responsiveness Web Design
Samantha Cosgrove, (2018) conduct study to explore the usability of the website,
applying theories of user experience design to emphasize the importance of responsive
web design in

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
practice. By rhetorically analyzing the usability of their websites, such as. Ready at the national
and local level becomes a model for the needs of future research and application of user
centered design principles. Responsive web design within emergency management website
should be considered when first evaluating usability and user experience design because of the
real-life implications of these interactions. Responsive web design is a critical aspect of creating
a user-friendly and accessible website. It involves designing a website that can adapt to various
screen sizes and device, ensuring that user have a consistent and seamless experience.

Customer satisfaction as Mediator Between Website Service Quality and Repurchase

Inentention:An Emerging Economy Case

Ash N. Sah , (2017) The goal of this research is to develop a research model to understand
the important dimensions of website service quality and its influence on repurchase intention.
The study also analyzes the mediating effect of customer satisfaction on repurchase intention.
The results of empirical analysis confirmed that website quality can be conceptualized as a
composite of navigation, ease of understanding, information usefulness, website design, ease of
use, security and privacy, ease of ordering, and customization. Second, website quality
positively affects repurchase intention and customer satisfaction. Third, website service quality
can affect repurchase intention by enhancing mediators like customer satisfaction, as it has full
mediating effect on repurchase intention. This study has developed the instrument dimensions
of website service quality in online shopping context. The study has also refined the scale of
repurchase intention by including “cash-on-delivery” (COD) mode of payment as a new
dimension to inculcate confidence for online shopping in emerging economies.

Web Design: How to Ensure Consistency

K Norbdy, (2018) Ensuring consistency in web design is crucial. Indeed, any area of design can
succeed or fail on the level of how well its various elements sit with each other – and how
consistently. Design is ultimately a form of communication, and if we are to get anything across
effectively there must be an element of constancy in our delivery. In design, this most often
means achieving a certain harmony — between colours and elements, shapes and sizes.
Whatever identity your web designer intends to create for your company, the consistency with
which they apply and repeat each element will go a long way towards ensuring that they
achieve their aim.

Design Principles and User Experience

Khalaf, (2019) The increasing use of mobile devices has led to issues with website design and
suitability for different screens. Fixed designs have become inappropriate for developing
websites that display on diverse mobile devices. AW or RW is the best solution, as it ensures full

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
page display without loss or hiding parts. The transformation towards RW or AW is necessary to
design suitable websites for diverse mobile devices, considering factors like user expertise,
device compatibility, cost, usability, and navigation type. Balancing design and use on technical
and artistic levels is crucial to achieve the most appropriate design that meets the learner's
preferences.Baturay and Birtane, (2021) RW is a flexible web design technique that adjusts the
display dimensions of a web page to the device's screen dimensions and resolution, enabling a
full view of the page. It optimizes learning performance without requiring more effort from web
developers, enables easy access to important information, and offers several advantages,
including a more suitable mobile learning environment, readable, enjoyable, and user-friendly
content, and high-quality, easily uploaded presentations compared to flash-based content
presentations.Burk, (2019) The researcher defines AW as a design technique that creates
multiple versions of sites for each mobile device's characteristics, allowing users to interact with
diverse devices. Unlike RW, AW uses JavaScript to add functions and features based on device,
browser capabilities, and screen resolution. It operates with users through a single link to all
templates, while RW only enhances layout. High-resolution images are provided to devices with
high resolution, ensuring a specialized experience for each device.

Effectiveness of E commerce

Kaplan, (2020) A business's online presence significantly impacts 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 a website impacts results, but the article emphasizes the
importance of having a website. Many businesses are hesitant to get online due to lack of tech-
savvy or price concerns.Back, (2015) E-business is a concept that utilizes internet technologies
for transactions, primarily through websites. Its development was influenced by the rapid
growth of the internet, new information and communication technologies, low implementation
costs, and the interactive nature of communication. E-commerce offers numerous advantages
over traditional trade transactions, benefiting companies, customers, and society.

Current trends

Kopalle, (2022) This research examines AI technologies in marketing through a global lens,
focusing on country, company, and consumer levels. It highlights economic inequality and
globalization, as AI adoption requires significant resources. The company-level analysis
examines globalization, as AI hardware requires adaptation to local cultures. The consumer-
level analysis examines consumer ethics and privacy concerns, as AI collects and processes
personal data globally. The research focuses on human-machine interaction and automated
analysis of text, audio, images, and video, aiming to develop research questions for future
marketing scholarship in this crucial domain.

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Sung, (2021) A study on consumer responses to a $17 million AI-embedded mixed
reality exhibit in a retail/entertainment complex found that the quality of AI associated
with an augmented object increases MR immersion, spatial immersion, and enjoyment.
This increases consumer engagement and positively influences behavioral responses,
such as purchase intentions and sharing experiences with social groups. The study
highlights the potential of interactive AI and MR technology to promote consumer
engagement.
Digital Content Marketing
Macky, (2019) Digital content marketing (DCM) is a growing field aimed at fostering
brand engagement and trust among consumers. However, academic research on DCM
is lagging, leading to a knowledge gap. Hollebeek (2019) defines DCM as creating and
disseminating valuable brand-related content to customers on digital platforms to
develop their trust and relationships. A conceptual framework identifies consumer-
based motives for DCM interactions, including uses-and-gratifications. DCM's first-tier
consequences include cognitive, emotional, and behavioral engagement, fostering
brand-related sense-making, identification, and citizenship behaviors.
Synthesis

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
CHAPTER III
Research Methodology
Research Design
This study used a descriptive quantitative research design. The researchers
employed this design to assess the webpage adaptability, accessibility, and information
needed by the costumers.
The findings were presented in a comprehensive report that provide insight and
recommendations for the development and marketing of TAKOYAKI MADE BY
JAPAYUKI.

Participants
The researchers selected 100 random persons to be interviewed and take the
online survey. The respondents composed of who live near the shop and ages from
fifteeen (15)to forthy-two(42).

Randoms Number of Percentage

Randoms

Male 56 56%

Female 44 44%

Total 100 100%

Data Collection Tools

The researchers interviewed the owner of “Takoyaki Made By Japayuki” to gather
information that can be put in the web page. They also utilized a survey questionnaire
on Google Forms to check the overall performance of the webpage. The first part was
used to collect the demographics of the respondents such as name(optional), age,
gender, address, while the second part was used to assess the technical aspect of the
webpage.

PAGE \* MERGEFORMAT 10
 AMA COMPUTER LEARNING
CENTER NORTHBAY CAMPUS
Data Gathering Procedure
The researchers met up with the owner of TAKOYAKI MADE BY JAPAYUKI,
Mr.Paulo Panis, personally to interview his background story to gather
information in developing this study on the day of September 26, 2023.
The interview was used to accumulate all data and information embedded to the
webpage.
Google Form was utilized to collect the data to test the technical aspect of the
webpage and administered to the respondents
After collecting the survey data, the researchers began the process of data
interpretation.

Data Analysis
The researchers obtained information from the respondents and undergone
interpretation of the raw data to validate the functions of the webpage. All collected
raw data were cleaned, interpreted and analyzed
The formula used to evaluate the gathered raw data is:
P=F/T x 100
P- Percentage
F- Frequency
T- Total of Respondents

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 and will remain
confidential and private.

PAGE \* MERGEFORMAT 10