slight text changes, disable touch interaction, use minified version of model-viewer

master
MrPlatnum 2025-09-18 09:26:36 +02:00
parent ae5c2a40bb
commit eb69558504
10 changed files with 1096 additions and 10 deletions

View File

@ -36,7 +36,7 @@
<!-- Frage 2: Ausdauer (5 Minuten) -->
<div class="p-4 border border-gray-200 rounded-lg">
<label id="label-enduranceFiveMinutes" class="block text-sm font-medium text-gray-800 mb-3">
Ich glaube, ich könnte diese Position auch für 5 Minuten bequem halten. *
Ich glaube, ich könnte diese Position auch noch länger bequem halten. *
</label>
<div class="flex justify-between items-center">
<span class="text-xs text-gray-500 w-1/5 text-center">Stimme überhaupt<br>nicht zu</span>
@ -70,7 +70,7 @@
<!-- Frage 4: Physische Anstrengung (5 Minuten) -->
<div class="p-4 border border-gray-200 rounded-lg">
<label id="label-physicalStrain5min" class="block text-sm font-medium text-gray-800 mb-3">
Das Halten des Geräts für 5 Minuten wäre körperlich anstrengend. *
Das Halten des Geräts für eine noch längere Dauer wäre körperlich anstrengend. *
</label>
<div class="flex justify-between items-center">
<span class="text-xs text-gray-500 w-1/5 text-center">Stimme überhaupt<br>nicht zu</span>
@ -196,7 +196,7 @@
<div class="mb-8">
<h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
<span class="bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm mr-3">5</span>
Bewertung der Benutzerfreundlichkeit (SUS)
Bewertung der Benutzerfreundlichkeit
</h3>
<p class="text-sm text-gray-600 mb-6">Bitte bewerten Sie die folgende Anwendung anhand der nachstehenden Aussagen auf einer Skala von 1 (stimme überhaupt nicht zu) bis 5 (stimme voll zu).</p>

View File

@ -22,7 +22,7 @@ export class DemographicsFeedbackComponent implements OnInit {
isSubmitted = false;
susItems = [
{ label: 'Ich denke, dass ich diese AR-Anwendung gerne regelmäßig nutzen würde.', controlName: 'sus1' },
{ label: 'Ich denke, dass ich diese AR-Anwendung gerne regelmäßig nutzen würde. (zum Beipiel um Lampen vor dem Kauf anschauen zu können etc.)', controlName: 'sus1' },
{ label: 'Ich empfinde diese AR-Anwendung als unnötig komplex.', controlName: 'sus2' },
{ label: 'Ich empfinde diese AR-Anwendung als einfach zu nutzen.', controlName: 'sus3' },
{ label: 'Ich denke, dass ich technischen Support brauchen würde, um diese AR-Anwendung zu nutzen.', controlName: 'sus4' },

View File

@ -3,7 +3,8 @@
#modelViewer
class="absolute inset-0 w-full h-full"
src="models/untitled.glb"
ar
ar
ar-interaction="false"
ar-modes="webxr"
ar-placement="ceiling"
reveal="manual"

View File

@ -13,7 +13,7 @@ import {
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MetricsTrackerService } from '../../../../services/metrics-tracker.service';
import '../../../../../assets/scripts/model-viewer';
import '../../../../../assets/scripts/model-viewer.min.js';
@Component({
selector: 'app-spatial-position-assessment',

View File

@ -4,6 +4,7 @@
class="absolute inset-0 w-full h-full"
src="models/untitled.glb"
ar
ar-interaction="false"
ar-modes="webxr"
ar-placement="ceiling"
reveal="manual"

View File

@ -13,7 +13,7 @@ import {
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MetricsTrackerService } from '../../../../services/metrics-tracker.service';
import '../../../../../assets/scripts/model-viewer';
import '../../../../../assets/scripts/model-viewer.min.js';
@Component({
selector: 'app-spatial-stability-assessment',

View File

@ -1,6 +1,7 @@
<div class="w-full h-full relative">
<model-viewer #modelViewer class="absolute inset-0 w-full h-full"
src="models/untitled.glb"
ar-interaction="false"
ar ar-modes="webxr" ar-placement="ceiling"
loading="eager"
(preload)="onModelPreload()"

View File

@ -13,7 +13,7 @@ import {
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { MetricsTrackerService } from '../../../../services/metrics-tracker.service';
import '../../../../../assets/scripts/model-viewer';
import '../../../../../assets/scripts/model-viewer.min.js';
@Component({
selector: 'app-text-legibility-assessment',
@ -34,7 +34,7 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
public isArActive = false;
public isModelPlaced = false;
public isDescriptionVisible = true;
isModelLoading: boolean = true;
minSize = 2;
maxSize = 64;

View File

@ -29,7 +29,7 @@
<!-- Description -->
<div class="bg-gray-50 border border-gray-200 rounded-lg p-4 mb-4 font-mono text-sm">
<div class="text-black-600">
<h2 class="text-base mb-2">In diesem Test geht es darum, die Lesbarkeit von Texten in Augmented-Reality-Umgebungen (AR) im Kontext von Decken zu untersuchen.</h2>
<h2 class="text-base mb-2">In diesem Test geht es darum, die Lesbarkeit von Texten in Augmented-Reality-Umgebungen (AR) im Kontext von Deckenflächen zu untersuchen.</h2>
<ul class="list-disc pl-4 space-y-1">
<li>Stellen Sie bitte zunächst die Textgröße auf die <strong>minimale</strong> Stufe ein, bei der Sie den Text gerade noch entziffern können.</li>
<li>Passen Sie als Nächstes die Textgröße auf die <strong>maximale</strong> Stufe an, bei der der gesamte Inhalt noch vollständig auf dem Bildschirm sichtbar bleibt.</li>

1083
src/assets/scripts/model-viewer.min.js vendored Normal file

File diff suppressed because one or more lines are too long