Handhygiene E-Learning – Übersicht

📷

Schritt 1

Foto aufnehmen & Kategorien wählen

✋

Schritt 2

Hand-Bereiche markieren & bewerten

📄

Ergebnis

Kombiniertes PDF herunterladen

Kombinierte Blöcke (empfohlen für Rise)

Kombiniert · Foto & Markierung

Foto, Kategorien & Hand-Markierung

Kompletter Ablauf in einem Block: Name oder Code → Foto/Kategorien → Hand-Markierung → PDF.

✓ Name oder Code (anonym möglich)
✓ Automatischer Kamera-Check (mit/ohne Kamera)
✓ Kategorien + interaktive Hand-Markierung
✓ Scoring & kombiniertes PDF
✓ Sprachsteuerung (offline, Vosk)

Ein Block = kompletter Ablauf Starten →

Kombiniert · Einfärben

Einfärben – komplette Übung

Anleitung → Bewertung → 4 Fotos mit Markierung → PDF. Ein einziger Block.

✓ Name oder Code (anonym möglich)
✓ 4 Anleitungsschritte mit 30-s-Timer
✓ Benetzungs-Bewertung + Sichtbarkeitsfrage
✓ 4 Fotos mit Markierung (−2 Pkt./Markierung)
✓ PDF-Dokumentation & Sprachsteuerung

Ein Block = kompletter Ablauf Starten →

Einzelblöcke (bisherige Version)

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 →

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

Foto der Hände aufnehmen
Kategorien ohne Benetzung markieren
Daten werden gespeichert & weitergegeben
Hand-Bereiche auf Grafik markieren
Scoring wird automatisch berechnet
Kombiniertes PDF mit Foto + Markierung + Punktzahl herunterladen

🚫

LS ohne Kamera

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

Einfärben

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 →

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 →

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 zu den kombinierten Blöcken

Die kombinierten Blöcke enthalten den kompletten Ablauf in einem Block – der Teilnehmer startet einmal und arbeitet alle Schritte durch. Alle benötigten Dateien (inkl. Sprachmodell) sind im ZIP enthalten. Der Abschluss wird per postMessage an Rise gemeldet (Continue-Block entsperren).