e-Learning-by-SSE / nm-self-learning

https://staging.sse.uni-hildesheim.de/selflearn
3 stars 4 forks source link

[KEE] Skill-Editor Component #175

Open Elscha opened 1 month ago

Elscha commented 1 month ago

Editor zur Erstellung & Bearbeitung von Skills eines Skill-Graphen (Exploreransicht) der Skills als React-Component (vormals Folder-Editor).

Skill-Editor

Eingabedaten

Design-Struktur

Skillkarte (Skill-Repository) bearbeiten

Skill bearbeiten

Hier wird die Information dem einen Skill angezeigt, der gerade in der rechten Ansicht ausgewählt ist. Vermittelte und benötigte Skills können über Drag-and-Drop eingefügt werden (fehlt im Bild, vgl. Modulansicht).

grafik

Skill Hinzufügen

Beim Klicken auf den Button wird ein Dialogfenster geöffnet. Hier kann ein Skill durch Angabe von Name und Beschreibung angelegt werden. Optional kann auch ein Elternteil (Skill) über ein Dropdown ausgewählt werden (Liste aller Skills in der Taxonomie). Wird ein Skill-Elternteil ausgewählt, wird der Skill unterhalb des Elternskills in der Ansicht eingefügt. Wird kein Skill-Elternteil ausgewählt, so wird der Skill auf der obersten Ebene (Ebene 0) angelegt.

grafik