Git Product home page Git Product logo

elearning-recorder's Introduction

elearning recorder

What is this project ?

  • This project is a graduation project.

  • The aim of the project is to collect short record data from distance education students.

How the site works ?

  1. Student opens the website.

  2. The user presses the record button and the site asks for confirmation to turn on the camera.

  3. Once confirmed, recording begins. The recording continues until the user presses the stop button.

  4. Clicking the stop button, the site saves the video to its server using the POST request method.

  5. Finally, the student will choose his / her feelings in the recorded video from the buttons provided by the site. In addition, the site will record this data.

Important note

The fifth step is currently being discussed. The instructor will be asked whether the emotion will be chosen during or after the student's recording.

What was used for the site ?

Frontend

  • Bootstrap and jquery packages are used for front-end of the site.

  • Webrtc package is used for video recording.

  • SVG Images on the website are taken from storyset

  • typed package is used for animations within the site.

Backend

  • PHP scripting language.

  • Uploaded videos and related labels stored in /uploads folder.

  • Pre recording form data stored in /forms folder.

  • A folder with unique id created for each succesful request.

So what do we do with this data ?

  • We are planning to build a model that can understand the emotions of the students with the camera with the video images we have taken from the user in the future.

  • In this way, we think that we will contribute to distance education.

Site Limitations

  • Recordings are recorded in video webm format and 480p quality. The reason for recording with such low resolution is that our servers do not have the capacity to store high quality video yet. If we record high resolution video, our servers can record very few videos.

elearning-recorder's People

Contributors

mfarukkoc avatar grygry12345 avatar

Stargazers

Berk Teke avatar Seyyid Fatih KOÇ avatar

Watchers

Fatma Patlar Akbulut avatar  avatar  avatar

elearning-recorder's Issues

Emotions Labels and Properties

Short Term Emotions:

Bored
Confused
Fine
Relaxed
Focused
Panic
Excited
Self-confident

Long Term Emotions:

Dislike
Loved
Frustration
Relief
Anxiety
Dissatisfied
Disappointed
Hopeless

Lesson Attendance:

Disinterested
Focused

Difficulty:

Very Easy
Easy
Normal
Hard
Very Hard

Teacher Speed?

Fluent
Slow
Very Fast

Unknown error

image
Unknown error occuring after each upload, but server handles error and maintains to work without problem.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.