Advanced images
Funcionalidades avançadas de imagem no rtSurvey: marca de água, exibição em grelha de media e anotações de imagem.
Além do tipo de pergunta image padrão, o rtSurvey fornece extensões para marca de água em fotografias capturadas e exibição de múltiplas imagens numa grelha de media. Estas são úteis para inquéritos baseados em evidências onde as fotografias precisam de ser marcadas com a identidade do enumerador ou metadados do inquérito, e para interfaces de revisão visual.
Marca de água
A funcionalidade de marca de água sobrepõe texto ou uma imagem numa fotografia capturada antes de ser armazenada. Isto é usado para marcar fotografias de campo com a data, nome do enumerador, localização GPS ou quaisquer outros dados do inquérito — tornando mais difícil apresentar fotografias pré-existentes como evidências recentemente capturadas.
Configuração
Use watermark() na coluna calculation de um campo image, combinado com a aparência callapi:
watermark(type, size, distance, color, shadow, rotate, blur)
| Parâmetro | Descrição |
|---|---|
type | 'text' para uma marca de água de texto; 'file' para uma marca de água de imagem |
size | Tamanho da fonte em pixels (texto) ou tamanho da marca de água como % da largura da imagem (ficheiro) |
distance | Espaçamento entre mosaicos repetidos de marca de água (pixels) |
color | Cor do texto (cor CSS ou hex). Não usado para o tipo file |
shadow | Cor da sombra (cor CSS ou hex) |
rotate | Ângulo de rotação em graus (por ex., 45 para diagonal) |
blur | Opacidade da marca de água (0 = invisível, 100 = totalmente opaco) |
Exemplo de marca de água de texto
Sobreponha o nome do enumerador e a data de hoje diagonalmente em cada fotografia capturada:
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | wm_text | `concat(pulldata(‘app-api’, ‘user.name’), ' | ||
| image | site_photo | Tire uma fotografia do local | watermark | watermark('text', 20, 60, '#ffffff', '#000000', 45, 40) |
O texto da marca de água é retirado de ${wm_text}. Defina o campo de texto da marca de água antes do campo de imagem no formulário.
Exemplo de marca de água de imagem/logótipo
Sobreponha o logótipo de uma organização (anexado como ficheiro de media com o nome logo.png):
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| image | evidence_photo | Tire fotografia de evidências | watermark | watermark('file', 25, 80, '', '#000000', 0, 50) |
Desfazer/refazer
O editor de marca de água suporta desfazer e refazer — os enumeradores podem recuar no histórico de edição antes de confirmar a fotografia.
Mosaico de marca de água
A marca de água repete-se (em mosaico) por toda a imagem automaticamente. O parâmetro distance controla o espaçamento entre mosaicos; rotate controla o ângulo de cada mosaico.
Widget de grelha de media
O widget de grelha de media exibe uma coleção de ficheiros de media (imagens, áudio, vídeo) num layout de grelha, permitindo que revisores ou enumeradores naveguem nos ficheiros capturados visualmente.
Este widget é ativado pela aparência mediagridwidget e é tipicamente usado em campos note ou calculate para exibir media previamente capturada de um grupo de repetição.
Exemplo: Mostrar todas as fotografias de uma repetição como grelha
| type | name | label | appearance | calculation |
|---|---|---|---|---|
| calculate | photo_list | join(' ', ${site_photo}) | ||
| note | photo_review | Rever fotografias capturadas | mediagridwidget |
Melhores Práticas para fotografias com marca de água
- Calcule sempre o texto da marca de água num campo
calculateacima do campo de imagem para que esteja disponível quando a fotografia é tirada. - Use um ângulo de rotação (por ex., 45°) para tornar as marcas de água mais difíceis de recortar.
- Defina a opacidade (
blur) entre 30–60% — suficientemente alta para ser legível, suficientemente baixa para não obscurecer o assunto da fotografia. - Inclua o nome do enumerador, data e coordenadas GPS no texto da marca de água para maximizar o valor de auditoria.
- Teste a renderização da marca de água no dispositivo de menor especificação da sua frota — a marcação de água baseada em canvas pode ser lenta em hardware mais antigo.
Limitações
- A marcação de água é aplicada do lado do cliente usando a API HTML5 Canvas — requer um navegador capaz ou WebView móvel.
- Fotografias de resolução muito alta podem demorar vários segundos a marcar com água em dispositivos de baixo desempenho.
- As marcas de água estão incorporadas no ficheiro de imagem — não podem ser removidas após a submissão sem edição de imagem.
- O tipo de marca de água
filerequer que a imagem do logótipo seja anexada como ficheiro de media com exatamente o nome de ficheiro esperado.