MrPlatnum
/
BachelorarbeitUmfrage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

translate consent page

master
MrPlatnum 2025-09-09 10:30:43 +02:00
parent 17890073b2
commit ca8d4e31da
1 changed files with 57 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
src/app/components/consent/consent.component.html
View File

@ -1,63 +1,62 @@
<div class="max-w-4xl mx-auto p-5 bg-white rounded-lg shadow-lg mt-8"> <div class="max-w-4xl mx-auto p-5 bg-white rounded-lg shadow-lg mt-8">
<div class="bg-yellow-50 border border-yellow-200 p-6 rounded-lg mb-6"> <div class="bg-yellow-50 border border-yellow-200 p-6 rounded-lg mb-6">
<h2 class="text-2xl font-semibold text-gray-800 mb-4"> <h2 class="text-2xl font-semibold text-gray-800 mb-4">
Informed Consent - Ceiling-AR Design Parameter Assessment Einverständniserklärung
</h2> </h2>
<div class="space-y-4 text-gray-700"> <div class="space-y-4 text-gray-700">
<p> <p>
<strong>Purpose:</strong> This empirical study investigates optimal design parameters for <strong>Zweck:</strong> Diese empirische Studie untersucht optimale Design-Parameter für
ceiling-based augmented reality applications within a Design Science Research framework deckenbasierte Augmented-Reality-Anwendungen.
for academic research purposes. </p>
</p>
<div> <div>
<p class="font-semibold mb-2">Data Collection Protocol:</p> <p class="font-semibold mb-2">Datenerhebungsprotokoll:</p>
<ul class="list-disc list-inside space-y-1 ml-4"> <ul class="list-disc list-inside space-y-1 ml-4">
<li>Device specifications (display dimensions, browser version, operating system)</li> <li>Gerätespezifikationen (Display-Abmessungen, Browser-Version, Betriebssystem)</li>
<li>WebXR interaction metrics and motion tracking data</li> <li>WebXR-Interaktionsmetriken und Bewegungsverfolgungsdaten</li>
<li>Parameter adjustment patterns and timing</li> <li>Parameteranpassungsmuster und Timing</li>
<li>Device orientation and viewing angle parameters</li> <li>Geräteorientierung und Betrachtungswinkel-Parameter</li>
<li>First input detection and natural gesture analysis</li> <li>Erste Eingabeerkennung und natürliche Gestenanalyse</li>
<li>Optional demographic information (age)</li> <li>Optionale demografische Informationen</li>
</ul> </ul>
</div>
<p>
<strong>Data Protection:</strong> All collected data will be anonymized and used
exclusively for scientific analysis. No personally identifiable information is recorded.
</p>
<p>
<strong>Voluntary Participation:</strong> Participation is entirely voluntary.
You may withdraw at any time without consequence.
</p>
</div> </div>
<div class="mt-6"> <p>
<label class="flex items-start space-x-3 cursor-pointer"> <strong>Datenschutz:</strong> Alle erhobenen Daten werden anonymisiert und ausschließlich
<input für wissenschaftliche Analysen verwendet. Es werden keine personenbezogenen Daten erfasst.
type="checkbox" </p>
class="mt-1 h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
[checked]="consentGiven" <p>
(change)="onConsentChange($event)" <strong>Freiwillige Teilnahme:</strong> Die Teilnahme ist vollständig freiwillig.
> Sie können jederzeit ohne Konsequenzen zurücktreten.
<span class="text-gray-700"> </p>
I consent to data collection and agree to participate in this research study.
</span>
</label>
</div>
</div> </div>
<div class="text-center"> <div class="mt-6">
<button <label class="flex items-start space-x-3 cursor-pointer">
(click)="startTestSuite()" <input
[disabled]="!consentGiven" type="checkbox"
class="px-7 py-3 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700 class="mt-1 h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
disabled:bg-gray-400 disabled:cursor-not-allowed transition-all duration-200 [checked]="consentGiven"
transform hover:scale-105 disabled:hover:scale-100" (change)="onConsentChange($event)"
> >
Initialize Assessment Suite <span class="text-gray-700">
</button> Ich stimme der Datenerhebung zu und erkläre mich bereit, an dieser Studie teilzunehmen.
</span>
</label>
</div> </div>
</div> </div>
<div class="text-center">
<button
(click)="startTestSuite()"
[disabled]="!consentGiven"
class="px-7 py-3 bg-blue-600 text-white font-medium rounded-md hover:bg-blue-700
disabled:bg-gray-400 disabled:cursor-not-allowed transition-all duration-200
transform hover:scale-105 disabled:hover:scale-100"
>
Umfrage starten
</button>
</div>
</div>