クリエータースタジオ のチュートリアル

このチュートリアルを使用してギフトカード要求アプリを作成し、チームに認識を提供するプロセスを簡素化します。

チュートリアルの目的

このチュートリアルでは、アプリを作成して展開するために、次のロールを引き受けます。

• チームに表彰を提供するプロセスを合理化したいと考えているマーケティング マネージャーとして、ギフト カード要求アプリを作成します。
• アプリケーション開発アドミニストレーターは、新しいアプリを承認して本番環境に展開します。
• a マーケティングマネージャーとして、ライブアプリを使用して認識要求を送信します。

チュートリアルのシナリオ

あなたは急速に拡大するチームを率いるマネージャーです。現在までに、チームは四半期ごとに目標を上回っています。あなたは彼らに報酬を与え、その認識の一環としてギフトカードを提供したいと考えています。ただし、金銭的報酬の承認を確保することは、数時間に及ぶ複雑なプロセスであり、多くのシステムや上層部との繰り返しのやり取りが含まれます。

この問題に対処するには、IT 管理者に確認し、ギフトカードを要求するアプリを作成できることを確認します。アドミンは、既存のビジネスプロセスの知識を活用した新しいエンドツーエンドアプリの作成を喜んでお手伝いします。これを有効にするために、アドミンは非本番インスタンスの クリエータースタジオ ユーザーグループにユーザーを追加します。

注:

このチュートリアルを完了するには、2 人の異なるユーザーとしてログインして クリエータースタジオ するか、2 人のユーザー ( クリエータースタジオ ユーザーグループのユーザーと admin の 1 人のユーザー) の代理操作を行う必要があります。

それでは、簡単なアプリの作成を開始します。

チュートリアルパート 1: アプリを作成する

まず、 クリエータースタジオ ホームページからアプリを作成します。

始める前に

必要なロール: クリエータースタジオ ユーザー

このタスクについて

アプリの作成方法に関する短いビデオを見ることもできます。

手順

1. 検索項目 すべて > App Engine > クリエータースタジオ.

   図 : 1. クリエータースタジオ の起動

   

2. [ アプリを作成 ] ボタンを選択します。

   図 : 2. [Create app (アプリを作成)] ボタン

   

   • システムアドミニストレーターの場合は、「アプリケーションコラボレーション」でこのトピックの詳細を読むことができます。
   • アドミンにアプリの作成を要求する方法を知りたい場合は、「クリエータースタジオ でアドミンにアプリの作成を依頼する」を確認してください。
3. サービス デスクなど、ビルドするアプリのタイプを選択します。
   サービスデスクアプリを使用すると、ユーザーは要求を送信し、問題を報告し、社内のサービスに関連するサポートにアクセスできます。

   注:

   アドミンがこのページを非表示にした可能性があります。

   図 : 3. アプリタイプを選択

   

4. [Continue] ボタンをクリックします。
5. [アプリを作成] ページで次の値を入力します。

   表 : 1. アプリモーダルフィールドを作成

   フィールド	値
   名前	ギフトカードの要求
   説明	従業員表彰のために内部またはサードパーティのギフトカードを要求します。

   図 : 4. ギフトカード要求アプリの基本的な詳細を追加

   

6. [ アプリを作成 ] ボタンを選択します。

次のタスク

次に、アプリにフォームを追加しましょう。

チュートリアルパート 2:フォームを追加する

フォームを追加すると、ユーザーは要求を行うことができます。 フォームには、サービスデスク要求を送信するときに回答する質問が含まれています。

始める前に

必要なロール: クリエータースタジオ ユーザー

手順

1. アプリ内で [+フォームを追加 ] を選択します。
   ナビゲーションパネルまたはアプリのキャンバスで [+フォームを追加 ] を選択できます。

   図 : 5. フォームの追加を開始

   

2. テンプレートページで、 クリエータースタジオのデフォルトテンプレート が選択されていることを確認します。

   図 : 6. テンプレートを選択

   

3. [ テンプレートを適用して続行] ボタンを選択します。
   次に、質問を追加してフォームをカスタマイズしましょう。

チュートリアルパート 3:フォームをカスタマイズする

質問を手動で入力して、ギフトカード要求アプリのフォームをカスタマイズします。完了したら、フォームを公開準備でマークできます。

始める前に

必要なロール: クリエータースタジオ ユーザー

このタスクについて

[Now Assist を使用したビルド (Build with Now Assist)] タブのクリエーターの Now Assistを使用して、フォームをカスタマイズすることもできます。ただし、このチュートリアルでは、質問を手動で入力します。

手順

1. [ 独自のビルド] タブを選択します。
2. フォームに次の情報を入力します。

   表 : 2. フォーム詳細値

   フィールド	値
   フォーム名	Gift card request (ギフトカード要求)
   簡単な説明	従業員表彰のために内部またはサードパーティのギフトカードを要求します。
   詳しい説明	同僚を認識する素晴らしい方法をお探しですか? このフォームを使用して、社内の店舗または選択したサードパーティの店舗へのギフトカードをリクエストしてください。

   図 : 7. フォームの詳細を入力

   

   注:

   このページでは、最初のフォームの詳細を指定できます。フォームが生成された後、名前や説明などのフォームの詳細をアプリ内から編集することもできます。
3. [ フォームを保存して編集 ] ボタンを選択します。
   次に、フォームの内容に取り組みます。
4. アイコンを選択して適切な画像をアップロードし、フォームを華やかにするアイコンを追加します。
   好きな画像を使用できます。

   図 : 8. 画像を追加

   

   1. 画像の追加アイコン () を選択します。
   2. フォームに追加する画像を検索して選択します。
5. ユーザーがギフトカードを注文できるようにする最初の質問を作成します。
   1. 質問 1 を選択します。
   2. 表示される [質問の詳細] パネルに次の値を入力します。

      表 : 3. 質問 1 の値

      フィールド	値
      質問ラベル	Company store gift card? (会社はギフトカードを保管しているか？)
      コンテンツタイプ	はいまたはいいえ
      フォームに質問を表示	オプションを選択します。
      必須としてマーク	オプションを選択します。

      図 : 9. 最初の質問を追加

      

   3. [Save] ボタンをクリックします。
6. ギフトカードの金額を指定する 2 番目の質問を作成します。
   1. 質問 2 を選択します。
   2. 表示される [質問の詳細] パネルに次の値を入力します。

      表 : 4. 質問 2 の値

      フィールド	値
      質問ラベル	金額
      コンテンツタイプ	1 行テキストとして選択されたままにする
      フォームに質問を表示	オプションを選択します。
      必須としてマーク	オプションを選択します。

      図 : 10. 2 番目の質問を追加

      

   3. [Save] ボタンをクリックします。
7. ギフトカードの受取人が誰であるかを定義する 3 番目の質問を作成します。
   1. 質問 3 を選択します。
   2. 表示される [質問の詳細] パネルに次の値を入力します。

      表 : 5. 質問 3 の値

      フィールド	値
      質問ラベル	受信者
      コンテンツタイプ	Record choices (レコードの選択肢)
      フォームに質問を表示	オプションを選択します。
      ソーステーブル	User (sys_user)

      図 : 11. 3 番目の質問を追加

      

   3. [Save] ボタンをクリックします。
8. ユーザーがギフトカードの理由を入力できるように、4 番目の質問を追加します。
   1. 複数行テキストフォーム要素をドラッグして、3 番目の質問の下のフォームに追加します。
   2. 表示される [質問の詳細] パネルに次の値を入力します。

      表 : 6. 質問 4 の値

      フィールド	値
      質問ラベル	正当な理由
      コンテンツタイプ	複数行テキストのままにする
      フォームに質問を表示	オプションを選択します。

      図 : 12. 4 番目の質問を追加

      

   3. [Save] ボタンをクリックします。
9. [フォームを公開 する準備ができたとしてマーク ] を選択します。
   フォームの編集が完了したら、フォームを準備完了としてマークします。これにより、フォームは [公開済み] ステータスになります。このバージョンのフォームは、指定されたアイテムのカタログに表示されます。

   注:

   公開されたフォームは、アプリを開発している非本番インスタンスにのみ表示されます。フォームを本番インスタンスのカタログに表示するには、アドミンにアプリを本番環境に展開するように要求する必要があります。

   図 : 13. フォームを準備完了としてマーク

   

10. ユーザーが サービスカタログ と 従業員センター内のフォームにアクセスできる場所を指定します。
    1. [ 場所設定の編集 ] ボタンを選択します。

       図 : 14. 場所の設定を編集の警告

       

    2. [ 編集] ボタンを選択して、フォームを サービスカタログ トピックに追加します。

       図 : 15. フォームの設定モーダル

       

    3. アプリが使用するビジネスエリアを表すカタログを選択します。
       たとえば、 サービスカタログ を展開して、[ 何かお困りですか?] カテゴリを選択できます。

       図 : 16. フォーム設定モーダル カタログ

       

    4. [ 適用] ボタンを選択して変更を保存します。
    5. [ 編集] ボタンを選択して、フォームを 従業員センター トピックに追加します。

       図 : 17. 従業員センタートピックでトピックを選択

       

    6. フォームを格納する 従業員センター のセクションを選択します。

       図 : 18. 従業員センタートピックを選択

       

11. [ 適用] ボタンを選択します。
12. [ すべての設定を保存] ボタンを選択して、変更を保存します。

    図 : 19. すべての場所設定を保存

    

13. オプション: [ プレビュー] ボタンを選択して、フォームがどのように表示されるかを確認します。
    ポータル (など 従業員ポータル)、Now Mobile、または仮想エージェントを選択すると、さまざまなエクスペリエンスでフォームの現在のバージョンがどのように表示されるかのプレビューを確認できます。プレビュー時にフォームに入力することはできますが、[ 送信] ボタンを選択してもタスクレコードは生成されません。

    図 : 20. フォームのプレビュー

    

チュートリアルパート4: 自動化されたプレイブックを追加する

作成したフォームを使用してギフトカード要求アプリの承認を自動化するプレイブックを追加します。

始める前に

必要なロール: クリエータースタジオ ユーザー

手順

1. ギフトカード要求フォームの + 自動化の追加 を選択します。

   図 : 21. 自動化を追加する場合に選択します

   

2. [プレイブックを作成] モーダルに次の値を入力します。

   表 : 7. プレイブックモーダル値を作成する

   フィールド	値
   プレイブック名	ギフトカードの承認
   説明	ギフトカードが要求されたときに承認をルーティングします。
   フォーム	作成したフォーム (ギフトカード要求) の名前が選択されていることを確認します。
   トリガー	トリガーは [フォーム送信済み] のままにします。

   図 : 22. プレイブックの詳細を入力

   

3. [Create] ボタンをクリックします。
4. マネージャー承認アクティビティを追加します。
   1. 追加アイコン () を選択します。

      図 : 23. マネージャー承認アクティビティの追加:ステップ 1

      

   2. [アクティビティを追加] アイコン () を選択します。

      図 : 24. マネージャー承認アクティビティの追加:ステップ 2

      

   3. [ 承認を要求 ] アクティビティを選択します。

      図 : 25. マネージャー承認アクティビティの追加:ステップ 3

      

      [承認要求のプロパティ] パネルが表示され、アクティビティを定義できます。
   4. 次のアクティビティの詳細を入力します。

      表 : 8. マネージャー承認アクティビティの詳細値

      フィールド	値
      ラベル	マネージャーの承認を要求
      要求者のマネージャー	このオプションを選択します。
      承認タイプ	誰 でも承認どおりに終了します。
      条件	[ プレイブックが起動するタイミング (When playbook starts)] を選択します。

      図 : 26. マネージャー承認の詳細を要求

      

   5. [Save and close (保存して閉じる)] を選択します。
5. ファイナンス承認アクティビティを追加します。
   1. 追加アイコン () を選択します。

      図 : 27. ファイナンス承認アクティビティの追加:ステップ 1

      

   2. [アクティビティを追加] アイコン () を選択します。

      図 : 28. ファイナンス承認アクティビティの追加:ステップ 2

      

   3. [ 承認を要求 ] アクティビティを選択します。

      図 : 29. ファイナンス承認アクティビティの追加:ステップ 3

      

      [承認要求のプロパティ] パネルが表示され、アクティビティを定義できます。
   4. 次のアクティビティの詳細を入力します。

      表 : 9. ファイナンス承認アクティビティ詳細値

      フィールド	値
      ラベル	ファイ ナンス承認の要求を入力します。
      グループ	このオプションを選択します。
      グループ	ファイナンスグループを入力します。
      承認タイプ	誰 でも承認どおりに終了します。
      条件	[マネージャーの承認を要求] を選択した状態で、具体的なアクティビティの後として残します。

      図 : 30. ファイナンス承認の詳細を要求

      

   5. [Save and close (保存して閉じる)] を選択します。
6. [ Activate (アクティブ化 )] ボタンを選択して、プレイブックをアクティブ化して、フォームが送信されたときに実行できるようにします。

   図 : 31. プレイブックをアクティブ化する

   

タスクの結果

素晴らしい！プレイブックの追加が完了しました。次に、履行者が送信された要求を処理するワークスペース構成をカスタマイズできます。

するチュートリアルパート 5:履行ワークスペース構成をカスタマイズする

履行者がワークスペースからギフトカード要求を処理できるワークスペースのリストと送信済みレコードをカスタマイズします。このリストのカスタマイズでは、アサイン先グループを表示する列を追加します。

始める前に

必要なロール: クリエータースタジオ ユーザー

手順

1. ナビゲーションパネルで [リスト構成 ] セクションを選択します。

   図 : 32. ナビゲーションパネルのリスト構成

   

2. アサイン先グループをワークスペースに追加します。
   1. [フィルター済みリストの詳細 (Filtered list details)] パネルで [列の管理 (Manage columns )] リンクを選択します。

      図 : 33. 列リンクを管理

      

   2. [利用可能] 列で [アサイン先グループ ] を検索します。
   3. ア サイン先グループを選択します。

      図 : 34. 列を管理して列を追加する

      

   4. [ 適用] ボタンを選択します。
   5. [フィルター済みリストの詳細 (Filtered list details)] パネルで [ 保存] ボタンを選択します。

      図 : 35. ワークスペース構成への変更を保存

      

タスクの結果

これでアプリがビルドされました! 次に、レビューと展開のために送信します。

チュートリアル パート 6 : レビューのためにアプリをテストして送信する

アプリをテストしてから、アドミンにアプリをレビューして本番環境に展開するよう依頼します。

始める前に

レビューのためにギフトカードアプリを送信する前に、展開のパイプラインを構成する必要があります。

必要なロール: クリエータースタジオ ユーザー

手順

1. [ 試す] ボタンを選択して、アプリがどのように機能するかをテストして準備ができていることを確認します。
   1. ナビゲーションパネルから [ギフトカード要求 ] フォームを選択します。

      図 : 36. フォームを選択してテストします

      

   2. [ 試す] ボタンを選択します。

      図 : 37. [試す] ボタン

      

   3. 各フィールドに次の値を入力して、フォームに入力します。

      表 : 10. [Try it (試す)] の値 ギフトカード要求フォーム

      フィールド	値
      会社のギフトストアカード?	Yes (あり)
      金額	20.00
      受領者	ユーザーのリストから受信者を選択します。
      正当性	私たちのチームにクールな新しい人材をオンボーディングします!

      図 : 38. フォームをテストする

      

   4. 完了したら [送信] ボタンを選択します。
   回答を送信すると、 ServiceNow AI Platform はフォームに関連付けられているすべてのプレイブックを実行します。

   送信されたフォームで作成されたレコードが クリエータースタジオ に表示されます。プレイブックの結果を表示し、レコードを操作して、要求アプリワークスペースでどのように表示されるかを確認できます。

   図 : 39. 送信されたレコードを表示

   

2. [ レビューのため送信 ] ボタンを選択します。

   図 : 40. レビューのためアプリを送信する

   

3. [レビューのためアプリを送信 (Submit app for review)] モーダルで [続行] を選択します。

   図 : 41. レビューのため送信プロセスを開始する

   

4. [要求フォームをレビュー (Review request forms)] モーダルで、展開についてレビューするフォームを確認します。
   1. [ レビュー準備完了 ] セクションを展開します。
   2. [ギフトカード要求] フォームで [他のユーザーに表示] オプションが選択されていることを確認します。
   3. [Continue (続行)] を選択します。

   図 : 42. 展開するフォームを確認

   

5. [プレイブックをレビュー (Review playbooks)] モーダルで展開についてレビューするフォームを確認します。
   1. [ Playbooks (プレイブック )] セクションを展開します。
   2. ギフトカード承認フォームで [本番環境で実行] オプションが選択されていることを確認します。
   3. [Continue (続行)] を選択します。

   図 : 43. 展開するプレイブックを確認する

   

6. [バージョニングのレビュー] モーダルの情報が正しいことを確認し、 リリースノートを追加します。

   図 : 44. リリースバージョンを確認して更新し、レビューのために送信します

   

7. [レビューのため送信] を選択します。

タスクの結果

おめでとうございます。ギフトカード要求アプリが作成されました! 次に、アドミンがそれをレビューして展開する必要があります。

図 : 45. レビュー送信の確認

チュートリアル パート 7: 管理者がアプリを展開する

アドミンの代理操作を行って、作成したギフトカード要求アプリを展開します。

始める前に

アドミンの代理操作ができない場合は、ローカルアドミンにアプリの展開を依頼してください。

必要なロール：admin

手順

1. ServiceNow AI Platformアプリケーションバナーで、プロファイルアイコンを選択し、アドミンの代理操作を行います。
2. 移動先 すべて > App Engine > App Engine 管理センター.
3. [完了する処理待ちの要求] セクションで数字の 1 を選択します。

   図 : 46. 展開の準備ができたアプリ

   

4. 番号を選択して展開レコードを開きます。

   図 : 47. 展開するアプリのリスト

   

5. [ 承認 ] ボタンを選択します。

   図 : 48. 展開の [承認] ボタン

   

6. [Save (保存)] を選択します。
7. このページをリロードします。
8. [アプリを 承認して展開 ] ボタンを選択します。

   図 : 49. 展開の [承認して展開] ボタン

   

9. [ 展開] ボタンを選択します。

   図 : 50. アプリを展開する

   

タスクの結果

アプリが本番環境に展開されました。アプリの詳細を表示する場合は、アクティビティセクションの [ さらに表示 ] を選択します。

図 : 51. 展開の詳細を確認する

アドミンの代理操作を今すぐ終了できます。

チュートリアル パート 8: アプリを使用してギフト カードを要求する

作成した展開済みのギフトカード要求アプリを使用して、ギフトカードを要求します。

始める前に

必要なロール：ServiceNow AI Platform ユーザー

手順

1. 移動先 すべて > セルフサービス > 従業員センター.

   図 : 52. 作成者 従業員センター

   

2. 検索バーで 「ギフトカード要求」 を検索します。

   図 : 53. ギフトカード要求アプリを検索

   

3. 検索結果に表示される ギフトカード要求 アプリを選択します。

   図 : 54. アプリを開く

   

4. ギフトカード要求フォームに入力して、ギフトカードを要求します。

   図 : 55. ギフトカードを要求する

   

5. [Submit (送信)] ボタンを選択します。

チュートリアル パート 9: ギフト カード要求を確認する

要求アプリワークスペースをチェックして、送信したギフトカード要求を表示して、アプリが機能していることを確認します。

始める前に

必要なロール:admin またはアプリのエージェントロール (x_snc_app_name.agent など)

手順

1. 移動先 すべて > ワークスペース > 要求アプリワークスペース.

   図 : 56. 要求アプリワークスペースを開く

   

2. 送信したギフトカード要求を見つけ、 その番号 を選択して開きます。
3. ギフトカード要求の詳細を表示します。

   図 : 57. ギフトカード要求の詳細

   

タスクの結果

やりました！これで、ギフトカード要求アプリのチュートリアルを完了しました。