Survey123 Connect에서는 현장조사를 사용자의 눈에 띄게 나타나도록 구성하는 도구를 제공합니다. 갤러리에 제공된 현장조사 정보, 현장조사를 열었을 때 나타나는 제목, 현장조사의 색상과 스타일을 변경하여 시각적으로 눈에 띄게 구성할 수 있습니다. 현장조사에 미디어를 삽입하고 HTML 서식을 추가할 수도 있습니다.
썸네일, 제목, 설명, 태그 변경
썸네일과 현장조사 이름은 Survey123 현장 앱 갤러리에서 현장조사를 시각적으로 구분할 수 있는 중요한 요소입니다. 용도에 맞게 여러 현장조사를 생성하거나 현장 직원이 현장조사를 두 개 이상 다운로드하는 경우 특히 중요합니다.
현장조사 항목의 썸네일과 기타 등록정보를 변경하려면 다음 단계를 완료합니다.
- Survey123 Connect에서 현장조사를 엽니다.
- 세부정보 탭을 클릭합니다.
- 썸네일 이미지를 클릭하여 이미지 파일로 이동합니다. 최상의 결과를 얻으려면 600x400픽셀 크기의 이미지를 사용합니다.
- 필요에 따라 항목 제목, 현장조사 요약 및 설명의 텍스트를 입력합니다.
현장조사가 발행되면 여기서 변경한 내용은 현장조사 갤러리와 ArcGIS 기관의 현장조사 양식 항목에 반영됩니다.
주의:
Survey123 Connect의 경우 썸네일에 사용된 모든 이미지 파일에는 소문자 파일 확장자를 사용해야 합니다. 대문자 파일 확장자는 Survey123 Connect에서 인식되지 않으므로 이러한 썸네일은 현장조사와 함께 발행되지 않습니다.
썸네일의 파일 이름에 공백, 심볼, 특수 문자가 포함되어 있는 경우 썸네일이 올바르게 표시되지 않을 수 있습니다.
현장조사 설명에 형식, 링크 또는 기타 서식 있는 텍스트 요소를 추가하려면 ArcGIS 기관의 양식 항목에 대한 설명 편집기를 사용하는 것을 권장합니다. ArcGIS 기관에서 양식 항목 등록정보를 편집할 때는 Survey123 Connect에서 현장조사를 다시 다운로드하여 세부정보 탭에서 변경 사항을 확인해야 합니다.
현장조사 제목 설정
갤러리에서 현장조사를 열면 현장조사 제목이 나타납니다. 이 제목에는 현장조사에 대한 자세한 내용이 설명되어 있습니다. 현장조사 제목은 갤러리에 표시되어 있는 현장조사 이름과 같지 않습니다.
설정 워크시트의 form_title 열에 값을 입력하여 현장조사 제목을 설정할 수 있습니다.
또는 generated_note_form_title이라는 현장조사에 비고 질문을 포함하여 현장조사 제목을 정의할 수 있습니다. 이 방법을 통해 제목에 대한 번역을 제공하고 ${question_name} 구문을 사용하여 제목에 설문 응답 값을 포함할 수 있습니다. 자세한 내용은 양식 요소 사용자 정의를 참고하세요.
현장조사에 미디어 추가
현장조사에 미디어를 추가하면 다방면에 도움이 됩니다. 시각적으로 뛰어난 현장조사를 만들 수 있을 뿐 아니라 현장조사 내 이미지 또는 오디오를 통해 사용자가 정보를 작성할 때 좀 더 명확하게 판단할 수 있도록 도와줍니다. 현장조사에 이미지를 제공함으로써 시각적 식별이나 판단에 도움을 줄 수 있습니다.
현장조사에 포함되기 위해서는 이미지 및 오디오 파일이 현장조사 프로젝트의 미디어 폴더에 저장되어 있어야 합니다.
이미지 파일에 대한 정확한 파일 이름(파일 확장자 포함)을 현장조사 워크시트의 media::image 열에 포함하여 이미지를 질문에 추가할 수 있습니다. 지원되는 파일 형식에는 BMP, GIF, JPC, JPE, JPEG, JPF, JPG, PNG 등이 있습니다. GIF 이미지의 경우 애니메이션은 Survey123 웹 앱에서만 지원됩니다. Survey123 현장 앱은 TIF 및 TIFF 이미지도 지원합니다.
오디오 파일에 대한 정확한 파일 이름(파일 확장자 포함)을 현장조사 워크시트의 media::audio 열에 포함하여 오디오를 어떤 질문에든 추가할 수 있습니다. 지원되는 파일 형식에는 MP3 및 WAV가 있습니다. 특정 플랫폼에서는 추가 오디오 형식이 지원됩니다. 예를 들어 iOS에서는 M4A 파일 재생이 지원됩니다. 현장조사에 오디오가 포함되어 있으면 양식에 스피커 버튼이 활성화됩니다. 이 버튼을 선택하면 오디오 파일이 재생됩니다.
비고:
Survey123은 대소문자를 구분합니다. 파일 이름과 파일 확장자에 대한 모든 참조에는 실제 파일과 동일하게 대소문자를 구분하여 입력해야 합니다. 예를 들어 Tree.JPG는 tree.jpg와 다르며 이렇게 참조될 경우 현장조사에 이미지가 표시되지 않습니다.
선다형 질문의 선택 이미지는 숨김 또는 자동 완성 모양을 사용할 때 Survey123 웹 앱에서 지원되지 않습니다.
질문과 연관되지 않은 오디오 클립을 재생하거나 이미지를 표시하려는 경우에는 메모 질문을 사용합니다.
비고에 미디어 추가
현장조사에 이미지를 추가하려면 다음 단계를 완료하세요.
- Survey123 Connect에서 현장조사를 미리 봅니다.
- 하단의 도구모음에서 미디어 탭을 엽니다.
- 미디어 폴더 열기를 클릭하고 이미지 파일을 추가합니다.
그러면 이 파일이 미디어 탭에 나타납니다.
- 현장조사 워크시트에서 비고(note) 질문을 추가하고 media::image 열에 이미지의 파일 이름을 입력합니다.
미디어 이름은 대소문자를 구분합니다.
이 이미지는 현장조사의 비고에 표시됩니다. 이미지를 선택하여 전체 화면 뷰로 엽니다. 현장조사로 돌아가려면 좌측 상단에 있는 뒤로 버튼을 선택합니다.
선택 목록에 미디어 추가
단답형(select one) 질문 및 선다형(select multiple) 질문의 선택 항목에 이미지와 오디오를 추가하여 사용자에게 각 선택 항목에 대한 추가 정보를 제공할 수도 있습니다.
단답형 질문 및 선다형 질문의 선택 항목에 미디어를 추가하려면 다음 단계를 완료합니다.
- Survey123 Connect에서 현장조사를 미리 봅니다.
- 하단의 도구모음에서 미디어 탭을 엽니다.
- 미디어 폴더 열기를 클릭하고 이미지 및 오디오 파일을 추가합니다.
이러한 파일은 미디어 탭에 나타납니다.
- 선택 항목 워크시트에서 선택 목록에 선택 항목을 추가하고 media::image 열에 선택 항목에 대한 이미지의 파일 이름을 입력합니다.
미디어 이름은 대소문자를 구분합니다.
- media::audio 열에 선택 항목에 대한 오디오 파일의 파일 이름을 입력합니다.
- 목록의 다른 선택 항목에 대해 4단계와 5단계를 반복합니다.
해당 선택 목록을 사용하는 단답형 질문 및 선다형 질문의 각 선택 항목과 함께 이미지와 오디오 클립이 제공됩니다.
스타일 설정
스타일 설정을 사용하면 다양한 현장조사 요소의 색상을 제어할 수 있습니다. 스타일 패널은 양식 탭의 우측에 있습니다.
현장조사 머리글, 본문, 입력 필드, 바닥글의 텍스트 및 배경 색상을 사용자 정의할 수 있습니다. 팔레트 버튼을 클릭하여 색상을 선택하거나 제공된 필드에 16진수 색상 코드 또는 HTML 색상 이름을 입력합니다. 텍스트 색상 입력 위의 대비 버튼을 통해 가독성을 확인할 수 있습니다. 이 버튼을 클릭하여 텍스트 및 배경 색상 간의 명암비를 확인할 수 있습니다. 4.5 미만의 명암비는 권장되지 않으며 빨간색 대비 버튼으로 표시됩니다.
또한 이미지를 현장조사의 배경으로 사용할 수 있습니다. 배경 이미지로 선택한 이미지 파일은 현장조사 프로젝트 폴더의 미디어 하위 폴더에 복사됩니다.
그룹, 페이지, 반복 색상
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 웹 앱에 사용자가 데이터를 제출하면 감사 메시지 화면이 나타납니다. 웹 디자이너의 옵션 탭에서 이 화면을 편집할 수 있으며 링크와 이미지를 포함하여 서식 있는 텍스트 편집을 사용할 수 있습니다.
비고:
Survey123 Connect에서 설계된 현장조사의 경우 Survey123 웹사이트에서 해당 현장조사의 디자인 > 옵션 탭을 통해 감사 메시지 화면을 편집할 수 있습니다. 이러한 변경 내용을 저장하려면 발행을 클릭한 다음 확인합니다.방금 제출한 현장조사 응답을 편집 모드 또는 보기 모드로 다시 여는 링크를 감사 메시지 화면에 추가할 수 있습니다. 이러한 빌트인 링크는 동적 globalId 매개변수를 사용하여 응답을 열며 사용자는 이를 통해 응답을 편집하고 다시 제출하거나 읽기 전용 상태에서 볼 수 있습니다. 링크를 추가하려면 감사 메시지 화면 편집기에서 링크 버튼을 클릭합니다. 현장조사 응답을 편집하거나 볼 수 있도록 형식이 지정된 URL을 추가하려면 현장조사 링크 사용 버튼을 클릭합니다.
사용자가 클릭하여 현장조사를 다시 불러올 수 있는 링크를 감사 메시지 화면에 제공하거나, 지정된 지연 시간 후에 자동으로 현장조사를 다시 불러와 사용자가 새 응답을 제출할 수 있습니다. 또는 지정된 URL로 자동 리디렉션할 수 있습니다. 기본 지연 시간은 3초입니다. 지연이 0으로 설정된 경우, 현장조사가 완료될 때 감사 메시지 화면이 표시되지 않으며 현장조사가 완료되는 즉시 리디렉션이 발생합니다. 현장조사가 iframe을 사용하여 임베드된 경우 URL 리디렉션이 무시됩니다.
autoReload URL 매개변수는 Survey123 웹 디자이너에 설정된 지연 시간보다 우선합니다.
Survey123 Connect에서 설계된 현장조사의 경우 XLSForm에서 특별한 참고 사항 질문을 사용하여 감사 메시지 화면의 내용을 사용자 정의할 수도 있습니다. 자세한 내용은 양식 요소 사용자 정의를 참고하세요.