I

Interact&Learn

Making online education better!

The problem Interact&Learn solves

Problems -

  1. Video tutorials kill interactivity.
    The first big problem with video is that it destroys all possibilities for interactivity, as the code is reduced to dead pixels.
    This means you can neither copy, edit or run the code. All you can do is watch it.

  2. Video tutorials are a hassle to create.
    The second problem with video is the frustrating creation process. Explaining code through screencasts is a lot more hassle than doing it in person because you have to go through a bunch of steps in order to create the video.

  3. Video Tutorials require good bandwidth.
    We know that online tutorials required good bandwidth for seeing good quality content and we know that it is a major problem atleast in a country like ours.

  4. Online courses lack individual attention.
    Online courses are not tailored individually for each student and they lack individual attention and as a result most of the students lose interest after sometime.

Solution -
1 . We want to reinvent the video format for explaining code, where users can actually interact with the video, that is like a video game and not just see it like a movie.
The concept can be a bit tricky to understand at once or seem impossible. But bare with us! It's very much possible.
If we look into the basics of video of any format, they record pixels and then render them. but if we record events (mouse move, click, scroll) instead of pixels.. and instead of drawing each pixel we can on any hardware,we actually redo those events making. we can make an interactive video.. where students can actually change the things that the instructor is doing and see different outcomes or run the instructor's code in the video itself.
2 . Creating a video will be super easy. There’s no downloading, exporting or uploading involved. You simply open our web-based editor, click RECORD, and start talking while you code.
When someone watches your screencast, we recreate exactly what you did when you recorded it (in the same environment).

Challenges we ran into

  1. we were using flask for our api and MERN stack for developement, integrating it was an issue
  2. Recording events and then playing them was a issue.
  3. Since we were recording the events and audio separately so syncing the two was a major issue.
  4. We were also facing bugs when we were try to introduce play and pause features in our platform.
  5. Playing recorded DOM event into the video or injecting the recorded events into new screen was creating problems.

Discussion