CONCEPT/EXPLAINER VIDEO

GABAY: A WEB-BASED INFORMATION KIOSK

SYSTEM

PADILLO, ROWEL JOSEPH S. QUIROS, KENT GERALD A. ARNAN, JOHNDEL E. LUAB, KERR JOHN T.
Project Manager Hacker Hustler Hipster
CHAPTER I:

OBJECTIVES OF THE STUDY

General Objective
The aim of the study is to improve the existing campus kiosk in the University of Cebu Lapu-
Lapu and Mandaue that provide efficient access to information and navigation for users while
reducing frustration for both users and campus staff.

Specific Objectives
1. Identify the gaps and limitations of existing university kiosk systems regarding user
engagement, flexibility, and user interactivity.
CHAPTER I:

OBJECTIVES OF THE STUDY

Specific Objectives

2. Improve information kiosk system that addresses the identified gaps and
limitation that provides features and functionalities in terms of:
 Provide a simple chatbot for 24/7 university related queries.
 Display easy-to-read maps and clear directions using a wayfinding system.
 Feature an information section that has all important news and events happening on the
campus.
 Appointment scheduling for inquires that needs human assistance to answer.
 Notification for appointments status.
 Generate reports for appointments.
CHAPTER I:

OBJECTIVES OF THE STUDY

Specific Objectives
3. Implement and test the proposed system called Gabay: Web-based information kiosk
system.
CHAPTER I:

SCOPE & LIMITATIONS

• Admin
Scope • Process Login
• Students • Manages
• Process Login • Account
• AA Board
• Features
• University Calendar
• Announcement and Activity Board
• Chatbot
• University Calendar
• University Rules and Regulations
• Frequently Ask Questions
• FAQ
• Chatbot
• Course and Department Information
• Appointment Booking
• Wayfinding
• Appointment Booking
• Notification
• Reports
CHAPTER I:

SCOPE & LIMITATIONS

Scope
• Guest • Department
• Process Login (As a guest) • Process Login (Ready-made account by Admin)
• Features • Manage
• AA Board • Department Information
• Chatbot • Appointment Booking
• FAQ • Notification
• Wayfinding • (Approved, Denied, and Reschedule)
• Appointment Booking • AA Board
CHAPTER I:

SCOPE & LIMITATIONS

Limitations
• The system has certain limitations that prevent it from achieving certain
functionalities. Firstly, it can only access information within the college
departments. Then, it is limited to providing detailed step-by-step guidelines on
records information. Third, the system cannot facilitate payment or any internal
and external transactions of records. Moreover, the Campus Facility Map is only
viewable in 2D and will only display the departments and rooms that the college
student is currently using. Appointment setting is available exclusively to college
departments, and appointment notifications and sending occur through email.
Additionally, closing a ticket is only possible through email. Lastly, the Chatbot
is designed to respond to university-related inquiries.
CHAPTER I:

SIGNIFICANCE OF THE STUDY

• University - can benefit from using kiosk devices to convey information to their clients or visitors more
efficiently and conveniently, potentially improving their overall service experience.

• Campus Staff - The chatbot will answer common user queries, allowing campus staff to focus on more complex
tasks.

• Visitors - The system should enhance physical accessibility and provide users with the necessary information
about the university as well as recommendations for the enrollment and registrar processes.

• Teachers - The system can assist teachers in finding their way around the university campuses, enhancing their
experience in navigating the physical facilities.

• Students - a wayfinding system can aid students in navigating the physical environment of the university
campuses, improving their experience in locating their way around the facilities.

• Researchers - The study has the potential to be significant for the researchers in terms of professional
development, knowledge addition, personal fulfillment, and reputation building.

• Future researchers - The study has the potential to be significant for the researchers in terms of professional
development, knowledge addition, personal fulfillment, and reputation building.
CHAPTER II:
RELATED LITERATURE
Kiosk System
• Recent studies by Sad et al. (2021), Aziz et al. (2020), and Rakshikar et al. (2021) highlight
important aspects of kiosk systems.
• Sad et al. (2021) acknowledge the increasing popularity of kiosk devices for information
conveyance but emphasize the need for more flexible systems and user interfaces.
• Aziz et al. (2020) stress the significance of physical accessibility in kiosk systems,
recommending enhancements to ensure inclusivity for all users, including those with
disabilities. They also propose using familiar language to engage foreign visitors.
• Rakshikar et al. (2021) focus on the advantages of wayfinding systems in university
campuses and public places, specifically for individuals navigating unfamiliar environments,
as it helps reduce stress and tension.
• These studies provide valuable insights for designing effective and inclusive kiosk systems.
CHAPTER II:

Web-based Information Kiosk

• Various studies emphasize the benefits of web-based information kiosk systems.
• Choi et al. (2019) highlight the advantages of mobile web-based kiosks in improving airport
travelers' experiences by providing real-time information.
• Parlakkiliç (2021) stresses the benefits of responsive design, enabling websites to adapt to
different devices and screen sizes.
• Li et al. (2020) emphasize the importance of interactivity in increasing user engagement
with kiosks and the need to tailor designs to users' needs.
• Kim et al. (2020) demonstrate the effectiveness of web-based kiosk systems in promoting
healthy behaviors among college students.
• These studies contribute valuable insights that can be used to enhance the design and
effectiveness of information kiosk systems.
CHAPTER II:

Chatbot
• Haristiani (2020) highlights the potential of chatbots as language learning tools, emphasizing their
ability to enhance autonomous learning and provide language practice.

• Liu et al. (2022) suggest integrating chatbot features into information kiosk systems, specifically in the
context of providing reading companionship and understanding students' interests.

• Lee et al. (2022) discuss the diverse applications of chatbots in education, emphasizing their role in
facilitating self-directed learning, offering immediate feedback, and providing customized content.

• Vanichvasin (2021) conducted a case study on the incorporation of chatbots into information kiosk
systems, demonstrating their effectiveness in reducing staff workload and improving overall system
efficiency.

• These studies collectively underscore the value of chatbots in language learning, information retrieval,
and workload management within educational contexts.
CHAPTER II:

Activity Board
• Adding an activity board to a web-based information kiosk system in higher education
institutions can enhance student engagement and communication.
• Ahmed (2021) discovered that digital activity boards had a positive impact on student
engagement, communication, and collaboration.

• Patel (2020) observed increased student participation and engagement in extracurricular activities
by implementing digital activity boards.

• Lee (2022) emphasized the advantages of interactive activity boards in promoting collaboration
and engagement among students and faculty.

• Integrating an activity board into the web-based information kiosk system can improve
student engagement and cooperation, ultimately enhancing the system's effectiveness.
CHAPTER II:

Campus Calendar
• The integration of a campus calendar into the proposed web-based information kiosk system has
been shown to improve students' time management and event awareness.
• O'Connor (2021) found that digital campus calendars positively influenced students' time
management skills and increased their understanding of campus events.
• Chen (2020) discovered that digital campus calendars fostered a sense of belonging and
community among students, leading to increased participation in campus events.
• Smith (2022) implemented a digital campus calendar that successfully increased student
engagement and involvement in extracurricular activities, resulting in higher satisfaction with
the campus community.
• These studies highlight the effectiveness of digital campus calendars in enhancing student
engagement and event participation within higher education institutions.
• By incorporating a campus calendar, the proposed web-based information kiosk system can
effectively improve students' time management, event awareness, and overall engagement.
CHAPTER II:

Announcement Board
• Integrating an announcement board into the proposed web-based information kiosk system can
enhance communication and information dissemination within The University of Cebu Lapu-
Lapu and Mandaue campus community.
• Williams (2020) demonstrated the effectiveness of a digital announcement board system in
improving communication and reducing information overload in higher education.
• Almeida (2021) highlighted the role of digital announcement boards in enhancing student-
faculty communication and increasing campus awareness.
• Park (2022) conducted a case study and found that a digital announcement board positively
influenced student satisfaction and campus awareness.
• These studies indicate that incorporating an announcement board into the web-based information
kiosk system can effectively improve communication, information dissemination, and overall
satisfaction within the campus community.
CHAPTER II:

Natural Language Processing(NLP)

• Natural language processing (NLP) is a field of computer science that utilizes computational techniques to facilitate the
learning, comprehension, and production of human language.

• Early computational approaches focused on automating the analysis of linguistic structure, but advancements in
technologies like machine translation, voice recognition, and speech synthesis have allowed researchers to improve real-
world applications of NLP.

• Artificial neural networks, machine learning, evolutionary computation, text-to-speech translation, fuzzy logic, genetic
algorithms, vision systems and robotics, expert systems, natural language processing, and planning are main sub-fields of
AI, with neural networks being one of the machine learning approaches (Chowdhary, 2020).

• NLP encompasses the development of spoken dialogue systems, speech-to-speech translation engines, social media
analysis for health or finance-related information, and recognition of mood and emotion towards products and services.

• NLP aims to enable users who are not proficient in machine-specific languages to interact with computers effectively.
• NLP is a branch of Artificial Intelligence and Linguistics dedicated to teaching computers
CHAPTER II:

Appointment Booking
• Online appointment booking and queue management systems, such as Appointly, offer a convenient
solution for government agencies to enhance their services.

• By utilizing smart scheduling software, agencies can streamline operations, improve time management,
and effectively connect with visitors, eliminating long queues and crowded waiting rooms.

• This innovative approach has the potential to revolutionize how government offices engage with the
public, as emphasized by Salem (2022).
CHAPTER II:

Challenges of User Engagement, Interactivity, and Flexibility in Enhancing Information kiosk

• User engagement and interactivity are distinct concepts in the context of using an information kiosk. User interaction refers to the
physical interaction with the kiosk, while user engagement pertains to the level of interest and satisfaction during the interaction

(Xianhua Li, 2020).

• The current information kiosk at the University of Cebu Lapu-Lapu and Mandaue has been found to be ineffective, with users
experiencing technical problems, confusing user interface, and limited features (Mohammad javadi, 2021).

• Limited interactivity in a kiosk system can lead to decreased user engagement, resulting in a less satisfactory user experience and
potential disinterest (Mohammad javadi, 2021).

• Traditional kiosks' lack of interactivity and flexibility can limit their reach, accessibility, and adaptability to changing user needs
(Nirmal Kumar Jain, 2020).

• To improve the information kiosk system at the University of Cebu Lapu-Lapu and Mandaue, proposed enhancements include
incorporating modern technology like laptops and mobile devices, implementing a wayfinding tool, integrating a chatbot for

assistance, and providing relevant college news, activities, and announcements (No specific reference provided).
 COMPARATIVE MATRIX

Functionalities GABAY FACTS ISATU NwSSU SLSU

Wayfinding
✓ ✗ ✗ ✗ ✗
(Rakshikar et al., 2021)
Information Kiosk
✓ ✓ ✓ ✓ ✓
(Sad et. al., 2021)
Web-based
✓ ✓ ✓ ✓ ✓
(Li et. al., 2020)
24/7 instant answer
✓ ✗ ✗ ✗ ✓
(Liu et al., 2022)
Responsive web design
✓ ✓ ✓ ✓ ✓
(Parlakkiliç, 2021)
University Calendar
✓ ✓ ✓ ✓ ✓
(O'Connor, 2021)
Announcement and Activity Board
✓ ✗ ✗ ✗ ✗
(Williams, 2020)
Chatbot
✓ ✗ ✗ ✗ ✓
(Vanichvasin, 2021)
Appointment
✓ ✗ ✗ ✗ ✗
(Salem, 2022)
Appointment Notification ✓ ✗ ✗ ✗ ✗

Generate Appointment Report ✓ ✗ ✗ ✗ ✗

SOFTWARE ENGINEERING METHODOLOGY
CHAPTER III:

SOFTWARE ENGINEERING METHODOLOGY

• Meeting Phase - During the meeting phase, we as researchers discussed the problems we
encountered in our community's existing/manual processes. We conducted a series of brainstorming
sessions to assess the viability of potential solutions in the market. To provide a comprehensive
overview, we designed a business model canvas (see Table 2) that outlined our customer segment,
value proposition, key activities, revenue streams, and cost structure.

• Designing Phase - During the designing phase, we as researchers aimed to meet the demands
identified in the previous stage. We visualized the prototype design of our system based on the
conceptual design. This involved creating deliverables such as functional decomposition diagrams,
Entity Relationship Diagrams, Use Cases, and other artifacts developed during the planning phase. Our
goal was to develop a comprehensive and detailed design that would serve as a solid foundation for the
implementation stage.
CHAPTER III:

SOFTWARE ENGINEERING METHODOLOGY

• Development Phase - During the development phase, we as researchers take the lead in creating
the intended system for the identified issue. We prioritize open communication with the users to ensure
an enhanced system. We carefully consider any additional user demands and incorporate them as
needed. Throughout this phase, we utilize MySQL for the database, .Net for the front end, Asp.Net for
the back end, and Visual Studio as our code editor.

• Testing Phase - In this phase, we as researchers focus on identifying system faults to achieve the
intended result. We verify the functionality of the system, address any challenges encountered, and
implement necessary improvements. Regular assessment and enhancements are crucial for ensuring the
system's effectiveness and efficiency in meeting the needs of its users.
CHAPTER III:

SOFTWARE ENGINEERING METHODOLOGY

• Evaluate Phase - In the evaluation phase, we as researchers assess the information kiosk system's
success and identify improvement areas. We evaluate the kiosk's operation, gather user feedback, and
analyze relevant data. We also review the maintenance and monitoring plan, addressing any identified
issues. Based on our findings, we recommend upgrades or additions to ensure the system meets user
demands and delivers relevant information effectively.

• Planning/Conception-Initiation Phase - We as researchers establish a logical and

manageable sequence of stages in the planning and beginning phases. We assess the project's value and
feasibility and set our objective to create a study that meets the needs of developers and users. These
phases lay the groundwork for a structured and successful research endeavor.
 BUSINESS MODEL CANVAS

Key Partners Key Activities Value Propositions Customer Relationship Customer Segments

 University Room and Facility  Easy access to information on  Friendly and helpful
 University of Cebu Lapu Lapu  Students
finder. university events, schedules,
and Mandaue Set up and maintenance. experience  University
 and resources
 Provide guidelines for university  Convenient for getting  Chat support Staff
transactions and enrollment. answers to questions and  Deliver detailed  Guests
 Provide 24/7 Responding to user resolving issues information  Faculty
queries.  Engaging and interactive way
 Responsive university to learn about the university
information kiosk system. and its offerings

Key Resources Channels

 Software Developers  Physical location on
campus
 School Communities Website and online

 Website Management resources
 Social media
accounts

Cost Structures Revenue Streams

 Kiosk hardware and software costs  Usage fee for kiosks ₱ 2,500.00 per month

 Utilities amount  Online advertisement in Apps, social media and Websites.

 Maintenance and upkeep costs  Fees for renting the kiosk for promotional events.
CHAPTER III:

PROGRAM WORKFLOW
CHAPTER III:
VALIDATION BOARD
CHAPTER III:
GANTT CHART
CHAPTER III:

FUNCTIONAL DECOMPOSITION DIAGRAM

FUNCTIONAL DECOMPOSITION DIAGRAM
FUNCTIONAL DECOMPOSITION DIAGRAM
FUNCTIONAL DECOMPOSITION DIAGRAM
ANALYSIS-DESIGN PHASE
USE CASE DIAGRAMS

BUSINESS USE CASE DIAGRAM

REGISTRATION PROCESS LOG IN
MANAGE ACCOUNTS MANAGE CAMPUS INFORMATION
MANAGE FREQUENTLY ASK QUESTIONS MANAGE ANNOUNCEMENT AND ACTIVITY
BOARD
MANAGE CAMPUS CALENDAR MANAGE WAYFINDING
MANAGE CHATBOT

MANAGE APPOINTMENT
MANAGE NOTIFICATION MANAGE REPORT
CHAPTER III:
STORYBOARD

Gabay – Landing Page

Gabay – Login Screen
Gabay – Registration Screen
Gabay-Homepage
Gabay - Chatbot
Gabay - Campus Calendar Screen
Gabay - Wayfinder Navigation Screen
Gabay - Frequently Ask Question Screen
Gabay - Announcement and Activity Board Screen
Gabay - College Department Information Screen
Gabay – Appointment Form
Gabay – Appointment List
Gabay – Notification Form
Gabay – Generate Report (Department)
Gabay – Department Dashboard
Gabay – Admin Dashboard
 DATABASE DESIGN
ENTITY RELATIONSHIP DIAGRAM
DATA DICTIONARY
CHAPTER III:

NETWORK DESIGN
DEVELOPMENT/ CONSTRUCTION PHASE
TECHNOLOGY STACK DIAGRAM
SOFTWARE SPECIFICATION
CHAPTER III:
HARDWARE SPECIFICATION
 Programmer List of Modules Student Department Guests Admin
Process Login * * *
Johndel Arnan
Registration Module * *
Manage Profile * * * *
Kerr John Luab
Manage Account *
Chatbot Module
Kent Gerald Quiros Manage Chatbot * * * *
Filter Queries *
Frequently Ask Questions Module
Kerr John Luab View FAQ * * * *
Manage FAQ *
Wayfinding Module

LIST OF
View Map * * * *
Rowel Joseph Padillo
Search Map * * * *

MODULES
Manage Campus Facilities *
Campus Information Module
Johndel Arnan View Campus Information * * * *
Manage Campus Information *
Campus Calendar Module
Kerr John Luab View Campus Calendar * * * *
Manage Campus Calendar *
Announcement and Activity Board Module
View AA Board Post * * * *
Manage Post * *
Appointment Module
Fill in Appointment Fields * *
Johndel Arnan
Manage Appointments * *
View Appointments * *
Notification Module
View Notification * *
Manage Notification * *
Generate Report Module
Kerr John Luab View Generated Report * *
Repeated queries *
 TESTING PLAN

• Unit Testing - test the application's smallest confirmed piece of code.

• Integration Testing – various software components are combined and tested as a whole.

• Alpha Testing - assess the software's functionality, performance, and overall quality.

• Acceptance Testing - to determine whether a system meets the specified requirements and is acceptable for
delivery to the end-users