クリエータースタジオ のチュートリアル
このチュートリアルを使用してギフトカード要求アプリを作成し、チームに認識を提供するプロセスを簡素化します。
チュートリアルの目的
- チームの功績を称える (レコグニション) プロセスの簡素化を検討しているマーケティングマネージャーとして、「ギフトカード要求」アプリを作成します。
- アプリケーション開発アドミニストレーターは、新しいアプリを承認して本番環境に展開します。
- a マーケティングマネージャーとして、ライブアプリを使用して認識要求を送信します。
チュートリアルのシナリオ
あなたは、急速に拡大しているチームのマネージャーです。ここまで、チームは全四半期で目標を超えています。そこで、報酬としてギフトカードを贈ろうと考えています。しかし、報奨金の承認を得るプロセスは、何時間もかかる複雑なプロセスであり、多くのシステムや上級管理職と何度もやり取りが必要です。
この問題に対処するには、IT 管理者に確認し、ギフトカードを要求するアプリを作成できることを確認します。アドミンは、既存のビジネスプロセスの知識を活用した新しいエンドツーエンドアプリの作成を喜んでお手伝いします。これを有効にするために、アドミンは非本番インスタンスの クリエータースタジオ ユーザーグループにユーザーを追加します。
それでは、簡単なアプリの作成を開始します。
チュートリアルパート 1: アプリを作成する
まず、クリエータースタジオホームページからアプリを作成します。
始める前に
必要なロール: クリエータースタジオ ユーザー
このタスクについて
アプリの作成方法に関する短いビデオを見ることもできます。
手順
-
検索項目 すべて > App Engine > クリエータースタジオ.
図 : 1. クリエータースタジオ の起動 -
[アプリを作成] ボタンを選択します。
図 : 2. [アプリを作成] ボタン - システムアドミニストレーターの場合は、「アプリケーションコラボレーション」でこのトピックの詳細を読むことができます。
- アドミンにアプリの作成を要求する方法を知りたい場合は、「クリエータースタジオ でアドミンにアプリの作成を依頼する」を確認してください。
-
サービス デスクなど、ビルドするアプリのタイプを選択します。
サービスデスクアプリを使用すると、ユーザーは要求を送信し、問題を報告し、社内のサービスに関連するサポートにアクセスできます。注:アドミンがこのページを非表示にした可能性があります。
図 : 3. アプリタイプを選択 - [Continue] ボタンをクリックします。
-
[アプリを作成] ページで次の値を入力します。
表 : 1. [アプリを作成] モーダルのフィールド フィールド 値 名前 ギフトカード要求 説明 従業員の功績を称えるため社内またはサードパーティのギフトカードを要求します。 図 : 4. 「ギフトカード要求」アプリの基本情報を追加 - [アプリを作成] ボタンを選択します。
次のタスク
次に、アプリにフォームを追加しましょう。
チュートリアルパート 2:フォームの追加
フォームを追加すると、ユーザーが要求を作成できるようになります。 フォームには、サービスデスク要求を送信するときに回答する質問が含まれています。
始める前に
必要なロール: クリエータースタジオ ユーザー
手順
-
アプリ内で [+フォームを追加 ] を選択します。
ナビゲーションパネルまたはアプリのキャンバスで [+フォームを追加 ] を選択できます。
図 : 5. フォームの追加を開始 -
テンプレートページで、 クリエータースタジオのデフォルトテンプレート が選択されていることを確認します。
図 : 6. テンプレートを選択 -
[テンプレートを適用して続行 (Apply template and continue)] ボタンを選択します。
次に、質問を追加して、フォームをカスタマイズします。
チュートリアルパート 3:フォームをカスタマイズする
質問を手動で入力して、ギフトカード要求アプリのフォームをカスタマイズします。完了したら、フォームを公開準備でマークできます。
始める前に
必要なロール: クリエータースタジオ ユーザー
このタスクについて
[Now Assist を使用したビルド (Build with Now Assist)] タブのクリエーター向け Now Assistを使用して、フォームをカスタマイズすることもできます。ただし、このチュートリアルでは、質問を手動で入力します。
手順
- [ 独自のビルド] タブを選択します。
-
フォームに次の情報を入力します。
表 : 2. フォーム詳細の値 フィールド 値 フォーム名 ギフトカード要求 簡単な説明 従業員の功績を称えるため社内またはサードパーティのギフトカードを要求します。 詳しい説明 同僚の功績を称える方法をお探しですか?このフォームを使用して社内ストアまたはサードパーティストアにお好きなギフトカードを要求できます。 図 : 7. フォームの詳細を入力 注:このページでは、最初のフォームの詳細を指定できます。フォームが生成された後、名前や説明などのフォームの詳細をアプリ内から編集することもできます。 -
[ フォームを保存して編集 ] ボタンを選択します。
次に、フォームの内容を入力します。
-
アイコンを選択して適切な画像をアップロードし、フォームの見栄えを良くするアイコンを追加します。
お好きな画像をお使いいただけます。
図 : 8. 画像を追加 -
画像の追加アイコン
を選択します。
- フォームに追加する画像を検索して選択します。
-
画像の追加アイコン
-
ユーザーがギフトカードを注文できるようにする最初の質問を作成します。
- [質問 1] を選択します。
-
表示される [質問の詳細] パネルに次の値を入力します。
表 : 3. 質問 1 の値 フィールド 値 質問ラベル 社内ストアのギフトカードが必要ですか? コンテンツタイプ はいまたはいいえ フォームに質問を表示 オプションを選択します。 必須としてマーク オプションを選択します。 図 : 9. 最初の質問を追加 - [保存] ボタンを選択します。
-
ギフトカードの金額を指定する 2 番目の質問を作成します。
- [質問 2] を選択します。
-
表示される [質問の詳細] パネルに次の値を入力します。
表 : 4. 質問 2 の値 フィールド 値 質問ラベル 金額 コンテンツタイプ 1 行テキストとして選択されたままにする フォームに質問を表示 オプションを選択します。 必須としてマーク オプションを選択します。 図 : 10. 2 番目の質問を追加 - [保存] ボタンを選択します。
-
ギフトカードの受取人を定義する 3 番目の質問を作成します。
- [質問 3] を選択します。
-
表示される [質問の詳細] パネルに次の値を入力します。
表 : 5. 質問 3 の値 フィールド 値 質問ラベル 受領者 コンテンツタイプ Record choices (レコードの選択肢) フォームに質問を表示 オプションを選択します。 ソーステーブル User (sys_user) 図 : 11. 3 番目の質問を追加 - [Save] ボタンをクリックします。
-
ユーザーがギフトカードの理由を入力できるように、4 番目の質問を追加します。
- 複数行テキストフォーム要素をドラッグして、3 番目の質問の下のフォームに追加します。
-
表示される [質問の詳細] パネルに次の値を入力します。
表 : 6. 質問 4 の値 フィールド 値 質問ラベル 理由 コンテンツタイプ 複数行テキストのままにする フォームに質問を表示 オプションを選択します。 図 : 12. 4 番目の質問を追加 - [保存] ボタンを選択します。
-
[準備完了としてマーク] を選択して、フォームを公開します。
フォームの編集が完了したら、フォームを準備完了としてマークします。これにより、フォームは [公開済み] ステータスになります。このバージョンのフォームは、指定されたアイテムのカタログに表示されます。注:公開されたフォームは、アプリを開発している非本番インスタンスにのみ表示されます。フォームを本番インスタンスのカタログに表示するには、アドミンにアプリを本番環境に展開するように要求する必要があります。
図 : 13. フォームを準備完了としてマーク -
ユーザーが サービスカタログ と 従業員センター内のフォームにアクセスできる場所を指定します。
-
[ 場所設定の編集 ] ボタンを選択します。
図 : 14. 場所の設定を編集の警告 -
[ 編集] ボタンを選択して、フォームを サービスカタログ トピックに追加します。
図 : 15. フォームの設定モーダル -
アプリが使用するビジネスエリアを表すカタログを選択します。
たとえば、 サービスカタログ を展開して、[ 何かお困りですか?] カテゴリを選択できます。
図 : 16. フォーム設定モーダル カタログ - [ 適用] ボタンを選択して変更を保存します。
-
[ 編集] ボタンを選択して、フォームを 従業員センター トピックに追加します。
図 : 17. 従業員センタートピックでトピックを選択 -
フォームを配置する従業員センターのセクションを選択します。
図 : 18. 従業員センタートピックを選択
-
[ 場所設定の編集 ] ボタンを選択します。
- [適用] ボタンを選択します。
-
[すべての設定を保存 (Save all settings)] ボタンを選択して、変更を保存します。
図 : 19. すべての場所の設定を保存 - オプション:
[プレビュー] ボタンを選択して、フォームがどのように表示されるかを確認します。
ポータル (従業員ポータル など)、Now Mobile、または仮想エージェントを選択すると、さまざまなエクスペリエンスでフォームの現在のバージョンがどのように表示されるかのプレビューを確認できます。プレビュー時にフォームに入力することはできますが、[ 送信] ボタンを選択してもタスクレコードは生成されません。
図 : 20. フォームのプレビュー
チュートリアルパート4: 自動化されたプレイブックを追加する
作成したフォームを使用してギフトカード要求アプリの承認を自動化するプレイブックを追加します。
始める前に
必要なロール: クリエータースタジオ ユーザー
手順
-
ギフトカード要求フォームの + 自動化の追加 を選択します。
図 : 21. 自動化を追加する場合に選択します -
[プレイブックを作成] モーダルに次の値を入力します。
表 : 7. [プレイブックを作成 (Create a playbook)] モーダルの値 フィールド 値 プレイブック名 ギフトカードの承認 説明 ギフトカードが要求されたときに承認をルーティングします。 フォーム 作成したフォームの名前 (ギフトカード要求) が選択されていることを確認します。 トリガー トリガーは [フォーム送信済み] のままにします。 図 : 22. プレイブックの詳細を入力 - [作成] ボタンを選択します。
-
マネージャー承認アクティビティを追加します。
-
追加アイコン (
) を選択します。
図 : 23. マネージャー承認アクティビティの追加:ステップ 1 -
[アクティビティを追加] アイコン
を選択します。
図 : 24. マネージャー承認アクティビティの追加:ステップ 2 -
[承認要求 (Request approval)] アクティビティを選択します。
図 : 25. マネージャー承認アクティビティを追加:ステップ 3 [承認要求プロパティ (Request approval properties)] パネルが表示され、アクティビティを定義できます。 -
以下のアクティビティの詳細を入力します。
表 : 8. マネージャー承認アクティビティの詳細の値 フィールド 値 ラベル マネージャーの承認を要求 要求者のマネージャー (Requester's manager) このオプションを選択します。 承認タイプ [誰でも承認可能] のままにします。 条件 [ プレイブックが起動するタイミング (When playbook starts)] を選択します。 図 : 26. マネージャー承認の詳細を要求 - [保存して閉じる (Save and close)] を選択します。
-
追加アイコン (
-
ファイナンス承認アクティビティを追加します。
-
追加アイコン
を選択します。
図 : 27. ファイナンス承認アクティビティの追加:ステップ 1 -
[アクティビティを追加] アイコン
を選択します。
図 : 28. ファイナンス承認アクティビティの追加:ステップ 2 -
[承認要求 (Request approval)] アクティビティを選択します。
図 : 29. ファイナンス承認アクティビティを追加:ステップ 3 [承認要求プロパティ (Request approval properties)] パネルが表示され、アクティビティを定義できます。 -
以下のアクティビティの詳細を入力します。
表 : 9. ファイナンス承認アクティビティの詳細の値 フィールド 値 ラベル ファイ ナンス承認の要求を入力します。 グループ このオプションを選択します。 グループ 「ファイナンスグループ」と入力します。 承認タイプ [誰でも承認可能] のままにします。 条件 [マネージャー承認要求] を選択して、[具体的なアクティビティの後] のままにします。 図 : 30. ファイナンス承認要求の詳細 - [Save and close (保存して閉じる)] を選択します。
-
追加アイコン
-
[ Activate (アクティブ化 )] ボタンを選択して、プレイブックをアクティブ化して、フォームが送信されたときに実行できるようにします。
図 : 31. プレイブックをアクティブ化する
タスクの結果
素晴らしい!プレイブックの追加が完了しました。次に、履行者が送信された要求を処理するワークスペース構成をカスタマイズできます。
するチュートリアルパート 5:履行ワークスペース構成をカスタマイズする
履行者がワークスペースからギフトカード要求を処理できるワークスペースのリストと送信済みレコードをカスタマイズします。このリストのカスタマイズでは、アサイン先グループを表示する列を追加します。
始める前に
必要なロール: クリエータースタジオ ユーザー
手順
-
ナビゲーションパネルで [リスト構成 ] セクションを選択します。
図 : 32. ナビゲーションパネルのリスト構成 -
アサイン先グループをワークスペースに追加します。
-
[フィルター済みリストの詳細 (Filtered list details)] パネルで [列を管理] リンクを選択します。
図 : 33. [列を管理] リンク - [利用可能な列 (Available columns)] で「アサイン先グループ」を検索します。
-
[アサイン先グループ] を選択します。
図 : 34. 列を管理して列を追加 - [適用] ボタンを選択します。
-
[フィルター済みリストの詳細 (Filtered list details)] パネルで [ 保存] ボタンを選択します。
図 : 35. ワークスペース構成への変更を保存
-
[フィルター済みリストの詳細 (Filtered list details)] パネルで [列を管理] リンクを選択します。
タスクの結果
これでアプリがビルドされました! 次に、レビューと展開のために送信します。
チュートリアル パート 6 : レビューのためにアプリをテストして送信する
アプリをテストし、アドミンにアプリのレビューと本番環境への展開を要求します。
始める前に
「ギフトカード要求」アプリをレビューのために送信する前に、展開のパイプラインを構成する必要があります。
必要なロール:クリエータースタジオユーザー
手順
-
[ 試す] ボタンを選択して、アプリがどのように機能するかをテストして準備ができていることを確認します。
-
ナビゲーションパネルから [ギフトカード要求 ] フォームを選択します。
図 : 36. フォームを選択してテストします -
[ 試す] ボタンを選択します。
図 : 37. [試す] ボタン -
各フィールドに次の値を入力して、フォームに入力します。
表 : 10. [ギフトカード要求 (Gift card request)] フォームの [試行 (Try it)] の値 フィールド 値 社内ギフトストアのカードですか? はい 金額 20.00 受領者 ユーザーのリストから受信者を選択します。 正当性 私たちのチームにクールな新しい人材をオンボーディングします! 図 : 38. フォームをテストする - 完了したら、[送信 (Submit)] ボタンを選択します。
回答を送信すると、 ServiceNow AI Platform はフォームに関連付けられているすべてのプレイブックを実行します。送信されたフォームで作成されたレコードが クリエータースタジオ に表示されます。プレイブックの結果を表示し、レコードを操作して、要求アプリワークスペースでどのように表示されるかを確認できます。
図 : 39. 送信されたレコードを表示 -
ナビゲーションパネルから [ギフトカード要求 ] フォームを選択します。
-
[ レビューのため送信 ] ボタンを選択します。
図 : 40. レビューのためにアプリを送信 -
[レビューのためアプリを送信 (Submit app for review)] モーダルで [続行] を選択します。
図 : 41. レビューのために送信するプロセスを開始 -
[要求フォームをレビュー (Review request forms)] モーダルで、展開用にレビューするフォームを確認します。
- [レビュー準備完了] セクションを展開します。
- [ギフトカード要求]フォームで [他のユーザーに表示 (Visible to others)] オプションが選択されていることを確認します。
- [続行] を選択します。
図 : 42. 展開するフォームを確認 -
[プレイブックをレビュー (Review playbooks)] モーダルで、展開用にレビューするフォームを確認します。
- [プレイブック] セクションを展開します。
- [ギフトカードの承認] フォームで [本番で実行 (Run on production)] オプションが選択されていることを確認します。
- [続行] を選択します。
図 : 43. 展開するプレイブックを確認 -
[バージョニングのレビュー] モーダルの情報が正しいことを確認し、 リリースノートを追加します。
図 : 44. リリースバージョンを確認して更新し、レビューのために送信します - [レビューのため送信] を選択します。
タスクの結果
おめでとうございます。「ギフトカード要求」アプリが作成されました。次に、アドミンがそれをレビューして展開する必要があります。
チュートリアル パート 7: 管理者がアプリを展開する
アドミンの代理操作を行って、作成したギフトカード要求アプリを展開します。
始める前に
アドミンの代理操作ができない場合は、ローカルアドミンにアプリの展開を依頼してください。
必要なロール:admin
手順
- ServiceNow AI Platformアプリケーションバナーで、プロファイルアイコンを選択し、アドミンの代理操作を行います。
- 移動先 すべて > App Engine > App Engine 管理センター.
-
[完了待ちの要求 (Pending requests to complete)] セクションで番号 [1] を選択します。
図 : 46. 展開準備完了のアプリ -
[番号] を選択して [展開] レコードを開きます。
図 : 47. 展開するアプリのリスト -
[承認] ボタンを選択します。
図 : 48. 展開の [承認] ボタン - [保存] を選択します。
- このページをリロードします。
-
[アプリを承認して展開 (Approve and deploy app)] ボタンを選択します。
図 : 49. [アプリを承認して展開 (Approve and deploy app)] ボタン -
[展開] ボタンを選択します。
図 : 50. アプリを展開
タスクの結果
アプリが本番環境に展開されました。アプリの詳細を表示する場合は、[アクティビティ] セクションで [さらに表示] を選択します。
これで、アドミンの代理操作を終了できます。
チュートリアル パート 8: アプリを使用してギフト カードを要求する
作成した展開済みのギフトカード要求アプリを使用して、ギフトカードを要求します。
始める前に
必要なロール:ServiceNow AI Platform ユーザー
手順
-
移動先 すべて > セルフサービス > 従業員センター.
図 : 52. 作成者 従業員センター -
検索バーで 「ギフトカード要求」 を検索します。
図 : 53. ギフトカード要求アプリを検索 -
検索結果に表示される「ギフトカード要求」アプリを選択します。
図 : 54. アプリを開く -
[ギフトカード要求] フォームに入力して、ギフトカードを要求します。
図 : 55. ギフトカードをリクエストする - [送信] ボタンを選択します。
チュートリアル パート 9: ギフト カード要求を確認する
要求アプリワークスペースをチェックして、送信したギフトカード要求を表示して、アプリが機能していることを確認します。
始める前に
必要なロール:admin またはアプリのエージェントロール (例:x_snc_app_name.agent)
手順
-
移動先 すべて > ワークスペース > 要求アプリワークスペース.
図 : 56. [要求アプリワークスペース (Request App Workspace)] を開く - 送信したギフトカード要求を見つけ、 その番号 を選択して開きます。
-
ギフトカード要求の詳細を表示します。
図 : 57. ギフトカード要求の詳細
タスクの結果
おめでとうございます。「ギフトカード要求」アプリのチュートリアルが完了しました。