크리에이터 스튜디오 튜토리얼
이 튜토리얼을 사용하여 기프트 카드 요청 앱을 만들어 팀에 인정을 제공하는 프로세스를 간소화합니다.
튜토리얼 목표
- 팀에 인정을 제공하는 프로세스를 간소화하고자 하는 마케팅 관리자로서 기프트 카드 요청 앱을 만듭니다.
- 애플리케이션 개발 관리자는 새 앱을 승인하고 프로덕션 환경에 배포합니다.
- 마케팅 관리자는 라이브 앱을 사용하여 인정 요청을 제출합니다.
튜토리얼 시나리오
귀하는 빠르게 확장되는 팀을 이끄는 관리자입니다. 현재까지 팀은 매 분기마다 목표를 초과 달성했습니다. 당신은 그들에게 보상을 주고 그 인정의 일환으로 기프트 카드를 제공하고 싶습니다. 그러나 금전적 보상에 대한 승인을 확보하는 것은 몇 시간에 걸릴 수 있고 많은 시스템 및 고위 경영진과의 반복적인 상호 작용을 포함할 수 있는 복잡한 프로세스입니다.
이 문제를 해결하려면 IT 관리자에게 문의하고 기프트 카드를 요청하는 앱을 만들 수 있는지 확인합니다. 관리자는 기꺼이 기존 비즈니스 프로세스 지식을 활용하는 새로운 엔드 투 엔드 앱을 만들 수 있도록 도와드립니다. 이를 활성화하기 위해 관리자가 비프로덕션 인스턴스의 사용자 그룹에 크리에이터 스튜디오 사용자를 추가합니다.
이제 간단한 앱을 만들어 보겠습니다.
튜토리얼 1부: 앱 만들기
홈페이지에서 앱을 크리에이터 스튜디오 생성하여 시작합니다.
시작하기 전에
필요한 역할: 크리에이터 스튜디오 사용자
이 태스크 정보
앱을 만드는 방법에 대한 짧은 비디오를 볼 수도 있습니다.
프로시저
-
이동 모두 > 앱 엔진 > 크리에이터 스튜디오.
그림 1. 크리에이터 스튜디오 시작 -
앱 만들기 버튼을 선택합니다.
그림 2. 앱 생성 버튼 - 시스템 관리자인 경우 다음에서 애플리케이션 공동 작업이 주제에 대한 자세한 내용을 읽을 수 있습니다.
- 관리자에게 앱 생성을 요청하는 방법을 알고 싶다면 을 확인하십시오 에서 관리자에게 앱 생성 요청 크리에이터 스튜디오.
-
빌드하려는 앱 유형(예: Service Desk)을 선택합니다.
Service Desk 앱을 사용하면 사용자가 요청을 제출하고, 문제를 보고하고, 회사 내 서비스와 관련된 지원에 액세스할 수 있습니다.주:관리자가 이 페이지를 숨겼을 수 있습니다.
그림 3. 앱 유형 선택 - 계속 버튼을 선택합니다.
-
앱 생성 페이지에서 다음 값을 입력합니다.
표 1. 앱 모달 필드 생성 필드 값 이름 기프트 카드 요청 설명 직원 인정을 위해 내부 또는 외부 공급업체 기프트 카드를 요청합니다. 그림 4. 기프트 카드 요청 앱 기본 세부 정보 추가 - 앱 만들기 버튼을 선택합니다.
다음에 수행할 작업
다음으로 앱에 양식을 추가해 보겠습니다.
튜토리얼 2부: 양식 추가
양식을 추가하면 사용자가 요청을 할 수 있습니다. 폼에는 서비스 데스크 요청을 제출할 때 사용자가 응답하는 질문이 포함되어 있습니다.
시작하기 전에
필요한 역할: 크리에이터 스튜디오 사용자
프로시저
-
앱 내에서 +양식 추가 를 선택합니다.
탐색 패널 또는 앱 캔버스에서 +양식 추가 를 선택할 수 있습니다.
그림 5. 양식 추가 시작 -
템플릿 페이지에서 크리에이터 스튜디오 기본 템플릿 이 선택되어 있는지 확인합니다.
그림 6. 템플릿 선택 -
템플릿 적용 및 계속 버튼을 선택합니다.
다음으로, 질문을 추가하여 양식을 사용자 지정해 보겠습니다.
튜토리얼 3부: 양식 사용자 지정
질문을 수동으로 입력하여 기프트 카드 요청 앱의 양식을 사용자 지정합니다. 완료되면 양식을 게시할 준비가 되었다고 표시할 수 있습니다.
시작하기 전에
필요한 역할: 크리에이터 스튜디오 사용자
이 태스크 정보
Now Assist로 빌드 탭에서 사용하여 크리에이터용 Now Assist 양식을 사용자 지정할 수도 있습니다. 그러나 이 튜토리얼에서는 질문을 수동으로 입력합니다.
프로시저
- Build on your own 탭을 선택합니다.
-
양식에 대한 다음 정보를 입력합니다.
표 2. 양식 상세 정보 값 필드 값 양식 이름 기프트 카드 요청 간단한 설명 직원 인정을 위해 내부 또는 외부 공급업체 기프트 카드를 요청합니다. 긴 설명 동료를 인정할 수 있는 좋은 방법을 찾고 계십니까? 이 양식을 사용하여 내부 회사 스토어 또는 원하는 외부 공급업체 스토어에 기프트 카드를 요청하십시오! 그림 7. 양식 상세 정보 입력 주:이 페이지에서는 첫 번째 양식에 대한 상세 정보를 지정할 수 있습니다. 양식이 생성된 후 앱 내에서 이름 및 설명과 같은 양식 상세 정보를 편집할 수도 있습니다. -
양식 저장 및 편집 버튼을 선택합니다.
다음으로 양식의 내용을 살펴보겠습니다.
-
아이콘을 선택하고 적절한 이미지를 업로드하여 양식을 멋지게 꾸밀 수 있는 아이콘을 추가합니다.
원하는 이미지를 사용할 수 있습니다.
그림 8. 이미지 추가 -
이미지 추가 아이콘(
)을 선택합니다.
- 양식에 추가할 이미지를 검색하여 선택합니다.
-
이미지 추가 아이콘(
-
사용자가 기프트 카드를 주문할 수 있도록 첫 번째 질문을 작성합니다.
- 질문 1을 선택합니다.
-
나타나는 질문 상세 정보 패널에 다음 값을 입력합니다.
표 3. 질문 1 값 필드 값 질문 레이블 회사 스토어 기프트 카드? 콘텐츠 유형 예 또는 아니요 양식에 질문 표시 이 옵션을 선택합니다. 필수로 표시 이 옵션을 선택합니다. 그림 9. 첫 번째 질문 추가 - 저장 버튼을 누릅니다.
-
두 번째 질문을 작성하여 기프트 카드의 금액을 지정합니다.
- 질문 2를 선택합니다.
-
나타나는 질문 상세 정보 패널에 다음 값을 입력합니다.
표 4. 질문 2 값 필드 값 질문 레이블 금액 콘텐츠 유형 선택한 대로 1줄 텍스트로 유지 양식에 질문 표시 이 옵션을 선택합니다. 필수로 표시 이 옵션을 선택합니다. 그림 10. 두 번째 질문 추가 - 저장 버튼을 누릅니다.
-
기프트 카드 수신자가 누구인지 정의하는 세 번째 질문을 만듭니다.
- 질문 3을 선택합니다.
-
나타나는 질문 상세 정보 패널에 다음 값을 입력합니다.
표 5. 질문 3 값 필드 값 질문 레이블 수신자 콘텐츠 유형 기록 선택 양식에 질문 표시 이 옵션을 선택합니다. 소스 테이블 사용자(sys_user) 그림 11. 세 번째 질문 추가 - 저장 버튼을 누릅니다.
-
사용자가 기프트 카드에 대한 근거를 입력할 수 있도록 네 번째 질문을 추가합니다.
- 여러 줄 텍스트 양식 요소를 끌어 세 번째 질문 아래의 양식에 추가합니다.
-
나타나는 질문 상세 정보 패널에 다음 값을 입력합니다.
표 6. 질문 4 값 필드 값 질문 레이블 근거 콘텐츠 유형 여러 줄 텍스트로 유지 양식에 질문 표시 이 옵션을 선택합니다. 그림 12. 네 번째 질문 추가 - 저장 버튼을 누릅니다.
-
양식을 게시할 준비가 되었다고 표시를 선택합니다.
양식 편집을 마치면 해당 양식을 준비됨으로 표시하여 게시됨 상태가 됩니다. 그러면 이 버전의 양식이 지정된 항목 카탈로그에 표시됩니다.주:게시된 양식은 앱을 개발 중인 비프로덕션 인스턴스에만 나타납니다. 양식이 프로덕션 인스턴스의 카탈로그에 표시되도록 하려면 관리자에게 앱을 프로덕션에 배포하도록 요청해야 합니다.
그림 13. 양식을 준비됨으로 표시 -
및 직원 센터에서 사용자가 양식 서비스 카탈로그 에 액세스할 수 있는 위치를 지정합니다.
-
위치 설정 편집 버튼을 선택합니다.
그림 14. 위치 설정 경고 편집 -
주제에 서비스 카탈로그 양식을 추가하려면 편집 버튼을 선택합니다.
그림 15. 양식 설정 모달 -
앱이 사용할 비즈니스 영역을 나타내는 카탈로그를 선택합니다.
예를 들어 다음을 확장 서비스 카탈로그 한 다음 도움이 필요하십니까? 범주를 선택할 수 있습니다.
그림 16. 양식 설정 모달 카탈로그 - 적용 버튼을 선택하여 변경 내용을 저장합니다.
-
편집 버튼을 선택하여 주제에 양식을 직원 센터 추가합니다.
그림 17. 주제에서 직원 센터 주제 선택 -
양식이 존재할 섹션 직원 센터 을 선택합니다.
그림 18. 주제 선택 직원 센터
-
위치 설정 편집 버튼을 선택합니다.
- 적용 버튼을 선택합니다.
-
모든 설정 저장 버튼을 선택하여 변경 내용을 저장합니다.
그림 19. 모든 위치 설정 저장 - 옵션:
미리 보기 버튼을 선택하여 양식이 어떻게 보이는지 확인합니다.
포털(예직원 포털: ), Now Mobile 또는 가상 에이전트를 선택하여 양식의 현재 버전이 다양한 환경에서 어떻게 표시되는지 미리 볼 수 있습니다. 미리 볼 때 양식을 채울 수 있지만 제출 버튼을 선택하면 작업 기록이 생성되지 않습니다.
그림 20. 양식 미리 보기
튜토리얼 파트 4: 자동화된 플레이북 추가
방금 생성한 양식을 사용하여 기프트 카드 요청 앱에 대한 승인을 자동화하는 플레이북을 추가합니다.
시작하기 전에
필요한 역할: 크리에이터 스튜디오 사용자
프로시저
-
기프트 카드 요청 양식에 대해 + 자동화 추가 를 선택합니다.
그림 21. 자동화를 추가하려면 선택 -
플레이북 생성 모달에 다음 값을 입력합니다.
표 7. 플레이북 모달 값 생성 필드 값 플레이북 이름 기프트 카드 승인 설명 기프트 카드가 요청될 때 승인을 라우팅합니다. 양식 만든 양식(기프트 카드 요청)의 이름이 선택되어 있는지 확인합니다. 트리거 트리거를 양식 제출됨으로 둡니다. 그림 22. 플레이북 상세 정보 입력 - 생성 버튼을 선택합니다.
-
관리자 승인 활동을 추가합니다.
-
추가 아이콘(
)을 선택합니다.
그림 23. 관리자 승인 활동 추가: 1단계 -
활동 추가 아이콘(
)을 선택합니다.
그림 24. 관리자 승인 활동 추가: 2단계 -
승인 요청 활동을 선택합니다.
그림 25. 관리자 승인 활동 추가: 3단계 활동을 정의할 수 있는 요청 승인 속성 패널이 나타납니다. -
다음 활동 정보를 입력합니다.
표 8. 관리자 승인 활동 상세 정보 값 필드 값 레이블 관리자 승인 요청 요청자의 관리자 이 옵션을 선택합니다. 승인 유형 모두 승인한 대로 나가십시오. 조건 Playbook이 시작될 때를 선택합니다. 그림 26. 요청 관리자 승인 상세 정보 - 저장 및 닫기를 선택합니다.
-
추가 아이콘(
-
재무 승인 활동을 추가합니다.
-
추가 아이콘(
)을 선택합니다.
그림 27. 재무 승인 활동 추가: 1단계 -
활동 추가 아이콘()
을 선택합니다.
그림 28. 재무 승인 활동 추가: 2단계 -
승인 요청 활동을 선택합니다.
그림 29. 재무 승인 활동 추가: 3단계 활동을 정의할 수 있는 요청 승인 속성 패널이 나타납니다. -
다음 활동 정보를 입력합니다.
표 9. 재무 승인 활동 상세 값 필드 값 레이블 재무 승인 요청을 입력합니다. 그룹 이 옵션을 선택합니다. 그룹 재무 그룹을 입력합니다. 승인 유형 모두 승인한 대로 나가십시오. 조건 요청 관리자 승인이 선택된 특정 활동 후로 나가십시오. 그림 30. 재무 승인 요청 상세 정보 - 저장 및 닫기를 선택합니다.
-
추가 아이콘(
-
활성화 버튼을 선택하여 양식이 제출될 때 실행할 수 있도록 플레이북을 활성화합니다.
그림 31. 플레이북 활성화
결과
잘했습니다! 플레이북 추가를 마쳤습니다. 다음으로, 이행자가 제출된 요청에 대해 작업하는 작업 공간 구성을 사용자 지정할 수 있습니다.
튜토리얼 5부: 이행 작업 공간 구성 사용자 지정
이행자가 기프트 카드 요청을 처리할 수 있는 작업 공간에서 목록과 제출된 기록을 사용자 지정합니다. 이 목록 커스터마이제이션에서 할당 그룹을 볼 열을 추가합니다.
시작하기 전에
필요한 역할: 크리에이터 스튜디오 사용자
프로시저
-
탐색 패널에서 목록 구성 섹션을 선택합니다.
그림 32. 탐색 패널의 목록 구성 -
작업 공간에 할당 그룹을 추가합니다.
-
필터링된 목록 상세 정보 패널에서 열 관리 링크를 선택합니다.
그림 33. 열 관리 링크 - 사용 가능한 열에서 할당 그룹을 검색합니다.
-
할당 그룹을 선택합니다.
그림 34. 열을 추가하기 위해 열 관리 - 적용 버튼을 선택합니다.
-
필터링된 목록 상세 정보 패널에서 저장 버튼을 선택합니다.
그림 35. 작업 공간 구성에 대한 변경 내용 저장
-
필터링된 목록 상세 정보 패널에서 열 관리 링크를 선택합니다.
결과
이것으로 앱을 빌드했습니다. 이제 검토 및 배포를 위해 제출할 차례입니다.
자습서 6부: 검토를 위해 앱 테스트 및 제출
앱을 테스트한 다음 관리자에게 앱을 검토하고 프로덕션에 배포하도록 요청합니다.
시작하기 전에
검토를 위해 기프트 카드 앱을 제출하려면 먼저 배포를 위한 파이프라인을 구성해야 합니다.
필요한 역할: 크리에이터 스튜디오 사용자
프로시저
-
시도 단추를 선택하여 앱의 작동 방식을 테스트하고 준비가 되었는지 확인합니다.
-
탐색 패널에서 기프트 카드 요청 양식을 선택합니다.
그림 36. 테스트할 양식 선택 -
시도 버튼을 선택합니다.
그림 37. 시도 버튼 -
각 필드에 다음 값을 입력하여 양식을 작성합니다.
표 10. 기프트 카드 요청 양식에 대한 값 시도 필드 값 회사 기프트 스토어 카드? 예 금액 20.00 수신자 사람 목록에서 수신자를 선택합니다. 근거 우리 팀에 멋진 새 인재를 온보딩합니다! 그림 38. 양식 테스트 - 완료되면 제출 버튼을 선택합니다.
응답 ServiceNow AI Platform 을 제출하면 양식과 연결된 모든 플레이북이 실행됩니다.제출한 양식이 생성하는 기록이 에 나타납니다.크리에이터 스튜디오 플레이북의 결과를 보고 기록과 상호작용하여 앱 작업 공간 요청에 어떻게 나타나는지 확인할 수 있습니다.
그림 39. 제출된 기록 보기 -
탐색 패널에서 기프트 카드 요청 양식을 선택합니다.
-
검토를 위해 제출 버튼을 선택합니다.
그림 40. 검토를 위해 앱 제출 -
검토를 위해 앱 제출 모달에서 계속 을 선택합니다.
그림 41. 검토를 위해 제출 프로세스 시작 -
검토 요청 양식 모달에서 배포를 위해 검토할 양식을 확인합니다.
- 검토 준비 완료 섹션을 확장합니다.
- 기프트 카드 요청 양식에 대해 다른 사람에게 표시 옵션이 선택되어 있는지 확인합니다.
- 계속을 선택합니다.
그림 42. 배포할 양식 확인 -
플레이북 검토 모달에서 배포를 검토할 양식을 확인합니다.
- 플레이북 섹션을 확장합니다.
- 기프트 카드 승인 양식에 대해 프로덕션 시 실행 옵션이 선택되어 있는지 확인합니다.
- 계속을 선택합니다.
그림 43. 배포할 플레이북 확인 -
버전 관리 검토 모달의 정보가 올바른지 확인하고 릴리스 정보를 추가합니다.
그림 44. 릴리스 버전을 확인 및 업데이트하고 검토를 위해 제출 - 검토를 위해 제출을 선택합니다.
결과
축하합니다. 기프트 카드 요청 앱을 생성하셨습니다. 이제 관리자가 검토하고 배포해야 합니다.
자습서 7부: 관리자가 앱을 배포합니다.
관리자로 가장하여 생성한 기프트 카드 요청 앱을 배포합니다.
시작하기 전에
관리자로 가장할 수 없는 경우 로컬 관리자에게 앱을 배포하도록 요청하십시오.
필요한 역할: 관리자
프로시저
- 애플리케이션 배너에서 ServiceNow AI Platform 프로필 아이콘을 선택하고 관리자로 가장합니다.
- 다음으로 이동 모두 > 앱 엔진 > 앱 엔진 관리 센터.
-
보류 중인 완료 요청 섹션에서 숫자 1 을 선택합니다.
그림 46. 배포 준비가 된 앱 -
번호를 선택하여 배포 기록을 엽니다.
그림 47. 배포할 앱 목록 -
승인 버튼을 선택합니다.
그림 48. 배포를 위한 승인 버튼 - 저장을 선택합니다.
- 페이지를 다시 로드합니다.
-
앱 승인 및 배포 버튼을 선택합니다.
그림 49. 배포를 위한 승인 및 배포 버튼 -
배포 버튼을 선택합니다.
그림 50. 앱 배포
결과
앱이 프로덕션에 배포되었습니다. 앱에 대한 상세 정보를 보려면 활동 섹션에서 더 보기 를 선택합니다.
이제 관리자 가장을 종료할 수 있습니다.
튜토리얼 파트 8: 앱을 사용하여 기프트 카드 요청
방금 만든 배포된 기프트 카드 요청 앱을 사용하여 기프트 카드를 요청합니다.
시작하기 전에
필요한 역할: ServiceNow AI Platform user
프로시저
-
다음으로 이동 모두 > Self-Service > 직원 센터.
그림 52. 직원 센터 오픈 -
검색창에서 기프트 카드 요청을 검색합니다.
그림 53. 기프트 카드 요청 앱 검색 -
검색 결과에 나타나는 기프트 카드 요청 앱을 선택합니다.
그림 54. 앱 열기 -
기프트 카드 요청 양식을 작성하여 기프트 카드를 요청합니다.
그림 55. 기프트 카드 요청 - 제출 버튼을 선택합니다.
자습서 9부: 기프트 카드 요청 확인
제출한 기프트 카드 요청을 보려면 앱 작업 공간 요청 을 확인하여 앱이 작동하는지 확인합니다.
시작하기 전에
필요한 역할: admin 또는 앱의 에이전트 역할(예: x_snc_app_name.agent)
프로시저
-
다음으로 이동 모두 > 작업 공간 > 앱 작업 공간 요청.
그림 56. 요청 앱 작업 공간 열기 - 제출한 기프트 카드 요청을 찾아 번호 를 선택하여 엽니다.
-
기프트 카드 요청 상세 정보를 봅니다.
그림 57. 기프트 카드 요청 상세 정보
결과
만세! 기프트 카드 요청 앱 튜토리얼을 완료했습니다.