Fabian at 09:49, 18 August 2026

2026-08-18T09:49:17Z

← Older revision		Revision as of 09:49, 18 August 2026
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.}}		{{Note\|type=info\|text=Diese Seite dient primär als Materialsammlung für die Live-Demo von GraphIT auf der MuC 2026. Sie können sie aber auch auf eigene Faust explorieren.}}


Line 14:		Line 14:
	* Überarbeitung und Erstellung von Studiengängen dauert lange		* Überarbeitung und Erstellung von Studiengängen dauert lange
	* Dozierende wissen oft nicht, was in anderen Kursen passiert		* Dozierende wissen oft nicht, was in anderen Kursen passiert
			* Vorkenntnisse und Interessen der Studierenden sind nicht bekannt

	==== GraphIT ====		==== GraphIT ====
Line 387:		Line 388:
	* noch keine Versionierung		* noch keine Versionierung
	* Ambiguität von Lerninhalten (z.B.: unterschiedliche Definitionen/Verständnis von Lehrpersonal)		* Ambiguität von Lerninhalten (z.B.: unterschiedliche Definitionen/Verständnis von Lehrpersonal)
	* ~~...~~		* Kein intuitives Frontend vorhanden -> Hürde für den Einstieg noch zu hoch
			* Zu versiert auf die HCI/ Medieninformatik


	== Fazit ==		== Fazit ==
Line 395:		Line 398:
	** Dynamische Anpassung der Graphstruktur, wenn es sich Anforderungen ändern		** Dynamische Anpassung der Graphstruktur, wenn es sich Anforderungen ändern
	** Aufbau des Datensatzes während Einsatz		** Aufbau des Datensatzes während Einsatz
	* ~~Validierung durch Bachelorarbeiten und formlosen Evaluationen:~~		* Durchführung von einer Anforderungsanalyse für neue Frontends
	** ~~Entwicklung und Evaluation neuerartiger Selektionsmöglichkeiten~~		** LoFi- Prototyping
	** ~~Qualitative Usabilitystudie einer Graphvisualisierung~~		** Stakeholder Interviews mit verschiedensten Studiengängen
	** ~~formloses Feedback und Diskussionen~~		** Iterative Anpassung des Prototypen an die Ergebnisse der Interviews

	→ Interesse von Studierenden und Lehrpersonal ~~am Konzept~~		→ Interesse von Studierenden und Lehrpersonal aus verschiedensten Fachrichtungen

	→ inhärent komplizierte Datenstruktur		→ inhärent komplizierte Datenstruktur
Line 408:		Line 411:
	* Wie Dateninteraktion und Datenmenge zugänglicher zu machen?		* Wie Dateninteraktion und Datenmenge zugänglicher zu machen?
	* Andere sinnvolle Anwendungsbereiche?		* Andere sinnvolle Anwendungsbereiche?
	* ~~...~~		*

Fabian: Created page with "{{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 == 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 a..."

2026-08-18T09:32:04Z

Created page with "{{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 == thumb|right|350px|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 a..."

New page

{{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 ==
[[File:Math-example.png|thumb|right|350px|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

{| 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 → 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]
|}

→ 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.

{| 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.
|}

'''→ DESWEGEN:'''

{| class="mw-collapsible wikitable" style="margin:"auto"
|-
! colspan="2" | '''[https://test.graphit.ur.de/app/src/pages/tableEditor/ TableEditor]'''
|- style="color:gray"
| [[File:Table-Editor-Screenshot2.png|thumb|left|500px|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.

{| 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)
|}

→ 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

→ 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? → [mailto:raphael.wimmer@ur.de raphael.wimmer@ur.de]
----

Demo 2026 - Revision history

Fabian at 09:49, 18 August 2026