Courses/HCI 26SS: Difference between revisions

(copied from MMT)
 
 
(18 intermediate revisions by 2 users not shown)
Line 6: Line 6:
<!-- Links to important/official resources -->
<!-- Links to important/official resources -->
<div style="width:40em; padding-bottom: 7px; background-color:#fff2e5; border: solid 2px #ffcc99">
<div style="width:40em; padding-bottom: 7px; background-color:#fff2e5; border: solid 2px #ffcc99">
* GraphIT-Item für den Kurs: [[Item:Q1986]]
* GraphIT-Item für den Kurs: [[Item:Q2943]]
* Kurs in [https://elearning.uni-regensburg.de/course/view.php?id=72368 GRIPS]
* Kurs in [https://elearning.uni-regensburg.de/course/view.php?id=75076 GRIPS]
* Kurs im Vorlesungsverzeichnis: [https://spur.uni-regensburg.de:443/qisserver/pages/startFlow.xhtml?_flowId=detailView-flow&unitId=22974&periodId=549&navigationPosition=examEventOverviewOwn Vorlesung] / [https://spur.uni-regensburg.de:443/qisserver/pages/startFlow.xhtml?_flowId=detailView-flow&unitId=22975&periodId=549&navigationPosition=hisinoneLehrorganisation,examEventOverviewOwn Übung]
* Kurs im Vorlesungsverzeichnis: [https://spur.uni-regensburg.de/qisserver/pages/startFlow.xhtml?_flowId=detailView-flow&_flowExecutionKey=e2s1 Vorlesung] / [https://spur.uni-regensburg.de/qisserver/pages/startFlow.xhtml?_flowId=detailView-flow&_flowExecutionKey=e3s1 Übung]
</div>
</div>


== Overview ==
== Overview ==
Der Kurs dient als Einführung in verschiedene Multimedia-Grundkonzepte
Die Vorlesung ''Grundlagen Human Computer Interaction'' vermittelt Basiswissen zu den folgenden Schwerpunktthemen:


Besprochen werden Grundlagen der Optik, Fotografie/Film, Audio und Farben, sowie Computergrafik, 3D-Modellierung und Interaktionstechniken.
* Grundlagen der menschlichen Wahrnehmung
* Handlungssteuerung
* Interaktionsformen und -techniken
* Ein- und Ausgabegeräte
* Gestaltung von Benutzerschnittstellen<!-- Floated Table that contains the big topics of the course note(32.5em)-->


<!-- Floated Table that contains the big topics of the course note(32.5em)-->
{| class="wikitable" style="float:right; width:25em; margin-left:5px"
{| class="wikitable" style="float:right; width:25em; margin-left:5px"
! '''Wichtige Themen'''
! '''Wichtige Themen'''
Line 30: Line 33:
   SELECT ?category ?categoryLabel (COUNT(DISTINCT ?item) as ?items) WHERE {
   SELECT ?category ?categoryLabel (COUNT(DISTINCT ?item) as ?items) WHERE {
     # get items only from course sessions
     # get items only from course sessions
     wd:Q1986 wdt:P14 ?session.
     wd:Q2943 wdt:P14 ?session.
     ?session wdt:P3 wd:Q427.
     ?session wdt:P3 wd:Q427.
     ?session wdt:P14 ?item.
     ?session wdt:P14 ?item.
Line 53: Line 56:




Zur Klausur wird zugelassen, wer die semesterübergreifende Projektarbeit während der Übungen erfolgreich absolviert. Erwartet wird dazu auch eine aktive Mitarbeit in den Übungsstunden.
Um zur Klausur zugelassen zu werden, müssen Sie für alle Übungsblätter (Studienleistung) eine akzeptable Lösung abgeben, d.h. mindestens 75% der Punkte bei jedem Übungsblatt erreichen. Sie haben einen "Freischuss", d.h. Sie dürfen maximal ein Blatt nicht abgeben oder nicht bestehen.
 
Für Studierende des Studienganges Informatik (B.Sc.) ist die Abgabe der Übungsblätter freiwillig.
 




<blockquote>
<blockquote>
<!-- Für einen (großen) Graphen, der den gesamten Kurs zeigt [https://tinyurl.com/22quwqf4 hier] klicken. -->
<!-- Für einen (großen) Graphen, der den gesamten Kurs zeigt [https://query.graphit.ur.de/embed.html#%23defaultView%3AGraph%0APREFIX%20wd%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fentity%2F%3E%0APREFIX%20wdt%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fprop%2Fdirect%2F%3E%0ASELECT%20DISTINCT%20%23%3Fcategory%20%3FcategoryLabel%0A%3Fitem%20%3FitemLabel%20%3Frgb1%0A%3Fdependency%20%3FdependencyLabel%20%3Frgb2%0AWHERE%20%7B%20%20%0A%20%20wd%3AQ2943%20wdt%3AP14%20%3Fsession.%0A%20%20%3Fsession%20wdt%3AP3%20wd%3AQ427.%0A%20%20%3Fsession%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20OPTIONAL%7B%3Fitem%20wdt%3AP1%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%3Fsession%20wdt%3AP14%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%0A%20%20%3Fcategory%20wdt%3AP3%20wd%3AQ169.%0A%20%20%3Fcategory%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20bind%20%28if%28%3Fcategory%20%3D%20wd%3AQ2946%2C%20%22e8fcff%22%2C%20%23%20%28blue%29%20%20f3fdff%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2952%20%2C%20%22e3ffd9%22%2C%20%23%20%28green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2962%20%2C%20%22ffeec2%22%2C%20%23%20%28orange%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ11%20%2C%20%22f4eff5%22%2C%20%23%20%28purple%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3156%20%2C%20%22F9DCDF%22%2C%20%23%20%28pink%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2998%20%2C%20%22E7DEDA%22%2C%20%23%20%28brown%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2958%20%2C%20%20%22ECEDFF%22%2C%20%23%20%28lavender%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2954%20%2C%20%20%22FEFFC2%22%2C%20%23%20%28yellow%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3057%20%2C%20%20%22F1FFCE%22%2C%20%23%20%28light%20green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2949%20%2C%20%20%22D8FDE0%22%2C%20%23%20%28green%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3022%20%2C%20%20%22e8fcff%22%2C%20%23%20%28blue2%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2960%20%2C%20%20%22DCB8A5%22%2C%20%23%20%28brownred%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2981%20%2C%20%20%22C8C79B%22%2C%20%23%20%28beige%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2965%20%2C%20%20%22F0A8AF%22%2C%20%23%20%28red%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2276%20%2C%20%20%22e6e6e6%22%2C%20%23%20%28gray%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3080%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28blue%20gray%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2987%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28orange2%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3040%2C%20%22CCCCDB%22%2C%20%23%20%28purple%20gray%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3037%2C%20%20%22E8F5E9%22%2C%20%23%20%28mint%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3082%20%2C%20%20%22FFF0E6%22%2C%20%23%20%28peach%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3009%20%2C%20%20%22EDE7F6%22%2C%20%23%20%28violet%20mist%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2985%20%2C%20%20%22E0F7FA%22%2C%20%23%20%28aqua%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3228%20%2C%20%20%22FFF9E6%22%2C%20%23%20%28cream%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3029%20%2C%20%20%22FCE4EC%22%2C%20%23%20%28rose%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3068%20%2C%20%20%22E8EAF6%22%2C%20%23%20%28periwinkle%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ697%20%2C%20%20%22F1F8E9%22%2C%20%23%20%28light%20frost%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2956%2C%20%22FFF3E0%22%2C%20%23%20%28apricot%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2991%20%2C%20%22E3F2FD%22%20%2C%20%23%20%28skyblue%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3031%20%2C%20%22F9FBE7%22%20%2C%20%23%20%28pear%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2969%20%2C%20%22E8F0E9%22%20%2C%20%23%20%28sage%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2996%20%2C%20%22FDECEA%22%20%2C%20%23%20%28blush%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2573%20%2C%20%22E0EEE8%22%20%2C%20%23%20%28seafoam%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2983%20%2C%20%22F3E5F5%22%20%2C%20%23%20%28orchid%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1525%20%2C%20%22FFF8E1%22%20%2C%20%23%20%28honey%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2978%20%2C%20%22F3E5F5%22%20%2C%20%23%20%28steel%20mist%29%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%22FFFFFF%22%20%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%20as%20%3Frgb1%29.%0A%20%20%0A%20%20SERVICE%20wikibase%3Alabel%20%7B%20bd%3AserviceParam%20wikibase%3Alanguage%20%22%5BAUTO_LANGUAGE%5D%2Cen%22.%20%7D%0A%7D%20%23%20LIMIT%20200 hier] klicken. -->
Für einen (großen) Graphen, der den gesamten Kurs zeigt [https://query.graphit.ur.de/index.html#%23defaultView%3AGraph%0APREFIX%20wd%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fentity%2F%3E%0APREFIX%20wdt%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fprop%2Fdirect%2F%3E%0ASELECT%20DISTINCT%20%23%3Fcategory%20%3FcategoryLabel%0A%3Fitem%20%3FitemLabel%20%3Frgb1%0A%3Fdependency%20%3FdependencyLabel%20%3Frgb2%0AWHERE%20%7B%20%20%0A%20%20wd%3AQ1986%20wdt%3AP14%20%3Fsession.%0A%20%20%3Fsession%20wdt%3AP3%20wd%3AQ427.%0A%20%20%3Fsession%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20OPTIONAL%7B%3Fitem%20wdt%3AP1%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%3Fsession%20wdt%3AP14%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%0A%20%20%3Fcategory%20wdt%3AP3%20wd%3AQ169.%0A%20%20%3Fcategory%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20bind%20%28if%28%3Fcategory%20%3D%20wd%3AQ1363%2C%20%22e8fcff%22%2C%20%23%20%28blue%29%20%20f3fdff%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3%20%2C%20%22e3ffd9%22%2C%20%23%20%28green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ11%20%2C%20%22ffeec2%22%2C%20%23%20%28orange%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ8%20%2C%20%22f4eff5%22%2C%20%23%20%28purple%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1394%20%2C%20%22F9DCDF%22%2C%20%23%20%28pink%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1437%20%2C%20%22E7DEDA%22%2C%20%23%20%28brown%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ9%20%2C%20%20%22ECEDFF%22%2C%20%23%20%28lavender%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ12%20%2C%20%20%22FEFFC2%22%2C%20%23%20%28yellow%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1%20%2C%20%20%22F1FFCE%22%2C%20%23%20%28light%20green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1525%20%2C%20%20%22D8FDE0%22%2C%20%23%20%28green%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2%20%2C%20%20%22e8fcff%22%2C%20%23%20%28blue2%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ873%20%2C%20%20%22DCB8A5%22%2C%20%23%20%28brownred%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1617%20%2C%20%20%22C8C79B%22%2C%20%23%20%28beige%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1625%20%2C%20%20%22F0A8AF%22%2C%20%23%20%28red%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1705%20%2C%20%20%22e6e6e6%22%2C%20%23%20%28gray%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ6%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28blue%20gray%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ10%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28orange2%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1881%2C%20%22CCCCDB%22%2C%20%23%20%28purple%20gray%29%20%0A%20%20%20%20%20%20%20%22FFFFFF%22%20%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%20as%20%3Frgb1%29.%0A%20%20%0A%20%20SERVICE%20wikibase%3Alabel%20%7B%20bd%3AserviceParam%20wikibase%3Alanguage%20%22%5BAUTO_LANGUAGE%5D%2Cen%22.%20%7D%0A%7D%20%23%20LIMIT%20200 hier] klicken und ausführen.
Für einen (großen) Graphen, der den gesamten Kurs zeigt [https://query.graphit.ur.de/embed.html#%23defaultView%3AGraph%0APREFIX%20wd%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fentity%2F%3E%0APREFIX%20wdt%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fprop%2Fdirect%2F%3E%0ASELECT%20DISTINCT%20%23%3Fcategory%20%3FcategoryLabel%0A%3Fitem%20%3FitemLabel%20%3Frgb1%0A%3Fdependency%20%3FdependencyLabel%20%3Frgb2%0AWHERE%20%7B%20%20%0A%20%20wd%3AQ2943%20wdt%3AP14%20%3Fsession.%0A%20%20%3Fsession%20wdt%3AP3%20wd%3AQ427.%0A%20%20%3Fsession%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20OPTIONAL%7B%3Fitem%20wdt%3AP1%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%3Fsession%20wdt%3AP14%20%3Fdependency.%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%0A%20%20%3Fcategory%20wdt%3AP3%20wd%3AQ169.%0A%20%20%3Fcategory%20wdt%3AP14%20%3Fitem.%0A%20%20%0A%20%20bind%20%28if%28%3Fcategory%20%3D%20wd%3AQ2946%2C%20%22e8fcff%22%2C%20%23%20%28blue%29%20%20f3fdff%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2952%20%2C%20%22e3ffd9%22%2C%20%23%20%28green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2962%20%2C%20%22ffeec2%22%2C%20%23%20%28orange%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ11%20%2C%20%22f4eff5%22%2C%20%23%20%28purple%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3156%20%2C%20%22F9DCDF%22%2C%20%23%20%28pink%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2998%20%2C%20%22E7DEDA%22%2C%20%23%20%28brown%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2958%20%2C%20%20%22ECEDFF%22%2C%20%23%20%28lavender%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2954%20%2C%20%20%22FEFFC2%22%2C%20%23%20%28yellow%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3057%20%2C%20%20%22F1FFCE%22%2C%20%23%20%28light%20green%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2949%20%2C%20%20%22D8FDE0%22%2C%20%23%20%28green%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3022%20%2C%20%20%22e8fcff%22%2C%20%23%20%28blue2%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2960%20%2C%20%20%22DCB8A5%22%2C%20%23%20%28brownred%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2981%20%2C%20%20%22C8C79B%22%2C%20%23%20%28beige%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2965%20%2C%20%20%22F0A8AF%22%2C%20%23%20%28red%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2276%20%2C%20%20%22e6e6e6%22%2C%20%23%20%28gray%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3080%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28blue%20gray%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2987%20%2C%20%20%22D0E1E6%22%2C%20%23%20%28orange2%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3040%2C%20%22CCCCDB%22%2C%20%23%20%28purple%20gray%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3037%2C%20%20%22E8F5E9%22%2C%20%23%20%28mint%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3082%20%2C%20%20%22FFF0E6%22%2C%20%23%20%28peach%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3009%20%2C%20%20%22EDE7F6%22%2C%20%23%20%28violet%20mist%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2985%20%2C%20%20%22E0F7FA%22%2C%20%23%20%28aqua%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3228%20%2C%20%20%22FFF9E6%22%2C%20%23%20%28cream%29%20%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3029%20%2C%20%20%22FCE4EC%22%2C%20%23%20%28rose%29%20%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3068%20%2C%20%20%22E8EAF6%22%2C%20%23%20%28periwinkle%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ697%20%2C%20%20%22F1F8E9%22%2C%20%23%20%28light%20frost%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2956%2C%20%22FFF3E0%22%2C%20%23%20%28apricot%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2991%20%2C%20%22E3F2FD%22%20%2C%20%23%20%28skyblue%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ3031%20%2C%20%22F9FBE7%22%20%2C%20%23%20%28pear%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2969%20%2C%20%22E8F0E9%22%20%2C%20%23%20%28sage%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2996%20%2C%20%22FDECEA%22%20%2C%20%23%20%28blush%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2573%20%2C%20%22E0EEE8%22%20%2C%20%23%20%28seafoam%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2983%20%2C%20%22F3E5F5%22%20%2C%20%23%20%28orchid%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ1525%20%2C%20%22FFF8E1%22%20%2C%20%23%20%28honey%29%0A%20%20%20%20%20%20%20%20%20%20if%28%3Fcategory%20%3D%20wd%3AQ2978%20%2C%20%22F3E5F5%22%20%2C%20%23%20%28steel%20mist%29%0A%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%22FFFFFF%22%20%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%29%20as%20%3Frgb1%29.%0A%20%20%0A%20%20SERVICE%20wikibase%3Alabel%20%7B%20bd%3AserviceParam%20wikibase%3Alanguage%20%22%5BAUTO_LANGUAGE%5D%2Cen%22.%20%7D%0A%7D%20%23%20LIMIT%20200 hier] klicken und ausführen.
</blockquote>
</blockquote>


Line 77: Line 83:
where {
where {
   # get all items that are included in sessions (as some categories include more items)
   # get all items that are included in sessions (as some categories include more items)
   wd:Q1986 wdt:P14 ?session.
   wd:Q2943 wdt:P14 ?session.
   ?session wdt:P3 wd:Q427.
   ?session wdt:P3 wd:Q427.
    
    
   ?session wdt:P14 ?item.
   ?session wdt:P14 ?item.
   ?item wdt:P1 ?Vorwissen. # get the prerequsites
   ?item wdt:P1 ?Vorwissen. # get the prerequsites
   MINUS { wd:Q1986 wdt:P14/wdt:P14 ?Vorwissen. } # filter out all prereqs that are included in the course
   MINUS { wd:Q2943 wdt:P14/wdt:P14 ?Vorwissen. } # filter out all prereqs that are included in the course
   
   
   service wikibase:label { bd:serviceParam wikibase:language "en".}
   service wikibase:label { bd:serviceParam wikibase:language "en".}
Line 97: Line 103:
SELECT DISTINCT ?ZielLabel ?Ziel
SELECT DISTINCT ?ZielLabel ?Ziel
where {
where {
   wd:Q1986 wdt:P36 ?Ziel.
   wd:Q2943 wdt:P36 ?Ziel.
   service wikibase:label { bd:serviceParam wikibase:language "en".}
   service wikibase:label { bd:serviceParam wikibase:language "en".}
} LIMIT 20
} LIMIT 20
Line 113: Line 119:
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wd: <https://graphit.ur.de/entity/>
select distinct ?Datum ?Session ?SessionLabel # ?Inhalte ?InhalteLabel
select distinct ?Datum ?Lecture ?LectureLabel # ?Inhalte ?InhalteLabel
where {
where {
   wd:Q1986 wdt:P14 ?Session.
   wd:Q2943 wdt:P14 ?Lecture.
   ?Session wdt:P3 wd:Q427.  
   ?Lecture wdt:P3 wd:Q421.  
   ?Session wdt:P19 ?Datum.  
   ?Lecture wdt:P19 ?Datum.  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
 
      
  # Get the amount of eng alias found for an item
  {SELECT ?Session (COUNT(?alias) AS ?aliasCount) WHERE {
     ?Session skos:altLabel ?alias.
    FILTER (LANG(?alias) = "en").
  } GROUP BY ?Session
  }
 
  # re-get the alias as ?SessionLabel (for the links)
  ?Session skos:altLabel ?SessionLabel.
  FILTER (LANG(?SessionLabel) = "de").
 
  # Filter out all descriptive alias (aka. don't use a "[Course] - 01a"-type label)
  OPTIONAL {
    ?Session skos:altLabel ?alt.
    FILTER (!regex(?alt, "MMT", "i"))
    FILTER (LANG(?alt) = "en")  # Ensure the alias is in English
  } # and save them in a different var
 
  # Default to the normal alias, but use the descriptiv one if it exists
  BIND(IF (?aliasCount > 1, ?alt, ?alias) as ?SessionLabel)
 
   service wikibase:label { bd:serviceParam wikibase:language "en".}
   service wikibase:label { bd:serviceParam wikibase:language "en".}
} ORDER BY DESC(?SessionLabel)
}  
LIMIT 50
LIMIT 50
| height=64em
| height=64em
Line 155: Line 140:
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wd: <https://graphit.ur.de/entity/>
select distinct ?Datum ?Session ?SessionLabel # ?Inhalte ?InhalteLabel
select distinct ?Datum ?Lecture ?LectureLabel # ?Inhalte ?InhalteLabel
where {
where {
   wd:Q1986 wdt:P14 ?Session.
   wd:Q2943 wdt:P14 ?Lecture.
   ?Session wdt:P3 wd:Q427.  
   ?Lecture wdt:P3 wd:Q421.  
   ?Session wdt:P19 ?Datum.  
   ?Lecture wdt:P19 ?Datum.  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
 
      
  # Get the amount of eng alias found for an item
  {SELECT ?Session (COUNT(?alias) AS ?aliasCount) WHERE {
     ?Session skos:altLabel ?alias.
    FILTER (LANG(?alias) = "en").
  } GROUP BY ?Session
  }
 
  # re-get the alias as ?SessionLabel (for the links)
  ?Session skos:altLabel ?SessionLabel.
  FILTER (LANG(?SessionLabel) = "de").
  FILTER (!contains(str(?SessionLabel), "Ü:")). # nur VL
 
  # Filter out all descriptive alias (aka. don't use a "[Course] - 01a"-type label)
  OPTIONAL {
    ?Session skos:altLabel ?alt.
    FILTER (!regex(?alt, "MMT", "i"))
    FILTER (LANG(?alt) = "en")  # Ensure the alias is in English
  } # and save them in a different var
 
  # Default to the normal alias, but use the descriptiv one if it exists
  BIND(IF (?aliasCount > 1, ?alt, ?alias) as ?SessionLabel)
 
   service wikibase:label { bd:serviceParam wikibase:language "en".}
   service wikibase:label { bd:serviceParam wikibase:language "en".}
} ORDER BY DESC(?SessionLabel)
}  
LIMIT 50
LIMIT 50
|height=35em
|height=35em
Line 198: Line 161:
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
PREFIX wd: <https://graphit.ur.de/entity/>
select distinct ?Datum ?Session ?SessionLabel # ?Inhalte ?InhalteLabel
select distinct ?Datum ?Lab ?LabLabel # ?Inhalte ?InhalteLabel
where {
where {
   wd:Q1986 wdt:P14 ?Session.
   wd:Q2943 wdt:P14 ?Lab.
   ?Session wdt:P3 wd:Q427.  
   ?Lab wdt:P3 wd:Q2939.  
   ?Session wdt:P19 ?Datum.  
   ?Lab wdt:P19 ?Datum.  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
   # OPTIONAL {?Session wdt:P14 ?Inhalte.}  
 
      
  # Get the amount of eng alias found for an item
  {SELECT ?Session (COUNT(?alias) AS ?aliasCount) WHERE {
     ?Session skos:altLabel ?alias.
    FILTER (LANG(?alias) = "en").
  } GROUP BY ?Session
  }
 
  # re-get the alias as ?SessionLabel (for the links)
  ?Session skos:altLabel ?SessionLabel.
  FILTER (LANG(?SessionLabel) = "de").
  FILTER (contains(str(?SessionLabel), "Ü:")). # nur Übungen
 
  # Filter out all descriptive alias (aka. don't use a "[Course] - 01a"-type label)
  OPTIONAL {
    ?Session skos:altLabel ?alt.
    FILTER (!regex(?alt, "MMT", "i"))
    FILTER (LANG(?alt) = "en")  # Ensure the alias is in English
  } # and save them in a different var
 
  # Default to the normal alias, but use the descriptiv one if it exists
  BIND(IF (?aliasCount > 1, ?alt, ?alias) as ?SessionLabel)
    
    
   service wikibase:label { bd:serviceParam wikibase:language "en".}
   service wikibase:label { bd:serviceParam wikibase:language "en".}
} ORDER BY DESC(?SessionLabel)
}
LIMIT 50
LIMIT 50
| height=35em
| height=35em
Line 235: Line 177:
</div>
</div>


{{Note|type=info|text=[https://tinyurl.com/2b734b8r Query], die anzeigt, wie viele Items jede Session enthält}}
{{Note|type=info|text=[https://query.graphit.ur.de/embed.html#%23defaultView%3ATable%0A%23title%3ANumber%20of%20Items%20in%20Sessions%0APREFIX%20wd%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fentity%2F%3E%0APREFIX%20wdt%3A%20%3Chttps%3A%2F%2Fgraphit.ur.de%2Fprop%2Fdirect%2F%3E%0A%0ASELECT%20DISTINCT%20%3Fsession%20%3FsessionLabel%20%3Fitems%20%20%0AWHERE%20%7B%0A%20%20wd%3AQ2943%20wdt%3AP14%20%3Fsession.%0A%20%20%3Fsession%20wdt%3AP3%20wd%3AQ427.%0A%20%20%3Fsession%20wdt%3AP19%20%3Fdate%0A%20%20%0A%0A%20OPTIONAL%20%0A%20%7B%20%7B%20SELECT%20%3Fsession%20%3FsessionLabel%20%28COUNT%28DISTINCT%20%3Fitem%29%20as%20%3Fitems%29%20WHERE%20%7B%0A%20%20%20%20%20%20%3Fsession%20wdt%3AP14%20%3Fitem.%0A%20%20%20%20%7D%20GROUP%20BY%20%3Fsession%20%3FsessionLabel%0A%20%20%7D%20%7D%0A%20%20%0A%20%20BIND%28IF%28BOUND%28%3Fitems%29%2C%20%3Fitems%2C%200%29%20as%20%3Fitems%29.%0A%20%0A%20%20SERVICE%20wikibase%3Alabel%20%7B%20bd%3AserviceParam%20wikibase%3Alanguage%20%22%5BAUTO_LANGUAGE%5D%2Cen%22.%20%7D%0A%7D%20ORDER%20BY%20ASC%28%3Fdate%29%20 Query], die anzeigt, wie viele Items jede Session enthält}}
 
=== Interessen & Kenntnisse ===
Ein Diagramm, das Items zeigt, die Studierende als "interessant" oder "bekannt" markiert haben.
<div style="border: solid 5px #d2d6e0; background-color:#eaecf0;">
{{#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 
WHERE {
  wd:Q1986 wdt:P14/wdt:P14 ?item.
  OPTIONAL {
    SELECT ?item ?itemLabel (COUNT(DISTINCT ?student) as ?known) WHERE {
      ?student wdt:P25 wd:Q1986.
      ?student wdt:P12 ?item.
      ?student rdfs:label ?studentLabel.
      FILTER (!contains(str(?studentLabel), "Demo")). # rm Demo Students
    } GROUP BY ?item ?itemLabel
  }
  OPTIONAL {
    SELECT ?item ?itemLabel (COUNT(DISTINCT ?student) as ?interests) WHERE {
      ?student wdt:P25 wd:Q1986.
      ?student wdt:P23 ?item.
      ?student rdfs:label ?studentLabel.
      FILTER (!contains(str(?studentLabel), "Demo")). # rm Demo Students
    } 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". }
}
}}
</div>
 
=== Preview ===
Eine Liste an Themen, die im nächten Termin behandelt werden.
 
<div style="border: solid 5px #d2d6e0; background-color:#eaecf0;">
{{#widget:SPARQLquery| code=
#defaultView:Table
PREFIX wdt: <https://graphit.ur.de/prop/direct/>
PREFIX wd: <https://graphit.ur.de/entity/>
select distinct ?today ?sessionDate ?interested ?completed
?item ?itemLabel
?resource ?resourceLabel ?url ?type ?typeLabel
where {
  { # subquery: get the session for next week
    SELECT ?session  ?today ?sessionDate
    WHERE {
      # get all sessions, that are "bigger" than today
      # BIND("2024-04-29"^^xsd:dateTime as ?today) # for test
      BIND(now() as ?today) # for real
 
      wd:Q1986 wdt:P14 ?session.
      ?session wdt:P3 wd:Q427.
      ?session wdt:P19 ?sessionDate.
      # FILTER(?sessionDate > ?today).
      FILTER(xsd:date(?sessionDate) >= xsd:date(?today)).
    } ORDER BY ASC(?sessionDate)
    LIMIT 1 # limit to 1 session
  } # end of subquery
 
  # limit to 1 session (from subquery)
  ?session wdt:P14 ?item.
  OPTIONAL {?item wdt:P21 ?resource.
            ?resource wdt:P20 ?url.
            ?resource wdt:P3 ?type}
 
    { # start of union
      {  # get all items user is interested in
      SELECT ?item ?itemLabel
      WHERE {
          ?user rdfs:label "{{#username:Max Mustermann}}"@en.
          ?user wdt:P23 ?item.
      } }
      BIND(IF(BOUND(?item), "true", "false") as ?interested)
  } UNION {
      { # get all items user has completed
      SELECT ?item ?itemLabel
      WHERE {
          ?user rdfs:label "{{#username:Max Mustermann}}"@en.
          ?user wdt:P12 ?item.
      } }
      BIND(IF(BOUND(?item), "true", "false") as ?completed)
  } UNION { # union: get all other items
      ?session wdt:P14 ?item.
      ?user rdfs:label "{{#username:Max Mustermann}}"@en.
      # Remove all item user is interested in / has completed -> otherwise duplicates
      MINUS {?user wdt:P23 ?item}
      MINUS {?user wdt:P12 ?item}
  } # end of union
 
  service wikibase:label { bd:serviceParam wikibase:language "en".}
} ORDER BY DESC(?resource)
LIMIT 80
| caption=A Todolist for {{#username:Max Mustermann}}
| height=30em
}}
</div>
 
==Erste Schritte mit GraphIT==
# '''GraphIT-Account einrichten'''
## Account einrichten via: [https://graphit.ur.de/register Registrierung]
### Der Benutzername wird öffentlich angezeigt, also gerne auch ein Pseudonym wählen
### Den Kurs "HCI 26SS" für die Teilnahme wählen
# ''' Benutzer-Item überprüfen'''
## Logge dich bei GraphIT ein (Menüpunkt ganz rechts oben)
## Dein Benutzer-Item findest du einfach über die Suchleiste (über deinen Benutzernamen)
## oder über deine Nutzerseite: [[User:{{#username:Max Mustermann}}]] (bist du nicht eingeloggt, wird auf eine Beispiel-Nutzerseite von "Max Mustermann" verlinkt).
## Hier sieht du alle Verknüpfungen die von oder auf dein Item zeigen. Aktuell sollten hier 3 Statements sein (siehe z.B. das Item Q630: [[Item:Q630|Markus Mustermann]])
### '[[Property:P3|instance of]]' (P3) + '[[Item:Q167|Student]]' (Q167)
### '[[Property:P28|username]]' (P28) + Benutzernamen (siehe Schritt 1)
### '[[Property:P25|participates in]]' (P25) + [[Item:Q1986|MMT 25/26WS]] (Q1986)
### &rarr; fehlt eines dieser Statements, füge es mit dem '+ <span style="color:#008CBA">add statement</span>' Button hinzu
# '''Vorkenntnisse und Interessen angeben'''
## Auf https://graph.graphit.ur.de/app/src/pages/selectionTools/ einmal mit Benutzername und Passwort (aus Schritt 1) anmelden.
## Oben rechts die Lehrveranstaltung "MMT 25WS" auswählen.
## Im angezeigten Graph die damit verbundenen Themen anschauen.
## Alle Themen als "completed" markieren, mit denen man sich schon befasst hat (auswählen und Taste '1' drücken bzw. den Button auf der rechten Seite).
## Mindestens fünf Themen als Interessen markieren (auswählen und Taste '2' drücken bzw. den Button auf der rechten Seite).
## '''Änderungen speichern über den 'save'-Button unten rechts!'''
## Auf der eigenen Item-Seite überprüfen ob die Interessen und Vorkenntnisse korrekt dokumentiert wurden.
Als ein Beispiel kann [[Item:Q157|Max Mustermann]] angesehen werden. Für eine detailiertere Übersicht kann die Seite [[ExampleStudent]] besucht werden.

Latest revision as of 13:15, 12 May 2026

Kurs Human-Computer Interaction, Sommersemester 2026

B.A. Medieninformatik, Universität Regensburg.

Overview

Die Vorlesung Grundlagen Human Computer Interaction vermittelt Basiswissen zu den folgenden Schwerpunktthemen:

  • Grundlagen der menschlichen Wahrnehmung
  • Handlungssteuerung
  • Interaktionsformen und -techniken
  • Ein- und Ausgabegeräte
  • Gestaltung von Benutzerschnittstellen
Wichtige Themen

In der dazugehörigen Übung werden wichtige Werkzeuge und praktische Kompetenzen vermittelt.

Der Leistungsnachweis ist eine schriftliche Prüfung am Ende des Semesters.


Um zur Klausur zugelassen zu werden, müssen Sie für alle Übungsblätter (Studienleistung) eine akzeptable Lösung abgeben, d.h. mindestens 75% der Punkte bei jedem Übungsblatt erreichen. Sie haben einen "Freischuss", d.h. Sie dürfen maximal ein Blatt nicht abgeben oder nicht bestehen.

Für Studierende des Studienganges Informatik (B.Sc.) ist die Abgabe der Übungsblätter freiwillig.


Für einen (großen) Graphen, der den gesamten Kurs zeigt hier klicken und ausführen.


Vorwissen Ziele

Items, die nicht Teil des Kursen sind, aber als Vorwissen vorausgesetzt werden

Items, die als Kursziele markiert sind


Timetable

Alle Vorlesungstermine des Kurses


Alle Übungen des Kurses (nur eine Termin wird angezeigt)


ℹ️ Query, die anzeigt, wie viele Items jede Session enthält

Retrieved from "https://graphit.ur.de/w/index.php?title=Courses/HCI_26SS&oldid=27406"