Pokročilé obrázky
Pokročilé funkcie obrázkov v rtSurvey: vodotlač, zobrazenie mediálnej mriežky a anotácie obrázkov.
Okrem štandardného typu otázky image rtSurvey poskytuje rozšírenia pre vodotlač zachytených fotografií a zobrazovanie viacerých obrázkov v mediálnej mriežke. Sú užitočné pre prieskumy založené na dôkazoch, kde fotografie musia byť označené identitou anketára alebo metadátami prieskumu, a pre vizuálne revízne rozhrania.
Vodotlač
Funkcia vodotlače prekrýva text alebo obrázok na zachytený fotografia pred jej uložením. Používa sa na označenie terénnych fotografií dátumom, menom anketára, GPS polohou alebo akýmikoľvek inými dátami prieskumu — čo sťažuje vydávanie existujúcich fotografií za čerstvo zachytené dôkazy.
Nastavenie
Použite watermark() v stĺpci calculation poľa image, v kombinácii s vzhľadom callapi:
watermark(type, size, distance, color, shadow, rotate, blur)
| Parameter | Popis |
|---|---|
type | 'text' pre textovú vodotlač; 'file' pre obrázkovu vodotlač |
size | Veľkosť písma v pixeloch (text) alebo veľkosť vodotlače ako % šírky obrázka (file) |
distance | Medzera medzi opakujúcimi sa dlaždicami vodotlače (pixely) |
color | Farba textu (CSS farba alebo hex). Nepoužíva sa pre typ file |
shadow | Farba tieňa (CSS farba alebo hex) |
rotate | Uhol otočenia v stupňoch (napr. 45 pre uhlopriečne) |
blur | Priehľadnosť vodotlače (0 = neviditeľná, 100 = plne nepriehľadná) |
Príklad textovej vodotlače
Prekrytie mena anketára a dnešného dátumu uhlopriečne cez každú zachytenú fotografiu:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Odfotografujte lokalitu | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
Text vodotlače sa prevezme z ${wm_text}. Nastavte pole textu vodotlače pred poľom obrázka vo formulári.
Príklad obrázkovej/logoovej vodotlače
Prekrytie loga organizácie (priložené ako mediálny súbor s názvom logo.png):
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Odfotografujte dôkaz | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
Späť/Vpred
Editor vodotlače podporuje späť a vpred — anketári môžu prechádzať históriou úprav pred potvrdením fotografie.
Dlaždice vodotlače
Vodotlač sa automaticky opakuje (dlaždice) cez celý obrázok. Parameter distance kontroluje medzery medzi dlaždicami; rotate kontroluje uhol každej dlaždice.
Widget mediálnej mriežky
Widget mediálnej mriežky zobrazuje kolekciu mediálnych súborov (obrázky, audio, video) v rozložení mriežky, čo umožňuje recenzentom alebo anketárom vizuálne prechádzať zachytené súbory.
Tento widget sa aktivuje vzhľadom mediagridwidget a zvyčajne sa používa v poliach note alebo calculate na zobrazenie predtým zachytených médií zo skupiny opakovaní.
Príklad: Zobrazenie všetkých fotografií z opakovania ako mriežku
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Skontrolujte zachytené fotografie | mediagridwidget |
Najlepšie postupy pre fotografovanie s vodotlačou
- Vždy vypočítajte text vodotlače v poli
calculatenad poľom obrázka, aby bol dostupný pri fotografovaní. - Použite uhol otočenia (napr. 45°) aby vodotlač bolo ťažšie orezať.
- Nastavte priehľadnosť (
blur) medzi 30–60 % — dostatočne vysokú na čitateľnosť, dostatočne nízku aby nezakrývala predmet fotografie. - Zahrňte meno anketára, dátum a GPS súradnice do textu vodotlače na maximalizáciu auditu.
- Testujte renderovanie vodotlače na zariadení s najnižšou konfiguráciou vo vašom parku — vodotlač na báze canvas môže byť pomalá na starším hardvéri.
Obmedzenia
- Vodotlač sa aplikuje na strane klienta pomocou HTML5 Canvas API — vyžaduje schopný prehliadač alebo mobilný WebView.
- Fotografie s veľmi vysokým rozlíšením môžu trvať niekoľko sekúnd na vodotlač na zariadeniach s nižším výkonom.
- Vodotlač je zapečená do súboru obrázka — po odoslaní ju nemožno odstrániť bez úpravy obrázka.
- Typ vodotlače
filevyžaduje, aby bol obrázok loga priložený ako mediálny súbor s presne očakávaným názvom súboru.