The main idea behind the proposed system is to enable users to interact with each other and to allow peer to peer learning. The major goal is to blend two distinct ideas, specifically social networks and remote learning, in order to give learners with a platform that offers the best of both worlds.
CodeRactives
The main idea behind the proposed system is to enable users to interact with each other and to allow peer to peer learning. The major goal is to blend two distinct ideas, specifically social networks and remote learning, in order to give learners with a platform that offers the best of both worlds. User involvement is a major issue in today's systems, which affects the majority of them. The proposed approach promotes peer-to-peer knowledge and information sharing, hence minimizing the total requirement for a teacher or instructor.
The website allows the user to sign up and make a profile that includes certain features according to the data provided by the user. Afterwards they can collaborate with their peers, be part of different communities and contribute towards these communities by participating in any events or adding research to an ongoing topic. The underlying system includes a smart recommendation feature that suggests other students based on the same interests and ongoing courses. A profile is a must in order to navigate through the website. Additional features such as a real-time chat environment is also provided to enable more effective communication and also group/team channels to encourage team collaboration. This web application will help students and teachers tremendously.
| Our system helps students learn coding or learn in general interactively. Firstly, instructor will record their actions such as audio, keyboard typing, markers for syncing up the audio in the video. The prompts can be provided to the instructor on certain markers, so that they can read those according to the marker in video and synchronize their audio efficiently and accordingly. the system will then provide a button to download the audio file along with the markers timed with the audio. |
| Once the video has been composed with the necessary recordings, the student can view the lesson just like a static video except that they can interact within it. The elements within the video will be interactable because this “video” is not an mp4 file. It is a combination of HTML, CSS and JavaScript coming together to form an illusion of a video. The chat system will be developed using APIs in order to make the development process faster. |
Our system helps students learn coding or learn in general interactively. Firstly, instructor will record their actions such as audio, keyboard typing, markers for syncing up the audio in the video. The prompts can be provided to the instructor on certain markers, so that they can read those according to the marker in video and synchronize their audio efficiently and accordingly. the system will then provide a button to download the audio file along with the markers timed with the audio.
Once the video has been composed with the necessary recordings, the student can view the lesson just like a static video except that they can interact within it. The elements within the video will be interactable because this “video” is not an mp4 file. It is a combination of HTML, CSS and JavaScript coming together to form an illusion of a video. The chat system will be developed using APIs in order to make the development process faster.
The final deliverable of " CodeRactives" will be a web application developed using MERN stack. We will use Liqvid library to record user’s actions such as keyboard typing, audio, and stylus drawing etc. The API approach will b e used to integrate the backend and frontend together. React Js will be used for frontend and for backend, Express Js will be used. The Mongodb database will be used for user data preservation. Typescript and JavaScript will be primarily used.
| Elapsed time in (days or weeks or month or quarter) since start of the project | Milestone | Deliverable |
|---|---|---|
| Month 1 | Screens (Login and Sign up) | Complete user interfaces for both type of users. |
| Month 2 | Sign up and email verification (Students and Instructors) | Sign up and email verification (Students and Instructors) |
| Month 3 | Chat System | Chat system for both students and instructors. |
| Month 4 | Courses List Screen | A view for both students and instructors to navigate between the courses. |
| Month 5 | Login and signup with backend. | Actual validation with the database for authorization. |
| Month 6 | Video recording tools | The instructors will be able to record human actions such as audio, keyboard, stylus drawings that involves strokes and drags etc. |
| Month 7 | Student view of the interactive videos. | The students will be able to view those recordings but without the access to recording tools. |
| Month 8 | Multi-file recordings in coding tutorials. | A file manager within the video will be provided for both students and instructors in order to work on different files such as in a scenario of a coding tutorial, users will want to work on different files. |
| Month 9 | Testing | Overall system testing will be performed. |
this Profitable Method of Fish Farming or Biofloc Farming cuts all the major costs...
Transmission line system having insulators where insulation plays an important role in sup...
The main aim of this FYP is to create a system that can prevent thousands of lives from an...
Object detection is a computer technology related to computer vision and image processing...
South Asian countries are amongst the largest producers of crops with favorable climate co...