Landing page of My School
Specifications
Eye Calibration testing - Multi screen Compatibility
Eye Calibration
Accuracy Testing
Accuracy result
Attentiveness detection during online class
Attentiveness detection during online class
Attentiveness detection during online class
Attentiveness detection during youtube lecture
Attentiveness detection during youtube lecture
Attentiveness detection during youtube lecture
Personalized calender designed by mentor for every individual
Attentivenss span curve
Quiz to check attentiveness
Quiz window

Inspiration

In today's world, much of our education has transitioned to online platforms. When we were in physical classrooms, our teachers had a keen understanding of our behaviors, our strengths, and weaknesses. They could gauge our attention levels and provide personalized guidance. However, with the shift to online learning, this dynamic changes.

In the online setting, there isn't someone physically present to monitor us. This lack of oversight can lead to distractions like checking social media or watching funny videos instead of focusing on the class. Consequently, our academic performance may suffer, resulting in lower grades and feelings of frustration.

Welcome to My School 🏫

At My School, we're passionate about providing students with an online learning experience tailored to their needs. Our platform employs cutting-edge technology to ensure every student stays engaged and gets the most out of their education.

Our Approach

Personalized Learning Experience

We understand that every student learns differently. That's why we use real-time eye movement monitoring during online classes to gauge attentiveness. Whether it's a video lecture or reading materials, we track how students interact with the content.

Tailored Support

Based on this attentiveness data, we offer personalized support to enhance learning:

Interactive Quizzes: If a student already knows the content of a video lecture, they might not pay full attention. To tackle this, we quiz them after each session. These quizzes, created by AI or the instructor, help gauge their understanding. If they score below 50%, we suggest they revisit the lecture from where they lost focus. This tailored approach ensures students grasp key concepts effectively.
Personalized Revision Strategy: With this data, we craft personalized courses for students. These courses include comprehensive notes, quizzes, and video references tailored to areas where the student lacked attention. By focusing on crucial topics and addressing their individual learning needs, we ensure students are well-prepared for exams and can achieve excellent results.
Teacher Support: We also evaluate teacher performance based on student feedback. If a significant portion of students express boredom or disengagement, it indicates a need for the teacher to reassess and potentially improve their teaching methods. This feedback loop ensures that instructors continually refine their approach to better engage and educate students effectively.

Key Features

Multi-Platform Compatibility

During the login process, our system conducts eye calibration to detect the edges of your device, enabling it to identify the device you are using. This ensures seamless functionality across various devices, including smartphones, tablets, laptops, and large monitors

calibration

Student-Centric Calendars

Utilizing AI or instructor input, our system creates a personalized daily calendar for each student. This calendar outlines all the tasks that need to be completed by the end of the day, ensuring students stay organized and on track with their studies.

calender

Seamless Integration

In our daily calendar feature, teachers have the flexibility to conduct online classes on various platforms such as Zoom, Google Meet, and more. They can also provide video references from platforms like YouTube or recorded lectures. Our system seamlessly collects attentiveness data from all these different platforms, providing independence external to the app while ensuring comprehensive monitoring of student engagement.

meet quiz-score

Real-Time Feedback

Our system continuously monitors students' eyes and alerts them if their faces are not detected in the camera's field of view. Additionally, if teachers utilize our dedicated video conferencing tool, they receive notifications when the attention level of 50% of the class is low. This proactive approach ensures that both students and teachers stay engaged and attentive during online classes

face-not-detected

How we built it

My School was built using a combination of technologies including HTML, CSS, JavaScript, Tailwind css, Web-Gazer, Python, and Node.js. The frontend interface was designed using HTML, CSS, and Tailwind Css for responsiveness. Web-Gazer was used to implement eye movement detection , while Node.js facilitated server-side operations. Python was utilized for AI-generated quizzes and data analysis.

Challenges we ran into

One of the main challenges we faced was implementing real-time eye movement monitoring for attentiveness tracking. It required extensive research and experimentation to develop an accurate and reliable system. Additionally, integrating multi-platform compatibility and ensuring seamless performance across various devices posed technical hurdles that required innovative solutions.

Accomplishments that we're proud of

We're proud to have developed a robust platform that addresses the diverse needs of students and teachers in online education. Achieving accurate eye movement monitoring and designing personalized learning experiences were significant milestones. Moreover, creating a user-friendly interface and ensuring multi-platform compatibility showcased our team's technical expertise and dedication.

What we learned

Through the development of My School, we gained invaluable insights into the complexities of online education and the importance of personalized learning. We honed our skills in frontend and backend development, data analysis, and user experience design. Additionally, we learned to adapt to challenges and collaborate effectively as a team to overcome obstacles.

What's next for My School

Moving forward, we aim to enhance My School by developing an admin dashboard for teachers. This dashboard will empower teachers to create tasks for students, analyze performance metrics, and manage course content effectively. Additionally, we plan to incorporate advanced features such as AI-driven recommendations for personalized learning paths and further refine the platform based on user feedback.

Configuration & Installation

To get started with My School

Clone the Eduproctor repository from GitHub: git clone https://github.com/umeshSinghVerma/MySchool.git
Navigate to the project directory: cd MySchool
Install project dependencies: npm install
Start the development server: cd www node app.js
Open your browser and navigate to http://localhost:3000 to access My School.