diff --git a/slaeforms/static/icons/sl-icon.png b/slaeforms/static/icons/sl-icon.png new file mode 100644 index 0000000..c25975c Binary files /dev/null and b/slaeforms/static/icons/sl-icon.png differ diff --git a/slaeforms/static/styles.css b/slaeforms/static/styles.css index d286db1..2c1841b 100644 --- a/slaeforms/static/styles.css +++ b/slaeforms/static/styles.css @@ -334,10 +334,13 @@ iframe { gap: 10px; /* Adjust spacing */ text-align: center; flex-grow: 1; + max-width: 70%; + margin: auto; } .likertlabel { flex-grow: 1; + width: 100%; } .likertinput { diff --git a/slaeforms/templates/standard_template.html b/slaeforms/templates/standard_template.html index b7debe0..62a0bf0 100644 --- a/slaeforms/templates/standard_template.html +++ b/slaeforms/templates/standard_template.html @@ -131,7 +131,7 @@ step={{question["step"]}} + src="{{ url_for('static', filename='icons/sl-icon.png')}}" alt="Info Icon"> {% endif %} @@ -149,7 +149,14 @@ step={{question["step"]}}
{% for question in questions %} - {% if (questions[question]["type"] == "likert") %} + {% if (questions[question]["type"] == "textblock") %} + + +

{{ questions[question]['text']}}

+ + + + {% elif (questions[question]["type"] == "likert") %}

{{ questions[question]['text']}}

@@ -164,6 +171,26 @@ step={{question["step"]}} {% endfor %}
+ + + {% elif (questions[question]["type"] == "likert-basic") %} + +

{{ questions[question]['text']}}

+ +
+ {% for point in questions[question]["points"] %} + + {% endfor %} +
+ + {% elif (questions[question]["type"] == "textinput") %}
+ + + {% elif (questions[question]["type"] == "textinput") %} +
+ +
+ {% elif (questions[question]["type"] == "dateinput") %}
@@ -182,6 +221,8 @@ step={{question["step"]}} {{required(questions[question])}}>
+ + {% elif (questions[question]["type"] == "numberinput") %}
+ {% elif (questions[question]["type"] == "emailinput") %}
@@ -199,6 +241,7 @@ step={{question["step"]}} {{required(questions[question])}}>
+ {% elif (questions[question]["type"] == "dropdowninput") %}
@@ -216,6 +259,7 @@ step={{question["step"]}}
+ {% elif (questions[question]["type"] == "multiplechoice") %}
@@ -231,6 +275,7 @@ step={{question["step"]}} {% endfor %}
+ {% elif (questions[question]["type"] == "videoinput") %} diff --git a/slaeforms/templates/studytest.html b/slaeforms/templates/studytest.html index 6dfcd82..70972d7 100644 --- a/slaeforms/templates/studytest.html +++ b/slaeforms/templates/studytest.html @@ -25,7 +25,7 @@ - + @@ -33,97 +33,69 @@
-
+
- - - - - - - -
+ + + + + + + +
@@ -133,9 +105,7 @@
diff --git a/slaeforms/userstudy1.json b/slaeforms/userstudy1.json index ee6ac82..2aa05ba 100644 --- a/slaeforms/userstudy1.json +++ b/slaeforms/userstudy1.json @@ -310,42 +310,127 @@ } }, "questions": { + "question0": { + "type": "textblock", + "name": "fragestellung", + "text": "Bitte bewerten Sie das Video bezüglich der Natürlichkeit, Verständlichkeit und grammatikalischen Korrektheit:" + }, "question1": { - "type": "likert", - "name": "likertscale", - "text": "Wie würden sie dieses Video bewerten?", + "type": "likert-basic", + "name": "natürlichkeit", + "text": "Natürlichkeit", "required": "true", "points": { - "p1": { + "naturalness-p1": { "value": "1", - "text": "Ich finde es gar nicht gut 🙁👎" + "text": "Gar nicht gut 🙁👎" }, - "p2": { + "naturalness-p2": { "value": "2", - "text": "Ich finde es nicht gut 👎" + "text": "" }, - "p3": { + "naturalness-p3": { "value": "3", - "text": "Ich finde es weder gut noch schlecht" + "text": "" }, - "p4": { + "naturalness-p4": { "value": "4", - "text": "Ich finde es gut 👍" + "text": "Weder gut noch schlecht" }, - "p5": { + "naturalness-p5": { "value": "5", - "text": "Ich finde es sehr gut 😊👍" + "text": "" + }, + "naturalness-p6": { + "value": "6", + "text": "" + }, + "naturalness-p7": { + "value": "7", + "text": "Sehr gut 😊👍" } } }, "question2": { + "type": "likert-basic", + "name": "verständlichkeit", + "text": "Verständlichkeit", + "required": "true", + "points": { + "understandability-p1": { + "value": "1", + "text": "Gar nicht gut 🙁👎" + }, + "understandability--p2": { + "value": "2", + "text": "" + }, + "understandability--p3": { + "value": "3", + "text": "" + }, + "understandability--p4": { + "value": "4", + "text": "Weder gut noch schlecht" + }, + "understandability--p5": { + "value": "5", + "text": "" + }, + "understandability--p6": { + "value": "6", + "text": "" + }, + "understandability--p7": { + "value": "7", + "text": "Sehr gut 😊👍" + } + } + }, + "question3": { + "type": "likert-basic", + "name": "gramKorrektheit", + "text": "Grammatikalische Korrektheit", + "required": "true", + "points": { + "gramKorrektheit-p1": { + "value": "1", + "text": "Gar nicht gut 🙁👎" + }, + "gramKorrektheit-p2": { + "value": "2", + "text": "" + }, + "gramKorrektheit-p3": { + "value": "3", + "text": "" + }, + "gramKorrektheit-p4": { + "value": "4", + "text": "Weder gut noch schlecht" + }, + "gramKorrektheit-p5": { + "value": "5", + "text": "" + }, + "gramKorrektheit-p6": { + "value": "6", + "text": "" + }, + "gramKorrektheit-p7": { + "value": "7", + "text": "Sehr gut 😊👍" + } + } + }, + "question4": { "type": "textinput", "name": "text_feedback", - "text": "Hier können sie uns Feedback geben", + "text": "Hier können sie Feedback zum Avatar geben", "required": "false", "size": "250" }, - "question3": { + "question5": { "type": "videoinput", "text": "Hier können sie per Video Feedback geben", "name": "video_feedback",