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

2
slaeforms/app.py
View File

@ -204,7 +204,7 @@ def startpage():
print("order: ",order) print("order: ",order)
#TODO random is not implemented here #TODO random is not implemented here
session["block_order"][name] = order session["block_order"][name] = order
case "empty": case "empty":
order = list(config[name]["stimuli"]["list"]) # order = list of simuli keys order = list(config[name]["stimuli"]["list"]) # order = list of simuli keys
print("order: ",order) print("order: ",order)
session["block_order"][name] = order session["block_order"][name] = order

13
slaeforms/templates/intropage.html
View File

@ -12,24 +12,19 @@
<div class="container"> <div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <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"> <div class="textblock">
<p style="font-size: 22px;"> <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. 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 "Gebärdensprach"-Button auf der rechten Seite des Bildschirms klicken, um das Video und den Erklärtext zu sehen. 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. Sie können den Button nochmal anklicken, um wieder zur Aufgabe zurückzukommen.
</p> </p>
<div style="margin: auto; display: block; max-width: 90px;"> <div style="margin: auto; display: block; max-width: 90px;">
<button style="margin: auto; max-width: 90px;"><img class="infoButtonIcon" id="buttonInfoIcon" <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> </div>
<p style="font-size: 22px; text-align: center;"> <p style="font-size: 22px; text-align: center;">
Der Gebärdensprach-Button. Das ist der Info-Button.
</p> </p>
</div> </div>

4
slaeforms/templates/p1intro.html
View File

@ -12,10 +12,6 @@
<div class="container"> <div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <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"> <div class="textblock">
{% include "p1infos.html" %} {% include "p1infos.html" %}

4
slaeforms/templates/p2intro.html
View File

@ -12,10 +12,6 @@
<div class="container"> <div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <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"> <div class="textblock">
{% include "p2infos.html" %} {% include "p2infos.html" %}

4
slaeforms/templates/p3intro.html
View File

@ -12,10 +12,6 @@
<div class="container"> <div class="container">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <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"> <div class="textblock">
{% include "p3infos.html" %} {% include "p3infos.html" %}

66
slaeforms/templates/standard_template.html
View File

@ -13,6 +13,13 @@
allowfullscreen></iframe> allowfullscreen></iframe>
</div> </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") %} {% elif (embed == "no") %}
<video controls> <video controls>
@ -42,8 +49,6 @@
</div> </div>
</div> </div>
<div class="dv_half"> <div class="dv_half">
<div class="iframe-container"> <div class="iframe-container">
<iframe class="center" src="{{ video_url2 }}" title="YouTube video player" frameborder="0" <iframe class="center" src="{{ video_url2 }}" title="YouTube video player" frameborder="0"
@ -53,6 +58,25 @@
</div> </div>
</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") %} {% elif (embed == "no") %}
<div class="double_video_container"> <div class="double_video_container">
<div class="dv_half"> <div class="dv_half">
@ -118,12 +142,14 @@ step={{question["step"]}}
{% if (infovideo) %} {% if (infovideo) %}
<dialog> <dialog>
<button class="dialogBtn" autofocus><img class="infoButtonIcon" id="buttonClose" <button class="dialogBtn" autofocus><img class="infoButtonIcon" id="buttonClose"
src="{{ url_for('static', filename='icons/x-icon.png')}}" alt="Delete Icon"></button> src="{{ url_for('static', filename='icons/x-icon.png')}}" alt="Delete Icon"></button>
{% if ("videourl" in infovideo) %}
<video controls> <video controls>
<source src="{{ url_for('static', filename=infovideo['videourl']) }}" type="video/mp4"> <source src="{{ url_for('static', filename=infovideo['videourl']) }}" type="video/mp4">
</video> </video>
{% endif %}
<div class="dialogTextContainer"> <div class="dialogTextContainer">
{% if ("infotext" in infovideo) %} {% if ("infotext" in infovideo) %}
<p>{{ infovideo["infotext"] }}</p> <p>{{ infovideo["infotext"] }}</p>
@ -134,7 +160,7 @@ step={{question["step"]}}
</div> </div>
</dialog> </dialog>
<button class="dialogBtn"><img class="infoButtonIcon" id="buttonInfoIcon" <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> <script src="{{ url_for('static', filename='infoDialogScript.js')}}"></script>
{% endif %} {% endif %}
@ -157,7 +183,7 @@ step={{question["step"]}}
<div class="spacer" aria-hidden="true" style="height:30px"></div> <div class="spacer" aria-hidden="true" style="height:30px"></div>
<div class="questioncontainer"> <div class="questioncontainer">
<h3 style="margin: auto;">{{ questions[question]['text']}}</h3> <h3 style="margin: auto;">{{ questions[question]['text']}}</h3>
</div> </div>
<div class="spacer" aria-hidden="true" style="height:60px"></div> <div class="spacer" aria-hidden="true" style="height:60px"></div>
@ -165,7 +191,7 @@ step={{question["step"]}}
{% elif (questions[question]["type"] == "likert") %} {% elif (questions[question]["type"] == "likert") %}
<div class="likertcontainer"> <div class="likertcontainer">
<div class="questioncontainer"> <div class="questioncontainer">
<h3>{{ questions[question]['text']}}</h3> <h3>{{ questions[question]['text']}}</h3>
</div> </div>
<div class="likert" style="--likert-rows: {{ questions[question]['points']|length() }}"> <div class="likert" style="--likert-rows: {{ questions[question]['points']|length() }}">
{% for point in questions[question]["points"] %} {% for point in questions[question]["points"] %}
@ -184,7 +210,7 @@ step={{question["step"]}}
{% elif (questions[question]["type"] == "likert-basic") %} {% elif (questions[question]["type"] == "likert-basic") %}
<div class="questioncontainer"> <div class="questioncontainer">
<h3>{{ questions[question]['text']}}</h3> <h3>{{ questions[question]['text']}}</h3>
</div> </div>
<div class="normal-likert-container"> <div class="normal-likert-container">
@ -263,7 +289,7 @@ step={{question["step"]}}
{% elif (questions[question]["type"] == "multiplechoice") %} {% elif (questions[question]["type"] == "multiplechoice") %}
<div class="compressWidth"> <div class="compressWidth">
<p> <p>
<div> <div>
{{ questions[question]['text']}} {{ questions[question]['text']}}
{% for point in questions[question]["points"] %} {% for point in questions[question]["points"] %}
@ -274,7 +300,7 @@ step={{question["step"]}}
{% endfor %} {% endfor %}
</div> </div>
</p> </p>
</div> </div>
<div class="spacer" aria-hidden="true" style="height:30px"></div> <div class="spacer" aria-hidden="true" style="height:30px"></div>
@ -321,13 +347,13 @@ step={{question["step"]}}
<div class="spacer" aria-hidden="true" style="height:30px"></div> <div class="spacer" aria-hidden="true" style="height:30px"></div>
<div class="button-container"> <div class="button-container">
{% if ("lastquestion" in stimlui) %} {% if ("lastquestion" in stimlui) %}
<button id="submitbutton" type="submit">Studie Beenden</button> <button id="submitbutton" type="submit">Studie Beenden</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" />--> <!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> /// <input class="inputs" id="submitbutton" type="submit" value="submit" />-->
{% else %} {% else %}
<button id="submitbutton" type="submit">Weiter</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" />--> <!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> /// <input class="inputs" id="submitbutton" type="submit" value="submit" />-->
{% endif %} {% endif %}
</div> </div>
</form> </form>
@ -336,10 +362,10 @@ step={{question["step"]}}
</body> </body>
<footer> <footer>
<div class="container" style="font-size: 19px;"> <div class="container" style="font-size: 19px;">
<a href="{{ url_for('startpage') }}" target="_blank">Startseite</a> <a href="{{ url_for('startpage') }}" target="_blank">Startseite</a>
<a href="{{ url_for('impressum') }}" target="_blank">Impressum</a> <a href="{{ url_for('impressum') }}" target="_blank">Impressum</a>
<a href="{{ url_for('datenschutz') }}" target="_blank">Datenschutz</a> <a href="{{ url_for('datenschutz') }}" target="_blank">Datenschutz</a>
</div> </div>
</footer> </footer>
</html> </html>

8
slaeforms/templates/startpage.html
View File

@ -12,11 +12,6 @@
<div class="container" style="height: 100%; font-size: 22px;"> <div class="container" style="height: 100%; font-size: 22px;">
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2> <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"> <div class="textblock">
<p> <p>
Hallo und willkommen zu dieser Studie, danke für Ihre Teilnahme. 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. 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>
<p> <p>
Für jeden Teil der Studie gibt es ein Video, das die Fragestellung und die Antwortmöglichkeiten in 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
Gebärdensprache erklärt. Falls Sie das Video während der Studie nochmal sehen möchten, können Sie es
über den „Info“-Knopf auf der rechten Seite aufrufen. über den „Info“-Knopf auf der rechten Seite aufrufen.
</p> </p>
<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", "type": "TaskTemplate",
"template": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "single_video", "type": "empty",
"order": "",
"list": { "list": {
"video_1": "platzhalter-video.mp4" "empty_stimulus": ""
},
"configuration": {
"embed": "no"
} }
}, },
"questions": { "questions": {
@ -226,7 +223,6 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "dqinfos.html", "htmlblock": "dqinfos.html",
"configuration": { "configuration": {
"embed": "no" "embed": "no"
@ -433,7 +429,6 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p1infos.html", "htmlblock": "p1infos.html",
"configuration": { "configuration": {
"embed": "no" "embed": "no"
@ -623,7 +618,6 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p1infos.html", "htmlblock": "p1infos.html",
"configuration": { "configuration": {
"embed": "no" "embed": "no"
@ -809,7 +803,6 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p2infos.html", "htmlblock": "p2infos.html",
"configuration": { "configuration": {
"embed": "no" "embed": "no"
@ -1001,7 +994,6 @@
} }
}, },
"infovideo": { "infovideo": {
"videourl": "videos/platzhalter-video.mp4",
"htmlblock": "p3infos.html", "htmlblock": "p3infos.html",
"configuration": { "configuration": {
"embed": "no" "embed": "no"
@ -1043,13 +1035,9 @@
"type": "TaskTemplate", "type": "TaskTemplate",
"template": "standard_template.html", "template": "standard_template.html",
"stimuli": { "stimuli": {
"type": "single_video", "type": "empty",
"order": "random",
"list": { "list": {
"video_1": "platzhalter-video.mp4" "empty_stimulus": ""
},
"configuration": {
"embed": "no"
}, },
"lastquestion": "true" "lastquestion": "true"
}, },