Chatbot
Chatbot
CONTENTS
ACKNOWLEDGEMENT
ABSTRACT
LIST OF FIGURES
LIST OF TABLES
COMPANY PROFILE
CHAPTER 1 INTRODUCTION
1.3 Project Overview
2.3 Objective
3.3 Project Description
2.1 Introduction
2.1.1 Purpose
2.1.2 Scope
2.1.3 Objective
1|Page
3.1 Introduction to .Net Technology
4.1 Introduction
5.1 Introduction
6.1 Introduction
2|Page
6.3.9 Detailed User Use Case
6.4.1 Introduction
6.4.2 Tables
8.1 Introduction
3|Page
CHAPTER 8 CONCLUSION
BIBLOGRAPHY
Declaration
I hereby declare that the project report entitled “SKPFGC AI – Botpress Web Integration with
Auth System” submitted by me in partial fulfillment of the requirements for the degree of
Bachelor of Computer Applications (BCA) is a record of original work carried out by me
under the guidance of Pavithra Assistant,Prof Department of BCA, Sri K PuttaSwamy First
Grade College, Mysore. This project report has not been submitted to any other institution for
the award of any degree/diploma.
Date:
Place: Mysore
(Adithya)
4|Page
ACKNOWLEDGEMENT
This section acknowledges the contributions of individuals who assisted in the development of
the project. Special thanks to the project guide, friends, and family who provided constant
support. The guidance and encouragement from faculty members and the management of the
college helped in bringing the project to completion. Also, it’s important to mention any external
resources or tools (such as Botpress and Firebase) that were instrumental in the project’s
execution.
ABSTRACT
The "SKPFGC AI" project is designed to enhance academic and administrative processes at Sri
K Putta Swamy First Grade College in Mysore through the integration of advanced technologies.
At the core of the system is Botpress, an open-source chatbot engine, which serves as the
primary tool for providing real-time academic and administrative support to students, faculty,
and staff. The chatbot is capable of handling a variety of queries, including academic schedules,
course details, faculty information, and more, offering a seamless interaction experience for
users.
To ensure the security of user data, the project incorporates Firebase for user authentication,
providing secure login mechanisms such as password recovery and Google login options. This
feature ensures that only authorized users can access the platform, safeguarding sensitive
academic and administrative information.
The user interface (UI) is built with modern aesthetics in mind, adopting a neon-style design that
is visually striking and easy to navigate. The interface is responsive, ensuring optimal
functionality on different devices, including desktops, laptops, tablets, and smartphones. This
responsive design makes the platform accessible to a wide range of users, improving overall user
engagement and satisfaction.
One of the key benefits of this system is the reduction in the manual efforts required by
administrative staff to answer repetitive student queries. By automating responses and providing
immediate access to information, the platform not only saves time but also improves the overall
efficiency of academic and administrative operations.
Looking ahead, the "SKPFGC AI" project lays the foundation for future enhancements. One
potential future development is the integration of the platform with the ERP (Enterprise
Resource Planning) system used by the college. This would further automate academic
processes, such as course registration, fee management, and grade reporting, creating a fully
automated academic environment. The project is a significant step toward transforming the way
5|Page
academic institutions handle administrative tasks, making them more efficient, accessible, and
user-friendly.
CHAPTER 1: INTRODUCTION
The "SKPFGC AI" project is centered around the development of an AI-driven chatbot
integrated into a modern, web-based platform designed specifically for Sri K PuttaSwamy First
Grade College. The primary objective of this project is to streamline communication between
students, faculty, and administrative staff by automating responses to frequently asked questions.
The chatbot is trained to handle a wide range of queries, including course schedules, assignment
deadlines, exam information, and various college policies, ensuring students and faculty can
access relevant details at any time. By leveraging artificial intelligence, the system can not only
respond to straightforward queries but also continuously improve its responses through machine
learning techniques.
This AI-powered system aims to provide 24/7 support, eliminating the need for manual
intervention during off-hours and reducing the dependency on human staff for routine inquiries.
The chatbot's integration into the platform is designed for ease of use, featuring an intuitive
interface that ensures accessibility for both tech-savvy and less experienced users. Through its
seamless web interface, users can interact with the chatbot via desktop or mobile devices,
making it convenient for students and faculty members to obtain information anytime, anywhere.
In addition to its functional capabilities, the system incorporates a secure login mechanism
powered by Firebase, ensuring that sensitive data is protected and access is granted only to
authorized users. The ultimate goal is to enhance the overall user experience, improve
operational efficiency, and contribute to the digital transformation of academic support services
at Sri K PuttaSwamy First Grade College. By automating mundane tasks, the system allows
faculty and administrative staff to focus on more complex and strategic activities, significantly
improving productivity across the college.
1.2 Objective
The primary goal is to create a secure and interactive platform that integrates a chatbot powered
by Botpress with a robust web interface. The system must support features like user registration,
Google authentication, password recovery, and role-based access. Another objective is to make
6|Page
the platform mobile-friendly and responsive, ensuring that users can access it on a variety of
devices without limitations. The chatbot's knowledge base will be trained to respond to academic
queries, reducing the dependency on human administrative staff.
The project integrates the Botpress chatbot with a custom web interface built using modern web
technologies like HTML, CSS, and JavaScript. Firebase is used to manage user authentication,
while the chatbot handles user queries related to the college environment. This system is
designed to scale easily, and in the future, could be integrated with the college’s ERP system to
automate various administrative functions, like querying exam results or checking class
schedules.
1.4 Motivation
The growing demand for self-service tools in educational institutions prompted this project.
Traditional manual query-handling processes are often slow and inefficient, particularly during
peak times like exam seasons or admissions. A chatbot system can handle a large volume of
queries simultaneously, providing immediate responses, which improves user experience and
reduces dependency on human resources. Furthermore, it addresses the growing need for
scalable and accessible digital solutions in educational environments.
1.5 Overview
The system consists of three major components: a user-friendly web interface, a secure
authentication system powered by Firebase, and a Botpress chatbot for handling real-time
academic queries. The application is designed with a modern UI, including a neon-style aesthetic
and background video support, making it visually appealing while providing functional support.
The platform is built to be responsive, ensuring optimal performance across devices from
desktops to mobile phones.
Sri K PuttaSwamy First Grade College (SKPFGC) is located in Mysore and offers a wide range
of undergraduate and postgraduate programs. The college is committed to excellence in
education and aims to provide students with the skills required to excel in the digital age. The
Computer Applications department encourages projects that integrate cutting-edge technologies
like AI, data science, and cloud computing, preparing students for the rapidly evolving tech
landscape.
7|Page
1.7 Literature Survey
The literature review provides insights into existing research on chatbot technology, its
applications in education, and the tools used in this project. Botpress is recognized for its
flexibility in creating conversational AI, and Firebase offers a secure and scalable solution for
managing user data. Previous studies have highlighted the benefits of AI-powered chatbots in
reducing response times and improving user satisfaction in various sectors, including education.
Additionally, studies on OAuth 2.0 and its secure integration with Firebase provide valuable
context for the authentication system in this project.
Chapter 1: Introduces the project, its objectives, and the problem it aims to solve.
Chapter 2: Discusses the user environment, compatibility considerations, and how the
system will be accessed.
Chapter 3: Describes the system analysis, including requirements and feasibility study.
Chapter 4: Outlines the system design, including modules, architecture, and diagrams.
Chapter 5: Provides details on system implementation, including technologies and
methodologies used.
Chapter 6: Presents the testing approach, including unit, integration, and system testing.
Chapter 7: Concludes the report and discusses potential future enhancements.
The end users of this system are primarily students, faculty members, and administrative staff.
Students will use the chatbot for academic queries, such as course schedules, exam dates, and
campus events. Faculty members can use the system for administrative queries and updates.
Administrators will have access to additional features like user management and analytics in the
future, providing them with insights into chatbot interactions.
The platform is designed to be accessed via modern web browsers, including Google Chrome,
Firefox, and Safari. The application is optimized for both desktop and mobile use, ensuring
compatibility across a wide range of devices. The system is built to be responsive, adapting its
layout for smaller screens, which enhances the accessibility of the platform. Furthermore, it is
8|Page
designed to function smoothly even on mobile networks, providing a seamless experience for
users with limited internet bandwidth.
3.1 Introduction
System analysis involves understanding the functional and non-functional requirements of the
project and how the system will operate within its environment. It examines the objectives, user
needs, and data flow requirements, ensuring that the final product meets the expectations of the
stakeholders. A detailed analysis of existing systems highlights the need for automation and self-
service tools in educational institutions, while the proposed system offers a modern solution.
3.2 Scope
The scope of the project includes creating a web-based chatbot platform that serves as an
academic and administrative assistant for students and faculty. The system will handle common
queries, allow secure login and registration, and provide an intuitive interface. Future work
includes adding an admin dashboard, integrating with the college's ERP system, and enabling
multi-language support for wider accessibility.
9|Page
3.4 Functional Requirements
User authentication via Firebase, including login, registration, and password recovery.
Integration with Google OAuth for quick and secure authentication.
Real-time interaction with the chatbot to answer academic queries.
Role-based access, where students, faculty, and administrators have different privileges
(future scope).
The chatbot will be able to respond to queries related to course schedules, exam dates,
faculty contact details, and campus events.
Economic Feasibility: The system is economically viable as it uses free tools like
Firebase and Botpress. The only cost incurred would be for minimal hosting on platforms
like Firebase Hosting or GitHub Pages.
Technical Feasibility: The project uses well-documented technologies, making it
technically feasible to implement within the given time frame.
Operational Feasibility: The system’s user interface is intuitive, requiring no prior
training for end-users, making it operationally feasible.
10 | P a g e
Social Feasibility: The system promotes digital interaction, improving accessibility and
reducing physical queuing in administrative offices.
4.1 Introduction
System design involves defining the architecture and components that will deliver the project’s
functionality. This chapter details the architecture, modules, and the flow of data and interactions
within the system. The aim is to visualize how the application operates from both the user's and
the system's perspectives.
Moreover, these systems typically do not provide real-time responses, which can significantly
affect user satisfaction. They are also limited in scope, as they often only allow for basic
communication and do not integrate with other institutional systems, such as databases or
learning management systems. As a result, students may receive only fragmented or outdated
information, leading to confusion. The lack of automation also means that administrative staff
are burdened with repetitive tasks, such as answering common questions, verifying course
details, and handling basic account management, which can distract them from more critical
responsibilities.
11 | P a g e
The system’s ability to offer 24/7 support ensures that students can find answers to their
questions at any time, even outside office hours, reducing the need for manual intervention.
Additionally, the integration of Firebase for secure user authentication and Google login allows
for seamless access to the system. This means users can easily log in with their email or Google
account, ensuring that only authorized users can access sensitive information while maintaining a
simple and user-friendly authentication process.
The proposed platform also allows for continuous improvement of the chatbot, as it can learn
from previous interactions and become better equipped to handle more complex queries over
time. The system’s modular nature also makes it scalable, meaning additional functionalities
such as integration with the college’s ERP system, course management software, or learning
management systems can be incorporated in the future, further enhancing its capabilities. By
automating routine tasks, the system empowers administrative staff to focus on more complex
and strategic work, ultimately improving efficiency and user satisfaction.
The proposed system introduces a more efficient way for students, faculty, and administrative
staff to interact with the college’s information repository. The chatbot will be designed to handle
a wide range of queries, such as timetable inquiries, course material requests, fee structure
details, faculty availability, campus events, and more. The chatbot will leverage natural language
processing (NLP) capabilities to understand and process user queries effectively.
Authentication Mechanism: The authentication system will use Firebase to handle user sign-
ups and logins. Firebase Authentication will ensure that user data remains secure, leveraging
OAuth 2.0 to integrate Google logins for a seamless user experience. Additionally, password
recovery and reset functionalities will be integrated to allow users to regain access to their
accounts in case they forget their credentials. Firebase’s real-time database will store chat history
and user preferences, providing a personalized experience during subsequent sessions.
User Roles: The system will include basic role-based access control. Students will have access
to course-related queries and personal data like class schedules. Faculty members will be able to
check administrative details and provide updates on their courses. Future enhancements will
allow administrators to manage user roles, analyze chatbot data, and perform system
maintenance tasks.
Botpress Integration: The Botpress chatbot engine will be responsible for understanding and
processing user queries. Botpress will be used to design conversational flows that will guide
users through different types of queries. The chatbot will support features such as FAQ handling,
12 | P a g e
document retrieval, and interactive forms for things like course registration or event sign-ups. A
combination of rule-based and machine learning-based responses will be used, depending on the
complexity of the query.
13 | P a g e
4.6 Data Flow Diagram
14 | P a g e
4.8 Use Case Diagram
15 | P a g e
4.9 Sequence Diagram / Activity Diagram
Sequence diagram shows user login process and transition to chatbot window.
Activity diagram shows flow of registration → login → chatbot interaction.
16 | P a g e
4.10 Schema of Normalized Database
Table: Users
o Fields: id (PK), name, email, password, auth_type, created_at
Table: Sessions
o Fields: session_id (PK), user_id (FK), login_time, logout_time
Table: Messages
o Fields: message_id (PK), session_id (FK), content, response, timestamp
5.1 Introduction
System implementation is the phase where the system's architecture and components are
translated into code and integrated into a working application. In this section, we will detail the
implementation of the user authentication system, the chatbot functionality, and how the
system’s front-end communicates with the back-end.
17 | P a g e
5.2 Frontend Development
UI Design: The frontend is built using HTML5, CSS3 (Tailwind CSS for design), and
JavaScript. The design is mobile-first, ensuring responsiveness across a wide variety of
devices. The neon-style theme will use CSS animations to make the interface visually
engaging.
Chatbot Integration: The frontend communicates with the Botpress engine via HTTP
requests. Each time a user submits a query, the frontend sends the message to the
backend (via Botpress) and displays the response.
Firebase Authentication Integration: Firebase Authentication SDK is integrated into
the frontend to handle user login, sign-up, and password recovery. Users can register
using their email or Google account, with real-time validation for user inputs.
Firebase Integration: Firebase is used for handling authentication, storing user data, and
syncing real-time changes. Firestore stores chat history, while Firebase Authentication
handles secure login processes.
Botpress Configuration: The Botpress engine is set up on the backend to manage the
flow of chatbot interactions. The backend will handle API requests from the frontend,
process them through Botpress, and then return the response.
Unit Testing: Each module (authentication, chatbot, UI) is tested individually to ensure
that it works as expected.
Integration Testing: The integration of the Firebase authentication system with the
frontend is tested to ensure secure login and user registration.
System Testing: Once the components are integrated, the entire system is tested for bugs
and performance. Load testing will ensure that the system can handle a large number of
concurrent users.
User Acceptance Testing (UAT): The system is tested by a group of real users (students
and faculty) to get feedback and ensure that it meets their needs.
18 | P a g e
Chapter 6: Testing
Each function was tested in isolation, such as form input validation, toggle password visibility,
and Google auth redirect handlers.
Testing combined multiple modules like Google OAuth with chatbot loading. Ensured form
submission led to successful authentication and correct chatbot loading.
After each update or bug fix, previously working features such as login and sign-up were retested
to ensure they were unaffected.
The application was deployed on Firebase Hosting and tested end-to-end on Chrome, Firefox,
and Edge.
All functionalities like sign-up, login, Google login, forgot password, and chat responses were
verified against expected behavior.
Chatbot loads in under 2 seconds on average. Page transitions are smooth. Auth system responds
in under 500ms for all actions.
19 | P a g e
6.8 Test Cases Table:
Wrong
TC002 Invalid Login Error message shown Pass
email/password
Register New
TC005 Valid fields Account created Pass
Account
Show Password
TC006 Click eye icon Password visible Pass
Toggle
TC007 Empty Fields on Form Submit blank form Error message shown Pass
Chatbot interface
TC008 Chat Launch After login Pass
visible
Google Token
TC009 Invalid token Login failed Fail
Tampered
Duplicate Email
TC010 Email already exists Error shown Fail
SignUp
Error "Weak
TC012 Weak Password "123" Fail
password"
20 | P a g e
Chapter 7: Conclusion & Future Work
7.1 Conclusion
The project successfully demonstrates how AI and web technologies can be used to create an
efficient and intelligent platform for student interaction. It ensures user data security, offers real-
time responses, and significantly improves the accessibility of college support systems.
Coding
21 | P a g e
22 | P a g e
23 | P a g e
Screenshots
(Images of login form, registration form, chatbot interface, and error alerts.)
24 | P a g e
25 | P a g e
26 | P a g e
CHAPTER 8: BIBLIOGRAPHY
A bibliography or references section is a crucial part of any academic report. It
acknowledges the sources used throughout your research and writing. The references in
this section will support your work, offering legitimacy and credit to the ideas, theories,
and technologies you've implemented. Here's how you can expand this section with
details:
8.1 Introduction to Bibliography
The bibliography or references section includes a list of all the sources you have cited or
referred to in your project report. Proper citation is important for giving credit to the
original authors and for avoiding plagiarism. It also allows readers to trace the origin of
ideas, theories, and research methods used in your work.
The primary sources for the bibliography in your project will include books, research
papers, online articles, documentation, and tutorials related to the technologies and
methodologies used in the project, such as Botpress, Firebase, AI, and chatbot
development.
Books and Textbooks: Books that have contributed foundational knowledge about your
project’s underlying technologies, such as web development, AI, and chatbot design,
27 | P a g e
should be included. For instance, textbooks on machine learning or AI could help explain
the algorithms or models used in the Botpress chatbot.
Research Papers and Journal Articles: These will be useful if you have referred to any
academic research on AI, Natural Language Processing (NLP), or chatbot development
techniques. Research papers often provide a deeper theoretical foundation for the
technologies used in your project.
Online Documentation and Tutorials: Official documentation from the development
tools you used (such as Firebase, Botpress, and JavaScript frameworks) is an essential
resource. It explains how to use the tools, libraries, and APIs effectively. Tutorials and
blogs from industry experts can also guide how certain challenges were overcome during
development.
Conference Papers: If you have used any research that was presented at a conference or
workshop related to your field, it’s good to include these sources.
Websites and Articles: Reliable online articles, including those from tech websites (like
Medium, Stack Overflow, or GitHub), may have provided valuable insights into the
technologies or troubleshooting solutions that helped in your project.
8.3 Citation Styles
The format you use for citations depends on the citation style required by your institution
or department. Common citation styles include:
APA (American Psychological Association): This is a widely-used citation style in
many fields, especially in social sciences and technology projects. In this style, sources
are cited with the author's last name and the publication year.
Example:
o Author’s Last Name, First Initial. (Year of Publication). Title of the Book.
Publisher.
o Example: Smith, J. (2020). Introduction to Artificial Intelligence. Tech Press.
IEEE (Institute of Electrical and Electronics Engineers): Often used in engineering
and technology papers, IEEE citation style numbers the references in the order they
appear in the text.
Example:
o [1] Author’s Initials. Last Name, Title of the Book, Edition (if applicable),
Publisher, Year.
o Example: [1] J. Smith, Introduction to Artificial Intelligence, 2nd ed., Tech Press,
2020.
MLA (Modern Language Association): This style is often used in the humanities. MLA
typically uses author-page citation.
Example:
o Author’s Last Name, First Name. Title of Book. Publisher, Publication Year.
28 | P a g e
o Example: Smith, John. Introduction to Artificial Intelligence. Tech Press, 2020.
For technical projects like yours, IEEE style is commonly used, but you should confirm
with your instructor which style they prefer.
8.4 Sample Bibliography Entries
Here are a few specific examples of how you might format the sources used for your
project:
Online Documentation
Botpress Documentation
29 | P a g e
o APA:
Botpress, Inc. (2021). Botpress documentation. Retrieved from
https://botpress.com/docs/
o IEEE:
[4] Botpress, Inc., Botpress documentation. [Online]. Available:
https://botpress.com/docs/. [Accessed: Apr. 20, 2025].
Firebase Authentication Documentation
o APA:
Google. (2021). Firebase Authentication Documentation. Retrieved from
https://firebase.google.com/docs/auth
o IEEE:
[5] Google, Firebase Authentication Documentation. [Online]. Available:
https://firebase.google.com/docs/auth. [Accessed: Apr. 20, 2025].
The bibliography is an essential section that strengthens the credibility of your research.
By including all the sources that influenced and supported your work, you not only give
proper credit to the original authors but also enable others to explore those resources for
more information. Be consistent with your citation style and ensure that all sources
referenced in your report are included in this section.
30 | P a g e