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

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="bg-yellow-50 border border-yellow-200 p-6 rounded-lg mb-6">
<h2 class="text-2xl font-semibold text-gray-800 mb-4">
Informed Consent - Ceiling-AR Design Parameter Assessment
</h2>
<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">
Einverständniserklärung
</h2>
<div class="space-y-4 text-gray-700">
<p>
<strong>Zweck:</strong> Diese empirische Studie untersucht optimale Design-Parameter für
deckenbasierte Augmented-Reality-Anwendungen.
</p>
<div class="space-y-4 text-gray-700">
<p>
<strong>Purpose:</strong> This empirical study investigates optimal design parameters for
ceiling-based augmented reality applications within a Design Science Research framework
for academic research purposes.
</p>
<div>
<p class="font-semibold mb-2">Data Collection Protocol:</p>
<ul class="list-disc list-inside space-y-1 ml-4">
<li>Device specifications (display dimensions, browser version, operating system)</li>
<li>WebXR interaction metrics and motion tracking data</li>
<li>Parameter adjustment patterns and timing</li>
<li>Device orientation and viewing angle parameters</li>
<li>First input detection and natural gesture analysis</li>
<li>Optional demographic information (age)</li>
</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 class="mt-6">
<label class="flex items-start space-x-3 cursor-pointer">
<input
type="checkbox"
class="mt-1 h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
[checked]="consentGiven"
(change)="onConsentChange($event)"
>
<span class="text-gray-700">
I consent to data collection and agree to participate in this research study.
</span>
</label>
<div>
<p class="font-semibold mb-2">Datenerhebungsprotokoll:</p>
<ul class="list-disc list-inside space-y-1 ml-4">
<li>Gerätespezifikationen (Display-Abmessungen, Browser-Version, Betriebssystem)</li>
<li>WebXR-Interaktionsmetriken und Bewegungsverfolgungsdaten</li>
<li>Parameteranpassungsmuster und Timing</li>
<li>Geräteorientierung und Betrachtungswinkel-Parameter</li>
<li>Erste Eingabeerkennung und natürliche Gestenanalyse</li>
<li>Optionale demografische Informationen</li>
</ul>
</div>
<p>
<strong>Datenschutz:</strong> Alle erhobenen Daten werden anonymisiert und ausschließlich
für wissenschaftliche Analysen verwendet. Es werden keine personenbezogenen Daten erfasst.
</p>
<p>
<strong>Freiwillige Teilnahme:</strong> Die Teilnahme ist vollständig freiwillig.
Sie können jederzeit ohne Konsequenzen zurücktreten.
</p>
</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"
>
Initialize Assessment Suite
</button>
<div class="mt-6">
<label class="flex items-start space-x-3 cursor-pointer">
<input
type="checkbox"
class="mt-1 h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
[checked]="consentGiven"
(change)="onConsentChange($event)"
>
<span class="text-gray-700">
Ich stimme der Datenerhebung zu und erkläre mich bereit, an dieser Studie teilzunehmen.
</span>
</label>
</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>