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

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

チュートリアルの目的

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

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

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

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

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

注:

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

シンプルなアプリに取り掛かる時が来ました。

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

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

始める前に

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

手順

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

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

   

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

   図 : 2. [アプリを作成] ボタン

   

   • システムアドミニストレーターの場合は、「アプリケーションコラボレーション」でこのトピックの詳細を読むことができます。
   • アドミンにアプリの作成を要求する方法を知りたい場合は、「クリエータースタジオ でアドミンにアプリの作成を依頼する」を確認してください。
3. [アプリを作成] ページで次の値を入力します。

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

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

   図 : 3. ギフトカード要求アプリの基本情報を追加

   

4. [ アプリを作成 ] ボタンを選択します。
5. サービスデスクなど、ビルドするアプリのタイプを選択します。
   サービスデスクアプリを使用すると、ユーザーは要求を送信したり、問題を報告したり、社内のサービスに関連するサポートにアクセスしたりできます。
6. [Continue] ボタンをクリックします。

次のタスク

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

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

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

始める前に

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

手順

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

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

   

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

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

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

始める前に

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

このタスクについて

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

手順

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

   表 : 2. フォーム詳細値

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

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

   

   注:

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

   図 : 6. 画像を追加

   

5. ユーザーがギフトカードを注文できるようにする最初の質問を作成します。
   1. [質問 1] を選択します。
   2. 表示される [質問の詳細] パネルに次の値を入力します。

      表 : 3. 質問 1 の値

      フィールド	Value (値)
      質問ラベル	直営店のギフトカード?
      コンテンツタイプ	イエスかノーか答えてください
      必須としてマーク	オプションを選択します。

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

      

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

      表 : 4. 質問 2 の値

      フィールド	Value (値)
      質問ラベル	金額
      コンテンツタイプ	選択をそのままにする 1 行テキスト
      必須としてマーク	オプションを選択します。

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

      

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

      表 : 5. 質問 3 の値

      フィールド	Value (値)
      質問ラベル	受信者
      コンテンツタイプ	選択を記録する
      ソーステーブル	User (sys_user)

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

      

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

      表 : 6. 質問 4 の値

      フィールド	Value (値)
      質問ラベル	正当な理由
      コンテンツタイプ	残す 複数行テキスト

      図 : 10. 4 番目の質問を追加します

      

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

   注:

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

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

   

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

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

    

11. [ 編集 ] ボタンを選択して、フォームを 従業員センター トピックに追加します。

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

    

12. フォームを配置する 従業員センター セクションを選択します。

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

    

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

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

    

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

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

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

始める前に

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

手順

1. クリエータースタジオヘッダーの [自動化] タブを選択します。

   図 : 16. [自動化] タブを選択します

   

2. [+ プレイブックを作成] ボタンを選択します。

   図 : 17. プレイブックを作成

   

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

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

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

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

   

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

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

      

   2. 正方形のアイコンを選択します。

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

      

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

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

      

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

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

      フィールド	値
      ラベル	マネージャーの承認を要求
      要求者のマネージャー	このオプションを選択します。
      承認タイプ	[誰でも承認] のままにします。
      条件	[プレイ ブックの開始時] のままにします。

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

      

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

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

      

   2. 正方形のアイコンを選択します。

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

      

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

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

      

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

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

      フィールド	値
      ラベル	ファイナンス承認を要求
      グループ	このオプションを選択します。
      グループ	[財務グループ] に入ります。
      承認タイプ	[誰でも承認] のままにします。
      条件	[特定の アクティビティの後 ] として残し、[ マネージャーの承認を要求 ] を選択します。

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

      

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

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

   

チュートリアルパート 5: フォーム送信ワークスペースのカスタマイズ

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

始める前に

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

手順

1. クリエータースタジオヘッダーの [フォームの送信] タブを選択します。

   図 : 28. [フォームの送信] タブを選択します

   

   オープン中のギフトカード要求のフィルター済みリストが自動的に選択されます。
2. アサイン先グループをワークスペースに追加します。
   1. [フィルター済みリストの詳細] パネルで [ 列の管理 ] リンクを選択します。

      図 : 29. 列の管理リンク

      

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

      図 : 30. 列を管理して列を追加します

      

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

      図 : 31. フォーム送信ワークスペースへの変更を保存

      

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

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

始める前に

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

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

手順

1. アプリの動作をテストして、準備ができていることを確認するには、[ 試してみる ] ボタンを選択します。
   1. [要求フォーム] フィールドから [ギフトカード要求] フォームを選択して、作成したフォームをテストします。
   2. 各フィールドに次の値を入力して、フォームに入力します。

      表 : 10. ギフトカード要求フォームの [お試し] の値

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

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

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

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

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

   

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

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

   

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

   図 : 34. 展開するフォームにチェックを入れます

   

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

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

   

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

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

   

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

タスクの結果

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

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

チュートリアルパート 7: アドミンによるアプリの展開

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

始める前に

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

必要なロール：admin

手順

1. Now Platformアプリケーションバナーで、プロファイルアイコンを選択し、アドミンの代理操作を行います。
2. 次のように移動する。 All (すべて) > App Engine > App Engine 管理センター.
3. [完了までの保留中の要求] セクションで数字の 1 を選択します。

   図 : 38. アプリの展開準備完了

   

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

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

   

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

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

   

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

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

   

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

   図 : 42. アプリの展開

   

タスクの結果

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

図 : 43. 展開の詳細の確認

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

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

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

始める前に

必要なロール：Now Platform ユーザー

手順

1. 次のように移動する。 All (すべて) > セルフサービス > Employee Center.

   図 : 44. 従業員センターをオープンする

   

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

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

   

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

   図 : 46. アプリを開く

   

4. ギフトカードをリクエストするには、ギフトカードリクエストフォームに必要事項を記入してください。

   図 : 47. ギフトカードをリクエストする

   

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

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

送信したギフトカード要求を表示するには、要求アプリワークスペースを確認します。

始める前に

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

手順

1. 次のように移動する。 All (すべて) > ワークスペース > 要求アプリワークスペース.

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

   

2. ギフトカード要求を見つけ、その 番号 を選択して開きます。

   図 : 49. 未解決の要求のリスト

   

3. ギフトカード要求の詳細を表示します。

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

   

タスクの結果

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