“Annual Vision: Automated Report Portal”

A Minor Project Report Submitted to

Rajiv Gandhi Proudyogiki Vishwavidyalaya

Towards Partial Fulfillment for the Award of

Bachelor of Engineering in Computer Science Engineering

Submitted by: Guided by:

Suryansh Singh (0827CS221282) Prof. Sushma Khatri
Tanisha Agrawal (0827CS221285) Computer Science and Engineering
Uday Kushwah (0827CS221294)
Strot Jain (0827CS221275)

Acropolis Institute of Technology & Research, Indore

Jul - Dec 2024
 EXAMINER APPROVAL

The Minor Project entitled “Annual Vision: Automated Report Portal.”

submitted by Suryansh Singh (0827CS221282), Tanisha Agrawal

(0827CS221285), Uday Kushwah (0827CS221294) and Strot Jain

(0827CS221275) has been examined and is hereby approved towards

partial fulfillment for the award of Bachelor of Technology degree in

Computer Science Engineering discipline, for which it has been

submitted. It is understood that by this approval the undersigned do not

necessarily endorse or approve any statement made, opinion expressed, or

conclusion drawn therein, but approve the project only for the purpose for

which it has been submitted.

(Internal Examiner) (External Examiner)

Date: Date:
 RECOMMENDATION

This is to certify that the work embodied in this minor project entitled

“Annual Vision: Automated Report Portal” submitted by Suryansh Singh

(0827CS221282), Tanisha Agrawal (0827CS221285), Uday

Kushwah (0827CS221294) and Strot Jain (0827CS221275) is a

satisfactory account of the bonafide work done under the supervision of

Prof. Sushma Khatri, is recommended towards partial fulfillment for the

award of the Bachelor of Technology (Computer Science Engineering)

degree by Rajiv Gandhi Proudyogiki Vishwavidhyalaya, Bhopal.

(Project Guide)

(Project Coordinator)

(Dean Academics)
 STUDENTS UNDERTAKING

This is to certify that the minor project entitled “Annual Vision:

Automated Report Portal” has developed by us under the supervision of

Prof. Sushma Khatri. The whole responsibility of the work done on this

project is ours. The sole intension of this work is only for practical learning

and research.

We further declare that to the best of our knowledge; this report

does not contain any part of any work which has been submitted for the

award of any degree either in this University or in any other University /

Deemed University without proper citation and if the same work is found

then we are liable for explanation to this.

Suryansh Singh (0827CS221282)

Tanisha Agrawal (0827CS221285)

Uday Kushwah (0827CS221294)

Strot Jain (0827CS221275)

 Acknowledgement
We thank the almighty Lord for giving me the strength and courage to sail
out through the tough and reach on shore safely.

There are number of people without whom this project would not
have been feasible. Their high academic standards and personal integrity
provided me with continuous guidance and support.

We owe a debt of sincere gratitude, deep sense of reverence and

respect to our guide and mentor Prof. Sushma Khatri, Professor, AITR,
Indore for her motivation, sagacious guidance, constant encouragement,
vigilant supervision, and valuable critical appreciation throughout this
project work, which helped us to successfully complete the project on time.

We express profound gratitude and heartfelt thanks to Dr Kamal

Kumar Sethi, Professor & Head CSE, AITR Indore, for his support,
suggestions, and inspiration for carrying out this project. I am very much
thankful to the other faculty and staff members of the department for
providing me with all support, help and advice during the project. We
would be failing in our duty if we do not acknowledge the support and
guidance received from Dr S C Sharma, Director, AITR, Indore, whenever
needed. We take the opportunity to convey my regards to the management
of Acropolis Institute, Indore for extending academic and administrative
support and providing me with all necessary facilities for project to
achieve our objectives.

We are grateful to our parents and family members who have

always loved and supported us unconditionally. To all of them, we want to
say, “Thank you”, for being the best family that one could ever have and
without whom none of this would have been possible.

Suryansh Singh (0827CS221282), Tanisha Agrawal (0827CS221285),

Uday Kushwah (0827CS221294), Strot Jain (0827CS221275)
 Executive Summary

Annual Vision: Automated Report Portal

This project is submitted to Rajiv Gandhi Proudyogiki

Vishwavidyalaya, Bhopal (MP), India, in partial fulfillment of the Bachelor
of Engineering in Computer Science and Engineering under the sagacious
guidance and vigilant supervision of Prof. Sushma Khatri.
The project is a web application designed to streamline the process of
annual report generation and data visualization for academic institutions.
Built using HTML, CSS, JavaScript, PHP, and MySQL, the application enables
faculty to import student data, including enrollment numbers, names,
subject-wise marks, attendance records, and extracurricular activities, via
Excel sheets. It performs data analysis to generate class-wise annual
reports, highlighting subject-wise performance, top 10 rankers, and other
insights.
The portal incorporates features like role-based access, two-way
authentication with OTP, and a user-friendly dashboard. The dashboard
offers three main functionalities: Data Import for uploading and analyzing
Excel files, Data Visualization to display insights using charts and graphs,
and View All Reports for accessing historical reports. Additionally, a
dedicated Support section provides FAQs and help desk contact
information.
The application aims to simplify report generation, enhance data
visualization, and provide stakeholders with comprehensive academic
insights.

Key words: Data Analysis, Report Generation, Web Application, PHP,

MySQL.
“If you are planning for a
year, sow rice;
If you are planning for a
decade, plant trees;
If you are planning for a
lifetime, educate people.”
- Oriental Saying
 List of Figures
Figure 3-1: State Transition Diagram..............................................................................13

Figure 3-2: Activity Diagram ................................................................................................13

Figure 3-3: Sequence Diagram ............................................................................................14

Figure 3-4: Use Case Diagram .............................................................................................14

Figure 3-5: Class Diagram ........................................................................................................15

Figure 3-6: Design Representation .....................................................................................15

Figure 3-7: Data Flow Diagram Level 0 .............................................................................18

Figure 3-8: Data Flow Diagram Level 1 .............................................................................18

Figure 3-9: Data Flow Diagram Level 2 .............................................................................18

Figure 4-1: Chart.Js Architecture........................................................................................26

Figure 4-2: TCPDF.......................................................................................................................27

Figure 4-1: SignUp Page Interface.....................................................................................30

Figure 4-2: Data Import Page Interface..........................................................................30

Figure 4-3: Data Visualization Example (Graphs/Charts)...................................30

Figure 4-4: Annual Report PDF Format..........................................................................31

Figure 4-5: Support Page Screenshot...............................................................................31

Figure 4-6: Test Case 1 Output............................................................................................32

Figure 4-6: Test Case 2 Output 1........................................................................................33

Figure 4-6: Test Case 2 Output 2........................................................................................34

 List of Tables
Table 1: Database Structure Student Table..................................................................19

Table 2: Database Structure User Table.........................................................................20

Table 3: Database Structure Class Detail...........................................................................20

Table 4: Test Case 1....................................................................................................................32

Table 5: Test Case 2....................................................................................................................33

 List of Abbreviations

Abbr1: OTP – One-Time Password

Abbr2: SQL – Structured Query Language

Abbr3: UI – User Interface

Abbr4: HTML – Hyper Text Markup Language

Abbr5: CSS – Cascading Style Sheet

Abbr6: PDF – Portable Document Format

 Table of Contents
CHAPTER 1. INTRODUCTION ........................................................................... 1

1.1 Overview ............................................................................... 1

1.2 Background and Motivation ................................................. 2
1.3 Problem Statement and Objectives ...................................... 2
1.4 Scope of the Project .............................................................. 4
1.5 Team Organization ................................................................ 4
1.6 Report Structure ................................................................... 5

CHAPTER 2. REVIEW OF LITERATURE ......................................................... 7

2.1 Preliminary Investigation ...................................................... 7

2.1.1 Current System ................................................................. 7
2.2 Limitations of Current System .............................................. 8
2.3 Requirement Identification and Analysis for Project ........... 8
2.3.1 Conclusion ...................................................................... 10

CHAPTER 3. PROPOSED SYSTEM ................................................................. 11

3.1 The Proposal ....................................................................... 11

3.2 Benefits of the Proposed System........................................ 11
3.3 State Transition Diagram .................................................... 13
3.4 Activity Diagram……..……………….......................................... 13
3.5 Sequence Diagram……………………......................................... 14
3.6 Use Case Diagram…………………….......................................... 14
3.7 Class Diagram……………………………........................................ 15
3.8 Feasibility Study .................................................................. 15
3.8.1 Technical ......................................................................... 15
3.8.2 Economical...................................................................... 16
3.8.3 Operational ..................................................................... 17
3.9 Design Representation........................................................ 17
3.9.1 Data Flow Diagrams ........................................................ 18
3.9.2 Database Structure ......................................................... 19
3.10 Deployment Requirements ................................................. 21
 3.10.1 Hardware ........................................................................ 21
3.10.2 Software.......................................................................... 21

CHAPTER 5. CONCLUSION............................................................................... 35

5.1 Conclusion ........................................................................... 35

5.2 Limitations of the Work ...................................................... 35
5.3 Suggestion and Recommendations for Future Work ......... 36

BIBLIOGRAPHY .......................................................................................................... 38
PROJECT PLAN ……………………………………….………………………………………..41
GUIDE INTERACTION SHEET ……………………………………………………………42
SOURCE CODE ……………………….…………………………………………………………43
 Annual Vision: Automated Report Portal

Chapter 1. Introduction

An essential duty for educational institutions is to oversee both

extracurricular and academic performance. Conventional approaches to
gathering and evaluating student performance data are frequently
laborious, prone to mistakes, and unscalable, which causes delays and
inefficiencies. Annual Vision: Automated Report Portal provides a creative
solution to these problems by automating the creation of thorough
performance reports.

This web-based program creates annual performance reports,

conducts thorough data analysis, and makes it easy to import student data
from Excel sheets. The technology improves report management efficiency
by integrating interactive charts, graphs, and protected access via an
intuitive dashboard. It greatly lessens the administrative load while
enabling educators to make data-driven decisions.

1.1 Overview

The faculty can maintain and examine student records centrally

with the help of the Annual Vision web application. Excel sheets with
student data, including names, enrollment numbers, grades by topic,
attendance, and extracurricular activities, can be imported using the
system.
Key insights including topic performance, attendance trends, and
the top 10 rankers are highlighted in class-wise annual reports that are
generated by the application after the data is imported.

1
 Annual Vision: Automated Report Portal

The reports can be exported as PDF files and are displayed in

tabular and graphical formats. For added security, the platform uses
secure two-factor authentication and role-based access.

1.2 Background and Motivation

Effectively handling massive amounts of student data is a difficulty

for educational institutions. Conventional approaches require a lot of
manual labor to gather and examine student records, which frequently
results in errors and delays.

By automating report preparation and data processing, our

initiative tackles these problems. Annual Vision streamlines the procedure
while guaranteeing accuracy, scalability, and user-friendliness by utilizing
web technologies and database management systems. The goal of the
project is to free up teachers from administrative duties so they may
concentrate on teaching.

1.3 Problem Statement and Objectives

Create an Annual Report Portal for institute where all the departmental
reports can be integrated and customized

Problem overview Educational institutes generate vast amounts of

data each year, including academic performance, research publications,
financial statements, infrastructure developments, student and faculty
achievements, and extracurricular activities. Preparing a comprehensive
and insightful annual report that accurately reflects the institute's
accomplishments and growth is a complex and time-consuming task. It
requires the aggregation, organization, analysis, and presentation of
diverse data sources in a coherent and visually appealing manner.

2
 Annual Vision: Automated Report Portal

Challenge design and develop a user-friendly, efficient, and robust

portal that streamlines the process of preparing the annual report for an
educational institute. The portal should facilitate the collection,
integration, analysis, and visualization of data from various departments
and stakeholders within the institute. The goal is to create a dynamic,
interactive, and automated system that minimizes manual effort, enhances
accuracy, and provides valuable insights. Key Features and Requirements
User Authentication and Role Management: Secure login for different user
roles (administrators, faculty, students, etc.). Role-based access control to
ensure data privacy and security. Data Collection and Integration: Import
data from various sources (databases, spreadsheets, surveys, etc.).
Integration with existing systems (student management systems, financial
software, research databases, etc.). Support for manual data entry where
necessary. Data Analysis and Visualization: Tools for analyzing academic
performance, research output, financial data, and other metrics.
Customizable dashboards for visualizing key performance indicators
(KPIs). Graphs, charts, and other visual aids for presenting data trends and
insights. Report Generation: Automated generation of the annual report in
various formats (PDF, HTML, etc.). Customizable templates for different
sections of the report. Inclusion of multimedia elements (images, videos,
infographics). Collaboration and Feedback: Features for collaborative
editing and review of report content. Mechanisms for collecting feedback
from stakeholders. Version control to track changes and maintain
document integrity. User Experience: Intuitive and user-friendly interface.
Responsive design for accessibility on various devices (desktop, tablet,
mobile). Multilingual support for institutes with diverse language needs.
Compliance and Standards: Adherence to relevant educational and
reporting standards. Data security and privacy compliance with
regulations (GDPR, FERPA, etc.).

3
 Annual Vision: Automated Report Portal

Expected outcomes Participants are expected to deliver a functional

prototype of the annual report preparation portal that demonstrates the
core features and addresses the outlined requirements. The solution
should be scalable, adaptable to different types of educational institutes,
and capable of handling large volumes of data.

1.4 Scope of the Project

Because of its adaptability, the project can be used in a variety of situations
where reporting and data analysis are necessary. Important uses consist
of:

 Educational Institutions: Automating the generation of annual

performance reports for classes.
 Corporate Training: Tracking employee progress in training
sessions and courses.
 Event Management: Maintaining attendance records and
generating participant analysis for events or workshops.
 Government Programs: Analyzing public participation in
government-sponsored educational initiatives.

1.4 Team Organization

The development of Annual Vision was a collaborative effort
involving key team members:
 Suryansh Pratap Singh: Oversaw the overall project development,
worked on both back-end and front-end development using HTML,
CSS, JavaScript, PHP, and MySQL, designed the database and its
schema, implemented the role-based authentication system, and
developed the data visualization and analysis system along with
every other feature of the project.

Annual Vision: Automated Report Portal

  Tanisha Agrawal: Oversaw the overall project development,
contributed to research paper and project report.
 Uday Kushwah: Contributed to research paper, project report,
formatting and documentation.
 Strot Jain: Created technical poster and contributed to UML
diagram.

1.6 Report Structure

The project Annual Vision: Automated Report Portal focuses on
automating the process of generating academic and extracurricular
performance reports. The entire project report is organized into five
chapters as follows:

Chapter 1: Introduction - Provides an overview of the project,

including the background of the problem, rationale for undertaking the
project, objectives, scope, and applications. It also details the contributions
of team members and outlines the structure of the report.

Chapter 2: Review of Literature - Examines existing systems and

highlights their limitations. This chapter discusses relevant work in the
field, challenges faced by current methods, and gaps identified through
research and user interactions. It concludes with the requirement analysis
for the present project.

Chapter 3: Proposed System - Introduces the proposed solution

based on identified requirements. It outlines the benefits of the system,
illustrates the design through block diagrams and other representations,
and includes a feasibility study. Additionally, it describes the deployment
requirements, including hardware and software specifications, along with
the system's major modules and functionality.

Annual Vision: Automated Report Portal

 Chapter 4: Implementation - Details the technologies, tools, and
programming languages used in developing the project. It describes the
user interface and system functionality, supported by screenshots.
This chapter also includes testing strategies, results, and an
evaluation of the system's performance in terms of accuracy and efficiency.

Chapter 5: Conclusion - Summarizes the outcomes of the project,

analyzing them against the objectives. It discusses the limitations of the
current work and provides suggestions and recommendations for future
enhancements.

6
 Annual Vision: Automated Report Portal

Chapter 2. Review of Literature

Over time, there has been a notable evolution in the field of data
analysis and automation for educational systems. Numerous technologies
have been created in recent decades to automate report generation and
data management in academic settings. The laborious manual process of
managing student records, grades, attendance, and extracurricular
activities is intended to be streamlined by these technologies. The
combination of automation and faculty-friendly interfaces has been a topic
of ongoing investigation.

2.1 Preliminary Investigation

2.1.1 Current System

 The current system for managing student data involves manual

tracking and reporting by faculty members, which is time-
consuming and prone to errors. This traditional approach limits the
efficiency and scalability of educational institutions when handling
large volumes of student information.
 Data is often entered manually into spreadsheets or other offline
formats, making it difficult to track students' progress in real-time,
categorize students based on performance, or generate
comprehensive reports.
 The need for a robust system that not only captures student data but
also analyzes and visualizes this data for effective decision-making
has led to the development of automated report generation tools

7
 Annual Vision: Automated Report Portal

2.2 Limitations of Current System

The limitations of these are as follows:

 Manual entry and report generation are time-consuming and

require a significant amount of human intervention. This
approach is prone to human errors, which can result in
inaccurate data and reports.
 The current systems do not provide real-time data analysis,
making it difficult for faculty members to gain immediate
insights into students' performance, attendance, or
involvement in extracurricular activities.
 Traditional systems are not scalable and become inefficient as
the volume of student data increases. A manual approach is
also unable to handle large datasets from diverse sources
such as attendance records, academic performance, and
extracurricular activities.
 Existing systems often lack effective data visualization
features, which makes it difficult for faculty and
administrators to interpret complex data in a meaningful way.

2.3 Requirement Identification and Analysis for Project

 Data analysis and automation have been the subject of extensive
research, especially in educational contexts. Important conclusions
from the body of research show that automation can greatly
enhance academic settings' data processing and decision-making
procedures.

One of the biggest gaps in current systems is the requirement for

automated data analysis systems that combine several sources of
student data, such as academic performance, attendance, and
extracurricular activities.
8
 Annual Vision: Automated Report Portal

 Educational institutions can increase productivity, lower errors, and

produce thorough, real-time reporting by automating these
procedures.
In recent years, attention has been directed on the creation of web-
based platforms for data import and report generation. Faculty
members can submit data, do analysis, and produce reports in a
variety of formats using these platforms' usually user-friendly
interfaces.

 Previous systems have employed various data analysis techniques

such as performance ranking, attendance tracking, and
extracurricular involvement monitoring. However, the integration of
these features into a unified system remains a challenge. Recent
advancements have introduced role-based access systems and two-
way authentication mechanisms to improve security and ease of use.
 The integration of data visualization tools such as charts and graphs
to represent student performance, rankings, and attendance trends
is becoming increasingly common in modern educational systems.
These visualizations help administrators and faculty gain deeper
insights into student progress and performance.
 Role-based access and authentication mechanisms are vital to
ensuring that sensitive data is securely handled and that only
authorized users have access to certain features of the system. Two-
way authentication, such as OTP-based login, enhances the security
of the system by reducing unauthorized access.

9
 Annual Vision: Automated Report Portal

2.3.1 Conclusion

This chapter has reviewed existing literature related to automated report

generation and data analysis in educational systems. Various methods and
algorithms have been proposed to automate the process of data entry,
analysis, and report generation. Research highlights the importance of
integrating multiple sources of student data, providing real-time insights,
and ensuring secure access. The reviewed literature has informed the
development of the "Annual Vision: Automated Report Portal," which aims
to address the limitations of current systems by offering an automated,
secure, and efficient platform for faculty to import data, perform analysis,
and generate comprehensive student reports.

1
0
 Annual Vision: Automated Report Portal

Chapter 3. Proposed System

3.1 The Proposal

The goal of the suggested system is to automate educational
institutions' data gathering, analysis, and report-generation processes.
Through an intuitive web application, this system will allow faculty
members to effectively manage student data, including academic
performance, attendance, and extracurricular activities.

Faculty will be able to import Excel sheets containing student

information, including grades, attendance, extracurricular activities, and
enrollment figures, using the system. The data will subsequently be
evaluated to provide class-wise annual reports, including subject-wise
performance, rankings, and visualizations in the form of charts and graphs.
Additionally, the system will enable reports to be downloaded into PDF
format for convenient sharing and access.[1]

In addition, the system will feature role-based access to ensure data

security, with two-way authentication via OTP to protect sensitive
information. A dashboard will serve as the central interface for faculty
members, offering three main options: Data Import (for uploading student
data), Support (for FAQ and help desk), and View All Reports (to access
historical reports).

3.2 Benefits of the Proposed System

The Proposed system overcomes the limitation of traditional

manual processes, offering several benefits:

11
 Annual Vision: Automated Report Portal

 Economic Efficiency: The system reduces the need for manual

intervention by automating the process of data entry, analysis, and
report generation. This will save time and resources, making the
process more cost-effective.

 Real-Time Data Processing: Unlike traditional manual methods,

the system processes data in real-time, providing immediate
insights into student performance, attendance, and extracurricular
involvement. This allows faculty to make timely decisions based on
the latest data.

 Reduced Manpower Dependency: The automation of data

handling means that faculty members no longer need to spend time
manually counting students or entering data. The system can
operate 24/7 without requiring constant supervision.

 24/7 Availability: The system is always available for data import,

analysis, and report generation, allowing faculty and
administrators to access information at any time without being
dependent on manual data entry or tracking.

 Comprehensive Data Analysis: The system not only tracks basic

data but also allows for the generation of detailed reports with
visualizations like graphs and charts. This enables better insights
into student performance trends and helps in identifying areas for
improvement.

 Security and Privacy: Role-based access and two-way

authentication ensure that only authorized personnel can access
sensitive student data, protecting the privacy of students and the
integrity of the system.

12
 Annual Vision: Automated Report Portal

3.3 State Transition Diagram

Figure 3-1: State Transition Diagram

3.4 Activity Diagram

Figure 3-2: Activity Diagram

13
 Annual Vision: Automated Report Portal

3.5 Sequence Diagram

Figure 3-3: Sequence Diagram

3.6 Use Case Diagram

Figure 3-4: Use Case Diagram

14
 Annual Vision: Automated Report Portal

3.7 Class Diagram

Figure 3-5: Class Diagram

3.8 Feasibility Study

A feasibility study is an analysis of how successfully a system can be
implemented, accounting for factors such as economic, technical, and
operational aspects to determine its potential positive and negative
outcomes. It helps assess whether the project can be completed within
time and budget constraints while achieving the intended results.

3.8.1 Technical

Any real-time detection system, like the one being proposed, must
efficiently process and present data from a variety of sources, including
Excel sheets and student performance. Making ensuring the framework
utilized in this automated report generating system can handle big
datasets and provide precise reports quickly is essential.[4]
1
5
 Annual Vision: Automated Report Portal

After everything is configured, the system runs on its own with little
assistance from humans. Without human intervention, data is
automatically imported, processed, and evaluated, and the results—such
as counts, student performance, and rankings—are stored in the database.
To increase the system's usefulness for managers and teachers, it will also
produce reports that can be downloaded and offer visual insights into the
data.
The setup will need a GPU-powered system with a high-
performance CPU to manage the intricate data processing chores to make
the system technically possible and responsive. Especially when working
with huge datasets, which are common in educational institutions, this will
guarantee quick data handling and seamless report output without any
delays.

3.8.2 Economical

The proposed system significantly reduces costs compared to

manual data entry and analysis. By automating these processes, the need
for additional manpower is eliminated, thus lowering operational
expenses. The system's ability to generate reports instantly also reduces
the time spent by faculty and administrators, leading to increased
productivity.

The costs involved in setting up the system will primarily include

hardware (such as servers or GPU-powered systems) and software (for
integrating TensorFlow, the database, and the web application interface).
However, long-term savings in labor costs and time, as well as the ability to
scale the system, make the project economically viable.[3]

1
6
 Annual Vision: Automated Report Portal

3.8.3 Operational
The system is designed to be user-friendly and requires minimal
training for faculty and administrators to operate effectively. The web-
based interface allows for easy access to data, report generation, and
system configuration, which can be performed by authorized personnel
with basic technical knowledge. Furthermore, the system is designed to
run continuously, 24/7, without the need for constant supervision.

Given that the system operates autonomously and provides real-

time data processing and reporting, it will improve the efficiency of
educational institutions, leading to better decision-making and resource
allocation. The ease of use and ability to automate routine tasks make the
system operationally feasible and beneficial for the long term.

3.9 Design Representation

Figure 3-6: Annual Vision: Automated Report Portal

Representation with Features

1
7
 Annual Vision: Automated Report Portal

3.9.1 Data Flow Diagrams

Figure 3-7 Data Flow Diagram Level 0

Figure 3-8 Data Flow Diagram Level 1

Figure 3-9 Data Flow Diagram Level 2

1
8
 Annual Vision: Automated Report Portal

3.9.2 Database Structure

The database used for the Annual Vision: Automated Report Portal is
named "db_reports". It contains multiple tables for storing student data,
reports, and logs. Below is the structure of the tables: [5]

The “Student Table” table has the following structure:

This table stores the details of the students whose data is imported by the
faculty.

Table 1: Database Structure

Name Data Type Description

Student_id INT A unique identifier for

Each student (primary
Key).

Enrollment_id VARCHAR(20) Enrollment number

Of the Student.

name VARCHAR(100) Full name of the

Student.

Subject-wise marks
marks JSON stored as JSON (e.g.,
{“Math”:85“English”:90
})

The attendance
attendance INT percentage
of the student.

19
 Annual Vision: Automated Report Portal

The “User Table” table has the following structure:

This table stores information about the users (faculty, admin) accessing
the system.
Table 2: Database Structure

Name Data Type Description

user_id INT A unique identifier for

Each user (primary
Key).

username VARCHAR(50) Username of the user

password VARCHAR(255) Encrypted password

For authentication.

role VARCHAR(20) The role of the user

(e.g.,“Admin”,“Faculty”)

The “Class_detail Table” table has the following structure:

Table 3: Database Structure
Name Data Type Description

class_id INT(11) Primary key

Name of the
department_name VARCHAR(100) department
Year_of_class INT(11) Year of the class

section VARCHAR(10) Section of the class

report_path VARCHAR(255) Path of the report file

Report_id INT(11) Foreign Key/Related id

Binary data for the
report blob report.

20
 Annual Vision: Automated Report Portal

3.10 Deployment Requirements

To successfully deploy the Annual Vision: Automated Report Portal, a
combination of hardware, software, and services is required. Below are the
necessary specifications: [6]

3.10.1 Hardware

 Processor: 32-bit, x86-based processing system, or 64-bit if more

efficiency is required.
 Operating System: Windows 10 or later, or any Linux distribution
with LAMP (Linux, Apache, MySQL, PHP) support.
 Computer System: A high-performance computer system with
sufficient RAM (8 GB or more recommended) to handle data
processing and report generation.
 Storage: Minimum 500 GB of free hard disk space for storing user
data, imported Excel sheets, and generated reports.
 Internet Connectivity: A stable internet connection for OTP-based
two-factor authentication and for accessing the helpdesk and FAQs
section.

3.10.2 Software

 Web Development Environment:

 HTML5, CSS3: For designing the front-end user interface.
 PHP (version 7.0 or later): For server-side scripting and
back- end logic.
 JavaScript (ES6 or later): For handling client-side
interactivity, including dynamic charts and data
visualizations.
 MySQL (version 5.7 or later): For database management
and storing student and faculty data.

21
 Annual Vision: Automated Report Portal

 Libraries and Tools:

 PHP Excel or PhpSpreadsheet: For handling Excel file
uploads and data parsing.
 Chart.js or Google Charts: For generating data visualizations
in the form of charts and graphs.
 TCPDF or FPDF: For generating and exporting the final
reports in PDF format.
 Web Server:
 Apache HTTP Server or Nginx to host the web application.
 PhpMyAdmin for managing the MySQL database (optional).
 Authentication System:
 Two-Factor Authentication: OTP (One-Time Password)
system for added security during login. This can be achieved
using services like Twilio or Google Authenticator.
 Optional:
 Git: Version control for tracking changes in the project during
development.

22
 Annual Vision: Automated Report Portal

Chapter 4. Implementation

Through data import from Excel sheets, processing, and visualization in

the form of charts and graphs, the Annual Vision: Automated Report Portal
technology seeks to automate the process of creating student reports. The
methods utilized to construct the system are described in the parts that
follow, encompassing both the design and implementation facets.

4.1 Technique Used

4.1.1 Web Development Technologies

The project uses a combination of web development technologies to

create a user-friendly and efficient application. These technologies allow
for the smooth handling of student data, generation of reports, and secure
access control.
 HTML5 is used for structuring the content on web pages, ensuring
a responsive and modern interface.
 CSS3 is used for styling the pages, making the design visually
appealing and interactive. The use of responsive design ensures the
portal works well on both desktops and mobile devices.
 JavaScript enhances interactivity, particularly for visualizing data
through charts and graphs. Libraries such as Chart.js are used to
generate dynamic visualizations based on the data analysis.[11]
 PHP is employed for server-side scripting, handling backend logic,
and connecting to the MySQL database for data storage and
retrieval.[11][12]

23
 Annual Vision: Automated Report Portal

 MySQL is used for storing all the necessary data, including student
information, reports, and logs. It ensures efficient retrieval and
manipulation of data required for generating reports.
These technologies come together to create robust and scalable.[5]
[9]

web application that allows faculty to upload student data, view analysis,
and generate reports seamlessly.

4.1.2 Data Import and Analysis

The main challenge in this system was automating the process of

importing student data and analyzing it. The solution involves:
 Excel Data Import: Faculty members upload Excel sheets
containing student data, including enrollment numbers, names,
marks, attendance, and extracurricular activities. The data is
parsed using PHP libraries like PhpSpreadsheet.
 Data Analysis: Once the data is imported, the system performs
several types of analysis:
 Subject-wise Performance: Calculates the average marks for
each subject.
 Top Rankers: Identifies the top 10 students based on overall
performance.
 Attendance and Extracurricular Activities: Analyzes the
student's overall performance with respect to attendance
and extracurricular activities.

The results of these analyses are stored in the database and are used for
generating comprehensive class reports.

4.1.3 Data Visualization

To make the data more insightful, data visualization is integrated into the
application:
24
 Annual Vision: Automated Report Portal

 Charts and Graphs: Using Chart.js, the system generates interactive

visualizations of the data. This includes bar charts for subject-wise
performance and pie charts for attendance distribution.
 PDF Reports: Once the analysis is complete, the system provides an
option to generate PDF reports. These reports contain a detailed
overview of the class, subject-wise performance, top rankers,
attendance records, and extracurricular activity participation. Libraries
like TCPDF or FPDF are used to create and export these PDF files.

These visualizations and PDF reports make it easier for faculty to

understand student performance and generate data-driven insights for
further action.

4.1.4 Authentication and security

For secure access to the system, role-based authentication is implemented.

Faculty members and administrators can log in using a secure login page,
and access is granted based on their roles. The login system uses two-
factor authentication (2FA), with an OTP sent to the user's registered
mobile number to verify identity. This ensures that only authorized users
can access sensitive student data.

4.2 Tools Used

4.2.1 PHpSpreadsheet

PhpSpreadsheet is a PHP library that allows for reading and writing Excel
files. It is used in the Annual Vision: Automated Report Portal to import
and export student data in Excel format.[16]
 Purpose: The library handles the import of student data from Excel
sheets. It supports multiple formats, including XLSX and CSV. Faculty
can upload their student data using an easy-to-use interface, and the
system parses the Excel sheet to extract student details such as
enrollment number, marks, attendance, and extracurricular activities.
25
 Annual Vision: Automated Report Portal

 Usage: After the data is uploaded, PhpSpreadsheet is used to convert

the Excel data into a format that can be processed and analyzed by the
system.

4.2.2 Chart.js

Chart.js is a JavaScript library used to create responsive and interactive

charts on the web. It is integrated into the Annual Vision: Automated
Report Portal to visualize data analysis results.[12]
 Purpose: The system uses Chart.js to generate various
visualizations, such as bar charts for subject-wise performance, pie
charts for attendance distribution, and line charts for analyzing
trends over time.
 Usage: Once the system performs the data analysis, the charts are
dynamically generated and displayed to the user on the dashboard.
This allows faculty members to quickly grasp the overall
performance of the class in a visual format.

Figure 4-1: Chart.js Architecture

26
 Annual Vision: Automated Report Portal

4.2.3 TCPDF

TCPDF is a PHP class for generating PDF documents. It is used in the

Annual Vision: Automated Report Portal to generate downloadable reports
for students.
 Purpose: After the analysis and data visualization, the system uses
TCPDF to generate comprehensive PDF reports. These reports
include details about subject-wise performance, attendance,
extracurricular activities, and rankings of students.
 Usage: The generated PDF reports are made available for
downloading through the dashboard, allowing faculty members to
easily share or print the reports for further use.

Figure 4-2: TCPDF

4.2.4 MySQL

MySQL is a relational database management system (RDBMS) used for

storing all data in the Annual Vision: Automated Report Portal.[19]
 Purpose: MySQL is used to store student information, imported
data, generated reports, and user logs. The database structure
supports efficient storage and retrieval of data, enabling fast
processing and generating reports.
 Usage: Data is stored in various tables, such as the Students,
Reports, Classes, and Logs tables. Queries are run to retrieve and
analyze data, which is then presented to the user in a meaningful
way.
27
 Annual Vision: Automated Report Portal

4.3 Language Used

PHP, JavaScript, and MySQL are the primary languages used in the Annual
Vision: Automated Report Portal due to the following Characterstics:

PHP
PHP is used as the primary server-side scripting language for the system
due to the following reasons:[11][12]
 Simplicity:
PHP is a simple and widely used scripting language. It is easy to
learn and implement, and it allows the rapid development of
dynamic web applications. The syntax is clear, which makes it easy
for developers to focus on functionality rather than language
intricacies.
 Open Source and Free:
PHP is open source, meaning it is free to use, modify, and distribute.
This flexibility makes it ideal for creating scalable applications
without the need for costly software licenses.
 Object-Oriented and Procedural Programming:
PHP supports both object-oriented and procedural programming,
which allows for flexibility in development. For the Annual Vision
project, object-oriented programming (OOP) is used for better
modularity and code reusability. PHP's OOP features, such as classes,
inheritance, and polymorphism, enable developers to create a more
maintainable and structured codebase.
 Extensive Libraries and Frameworks:
PHP has a vast ecosystem of libraries and frameworks like Laravel
and Symfony that can accelerate development. It also integrates well
with various tools, like TCPDF for PDF generation, and
PhpSpreadsheet for Excel file handling, making it perfect for web-
based applications like the Annual Vision project.

28
 Annual Vision: Automated Report Portal

JavaScript:

JavaScript is used for client-side scripting to handle interactive features

and dynamic data visualization:
 Interactivity:
JavaScript allows for creating responsive user interfaces that update
in real-time. The Annual Vision system uses JavaScript to manage
user interactions with visualizations and reports dynamically, such
as generating charts with Chart.js and allowing the user to
download PDF reports.[12]
 Event-Driven and Asynchronous Programming:
JavaScript enables asynchronous operations, which means data can
be fetched from the server without refreshing the page. This is
critical for a smooth user experience when working with large
datasets or visualizations.

MySQL:

MySQL is the database management system used to store and

manage all data within the Annual Vision: Automated Report Portal:
 Relational Database:
MySQL is a reliable relational database management system
(RDBMS) that uses structured query language (SQL) for
managing student data, reports, and logs. Its support for complex
queries ensures that data can be retrieved efficiently, even with
large datasets.[9]
 Scalability:
MySQL is scalable and can handle growing amounts of data. As
the portal's user base and data volume grows, MySQL will
continue to provide a robust foundation for the system.
 Security Features:
MySQL offers several security features, such as role-based access
and encryption, ensuring that data remains safe and accessible
only to authorized users.
29
 Annual Vision: Automated Report Portal

These languages and technologies were chosen for their ability to provide
efficient performance, security, and maintainability, all of which are crucial
for the Annual Vision: Automated Report Portal. The combination of PHP,
JavaScript, and MySQL ensures seamless user experience from data import
to report generation and visualization.

4.4 Screenshots
The Following are the screenshots of the result of the project:

Figure 4-3: Screenshot 1

Figure 4-4: Screenshot 2

Figure 4-5: Screenshot 3

3
0
 Annual Vision: Automated Report Portal

Figure 4-6: Screenshot 4

Figure 4-7: Screenshot 5

4.5 Testing
Testing is an essential phase in the development of process that ensures
the system functions as expected. It involves evaluating the system to
identify discrepancies between input and output, as well as assessing the
system's features to ensure its quality and performance.

4.5.1 Strategy Used

The testing for the “Annual Vision: Automated Report Portal” follows two
main approaches:

 Functionality testing
 Implementation testing

31
 Annual Vision: Automated Report Portal

The testing method used for this project is Black Box Testing, which is
focused on evaluating the functionality of the system without considering
the internal code structure. In this approach, testers provide input into the
system and verify if the output matches the expected results. If the output
is correct, the system passes the test; otherwise, it fails.
4.5.2 Test Case and Analysis

TEST CASE: 1
Table 4: Test Case 1

Test Case ID TC001

Data Import and Analysis
Test Case
.
Summary

Test Upload Excel, generate report

Procedure

Expected Correct class-wise reports, charts, and graphs

Result
Actual Result Data successfully imported; report generated.
Status Pass

TEST CASE 1 OUTPUT

Figure 4-7: Test Case 1 output

3
2
 Annual Vision: Automated Report Portal

TEST CASE: 2
Table 5: Test Case 2

Test Case ID TC002

Report on Generation and Storage
Test Case
Summary

Test Generate report, verify database entry

Procedure

Expected Report stored in database with timestamp

Result
Report successfully stored with correct details
Actual Result

Status Pass

TEST CASE 2 OUTPUT

Figure 4-8: Test Case 2 Output 1

33
Annual Vision: Automated Report Portal
Figure 4-9: Test Case 2 Output 2

3
4
 Annual Vision: Automated Report Portal

Chapter 5. Conclusion

5.1 Conclusion

The Annual Vision: Automated Report Portal project's main goal

was to automate data import, analysis, visualization, and report generation
in order to expedite the process of creating yearly reports for students.
Through the use of a variety of web technologies, including HTML, CSS,
JavaScript, PHP, and MySQL, the project has effectively accomplished its
goal.

The laborious and error-prone manual process of creating reports

has been replaced with an automated system that imports student data
from Excel sheets. The system produces class-wise reports with subject-
wise performance, top 10 rankers, and graphical representations after
precisely analyzing student performance based on grades, attendance, and
extracurricular activities. The reports can also be downloaded as PDFs for
convenient access and are automatically saved.

This system guarantees safe and effective handling of sensitive

student data while streamlining the report generating process for faculty
members through the integration of features like role-based access, two-
way authentication, and an intuitive interface.

This project is a useful tool for educational institutions since it

eliminates the need for manual record-keeping, saving time and effort, and
guarantees correctness in the creation of yearly reports.

5.2 Limitations of the Work

While the Annual Vision: Automated Report Portal project
successfully automates the generation of annual reports, there are a few
limitations and areas for improvement:

35
  Annual Vision: Automated Report Portal

 Processing Speed: The system's performance may be slower due to

the limitations of the hardware used. Data analysis requires
significant computational power, and without high-processing
hardware like GPUs (Graphics Processing Units), the processing
speed is impacted, especially when handling large datasets.
 Pre-trained Models: The data analysis relies on pre-trained
models. While these models perform adequately for general use
cases, training custom models tailored to specific needs would
significantly improve the system’s accuracy. However, training new
models requires considerable time and computational resources,
making it a challenge for this project.
 Frame Scanning and Detection Speed: The system scans each
frame at a rate of one per second for data processing and
visualization. While this is sufficient for most scenarios, there is
room for improvement. In cases where data changes rapidly (such
as in large datasets or when multiple students' information is
updated quickly), the system may experience delays or fail to detect
changes in real-time. Optimizing this process will require enhancing
the system's processing speed.

5.3 Suggestion and Recommendations for Future Work

While the Annual Vision: Automated Report Portal project has
successfully achieved its objectives, there are several areas where the
system can be enhanced in future iterations:
 Enhancing Data Analysis Models: The current system works with
pre-configured data processing techniques. In the future, training
custom models specifically for student performance analysis could
improve accuracy and adaptability, allowing the system to handle
more complex data structures and provide more granular insights.

36
Annual Vision: Automated Report Portal
 Real-Time Notifications: Integrating SNS (Simple Notification
Service) or similar alerting mechanisms would be beneficial to
notify administrators or faculty members when significant changes
occur in the data. This could be useful for alerting discrepancies,
issues, or updates in the system's generated reports, enhancing user
interaction and response time.
 Advanced Data Visualization Techniques: Currently, the system
relies on basic visualizations like charts and graphs. In future
iterations, incorporating more advanced techniques for data
visualization—such as heat maps, interactive dashboards, and
detailed trend analysis—could provide a deeper understanding of
student performance and activities.
 Segmentation in Data Analysis: The system currently uses a basic
bounding box technique for visualization. In future updates, more
advanced segmentation techniques could be employed to break
down the data into smaller, more meaningful sections, improving
the clarity and detail of visualized reports.

37
 Annual Vision: Automated Report Portal

Bibliography

[1] S. R. K. A. S. Kumar, "Design and development of an automated

reporting system," “Journal of Computer Science and Technology”,
vol. 36, no. 4, pp. 502-509, Aug. 2020.

[2] H. Smith and A. Johnson, "Automating academic reports in

educational institutions," “IEEE Transactions on Education”, vol. 59,
no. 2, pp. 90-95, Mar. 2016.

[3] R. G. Agrawal and P. R. Kumar, "A web-based report generation tool

for educational institutions," “International Journal of Computer
Applications”, vol. 22, no. 11, pp. 43-50, Dec. 2019.

[4] M. K. Singh, "Designing an automated report system for student

data," “Proceedings of the International Conference on Computer
Applications”, pp. 123-128, Jan. 2018.

[5] T. D. Patel and B. S. Sharma, "A student report management system

using PHP and MySQL," “International Journal of Computer Science
and Network Security”, vol. 16, no. 5, pp. 25-29, May 2017.

[6] T. Liu and Z. Zhou, "Optimizing data entry and retrieval in student
report systems," “Journal of Database Management”, vol. 30, no. 1,
pp. 12-20, Jan. 2021.

[7] L. Jones and M. R. Davis, "Database design for an automated

academic report system," “Journal of Computer Applications”, vol.
40, no. 4, pp. 205-211, Aug. 2019.

38
 Annual Vision: Automated Report Portal

[8] J. M. R. Carter, "Building an automated student report system for

modern classrooms," “International Journal of Educational
Technology”, vol. 26, no. 2, pp. 101-107, Jul. 2018.

[9] P. K. Gupta, "An efficient way to manage student records using

MySQL," “International Journal of Advanced Computer Science”, vol.
8, no. 6, pp. 116-120, Jun. 2020.

[10] M. V. Kumar and B. R. Sharma, "Automating educational reporting

for universities," “IEEE Transactions on Systems, Man, and
Cybernetics: Systems”, vol. 49, no. 7, pp. 1359-1367, Jul. 2019.

[11] M. A. Smith and S. S. Kaur, "Leveraging PHP for building automated

reporting systems," “Proceedings of the International Conference on
Web and Network Technologies”, pp. 154-159, Dec. 2020.

[12] B. Gupta, "Building a student progress tracker using PHP and

JavaScript," “International Journal of Web Engineering”, vol. 15, no.
4, pp. 231-237, Aug. 2021.

[13] D. H. Clarke, "Web-based automated report portals for educational

institutions," “Journal of Information Technology Education”, vol. 19,
pp. 78-85, Feb. 2022.

[14] H. M. Lee, "Student report card systems: A study on automated

report generation," “IEEE Transactions on Cloud Computing”, vol.
11, no. 4, pp. 760-765, Oct. 2018.

[15] J. T. Martin and L. O. McDonald, "Enhancing the student evaluation

process with automated reporting," “Journal of Educational
Research and Practice”, vol. 12, no. 1, pp. 34-40, Mar. 2020.
39
 Annual Vision: Automated Report Portal

[16] V. S. Gupta, "Automating university student performance reports

with PHP," “Proceedings of the International Conference on
Computer Science and Technology”, pp. 167-173, Mar. 2019.

[17] D. Sethi and P. G. Khan, "Modern approaches to data management in

educational institutions," “International Journal of Data Science and
Management”, vol. 14, no. 3, pp. 41-46, Nov. 2021.

[18] M. S. Williams and H. R. Norris, "Automated report systems for

academic institutions: Design and implementation," “Journal of
Educational Technology & Society”, vol. 19, no. 2, pp. 65-72, Apr.
2018.

[19] S. L. Smith, "MySQL database design for academic systems,"

“International
[20] Journal of Computer Science & Applications”, vol. 35, no. 2, pp. 112-
118, May 2020.

[21] L. R. Thompson, "A framework for automated academic progress

reports," “IEEE Access”, vol. 7, pp. 653-662, Jan. 2019.

40
 Annual Vision: Automated Report Portal

Project Plan

Gantt Chart

4
1
 Annual Vision: Automated Report Portal

Guide Interaction Sheet

Summary of Work & Remarks/ Suggestions

Meeting Date
Discussion Given
17th September 2024 Analysed various problem Mentor suggested to choose
statement to decide the topic topic and get it approved
24th September 2024 The topic we decided was Mentor suggested to change
already taken by another group. the topic
Again, we started going through
the problem statement
3rd October 2024 Problem discusses with mentorMentor suggested to change
the topic
7th October 2024 Discuss the topic with mentor Mentor asked us to change
the topic
8th October 2024 The new topic was approved by Mentor validated the
the mentor, and we started problem statement
working on synopsis and
presentation
15th October 2024 Synopsis and PPT was Mentor suggested to make
submitted, and presentation some change in PPT
were given.
22nd October 2024 working on implementation and Mentors ask to improve UI
submitted SRS document to the and complete
mentor implementation
9th November 2024 Base paper is approved and Mentors ask to complete
uploaded in the folder also research paper by 13th of
mentor viewed the November and finalise the
implementation base paper
12th November 2024 Uploaded Research paper in Mentor asked to remove
folder page number, reduce the
theory and to change the
content of research paper
18th November 2024 Discuss research paper with Mentor ask to change table
mentor and add citation

42
 Annual Vision: Automated Report Portal

Source Code
1. View_report.php

<?php
// Database connection
$servername = "localhost";
$db_username = "root";
$db_password = "";
$database = "tut";

$conn = new mysqli($servername, $db_username, $db_password,

$database);
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}

// Fetch total students

$sql_total = "SELECT COUNT(*) AS total_students FROM students";
$total_result = $conn->query($sql_total);
$total_students = $total_result->fetch_assoc()['total_students'];

// Calculate pass/fail percentages

$sql_passed = "SELECT COUNT(*) AS passed_students FROM students
WHERE (subject_code_1 >= 35 AND subject_code_2 >= 35 AND
subject_code_3 >= 35 AND subject_code_4 >= 35 AND subject_code_5 >=
35)";
$passed_result = $conn->query($sql_passed);
$passed_students = $passed_result->fetch_assoc()['passed_students'];
$passed_percentage = ($passed_students / $total_students) * 100;
$failed_percentage = 100 - $passed_percentage;

// Number of students involved in extracurricular activities

$sql_extracurricular = "SELECT COUNT(*) AS
involved_in_extracurricular FROM students WHERE
extracurricular_activity > 0";
$extra_result = $conn->query($sql_extracurricular);
$involved_in_extracurricular = $extra_result->fetch_assoc()
['involved_in_extracurricular'];

// Average marks for each subject

$average_marks = [];
for ($i = 1; $i <= 5; $i++) {
$sql_avg = "SELECT AVG(subject_code_$i) AS avg_marks FROM
students";
43
 Annual Vision: Automated Report Portal

$avg_result = $conn->query($sql_avg);
$average_marks["subject_code_$i"] = $avg_result->fetch_assoc()
['avg_marks'];
}

// Top 5 overall rankers by total marks

$sql_rankers = "SELECT student_name, enrollment_number,
(subject_code_1 + subject_code_2 + subject_code_3 + subject_code_4 +
subject_code_5) AS total_marks
FROM students ORDER BY total_marks DESC LIMIT 5";
$rankers_result = $conn->query($sql_rankers);
$rankers = [];
while ($row = $rankers_result->fetch_assoc()) {
$rankers[] = $row;
}

// Top 5 rankers for each subject

$subject_rankers = [];
for ($i = 1; $i <= 5; $i++) {
$sql_subject_rankers = "SELECT student_name, subject_code_$i AS
subject_marks FROM students ORDER BY subject_code_$i DESC LIMIT
5";
$subject_rankers_result = $conn->query($sql_subject_rankers);
$subject_rankers["subject_code_$i"] = [];
while ($row = $subject_rankers_result->fetch_assoc()) {
$subject_rankers["subject_code_$i"][] = $row;
}
}

// Attendance statistics
$sql_high_attendance = "SELECT COUNT(*) AS count_high_attendance
FROM students WHERE attendance > 75";
$high_attendance_result = $conn->query($sql_high_attendance);
$students_above_75 = $high_attendance_result->fetch_assoc()
['count_high_attendance'];

$sql_low_attendance = "SELECT student_name, attendance FROM

students WHERE attendance < 75";
$low_attendance_result = $conn->query($sql_low_attendance);
$students_below_75 = [];
while ($row = $low_attendance_result->fetch_assoc()) {
$students_below_75[] = $row;
}

4
4
 Annual Vision: Automated Report Portal

// Top 5 attendance rankers

$sql_top_attendance = "SELECT student_name, attendance FROM
students ORDER BY attendance DESC LIMIT 5";
$top_attendance_result = $conn->query($sql_top_attendance);
$top_attendance = [];
while ($row = $top_attendance_result->fetch_assoc()) {
$top_attendance[] = $row;
}

$conn->close();
?>

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Generate Report - Annual Vision</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstr
ap.min.css" rel="stylesheet">
<style>
body {
background-color: #111;
color: #fff;
}
.navbar, .card {
background-color: #222;
}
.navbar-brand img {
width: 30px;
height: 30px;
}
.table th, .table td {
color: #fff;
}
.btn-primary {
background: linear-gradient(45deg, #00ffff, #ff0096);
border: none;
color: white;
}
 4
5

Annual Vision: Automated Report Portal

.btn-primary:hover {
background: linear-gradient(45deg, #ff0096, #00ffff);
}
</style>
</head>
<body>

<div class="background"></div>

<nav class="navbar navbar-dark">

<div class="container-fluid">
<a class="navbar-brand" href="dashboard.php"><img src="l.png"
alt="Logo"> Annual Vision</a>
<a href="logout.php" class="btn btn-outline-light">Logout</a>
</div>
</nav>

<div class="container mt-5">

<div class="card p-4">
<h2 class="text-center mb-4">Generate Annual Report</h2>

<div class="mb-4">
<h3>Overall Performance</h3>
<p><strong>Pass Percentage:</strong> <?php echo
number_format($passed_percentage, 2); ?>%</p>
<p><strong>Fail Percentage:</strong> <?php echo
number_format($failed_percentage, 2); ?>%</p>
<p><strong>Students in Extracurricular Activities:</strong> <?
php echo $involved_in_extracurricular; ?> out of <?php echo
$total_students; ?></p>
</div>

<div class="mb-4">
<h3>Subject-wise Average Marks</h3>
<ul>
<?php foreach ($average_marks as $subject => $average): ?>
<li><strong><?php echo ucfirst(str_replace('_', ' ',
$subject)); ?>:</strong> <?php echo number_format($average, 2); ?
></li>
<?php endforeach; ?>
</ul>
</div>

<div class="mb-4">
<h3>Top 5 Overall Rankers</h3>
 4
6

Annual Vision: Automated Report Portal

<table class="table table-bordered">

<thead><tr><th>Enrollment Number</th><th>Student
Name</th><th>Total Marks</th></tr></thead>
<tbody>
<?php foreach ($rankers as $ranker): ?>
<tr>
<td><?php echo

htmlspecialchars($ranker['enrollment_number']); ?></td>
<td><?php echo
htmlspecialchars($ranker['student_name']); ?></td>
<td><?php echo
htmlspecialchars($ranker['total_marks']); ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>

<div class="mb-4">
<h3>Top 5 Rankers per Subject</h3>
<?php foreach ($subject_rankers as $subject => $rankers): ?>
<h4><?php echo ucfirst(str_replace('_', ' ', $subject)); ?></h4>
<table class="table table-bordered">
<thead><tr><th>Student
Name</th><th>Marks</th></tr></thead>
<tbody>
<?php foreach ($rankers as $ranker): ?>
<tr>
<td><?php echo
htmlspecialchars($ranker['student_name']); ?></td>
<td><?php echo
htmlspecialchars($ranker['subject_marks']); ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php endforeach; ?>
</div>

<div class="mb-4">
<h3>Attendance Statistics</h3>
<p><strong>Attendance > 75%:</strong> <?php echo
 4
7

Annual Vision: Automated Report Portal

$students_above_75; ?></p>
<p><strong>Attendance < 75%:</strong> <?php echo
count($students_below_75); ?></p>
</div>

<div class="mb-4">
<h3>Students with Attendance Below 75%</h3>
<ul>

<?php foreach ($students_below_75 as $student): ?>

<li><?php echo
htmlspecialchars($student['student_name']); ?> - <?php echo
htmlspecialchars($student['attendance']); ?>%</li>
<?php endforeach; ?>
</ul>
</div>

<div class="mb-4">
<h3>Top 5 Attendance Percentage Rankers</h3>
<table class="table table-bordered">
<thead><tr><th>Student Name</th><th>Attendance
%</th></tr></thead>
<tbody>
<?php foreach ($top_attendance as $student): ?>
<tr>
<td><?php echo
htmlspecialchars($student['student_name']); ?></td>
<td><?php echo
htmlspecialchars($student['attendance']); ?>%</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>

<a href="generate_report.php" class="btn btn-info">Download as

PDF</a>
</div>
</div>

</body>
</html>
48