mirror of
https://github.com/2martens/uni.git
synced 2026-05-06 19:36:26 +02:00
214 lines
15 KiB
HTML
214 lines
15 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;
|
|
}
|
|
.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" />< 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>
|
|
<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> |