クリエータースタジオ でアプリのフォームをカスタマイズする

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:5分
  • フォームは、新しいキーボードや休暇の許可など、必要なことについて尋ねるのに役立ちます。クリエータースタジオ でアプリを作成するときに追加されるデフォルトのフォームには、要求に関する情報を収集するための質問ラベルの追加など、ニーズに合わせていくつかの変更が必要です。

    始める前に

    フォームをカスタマイズするには、アプリで作業する権限が付与されている必要があります。

    このタスクについて

    必要に応じて、アプリケーションにフォームを追加できます。追加のフォームは、アプリの同じテーブルに保存されます。現時点ではこれらのテーブルについて心配する必要はありませんが、アプリの作成時に生成されたフォーム以外のフォームを追加する方法を知りたい場合は、クリエータースタジオでアプリにフォームを追加する を確認してください。

    サマリー:
    次の手順を完了すると、次のことについて理解できます。
    • アプリ作成時に自動生成されたフォームを開く方法。
    • フォームに質問や画像を追加する方法。
    • 追加した質問や画像を配置する方法。
    フォームを開いてカスタマイズしましょう。
    注:
    たとえば、食事の好みやアクセシビリティのニーズなどの質問を含む、会社のイベントへの登録に使用するフォームを作成できます。

    手順

    1. 検索項目 すべて > App Engine > クリエータースタジオ.
      クリエータースタジオ に組み込まれているすべてのアプリがホームページに表示されます。
    2. カスタマイズするフォームを含むアプリケーションを開きます。
    3. さまざまなエクスペリエンスでさまざまなフォームがどのように表示されるかを [プレビュー] することを選択するか、[表示] または [編集] ボタンを選択してアプリケーションを表示または編集します。
      さまざまなプレビューオプションを選択し、正しいアプリケーションを選択していることを確認し、次の形式でどのように表示されるかを確認します。
      • [ポータル] (デスクトップの Web サイトでどのように表示されるかのプレビューを表示)
      • [Now Mobile] (携帯電話またはデバイスでどのように表示されるかのプレビューを表示)
      • 仮想エージェント (チャットボットインターフェイスでどのように表示されるかを確認)
        注:
        仮想エージェント でフォームがどのように表示されるかを確認するには、組織が適切なプラグインをインストールしている必要があります。興味がある方は、仮想エージェント でのフォームとそのカタログアイテムのプレビューの詳細について、アドミンに問い合わせ、「Catalog builder preview topic conversation」を参照してください。

      [表示] ボタンは、公開されたフォームを表示し、開発用の新しいドラフトフォームを明示的に作成することはありません。[編集] ボタンをクリックすると、開発フォーム (既に公開されているフォームの新しいドラフトバージョンなど) に移動します。

      図 : 1. アプリのエクスペリエンスをプレビューする
      アプリの外観をプレビューする

      [送信] プレビューを選択して、フォーム送信ワークスペースがどのように表示されるか、およびアプリが生成するレコード ([レコード] プレビューを選択) をチェックアウトすることもできます。

    4. [要求フォーム] タブを選択して、アプリの正しいフォームを編集していることを確認します。
      そうでない場合は、編集するフォームを選択します。

      [要求フォーム] タブから適切なフォームを選択する

    5. 次のオプションの手順を 1 つ以上実行して、フォームをカスタマイズしましょう。
      1. フォームに表示される画像を追加または変更するには、[画像を追加] アイコンを選択 (フォームに付随する画像を選択) し、画像を選択します。
      2. フォームのタイトル、簡単な説明、その他のテキストを変更するには、フォームの各部分を選択して変更内容を入力します。
        リッチテキストを使用して、フォントの変更やサイズ変更など、長い [説明] の表示方法を強化できます。
    6. 次に、履行者が要求を評価するために必要な質問をフォームに追加します。質問を追加してカスタマイズするには、次の手順を実行します。
      1. [フォーム要素] パネルで、必要な質問のタイプをフォームでドラッグし、キャンバス上の目的の場所にドロップします。フォーム上の既存の質問をクリックすると表示される [追加] アイコン (+) を選択して、質問を追加することもできます。
        事前設定された [質問セット] を追加する場合は、質問セットをフォームにドラッグしたときに表示されるモーダルから質問セットを選択する必要があります。

        質問タイプとその使用方法の説明については、「クリエータースタジオ で利用可能な質問のタイプ」を参照してください。

      2. [質問の詳細] パネルで、要求者がフォームを送信するには質問に回答する必要があるかどうかなど、追加した質問に関する情報を指定します。
        詳細は質問タイプによって異なります。たとえば、[ドロップダウン] の質問を追加する場合は、選択するオプションを指定する必要があります。
        図 : 2. フォームの質問の詳細
        フォームでの質問の詳細の入力
      3. 質問の変更が完了したら、[保存して閉じる] を選択します。
      4. この手順を使用して、フォームの質問を修正するか、フォームに質問を追加します。質問タイプを変更するには、質問を選択してから、[質問の詳細] パネルの [コンテンツタイプ] フィールドで新しい質問タイプを選択します。新しいタイプを選択すると、新しい値を指定しなければならない場合があります。
        質問を作成する際は、次の仕様を念頭に置いてください。
        • 既存の質問を質問セットに変更することはできません。質問セットをフォームに含めるには、その質問セットをフォームに新たに追加する必要があります。
        • フォームに 2 つのチェックボックスの質問を並べて配置すると、セクションが作成されます。そのセクションに他のタイプの質問を追加することはできません。
    7. それでは、フォームに追加した質問と画像を配置しましょう。
      1. [フォーム要素] パネルから、目的のレイアウトオプションをフォームでドラッグし、表示する場所 ([分割線]など) にドロップします。
        レイアウトが気に入らなくても心配はいりません。別のレイアウトをフォームのキャンバスにドラッグして試してみてください。
      2. [セクションの詳細] または [質問の詳細] パネル (作業中のレイアウトによって異なります) を使用して、選択したフォームレイアウトを変更します。テキストを太字にしたり、リンクを追加したりできます。
        詳細については、「クリエータースタジオにおけるフォームのレイアウトオプション」を参照してください。
      3. フォームのレイアウトの変更が完了したら、[セクションの詳細]/[質問の詳細] パネルで [保存] を選択します。

    タスクの結果

    おめでとうございます:
    お疲れさまでした。アプリに付属するデフォルトのフォームをカスタマイズしました。

    次のタスク

    次に、フォームを公開準備完了としてマークし、アプリで使用できるようにする必要があります。これを行う方法については、「クリエータースタジオでアプリのフォームを公開する 」をご覧ください。

    フォーム ヘッダーの [その他のオプション] アイコン (変更を元に戻すにはその他のオプションを選択します) にある [すべての変更を元に戻す (Undo all change)] オプションを選択すると、フォームを最後に公開されたバージョンにリセットできます。