Quick Overview: Difference between revisions

(created page (as test?))
 
(→‎Overview of Student: update query (-username edgeLabel))
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
?? LINKS TO ALL interesting pages ??
__NOTOC__


= The Dependency Graph =
= The Dependency Graph =
At the lowest level the graph is structured by linking learning contents to its prerequisite(s) and useful resources. A student can now use these links to determine how items depend on each other, and what knowledge is required to understand a specific item.
At the lowest level the graph is structured by '''linking learning contents to its prerequisite(s)''' and useful resources. A student can now use these links to determine how items depend on each other, and what knowledge is required to understand a specific item.
[[Graph-simple.png]]
[[File:Graph-simple.png|center|800px|The dependencies between items]]


In the end the graph turns into a big interconnected structure.


TODO: widget: full graph
In the end the graph turns into a big interconnected structure:
{{Special:RunQuery/FullGraph}}


In order to make this amount of data useable several "Structure-Items" have been defined to help group items into abstract categories, such courses.
----


For a more detailed explanation of the entire underlying structure got to [[GraphStructure]].
In order to make this amount of data useable, several ''Structure-Items'' have been defined to help group items into abstract categories.
 
For a more '''detailed explanation''' of the entire underlying structure go to [[GraphStructure]] or take a quick look at these following diagrams:
<gallery>
File:Graph-structure.png | The base structure
File:Graph-structure-Course.png | Connection of courses
File:Graph-simple.png | Dependencies and use
</gallery>


= Using the Graph =
= Using the Graph =
The graph itself is more a database, than a tool. In order to make it usable several ideas have been devised and implemented. Here's a quick example of what is possible on site.
The graph itself is just a versatile data structure. In order to make it usable, we are developing tools and visualizations. The SPARQL query language offered by WikiBase allows for retrieving relevant parts of the graph and visualizing it in different ways.  
 
''Hint:'' On each interactive visualization on this page, you can click on the "GraphIT Query Service" link in the lower left corner. This opens a new tab which shows you the SPARQL query and allows you to modify it.
 
== Timeline of Course Sessions ==
 
This visualization shows all sessions of the course "Computer Graphics and Image Processing" and the topics they covered in a timeline.
 
{{#widget:SPARQLquery|code=
#defaultView:Timeline
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
select distinct ?item ?itemLabel ?date ?image #?dependency ?dependencyLabel
where {
 
  ?session wdt:P14 ?item.
  MINUS {?item wdt:P20 ?url.}
  MINUS {?session wdt:P3 wd:Q162.}
  # OPTIONAL {?item wdt:P1 ?dependency.}
  OPTIONAL {?item wdt:P11 ?image.}
  ?session wdt:P19 ?date.
 
  service wikibase:label { bd:serviceParam wikibase:language "en".}
}
}}
 
== Overview of Student ==
Shows what items a Student is has linked their item to. Can be used to track progress.
{{#widget:SPARQLquery|code=
#defaultView:Graph
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
 
SELECT ?item1 ?image ?item1Label ?item2 ?image2 ?item2Label ?edgeLabel ?rgb WHERE {
  VALUES ?item1 {wd:Q157}
 
  ?item1 ?prop ?item2.
  ?edge ?dummy ?prop ; rdf:type wikibase:Property.
 
  # Minus username in edgeLabel
  FILTER (?prop != wdt:P28)
 
  # Color Coding:
    bind (if(?prop = wdt:P25, "e8fcff", # participates in (blue)  f3fdff
          if(?prop = wdt:P12, "e3ffd9", # has completed (green)
          if(?prop = wdt:P23, "ffeec2", # interested in (orange)
      "FFFFFF" ))) as ?rgb).
 
SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". }
} ORDER BY ?prop
}}
 
== Learning path ==
The complete path to an item (here: [[Item:Q149|Virtual Cameras]]) and what's next.
{{#widget:SPARQLquery|code=
#defaultView:Graph
# prerequisite -> topic -> postrequisite
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
SELECT distinct ?v ?vLabel ?rgb ?link ?linkLabel
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).
  }
  }


  SERVICE wikibase:label { bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". }
}
} |caption=The learning path to an item, showing its pre- and postrequisites
}}


'''TODO: Use Example Student to explain use of graph'''
== Course Work ==
What items are used in a mandatory coursework:
{{Learnpath|quiz=wd:Q451}}

Latest revision as of 15:59, 9 November 2023


The Dependency Graph

At the lowest level the graph is structured by linking learning contents to its prerequisite(s) and useful resources. A student can now use these links to determine how items depend on each other, and what knowledge is required to understand a specific item.

The dependencies between items


In the end the graph turns into a big interconnected structure:



In order to make this amount of data useable, several Structure-Items have been defined to help group items into abstract categories.

For a more detailed explanation of the entire underlying structure go to GraphStructure or take a quick look at these following diagrams:

Using the Graph

The graph itself is just a versatile data structure. In order to make it usable, we are developing tools and visualizations. The SPARQL query language offered by WikiBase allows for retrieving relevant parts of the graph and visualizing it in different ways.

Hint: On each interactive visualization on this page, you can click on the "GraphIT Query Service" link in the lower left corner. This opens a new tab which shows you the SPARQL query and allows you to modify it.

Timeline of Course Sessions

This visualization shows all sessions of the course "Computer Graphics and Image Processing" and the topics they covered in a timeline.

Overview of Student

Shows what items a Student is has linked their item to. Can be used to track progress.

Learning path

The complete path to an item (here: Virtual Cameras) and what's next.

The learning path to an item, showing its pre- and postrequisites

Course Work

What items are used in a mandatory coursework:

The learning path to wd:Q451