Erweiterte Bilder
Erweiterte Bildfunktionen in rtSurvey: Wasserzeichen, Medienraster-Anzeige und Bildannotationen.
Über den Standard-image-Fragetyp hinaus bietet rtSurvey Erweiterungen zum Wasserzeichnen aufgenommener Fotos und zur Anzeige mehrerer Bilder in einem Medienraster. Diese sind nützlich für evidenzbasierte Umfragen, bei denen Fotos mit der Interviewer-Identität oder Umfragemetadaten gekennzeichnet werden müssen, sowie für visuelle Überprüfungsoberflächen.
Wasserzeichen
Die Wasserzeichen-Funktion legt Text oder ein Bild auf ein aufgenommenes Foto, bevor es gespeichert wird. Damit werden Feldfotos mit Datum, Interviewername, GPS-Standort oder anderen Umfragedaten markiert — was es schwieriger macht, vorhandene Fotos als frisch aufgenommene Beweise auszugeben.
Einrichtung
Verwenden Sie watermark() in der calculation-Spalte eines image-Feldes in Kombination mit dem watermark-Erscheinungsbild:
watermark(type, size, distance, color, shadow, rotate, blur)
| Parameter | Beschreibung |
|---|---|
type | 'text' für ein Text-Wasserzeichen; 'file' für ein Bild-Wasserzeichen |
size | Schriftgröße in Pixeln (Text) oder Wasserzeichengröße als % der Bildbreite (Datei) |
distance | Abstand zwischen wiederholten Wasserzeichen-Kacheln (Pixel) |
color | Textfarbe (CSS-Farbe oder Hex). Wird beim Typ file nicht verwendet |
shadow | Schattenfarbe (CSS-Farbe oder Hex) |
rotate | Drehwinkel in Grad (z. B. 45 für diagonal) |
blur | Deckkraft des Wasserzeichens (0 = unsichtbar, 100 = vollständig undurchsichtig) |
Beispiel für Text-Wasserzeichen
Den Namen des Interviewers und das heutige Datum diagonal über jedes aufgenommene Foto legen:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Foto des Standorts aufnehmen | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
Der Wasserzeichentext wird aus ${wm_text} entnommen. Setzen Sie das Wasserzeichentextfeld vor dem Bildfeld im Formular.
Beispiel für Bild-/Logo-Wasserzeichen
Ein Organisationslogo (beigefügt als Mediendatei namens logo.png) überlagern:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Foto des Beweises aufnehmen | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
Rückgängig machen/Wiederholen
Der Wasserzeichen-Editor unterstützt Rückgängig machen und Wiederholen — Interviewer können durch den Bearbeitungsverlauf zurückgehen, bevor sie das Foto bestätigen.
Wasserzeichen-Kachelung
Das Wasserzeichen wiederholt sich (kachelt) automatisch über das gesamte Bild. Der Parameter distance steuert den Abstand zwischen Kacheln; rotate steuert den Winkel jeder Kachel.
Medienraster-Widget
Das Medienraster-Widget zeigt eine Sammlung von Mediendateien (Bilder, Audio, Video) in einem Rasterlayout an, sodass Prüfer oder Interviewer aufgenommene Dateien visuell durchsuchen können.
Dieses Widget wird durch das Erscheinungsbild mediagridwidget aktiviert und wird typischerweise auf note- oder calculate-Felder angewendet, um zuvor aufgenommene Medien aus einer Wiederholungsgruppe anzuzeigen.
Beispiel: Alle Fotos einer Wiederholung als Raster anzeigen
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Aufgenommene Fotos überprüfen | mediagridwidget |
Empfohlene Vorgehensweisen für Fotos mit Wasserzeichen
- Berechnen Sie den Wasserzeichentext immer in einem
calculate-Feld über dem Bildfeld, damit er beim Aufnehmen des Fotos verfügbar ist. - Verwenden Sie einen Drehwinkel (z. B. 45°), um das Zuschneiden von Wasserzeichen zu erschweren.
- Setzen Sie die Deckkraft (
blur) zwischen 30–60% — hoch genug, um lesbar zu sein, niedrig genug, um das Fotomotiv nicht zu verdecken. - Geben Sie Interviewername, Datum und GPS-Koordinaten im Wasserzeichentext an, um den Prüfwert zu maximieren.
- Testen Sie das Wasserzeichen-Rendering auf dem leistungsschwächsten Gerät Ihrer Flotte — canvas-basiertes Wasserzeichnen kann auf älterer Hardware langsam sein.
Einschränkungen
- Wasserzeichnen wird clientseitig mit der HTML5 Canvas API durchgeführt — es erfordert einen leistungsfähigen Browser oder mobilen WebView.
- Sehr hochauflösende Fotos können auf Low-End-Geräten einige Sekunden zum Wasserzeichnen benötigen.
- Wasserzeichen werden in die Bilddatei eingebrannt — sie können nach der Übermittlung nicht ohne Bildbearbeitung entfernt werden.
- Der Typ
filefür Wasserzeichen erfordert, dass das Logo-Bild als Mediendatei mit genau dem erwarteten Dateinamen beigefügt ist.