1
0
mirror of https://github.com/2martens/uni.git synced 2026-05-06 19:36:26 +02:00

Merge branch 'id'

This commit is contained in:
Jim Martens
2014-05-25 12:44:10 +02:00
4 changed files with 500 additions and 0 deletions

View File

@ -0,0 +1,214 @@
<!DOCTYPE html>
<html>
<head>
<title>Evaluierung Interaktionsdesign</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<meta name="author" content="Jim Martens" />
<meta name="description" content="Online-Evaluierung für Vorlesung und Übung von Interaktionsdesign" />
<meta name="keywords" content="HCI, MCI, Interaktionsdesign, Evaluierung" />
<meta charset="UTF-8" />
<style type="text/css">
.block {
display: block;
}
.inlineBlock {
display: inline-block;
}
.alignRight {
text-align: right;
}
.alignLeft {
text-align: left;
}
.table {
display: table;
}
.tableRow {
display: table-row;
}
.tableCell {
display: table-cell;
}
</style>
</head>
<body>
<div id="form">
<form action="" method="post">
<!-- Allgemeines -->
<fieldset class="page1 page">
<legend>Wie häufig gehen Sie zur Vorlesung?</legend>
<label class="block" for="visitedNoLecture"><input type="radio" name="visitedLectures" id="visitedNoLecture" value="zero" />Niemals</label>
<label class="block" for="visitedFewLectures"><input type="radio" name="visitedLectures" id="visitedFewLectures" value="rarely" />Selten</label>
<label class="block" for="visitedSomeLectures"><input type="radio" name="visitedLectures" id="visitedSomeLectures" value="normal" />Ab und zu</label>
<label class="block" for="visitedMostLectures"><input type="radio" name="visitedLectures" id="visitedMostLectures" value="mostly" />Meistens</label>
<label class="block" for="visitedAllLectures"><input type="radio" name="visitedLectures" id="visitedAllLectures" value="always" />Immer</label>
</fieldset>
<fieldset class="page1 page">
<legend>Wie häufig bereiten Sie den Vorlesungsstoff vor bzw. nach?</legend>
<label class="block" for="preparedNoLecture"><input type="radio" name="preparedLectures" id="preparedNoLecture" value="zero" />Niemals</label>
<label class="block" for="preparedFewLectures"><input type="radio" name="preparedLectures" id="preparedFewLectures" value="rarely" />Selten</label>
<label class="block" for="preparedSomeLectures"><input type="radio" name="preparedLectures" id="preparedSomeLectures" value="normal" />Ab und zu</label>
<label class="block" for="preparedMostLectures"><input type="radio" name="preparedLectures" id="preparedMostLectures" value="mostly" />Meistens</label>
<label class="block" for="preparedAllLectures"><input type="radio" name="preparedLectures" id="preparedAllLectures" value="always" />Immer</label>
</fieldset>
<!-- Übung -->
<fieldset class="page2 page">
<legend>Wie empfinden Sie den Arbeitsaufwand für die Übung?</legend>
<label class="block" for="veryLowWorkExercise"><input type="radio" name="amountWorkExercise" id="veryLowWorkExercise" value="veryLow" />Sehr gering</label>
<label class="block" for="lowWorkExercise"><input type="radio" name="amountWorkExercise" id="lowWorkExercise" value="low" />Gering</label>
<label class="block" for="okWorkExercise"><input type="radio" name="amountWorkExercise" id="okWorkExercise" value="ok" />Akzeptabel</label>
<label class="block" for="highWorkExercise"><input type="radio" name="amountWorkExercise" id="highWorkExercise" value="high" />Hoch</label>
<label class="block" for="veryHighWorkExercise"><input type="radio" name="amountWorkExercise" id="veryHighWorkExercise" value="veryHigh" />Sehr hoch</label>
</fieldset>
<fieldset class="page2 page">
<legend>Wie empfinden Sie den Zeitaufwand für die Übung?</legend>
<label class="block" for="veryLowTimeExercise"><input type="radio" name="amountTimeExercise" id="veryLowTimeExercise" value="veryLow" />Sehr gering</label>
<label class="block" for="lowTimeExercise"><input type="radio" name="amountTimeExercise" id="lowTimeExercise" value="low" />Gering</label>
<label class="block" for="okTimeExercise"><input type="radio" name="amountTimeExercise" id="okTimeExercise" value="ok" />Akzeptabel</label>
<label class="block" for="highTimeExercise"><input type="radio" name="amountTimeExercise" id="highTimeExercise" value="high" />Hoch</label>
<label class="block" for="veryHighTimeExercise"><input type="radio" name="amountTimeExercise" id="veryHighTimeExercise" value="veryHigh" />Sehr hoch</label>
</fieldset>
<fieldset class="page2 page">
<legend>Die Übung ist ...</legend>
<div class="table">
<div class="tableRow">
<label class="tableCell alignRight" for="interactivityExercise">nicht interaktiv</label>
<input class="tableCell" type="range" name="interactivityExercise" id="interactivityExercise" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="interactivityExercise">sehr interaktiv</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="highDemandExercise">nicht anspruchsvoll</label>
<input class="tableCell" type="range" name="highDemandExercise" id="highDemandExercise" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="highDemandExercise">sehr anspruchsvoll</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="interestExercise">nicht interessant</label>
<input class="tableCell" type="range" name="interestExercise" id="interestExercise" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="interestExercise">sehr interessant</label>
</div>
</div>
</fieldset>
<fieldset class="page2 page">
<legend>Wie vorbereitet wirkt der Übungsgruppenleiter auf Sie?</legend>
<label class="block" for="veryBadPreparedExercise"><input type="radio" name="preparedExercise" id="veryBadPreparedExercise" value="veryBad" />Sehr schlecht</label>
<label class="block" for="badPreparedExercise"><input type="radio" name="preparedExercise" id="badPreparedExercise" value="bad" />Schlecht</label>
<label class="block" for="okPreparedExercise"><input type="radio" name="preparedExercise" id="okPreparedExercise" value="ok" />Akzeptabel</label>
<label class="block" for="goodPreparedExercise"><input type="radio" name="preparedExercise" id="goodPreparedExercise" value="good" />Gut</label>
<label class="block" for="veryGoodPreparedExercise"><input type="radio" name="preparedExercise" id="veryGoodPreparedExercise" value="veryGood" />Sehr gut</label>
</fieldset>
<!-- Vorlesung -->
<fieldset class="page3 page">
<legend>Wie nützlich finden Sie die Vorlesung für das Verständnis?</legend>
<label class="block" for="notAtAllUsefulLecture"><input type="radio" name="usefulnessLecture" id="notAtAllUsefulLecture" value="notAtAllUseful" />Überhaupt nicht nützlich</label>
<label class="block" for="notReallyUsefulLecture"><input type="radio" name="usefulnessLecture" id="notReallyUsefulLecture" value="notReallyUseful" />Kaum nützlich</label>
<label class="block" for="sometimesUsefulLecture"><input type="radio" name="usefulnessLecture" id="sometimesUsefulLecture" value="ok" />Geht so</label>
<label class="block" for="usefulLecture"><input type="radio" name="usefulnessLecture" id="usefulLecture" value="useful" />Nützlich</label>
<label class="block" for="veryUsefulLecture"><input type="radio" name="usefulnessLecture" id="veryUsefulLecture" value="veryUseful" />Sehr nützlich</label>
</fieldset>
<fieldset class="page3 page">
<legend>Die Vorlesung ist ...</legend>
<div class="table">
<div class="tableRow">
<label class="tableCell alignRight" for="interactivityLecture">nicht interaktiv</label>
<input class="tableCell" type="range" name="interactivityLecture" id="interactivityLecture" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="interactivityLecture">sehr interaktiv</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="relevanceLecture">nicht relevant</label>
<input class="tableCell" type="range" name="relevanceLecture" id="relevanceLecture" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="relevanceLecture">sehr relevant</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="interestLecture">nicht interessant</label>
<input class="tableCell" type="range" name="interestLecture" id="interestLecture" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="interestLecture">sehr interessant</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="structureLecture">nicht strukturiert</label>
<input class="tableCell" type="range" name="structureLecture" id="structureLecture" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="structureLecture">sehr strukturiert</label>
</div>
<div class="tableRow">
<label class="tableCell alignRight" for="practiceConnectionLecture">nicht praxisbezogen</label>
<input class="tableCell" type="range" name="practiceConnectionLecture" id="practiceConnectionLecture" min="0" max="10" value="5" />
<label class="tableCell alignLeft" for="practiceConnectionLecture">sehr praxisbezogen</label>
</div>
</div>
</fieldset>
<!-- Demographie -->
<fieldset class="page4 page">
<legend>Welches Geschlecht haben Sie?</legend>
<label class="block" for="male"><input type="radio" name="gender" id="male" value="male" />Männlich</label>
<label class="block" for="female"><input type="radio" name="gender" id="female" value="female" />Weiblich</label>
<label class="block" for="otherGender"><input type="radio" name="gender" id="otherGender" value="other" />Keine Angaben</label>
</fieldset>
<fieldset class="page4 page">
<legend>Wie alt sind Sie?</legend>
<label class="block" for="underage"><input type="radio" name="age" id="underage" value="underage" />&lt; 18</label>
<label class="block" for="normalAge"><input type="radio" name="age" id="normalAge" value="normalAge" />18-25</label>
<label class="block" for="oldAge"><input type="radio" name="age" id="oldAge" value="oldAge" />&gt; 25</label>
</fieldset>
<fieldset class="page4 page">
<legend>Welchen Studiengang studieren Sie?</legend>
<label class="block" for="bscinf"><input type="radio" name="study" id="bscinf" value="bscinf" />B.Sc. Informatik</label>
<label class="block" for="sse"><input type="radio" name="study" id="sse" value="sse" />B.Sc. SSE</label>
<label class="block" for="mci"><input type="radio" name="study" id="mci" value="mci"
/>B.Sc. MCI</label>
<label class="block" for="cis"><input type="radio" name="study" id="cis" value="cis" />B.Sc. CIS</label>
<label class="block" for="wiinf"><input type="radio" name="study" id="wiinf" value="wiinf" />B.Sc. Wirtschaftsinformatik</label>
<label class="block" for="other"><input type="radio" name="study" id="other" value="other" />Anderer Studiengang</label>
</fieldset>
<div>
<button type="button" class="backButton" value="next">Zurück</button>
<button type="button" class="nextButton" value="next">Weiter</button>
</div>
</form>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function() {
var page = 1;
var maxPage = 4;
$('.page').hide();
$('.page' + page).show();
$('.backButton').hide();
$('.nextButton').click(function(event) {
var oldPage = page;
if (page == maxPage) {
$('form').submit();
return;
}
page++;
if (page == maxPage) {
$('.nextButton').text('Abschließen');
}
$('.backButton').show();
$('.page' + oldPage).hide();
$('.page' + page).show();
});
$('.backButton').click(function(event) {
$('.page' + page).hide();
if (page == maxPage) {
$('.nextButton').text('Weiter');
$('.nextButton').prop('type', 'button');
}
page--;
if (page == 1) {
$('.backButton').hide();
}
$('.page' + page).show();
});
});
//]]>
</script>
</body>
</html>

54
id/blatt6/hci.sty Executable file
View File

@ -0,0 +1,54 @@
\usepackage[ngerman]{babel}
\usepackage{geometry}
\usepackage{fancyhdr}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{listings}
\usepackage{bold-extra}
\usepackage{ifpdf}
\usepackage{pgfplots}
\usepackage{tikz}
\usetikzlibrary{automata,trees,matrix,fadings,calc,positioning,decorations.pathreplacing,arrows,decorations.markings}
\geometry{left=2.5cm,right=2.5cm,top=2.0cm,bottom=2.0cm}
\parindent0mm
\pagestyle{fancy}
\ifpdf
\pdfinfo {
/Author (\autor)
/Title (Interaktionsdesign I \blatt)
}
\fi
\newcommand{\betreuer}{Prof. Dr. Frank Steinicke, Dr. Gerd Bruder, Dr. Sven Magg}
\renewcommand{\figurename}{Abbildung}
\newcommand{\kopf}{
\Large
\centerline{\textbf{Human-Computer Interaction}}
\vspace*{0.1\baselineskip}
\large
\centerline{\textbf{Bearbeitung zu \emph{Interaktionsdesign}, SoSe 2014}}
\vspace*{0.1\baselineskip}
\normalsize
Betreuer:~\betreuer\\
Autor(en):~\autor~\hfill~{\"U}bung~\blatt \\
\rule{\textwidth}{.25pt}
}
\headsep.5cm
\renewcommand{\headrulewidth}{.25pt}
\renewcommand{\footrulewidth}{.25pt}
\renewcommand{\labelenumi}{(\alph{enumi})}
\renewcommand{\labelenumii}{(\roman{enumii})}
\newcommand{\aufgabe}[1]{\section*{Aufgabe #1}}
\newcommand{\sourcecode}[1]{\lstinputlisting[caption={#1},label=lst:#1,language=C++,frame=single,showstringspaces=false,basicstyle={\ttfamily \small},breaklines=true,breakatwhitespace=true,tabsize=4,numbers=left,stepnumber=5,numberfirstline=false,firstnumber=1,numberstyle={\scriptsize}]{#1}}

View File

@ -0,0 +1,133 @@
\documentclass[a4paper,10pt]{scrartcl}
% Hier die Nummer des Blatts und Autoren angeben.
\newcommand{\blatt}{6}
\newcommand{\autor}{Florian B\"{o}hm, Christopher Gawehn, Ulrike Geries, Jim Martens}
\usepackage{hci}
\usepackage[utf8]{inputenc}
\usepackage{float}
\usepackage[official]{eurosym}
\begin{document}
% Seitenkopf mit Informationen
\kopf
\renewcommand{\figurename}{Figure}
\aufgabe{1}
Erste Skizze:\\
\begin{tikzpicture}[
goal/.style={rectangle,draw,fill=yellow!40,align=left},
plan/.style={align=left},
level 0/.style={sibling distance=17em},
level 1/.style={sibling distance=15em},
level 2/.style={sibling distance=8em},
level 3/.style={sibling distance=7em},
level 4/.style={sibling distance=10em},
nextLevel/.style={level distance=40ex},
nextLevel2/.style={level distance=30ex},
nextLevel3/.style={level distance=30ex}]
\coordinate
child[grow=up] {node[goal,anchor=south] (start) {0. Bearbeitung hochladen}}
child[grow=down,level distance=0ex]
[edge from parent fork down]
% sub goals
child {node[goal] (one) {1. Raum Interak- \\ tionsdesign öffnen}
child[nextLevel2] {node[goal]{1.1 Commsy \\ öffnen}}
child[nextLevel2] {node[goal]{1.2 Raum \\ betreten}}
}
child {node[goal] (two) {2. Aufgabe \\ erstellen}
child[nextLevel2] {node[goal]{2.1 Aufga- \\ ben öffnen}}
child[nextLevel2] {node[goal] (twoTwo) {2.2 Neuen Ein- \\ trag erstellen}
child[nextLevel3] {node[goal] (twoTwoOne) {2.2.1 Meta- \\ daten eintra- \\ gen}
child[nextLevel3] {node[goal]{2.2.1.1 Titel \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.2 Fällig am \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.3 Geplante Zeit \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.4 Status \\ eintragen}}
}
child[nextLevel3] {node[goal]{2.2.2 Dateien \\ hochladen}}
child[nextLevel3] {node[goal]{2.2.3 Katego- \\ rien auswählen}}
child[nextLevel3] {node[goal]{2.2.4 \\ Zugriffs- \\ rechte ein- \\ stellen}}
child[nextLevel3] {node[goal]{2.2.5 Auf \\ Erstell- \\ button \\ klicken}}
}
};
\node[plan] [below right=0.4 and -2.0 of start] {\underline{Plan 0:} \\
DO 1.-2.
};
\node[plan] [below right=0.4 and -1.4 of one] {\underline{Plan 1:} \\
DO 1.1.-1.2.
};
\node[plan] [below right=0.4 and -1 of two] {\underline{Plan 2:} \\
DO 2.1.-2.2.
};
\node[plan] [below right=0.4 and -1 of twoTwo] {\underline{Plan 2.2:} \\
DO 2.2.1.-2.2.5
};
\node[plan] [below right=0.4 and -1 of twoTwoOne] {\underline{Plan 2.2.1:} \\
DO 2.2.1.1-2.2.1.4
};
\end{tikzpicture}
\newpage
heuristisch verbessert:
\begin{tikzpicture}[
goal/.style={rectangle,draw,fill=yellow!40,align=left},
plan/.style={align=left},
level 0/.style={sibling distance=17em},
level 1/.style={sibling distance=15em},
level 2/.style={sibling distance=8em},
level 3/.style={sibling distance=7em},
level 4/.style={sibling distance=10em},
nextLevel/.style={level distance=40ex},
nextLevel2/.style={level distance=30ex},
nextLevel3/.style={level distance=30ex}]
\coordinate
child[grow=up] {node[goal,anchor=south] (start) {0. Bearbeitung hochladen}}
child[grow=down,level distance=0ex]
[edge from parent fork down]
% sub goals
child {node[goal] (one) {1. Raum Interak- \\ tionsdesign öffnen}
child[nextLevel2] {node[goal]{1.1 Commsy \\ öffnen}}
child[nextLevel2] {node[goal]{1.2 Raum \\ betreten}}
}
child {node[goal] (two) {2. Aufgabe \\ erstellen}
child[nextLevel2] {node[goal]{2.1 Aufga- \\ ben öffnen}}
child[nextLevel2] {node[goal] (twoTwo) {2.2 Neuen Ein- \\ trag erstellen}
child[nextLevel3] {node[goal] (twoTwoOne) {2.2.1 Meta- \\ daten eintra- \\ gen}
child[nextLevel3] {node[goal]{2.2.1.1 Titel \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.2 Fällig am \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.3 Geplante Zeit \\ eintragen}}
child[nextLevel3] {node[goal]{2.2.1.4 Status \\ eintragen}}
}
child[nextLevel3] {node[goal]{2.2.2 Dateien \\ hochladen}}
child[nextLevel3] {node[goal]{2.2.3 Katego- \\ rien auswählen}}
child[nextLevel3] {node[goal]{2.2.4 \\ Zugriffs- \\ rechte ein- \\ stellen}}
child[nextLevel3] {node[goal]{2.2.5 Auf \\ Erstell- \\ button \\ klicken}}
}
};
\node[plan] [below right=0.4 and -2.0 of start] {\underline{Plan 0:} \\
DO 1.-2.
};
\node[plan] [below right=0.4 and -1.4 of one] {\underline{Plan 1:} \\
DO 1.1.-1.2.
};
\node[plan] [below right=0.4 and -1 of two] {\underline{Plan 2:} \\
DO 2.1.-2.2.
};
\node[plan] [below right=0.4 and -1 of twoTwo] {\underline{Plan 2.2:} \\
DO 2.2.1.-2.2.5
};
\node[plan] [below right=0.4 and -1 of twoTwoOne] {\underline{Plan 2.2.1:} \\
DO 2.2.1.1-2.2.1.4
};
\end{tikzpicture}
\end{document}

View File

@ -0,0 +1,99 @@
\documentclass[a4paper,10pt]{scrartcl}
% Hier die Nummer des Blatts und Autoren angeben.
\newcommand{\blatt}{6}
\newcommand{\autor}{Jim Martens}
\usepackage{hci}
\usepackage[utf8]{inputenc}
\usepackage{float}
\usepackage[official]{eurosym}
\begin{document}
% Seitenkopf mit Informationen
\kopf
\renewcommand{\figurename}{Figure}
\aufgabe{1}
Erste Skizze:\\
\begin{tikzpicture}[
goal/.style={rectangle,draw,fill=yellow!40,align=left},
plan/.style={align=left},
level 1/.style={sibling distance=7.5em},
nextLevel/.style={level distance=40ex},
nextLevel2/.style={level distance=30ex},
nextLevel3/.style={level distance=18ex}]
\coordinate
child[grow=up] {node[goal,anchor=south] (start) {0. Recorder programmieren}}
child[grow=down,level distance=0ex]
[edge from parent fork down]
% sub goals
child {node[goal] (one) {1. Geräte \\ einschalten}
child[nextLevel2] {node[goal]{1.1 Fernseher \\ einschalten}}
child[nextLevel2] {node[goal]{1.2 Recorder \\ einschalten}}
}
child {node[goal]{2. Programm \\ öffnen}}
child {node[goal]{4. Aufnahme \\ auswählen}}
child {node[goal] (three) {3. Sendung \\ auswählen}
child[nextLevel2] {node[goal]{3.1 Tag \\ auswählen}}
child[nextLevel2] {node[goal]{3.2 Zur Uhrzeit \\ navigieren}}
child[nextLevel2] {node[goal]{3.3 Sendung \\ selektieren}}
}
child {node[goal]{5. Programmie- \\ rung speichern}};
\node[plan] [below right=0.4 and -2.0 of start] {\underline{Plan 0:} \\
IF ein Gerät aus DO 1. \\
DO 2.-5.
};
\node[plan] [below left=0.4 and -1.0 of one] {\underline{Plan 1:} \\
IF Fernseher aus DO 1.1 \\
IF Recorder aus DO 1.2};
\node[plan] [below left=0.4 and -1.0 of three] {\underline{Plan 3:} \\
DO 3.1-3.3};
\end{tikzpicture}
\newpage
heuristisch verbessert:\\
\begin{tikzpicture}[
goal/.style={rectangle,draw,fill=yellow!40,align=left},
plan/.style={align=left},
level 1/.style={sibling distance=7.5em},
nextLevel/.style={level distance=40ex},
nextLevel2/.style={level distance=30ex},
nextLevel3/.style={level distance=18ex}]
\coordinate
child[grow=up] {node[goal,anchor=south] (start) {0. Recorder programmieren}}
child[grow=down,level distance=0ex]
[edge from parent fork down]
% sub goals
child {node[goal] (one) {1. Geräte \\ einschalten}
child[nextLevel2] {node[goal]{1.1 Fernseher \\ einschalten}}
child[nextLevel2] {node[goal]{1.2 Recorder \\ einschalten}}
}
child {node[goal]{2. Programm \\ öffnen}}
child {node[goal]{4. Aufnahme \\ auswählen}}
child {node[goal] (three) {3. Sendungen \\ auswählen}
child[nextLevel2] {node[goal]{3.1 Tag \\ auswählen}}
child[nextLevel2] {node[goal]{3.2 Zur Uhrzeit \\ navigieren}}
child[nextLevel2] {node[goal]{3.3 Sendung \\ selektieren}}
}
child {node[goal]{5. Programmie- \\ rung speichern}};
\node[plan] [below right=0.4 and -2.0 of start] {\underline{Plan 0:} \\
IF ein Gerät aus DO 1. \\
DO 2.-5.
};
\node[plan] [below left=0.4 and -1.0 of one] {\underline{Plan 1:} \\
IF Fernseher aus DO 1.1 \\
IF Recorder aus DO 1.2};
\node[plan] [below left=0.4 and -1.0 of three] {\underline{Plan 3:} \\
FOR all Sendungen DO 3.1-3.3};
\end{tikzpicture}
\end{document}