Survey123 웹사이트에서는 현장조사를 사용자의 눈에 띄게 나타나도록 구성하는 도구를 제공합니다. 갤러리에 제공된 현장조사 정보, 현장조사를 열었을 때 나타나는 제목, 현장조사의 색상과 스타일을 변경하여 시각적으로 눈에 띄게 구성할 수 있습니다. 현장조사에 미디어를 삽입하고 HTML 서식을 추가할 수도 있습니다.
썸네일, 제목, 설명, 태그 변경
썸네일과 현장조사 이름은 Survey123 웹사이트에서 현장조사를 시각적으로 구분할 수 있는 중요한 요소입니다. 용도에 맞게 여러 현장조사를 생성하거나 현장 직원이 현장조사를 두 개 이상 다운로드하는 경우 특히 중요합니다.
Survey123 웹사이트에서 현장조사를 편집할 때 탐색 모음에서 현장조사의 현재 제목을 클릭하여 현장조사 이름을 변경할 수 있습니다.
현장조사 항목의 썸네일, 태그, 요약을 변경하려면 현장조사 카드 우측 하단의 내 현장조사 페이지에서 현장조사 정보 편집 대화 상자를 엽니다. ArcGIS Online 또는 ArcGIS Enterprise에서 썸네일, 태그, 요약을 편집할 수도 있습니다.
현장조사 머리글, 설명, 바닥글 설정
뷰어 URL을 통해 현장조사를 열면 현장조사 머리글이 나타납니다. 이 제목에는 현장조사에 대한 자세한 내용이 설명되어 있습니다. 현장조사 머리글은 갤러리에 표시되어 있는 현장조사 이름과 같지 않습니다.
웹디자이너에서 현장조사 머리글을 선택하여 설정할 수 있습니다. 오른쪽의 창이 편집 창으로 전환되며 이 편집 창에서 표시된 제목을 변경할 수 있습니다. 현장조사 설명과 바닥글도 동일한 방법으로 편집할 수 있습니다.
현장조사 머리글은 텍스트나 이미지일 수 있습니다. 머리글 이미지에 제안되는 최대 너비는 680픽셀입니다.
현장조사 설명에는 링크를 비롯하여 이미지 및 서식 텍스트를 포함할 수 있습니다.
현장조사 바닥글에는 텍스트 및 URL이 포함될 수 있습니다.
현장조사에 이미지 사용
현장조사에 이미지를 사용하면 다방면에 도움이 됩니다. 시각적으로 뛰어난 현장조사를 만들 수 있을 뿐 아니라 현장조사 내 이미지를 통해 사용자가 정보를 작성할 때 좀 더 명확하게 판단할 수 있도록 도와줍니다. 현장조사에 이미지를 제공함으로써 시각적 식별이나 판단에 도움을 줄 수 있습니다.
이미지 삽입 버튼은 현장조사의 머리글, 설명, 비고 질문, 사용자 설정 현장조사 테마, 감사 메시지 화면을 편집할 때 사용할 수 있습니다. 이 버튼을 클릭한 후에는 온라인에서 호스팅된 이미지의 URL을 입력하거나 기기에 저장된 이미지를 업로드하도록 선택할 수 있습니다. 현장조사 접근성을 향상시키기 위해 대체 텍스트를 제공할 수도 있습니다. 온라인에서 호스팅된 이미지를 사용할 때는 공개적으로 공유된 이미지를 사용해야 합니다. 개방형 인터넷에 연결된 ArcGIS Online 또는 ArcGIS Enterprise에서 호스팅되는 이미지를 참조하려면 https://<org_url>/sharing/rest/content/items/<item_id>/data URL 형식을 사용해야 합니다.
비고:
Survey123 웹사이트와 ArcGIS Enterprise를 사용하는 경우에는 로컬에 저장된 이미지를 제공하는 옵션이 비활성화됩니다.
스타일 및 사용자 정의
디자인 창의 추가 탭에서 현장조사에 표시되는 현장조사 요소를 제어할 수 있습니다. 현장조사 요소 섹션을 사용하면 현장조사의 머리글, 설명, 바닥글을 비활성화하여 양식에 나타나지 않도록 설정할 수 있습니다.
디자인 창의 모양 탭에서는 현장조사의 시각화 요소를 제어할 수 있습니다.
테마 섹션에서는 여러 기본 테마 중에서 원하는 테마를 선택하여 현장조사의 배경 및 색상 구성표를 변경할 수 있습니다. 주택 아이콘이 표시된 테마 타일은 관리자가 설정한 기관의 공유 테마입니다.
이러한 테마 중 하나를 추가적으로 구성하려면 선택한 테마 아래의 테마 편집 버튼을 클릭합니다. 그러면 머리글, 콘텐츠, 웹페이지 섹션이 추가로 열리며, 이러한 섹션에서 해당 테마의 색상 또는 배경 이미지를 변경할 수 있습니다. 이렇게 사용자 정의된 테마는 설정 버튼으로 표시된 테마 타일에 저장됩니다.
사용자 정의된 테마의 왼쪽에 있는 기존 현장조사의 테마 타일을 통해 기관 내 다른 현장조사의 테마를 사용할 수 있습니다. 또한 이 테마는 테마 편집 옵션을 사용하여 추가로 사용자 정의할 수 있습니다. 기존 현장조사를 선택하고 나면 우측 하단에 다른 현장조사에서 선택 버튼이 나타납니다. 해당 버튼을 사용하여 기존의 다른 현장조사를 선택할 수 있습니다.
비고:
Survey123 Connect에서 발행한 현장조사의 모양을 편집할 때 디자인 창에는 실제 현장조사 대신 미리보기 현장조사가 표시됩니다. 또한 현장조사의 머리글과 바닥글 텍스트를 편집할 수 없습니다.
그룹, 페이지, 반복 색상
body::esri:style 열에 backgroundColor 및 borderColor 매개변수를 추가하여 전체 현장조사 스타일과 관계없이 그룹, 페이지, 반복에 대한 색상을 설정할 수 있습니다. 색상은 표준 HTML 색상 이름 또는 16진수 색상 코드로 지정할 수 있습니다. 이러한 등록정보는 질문에 대한 참조나 상수로 제공할 수 있습니다. 여러 매개변수는 공백으로 구분되는데 예를 들면 다음과 같습니다.
backgroundColor=LightCyan borderColor=#483D8B
비고:
backgroundColor 및 borderColor 매개변수는 Survey123 웹 앱에서 지원되지 않습니다.
격자 스타일 그룹에는 borderColor가 지원되지 않습니다.
HTML 서식
HTML 서식은 질문 레이블과 선택 항목 목록의 레이블에 사용할 수 있습니다. 이 텍스트에 서식을 적용하여 중요한 정보를 강조할 수 있습니다. 다음과 같은 HTML 서식이 지원됩니다.
| 태그 | 속성 |
|---|---|
a | href, style |
abbr | title |
audio¹ | autoplay, controls, loop, muted, preload |
b, strong, i, em, u, ul, ol, li, tbody, br, hr | |
dd, dl, dt | style |
div¹ | style, align |
figcaption | style |
figure | style |
font | size, color, style |
h1, h2, h3, h4, h5, h6 | style |
img | src, width, height, border, alt, style |
p | style |
source¹ | media, src, type |
span | style |
sub | style |
sup | style |
table | width, height, cellpadding, cellspacing, border, style |
| td, th | height, width, valign, align, colspan, rowspan, nowrap, style |
tr | height, valign, align, style |
video¹ | autoplay, controls, height, loop, muted, poster, preload, width |
¹Survey123 웹 앱에서만 지원됩니다.
비고:
선택 항목 레이블의 링크는 다음과 같은 경우에 Survey123 웹 앱에서 작동하지 않습니다.
- Survey123 Connect에서 설정한 모양이 숨김(minimal) 또는 자동 완성(autocomplete)인 경우
- Survey123 Connect에서 순위(rank) 질문 유형을 사용하는 경우
- Survey123 웹디자이너에서 드롭다운(Dropdown) 또는 순위(Ranking) 질문 유형을 사용하는 경우
기본 설정에 따라 Survey123 웹 앱에 열려 있는 HTML 서식으로 생성된 하이퍼링크를 클릭하면 현장조사와 동일한 탭에 목적지가 열립니다. 새 탭에 이 링크를 열려면 target="_blank"를 a href 태그에 추가합니다. 예시는 다음과 같습니다.
<a href="https://www.esri.com" target="_blank">Link to Esri website</a>
HTML 서식은 웹 양식의 다음 영역에 표시되지 않습니다.
- 필수 및 제약 조건 메시지
- 외부 선택 또는 외부 선택 질문의 선택 항목 레이블
- 선택 항목 순서가 랜덤화로 설정된 경우 선택 항목 레이블
감사 메시지 화면
Survey123 웹 앱에 사용자가 데이터를 제출하면 감사 메시지 화면이 나타납니다. 웹 디자이너의 옵션 탭에서 이 화면을 편집할 수 있으며 링크와 이미지를 포함하여 서식 있는 텍스트 편집을 사용할 수 있습니다.
방금 제출한 현장조사 응답을 편집 모드 또는 보기 모드로 다시 여는 링크를 감사 메시지 화면에 추가할 수 있습니다. 이러한 빌트인 링크는 동적 globalId 매개변수를 사용하여 응답을 열며 사용자는 이를 통해 응답을 편집하고 다시 제출하거나 읽기 전용 상태에서 볼 수 있습니다. 링크를 추가하려면 감사 메시지 화면 편집기에서 링크 버튼을 클릭합니다. 현장조사 응답을 편집하거나 볼 수 있도록 형식이 지정된 URL을 추가하려면 현장조사 링크 사용 버튼을 클릭합니다.
사용자가 클릭하여 현장조사를 다시 불러올 수 있는 링크를 감사 메시지 화면에 제공하거나, 지정된 지연 시간 후에 자동으로 현장조사를 다시 불러와 사용자가 새 응답을 제출할 수 있습니다. 또는 지정된 URL로 자동 리디렉션할 수 있습니다. 기본 지연 시간은 3초입니다. 지연이 0으로 설정된 경우, 현장조사가 완료될 때 감사 메시지 화면이 표시되지 않으며 현장조사가 완료되는 즉시 리디렉션이 발생합니다. 현장조사가 iframe을 사용하여 임베드된 경우 URL 리디렉션이 무시됩니다.
autoReload URL 매개변수는 Survey123 웹 디자이너에 설정된 지연 시간보다 우선합니다.
Survey123 Connect에서 설계된 현장조사의 경우 XLSForm에서 특별한 참고 사항 질문을 사용하여 감사 메시지 화면의 내용을 사용자 정의할 수도 있습니다. 자세한 내용은 양식 요소 사용자 정의를 참고하세요.