working into main, userstudy mostly finished #3

Merged
Jan merged 13 commits from working into main 2024-09-19 15:26:31 +02:00
3 changed files with 85 additions and 17 deletions
Showing only changes of commit 664c5bc1af - Show all commits

View File

@ -0,0 +1,65 @@
<div style="margin: auto; max-width: 80%;">
<p>Demographic Question Info:</p>
<ol start="1">
<li>Wie alt sind sie?</li>
<li>Wie ist ihr Geschlecht?
<ol>
<li>Männlich</li>
<li>Weiblich</li>
<li>Divers</li>
<li>Keine Angabe</li>
</ol></li>
<li>Was ist ihr höchster Bildungsabschluss?
<ol>
<li>Keiner</li>
<li>Hauptschule</li>
<li>Realschule</li>
<li>Ausbildung</li>
<li>Abitur</li>
<li>Fachhochschulreife</li>
<li>Bachelor</li>
<li>Master</li>
<li>Diplom</li>
<li>Magister</li>
<li>Promotion</li>
</ol>
</li>
<li>Wie ist ihr Hörstatus?
<ol>
<li>Gehörlos</li>
<li>Schwerhörig</li>
<li>Gehörlos mit Cochlea-Implantat</li>
<li>Hörend</li>
</ol>
</li>
<li>In welchem Alter wurden sie gehörlos/schwerhörig? ("0" für ab Geburt, "-1" falls sie hörend sind)</li>
<li>Seit welchem Alter lernen sie Gebärdensprache?</li>
<li>Sind ihre Eltern Gehörlos?
<ol>
<li>Ein Elternteil</li>
<li>Beide</li>
<li>Nein</li>
</ol>
</li>
<li>Welche Sprache(n) verwenden sie zuhause?
<ol>
<li>Deutsch</li>
<li>Gebärdensprache</li>
<li>Sonstige</li>
</ol>
</li>
<li>Welche Sprache(n) verwenden sie auf der Arbeit/in der Schule?
<ol>
<li>Deutsch</li>
<li>Gebärdensprache</li>
<li>Sonstige</li>
</ol>
</li>
<li>Haben sie schonmal Computeranimationen von Gebärdensprache gesehen? (Gebärdenavatare)
<ol>
<li>Ja</li>
<li>Nein</li>
</ol>
</li>
</ol>
</div>

View File

@ -121,13 +121,16 @@ 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>
<div class="iframe-container">
<iframe class="center" src="{{ infovideo['videourl'] }}" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<video controls>
<source src="{{ url_for('static', filename=infovideo['videourl']) }}" type="video/mp4">
</video>
<div class="dialogTextContainer">
{% if ("infotext" in infovideo) %}
<p>{{ infovideo["infotext"] }}</p>
{% endif %}
{% if ("htmlblock" in infovideo) %}
{% include infovideo["htmlblock"] %}
{% endif %}
</div>
</dialog>
<button class="dialogBtn"><img class="infoButtonIcon" id="buttonInfoIcon"

View File

@ -222,10 +222,10 @@
}
},
"infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. \n Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.",
"videourl": "videos/0009-inflected.mp4",
"htmlblock": "dqinfos.html",
"configuration": {
"embed": "yt"
"embed": "no"
}
},
"database_table": {
@ -442,10 +442,10 @@
}
},
"infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden.\\n Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt.\\n Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.",
"videourl": "0009-inflected.mp4",
"infotext": "nnnn",
"configuration": {
"embed": "yt"
"embed": "no"
}
},
"database_table": {
@ -508,10 +508,10 @@
}
},
"infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.",
"videourl": "0009-inflected.mp4",
"infotext": "nnnn",
"configuration": {
"embed": "yt"
"embed": "no"
}
},
"database_table": {
@ -543,10 +543,10 @@
}
},
"infovideo": {
"videourl": "https://www.youtube-nocookie.com/embed/F_w50c5Us3Y?si=-H07MmQ4lYOC2Bwh",
"infotext": "Hier wird in Zukunft ein Erklärtext stehen, in dem die Fragestellungen erklärt werden. Dazu werden alle Fragen der Seite einzeln durchgegangen und einfach erklärt. Zum Beispiel wird hier erklärt, dass man um Feedback zu geben, ein Video aufnehmen kann. Dazu drückt man auf den Knopf mit dem Videokamera Symbol. Danach muss man oben links am Browser bestätigen, dass der Browser auf die Kamera zugreifen darf.",
"videourl": "0009-inflected.mp4",
"infotext": "nnnn",
"configuration": {
"embed": "yt"
"embed": "no"
}
},
"database_table": {