はじめに
対話型AIプラットフォーム
チャットボットの概要
自然言語処理(NLP)
ボットの概念と用語
クイックスタートガイド
プラットフォームへのアクセス
ボットビルダーの操作
リリースノート
最新バージョン(英語)
以前のバージョン(英語)
廃止機能(英語)
コンセプト
設計
ストーリーボード
ダイアログタスク
ダイアログタスクとは
ダイアログビルダー
ノードタイプ
インテントノード
ダイアログノード
エンティティノード
フォームノード
確認ノード
ロジックノード
ボットアクションノード
サービスノード
Webhookノード
スクリプトノード
グループノード
エージェント転送ノード
ユーザープロンプト
音声通話プロパティ
ダイアログ管理
イベント ハンドラー
ナレッジグラフ
ナレッジグラフの抽出
ナレッジグラフの構築
ボットにナレッジグラフを追加
グラフの作成
ナレッジグラフの構築
FAQを追加
タスクの実行
既存のソースからFAQを構築
特性、同義語、停止用語
変数ネームスペースの管理
更新
ノード間の質問と回答の移動
用語の編集と削除
質問と応答の編集
ナレッジグラフの分析
通知タスク
スモールトーク
デジタルスキル
デジタルフォーム
デジタルビュー
デジタルビューとは
パネル
ウィジェット
トレーニング
トレーニングとは
機械学習
機械学習とは
モデル検証
ファンダメンタルミーニング
ナレッジグラフ
示唆
ランキングおよび解決
NLPの詳細設定
NLPのガイドライン
インテリジェンス
インテリジェンスとは
コンテキスト
コンテキストインテント
割り込み
複数インテントの検出
エンティティの変更
デフォルトの会話
センチメント管理
トーン分析
テストとデバッグ
ボットと会話
発話テスト
バッチテスト
会話テスト
デプロイ
チャネル
公開
分析
ボットの分析
NLPメトリクス
会話フロー
Usage Metrics
封じ込め測定
カスタムダッシュボード
カスタムダッシュボードとは
メタタグ
カスタムダッシュボードとウィジェット
スマートボット
ユニバーサルボット
ユニバーサルボットとは
ユニバーサルボットの定義
ユニバーサルボットの作成
ユニバーサルボットのトレーニング
ユニバーサルボットのカスタマイズ
他言語の有効化
ストア
プラントと使用
Overview
Usage Plans
Support Plans
Invoices
管理
ボット認証
複数言語対応ボット
個人を特定できる情報の編集
ボット変数の使用
IVRのシステム連携
一般設定
ボット管理
ハウツー
会話スキルの設計
バンキングボットを作成
バンキングボット – 資金の振り替え
バンキングボット – 残高を更新
ナレッジグラフを構築
スマートアラートの予約方法
デジタルスキルの設計
デジタルフォームの設定方法
デジタルビューの設定方法
データテーブルのデータの追加方法
データテーブルのデータの更新方法
Add Data from Digital Forms
ボットのトレーニング
示唆の使用方法
インテントとエンティティのパターンの使用方法
コンテキスト切り替えの管理方法
ボットのデプロイ
エージェント転送の設定方法
ボット関数の使用方法
コンテンツ変数の使用方法
グローバル変数の使用方法
Web SDK Tutorial(英語)
Widget SDK Tutorial(英語)
ボットの分析
カスタムダッシュボードの作成方法
カスタムタグを使ってフィルタリング
管理
ボット管理者コンソール
ダッシュボード
ユーザーの管理
ユーザーの管理
グループの管理
ロール管理
ボット管理モジュール
登録
ユーザーの招待
招待状の一括送信
ユーザーデータのインポート
Active Directoryからユーザーを同期
セキュリティ/コンプライアンス
シングル サインオンの使用
セキュリティ設定
Billing(日本未対応)
  1. ホーム
  2. Docs
  3. Virtual Assistants
  4. How Tos
  5. デジタルフォームの設定方法

デジタルフォームの設定方法

このハウツーでは、ユーザーが追加のアカウントを作成するバンキングボットにおいて、シナリオを探究します。ここでは、デジタルフォームを使用してユーザーから必要な情報を収集し、アカウントを作成する方法をご紹介します。デジタルフォームとは何か、およびKore.aiボットプラットフォームにどのように実装されているのかなどの詳細については、こちらをご参照ください

問題提起

以下のようなシナリオに取り組もうとするバンキングボットを考えてみましょう。

  1. すでに登録されているユーザーが、追加で口座を開設したいと思っています。
  2. 3種類の口座があり、それぞれにオプションが用意されています。
    • 普通預金口座;
    • キャッシュカードの発行や最低残高の設定が可能な当座預金口座;
    • プラチナ、ゴールド、シルバー、ベーシックのいずれかのタイプを選択できるクレジットカード

必要条件

  • ボット構築のナレッジ
  • バンキングボット

設定

以下のシナリオを一つずつ考えてみましょう。

  1. ユーザーからの入力を収集するデジタルフォーム
  2. 次を実行するダイアログタスク:
    1. 上記デジタルフォームの起動
    2. ユーザーが入力したアカウント情報の取り込み

デジタルフォームの設定

以下の情報を収集するためのフォームを作成します。

  • 口座名 – ユーザーの名前と変更オプションが事前入力されています。
  • ユーザーが作成したい口座の種類。デフォルトでは普通預金口座が選択されています。
  • 上記で選択された口座の種類に基づいて、以下の詳細が収集されます。
    • 普通預金 – それ以上の情報は必要ありません。
    • 当座預金 – キャッシュカードが必要かどうか、必要な場合はそのカードに適用される最大引き出し限度額(100ドルから1000ドルの範囲)を確認します。
    • クレジットカード – 必要なカードの種類
      • プラチナカードには追加料金がかかります。
      • ゴールド
      • シルバー
      • ベーシック

フォームを作成

  1. Kore.aiボットビルダープラットフォームから、バンキングボットを開きます。
  2. トップメニューから構築タブを選択します。
  3. 左側のナビゲーションメニューからデジタルスキル->デジタルフォームを選択すると、「デジタルフォーム」ページが表示されます。
  4. 新しいフォームをクリックし、以下のように入力します。
    1. 名前 – フォームの名前 例:OpenAccount
    2. フォームの表示名 例:口座を開く
    3. フォームの説明
  5. 保存して続行で次のステップへ。

フォームエディター

  1. フォームエディターを開くと、左側にコンポーネントが表示され、空白のフォームが表示されています。必要に応じてコンポーネントをフォームにドラッグアンドドロップできます。
  2. デフォルトでは、フォームに送信ボタンが追加されています。これにより、送信イベントが発生し、ユーザー入力をキャプチャして、コンテキストオブジェクトに保存します。
  3. テキストフィールドコンポーネントをフォームにドラッグアンドドロップします。
  4. コンポーネントをドラッグアンドドロップすると、すぐにそのコンポーネントのプロパティ設定パネルが表示されます。
  5. そのパネルで以下の値を設定します。
    • 表示名:任意の名称(例:口座名)
    • 内部参照に使用される名前:(例:accountname)
    • フィールドの説明
    • フィールドが空白のときに表示されるプレースホルダー値。例:口座名義人の名前を入力してください
    • スクロールしてデータ設定を見つけ、デフォルト値{{context.session.UserContext.firstName}}と入力します。これにより、ログイン資格情報に基づいて、ユーザーのコンテキストに表示されるユーザー名がフィールドに事前入力されます。

  1. 次に、開設する口座の種類を選択するボックスがあります。
  2. ドロップダウンコンポーネントをフォームにドラッグアンドドロップし、以下の値を設定します。
    • 表示名例:タイプ。
    • 内部的な参照に使用される名前例:accounttype。
    • フィールドの説明
    • 開設する口座の種類を選択してくださいのように、空白のときにフィールドに表示されるプレースホルダー 値。
    • スクロールしてデータ設定を探し、複数選択のオプションを解除し、ドロップダウン値 に対して 値を追加をクリックして、小切手、貯金、クレジットカードの値を入力します。1つの値、普通預金をデフォルトとしてマークすることができます。これは、実行時にデフォルトで選択されます。

  1. 次に、口座の種類が当座預金の口座に選択されている場合、キャッシュカードオプションを選択します。
  2. トグルコンポーネントをフォームにドラッグアンドドロップし、以下の値を設定します。
    • 表示名例:キャッシュカード。
    • 内部的な参照に使用される名前例:cashcard。
    • フィールドの説明 。この場合は、質問、キャッシュカードが欲しいですか?
    • 選択されている場合は、はい、非選択の場合は、いいえ という
    • スクロールして、可視性設定を探します。このコンポーネントは、口座の種類が当座預金に設定されている場合にのみ表示されます。
      • 可視性ルール- ルール1 フィールドに追加表示の場合、accounttype フィールドを選択, =(Equal To) 演算子、 当座預金値と比較。

  1. ユーザーがキャッシュカードを選択した場合は、引き出し限度額を設定する必要があります。
  2. レンジスライダーコンポーネントをフォームにドラッグアンドドロップし、以下の値を設定します。
    • 表示名例:引き出し限度額。
    • 内部的な参照に使用される名前例:withdrawallimit。
    • フィールドの説明
    • フィールドが空白の場合に表示されるプレースホルダー 値、例: 引き出し限度額を設定
    • 選択解除 はパーセンテージ
    • 最小100、最大値は 1000
    • データ設定では、デフォルト値を150に設定でき、これは事前選択されています。
    • 可視性ルールは複合ルールであり、口座の種類が当座預金で、キャッシュカードが選択されています。
    • スクロールして、可視性設定を探します。このコンポーネントは、口座の種類が当座預金に設定されていて、かつキャッシュカードが選択されている場合にのみ視認できます。
      • 可視性ルール を追加 – ルール 1 フィールドが視認できる条件として、accounttype フィールド , =(Equal To) 演算子、比較対象、当座預金値 ANDキャッシュカードフィールドの選択、 =(Equal To) 演算子、 選択対象、はい値を選択します。
      • 詳細モードに切り替えて、可視性ルールを入力することができます

  1. クレジットカードオプションでは、カードの種類を選択する必要があります。
  2. ラジオボタンコンポーネントをフォームにドラッグアンドドロップし、以下の値を設定します。
    • 表示名例:カードの種類。
    • 内部的な参照に使用される名前例:cardtype。
    • フィールドの説明
    • フィールドが空白のときに表示されるプレースホルダー値。例: クレジットカードの種類を選択してください
    • データ設定では、ラジオ値プラチナ、ゴールド、シルバー、および ベーシックに設定できます。
    • スクロールして、可視性設定を探します。このコンポーネントは、口座の種類がクレジットカードに設定されている場合にのみ視認できます。
      • 視認できるフラグをはいに設定
      • 可視性ルール- ルール1 フィールドに追加視認できる場合、accounttype フィールドを選択, =(Equal To) 演算子、 クレジットカード値と比較。.

  1. 最後に、ユーザーがプラチナカードを選択したときのヒントです。
  2. ヒントコンポーネントをフォームにドラッグアンドドロップし、以下の値を設定します。
    • 表示名例:プラチナチップ。
    • 内部的な参照に使用される名前例:platinumtip。
    • 説明には、表示したい情報を入力します。例:追加料金が発生します
    • スクロールして、可視性設定を探します。このコンポーネントは、口座の種類がクレジットカードに設定されている場合にのみ視認できます。
      • 視認できるフラグをはいに設定
      • 可視性ルール を追加 – ルール 1 フィールドが視認できる条件として、accounttype フィールド , =(Equal To) 演算子、比較対象、クレジットカード値およびキャッシュカード フィールドの選択、 =(Equal To) 演算子、 選択対象、プラチナ値を選択します。

  1. フォームの準備ができました。
  2. デスクトップ表示とモバイル表示を切り替えて、それらのデバイスでの見え方を確認することができます。
  3. テスト ボタンを使用して、プレビューを見ることができます。

ダイアログタスク設定

ここでは、ダイアログタスクを作成し、フォームノードを追加して、上記のステップで作成したデジタルフォームをトリガーし、サービスノードを使用して、フォームデータから新しい口座を追加するためのサービスコールを行います。

ダイアログタスクを作成

  1. トップメニューから構築タブを選択します。
  2. 左側のナビゲーションメニューから、会話スキル->ダイアログタスクを選択します。
  3. ダイアログタスクをクリックして、新しいタスクを作成します。
    • IntentNameを入力します。例:OpenAccount
    • 作成して続行し、ダイアログビルダーのページを開きます。
  4. インテントノードのデフォルト設定を維持して、インテントノードを終了します。
  5. インテントノードの横にある+をクリックして、フォームを選択します。
  6. ドロップダウンリストから、先ほど作成したフォーム(OpenAccount)を選択します。
  7. フォームエクスペリエンスを選択するように指示されます。Kore.ai Botsプラットフォームでは、フォームからの入力と、チャネルに応じた会話の両方によって、ユーザー入力を集めることができます。
  8. 今回のユースケースでは、フォームUIのみのエクスペリエンスを選択してみましょう。
  9. フォームノードが追加され、フォーム名などをカスタマイズできるようになります。
  10. 名前OpenAccountFormに変更し、表示名 口座開設用のフォームに変更しています。
  11. 次に、スクリプトノードを使用し、表示して、フォームノードから返された値をキャプチャする方法を見ていきましょう。
  1. フォームノードに メッセージノード を追加します。
  2. 名前FormMessageに、表示名フォームメッセージに設定します。
  3. レスポンスを管理をクリックして、メッセージエディターを開きます。
  4. JavaScriptタブを選択し、以下のコードを入力します。このコードは、ユーザーがフォームで送信したデータをコンテキストオブジェクトから取得し、それに合わせて表示します。
    var message;
    message = 'You have opened a '+context.forms.OpenAccount.accounttype+' account in the name of '+context.forms.OpenAccount.accountname;
    if (context.forms.OpenAccount.accounttype == 'Checkings' && context.forms.OpenAccount.cashcard == 'Yes')
      message = message + ' and opted for cash card with withdrawal limit set to '+ context.forms.OpenAccount.withdrawallimit;
    if (context.forms.OpenAccount.accounttype == 'Credit Card')
      message = message + ' and opted for a '+ context.forms.OpenAccount.cardtype+' card';
    print(message);

  5. フォーム付きダイアログの準備ができました。
  6. ボットと会話 および上記のダイアログが表示されます。フォームが表示されますので、値を入力して[送信]をクリックすると、メッセージが表示されます。
  7. 上記のようなコンテキストオブジェクトを、スクリプト ノードやサービスノードで使用して、さらに処理を行うことができます。
  8. このデータをデータテーブルに追加する方法については、こちらをご覧ください

まとめ

この記事では、以下を見てきました。

  • デジタルフォームの作成方法、
  • フォームにコンポーネントを追加、
  • ダイアログからFromを起動する方法
  • ダイアログの送信後にフォームデータをキャプチャする方法
メニュー