During COVID 19 pandemic, online education has become a common norm in schools and colleges, and students themselves are adapted to this online environment of education, as classes are being held in online mode, exams are also conducted online and students tend to cheat in those exams due to lack of security and no physical guarding by professors/teachers, so here is my solution to the problem!
Rectify - An automated online proctoring tool that uses facial recognition to detect activities of examinees live during the exam and report live analysis to the professor
Live demo : http://engage-rectify.herokuapp.com/
| Feature | Images |
|---|---|
| Hompage | |
| It is fast, easy to use, and incredibly convenient with a minimalistic UI! To create an exam, just register as an instructor and login to create the exam! |  |
| Registration Page | |
| You can register as an instructor or register as a student! |  |
| Register as professor! |  |
| Register as student |  |
| Login Page | |
| User can login as a student or as a professor, authentication system is implemented by using Passport.js |  |
| Live Teacher Dashboard | |
| Professor can watch live status of the students of the ongoing exam by entering the unique code which was generated when the professor created the exam and can monitor student from his own dashboard |  |
| Exam Creation | |
| Professors can create exam by filling out the form, time and date, exam duration! You can use google forms, microsoft forms,any other form link for exam |  |
| ExamPage | |
| This is how the exam page looks, allow access to webcam, it starts and recognises the face to start working |  |
| Feature | Images |
|---|---|
| Face Visibility If you try to hide your face from webcam or moveout of the frame it gives a warning after few seconds,that your face is not visible! |  |
| Multiple Face Recognition If more than one face is detected during the exam, the model detects it and action is reported to the professor. |  |
| Cell Phone Detection If any student tries to cheat via phone the model detects it and immediately reports it to the professor then and there |  |
| Disabled Copy/Paste If any student tries to copy any questions to search on the web it immediately detects and report it to the professor as control keys are disable |  |
| Disabled Tab Change Tab changing is strictly monitored during the live examination, if any student tries to open any other tab, the model detects and reports it immediately to the professor that student is changing the tab as well as the number of times he changed |  |
| Prohibited Object Detection! Some prohibited objects such as books,any other laptop is also detected if any student tries to choose this way of malpractice |  |
Other Features :
- Dynamic Teacher's Dashboard
- Sorting and searching functionalites in Professor's Dashboard
- Return Back to exam within set time (done because if any student losses connection during the exam) he can return back to it.
- Exam creation dialog box which automatically copies generated exam code to clipboard
Note: - Since in the current iteration of the project I am using google form link from professor instead of making questions in the application itself, it is impossible to put key listeners and right click prevention in it since its a third party app and React prevents it due to security reasons. To test these features, please do ctrl press, alt press and right click on left side of screen only.
Agile methology was followed by implementation of sprint of 6 days in a week , continuous integration and development while hosting the app on Heroku. Priority scale : P5 (maximum) to P1 (Least)
| Week | Task | Remarks |
|---|---|---|
| 1 | Design & Setup phase P4: Basic app built by exploring technologies , P3: Setup server node.js , express , passport.js, react.js, tensorflow.js P2: Setting up the authentication system and database | Successfull setup implementation, authentication system, mongodb successfully connected |
| 2 | Face Recognition Model P4: Building the face recognition custom model using tensorflow , P3: Integration of Model with React and Node.js, P2: Testing Recognition Features , P5: CocoSSD Model Pixel passing to Node.js(Bug) | All bugs resolved & Implemented Successfully |
| 3 | Build Phase P4: List of Participants appearing for the exams, P5: Student logs error , P3: Implementing dynamic logs with sort by name,email functionalities, no of entries per page by unique code P5: Advanced Search Functionalities(Bug) | Problem statement tasking completed |
| 4 | Deployment and Design P4: UI Fixes, Exam Restart Feature within given time Testing and review P3:Hosting on Heroku , P5: Service unavailable error 505 (Bug) , P4: Homepage , P3:Manual Testing of every feature | Task completed |
professor email - prof1@gmail.com password - 123456
student email - student2@gmail.com password - 123456
- Write the following command and press enter.
$ git clone https://github.com/aryans1319/Rectify.git
- Move to the parent/root directory (Rectify) cd Rectify
- Write the following command and press enter to download all required node modules.
$ cd Rectify
$ npm install
- Move to the client folder inside the Rectify folder by cd client
- Write the following command and press enter to download all required node modules.
$ cd client
$ npm start
- Move back to the parent directory by cd..
- While you are still inside the cloned folder, write the following command to run the website locally.
$ npm run dev
NOTE: This concurrently runs server and frontend, give a few seconds for frontend to load and the port by default will be http://localhost:3000/
| Feature | Explanation |
|---|---|
| Creating Exam Feature in the application itself | Instead of using a external link(google/microsoft forms),exam creation in the web-application itself would provide more security and better user experience to the product. |
| Class Management | All class management activities (branch/section wise) separately for every year students, creating assignment in the application itself assigning tasks and keep a record of every student activites individually in different sections. |
| Video Calling support | Video calling support between students and teacher for quick doubt resolve and better teacher to student interaction |