Jan/slaeforms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added into page, some more progress and a small bugfixtypo

Browse Source
This commit is contained in:
Jan 2024-09-18 16:40:10 +02:00
parent 8a1c7aff42
commit f4dd20e76d
4 changed files with 55 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
slaeforms/templates/intropage.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css')}}"" /> <!-- styles.css {{ url_for('static', filename='styles.css')}}-->
<link rel=" shortcut icon" href="{{ url_for('static', filename='icons/favicon.ico') }}">
<title>DGS Avatar Study</title>
</head>
<body>
<div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/GLEISvariations.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<div class="textblock">
<p style="font-size: 22px;">
Bei allen Aufgaben in dieser Studie gibt es ein Erklärungsvideo, in dem die Aufgabe und die Antwortmöglichkeiten in Gebärdensprache erklärt werden.
Falls sie Fragen haben oder eine Aufgabe nicht verstehen, können sie den "Gebärdensprache" Button auf der rechten Seite des Bildschirms klicken, um das Video und den Erklärungstext zu sehen.
Sie können den Button nochmal anklicken um wieder zur Aufgabe zurückzukommen.
</p>
<div style="margin: auto; display: block; max-width: 90px;">
<button style="margin: auto; max-width: ;"><img class="infoButtonIcon" id="buttonInfoIcon"
src="{{ url_for('static', filename='icons/sl-icon.png')}}" alt="sign-language-icon"></button>
</div>
<p style="font-size: 22px; text-align: center;">
Der Gebärdensprache Button.
</p>
</div>
<form class="dsgvoform" action="{{ url_for('startpage') }}" method="post">
<div class="button-container">
<input id="submitbutton" type="submit" value="Starten" />
</div>
</form>
</div>
</body>
</html>

5
slaeforms/templates/standard_template.html
View File

@ -316,8 +316,9 @@ step={{question["step"]}}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<div class="button-container"> <div class="button-container">
<input class="inputs" id="submitbutton" type="submit" value="submit" />
<!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> --> <button id="submitbutton" type="submit">Weiter</button>
<!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> /// <input class="inputs" id="submitbutton" type="submit" value="submit" />-->
</div> </div>
</form> </form>
</div> </div>

8
slaeforms/templates/teststartpage.html
View File

@ -13,9 +13,7 @@
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<div class="textblock"> <div class="textblock">
<p>
Hallo und willkommen zu dieser Studie, danke für Ihre Teilnahme.
</p>
<p> <p>
In dieser Studie geht es um die Entwicklung von Gebärdensprachavataren, also animierte 3D-Avatare, die In dieser Studie geht es um die Entwicklung von Gebärdensprachavataren, also animierte 3D-Avatare, die
Gebärdensprache sprechen sollen. Gebärdensprache sprechen sollen.
@ -66,10 +64,6 @@
</p> </p>
</div> </div>
<form class="dsgvoform" action="{{ url_for('startpage') }}" method="post"> <form class="dsgvoform" action="{{ url_for('startpage') }}" method="post">
<label for="terms-and-conditions">
<input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" />
Ich akezeptiere die <a href="{{ url_for('datenschutz') }}">Datenschutzbestimmungen</a>
</label>
<div class="button-container"> <div class="button-container">
<input id="submitbutton" type="submit" value="submit" /> <input id="submitbutton" type="submit" value="submit" />
</div> </div>

12
slaeforms/userstudy1.json
View File

@ -1,7 +1,11 @@
{ {
"Block 0":{
"type": "SinglePage",
"template": "intropage.html"
},
"Block 1": { "Block 1": {
"type": "TaskTemplate", "type": "TaskTemplate",
"tempalte": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "empty", "type": "empty",
"list": { "list": {
@ -284,7 +288,7 @@
}, },
"Block 2": { "Block 2": {
"type": "TaskTemplate", "type": "TaskTemplate",
"tempalte": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "single_video", "type": "single_video",
"order": "random", "order": "random",
@ -466,7 +470,7 @@
}, },
"Block 3": { "Block 3": {
"type": "TaskTemplate", "type": "TaskTemplate",
"tempalte": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "double_video", "type": "double_video",
"list_1": { "list_1": {
@ -522,7 +526,7 @@
}, },
"Block 4": { "Block 4": {
"type": "TaskTemplate", "type": "TaskTemplate",
"tempalte": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "empty", "type": "empty",
"list": { "list": {