작업 지침 "UI 템플릿" 사용 방법

작업 지시서 "UI 템플릿" 사용 방법

UI 템플릿으로 작업 지시서 작성을 빠르게 시작하는 방법은 다음과 같습니다.

이 문서에서는 다음을 학습합니다.

• UI 템플릿을 사용하여 작업 지침을 빠르게 작성하는 방법
• 미리 빌드된 디자인을 사용하여 멋진 앱을 만드는 방법

참고: 이 주제는 Tulip University의 "기본 작업 지침 앱 만들기" 과정에 포함되어 있습니다.

모든 새 Tulip 계정에는 "UI 템플릿"이라는 폴더가 있으며, 이 폴더에는 "작업 지침 UI 템플릿"이라는 앱이 포함되어 있습니다.

이 앱은 실제 최전방 운영 앱의 예시가 아닙니다. 대신 자신만의 콘텐츠를 빠르게 복제하고 추가할 수 있는 3단계 템플릿을 제공합니다.

따라서 작업 지침 앱을 처음부터 디자인하는 대신 콘텐츠를 Tulip으로 마이그레이션하는 데 모든 에너지를 쏟을 수 있습니다.

이 템플릿을 사용하여 첫 번째 작업 지침 앱을 구축하는 방법은 다음과 같습니다.

앱을 빌드하기 전에 다음 가이드를 사용하여 첫 번째 프런트엔드 작업 앱을 계획하는 것이 좋습니다.

작업 지침 UI 템플릿 개요

템플릿에는 세 단계가 포함되어 있습니다:

1. 작업 지침의 한 단계에 해당하는 일반 단계
2. 운영자가 앱을 완료하고 데이터를 저장할 수 있는 '완료' 단계
3. 운영자가 결함을 보고할 수 있는 양식 단계.

첫 번째 단계의 모습은 다음과 같습니다:

이 세 단계를 통해 간단한 버전의 작업 지침을 만든 다음 Tulip에 대해 더 많이 배우면서 앱을 개선할 수 있습니다.

단계 템플릿 복제하기

템플릿을 사용하려면 화면 오른쪽의 컨텍스트 창에서 '단계 복제' 아이콘을 사용하여 첫 번째 단계를 복제 해야 합니다.

작업 지침의 모든 단계에 대해 이 단계를 복제합니다.

콘텐츠 추가하기

각 단계에 이미지와 텍스트를 추가하려면 Mac의 경우 CTRL + V 또는 CMD + V를 사용하여 클립보드에서 이미지와 텍스트를 붙여넣을 수 있습니다.

앱 완성하기

작업 지침의 마지막 단계는 "완료 단계"여야 합니다. 여기에는 '완료' 버튼이 포함되어 있어 각 개별 단계에 소요된 시간뿐만 아니라 사이클 시간에 대한 데이터를 저장합니다.

결함 보고

"결함 보고서"는 4개의 기본 위젯이 있는 양식 단계입니다:

• 결함 설명(텍스트)
• 결함 유형(드롭다운)
• 결함을 수리할 수 있나요? (부울)
• 결함 사진(웹캠의 이미지)

운영자가 양식의 "결함 신고" 버튼을 누를 때마다 이 양식으로 리디렉션됩니다.

양식을 작성하고 "제출"을 누르면 이전 단계로 리디렉션됩니다.

대신 데이터를 저장하고 운영자에게 지침의 첫 번째 단계로 돌아가려면 화면 오른쪽의 컨텍스트 창에서 제출 버튼을 "앱 완료"로 변경해야 합니다.

양식 위젯 중 하나를 삭제하려면 위젯을 선택한 다음 오른쪽의 컨텍스트 창에서 휴지통 아이콘을 선택합니다.

템플릿을 사용하여 첫 번째 앱 만들기

이 템플릿을 사용하면 간단한 작업 지침 앱을 만들 수 있습니다. 하지만 다음과 같은 다른 개념을 추가하고 싶을 수도 있습니다:

1. 작업자가 바코드 번호를 스캔하거나 입력하도록 허용하기
2. 다양한 디자인으로 단계 추가하기
3. 작업 지시서 데이터를 테이블에 저장

이를 수행하려면 다음 섹션에서 권장하는 가이드를 확인하세요. 앱에 더 복잡한 기능을 추가하는 데 도움이 될 것입니다.

더 읽어보기

• 작업 지시서 앱 구축에 대한 전체 가이드
• Tulip의 코드 없는 데이터베이스테이블 개요
• 양식 단계에 대한 가이드

원하는 것을 찾았나요?

community.tulip.co로 이동하여 질문을 게시하거나 다른 사람들이 비슷한 문제를 겪었는지 확인할 수도 있습니다!