mirror of
https://github.com/2martens/uni.git
synced 2026-05-06 11:26:25 +02:00
157 lines
12 KiB
HTML
157 lines
12 KiB
HTML
<!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;
|
|
}
|
|
.alignRight {
|
|
text-align: right;
|
|
}
|
|
.alignLeft {
|
|
text-align: left;
|
|
}
|
|
</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="veryLowWorkClass"><input type="radio" name="amountWorkClass" id="veryLowWorkClass" value="veryLow" />Sehr gering</label>
|
|
<label class="block" for="lowWorkClass"><input type="radio" name="amountWorkClass" id="lowWorkClass" value="low" />Gering</label>
|
|
<label class="block" for="okWorkClass"><input type="radio" name="amountWorkClass" id="okWorkClass" value="ok" />Akzeptabel</label>
|
|
<label class="block" for="highWorkClass"><input type="radio" name="amountWorkClass" id="highWorkClass" value="high" />Hoch</label>
|
|
<label class="block" for="veryHighWorkClass"><input type="radio" name="amountWorkClass" id="veryHighWorkClass" 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="veryLowTimeClass"><input type="radio" name="amountTimeClass" id="veryLowTimeClass" value="veryLow" />Sehr gering</label>
|
|
<label class="block" for="lowTimeClass"><input type="radio" name="amountTimeClass" id="lowTimeClass" value="low" />Gering</label>
|
|
<label class="block" for="okTimeClass"><input type="radio" name="amountTimeClass" id="okTimeClass" value="ok" />Akzeptabel</label>
|
|
<label class="block" for="highTimeClass"><input type="radio" name="amountTimeClass" id="highTimeClass" value="high" />Hoch</label>
|
|
<label class="block" for="veryHighTimeClass"><input type="radio" name="amountTimeClass" id="veryHighTimeClass" value="veryHigh" />Sehr hoch</label>
|
|
</fieldset>
|
|
|
|
<fieldset class="page2 page">
|
|
<legend>Wie vorbereitet wirkt der Übungsgruppenleiter auf Sie?</legend>
|
|
<label class="block" for="veryBadPreparedClass"><input type="radio" name="preparedClass" id="veryBadPreparedClass" value="veryBad" />Sehr schlecht</label>
|
|
<label class="block" for="badPreparedClass"><input type="radio" name="preparedClass" id="badPreparedClass" value="bad" />Schlecht</label>
|
|
<label class="block" for="okPreparedClass"><input type="radio" name="preparedClass" id="okPreparedClass" value="ok" />Akzeptabel</label>
|
|
<label class="block" for="goodPreparedClass"><input type="radio" name="preparedClass" id="goodPreparedClass" value="good" />Gut</label>
|
|
<label class="block" for="veryGoodPreparedClass"><input type="radio" name="preparedClass" id="veryGoodPreparedClass" 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>
|
|
<label class="block" for="interactivityLecture"><span class="alignRight">nicht interaktiv</span><input type="range" name="interactivityLecture" id="interactivityLecture" min="0" max="10" value="5" /><span class="alignLeft">sehr interaktiv</span></label>
|
|
<label class="block" for="relevanceLecture"><span class="alignRight">nicht relevant</span><input type="range" name="relevanceLecture" id="relevanceLecture" min="0" max="10" value="5" /><span class="alignLeft">sehr relevant</span></label>
|
|
<label class="block" for="interestLecture"><span class="alignRight">nicht interessant</span><input type="range" name="interestLecture" id="interestLecture" min="0" max="10" value="5" /><span class="alignLeft">sehr interessant</span></label>
|
|
<label class="block" for="structureLecture"><span class="alignRight">nicht strukturiert</span><input type="range" name="structureLecture" id="structureLecture" min="0" max="10" value="5" /><span class="alignLeft">sehr strukturiert</span></label>
|
|
</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" />< 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" />> 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>
|
|
</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> |