TALK-A-BOX: A WEB APPLICATION FOR STAKEHOLDER'S

CONCERNS AND SUGGESTIONS OF CAVITE STATE UNIVERSITY-

BACOOR CAMPUS.

Undergraduate Capstone Project

Submitted to the Faculty of the
Cavite State University - Bacoor Campus
Bacoor, Cavite

In partial fulfillment
of the requirements for the degree of
Bachelor of Science in Information Technology

ROSWELLE ANDREI RAESEY A.GAITE

ANRY NAOMI A. SANTIAGO
MIKKO P. TAMBO

November 2023
 TALK-A-BOX: A Web Application for Stakeholders
Concerns and Suggestions of Cavite State University
Bacoor Campus

Roswelle Andrei Raesey A. Gaite

Anry Naomi A. Santiago
Mikko P. Tambo

An undergraduate capstone project manuscript submitted to the faculty of the

Department of Computer Studies, Cavite State University, Bacoor Campus, Bacoor
City, Cavite in partial fulfillment of the requirements for the degree of Bachelor of
Science in Information Technology. Contribution No.______________. Prepared
under the supervision of __________________.

INTRODUCTION

(Provide a brief description of the problem and aim of the study. This should

be written in present tense. Begin with an attention-grabber.) The success of an

educational institution is intricately linked to the level of engagement and satisfaction

among its students. Central to achieving this is the establishment of an environment

that actively encourages students to voice their concerns, enabling educators and

administrators to address issues promptly and effectively. Despite the recognized

importance of student voice, numerous challenges hinder students from expressing

their concerns openly.

Many students face more academic problems during college. It is the primary

reason why modern methods are being described for assessing learning difficulties

and properly identifying remediation strategies. Evidence-based treatment

approaches include procedures for motivating student performance and eliminating

conditions associated with academic failure. Most of the time, schoolworks is found to

be tedious and exhausting; however, learners cannot avoid this work because it is
frequently an academic requirement.

Personal issues may also interfere with students' concentration to some

extent, like shyness. It is not a recognized special educational need, but studies show

that shy children perform poorly academically and have psychosocial vulnerabilities.

Teachers are therefore expected to tailor their instruction to each individual learner,

including those who exhibit shy behavior (Nyborg et al., 2019).

According to a recent Norwegian study (Nilsen, 2018), when children with

special needs are quiet and withdrawn, they tend to 'fall by the wayside'; thus,

shyness may be a useful label that allows teachers to select strategies that have

been proven to work with other children displaying similar behaviors. In certain

situations, most people have experienced social inhibition. The issue arises when

everyday activities cause social anxiety and avoidance behaviors. This has an impact

on peer relationships and classroom participation at school. Much research has

focused on shy students' deficits in these areas, but it is believed that the evidence

for these deficits is weak. Shy students' reluctance is examined to volunteer answers

in class as a form of risk and reward management. They are too afraid of making a

mistake and being mocked. Teachers sometimes penalize them for their passive

behavior (Arx, 2020). The educational applications of this analysis are discussed.

Undiagnosed and untreated major emotional issues such as loss, depression,

and anxiety can also make students feel inadequate or lead to serious academic

difficulties and failure. Depressed mood, stress, anxiety, and problems with

academic performance are the most common concerns reported to the counseling

center staff. In fact, over 90% of the students we see indicate that their personal

problems have at least a moderate impact on their studies, even when academic

concerns are not the main issue for which they sought help. Furthermore, factors

such as adequate university buildings, technological infrastructure, equipment, and

library facilities have a significant impact on academicians' levels of satisfaction.

However, the behaviors of learners demonstrating desired performance are most

influenced by the collaboration/cooperation environment, followed by job satisfaction,

and finally by the university’s attitude toward academic concerns.

Increasing opportunities for students to develop 21st century and educational

technology skills, as well as developing and maintaining student engagement, are

critical considerations for K-12 educators. Different learning approaches are gaining

traction in both higher education and K-12, owing to their potential to increase active

learning and student engagement. However, more research is needed to determine

how the flipped approach improves student engagement.

Project Context

Previous studies(do not use this without any supporting claims. Use in-

text citations instead. Must be at least 2 pages of presentation and discussion

of the following: introduce the presentation of the problem, that is, what is

the problem all about. The proponent should describe the existing and

prevailing problem situation based on his or her experience. You should give a

strong justification for selecting such research problem in your capacity as a

researcher. Being part of the organization or systems and the desire and

concern to improve the system. Also, state a sentence or two that would show

the link and relationship of the rationale of the study to the proposed

research problem.) have found that student-teacher relationships are associated

with student outcomes such as academic achievement and engagement, but also

with disruptive behaviors, suspension, and dropout risk. Research has also shown

that the "one size fits all" approach is flawed because it assumes all students cope up

in the same way.

The researchers conducted an interview with the president and secretary of

the student body council of CVSU-Bacoor Campus, according to them students often
consult the CSG to voice their concerns about an instructor the most common

concern is related to their grades, the evaluation box in the campus is intended for

the CSG only and not for the instructors or staff of the campus leaving students

having to wait until an online form for evaluation is available to be able to voice their

concerns.

There are many cases wherein students are too afraid to raise their concerns

in person as they experience varying levels of anxiety or fear. Students don't ask for

help in school, even when they need it; seeking for help can also feel like they are

flaunting their incompetence. The development of the Talk-A-Box web application

aims to provide a safe and convenient online and mobile platform for students and

teachers that will equip them with the right tools to address academic problems or

any school-related concerns.

Objectives of the Study

(Objective should be SMART.) Generally, this study aims to develop a

system that helps instructors address students’ concerns in a convenient, safe way.

(The researchers specifically aims:

To design [Name of the System/Application] with the following features:
a. Capable of ………..)

2. To Design a web application that:

a. allows students to send concerns to instructors online;

b. helps connect the students online with the appropriate parties

on their campus to attain a resolution;

c. provides an organized real-time line graph that shows the

amount of student concerns received per instructor;

d. ensures all conversations in live chat are seamless and safe;

e. notifies instructors once a student raises any concern.

 2. To Develop the Information Management Web application using the

following hardware and software:

a. Visual Studio Code for IDE;

b. Django for backend;

c. MySQL for database

d. Profanity Filter Software

e. Adobe Photoshop for pictures and logo editing;

f. Mobile Phones (iOS and Android) for compatibility testing;

g. Laptop, desktop computer.

3. To test the application in terms of unit, integration, and application

testing;

4. To evaluate the application using appropriate analytical tools;

5. To Prepare an implementation plan.

Purpose and Description

(What is the function of your project? What is good in your project? What

makes your project unique, innovative and relevant? Who are the beneficiaries

of your study and what benefits they could get from it?) The Talk-A-Box web

application is designed to provide instructors and students access to a convenient,

safe online and mobile platform that will give them the right tools they need to handle

any school-related issues or academic concerns. The web application is designed to

be highly reliable, minimizing downtime, and incorporating backup mechanisms to

prevent data loss.

It has a status report feature, which is a real-time line graph that shows the

amount of student concerns received per instructor which is only available to the

admins and specific instructor of the report. The metrics can be viewed by month, by

week, or by semester. There is a button instructors could click to indicate that the

student’s concern is solved. All unsolved problems will be on the top of the list, whilst
the solved ones will be at the bottom. There is a live chat feature wherein students

and instructors can further talk about their concerns via chat. Admin has the

permission to view all conversations to ensure they are safe and seamless. It

connects with a third-party profanity filter software that scans text inputs for explicit

language and offensive content, then either blocks the profanity entirely or replaces it

with special characters. Both educators and learners also have the option to turn on

or off the notification feature. Once a student sends a message or submits a form, a

notification will be sent to the instructor’s email, and vice versa this feature is only

repeatable three times to ensure that the instructor's email is not cluttered with

redundant emails.

(The study will be significant to the following: )

Talk-A-Box aims to establish an effective strategy that could empower

students to easily voice their concerns. The ability of students to approach their

teachers with questions, concerns, or feedback directly impacts their academic

success and overall well-being. The study aims to contribute valuable insights to

enhance student participation and satisfaction within the educational environment.

Time and Place of the Study

(The study was conducted…..Include preparation outline of your

manuscript. Actual place of the study/where you conduct data gathering.)The

researchers carried out meetings in the library of CVSU Bacoor-Campus and each of

their respective residences using Google Meet(. All of the researchers reside in

Bacoor, Cavite. The research had started in October 2023.

Scope and Limitation of the Study

 (The scope explains the nature, coverage and time frame of the study.

The limitation on the other hand, explains all that are NOT included in your

project. the scope gives an overview all the deliverables (i.e. the things that

your project gives/delivers) and the tools and technologies to be used in the

project development while the LIMITATIONS are the boundaries of the project

(i.e. areas/things that are out of scope).This study focuses on the design,

implementation, and evaluation of an online student concerns web application within

the campus. The web application aims to provide a digital platform for students to

easily and confidentially raise academic, administrative, or personal concerns they

may encounter during their educational journey. The scope of the study includes:

A. Design and Development: The research will explore the design principles and

technological aspects involved in creating an efficient and user-friendly online

platform for students to submit and track their concerns.

B. Implementation: The study will assess the integration and deployment of the

online student concerns web application within the existing institutional

framework, considering factors such as accessibility, security, and scalability.

C. Effectiveness: The study will assess the effectiveness of the online web

application in addressing student concerns. It will measure the

responsiveness of administrators and the impact on the resolution time for

reported issues.

While this study aims to provide valuable insights into the implementation of

an online student concerns web application, certain limitations are acknowledged.

The success of the online web application relies on user adoption. Factors such as

students' willingness to use the platform, digital literacy, and institutional support for

promoting the web application may affect its overall impact. Also, external factors
 may impact the study's findings and the long-term sustainability of the online student

web application.

Despite these limitations, the study aims to contribute more valuable insights

into the development of the Talk-A-Box web application.

Conceptual Framework

The Input-Process-Output model below shows the research paradigm of the study:
Requirements Analysis
(use numbering/letter format)
Technical
Feasibility
Operational
Input Process
Feasibility Output
Scheduling
Knowledge Requirements Feasibility

Programming
Languages, Tools, Requirements Documentation
and Techniques
Software Design
ISO 25010 TALK-A-BOX: A
UI/UX Design
Database structure Web Application for
system and design Stakeholders and
Software Requirements Suggestions of
Development and Testing Cavite State
Visual Studio
University-Bacoor
Code
Database Campus
Django Programming
MySQL Responsiveness
Adobe Testing
Photoshop cs6 Functional testing
Integration testing
Acceptance
Hardware Requirements Testing
Desktop
Computer
Laptop
Mobile Phone
 EVALUATION

Figure 1. Input-Process-Output Model

The figure above describes the study's conceptual framework wherein the

input is divided into three categories: knowledge requirements, software

requirements, and hardware requirements. The knowledge requirements consist of

programming languages, tools, and techniques; the software requirements consist

of Visual Studio code, Django, and PayMongo; and the hardware requirements

consist of one desktop computer, laptop, and android-based phone and iOS-based

mobile phone.

(Definition of terms)

Terms, words, or phrases which have a special or unique meaning of the

study. Terms should be brief and clearly defined operationally.

 METHODOLOGY

This chapter presents the materials, methods, data-gathering techniques,

data analysis, and implementation plan.

Requirements Analysis
 Figure 2. Talk-A-Box System Process

The student concerns web application begins with user authentication,

ensuring secure access for students and administrators. Once logged in, students

can submit their concerns through a form, providing details and relevant

documentation. The web application then stores this information securely in a

database, tagged with a unique identifier. Simultaneously, instructors receive

notifications and access a dashboard where they can review and categorize concerns

for resolution. Throughout the process, communication channels facilitate updates

between students and administrators. The web application incorporates robust

security measures, including data encryption, to safeguard sensitive information.

Regular database backups and maintenance routines ensure data integrity. The

diagram illustrates a seamless flow from concern submission to resolution, prioritizing

user experience and efficient administration while adhering to strict security and

privacy protocols.

Required Documentation

Based on the research conducted, the following features have been planned:

Table 1: Features of the proposed system

FEATURES DESCRIPTION
User Registration and Profiles Allow students to create accounts and manage
their profiles, providing a personalized
experience.

Concern Submission Form A user-friendly form enabling students to

submit their concerns, including details,
attachments, and relevant information.

Dashboard for Administrators An admin interface displaying an overview of

submitted concerns, their status, and options
for further actions.

Automated Notifications A notification system to alert administrators,

instructors, and students about updates,
resolutions, or any changes in concern status.

Updating Status A check button to update the status of a

student's issue; to mark resolvement.

Categorization and Enable administrators to categorize concerns

Prioritization based on status (whether resolved or
unresolved) and prioritize them for efficient
handling.

Communication Tool Built-in live messaging features for seamless

communication between students and
administrators regarding their concerns.

Profanity Filter Connects with a third-party profanity filter

software that scans text inputs for explicit
language and offensive content, then either
block the profanity entirely or replace it with
special characters.

Analytics and Reporting A real-time line graph that shows the amount
of student concerns received per instructor.
The metrics can be viewed by month, by
week, or by semester.

Secure Data Storage Implement robust data security measures,

including encryption, to protect sensitive
information stored in the system.

Mobile Responsiveness Ensure the system is responsive and

accessible on various devices, including
mobile phones, for flexibility in usage.

User Training and Support Offer resources, tutorials, or help features to

guide students and instructors through the
system, ensuring effective utilization.

Attachment of Media Files The users of the system will be able to attach
files such as audio, video, and pictures to their
concerns.
 Hierarchical Categorization The system admin will be able to categorize
the concerns, evaluations, etc from the users
in levels depending on their importance and
severity.

User Identification The users in the system will only be students

from CVSU - Bacoor Campus, as when they
create an account they will need to submit
details such as student ID, and registration
form.

Private Counseling Sessions The system is capable of letting users and

instructors have a private one-on-one
counseling session that will be monitored by
the admins of the system.

Anti-Spamming Users of the system can not repeatedly

evaluate or message their concerns to
instructors as the system will limit the number
of times they can do it.

Full Security and Privacy All interactions between the user, instructor,
and system will be private, The system can
withstand attacks with malicious intent.

Forwarding of Data Admins can send data from concerns of the

users that have been filtered out to the
concerned body.

Table 1 shows features that collectively contribute to the effectiveness,

transparency, and user-friendliness of the Talk-A-Box online system for addressing

student concerns.

Table 2: Non-functional requirements of the system

QUALITY ATTRIBUTES DESCRIPTION

Scalability Build the web application with scalability in mind,

allowing it to handle an increasing volume of
student concerns and users without compromising
performance.

Maintainability Design the web application with modularity and

maintainability in mind, making it easy to update,
 add new features, and address issues promptly.

Performance Optimize web application performance to provide

fast response times, quick loading of pages, and
efficient handling of concerns.

Usability Prioritize an intuitive and user-friendly interface for

both students and administrators, minimizing the
learning curve and enhancing overall usability.

Flexibility Design the web application to adapt to evolving

needs, allowing for easy customization and updates
without disrupting existing functionalities.

Data Integrity Implement mechanisms to maintain the accuracy

and integrity of student data, preventing errors or
inconsistencies.

Security Ensure robust measures to protect sensitive

student data, implementing encryption, access
controls, and regular security audits.

Table 2 shows the quality attributes that will contribute to the development of

a reliable, secure, and user-friendly online system for addressing student concerns.

System Development

The computer unit to be used in developing the web-based system will have

the following hardware specifications: Microsoft Windows 11 Home 64-bit operating

system, 16GB DDR4 RAM, AMD Ryzen 7 - 4800H with Radeon Graphics 2.90 GHz,

8-core, and 4GB AMD Radeon RX560X Graphics. The researchers will use the

following software: Visual Studio Code and Django for developing the system, Adobe

Photoshop CS6 for graphic design materials, MySQL for database, and Google Suite

for the documentation and presentation.

In developing the system, the researchers will use the Agile Software

Development Life Cycle as their guide in developing the software, which is composed

of six (6) phases: requirements, design, development, testing, deployment, and

review (see Figure 2).

 Figure 3. Agile Software Development Life Cycle Model

The figure shown above illustrates how the researchers will compile all the

requirements they require during the requirements phase– which can include

resources, cost, and additional functions needed to be added. It entails figuring out

why sufficient resources for the Talk-A-Box web application is necessary, defining its

main functionalities, and formulating the app's overarching goals. The design phase

will then start, the user interface and structure of the web system will be designed to

meet the clients standards.

In the development phase, this is where the actual coding will begin, they will

implement the design from the last phase and use the requirements obtained. Once

the development phase has finished, the researchers will test the web application

using a Quality Assurance report. The web application will be then launched

temporarily and shown to the client, the bugs and errors found will be fixed

immediately and improved to avoid future incidents.

 After meticulous testing, the researchers will then launch Talk-a-Box: A

Student Concerns Web Application; it will now be available for the client and

targeted users. A comprehensive documentation outlining the structure,

functionality, and implementation will be conducted.

The Review phase will occur after each iteration as we will never know if an

unexpected bug will arise even if the application is thoroughly tested. It involves

assessing and monitoring the application's performance, collecting user feedback,

and adjusting. This phase is crucial as it guides the project to continuous

improvement.

BIBLIOGRAPHY

Nyborg, G., et. al. (2023). Teachers’ Strategies for Helping Shy Students: Findings from a

National Survey in Norway, Scandinavian Journal of Educational Research,

10.1080/00313831.2023.2196534, (1-14)

Lin, T. J. (2021). The role of friendships in shy students’ dialogue patterns during small

group discussions, Contemporary Educational Psychology, 10.1016/j.cedpsych.

2021.102021, 67, (102021)

Guzzardo, M.T., Khosla, N., Adams, A.L. et al. (2021). “The Ones that Care Make all the

Difference”: Perspectives on Student-Faculty Relationships. Innov High Educ 46, 41–58.

Retrieved from. https://doi.org/10.1007/s10755-020-09522-w

Bond,M. (2020). Facilitating student engagement through the flipped learning approach in

K-12: A systematic review, Computers & Education. Volume 151, 103819. ISSN 0360-1315
Crozier W. R. (2020). The Shy Child Adapting to the Challenges of School, Adaptive

Shyness, 10.1007/978-3-030-38877-5_8, (147-167)

Arx, E. V. (2018). Shyness can have a negative effect on learning. Retrieved November 26,

2023, from https://bold.expert/shyness-can-have-a-negative-effect-on-learning/