Learning analytics: Add student course dashboard with integrated Iris chatbot

[FelixTJDietrich]

Warning

This PR contains migration(s)
Don't deploy! Except for TS3

Checklist

General

• We tested all changes and their related features with all corresponding user types on a test server.
• Language: We followed the guidelines for inclusive, diversity-sensitive, and appreciative language.
• I chose a title conforming to the naming conventions for pull requests.

Server

• Important: We implemented the changes with a very good performance and prevented too many (unnecessary) database calls.
• We strictly followed the server coding and design guidelines.
• We added multiple integration tests (Spring) related to the features (with a high test coverage).
• We added pre-authorization annotations according to the guidelines and checked the course groups for all new REST Calls (security).
• We documented the Java code using JavaDoc style.

Client

• Important: We implemented the changes with a very good performance, prevented too many (unnecessary) REST calls and made sure the UI is responsive, even with large data. [some where not avoidable without refactoring]
• We strictly followed the client coding and design guidelines.
• Following the theming guidelines, we specified colors only in the theming variable files and checked that the changes look consistent in both the light and the dark theme.
• We added multiple integration tests (Jest) related to the features (with a high test coverage), while following the test guidelines.
• We added authorities to all new routes and checked the course groups for displaying navigation elements (links, buttons).
• We documented the TypeScript code using JSDoc style.
• We added multiple screenshots/screencasts of my UI changes.
• We translated all newly inserted strings into English and German.

Motivation and Context

HybridD3 project that tries to investigate how the student behavior changes when they are presented with a dashboard with progress over the whole course. It also investigates how interactions with Iris and students judging their own mastery of a competency and comparing it against Artemis' judgement.

Description

• Add feature toggle for course dashboard
• Add course toggle for course dashboard
• Add course dashboard
  • Exercise statistics
    • Line chart over performance in the exercises with course average
    • Line chart over the lateness of the submissions with course average
  • List of course competencies
    • Next lecture units
    • Next exercises
    • Judgement of learning (self-assess your mastery -> compare with Artemis' assessment afterwards)
  • Iris integration to chat about the dashboard
• Hide progress of competency until student has judged it
  • Course dashboard
  • Course competencies
  • Course competency details

Steps for Testing

Prerequisites:

• 1 Instructor
• 2 Students
• 1 Course with Iris and Course enabled
• Exercises with all exercise types

1. Log in to Artemis
2. Click HD3 Test Course (test server 3)
3. Should redirect to the course dashboard
4. Observe the exercise statistics section make sure it makes sense, same with competencies
5. Participate in some exercises
6. Move deadline (as instructor)
7. Complete some lectures
8. Observe the exercise statistics section make sure it makes sense, same with competencies
9. Open a competency and judge it
10. Progress should not be visible if a competency is not rated
11. On Course > dashboard
12. On Course > Competencies
13. On Course > Competencies > Competency Detail
14. On dashboard try out the Iris integration

Testserver States

Note

These badges show the state of the test servers.
Green = Currently available, Red = Currently locked

Review Progress

Performance Review

• I (as a reviewer) confirm that the client changes (in particular related to REST calls and UI responsiveness) are implemented with a very good performance
• I (as a reviewer) confirm that the server changes (in particular related to database calls) are implemented with a very good performance

Code Review

• Code Review 1
• Code Review 2

Manual Tests

• Test 1
• Test 2

Exam Mode Test

• Test 1
• Test 2

Test Coverage

Screenshots

Server Administration > Feature Toggle

Course Management > Course > Create/Edit

Course Dashboard

Course Competencies

Competency Detail

Hidden progress when competency not judged:

Show progress when competency judged: