Articulate Rise 360 · E-Learning

Handhygiene & Benetzung

Interaktive Übung mit Foto-Dokumentation und Hand-Markierung

📷

Schritt 1

Foto aufnehmen & Kategorien wählen

✋

Schritt 2

Hand-Bereiche markieren & bewerten

📄

Ergebnis

Kombiniertes PDF herunterladen

Code-Blöcke

Block 1 · mit Kamera

Foto-Aufnahme & Kategorisierung

Fotografieren Sie Ihre Hände und markieren Sie Bereiche ohne Benetzung.

  • ✓ Kamerazugriff mit Live-Vorschau
  • ✓ Foto-Snapshot via Canvas
  • ✓ 4 Kategorien als Checkboxen
  • ✓ Hinweis auf Fenster „ohne Kamera" bei fehlender Kamera
  • ✓ Datenübergabe via localStorage/IndexedDB
Schritt 1 von 2 Starten →
Block 1 · ohne Kamera

Kategorisierung (ohne Foto)

Für Teilnehmer ohne Kamera: Name & Kategorien als Selbsteinschätzung.

  • ✓ Keine Kamera-UI, nur Hinweistext
  • ✓ 4 Kategorien als Checkboxen
  • ✓ Referenz analog hygiene-training.com
  • ✓ Datenübergabe via localStorage
Schritt 1 von 2 Starten →
Block 2

Interaktive Hand-Markierung

Markieren Sie Bereiche auf der Hand-Grafik und erhalten Sie ein kombiniertes PDF.

  • ✓ Zeichnen mit Maus & Touch
  • ✓ 5 anatomische Scoring-Zonen
  • ✓ Automatische Punktzahl-Bewertung
  • ✓ Kombiniertes PDF (Foto + Markierung + Score)
  • ✓ Fallback bei fehlenden Block-1-Daten
Schritt 2 von 2 Starten →

Mögliche Lernpfade

📷

LS mit Kamera

  1. Foto der Hände aufnehmen
  2. Kategorien ohne Benetzung markieren
  3. Daten werden gespeichert & weitergegeben
  4. Hand-Bereiche auf Grafik markieren
  5. Scoring wird automatisch berechnet
  6. Kombiniertes PDF mit Foto + Markierung + Punktzahl herunterladen
🚫

LS ohne Kamera

  1. Hinweistext: Modus ohne Kamera
  2. Kategorien ohne Benetzung markieren
  3. Daten werden gespeichert & weitergegeben
  4. Hand-Bereiche auf Grafik markieren
  5. Scoring wird automatisch berechnet
  6. PDF ohne Foto (Hinweistext + Kategorien + Markierung + Punktzahl)

Einfärben

Schritt 1–4

Anleitung Einfärben

Schütteln, öffnen, dosieren, einreiben und 30 Sekunden einwirken lassen.

  • ✓ 4-Schritt-Wizard
  • ✓ 30-Sekunden-Timer
  • ✓ Sprachsteuerung
  • ✓ Platzhalter für Produktbilder
Schritt 1 von 3 Starten →
Schritt 5

Bewertung der Benetzung

Wählen Sie die erreichte Farbintensität und beantworten die Sichtbarkeitsfrage.

  • ✓ 3 Benetzungs-Möglichkeiten
  • ✓ Punkteabzug bei zu wenig Benetzung
  • ✓ Feedback- und Lernhilfe
  • ✓ Ja/Nein-Frage
Schritt 2 von 3 Starten →
Schritt 6

Fotoaufnahme & Markierung

4 Fotos der Hände aufnehmen und nicht benetzte Stellen markieren.

  • ✓ 4 Fotos (l/r Handrücken & Handfläche)
  • ✓ Markierung pro Foto
  • ✓ Jede Markierung = -2 Punkte
  • ✓ Feedback A: Handgriffe für Problemzonen
  • ✓ PDF-Dokumentation aller Fotos
Schritt 3 von 3 Starten →

ℹ️ Hinweis zum Testen

Block 1 muss vor Block 2 durchlaufen werden – die Daten werden im Browser (localStorage) gespeichert. In Articulate Rise 360 werden die Blöcke nacheinander im Kurs platziert; der Abschluss wird per postMessage an den Continue-Block gemeldet.