[웹인] Google 사이트 도구 (14) - 방명록 만들기

본 게시물에서는 구글 양식도구와 응답 파일을 이용하여 방명록을 만들어보자.

Google 양식도구를 실행하고 [파일명]을 '방명록'으로 한 후 [텍스트] 유형의 항목을 설정한다. [질문 제목]은 '이름'으로 하자.

두 번째 질문 유형은 [단락 텍스트]로 하고 제목을 '내용'으로 설정한다.

양식 하단부에 있는 [다른 응답을 제출할 링크표시], [응답자가 응답을 제출한 후에 수정할 수 있도록 허용]에 체크한다.

[응답]-[응답 대상 변경]을 눌러 응답 파일을 생성한다.

Google 드라이브에서 '방명록'과 응답 파일을 선택하고 [공유] 버튼을 누른다.

[링크가 있는 모든 사용자에게 공개]로 공유 설정을 수행한다.

'방명록' 양식의 응답 파일을 열어보자. 아래 그림과 같이 응답 데이터가 있다고 가정할 때, 데이터가 증가하면 페이지가 넘어가 열 제목을 확인할 수 없게 된다. 열 제목은 각 열의 데이터를 대표하는 속성으로 사용자에게 항상 나타내줄 필요가 있다.

열 제목을 지속적으로 나타내기 위해 [보기]-[행 고정]-[행 1개 고정]을 누른다.

방명록은 최근에 작성한 글이 관리자와 다른 사용자에게 먼저 보이도록 되어 있다. 그렇지 않다면 페이지를 계속 스크롤해 가며 봐야하는 등 여러 불편함이 있을 것이다. 스프레드시트인 방명록 응답 파일은 데이터가 페이지 아래 방향으로 쌓이도록 되어 있어 지금 논한 불편함이 예상된다. 방명록 데이터를 시간의 역순으로 정렬하여 최신 내용이 상단에 보이도록 설정해보자. 응답 파일에 있는 시트의 이름을 '방명록(원본)'으로 수정하고 Google 스프레드시트 하단에 있는 [+] 버튼을 누른다.

새로운 시트가 생성되면 마우스로 드레그하여 가장 앞쪽으로 이동시키고 시트 이름을 '방명록(정렬본)'으로 수정한다.

'방명록(원본)' 시트에 있는 열 제목을 복사하여 '방명록(정렬본)' 시트의 첫 번째 행에 붙여넣는다. 

[보기]-[행 고정]-[행 1개 고정]을 눌러 열 제목을 고정시킨다.

'방명록(정렬본)' 시트의 [A2] 셀에 [=Sort('방명록(원본)'!A2:C,1,FALSE)] 수식을 입력한다.

그러면 '방명록(원본)' 시트에 있는 전체 데이터가 [타임스탬프] 열을 기준으로 역순 정렬이 되는 것을 확인할 수 있다. 

이제 '방명록' 양식 파일과 응답 파일을 [Google 사이트 도구]에 삽입해보자. [방명록] 메뉴를 눌러 해당 페이지로 이동한다.

화면 오른쪽 상단에 있는 [페이지 수정(e)]을 누른다.

편집 환경으로 전환되면 본문 영역에 커서를 놓는다.

'방명록' 양식 파일과 응답 파일을 모두 나타내기 위해 본문을 2열로 나눌 필요가 있다. [레이아웃]-[2열(단순)]을 누른다.

본문 영역의 왼쪽 열에 커서를 놓는다.

Google 양식을 삽입하기 위해 [삽입]-[드라이브]를 누른다.

[드라이브]에 있는 [양식]을 선택한다.

그러면 Google 드라이브에 있는 Google 양식 파일이 모두 나열된다. '방명록' 양식 파일에 체크하고 [선택] 버튼을 누른다.

다음에 나타나는 [Google 스프레드시트 양식 삽입] 창에서 [제목 표시]에 체크하고 제목을 '방명록 작성란'으로 수정한다. [높이]를 500, [너비]를 420으로 설정한 후 [저장] 버튼을 누른다.

설정을 마치면 아래 그림과 같이 [Google 양식도구] 개체가 본문 영역에 삽입되는 것을 확인할 수 있다. [Google 양식도구] 개체를 선택하면 작은 도구바가 나타나는데 여기서 [가운데 맞춤]을 눌러 너비 가운데로 위치시킨다.

오른쪽 열에 방명록 응답 파일을 삽입해보자. 오른쪽 열에 커서를 놓고 [삽입]-[드라이브]-[스프레드시트]를 누른다.

'방명록(응답)' 스프레드시트 파일에 체크하고 [선택] 버튼을 누른다.

다음에 나타나는 [Google 스프레드시트 삽입] 창에서 [제목 표시]에 체크하고 제목을 '방명록 내용 보기'로 수정한다. [높이]를 500, [너비]를 420으로 설정한 후 [저장] 버튼을 누른다.

화면 오른쪽 상단에 있는 [저장] 버튼을 눌러 삽입 과정을 마무리한다.

그러면 왼쪽 열에는 '방명록' 양식 파일이, 오른쪽 열에는 응답 파일이 아래 그림과 같이 나타나는 것을 확인할 수 있다.