Cyasf Manuscript

Chapter 1
THE PROBLEM AND ITS BACKGROUND
Introduction
Environmental activism is concerned with making a difference through
promoting improved environmental practices, creating awareness, and
advocating for the protection of the natural environment from destruction or
pollution. Earth Hour is one example of advocacy that promotes a global
grassroots movement uniting people to take action on environmental issues and
protect the planet that is organized by WWF. The World Wildlife Fund Inc. (WWF)
is an international non-governmental organization founded in 1961 that works in
the field of wilderness preservation and the reduction of human impact on the
environment. The World Wildlife Fund Inc. (WWF) is an international non-
governmental organization was established in 1961 by a group of passionate and
committed individuals who sought to secure the funding necessary to protect
places and species that were threatened by human development
Children and Youth in Action for Sustainable Future who focus on helping
the environment and youth. It is the project under of Social Development
Department in Asian Social Institute, Inc. The Children and Youth in Action for
Sustainable Future Organization is Lacking when it comes to promoting their
Advocacies, Environmental Events and Projects and Faster Transaction.
The project team will create a website for Children and Youth in Action for
Sustainable Future to help them promote their advocacy and various programs
2
and activities related to environmental conservation. Children and Youth for a
Sustainable Future has a Facebook page, but the project team wants to create a
website that will help them increase their promotional efforts.
Website for Children and youth in Action for Sustainable future deserves
more because the group needs funds to help the environment and support its
programs and activities. The Project team decided to create a website to
establish the organization and it is useful to both admin and site visitor to
communicate, check and view the events and project of the organization.
Children and Youth in Action for Sustainable Future in Binangonan Rizal
is a youth and environmental project of Social Development Department in Social
Institute, Inc. located at Asi-cyasf etc. San Juan, Barangay Darangan
Binangonan Rizal started in the year 2007.

3
Objectives of the Project
The general objective of this project is to design and manage a website for
Children and Youth in Action for Sustainable Future.
Specifically, the project team aims to:
1. To determine the result of the quality assurance testing with a target of
90% as its passing rate.
2. To determine the result of user experience evaluation based on the
following criteria; Usability, Learnability, User-Interface, Function and
Navigation with a final score 4.
Scope and Limitations of the Study
The project team design and developed a Website for Children and Youth
in Action for Sustainable Future in Binangonan Rizal during the academic year of
2021-2022.
The website was developed using WordPress and MySQL for database. It
has two users, which are the Admin and Site Visitor. For the admin, the Children
and Youth in Action for Sustainable Future administration would be the admin.
Also, they can see all the people who want to be a volunteer in their group and
edit events for the website. For the Site Visitor, the Site Visitor can browse all the
important details of the Children and Youth in Action for Sustainable Future and
they can participate on the events of the organization. The Site Visitor can
choose to become either volunteer or a donor.

4
Children and Youth in Action for Sustainable Future is a project of the
Social Development Department that helps the youth and also the nature; as a
student also part of the youth, the project team want to make a website that
shows how Children and Youth in Action for Sustainable Future help other youth
and also, they can help the environment.
The Volunteer or User cannot use any voice message nor video call. In
short, the website cannot provide a real-time conversation. The user cannot buy
the product that they offer but using the chat support; they can inquire on the
website on how to buy their product and how to donate. Also, the user cannot
pay and donate on the website straightly; they can see only the bank account
info and the process on how to send money or donation.
The project team used the web development life cycle as its development
framework, which would allow to solve the existing problem and provide the
features they need. There were twenty (20) total respondents, which consisted of
four (4) potential donors, four (4) visitors, three (3) IT practitioner, one (1) admin,
and eight (8) volunteers that were chosen.
Significance of the Study
The project team anticipated that the study's findings would be extremely
valuable to the following entities and individuals:

5
Organization. The website would help the project promote their products
offer and communicate easily to the donor, user, and volunteer.
Volunteer. It would benefit the volunteer and the scholars because all the
donations and revenue will go to the Children and Youth in Action for Sustainable
Future.
Visitor. The website would help the visitor so they can see information
about how can save the environment and some educational ideas.
Project team. This study will benefit us in many things like this project will
teach us many knowledge and idea on how can help the environment in small
things, and this study would help us how to be system analysts, a project leader,
documentarist, programmers, and QA Staff Tester that can use in the future.
Future Project Team. This study will help the future project team in the
decision-making of their future website and give them knowledge in their study.
Definition of Terms
In order to have a common understanding of this project, the following
terms are defined operationally.
CMS Content Management System. It's a component of computer
software or an application that uses a database to manage all of the content on a
website.
IT Practitioner. the professionals involved with planning and implementing IT
resources for their organizations.

6
Quality Assurance Testing. A quality assurance method that assures a
company's products or services are of the highest quality.
User Acceptance Evaluation. Is a sort of evaluation in which the end user
or customer verifies and accepts the software system before moving it to the
production environment. After functional, integration, and system evaluation has
been completed, User Acceptance Evaluation is done.
Volunteer. A person who does something freely and without being
compelled or compensated to do it, especially assisting others.
Web-based. The term web-based refers to applications that operate on a
web browser.
7
Chapter 2
REVIEW OF RELATED LITERATURES AND STUDIES
Website
In our present generation, having a website is important for this time most
of the people use internet to look their needs and buy product, also to
communicate with each other.
As said by (Dingli, 2014) websites have become a fundamental part of the
current marketing company program as a result of the tremendous
advancements of the Internet over the last few years. However, merely having a
website isn't enough for a company to succeed online. Indeed, a website's
usability impacts whether a visitor remains or leaves for a competitor. As a result,
it's critical to comprehend the significance of online usability and, as a result, the
requirement for review.
From this perspective, automation of the latter is immensely advantageous
since it not only aids designers in producing more usable websites, but it also
improves Internet users' overall experience and happiness. As a solution to this
challenge, an Intelligent Usability Evaluation (IUE) tool is suggested, which
automates the usability evaluation process by applying a Heuristic Evaluation
approach in an intelligent manner using numerous research-based AI
methodologies. The tool and human annotators have a strong connection when it
comes to finding usability breaches, according to the results of the experiments.

8
As stated by (Al-Hawari,2020) The fact that a university website is mostly
built and administered in-house necessitates resolving a number of issues in
order to improve product quality, organizational efficiency, and customer
happiness. As a result, this article proposes a holistic approach to website
administration that takes into account three major aspects of software
management: people, technology, and processes. To efficiently manage
websites, a multidisciplinary team structure is advocated, with clearly defined
leadership, roles, talents, and duties.
The world is digital, and information is delivered via websites. Everyone
now rely more on the Internet and digital information, and digital platforms and
channels are the finest means to interact and promote. In many circumstances,
up to 90% of purchasing decisions are based on search and website, and each
day, an increasing number of mobile users and local customers make purchasing
decisions based on websites.
As mentioned by (Undu & Akuma, 2018) the website symbolizes an
organization, interacting or projecting an organization’s principles, culture,
values, vision, and perspectives. It is an interface connecting organizations and
their clients.
According to (Stein, 2011) the potential of the World Wide Web to
increase the communication capacity of social movement groups has sparked
significant conjecture and a growing body of studies. Websites may be useful in

9
this sense as a medium for online publishing and certain features and
capabilities.
As stated by Aida Nasirah Abdullah, Kalthom Husain, Mohaida Mohin
(2010) Online campaigns reflect all the advantages; namely speed, low cost,
accessibility, customization, interactivity, and persuasive ability over other media
channels. Normally via websites, expensive campaigns could be done not only
faster and cheaper, but also successfully (Ward, 2012). Web interactivity seems
to be highly beneficial to ENGOs in advocating environmental campaigns and
trigger interaction (Petersson, 2010; Ward, 2012).
As stated by Upi Fitriani, Adisyahputra Adisyahputra, Ratna Komala
(2018) analysis and discussion result has proved that the eligibility of eco-friendly
website based on the evaluation of the content expert, media expert and peer
reviewer is excellent; based on the student’s evaluation, good.
The project team wishes to develop a website to help the Children and
Youth in Action for Sustainable Future.
Use of Website to promote the Environment
According to (Eimhjellen, 2014) Technology is embedded in and employed
within specific social settings, shaping and being shaped by social and
10
organizational systems. New communication technology can support current
modes of behavior in established and institutionalized organizations, while
elements of new web technology may have significant consequences for the
creation and molding of less institutionalized groupings.
As stated by (Morgan & Barlow, 2019) Resources of nature Extension
educators use outdoor environmental education sites to raise public awareness
about environmental issues but finding suitable locations can take effort.
Extension professionals can use geographic information system (GIS) software
and geospatial data to better efficiently choose such places. It describes how to
used GIS technology to choose a natural resources field day location in
Alabama's Tuskegee National Forest. It examined site factors including forest
type, road access, and slope to filter down candidate locations from 94 to the top
two. Free and low-cost geospatial data sources are also explored.
This project helps more the environment to survive because of the
pollution that people do. It will also help the project to be public to gain more
volunteers and this literature and idea explain how the environment influences
the lives of everyone in the world.
Promotion to website
As stated in Section 12. Article XIV of the Constitution of the Republic of
the Philippines:
“The State shall regulate the transfer and promote the adaptation of technology from all
sources for the national benefit. It shall encourage the widest participation of private
groups, local governments, and community-based organizations in the generation and
11
utilization of science and technology.” The article above encourages the adaptation of
technology from all sources for the benefit of the people in the country. As the science
and technology continuously progress, almost all institutions in the country are using
technology in their daily transactions.
Email Message
According to (Khan,2015) with the advent of information and
communication technologies, e-mail is one of the prime tools for communication.
Almost everyone uses emails for business communications as well as for sharing
personal information. E-mail is vulnerable against cybercrimes.
As stated by (Nong & Gainsbury 2019) The nature of the online
environment makes it difficult for individuals to verify their safety and to identify
latent risks in online activities. This limits website users' ability to take appropriate
security precautions. Websites use various features and functions supported by
computer-based media technologies to communicate and interact with users to
achieve business success.
Non-Government Environmental Organization
According to Tom Denison &Kirsty Williamson (2012), a paucity of
research examines the factors which are most important in helping community-
based, non-profit organizations to design websites that achieve their aims. This
article attempts to fill this research gap by exploring website management issues
within 17 organizations in two locations: Victoria, Australia and Tuscany, Italy.
Integral to the research was an examination of structural barriers and inter-
organizational relationships that act to facilitate the take-up, or otherwise, of

12
technology. Theory regarding the diffusion of innovations and social network
analysis provided the background.
As stated by Molefi Motsoenyane (2012) to the profit & non-profit
organizational long-term success of promotional campaigns and marketing
communication are affected by the effective use if information technology (IT).
Web presence allows organizations to put all sorts of media, visual, text, sound,
video and animation to promote their services.
Testing and evaluation
As mentioned by (Helm, 2014) Quality Assurance Testing Web-Based
testing is a repetitive process of identifying defects, where a defect is any
variance between actual and expected results.
According to (Sauro & Lewis, 2016) User experience evaluation
questionnaire Standardized usability questionnaires are questionnaires designed
for the assessment of perceived usability, typically with a specific set of questions
presented in a specified order using a specified format with specific rules for
producing scores based on the answers of respondents.
With this literature & idea, the project team wishes to design and to
develop the Website for Children and Youth in Action for Sustainable Future in
Binangonan Rizal. The project team wants to make a website to encourage some
13
youth to participate to this program and also to showcase the activity that they do
for the environment.

Chapter 3
METHODOLOGY
Project Development Framework
The project team employs web development life cycle in the conduct of
this project
The web development life cycle was chosen by the project team since it is
best suited for our website. Web development life cycle is a helpful tool for
website development because it boosts flexibility, team cooperation, and
efficiency, all of which benefit both the development team and the client. It is put
to the test in a dynamic environment and responds to the changes that occur
inside the organization.
The web development life cycle refers to all of the steps involved in
creating a website, from conceptualization to coding and design to deployment
and maintenance. It is the normal or methodical procedure to follow in order to
create a functional website.
Information gathering the project team seek information and ask questions
about the organization. The project team would conduct an interview with The
Children and Youth in Action for Sustainable Future to collect all the data and
information that will be use for the website.
In planning phase, the project team considered some tools to use in
creating website for the organization. The project team would identify what is the
15
problem and what is the potential of the developing website. The project team will
construct ideas to encourage more site visitor to become a volunteer.
In designing phase, the project team design a website that has a user-
friendly interface to make them comfortable while using it. In order to accomplish
ease of use on the website, the project team would create the architecture and
components design of the website, which also needs to be informative and have
a user-friendly interface and a good user experience.
In content organizing phase the project team used all the gathered
information in organizing and arranging the interface of the website and to share
knowledge and information to make the website more attractive.
In configuration and management originally the coding phase, the project
team competes the entire website through configuration and management.
In testing phase, the project team run the website for testing to check if
the code and programming works according to user requirements. The project
team would test the website for problems and conduct quality assurance testing
to ensure that it met the client's expectations.
Maintenance phase happens after the project team deploys the software
and its fully operational on user’s environment. This phase of the cycle ensures
that the system remains running at peak performance level.
INFORMATION
GATHERING
PLANNING
16
TESTING,
REVIEW AND DESIGNING
LAUNCHING
CONFIGURATION CONTENT
AND
MANAGEMENT ORGANIZING
Figure 1
Project Development Framework for the Website for Children and Youth in Action
for Sustainable Future in Binangonan Rizal
.
Locale of the Study
The study conducted in Binangonan Rizal. The Children and Youth in
Action for Sustainable Future started since 2007. As cited on the records of
Huerta Cavada, Binangonan, originally a visita of Morong, was separated and
became independent parish in 1621. Another version stated, however, that

17
Binangonan was separated from Morong in 1737. In 1766, the Superior Gobierno
licensed Angono as an independent parish separating it from
Binangonan. Angono’s ecclesiastical activities were placed under the care of the
secular clergy.
For a number of years now, several Children and Youth in Action for
Sustainable Future Programs have been implemented in different communities
inspiring various sectors of society including organizations and institutions to
partner with ASI to know more about the programs and learn from it.
Implemented in different areas within the three municipalities of Angono,
Binangonan and Cardona, neighboring municipalities, parishes and dioceses in
Metro Manila.
Children and Youth in Action for Sustainable Future projects are geared
towards consciousness raising regarding environmental concerns and what can
be done about it. Students from different schools within the locality and including
those from Metro Manila visit places where Children and Youth in Action for
Sustainable Future projects and activities are implemented. This is a proof that
Children and Youth in Action for Sustainable Future is gaining grounds on its
work and advocacies. At the same time, it attracts people not only from the
locality but from foreign countries as well, notably those coming from Asian
countries who, ASI considers, learning partners.

18
As of February 2022, the children and youth in action for sustainable
future organization is doing some events in online activities campaign and holistic
environmental education.
Objectives of Children and Youth in Action for Sustainable Future
Generally, the project aims to strengthen further children and youth’s
commitment as servant leaders, environmental stewards, and social
entrepreneurs who continuously practice sustainable ecological well-being in the
community in implementing the CYASF program. As dreamt by the people in
these areas, the young leaders are expected to become pro-active in developing
and sustaining communities.
Subject of the Study
There were twenty (20) total respondents, which consisted of four (4)
potential donors, four (4) visitors, three (3) IT practitioner, one (1) admin, and
eight (8) volunteers that were chosen purposively. The stated respondents would
evaluate the website since they are knowledgeable in Children and Youth in
Action for Sustainable Future. IT expert were chosen to test the technical aspects
of the website.
Furthermore, they are the one who till asses the user acceptance of the
developed website.
Procedure of the Study

19
First of all, the team was instructed to conceptualize a topic for their
capstone project. The title chosen for the team is Website for Children and Youth
in Action for Sustainable Future in Binangonan, Rizal. The project team started to
conduct research about the said topic and gather all information that they need
for their Capstone Project.
The project team had an interview with the representative of the Children
and Youth in Action for Sustainable Future and propose a website to help the
project and also the nature.
Then, the team defended their proposed title, after the title has approved,
the team was instructed to choose one I.T Professor as their Capstone Project
Adviser and get approval.
Afterward, the project team started working on the Introduction,
Background of the Study, Objective of the Study, Framework, Scope and
Limitation of the Study in chapter 1.
Next is the development of a Review of related literature for chapter 2 that
includes Related Literature and Related Studies, then the project team consulted
it to the Capstone Adviser and ask if they have some revisions for chapter 2.
After the consultation, the project team focus on Methodology, Research
Development Framework, Locale of the Study, Subject of the Study, and
Procedure of the Study for chapter 3.

20
Then, the team constructs the preliminaries focusing on the title page,
approval sheet, acknowledgment, dedication page, table of contents and list of
tables/figures. And after that, the team focused on the appendices, bibliography
and conceptualization of the website that they want to develop.
The project team consult to the adviser about that softbound of the
manuscript and ask for some advice.
After the Pre-Oral Defense the project team revised the capstone
manuscript Chapter 1-3 then the project team submitted a revised manuscript.
The project team Start to develop the Website for Children and
Youth for Sustainable Future Organization the team consulted the Capstone
Adviser about the tool to use in Creating the Website which are WordPress and
XAMPT Local Host. Then the project team installed WordPress and XAMPT
Local Host.
After installing the team asked the Representative of the Children
and youth for Sustainable Future Organization for some details about the
Organization. Then the team presented the sample website, after the
presentation of the sample website the Representative of The Children and
Youth for Sustainable Future give some comments and suggestions.
The team started to design the system that can satisfy the user of the
website and brainstorming the possible flow of the website. After a month of
developing the website. The team continue to work the manuscript and revised
some part of chapter 2 and 3.

21
And when the Website has almost finished the team started to work on
Chapter 4 and 5. In chapter 4 the project team created DFD, System Flowchart,
UML Diagram, Database Schema, Cost and Benefits Analysis, Software and
Hardware Specification, Quality Assurance Testing and User Acceptance
Testing.
Then, after the Website has fully developed the team presented the
Website to the Capstone Adviser. The Capstone Adviser gave his comments
and recommendation to improve the Website.
Next, the project team started to developed Quality Assurance Testing.
Then after the Quality Assurance Testing the project team started to create the
User Experience Questionnaire. The project team used User Experience
Questionnaire Form as their instrument to conduct a survey to the respondents
and send them the link of the website for them to try the developed website.
Then the project team started to work Chapter 5 and finalized the
manuscript. After that the project team consulted the final manuscript to their
Capstone Adviser and ask for the schedule of the final defense.
Chapter 4
TECHNICAL BACKGROUND
System Flowchart
This system flowchart describes how the entire website operates. It helps
to recognize the flow of operations at the back of the website. It reflects the
relationships between inputs, outputs and processes of the title.

23
24
25
26
27
Dataflow Diagram
This dataflow diagram represents how the data of the website for Children
and Youth in Action for Sustainable Future flows, processes and accessed by the
user.
Context DFD
28
Level 0
29
Database Schema
30
31
32
Unified Modeling Languanges

33
Cost and Benefits Analysis
Cost:
Item Quantity Estimated Total Cost

Cost
Computer Equipment:
Computer Set 2 35,000.00 70,000.00
Printer 1 10,000.00 10,000.00
Ink 1 300.00 300.00
Bond Paper 1 300.00 300.00
Training Cost (Back end):
Website for
Children and Youth
1or2 2,000.00 2,000.00
in Action for
Sustainable Future
Other Cost:
Domain 12 months 300.00 3,600.00
Web Hosting 12 months 250.00 3,000.00
Internet Bill 12 months 1,499.00 17,988.00
SMS Load - 2,000.00 2,000.00
Electric Bill 12 months 3,000.00 42,000.00
Maintenance Fee 12 months 3,000.00 36,000.00
TOTAL COST: 187,488.00

34
Benefits:
Item Estimated Benefits per Year
Faster Processing of the 80,000.00

transaction
Hassle Free 20,000.00
Less time consuming 40,000.00
TOTAL BENEFITS: 140,000.00
Return of Investment
Return of Investment: ((Benefits – Cost)/Cost)*100
Return of Investment: ((140,000.00 –187,488.00)/187,488.00)*100
Return of Investment: 0.1734*100
Return of Investment: 17.34% per year

35
Program Output
Figure 2
Homepage
36
Figure 3
About Us Page
37
Figure 4
Registration Form Page

38
Figure 5
Donate Page
39
40
Figure 6
Gallery Page
41
Figure 7
Event Page
Figure 8
Event Pop-up Details

42
43
Figure 9
Contact Us Page
Figure 10
Log-In Page
44
Figure 11
Admin Dashboard
Figure 12
Media Library
45
Figure 13
Pages
46
Figure 14
Messages
Figure 15
User Profile
47
Figure 16
Gallery
Figure 17
Gallery (Add or Edit Gallery)

48
Figure 18
Image Uploader
Figure 19
Calendar overview
49
Software Requirements
The software is a computer program, instructions that command the
hardware or machine to execute a specific task. Development of Website for
Children and Youth for Sustainable Future was developed using WordPress,
MYSQL as a database and Hostinger.ph for Hosting the website.
Upon the deployment, the developed website requires a 32 bit or higher,
Windows 7 operating system or higher. Google chrome or any search engine to
access the website. It is also compatible to browse or to use on any smartphone.
Hardware Requirements
For better performance of the website, it requires the following Hardware:
Personal Computer with at least Phenom II X6 or higher processor, at least 2 or
higher memory ram, storage at least 250GB or higher and operating system at
least window 7, 8 and 10, and a printer to use for printing the records.
50
Quality Assurance Testing
3 7
4 8
Test Case Code: Test No.1 6

Description: Verify that the following objects/fields are present and
functioning to login in the system
Function: Log in the Admin Dashboard
Item Step Expected Result Actual
No. Result
1 Check if the Children and Children and Youth in Action for Passed
Youth in Action for Sustainable Future logo must be
Sustainable Future logo is seen on the screen
on the screen.
2 While the insertion point is A notification Error message will
in the username textbox, appear saying “The password field Passed
press the enter key in the is empty.” the insertion point will
keyboard with correct proceed at the password
username and password
51
While the insertion point is A notification Error message will

in the username textbox, appear saying “The password field Passed
press the enter key in the is empty.” the insertion point will
keyboard with incorrect proceed at the password
username without
password
3 While the insertion point is The Admin dashboard screen will
in the password textbox, load/appear Passed
press the enter key in the
keyboard with correct
username and password
While the insertion point is A notification message will appear
in the password textbox, saying that “Invalid Username” Passed
press the enter key in the once the log in button was clicked
keyboard with incorrect the user will require to try another
username and password username and password
4 Click the box Checked sign should appear Passed
5 Click the Lost your A notification message will appear
password saying Passed
“Please enter your username or
email address. You will receive an
email message with instructions on
how to reset your password.”
6 Click Go to Children and The Website Homepage will Passed
Youth in Action for load/appear
Sustainable Future
7 Type a text and click the Password should show or hide Passed
Show password icon once clicked
8 Click the Log in button with The Admin dashboard screen will Passed
correct username and load/appear
password
Click the Log in button with A notification Error message will
incorrect username and appear saying that “Invalid Passed
password Username” once the log in button
was clicked the user will require to
try another username and
password
Click the Log in button with A notification Error message will
correct username and appear saying that “Invalid Passed
incorrect password Password” once the log in button
was clicked the user will require to
try another username and
password
Click the login button with A notification Error message will
no encoded username and appear telling “The Username field Passed
password is empty” the insertion point will
52
proceed at the username
6 4
9
7
Test Case Code:

10 Test No.2
Description: Verify that the following objects are present and
functioning to Admin Dashboard
Function: Admin Dashboard Functionality
No. Result
1 Click the Children and The homepage of the website will Passed
Youth in Action for appear
Sustainable Future
2 Click the Updates The dashboard will load and will Passed
show if there are available updates
3 Point the cursor to Media It will show an option list “Library”, Passed
“Add New”
Click the Library The dashboard will load and will Passed
show the Photos/images that are
uploaded on the website
Click Add New The dashboard will load and will Passed
53
show a drop file to upload

4 Click the dropdown button It will appear news and update of Passed
the plug in
5 Click the Page The dashboard will load and will Passed
show the list of Pages on website
6 Point the cursor to Ninja It will show an option list Passed
form
Click submission The dashboard of submission will Passed
appear on the screen
Click the dropdown “Select Appear different form on the Passed
a form” screen
7 Click the User The dashboard will load and will Passed
show the Profile of the User/Admin
8 Check if At a Glance The dashboard will load and will Passed
overview is visible show the Profile of the User/Admin
9 Check if Activity Overview Activity Overview must be present Passed
is visible on the screen
10 Click Collapse Menu The admin navigation will move Passed
aside
5 6
3 4
Test Case Code: Test No.3

Description: Verify that the following objects are present and
functioning to Media Library and Adding Image
54
Function: Media Library Function

No. Result
1 Click the Add New The Screen will reload and it will Passed
show a “Select Files Button” to
Add new media
2 Check if the media is It should be visible on the screen Passed
visible
Click anything on the It will show a pop-up block Passed
media “Attachment details”
3 Click anything on the It will show list of media (Image, Passed
dropdown list audio,Video, and others.)
Click anything on the It will filter out the result of the Passed
dropdown list specify media
4 Click the dropdown list It will show list of months of the Passed
added media
Click the dropdown button It will filter out the result of specify Passed
month
5 Click the Bulk Select button It should select any of the media in Passed
the same time and it will show a
delete button and cancel button
6 Type name of media It must filter out the result Passed
55
5
4
10 9
6 7

Description: Verify that the following objects/fields are present and can
add, delete and edit pages
Function: Pages Overview Functionality
No. Result
1 Click the Add New The Screen will reload and it will Passed
show a “Select Files Button” to
Add new media
2 Check if the Pages List is The Pages Overview will reload Passed
visible and it must show the page for
editing Pages (Note. Add or Edit
56
Post page is the same page)

3 Click the Bulk actions drop The drop-down list will show the Passed
down list button list “Edit”, “Move to trash””
Checked the check box on The dashboard will load/appear Passed
the list to specify Page the page to edit the Page
then click the Bulk actions
drop down list and choose
edit, then click the Apply
button
Checked the check box on The specify Page will move to Passed
the list to specify post then trash
click the Bulk actions drop
down list and choose Move
to Trash, then click the
Apply button
4 Click the Filter button It will appear news and update of Passed
without selected specific the plug in
date
Click the Filter button with The page will load but nothing will Passed
selected specific date on happen
the All-Dates dropdown list
5 Type a Pages Title name The dashboard will load then it will Passed
then click Search Pages filter out the list of Post within that
button date
6 Click the WordPress logo The screen will load and will be Passed
back at the Pages List
7 Click the Plus Sign/Add It should show a content material Passed
Block
8 Click the title of the Page It should be editable Passed
and rename it
9 Click the title of the Page It must show a pop-up message Passed
and rename it then Click that telling “Page Updated”
the Update button
10 Click the Edit with The Page will reload and then Passed
Elementor show an Editor to edit the interface
of that particular page
57
1 3
4 5
7 8

can add forms and see information
Function: Ninja forms overview functionality
No. Result
1 Click add new Creating a new form Passe
d
2 Click ‘Contact Me” The forms will be presented on the screen Passe
d
3 Type a text and The forms will be shown in a specific way Passe
58
click “filter forms” d

4 Drop down The list of forms will be shown on the Passe
selection screen d
5 Type a text and The forms will be display in a specific way Passe
click “Search forms” d
6 Point the cursor to It will show an option list Passe
the ninja forms d
Click “Edit “ The submission information can be edited Passe
d
Click “Trash” The submission information can be deleted Passe
d
Click” Export” The submission information will be backing Passe
up important data d
7 Type a text into The filtered submitted information will be Passe
enter search terms displayed d
and click the filter
submission
8 Click the reset The text in the searching bar can be reset, Passe
filters the searching information was discarded d
1 4 5 6
2
3 11
7 8
9 10

functioning to users’ forms
Function: Users’ forms
59
Item No. Step Expected Result Actual

Result
1 Select Add new Creating a new member of Passed
user
2 Select Approved All the approved members Passed
will be displayed
3 Select Pending Review All the pending review will Passed
be displayed
4 Click Waiting E-mail The waiting list of the E- Passed
Confirmation mail will be shown
5 Click Inactive User’s inactive will be Passed
displayed
6 Click Rejected Rejected users will listed Passed
7 Select Administrator List of administrators will be Passed
shown
8 Click Subscriber Subscribed Users will be Passed
shown
9 Click change role to.. Different roles will be Passed
displayed
10 Click UM action List of UM action will be Passed
displayed
11 Click Search Users The list of users is able to Passed
return the result quickly
60
1 2 3 4 5
7 8 9

functioning to gallery in the system
Function: Gallery forms
Result
1 Select all All the categories of gallery will be Passed
shown
2 Select Planting Gallery of Planting will be shown Passed
3 Click Cleaning Gallery of Cleaning will be Passed
61
displayed
4 Click Meeting Gallery of Meeting will be Passed
displayed
5 Click Youth Gallery of Youth will be shown Passed
6 Click Gallery Items Forms will be displayed and can Passed
be edited
7 Click text (CYASF Forms will be shown Passed
CLEANING)
Click Control name Text can be edited Passed
Click Item name Text can be renamed and can Passed
turn on and off price, ratings,
category.
Click add media Adding media and photos Passed
Add form Forms can be added Passed
Paragraph Pictures can put information and Passed
dates
8 Click copy Text can be copied Passed
9 Click X The whole text will be Passed
deleted/removed
1 2 3 4 5 6 7

functioning to calendar in the system
Function: Calendar Dashboard
Result
62
1 Select previews The date will return to previous Passed

button month/days
2 Select next button It displays the next month/days Passed
3 Select today button The date for today will be shown Passed
4 Select day button The date for today and schedule Passed
of events can be seen
5 Click week button The date will display in a week Passed
form
6 Click month button The date will display in a month Passed
form
7 Click list button The list of events set for that Passed
month will display
8 Click date button The event set for that day will Passed
display
2 3 4 5 6
7
63
Test Case Code: Test No. 10

functioning
Function: Homepage function
Result
1 Check if the logo of It should be visible in the entire Passed
the Children and pages
Youth in Action for
Sustainable Future
is visible
2 Click the Home The Screen will reload and it will Passed
Page display the Home Page
3 Click the About The Screen will reload and it will Passed
64
Page display the About Page

4 Click the Gallery The Screen will reload and it will Passed
Page display the Gallery Page
5 Click the Calendar The Screen will reload and it will Passed
Page display the Calendar Page
6 Click the Contact The Screen will reload and it will Passed
Page display the Contact Page
7 Click the About Us The Screen will reload and it will Passed
display the About Page
8 Click the Learn The Screen will reload and it will Passed
more display the information about the
mabuhay balls page
9 Click the Join Us The Screen will reload and it will Passed
display the Registration Page
1 2 3
Test Case Code: Test No. 11

functioning
Function: Footer function
Result
1 Check if the logo of the It must be visible in Footer; Passed
Children and Youth in the Footer must be visible
Action for Sustainable in all pages of the website
Future is visible
2 Check if the email address It must be visible in Footer Passed
is visible
3 Check if the copyright is It must be visible in Footer Passed
visible
65
2 3

functioning
Function: About us function
Result
1 Navigate the It will show the location of Children and Passed
map Youth in Action for Sustainable Future
2 Click the The Screen will reload and it will Passed
Register Now display the Registration Page
3 Click the The Screen will reload and it will Passed
Donate Now display the Paypal page of the ASI
Youth
66
2 3
4
4 5 6
5

functioning
Function: Registration Pages
Result
1 Type a text in the First It should accept alphanumeric Passed
Name box and special characters
2 Type a text in the Last It should accept alphanumeric Passed
Name box and special characters
3 Choose in the radio gender It shows 3 choices on the Passed
screen “Male, Female and
Unspecified”
4 Type a text in the phone It should only accept a number Failed
textbox
5 Type an Email in the Your It should only accept email Passed
Email textbox format
6 Click Upload Image It accepts only Jpeg, Jpg, Png, Passed
GIF
7 Click Register button It will show a notification error Passed
without input data in the “Please fill the required fields
fields (First Name, Last Name,
67
Gender, Mobile Number, Email

and ID Uploader).”
Click Register button with The website will load and it will Passed
a value in the fields show a thankyou message
1 2 3 4 5

functioning to gallery
Function: Filterable Gallery Functionability
Result
1 Click ALL in the filterable It will appear the images in Passed
menu bar the gallery
2 Click PLANTING in the It will appear all the images in Passed
filterable menu bar the category of PLANTING
3 Click CLEANING in the It will appear all the images in Passed
filterable menu bar the category of CLEANING
4 Click MEETING in the It will appear all the images in Passed
68
filterable menu bar the category of MEETING

5 Click YOUTH in the It will appear all the images in Passed
filterable menu bar the category of YOUTH
6 Click SEE MORE button It will appear all the images in Passed
the gallery
7 Click the Image To resize the image bigger Passed
Point the cursor to Image It will show the caption image Passed
1 3 7
2 4 5 6

functioning to calendar in the system
Function: Calendar Dashboard
Result
1 Select previews The date will return to previous Passed
button month/days
69
2 Select next button It displays the next month/days Passed

3 Select today button The date for today will be shown Passed
4 Select day button The date for today and schedule of Passed
events can be seen
5 Click week button The date will display in a week form Passed
6 Click month button The date will display in a month form Passed
7 Click list button The list of events set for that will Passed
display
8 Click date button The event set for that day will Passed
display
1
5

functioning to Contact Us Pages
Function: Contact Us Function
Result
1 Click the Facebook Icon A new tab will show and Passed
display the Facebook of
70
Children and Youth in Action

for Sustainable Future
2 Type a text in the Full Name It should accept alphanumeric Passed
box and special characters
3 Type an Email in the Your It should only accept email Passed
Email textbox format
4 Type a text in the phone It should only accept a Passed
textbox number
5 Type a text in the message It should accept alphanumeric Passed
textbox and special Characters and
long text
6 Click Submit button without It will show a notification error Passed

input data in the fields “Please fill the required fields
(Full Name, Email, Phone
Number and Message).”
Click Register button with a The website will load and it Passed
value in the fields will show a thankyou
message
QA Testing Result = (No. of Passed Test Case / No. of Total Test Case) * 100
QA Testing Result = (138 / 139 ) * 100
QA Testing Result = .99 * 100
QA Testing Result = 99%

71
User Acceptance Testing
The user acceptance testing of the developed Website Children and Youth
in Action for Sustainable Future in Binangonan Rizal as perceived by the
respondents which were the IT practitioner, volunteer, user and the admin.
Likert Scale
5 Highly Acceptable
4 Acceptable
3 Moderately Acceptable
2 Fairly Acceptable
1 Not Acceptable
Table 1
User Experience Testing of Website for Children and Youth in Action for
Sustainable Future in Binangonan Rizal in terms Usability
Verbal
Test Result Rank
1. Usability Interpretation
Overall. I am satisfied with

1.1 how easy it is to use this 4.71 2.5 Highly
website Acceptable
1.2 It was simple to use this 4.76 1 Highly

72
website Acceptable
I feel comfortable using Highly

1.3 4.71 2.5
this website Acceptable
Highly
Test Result Score 4.73
Acceptable
As shown in table 1, item 1.1 “Overall. I am satisfied with how easy it is to
use this website” with the test result of 4.71 which is highly acceptable and 1.2 “It
was simple to use this website” with the score result of 4.76 and 1.3 “I feel
comfortable using this website” score result of 4.71 and obtained a 4.73 test
result score.
The 4.7 test result score in terms of usability represents that in all cases
the user and the admin is satisfied to the website in terms of effectively and
efficiently.
This implies that this website is simple and comfortable to use. The
website is also easy to use.
Table 2
Sustainable Future in Binangonan Rizal in terms Learnability
2. Learnability Test Result
2.1 It was easy to learn to use this website 4.71
2.2 The information provided with this website is 4.59

clear
2.3 It is easy to find the information I need 4.59

73
2.4 The information provided by the website is 4.65

easy to understand
2.5 The organization of information on website 4.65

page is clear
As shown in table 2, item 2.1 “It was easy to learn to use this website” with
the test result of 4.71 and 2.2 “The information provided with this website is clear”
and 2.3 “It is easy to find the information I need” with the score result of 4.59 and
2.4 “The information provided by the website is easy to understand” and 2.5 “The
organization of information on website page is clear” with the score result of 4.71
and obtained a 4.73 test result score.
The 4.64 test result score in terms of learnability represents that the
website is informative and it is easy to find the information needed of the
user/admin and all the pages are clear.
Table 3
Sustainable Future in Binangonan Rizal in terms User-Interface
3. User-Interface Test Result
3.1 The Interface of this website is pleasant 4.71
3.2 I like using the interface of this website 4.76
3.3 Overall. I am satisfied with the color scheme 4.51

of the website

74
As shown in table 3, item 3.1 “The Interface of this website is pleasant” with the
test result of 4.71 and 3.2 “I like using the interface of this website” with the score
result of 4.76 and 3.3 “Overall. I am satisfied with the color scheme of the
website” score result of 4.51 and obtained a 4.66 test result score.
The 4.66 test result score in terms of user-interface indicates that the
website is eye catching and the choice of color is good.
Table 4
Sustainable Future in Binangonan Rizal in terms Function and Navigations
4. Functions and Navigations Test Result
4.1 The donate function of this website is working 4.83
4.2 The email support can be used with ease 4.65
4.3 All the links are working 4.76
4.4 Website loads without a problem 4.59
4.5 The website is responsive 4.76
4.6 User able to receive verification message 4.82

through email
As shown in table 4, item 4.1 “The donate function of this website is
working” with the test result of 4.83 and 4.2 “The email support can be used with
ease” with the score result of 4.65 and 4.3 “All the links are working” score result
of 4.76 and 4.4 “Website loads without a problem” with the score result of 4.59
and 4.5 “The website is responsive” with the score result of 4.76 59 and 4.6
75
“User able to receive verification message through email” with the score result of
4.82 and obtained a 4.74 test result score.
The 4.74 test result score in terms of functions and navigations represents
that the website has a good function in button and clickable links. And user can
receive a verification message in their email account.
Table 5
Composite Table on the User Experience Testing of Website for

Children and Youth in Action for Sustainable Future in Binangonan Rizal
Module Test Result
1 Usability 4.73
2 Learnability 4.64
3 User-Interface 4.66
4 Functions and Navigation 4.74
Average Test Result Score 4.69
Table 5 shows the systems user experience testing criteria rating are as
follows; Usability 4.73, Learnability 4.64, User-Interface 4.66, and Functions and
Navigation 4.74.
Generally, the overall result of the user experience testing of the
developed Website for Children and Youth in Action for Sustainable Future
Binangonan Rizal is 4.69 passing rate which indicates that the website is
perfectly effective.
76
Chapter 5
SUMMARY OF FINDINGS, CONCLUSION AND RECOMMENDATION
This chapter presents the summary of findings, conclusions and
recommendations
Summary of Findings
After the development, the project team conducted quality assurance
testing with the developed system on the specific features of the Children and
Youth in Action for Sustainable Future. In general results show that the required
functionality in providing support in helping Children and Youth in Action for
Sustainable Future. In Sitio San Juan Brgy. Darangan Binangonan, Rizal to
manage all undertakings in their organization is 99%.
The project team also conducted the user experience testing criteria rating
as follows: Usability 4.73, Learnability 4.64, User-Interface 4.66, Functions and
Navigation 4.74
As a result, the obtained passing rate per module indicates that the user
found the system to be effective since it includes enough features that are well-
made to suit their support needs.
Conclusion
Based on the findings and comments/feedback that were gathered in the
whole conduct of the project, the project team concluded that the website can be
used by the organization because the site can give information about the
78
association. Hence, it promotes environmental advocacy. It provides Admin
Login, Registration Form, Message with Us, Gallery, Calendar of Events,
Donations, About Us, and Contact Us.
Therefore, the project team concluded that the development website for
Children and Youth in Action for Sustainable Future in Binangonan Rizal already
achieve satisfaction for the User of Children and Youth in Action for Sustainable
Future without any problem says.
Recommendation
The following recommendation are presented for further improvement of
the website.
1. The Children and Youth in Action for Sustainable Future could require
various types of bank accounts for donations.
2. The Children and Youth in Action for Sustainable Future may require a
chat live function to facilitate easy and convenient communication with the
administrator and to facilitate quick responses to inquiries.
3. Other studies maybe conducted to test the effectiveness of the website
4. Enhancing the website cosmetic design that could make it more formal
5. Enhancing the website interface's responsiveness and adaptability as
much as possible.
79
Bibliography
A. Book
Morgan, Whitney; Barlow, Rebecca (2019) Using Geographic Information
System Technology to Identify Environmental Education Field Sites
https://eric.ed.gov/?q=Environmental%20promotion%20using%20
technolgy%20&id=EJ1226550
Upi Fitriani, Adisyahputra Adisyahputra, Ratna Komala (2018) Eco-friendly

website development in biology learning based on project activities on
environmental pollution. Biosfer: Jurnal Pendidikan Biologi 11 (1), p 33-47
Jeff Sauro, James R. Lewis (2016) in Quantifying the User Experience

(SecondEdition)https://www.sciencedirect.com/topics/computer-science/
usability-questionnaire
B. Published Article
Feras Alz-Hawari (2020) Holistic University Website Management: People,

Technology and Processes
https://www.ceeol.com/search/article-detail?id=914075
Ivar Sognnæs Eimhjellen (2014) Web technologies in practice: The integration of

web technologies by environmental organizations.
https://doi.org/10.1177/0163443714536075
Laura Stein (2011) Environmental website production: a structuration approach

https://journals.sagepub.com/doi/abs/10.1177/0163443710394898
Tom Denison and Kirsty Williamson (2012) WEBSITE MANAGEMENT ISSUES

FOR COMMUNITY-BASED, NON-PROFIT ORGANIZATIONS IN RURAL
AND REGIONAL AREAS
https://www.tandfonline.com/doi/abs/10.1080/1369118X.2012.687005
C. Journals
80
Abraham Undu, Stephen Akuma (2018) Investigating the usability of a university

Website from the users’ perspective: An empirical study of Benue State
University Website.
https://zenodo.org/record/1474956#.YZIHlrcRWSU
Aida Nasirah Abdullah, Kalthom Husain, Mohaida Mohin (2010)

ENVIRONMENTAL ONLINE CAMPAIGNS THROUGH WEBSITE
INTERACTIVITY: THE CASE OF MALAYSIA ENVIRONMENTAL NGOS
(MENGO)
https://journal.utem.edu.my/index.php/jhcd/article/view/2152
Alexiel Dingil. (2014). An intelligent Framework for Website Usability

https://www.researchgate.net/publication/275474109_An_
Emmanuel Navarro (2020) Design and Development of NEUST -San Isidro

Campus Website: Highlighting Research and Extension Services and Per
Area Department
https://www.researchgate.net/publication/
341091039_Design_And_Development_of_NEUST_-
San_Isidro_Campus_Website_Highlighting_Research_And_Extension_Se
rvices_And_Per_Area_Department
Molefi Motsoenyane (2012) Investigating the use of a Website as a Promotional

Tool by Matjhabeng Non-Profit Organizations
https://www.researchgate.net/publication/
314567869_Investigating_the_use_of_a_Website_as_a_Promotional_Too
l_by_Matjhabeng_Non-Profit_Organizations
D. Internet
James C. Helm (2014) Web-based application quality assurance testing

http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.574.339&rep=r
p1&type=pdf
APPENDICES
82
Appendix A
Gantt Chart of Activities

83
Appendix B
Project Team Assignment Form
Republic of the Philippines

UNIVERSITY OF RIZAL SYSTEM
Binangonan, Rizal
College of Computer Studies
⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥
Team Alias Team Plucky

Subject Teacher JOY SG. CRUZ
Name and Mobile

Role Email address
Signature Number
Project Manager
John Albert L. Delfin Systems Analyst johnalbert.delfin16@gmail.com 09459836593
Programmer
Programmer
Sebastian P. Gino QA Staff / sebastiangino105@gmail.com 09667136735
Tester
Systems Analyst
Princess Abby Joy L. QA Staff / princessabbyjoyeubra@gmail.com 09152157140
Eubra
Tester
Documenter
Luis Angelo M. /Technical
domingoluisangelo@gmail.com 09498486182
Domingo Writer
Systems Analyst
Documenter
Mia May I. /Technical
Policarpio Writer miapolicarpio05@gmail.com 09087095134
QA Staff /
Tester
Documenter
Jarylkai E. Agaton /Technical agatonjarylkaie@gmail.com 09776957810
Writer
PROJECT TEAM ASSIGNMENT FORM

Approved by:
84
JOY SG. CRUZ, Ph.D(Cand)

Subject Instructor
Appendix C
Approved Project Form

Binangonan, Rizal

APPROVED PROJECT TITLE FORM
Project Proponents:
1. Agaton, Jarylkai E.
2. Delfin, John Albert L.
3. Domingo, Luis Angelo M.
4. Eubra, Princess Abby Joy L.
5. Gino, Sebastian P.
6. Policarpio, Mia May I.
Approved Project Title:

Website for Children and Youth in Action for Sustainable Future Organization
Recommending Approval:
Joy San Gabriel Cruz, Ph.D (Cand)_______

(Signature of Subject Instructor over printed name)
Date: ______________________
Approved:
_____Joy San Gabriel Cruz,Ph.D.(Cand) ___

85
(Signature of the Dean over printed name)
Date: ______________________
Appendix D
Letter of Permission to Conduct the Study

Binangonan, Rizal

August 07, 2021
DENNIS BATOY
Vice President
Children and Youth in Action for Sustainable Future
Sitio San Juan, Brgy Darangan
Binangonan Rizal
Dear Mr. Dennis Batoy;
Greetings of Peace!
The undersigned are currently enrolled in in the Capstone Project 1.
In this regard, it is requested that they will be allowed to conduct an interview to gather
necessary data regarding the transactions of your office which might be useful in
formulating their system proposal title. This is in connection with their desire to pursue
the degree of Bachelor of Science in Information System at University of Rizal System
Binangonan. The interview may be conducted at your most convenient time.
Your consideration and favorable action on the matter will be highly appreciated.
Thank you and more power to your institution.
Very truly yours,
JARYLKAI E. AGATON
JOHN ALBERT L. DELFIN
LUIS ANGELO M. DOMINGO
MIA MAY I. POLICARPIO
SEBASTIAN P. GINO
PRINCESS ABBY JOY L. EUBRA
Proponents
Noted:
86
JOY SG. CRUZ, Ph.D(Cand)

Subject Instructor
Appendix E
Letter of Acceptance of the Adviser and Panel

Binangonan, Rizal

 COLLEGE OF COMPUTER STUDIES  COLLEGE OF COMPUTER STUDIES  COLLEGE OF COMPUTER STUDIES  COLLEGE OF COMPUTER STUDIES  COLLEGE OF COMPUTER STUDIES  COLLEGE OF COMPUTER STUDIES 
October 13, 2021
JAYSON A. DALUYON
INSTRUCTOR
This University
Dear Sir:
In consideration of your qualifications in the field of research, the College Research Council
represented by the undersigned, upon recommendations of Research Professor has approved
your appointment as Project Adviser. The following are the responsibilities of the project
adviser:
• Meets the team regularly (as per scheduled, NOTE: the team must seek proper appointment)
to answer questions and help resolve issues and conflicts.
• Points out errors in the development work, in the analysis, or in the documentation. The
adviser must remind the Proponents to do their work properly.
• Reviews thoroughly all deliverables at every stage of the Capstone Project, to ensure that they
meet the college's standards.
The students who shall be under your scrutiny include:

Names Course
Agaton, Jarylkai E. BSIS
Delfin, John Albert L. BSIS
Domingo, Luis Angelo M. BSIS
Eubra, Princess Abby Joy L. BSIS
Gino, Sebastian P. BSIS
Policarpio, Mia May I. BSIS
This project proposal is entitled Website for Children and Youth in Action for Sustainable
Future Organization.
Thank you for your usual support to the research program/s of the College.
Very truly yours, Conformed:

87
JOY SG. CRUZ, Ph.D(Cand) JAYSON A. DALUYON, DIT(CAR)

Capstone Instructor Capstone Adviser

Binangonan, Rizal
LETTER OF ACCEPTANCE OF THE PANEL
STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥ COLLEGE OF COMPUTER STUDIES ⬥
January 12, 2021
SIR/MADAM,
In consideration of your qualifications in the field of study, the Campus Research Council
represented by the undersigned, upon the recommendations of the Research/ Capstone Project
Instructor has approved your appointment to perform the following functions:
Name Conform Date
Prof. Jayson A. Daluyon, DIT(CAR)
Prof. Baby Eunice M. Cabaltera, MSIT
Prof. Renato Aralar Jr
Prof. Mark Anthony Zamora, MSIT
The students who shall be under your guidance and scrutiny include:
Name Course
1. John Albert L. Delfin BSIS

2. Sebastian P. Gino BSIS
3. Princess Abby Joy L. Eubra BSIS
4. Luis Angelo M. Domingo BSIS
5. Mia May I. Policarpio BSIS
6. Jarylkai E. Agaton BSIS
They shall defend their thesis entitled Website for Children and Youth in Action for Sustainable Future
Organization. on December at Google Meet as partial fulfillment of the requirements for the degree of
Bachelor of Science in Information System.
Thank you for your support and cooperation to the Research Program of the Campus
Very yours truly,

88
Joy SG. Cruz, PhD. (Cand)

Subject Instructor
Joy SG. Cruz, PhD. (Cand)

Subject Instructor
Appendix F
Letter of Schedule of Defense

Binangonan, Rizal

LETTER FOR SCHEDULE OF DEFENSE
May 10, 2021
SIR/MADAM:
In consideration of your qualifications in the field of study, and upon the

recommendations of the Research/Capstone Project Instructor has approved your
appointment to perform the following functions:
Name Conform Date

Adviser JAYSON A. DALUYON, DIT(CAR)
Panel Member RENATO ARALAR JR.
Panel Member MARK ANTHONY ZAMORA, MSIT
Panel Chairman BABY EUNICE M. CABALTERA, MSIT
The students who shall be under your guidance and scrutiny include:
Name Course
1. John Albert L. Delfin BSIS
2. Sebastian P. Gino BSIS
3. Princess Abby Joy L. Eubra BSIS
4. Luis Angelo M. Domingo BSIS
5. Mia May I. Policarpio BSIS
6. Jarylkai E. Agaton BSIS
They shall defend their Capstone Project entitled Website for Children and Youth in
Action for Sustainable Future Organization; December at Via Google meet as partial
fulfillment of the requirements for the degree Bachelor of Science in Information System.
89
Thank you for your support and cooperation.
Very truly yours, Noted by:
JOY SG. CRUZ, PHD (Cand.) JOY SG. CRUZ, PHD (CAND.)
Subject Instructor College Dean
Appendix G
User Experience Testing Instrument

Binangonan, Rizal

May 23, 2022
Dear Sir/Madam,
The undersigned is currently conducting a study intitled “Website for Children

and Youth in Action for Sustainable Future in Binangonan Rizal” as part of the
requirements to earn the Bachelor of Science in Information System at University
of Rizal System Binangonan Campus.
In line with this, may we request you to be one of the respondents to assess the
user experience level of the developed website.
Hoping for your considerations and favorable response on this matter.
Very truly yours,
John Albert L. Delfin
Sebastian P. Gino
Princess Abby Joy L. Eubra
Luis Angelo M. Domingo
Mia May I. Policarpio
Jarylkai E. Agaton
90
Noted by:
JAYSON A. DALUYON, DIT(CAR)
Capstone Project Adviser

91
LIKER SCALE, STRONGLY AGREE CHANGE -BALIKTAD NA NUMBER

92
CURRICULUM VITAE
93
Jarylkai E. Agaton
Documenter /Technical Writer
Glasseria Dona loleng Rd. Muzon
Taytay Rizal
09776957810
agatonjarylkai@gmail.com
PERSONAL INFORMATION
Age : 21 years old

Date of Birth : January 14, 2001
Sex : Female
Place of Birth : Angono Rizal
Mother’s Name : Raquel Agaton
Father’s Name : Joel Agaton
Civil Status : Single
EDUCATION ATTAINMENT
Primary : Muzon Elementary School

Muzon Taytay Rizal
2007 – 2013
Secondary : Muzon National High School

Narra St, Barangay Muzon Taytay Rizal
2013 – 2017
Senior High : ACLC College of Taytay

Manila East Arcade, Taytay Rizal
2017 – 2019
Tertiary : University of Rizal System Binangonan

Binangonan Rizal
2019 – Present
94
John Albert L. Delfin

Project Manager, Systems Analyst and Programmer
Velasquez St, Barangay Sanjuan Bangiad
Taytay Rizal
09459836593
johnalbert.delfin16@gmail.com
Age : 21 years old

Date of Birth : June 16, 2000
Sex : Male
Place of Birth : Morong Rizal
Mother’s Name : Maria Monina L. Delfin
Father’s Name : Rundy A. Delfin
Primary : Cresdaville Elementary School

Cresdaville Village, Velasquez St. Taytay Rizal
2006 – 2012

2012 – 2016

2016 – 2018

Binangonan Rizal
2019 – Present
95
Luis Angelo M. Domingo

Documenter /Technical Writer and Systems Analyst
230 Garcia Compound, Muzon
Taytay Rizal
09498486128
domingoluisangelo@gmail.com
Age : 30 years old

Date of Birth : March 14, 1992
Sex : Male
Place of Birth : Pasig City
Mother’s Name : Loida Domingo
Father’s Name : Ariel Domingo

Muzon Taytay Rizal
1997 – 2003
Secondary : Colegio de San Clemente

2004 – 2008

Binangonan Rizal
2019 – Present
96
Princess Abby Joy L. Eubra

Systems Analyst and QA Staff / Tester
Blk 11 Lot 8 Lumina Homes, Bilibiran
Binangonan Rizal
09152157140
princessabbyjoyeubra@gmail.com
Age : 21 years old

Date of Birth : December 18, 2000
Sex : Female
Place of Birth : Taytay Rizal
Mother’s Name : Joanne Aubrey Lovado
Father’s Name : Albert Eubra

Muzon Taytay Rizal
2007 – 2013

2013 – 2017

2017 – 2019

97
Binangonan Rizal
2019 – Present
Sebastian P. Gino
Programmer and QA Staff / Tester
120 A Ibanez St, Brgy. San Isidro
Angono Rizal
09667136735
sebastiangino105@gmail.com
Age : 21 years old

Date of Birth : October 5, 2000
Sex : Male
Place of Birth : Manila City
Mother’s Name : Jacqueline P. Gino
Father’s Name : Mark Noland C. Gino
Primary : Angono Elementary School

Angono Rizal
2007 – 2013
Secondary : Christ the King College of Angono

Angono Rizal
2013 – 2017
Senior High : Trent Information System Technical Career Institute

Taytay Rizal
2017 – 2019

98
Binangonan Rizal
2019 – Present
Mia May M. Policarpio

Documenter /Technical Writer and QA Staff / Tester
Brgy Limbon-Limbon
Binangonan Rizal
09087095134
miapolicarpio05@gmail.com
Age : 21 years old

Date of Birth : May 16, 2001
Sex : Female
Place of Birth : Binangonan Rizal
Mother’s Name : Evangelina I. Policarpio
Father’s Name : Jose A. Policarpio
Primary : Limbon-Limbon Elementary School

Limbon-Limbon Binangonan Rizal
2006 – 2012
Secondary : Margarito A. Duavit Memorial National High School

Pila-Pila Binangonan Rizal
2012 – 2016
Senior High : Margarito A. Duavit Memorial National High School

Pila-Pila Binangonan Rizal
2016 – 2018
99

Binangonan Rizal
2019 – Present

Cyasf Manuscript

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cyasf Manuscript

Uploaded by

Copyright:

Available Formats

Chapter 1

THE PROBLEM AND ITS BACKGROUND

Environmental activism is concerned with making a difference through

promoting improved environmental practices, creating awareness, and

advocating for the protection of the natural environment from destruction or

pollution. Earth Hour is one example of advocacy that promotes a global

grassroots movement uniting people to take action on environmental issues and

is an international non-governmental organization founded in 1961 that works in

environment. The World Wildlife Fund Inc. (WWF) is an international non-

governmental organization was established in 1961 by a group of passionate and

committed individuals who sought to secure the funding necessary to protect

places and species that were threatened by human development

the environment and youth. It is the project under of Social Development

Sustainable Future Organization is Lacking when it comes to promoting their

Advocacies, Environmental Events and Projects and Faster Transaction.

and activities related to environmental conservation. Children and Youth for a

website that will help them increase their promotional efforts.

programs and activities. The Project team decided to create a website to

Children and Youth in Action for Sustainable Future in Binangonan Rizal

is a youth and environmental project of Social Development Department in Social

Institute, Inc. located at Asi-cyasf etc. San Juan, Barangay Darangan

Binangonan Rizal started in the year 2007.

Objectives of the Project

Children and Youth in Action for Sustainable Future.

Specifically, the project team aims to:

1. To determine the result of the quality assurance testing with a target of

90% as its passing rate.

2. To determine the result of user experience evaluation based on the

following criteria; Usability, Learnability, User-Interface, Function and

Navigation with a final score 4.

Scope and Limitations of the Study

choose to become either volunteer or a donor.

Children and Youth in Action for Sustainable Future is a project of the

and also, they can help the environment.

info and the process on how to send money or donation.

and eight (8) volunteers that were chosen.

Significance of the Study

valuable to the following entities and individuals:

offer and communicate easily to the donor, user, and volunteer.

In order to have a common understanding of this project, the following

terms are defined operationally.

CMS Content Management System. It's a component of computer

software or an application that uses a database to manage all of the content on a

IT Practitioner. the professionals involved with planning and implementing IT

resources for their organizations.

Quality Assurance Testing. A quality assurance method that assures a

company's products or services are of the highest quality.

User Acceptance Evaluation. Is a sort of evaluation in which the end user

production environment. After functional, integration, and system evaluation has

been completed, User Acceptance Evaluation is done.

Volunteer. A person who does something freely and without being

compelled or compensated to do it, especially assisting others.

Web-based. The term web-based refers to applications that operate on a

REVIEW OF RELATED LITERATURES AND STUDIES

communicate with each other.

As said by (Dingli, 2014) websites have become a fundamental part of the

current marketing company program as a result of the tremendous

website isn't enough for a company to succeed online. Indeed, a website's

usability impacts whether a visitor remains or leaves for a competitor. As a result,

requirement for review.

From this perspective, automation of the latter is immensely advantageous

improves Internet users' overall experience and happiness. As a solution to this

challenge, an Intelligent Usability Evaluation (IUE) tool is suggested, which