/OpenLAP

ISC Creator Team Enhancements

Primary LanguageJavaScript

Lab Interactive Data Exploration and Analytics (IDEA)

Short Description

The aim of this semester’s IDEA lab is to co-design and implement Learning Analytics indicators in CourseMapper using OpenLAP. CourseMapper is a MOOC platform developed at the UDE Social Computing Group.

OpenLAP (ISC Creator) Architecture

image

Frontend:

  • Developed using React.
  • Utilizes various libraries for UI components, data visualization, and state management.

Backend:

  • Implemented using Spring Boot.
  • Connects to a MongoDB database for storing user data and learning analytics indicators.

Additional Libraries Used:

  • @emotion/react: CSS-in-JS library for styling.
  • @mui/material: Material-UI components for React.
  • apexcharts: Library for creating charts.
  • axios: Promise-based HTTP client.
  • redux-saga: Side effect model for Redux.

Screenshots of the Project and Visualizations

Dashboard

image

Specification Card

image

Graph Customization

image

Group Members

  • Ahmed Mohamed
  • Mohamed Abdelmagied
  • Nitanshu Shahane
  • Nourhan Boudra
  • Matin Najafi
  • Chimamaka Uhieoma
  • Rebecca Mey
  • Jule Stamm
  • Elham Najafi

Screencast of Project Live Demo

Watch the live demo on YouTube

Advertisement Video

Watch the advertisement video on YouTube