Advanced images
Zaawansowane funkcje obrazów w rtSurvey: znakowanie wodne, siatka mediów i adnotacje obrazów.
Poza standardowym typem pytania image, rtSurvey udostępnia rozszerzenia do znakowania wodnego przechwytywanych zdjęć oraz wyświetlania wielu obrazów w siatce mediów. Są one przydatne w badaniach opartych na dowodach, gdzie zdjęcia muszą być oznaczone tożsamością ankietera lub metadanymi badania, oraz do wizualnych interfejsów przeglądu.
Znak wodny
Funkcja znaku wodnego nakłada tekst lub obraz na uchwycone zdjęcie przed jego zapisaniem. Służy do oznaczania zdjęć terenowych datą, nazwą ankietera, lokalizacją GPS lub innymi danymi ankiety — utrudniając przekazywanie istniejących zdjęć jako świeżo uchwyconego materiału.
Konfiguracja
Użyj watermark() w kolumnie calculation pola image, w połączeniu z wyglądem callapi:
watermark(type, size, distance, color, shadow, rotate, blur)
| Parametr | Opis |
|---|---|
type | 'text' dla znaku wodnego tekstowego; 'file' dla znaku wodnego obrazkowego |
size | Rozmiar czcionki w pikselach (tekst) lub rozmiar znaku wodnego jako % szerokości obrazu (plik) |
distance | Odstęp między powtarzającymi się kafelkami znaku wodnego (piksele) |
color | Kolor tekstu (kolor CSS lub hex). Nieużywany dla typu file |
shadow | Kolor cienia (kolor CSS lub hex) |
rotate | Kąt obrotu w stopniach (np. 45 dla ukośnego) |
blur | Krycie znaku wodnego (0 = niewidoczny, 100 = całkowicie nieprzezroczysty) |
Przykład tekstowego znaku wodnego
Nakryj imię ankietera i dzisiejszą datę ukośnie na każdym uchwyconym zdjęciu:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Zrób zdjęcie terenu | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
Tekst znaku wodnego pochodzi z ${wm_text}. Ustaw pole tekstu znaku wodnego przed polem obrazu w formularzu.
Przykład znaku wodnego z obrazem/logo
Nakryj logo organizacji (dołączone jako plik multimedialny o nazwie logo.png):
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Zrób zdjęcie dowodu | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
Cofnij/Ponów
Edytor znaków wodnych obsługuje cofanie i ponawianie — ankieterzy mogą cofać się przez historię edycji przed zatwierdzeniem zdjęcia.
Kafelkowanie znaku wodnego
Znak wodny automatycznie powtarza się (kafelkuje) na całym obrazie. Parametr distance kontroluje odstępy między kafelkami; rotate kontroluje kąt każdego kafelka.
Widget siatki mediów
Widget siatki mediów wyświetla kolekcję plików multimedialnych (obrazy, audio, wideo) w układzie siatki, umożliwiając recenzentom lub ankieterom przeglądanie przechwyconych plików wizualnie.
Ten widget jest aktywowany przez wygląd mediagridwidget i jest zazwyczaj używany w polach note lub calculate do wyświetlania wcześniej przechwyconych mediów z grupy powtórzeń.
Przykład: Pokaż wszystkie zdjęcia z powtórzenia jako siatkę
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Przeglądaj uchwycone zdjęcia | mediagridwidget |
Najlepsze praktyki dotyczące zdjęć ze znakiem wodnym
- Zawsze obliczaj tekst znaku wodnego w polu
calculatepowyżej pola obrazu, aby był dostępny podczas robienia zdjęcia. - Używaj kąta obrotu (np. 45°), aby utrudnić wykadrowanie znaków wodnych.
- Ustaw krycie (
blur) między 30–60% — wystarczająco wysokie, aby było czytelne, wystarczająco niskie, aby nie zasłaniać fotografowanego obiektu. - Uwzględnij imię ankietera, datę i współrzędne GPS w tekście znaku wodnego, aby zmaksymalizować wartość audytu.
- Testuj renderowanie znaku wodnego na urządzeniu o najniższej specyfikacji w swoim parku urządzeń — znakowanie wodne oparte na Canvas może być powolne na starszym sprzęcie.
Ograniczenia
- Znakowanie wodne jest stosowane po stronie klienta przy użyciu Canvas API HTML5 — wymaga zdolnej przeglądarki lub mobilnego WebView.
- Bardzo wysokiej rozdzielczości zdjęcia mogą potrzebować kilku sekund na oznaczenie wodne na słabszych urządzeniach.
- Znaki wodne są wbudowane w plik obrazu — nie można ich usunąć po przesłaniu bez edycji obrazu.
- Typ znaku wodnego
filewymaga dołączenia obrazu logo jako pliku multimedialnego z dokładnie oczekiwaną nazwą pliku.