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

Final changes (deploy without exp videos)

Browse Source
This commit is contained in:
Jan 2024-11-12 16:17:07 +01:00
parent 26c28cd0da
commit 86c5f3fdea
9 changed files with 1137 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
slaeforms/templates/intropage.html
View File

@ -12,24 +12,19 @@
<div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<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ärvideo, 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ärdensprach"-Button auf der rechten Seite des Bildschirms klicken, um das Video und den Erklärtext zu sehen.
Bei allen Aufgaben in dieser Studie gibt es Texte, in denen die Aufgaben und die Antwortmöglichkeiten erklärt werden.
Falls Sie Fragen haben oder eine Aufgabe nicht verstehen, können Sie den "Info"-Button auf der rechten Seite des Bildschirms klicken, um den Erklärtext 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: 90px;"><img class="infoButtonIcon" id="buttonInfoIcon"
src="{{ url_for('static', filename='icons/sl-icon.png')}}" alt="sign-language-icon"></button>
src="{{ url_for('static', filename='icons/info-icon.png')}}" alt="info-icon"></button>
</div>
<p style="font-size: 22px; text-align: center;">
Der Gebärdensprach-Button.
Das ist der Info-Button.
</p>
</div>

4
slaeforms/templates/p1intro.html
View File

@ -12,10 +12,6 @@
<div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<div class="textblock">
{% include "p1infos.html" %}

4
slaeforms/templates/p2intro.html
View File

@ -12,10 +12,6 @@
<div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<div class="textblock">
{% include "p2infos.html" %}

4
slaeforms/templates/p3intro.html
View File

@ -12,10 +12,6 @@
<div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<div class="textblock">
{% include "p3infos.html" %}

32
slaeforms/templates/standard_template.html
View File

@ -13,6 +13,13 @@
allowfullscreen></iframe>
</div>
{% elif (embed == "vimeo") %}
<div class="iframe-container">
<iframe title="vimeo-player" class="center" src="{{ video_url }}" frameborder="0" allowfullscreen></iframe>
</div>
{% elif (embed == "no") %}
<video controls>
@ -42,8 +49,6 @@
</div>
</div>
<div class="dv_half">
<div class="iframe-container">
<iframe class="center" src="{{ video_url2 }}" title="YouTube video player" frameborder="0"
@ -53,6 +58,25 @@
</div>
</div>
{% elif (embed == "vimeo") %}
<div class="double_video_container">
<div class="dv_half">
<div class="iframe-container">
<iframe title="vimeo-player" class="center" src="{{ video_url1 }}" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="dv_half">
<div class="iframe-container">
<iframe title="vimeo-player" class="center" src="{{ video_url2 }}" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
{% elif (embed == "no") %}
<div class="double_video_container">
<div class="dv_half">
@ -121,9 +145,11 @@ step={{question["step"]}}
<button class="dialogBtn" autofocus><img class="infoButtonIcon" id="buttonClose"
src="{{ url_for('static', filename='icons/x-icon.png')}}" alt="Delete Icon"></button>
{% if ("videourl" in infovideo) %}
<video controls>
<source src="{{ url_for('static', filename=infovideo['videourl']) }}" type="video/mp4">
</video>
{% endif %}
<div class="dialogTextContainer">
{% if ("infotext" in infovideo) %}
<p>{{ infovideo["infotext"] }}</p>
@ -134,7 +160,7 @@ step={{question["step"]}}
</div>
</dialog>
<button class="dialogBtn"><img class="infoButtonIcon" id="buttonInfoIcon"
src="{{ url_for('static', filename='icons/sl-icon.png')}}" alt="Info Icon"></button>
src="{{ url_for('static', filename='icons/info-icon.png')}}" alt="Info Icon"></button>
<script src="{{ url_for('static', filename='infoDialogScript.js')}}"></script>
{% endif %}

8
slaeforms/templates/startpage.html
View File

@ -12,11 +12,6 @@
<div class="container" style="height: 100%; font-size: 22px;">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
<video controls>
<source src="{{ url_for('static', filename='videos/platzhalter-video.mp4') }}" type="video/mp4">
</video>
<div class="spacer" aria-hidden="true" style="height:20px"></div>
<div class="textblock">
<p>
Hallo und willkommen zu dieser Studie, danke für Ihre Teilnahme.
@ -51,8 +46,7 @@
Das Laden der Seiten kann manchmal einige Sekunden dauern. Falls es zu einem Fehler kommen sollte und ein Video nicht geladen wird, versuchen Sie bitte die Seite neu zu laden.
</p>
<p>
Für jeden Teil der Studie gibt es ein Video, das die Fragestellung und die Antwortmöglichkeiten in
Gebärdensprache erklärt. Falls Sie das Video während der Studie nochmal sehen möchten, können Sie es
Für jeden Teil der Studie gibt es einen Text, der die Fragestellung und die Antwortmöglichkeiten erklärt. Falls Sie den Text während der Studie nochmal sehen möchten, können Sie es
über den „Info“-Knopf auf der rechten Seite aufrufen.
</p>
<p>

1080
slaeforms/userstudy1-vimeo.json Normal file
View File

File diff suppressed because it is too large Load Diff

22
slaeforms/userstudy1.json
View File

@ -7,13 +7,10 @@
"type": "TaskTemplate",
"template": "standard_template.html",
"stimuli": {
"type": "single_video",
"order": "",
"type": "empty",
"list": {
"video_1": "platzhalter-video.mp4"
},
"configuration": {
"embed": "no"
"empty_stimulus": ""
}
},
"questions": {
@ -226,7 +223,6 @@
}
},
"infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "dqinfos.html",
"configuration": {
"embed": "no"
@ -433,7 +429,6 @@
}
},
"infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p1infos.html",
"configuration": {
"embed": "no"
@ -623,7 +618,6 @@
}
},
"infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p1infos.html",
"configuration": {
"embed": "no"
@ -809,7 +803,6 @@
}
},
"infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p2infos.html",
"configuration": {
"embed": "no"
@ -1001,7 +994,6 @@
}
},
"infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p3infos.html",
"configuration": {
"embed": "no"
@ -1043,13 +1035,9 @@
"type": "TaskTemplate",
"template": "standard_template.html",
"stimuli": {
"type": "single_video",
"order": "random",
"type": "empty",
"list": {
"video_1": "platzhalter-video.mp4"
},
"configuration": {
"embed": "no"
"empty_stimulus": ""
},
"lastquestion": "true"
},