3. 폼 디자인 하기

앱을 처음 실행 시 첫번째 폼을 만들기 위한 화면으로 넘어갑니다. 

제목을 입력한 다음 계속하기를 누르면 폼 디자인 화면으로 넘어갑니다.

'Barcode' 및 'Timestamp' 폼 필드는 자동으로 생성되며 다음의 폼필드를 추가하여 구글 폼 처럼 재고관리앱을 만들 수 있습니다.

 

3.1 폼 필드 유형

드롭다운 메뉴 화살표를 눌러 폼 필드 유형을 선택하세요. 다음과 같이 다양한 폼 필드 유형을 제공하고 있습니다. 필요에 따라 다양한 폼 유형을 추가하여 폼 디자인을 하실 수 있습니다.
 

  • Barcode(바코드): 본 필드는 스캔을 위해 반드시 필요하며, 바코드 스캔 시 바코드 번호가 폼 상에 자동으로 나타납니다. 폼 제출 시 스캔된 바코드 번호가 구글 스프레드시트상에 기록되게 됩니다.

  • Timestamp(최근 업데이트): 스캔한 시간이 자동으로 기록되는 폼 필드입니다. 바코드 스캔 시 시간이 기록되길 원하면 본 폼 필드를 추가하셔야 합니다. 폼 필드 제목을 시간표기, 레코드시간 등 변경할 수 있습니다.

  • Date(날짜): 날짜를 입력할 수 있습니다. 캘린더가 나타나 원하는 날짜를 지정할 수 있습니다.

  • Short Answer(텍스트 필드): 간단한 텍스트 입력을 위한 필드입니다.

  • Paragraph(텍스트 영역): 단락 등 텍스트 필드보다 더 많은 텍스트 입력이 가능한 폼 필드 입니다.

  • Dropdown(드롭다운): 폼 필드 제목을 내가 원하는 것, 가령 장소나 카테고리 등으로 바꿀 수 있습니다.  항목에는 물류창고, 사무실, 주차장, 회의실 등 드롭다운을 위한 항목을 넣을 수 있습니다. 이를 통해 변경 사항을 나타내는데 유용하게 활용할 수 있습니다. 

  • Checkboxes(체크박스): 체크박스 필드는 체크박스 폼필드를 위해 사용할 수 있으며 폼 필드 제목(Filed Title)을 내가 원하는 것으로 바꿀 수 있습니다. 체크박스 필드이므로 체크박스가 나타나게되어 항목별 선택/선택해제를 할 수 있습니다.

  • Number Count(수량 카운트): 사용자가 플러스/마이너스 기호를 통해 수량을 조정할 수 있는 필드입니다. 동일 바코드로 복수의 아이템 운영시 유용합니다.

  • Radio Button(라디오 버튼): 항목 선택이 가능한 라디오 버튼 입니다. 복수의 항목 및 라디오 버튼 생성이 가능합니다. 라디오 버튼은 한개의 선택만 가능하도록 되어 있습니다.

  • GPS Coordinates(GPS 좌표): 스캔 한 위치를 기록하는 필드입니다. 위도와 경도 및 구글 지도 링크 필드가 생성됩니다.

  • Secondary Barcode(2차 바코드): 사용자는 두번째 바코드를 스캔할 수 있으며 이 내용은 구글 스프레드시트 동일 행에 기록됩니다.

  • Hidden(숨김): 본 숨김 필드는 폼 상에는 나타나지 않지만 구글 스프레드시트상에는 나타납니다. 별도 내부 관리를 위해 활용될 수 있습니다.​
     

  • Image(사진 이미지): 모바일에서 사진을 찍거나 선택하여 업로드 할수 있습니다. 폼 제출 시 구글 드라이브에 파일이 저장되며 시트에 링크로 기록됩니다. 만약 파일이 클 경우 폼 제출 시 업로드로 인해 시간이 다소 소요될 수 있습니다

  • Stock(재고관리): 재고 입출고 관리를 위한 필드입니다. Current Stock(현재 재고수량), Choose In Out(입/출고 선택) 드롭다운, Quantity(수량) 등 세 필드가 생성됩니다. Current Stock에는 총 재고 수량이 표시됩니다. 입고/출고를 드롭다운 메뉴에서 선택 후 수량을 입력하면 폼 제출 후 변경사항이 현재 재고수량에 적용됩니다. 가령, 현재 재고수량이 10으로 표시되어 있고 사용자가 드롭 다운에서 'In(입고)' 선택 후 3 개의 수량을 입력하여 제출합니다. 이후 동일한 바코드 항목이 다시 스캔하면 현재 재고수량이 13으로표시되어 있음을 확인할 수 있습니다. 

  • Current User(현재 사용자): 바코드 스캔 시 현재 NBS를 사용중인 사용자의 이메일 주소가 함께 기록됩니다. G 스위트 사용자가 NBS를 사용하고 있을 경우 어떤 사용자가 마지막으로 스캔했는지 확인할 수 있습니다.


원하시는 필드 유형을 선택하세요. 그런 다음 [+필드 추가] 를 눌러 폼 필드를 추가하실 수 있습니다.  순차적으로 필드를 더 추가하여 폼을 제작하세요.
 

3.2 폼 필드 옵션 수정하기


폼 필드 항목이나 제목 등 내용 수정을 위해서는 폼 필드 옆의 [+] 를 누르세요. 창이 확대되면 수정 가능한 세부 사항을 확인할 수 있습니다. 디폴트로 바코드 및 최근 업데이트 필드는 자동으로 추가됩니다.

 

  1. 필드제목: 폼 필드 제목 변경이 가능합니다.  Field Title(필드 제목)란으로 가서 필드 제목을 변경할 수 있습니다. 주의: 제목은 오직 텍스트와 숫자만 기입할 수 있으며 !, (), : 등 심볼을 넣으선 안됩니다.T 심볼 기입 시 구글 스캔 후 입력값이 구글 시트에 전송될 때 Error in Submit 오류가 발생할 수 있습니다.
     

  2. 필수항목: 필수 입력항목으로 할지 여부를 설정할 수 있습니다.
     

  3. 비활성화: “아니오”를 선택 시 사용자는 폼 필드에 입력 및 수정을 할 수 있습니다. “예”로 설정 시 폼 필드에 입력할 수 없습니다. Barcode 및 Last Updated 필드의 경우 디폴트로 No로 설정되어 있습니다.
     

  4. 삭제: 폼 필드 삭제를 하려면, 붉은색 버튼을 눌러 삭제 하실 수 있습니다.

3.3 미리보기

 

폼 디자인이 완료된 후 미리보기를 통해 모바일에서 폼이 어떻게 보일지 확인할 수 있습니다. 미리보기를 통해 내가 설정한 폼 필드 제목, 옵션 항목 등도 확인할 수 있습니다.


3.4 저장


[저장] 을 눌러 폼을 완료하고 생성 하세요. 사용자들은 NBS 앱 사용 시 본 폼을 작성하게 됩니다. 폼 저장 후 추후 폼 양식 필드 수정이 가능합니다. 보다 자세한 설명은 폼 수정하기를 참고해 주시기 바랍니다. 

폼 생성 후 메인화면으로 돌아가면 다음과 같은 화면을 확인할 수 있습니다. 이제 모바일로 가서 메인화면을 방문하면 "여기를 눌러 스캔하기"를 확인할 수 있으며 사용을 할 수 있습니다.

3.5 구글 스프레드시트 생성
 

폼 템플릿 생성이 되면 내 구글 드라이브에 구글 시트가 생성되었다는 알림이 나타납니다. 구글 스프레드시트는 내 구글 드라이브의 최근 문서함을 통해서도 쉽게 찾을 수 있습니다.