agile-student

byRahul Vasi

Student academic performance prediction in Machine learning using technology flask python and html css js bootstrap js

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 4

agile-student System Requirements Document

1. Introduction

The "agile-student" project aims to develop a system for predicting student academic performance using machine learning technologies. The system will be built using Flask, Python, HTML, CSS, JavaScript, and Bootstrap JS.

2. System Overview

The agile-student project is designed to leverage machine learning algorithms to predict the academic performance of students. This system will provide educators and administrators with insights into student performance trends, allowing for timely interventions and support.

3. Functional Requirements as Story Points

  • As an Educator, I should be able to input student data to generate performance predictions.
  • As an Administrator, I should be able to view aggregated performance reports for all students.
  • As a Student, I should be able to view my predicted academic performance.
  • As a Developer, I should be able to integrate the system with existing educational platforms using APIs.
  • As a Data Analyst, I should be able to access prediction models and their accuracy metrics.
Page 2 of 4

4. User Personas

  • Educator: Responsible for entering and managing student data.
  • Administrator: Oversees the system and accesses comprehensive reports.
  • Student: Views personal academic performance predictions.
  • Developer: Maintains and integrates the system with other platforms.
  • Data Analyst: Evaluates the performance of prediction models.

5. Core User Flows

  • Educator inputs student data -> System processes data -> Prediction results are generated.
  • Administrator accesses dashboard -> Views aggregated reports -> Identifies students needing intervention.
  • Student logs in -> Views personal performance prediction -> Receives feedback or recommendations.
  • Developer accesses API -> Integrates with educational platform -> Ensures seamless data flow.
  • Data Analyst reviews model performance -> Adjusts parameters -> Improves prediction accuracy.

6. Visuals Colors and Theme

  • primary: #007bff (Bootstrap Blue)
  • primary_light: #66b2ff
  • secondary: #6c757d (Bootstrap Gray)
  • accent: #28a745 (Bootstrap Green)
  • highlight: #ffc107 (Bootstrap Yellow)
  • bg: #f8f9fa (Bootstrap Light)
  • surface: #ffffff (White)
  • text: #212529 (Bootstrap Dark)
  • text_muted: #6c757d (Bootstrap Gray)
  • border: #dee2e6 (Bootstrap Border Gray)
Page 3 of 4

7. Signature Design Concept

The homepage will feature an interactive "Performance Dashboard" that visualizes student data in real-time. Users can hover over different sections to see detailed insights and predictions. The dashboard will use motion/react for smooth transitions and animations, providing an engaging and dynamic user experience. The design will incorporate a "data river" animation where student data flows into a central prediction engine, transforming into visual performance metrics.

Landing Hero Motion Brief

The landing page will showcase a continuous loop animation of student data being transformed into performance insights. Using motion/react, the animation will depict data points entering a central processing hub, which then outputs visual graphs and charts representing student performance. This animation will be responsive and interactive, allowing users to pause and explore specific data points for more detailed information.

8. Interaction Model & Motion Direction

  • Interaction Model: Animated
  • The landing page will feature moderate scroll-triggered reveals and hover transitions. Interactive elements will have spring physics for a polished effect.
  • Internal pages will maintain a static layout for clarity and ease of use.
Page 4 of 4

9. Non-Functional Requirements

  • The system must be responsive and accessible on various devices.
  • The prediction model should have an accuracy rate of at least 85%.
  • The system should handle concurrent users efficiently without performance degradation.

10. Tech Stack

  • Frontend: HTML, CSS, JavaScript, Bootstrap JS
  • Backend: Flask, Python
  • Database: MySQL or MariaDB

11. Assumptions and Constraints

  • The system will primarily be used in educational institutions in India.
  • User data privacy and security must comply with local regulations.
  • The system will integrate with existing educational platforms via APIs.

12. Glossary

  • Flask: A micro web framework for Python.
  • Bootstrap JS: A front-end framework for developing responsive and mobile-first websites.
  • Prediction Model: A machine learning algorithm used to forecast student performance.
  • API: Application Programming Interface, a set of tools for building software applications.
Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View Stats
Reports: View Aggregated
Reports: Identify Interventions
Students: View List
Settings: Manage System
Settings: Configure Access
Landing design preview
Landing: View Info
Login: Sign In
Dashboard: View Stats
Reports: View Aggregated
Reports: Identify Interventions
Students: View List
Settings: Manage System
Settings: Configure Access