Demo 2025: Difference between revisions

m (→‎Outline: erste stichpunkte)
 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Note|type=info|text=Diese Seite dient primär als Materialsammlung für die Live-Demo von GraphIT auf der DELFI 2025. Sie können sie aber auch auf eigene Faust explorieren.}}
== Überblick ==
== Überblick ==
[[File:Math-example.png|thumb|right|350px|A simple example graph about maths]]
<!-- Kurzzusammenfassung -->
<!-- Kurzzusammenfassung -->
* Projekt zur Verwendng von Abhängigkeitsgraphen um Studiengänge, Kurse, und den eigenen Fortschritt zu modellieren
* GraphIT ist eine Plattform zur Arbeit mit Abhängigkeitsgraphen um Studiengänge, Kurse und den Fortschritt von Lernenden zu modellieren
*  
* GraphIT setzt auf WikiBase auf
* wir entwickeln die Plattform explorativ seit 2022 (gleichzeitig testen und evaluieren)
* wo notwendig entwickeln wir eigene Frontends und Interaktionsmöglichkeiten
 
==== Ausgangspunkt: Probleme beim Studiengangsdesign ====
* aktuell one-size-fits-all Studiengänge, aber heterogene Vorkenntnisse und Ziele
* Überarbeitung und Erstellung von Studiengängen dauert lange
* Dozierende wissen oft nicht, was in anderen Kursen passiert
 
==== GraphIT ====
<!-- Grundidee GraphIT --> <!-- [[File:Graph-simple.png|thumb|right|600px|Symbolische Abbildung des Graphen]] -->
* wir modellieren Wissen als Netzwerk von Lerninhalten und deren Abhängigkeiten
* Themen bauen aufeinander auf ("B ''depends on'' A")
* Reihe an Vorkenntnisse bildet Lernpfad
 
{| class="mw-collapsible mw-collapsed wikitable"
! colspan="2"| Begriffe/Definitionen in GraphIT
|-
|'''Item'''
| Ein Knoten, der mit anderen Knoten verlinkt wird. Z.b.: ein Lerninhalt oder eine Person
|-
| '''Property'''
| Eine Kante, die die Beziehung oder Abhängigkeiten verschiedener ''Items'' abbildet
|-
| '''Statements'''
| Item-Property-Item Verknüpfugen. Z.b.: Matrix Multiplication - depends on &rarr; Matrix
|-
|'''Qualifier'''
| Annotationen einer Kante
|}
 
 
{| class="wikitable"
! colspan="2" | Ein Lernpfad zu einem '''Item''' (hier: [[Item:Q149|Virtual Cameras]])
|-
| style="width:70%"|
{{#widget:SPARQLquery|code=
#defaultView:Graph
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
SELECT distinct ?v ?vLabel ?rgb ?link ?linkLabel ?edgeLabel
WHERE {
{
  { SELECT * WHERE {
  { SELECT ?goal ?goalLabel ?topic ?topicLabel WHERE {
    {
    BIND (wd:Q149 as ?goal).
    ?goal wdt:P1+ ?topic.
    } UNION {
      VALUES ?topic { wd:Q149 } # we also want to include the root node itself
    }
  }
  }
  ?topic wdt:P1 ?pre.
  BIND (?topic as ?v). # + add all ?pre that are not yet in ?topic 
  BIND (?pre as ?link).
  bind (if(?v = wd:Q149, "FBBC74", "FFEDD8") as ?rgb).
  }
  }
  Union
  { SELECT * WHERE {
  { SELECT ?topic ?topicLabel ?goal ?goalLabel WHERE {
    {
      BIND (wd:Q149 as ?topic).
      ?goal wdt:P1+ ?topic.
    } UNION {
      VALUES ?topic { wd:Q149 } # we also want to include the root node itself
    }
  }
  }
  ?post wdt:P1 ?topic.
  BIND (?post as ?v).
  BIND (?topic as ?link).
  bind ("F68C13" as ?rgb).
  }
  }
 
  ?property a wikibase:Property; wikibase:directClaim wdt:P1.
 
  SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en".
                        ?property rdfs:label ?edgeLabel. ?v rdfs:label ?vLabel. ?link rdfs:label ?linkLabel.
                        }
}
} | height=20em
}}
| style="color:gray;" | Ein '''Item''' oder '''Lerninhalt''' baut darauf auf, dass man ein vorheriges Thema verstanden hat. Sie sind voneinander [[Property:P1|abhängig]].
</br>
Daraus ergibt sich ein Lernpfad, dem man vom ''einfachsten'' zum ''schwersten'' Thema folgen kann, um das eigene Wissen allmählich zu erweitern.
Beispielweise ist hier [[Item:Q106|Points and Vectors]] das Grunditem, auf dem alle nächsten Themen aufbauen.
|-
| colspan="2" | [https://tinyurl.com/2av6rsyx Query-Ergebnis]
|}
 
&rarr; Items (Knoten) im Graph: Topic, User (Studierende oder Dozierende),  Session, Course, Ressource, ... (kein rigides Schema!)
 
&rarr; wir können durch Analyse des Graphen zentrale Themen, Lernpfade, Lücken und Überlappungen finden
 
&rarr; Direkter Vorteil: dynamischeres Planen und Halten von Lehrveranstaltungen
 
== Anwendung ==
==== ...für Dozierende ====
<!-- Kurse organisieren, aktualisieren, halten -->
Dozierende haben die Möglichkeit, Kurse zu erstellen, und ihnen (existierende) Lerninhalte zuweisen, die an einem bestimmten Termin besprochen werden.
Dabei entsteht eine Graphstruktur, die genutzt werden kann um Strukturen aufzuzeigen, komplexe Abfragen zu stellen und Interaktionen zu tracken.
 
{| class="mw-collapsible wikitable" style="margin:"auto"
|-
! colspan="2" | '''[[Item:Q1986| Item: MMT 25WS]]'''
|- style="color:gray"
| [[File:Course-Item.png|thumb|500px|center]]
| Das Item zur Vorlesung "Multimedia Technology" im Wintersemester 25/26. Hier kann man die Datenstruktur sehen, die genutzt wird um einen Kurs auzubauen und benötigte Lerninhalte oder strukturelle Items zu verlinken.
|}
 
 
Da GraphIT auf MediaWiki/WikiBase aufsetzt, können wir einfach eine Wiki-Seite für einen Kurs erstellen, auf der mithilfe von [https://www.w3.org/TR/sparql11-query/ SPARQL]-Queries Informationen zum Kurs visualisiert werden.
 
{| class="mw-collapsible wikitable" style="margin:"auto"
|-
! colspan="2" | '''[[Courses/MMT_25WS | Kursseite: Multimedia Technology 25 WS]]'''
|- style="color:gray"
| [[File:Wikibase-Widgets-Screenshot.png|thumb|500px|center]]
|Die Kursseite zur Vorlesung "Multimedia Technology" im Wintersemester 25/26. Hier kann man sehen, in welcher Art der Graph im Rahmen einer Lehrveranstaltung genutzt wird. Zum Beispiel werden SPARQL-Queries genutzt um einen Zeitplan oder zentrale Themen anzuzeigen.
|}
 
Um Lerninhalte einzupflegen muss man einzelne Items miteinander verlinken.
Jedem Item können zusätzliche Ressourcen angehängt werden, die Studierende selbständig bearbeiten oder explorieren können.
 
Hierzu kann man die jeweilige Wiki-Seite nutzen:
 
{| class="mw-collapsible wikitable" style="margin:"auto"
|-
! colspan="2" | '''[[Item:Q121| Item: RGB ]]'''
|- style="color:gray"
| [[File:Example-Item.png|thumb|500px|center]]
| Screenshot eines Items, das einen Lerninhalt darstellt. Andere Items können über ''Properties'' verlinkt werden, (z.B. Ressourcen oder Lernmaterialien zum jeweiligen Thema)
|}
 
Items können auch als strukturierende Items genutzt werden, um beispielsweise eine Studienleistung oder ein Übungblatt zu repräsentieren
{| class="mw-collapsible wikitable" style="margin:auto"
|-
! colspan="2" | '''[[Item:Q354|Quiz: Bresenham]]'''
|- style="color:gray"
| [[File:Screenshot-Quiz.png|thumb|500px|center]]
| Screenshot eines Quiz-Items, das verschiedene Lerninhalte [[Property:P14|beinhaltet]] und auf ein einfaches Quiz verlinkt. Studierende können diese Items abhaken und damit ihre Fortschritt markieren.
|}
 
Daraus ergibt sich ein wachsender Graph:
* große Menge an Daten
* komplizierte Strukturen
* starke interne Vernetzung
* Interaktion und Wartung ist umständlich
 
{| class="mw-collapsible wikitable" style="margin:" auto"
|-
! colspan="2" | [https://tinyurl.com/23oxregx Query]
|- style="color:gray"
| [[File:Screenshot MMT24WS.png|thumb|500px|center|Screenshot des Kurses "Multimedia Technology aus dem Wintersemester 24/25"]]
| Eine Query, die alle Items anzeigt, die in einer Session des Kurses "Multimedia Technology" aus dem Wintersemester 25/26 besprochen wurden. Items sind farblich so kodiert, dass verschiedene Überthemen voneinander unterschieden werden können.
|}
 


==== Probleme ====
'''&rarr; DESWEGEN:'''
<!-- Probleme Studiengangdesign -->
* one-size-fits-all Studiengänge, aber heterogenen Vorkenntnissen
* Wenig Möglichkeiten Wissen zwischen Lehrenden gut zu transferieren
* Anpassung von Curricula nicht sehr flexibel
-> Problemlösung in der Forschung durch Ontologien (Bsp-Quellen)


==== GraphIT ====
{| class="mw-collapsible wikitable" style="margin:"auto"
<!-- Grundidee GraphIT -->
|-
* Abbildung von Wissen durch die Abhängkeiten von Lerninhalten untereinander
! colspan="2" | '''[https://test.graphit.ur.de/app/src/pages/tableEditor/ TableEditor]'''
* Möglichkeit durch dad verknüpfte Netze zentrale Punkte, Lernpfade, Strukturen, Wissensüberlappung, etc. abzubilden
|- style="color:gray"
* Graphstruktur ermöglicht...
| [[File:Table-Editor-Screenshot2.png|thumb|left|500px|Screenshot des Table Editors]]
-> ''BILD'' von einfachem Lernpfad (z.B.: Mathe)
| Ein eigenes Frontend, mit dem Items abhängig und unabhängig voneinander bearbeitet werden können. Statements (Property-Item-Paare) können zwischen Items erstellt, übertragen, kopiert und gelöscht werden.
|}


* Bearbeitung mehrerer Items gleichzeitig
* dedizierter Editor, um Verknüpfungen zwischen Items zu erstellen, zu ändern, und zu kopieren
* aktive Weiterentwicklung in Tandem mit Nutzung
==== ...für Studierende ====
Studierende können über ein User-Item eigene Verknüpfungen zu Items erstellen und damit Interessen, Vorkenntnisse oder Fortschritte dokumentieren.
{| class="mw-collapsible wikitable" style="margin:"auto"
|-
! colspan="2" | '''[[Item:Q157|User: Max Mustermann ]]'''
|- style="color:gray"
| [[File:Screeshot-User-Item.png|thumb|500px|center]]
| Screenshot eines User Items, mit dem Studierende mit dem Graphen interagieren können. Sichtbar sind zusätzlich Qualifier, die Properties weitere Informationen hinzufügen (z.B.: das Datum einer Markierung)
|}
&rarr; wieder kann die Graphstruktur abgefragt werden um diese Verbindungen sichtbar zu machen:
{| class="wikitable mw-collapsible" style="margin:"auto"
|-
! colspan="2" | '''[[Student_Use| Nutzer-Queries ]]'''
|- style="color:gray"
| [[File:Screenshot-UserPage-MaxMustermann.png|thumb|500px|center]]
| Screenshot einer Seite mit nutzerspezifischen Queries. Sie enthält einige beispielhafte Queries um Nutzenden dynamisch ihre Interaktion mit dem Graphen anzuzeigen.
|}
Um das Bearbeiten des Graphens zugänglicher, benutzerfreundlicher und übersichtlicher zu machen, wurde eine bearbeitbare Graphvisualisierung implementiert
{| class="wikitable mw-collapsible" style="margin:" auto"
|-
! colspan="2" | '''[https://test.graphit.ur.de/app/src/pages/selectionTools/ Graph Editor]'''
|- style="color:gray"
| [[File:Visual-Editor-screenshot.png|thumb|left|500px|Screenshot des Graph Editors]]
| Ein eigenes Frontend, mit dem der komplette Graph eines Kurses angezeigt wird. Hier können Items markiert ([[Property:P12|has completed]], [[Property:P23|interested in]]) und Lernpfade erkundet werden. Zusätzlich werden Informationen und Ressourcen zu Items angezeigt. Es sind verschiedene Selektionsmöglichkeiten vorhanden um das Editieren zu erleichtern und den Graphen zu erkunden.
|}
Aus den Markierungen von Studierenden kann man hilfreiche Abfragen erstellen.
{| class="wikitable" style="margin:" auto"
|-
! Eine Graph, der die Interessen und Vorkenntnisse von Studierenden anzeigt.
|-
|
{{#widget:SPARQLquery| code=
#defaultView:SwarmScatterChart
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
SELECT DISTINCT ?known ?interests ?itemLabel # ?known ?interests ?item ?itemLabel
WHERE {
  wd:Q1986 wdt:P14* ?item.
  OPTIONAL {
    SELECT ?item ?itemLabel (COUNT(DISTINCT ?student) as ?known) WHERE {
      ?student wdt:P25 wd:Q1986.
      ?student wdt:P12 ?item.
    } GROUP BY ?item ?itemLabel
  }
  OPTIONAL {
    SELECT ?item ?itemLabel (COUNT(DISTINCT ?student) as ?interests) WHERE {
      ?student wdt:P25 wd:Q1986.
      ?student wdt:P23 ?item.
    } GROUP BY ?item ?itemLabel
  }.
  BIND (IF(!BOUND(?interests), 0, ?interest) as ?interests).
  BIND (IF(!BOUND(?known), 0, ?known) as ?known).
  SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". }
} | height=25em
}}
|-
| colspan="2" | [https://tinyurl.com/2a68x2sh Query-Ergebnis]
|}
<small>(Die angezeigte Visualisierung wurde von uns für diese Abfrage erstellt und ist nicht Teil der normalen Wikibase-Visualisierungen)</small>
{{Note|type=info|text=Alle Daten können mit existierenden Tools [https://www.mediawiki.org/wiki/Wikibase/Importing importiert] und [https://www.mediawiki.org/wiki/Extension:Wikibase_Export exportiert] werden}}
==== ...zur Studiengangsplanung ====
{| class="mw-collapsible mw-collapsed wikitable"
! colspan="3" | '''Existierende Kurse'''
|-
| MMT 25 WS  (Multimedia Technology)
| [[Courses/MMT_25WS|Kursseite]]
| [[Item:Q1986|Kurs-Item]]
|-
| MMT 24 WS (Multimedia Technology)
| [[Courses/MMT_24WS|Kursseite]]
| [[Item:Q1330|Kurs-Item]]
|- style="color:gray"
| ASE 24 WS (Advanced Software Engineering)
| [[Courses/ASE_24WS|Kursseite]]
| [[Item:Q1022|Kurs-Item]]
|-
| CGBV 24SS (Computergrafik und Bildverarbeitung)
| [[Courses/CGBV_SS24|Kursseite]]
| [[Item:Q932|Kurs-Item]]
|- style="color:gray"
| WissArb 24SS (Wissenschaftliches Arbeiten)
| [[Courses/Wissenschaftliches_Arbeiten_SS24|Kursseite]]
| [[Item:Q926|Kurs-Item]]
|-
| WissArb 23WS (Wissenschaftliches Arbeiten)
| [[Courses/WissenschaftlichesArbeiten|Kursseite]]
| [[Item:Q468|Kurs-Item]]
|- style="color:gray"
| CGBV 23SS (Computergrafik und Bildverarbeitung)
| [[Courses/CGBV|Kursseite]]
| [[Item:Q171|Kurs-Item]]
|-
|}
'''Möglichkeit:'''
* Informationen möglichst zugänglich darstellen
* Aufzeigen von Interaktion von Kursen miteinander
** Lerninhalte werden in mehreren Lehrveranstaltungen besprochen
** Lerninhalte eines Kurses sind Voraussetzung für anderen
** Lernziele setzen und geziehlt Kurse besuchen
* Lehrplanung dokumentieren
{| class="wikitable"
! colspan="2" | Überlappende Lehrninhalte
|-
| style="width:70%" | {{#widget:SPARQLquery|code=
#defaultView:Graph
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
SELECT DISTINCT
?item ?itemLabel ?shape1 ?rgb1
?course1 ?course1Label ?shape2 ?rgb2
?course2 ?course2Label ?shape3 ?rgb3
WHERE {
  # List of courses to compare
  # VALUES ?course1 {wd:Q932 wd:1330 wd:Q1022}
  # VALUES ?course2 {wd:Q932 wd:Q1330 wd:Q1022}
  VALUES ?course1 {wd:Q932}
  VALUES ?course2 {wd:Q1022 wd:Q1330}
 
  # count number of items "included" in (a session of) both courses
  { SELECT ?course1 ?course1Label ?course2 ?course2Label ?item ?itemLabel WHERE {
    ?course1 wdt:P14 ?session1.
    ?session1 wdt:P3 wd:Q427; wdt:P14 ?item.
    ?course2 wdt:P14 ?session2.
    ?session2 wdt:P3 wd:Q427; wdt:P14 ?item.
  } }
 
  BIND ("text" as ?shape1)
  BIND (IF(?course2 = wd:Q1330, "DCCDE0", "e3ffd9") as ?rgb1)
  # BIND (IF(?course as ?rgb1)
 
  BIND ("circle" as ?shape2)
  BIND ("E0EFFF" as ?rgb2)
 
  BIND ("circle" as ?shape3)
  BIND (IF(?course2 = wd:Q1022, "FEFFC2", "F9DCDF") as ?rgb3)
 
  SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". }
} | height=30em
}}
| style="color:gray" | '''Lerninhalte''' die in mehreren Kursen angesprochen werden. Hier wird Wissen wiederholt, das Studierende möglicherweise bereits wissen.
<br>
Mithilfe des Graphen können diese Überlappungen erkundet werden. In Absprache mit Studierenden (zusätzlich über Graphmakerierungen von Vorkenntnissen/Interessen) kann dynamisch entschieden werden, ob diese Lerninhalte wiederholt oder übersprungen werden.
|-
| colspan="2" | [https://tinyurl.com/24aodakm Query-Ergebnis]
|}
{| class="wikitable"
! colspan="2" | Vorwissen aus anderen Kursen
|-
| style="width:70%" | {{#widget:SPARQLquery|code=
#defaultView:Graph
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
SELECT DISTINCT
?dependency1 ?dependency1Label ?rgb1 ?shape1
?course2 ?course2Label ?rgb3 ?shape3
?course1 ?course1Label ?rgb2 ?shape2
WHERE {
  # List of courses to compare
  BIND(wd:Q932 as ?course1)
  BIND(wd:Q1330 as ?course2)
 
  # get dependencies of course1 only in course2 (Vorwissen zu course1)
    ?course1 wdt:P14 ?session1.
    ?session1 wdt:P3 wd:Q427; wdt:P14 ?item1.
    ?item1 wdt:P1 ?dependency1.
    ?course2 wdt:P14 ?session2.
    ?session2 wdt:P3 wd:Q427; wdt:P14 ?dependency1.
    FILTER NOT EXISTS {
      ?dependency1 ^wdt:P14 ?session.
      ?session wdt:P3 wd:Q427.
      ?session ^wdt:P14 ?course1.
  }
 
  BIND ("DCB8A5" as ?rgb1)
  BIND ("box" as ?shape1)
  BIND ("DCB8A5" as ?rgb3)
  BIND ("circle" as ?shape3)
  BIND ("B4D691" as ?rgb2)
  BIND ("circle" as ?shape2)
  SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". }
} | height=30em
}}
| style="color:gray" | '''Lerninhalte''' die als Vorwissen (rot) für einen Kurs (grün) vorausgesetzt werden. Sie werden nicht mehr direkt in diesem Kurs angesprochen, aber Kursinhalte bauen auf ihnen auf.
|-
| colspan="2" | [https://tinyurl.com/2dx2g5ap Query-Ergebnis]
|}
'''Probleme:'''
* sehr große, unübersichtliche Datenstrukturen
* noch keine Versionierung
* Ambiguität von Lerninhalten (z.B.: unterschiedliche Definitionen/Verständnis von Lehrpersonal)
* ...
== Fazit ==
==== Aktueller Stand ====
* Testen des Konzepts zusätzlich zu verschiedenen Vorlesungen an der Universität Regensburg
** Dynamische Anpassung der Graphstruktur, wenn es sich Anforderungen ändern
** Aufbau des Datensatzes während Einsatz
* Validierung durch Bachelorarbeiten und formlosen Evaluationen:
** Entwicklung und Evaluation neuerartiger Selektionsmöglichkeiten
** Qualitative Usabilitystudie einer Graphvisualisierung
** formloses Feedback und Diskussionen
&rarr; Interesse von Studierenden und Lehrpersonal am Konzept
&rarr; inhärent komplizierte Datenstruktur
==== Offene Fragen ====
* Wie Datenvalidierung und -erweiterung schneller und übersichtlicher gestalten?
* Wie Dateninteraktion und Datenmenge zugänglicher zu machen?
* Andere sinnvolle Anwendungsbereiche?
* ...
Lust auf eine Kooperation? → [mailto:raphael.wimmer@ur.de raphael.wimmer@ur.de]
----
----
<!--
== Outline ==
== Outline ==
Für jeden Abschnitt/Link einen guten Screenshot verwenden
Für jeden Abschnitt/Link einen guten Screenshot verwenden
Line 54: Line 450:
## Viele offene Fragen -> Ziel ist auch, Fragen aufzuwerfen
## Viele offene Fragen -> Ziel ist auch, Fragen aufzuwerfen
## Was ist sinnvoll? Welche Fragen würde man damit beantworten?
## Was ist sinnvoll? Welche Fragen würde man damit beantworten?
-->

Latest revision as of 11:35, 10 September 2025

💡 Diese Seite dient primär als Materialsammlung für die Live-Demo von GraphIT auf der DELFI 2025. Sie können sie aber auch auf eigene Faust explorieren.


Überblick

A simple example graph about maths
  • GraphIT ist eine Plattform zur Arbeit mit Abhängigkeitsgraphen um Studiengänge, Kurse und den Fortschritt von Lernenden zu modellieren
  • GraphIT setzt auf WikiBase auf
  • wir entwickeln die Plattform explorativ seit 2022 (gleichzeitig testen und evaluieren)
  • wo notwendig entwickeln wir eigene Frontends und Interaktionsmöglichkeiten

Ausgangspunkt: Probleme beim Studiengangsdesign

  • aktuell one-size-fits-all Studiengänge, aber heterogene Vorkenntnisse und Ziele
  • Überarbeitung und Erstellung von Studiengängen dauert lange
  • Dozierende wissen oft nicht, was in anderen Kursen passiert

GraphIT

  • wir modellieren Wissen als Netzwerk von Lerninhalten und deren Abhängigkeiten
  • Themen bauen aufeinander auf ("B depends on A")
  • Reihe an Vorkenntnisse bildet Lernpfad
Begriffe/Definitionen in GraphIT
Item Ein Knoten, der mit anderen Knoten verlinkt wird. Z.b.: ein Lerninhalt oder eine Person
Property Eine Kante, die die Beziehung oder Abhängigkeiten verschiedener Items abbildet
Statements Item-Property-Item Verknüpfugen. Z.b.: Matrix Multiplication - depends on → Matrix
Qualifier Annotationen einer Kante


Ein Lernpfad zu einem Item (hier: Virtual Cameras)

Ein Item oder Lerninhalt baut darauf auf, dass man ein vorheriges Thema verstanden hat. Sie sind voneinander abhängig.


Daraus ergibt sich ein Lernpfad, dem man vom einfachsten zum schwersten Thema folgen kann, um das eigene Wissen allmählich zu erweitern. Beispielweise ist hier Points and Vectors das Grunditem, auf dem alle nächsten Themen aufbauen.

Query-Ergebnis

→ Items (Knoten) im Graph: Topic, User (Studierende oder Dozierende), Session, Course, Ressource, ... (kein rigides Schema!)

→ wir können durch Analyse des Graphen zentrale Themen, Lernpfade, Lücken und Überlappungen finden

→ Direkter Vorteil: dynamischeres Planen und Halten von Lehrveranstaltungen

Anwendung

...für Dozierende

Dozierende haben die Möglichkeit, Kurse zu erstellen, und ihnen (existierende) Lerninhalte zuweisen, die an einem bestimmten Termin besprochen werden. Dabei entsteht eine Graphstruktur, die genutzt werden kann um Strukturen aufzuzeigen, komplexe Abfragen zu stellen und Interaktionen zu tracken.

Item: MMT 25WS
Course-Item.png
Das Item zur Vorlesung "Multimedia Technology" im Wintersemester 25/26. Hier kann man die Datenstruktur sehen, die genutzt wird um einen Kurs auzubauen und benötigte Lerninhalte oder strukturelle Items zu verlinken.


Da GraphIT auf MediaWiki/WikiBase aufsetzt, können wir einfach eine Wiki-Seite für einen Kurs erstellen, auf der mithilfe von SPARQL-Queries Informationen zum Kurs visualisiert werden.

Kursseite: Multimedia Technology 25 WS
Wikibase-Widgets-Screenshot.png
Die Kursseite zur Vorlesung "Multimedia Technology" im Wintersemester 25/26. Hier kann man sehen, in welcher Art der Graph im Rahmen einer Lehrveranstaltung genutzt wird. Zum Beispiel werden SPARQL-Queries genutzt um einen Zeitplan oder zentrale Themen anzuzeigen.

Um Lerninhalte einzupflegen muss man einzelne Items miteinander verlinken. Jedem Item können zusätzliche Ressourcen angehängt werden, die Studierende selbständig bearbeiten oder explorieren können.

Hierzu kann man die jeweilige Wiki-Seite nutzen:

Item: RGB
Example-Item.png
Screenshot eines Items, das einen Lerninhalt darstellt. Andere Items können über Properties verlinkt werden, (z.B. Ressourcen oder Lernmaterialien zum jeweiligen Thema)

Items können auch als strukturierende Items genutzt werden, um beispielsweise eine Studienleistung oder ein Übungblatt zu repräsentieren

Quiz: Bresenham
Screenshot-Quiz.png
Screenshot eines Quiz-Items, das verschiedene Lerninhalte beinhaltet und auf ein einfaches Quiz verlinkt. Studierende können diese Items abhaken und damit ihre Fortschritt markieren.

Daraus ergibt sich ein wachsender Graph:

  • große Menge an Daten
  • komplizierte Strukturen
  • starke interne Vernetzung
  • Interaktion und Wartung ist umständlich
Query
Screenshot des Kurses "Multimedia Technology aus dem Wintersemester 24/25"
 Eine Query, die alle Items anzeigt, die in einer Session des Kurses "Multimedia Technology" aus dem Wintersemester 25/26 besprochen wurden. Items sind farblich so kodiert, dass verschiedene Überthemen voneinander unterschieden werden können.


→ DESWEGEN:

TableEditor
Screenshot des Table Editors
 Ein eigenes Frontend, mit dem Items abhängig und unabhängig voneinander bearbeitet werden können. Statements (Property-Item-Paare) können zwischen Items erstellt, übertragen, kopiert und gelöscht werden.
  • Bearbeitung mehrerer Items gleichzeitig
  • dedizierter Editor, um Verknüpfungen zwischen Items zu erstellen, zu ändern, und zu kopieren
  • aktive Weiterentwicklung in Tandem mit Nutzung

...für Studierende

Studierende können über ein User-Item eigene Verknüpfungen zu Items erstellen und damit Interessen, Vorkenntnisse oder Fortschritte dokumentieren.

User: Max Mustermann
Screeshot-User-Item.png
Screenshot eines User Items, mit dem Studierende mit dem Graphen interagieren können. Sichtbar sind zusätzlich Qualifier, die Properties weitere Informationen hinzufügen (z.B.: das Datum einer Markierung)

→ wieder kann die Graphstruktur abgefragt werden um diese Verbindungen sichtbar zu machen:

Nutzer-Queries
Screenshot-UserPage-MaxMustermann.png
Screenshot einer Seite mit nutzerspezifischen Queries. Sie enthält einige beispielhafte Queries um Nutzenden dynamisch ihre Interaktion mit dem Graphen anzuzeigen.


Um das Bearbeiten des Graphens zugänglicher, benutzerfreundlicher und übersichtlicher zu machen, wurde eine bearbeitbare Graphvisualisierung implementiert

Graph Editor
Screenshot des Graph Editors
 Ein eigenes Frontend, mit dem der komplette Graph eines Kurses angezeigt wird. Hier können Items markiert (has completed, interested in) und Lernpfade erkundet werden. Zusätzlich werden Informationen und Ressourcen zu Items angezeigt. Es sind verschiedene Selektionsmöglichkeiten vorhanden um das Editieren zu erleichtern und den Graphen zu erkunden.


Aus den Markierungen von Studierenden kann man hilfreiche Abfragen erstellen.

Eine Graph, der die Interessen und Vorkenntnisse von Studierenden anzeigt.

Query-Ergebnis

(Die angezeigte Visualisierung wurde von uns für diese Abfrage erstellt und ist nicht Teil der normalen Wikibase-Visualisierungen)


💡 Alle Daten können mit existierenden Tools importiert und exportiert werden


...zur Studiengangsplanung

Existierende Kurse
MMT 25 WS (Multimedia Technology) Kursseite Kurs-Item
MMT 24 WS (Multimedia Technology) Kursseite Kurs-Item
ASE 24 WS (Advanced Software Engineering) Kursseite Kurs-Item
CGBV 24SS (Computergrafik und Bildverarbeitung) Kursseite Kurs-Item
WissArb 24SS (Wissenschaftliches Arbeiten) Kursseite Kurs-Item
WissArb 23WS (Wissenschaftliches Arbeiten) Kursseite Kurs-Item
CGBV 23SS (Computergrafik und Bildverarbeitung) Kursseite Kurs-Item

Möglichkeit:

  • Informationen möglichst zugänglich darstellen
  • Aufzeigen von Interaktion von Kursen miteinander
    • Lerninhalte werden in mehreren Lehrveranstaltungen besprochen
    • Lerninhalte eines Kurses sind Voraussetzung für anderen
    • Lernziele setzen und geziehlt Kurse besuchen
  • Lehrplanung dokumentieren
Überlappende Lehrninhalte

Lerninhalte die in mehreren Kursen angesprochen werden. Hier wird Wissen wiederholt, das Studierende möglicherweise bereits wissen.


Mithilfe des Graphen können diese Überlappungen erkundet werden. In Absprache mit Studierenden (zusätzlich über Graphmakerierungen von Vorkenntnissen/Interessen) kann dynamisch entschieden werden, ob diese Lerninhalte wiederholt oder übersprungen werden.

Query-Ergebnis
Vorwissen aus anderen Kursen

Lerninhalte die als Vorwissen (rot) für einen Kurs (grün) vorausgesetzt werden. Sie werden nicht mehr direkt in diesem Kurs angesprochen, aber Kursinhalte bauen auf ihnen auf.
Query-Ergebnis

Probleme:

  • sehr große, unübersichtliche Datenstrukturen
  • noch keine Versionierung
  • Ambiguität von Lerninhalten (z.B.: unterschiedliche Definitionen/Verständnis von Lehrpersonal)
  • ...

Fazit

Aktueller Stand

  • Testen des Konzepts zusätzlich zu verschiedenen Vorlesungen an der Universität Regensburg
    • Dynamische Anpassung der Graphstruktur, wenn es sich Anforderungen ändern
    • Aufbau des Datensatzes während Einsatz
  • Validierung durch Bachelorarbeiten und formlosen Evaluationen:
    • Entwicklung und Evaluation neuerartiger Selektionsmöglichkeiten
    • Qualitative Usabilitystudie einer Graphvisualisierung
    • formloses Feedback und Diskussionen

→ Interesse von Studierenden und Lehrpersonal am Konzept

→ inhärent komplizierte Datenstruktur

Offene Fragen

  • Wie Datenvalidierung und -erweiterung schneller und übersichtlicher gestalten?
  • Wie Dateninteraktion und Datenmenge zugänglicher zu machen?
  • Andere sinnvolle Anwendungsbereiche?
  • ...


Lust auf eine Kooperation? → raphael.wimmer@ur.de


Retrieved from "https://graphit.ur.de/w/index.php?title=Demo_2025&oldid=16852"