Watson Conversationダイアログでフォームビルダを作成する方法

Question

Watson Conversationプロジェクトで作業しています。 私は、次のワトソンプロジェクトをインポートし、私は私の会話でそれを設定しています： https://github.com/watson-developer-cloud/car-dashboard

私は、ユーザに、ユーザが選択しなければならない7つのオプションで、チェックボックスを表示するチャットボットをしたいと思います。 1つのオプション内の各クリックは、ダイアログの一部にリンクされています。現時点で が、私は、ダイアログノード

"Select:<br> 
 
<select id='select' on select: 'select()'> 
 
<option value='01' selected> Product 1 </option> 
 
<option value='02'>Product 2</option> 
 
</select>" \t

にこのテキストを挿入していると私は、次のような状況を持っているこの記事を追跡しようとすると

image

（How use Select Option in Watson Conversation）私のプロジェクトではないindex.jsファイル内のコードをコピーするように書かれています。

質問は2つです： 1）ドロップダウンメニューではなくチェックボックスを使用するにはどうすればよいですか？ 2）プロジェクトのgithubページに表示される階層のどのファイルに、推奨コードを入力しますか？

Answer 1

1）input type checkboxを使用すると、チェックボックスが表示されます。

2）ページ内ではなくダイアログノードにコードを入力してください。このページは、ブラウザからのサービスとしての応答をHTMLとして表示します。

Answer 2

@Arlemiが指摘しているように、リンクに記載されているチェックボックスコードだけを使用することができます。

ただし、あなたがしようとしている問題は、他のシステム用にレンダリングしようとすると、維持しなければならない悪夢になるということです。

また会話コードには10MBの制限があるため、無関係なコードを追加するとその制限が低くなります。

コードを分けて、アプリケーション層にコードの作成をさせてください。

<input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br> 
<input type="checkbox" name="vehicle2" value="Car"> I have a car<br> 
<input type="checkbox" name="vehicle3" value="Boat" checked> I have a boat<br> 

あなたは次のようにのようなダイアログノードを持っているでしょう：W3学校を使用して例えば

は、コードをリンクします。

{ "context": { 
    "vehicle_options": { 
    "type": "checkbox", 
     "options": [ 
     { "name": "vehicle1", "value": "Bike", "text": "I have a bike" }, 
     { "name": "vehicle2", "value": "Car", "text": "I have a car" }, 
     { "name": "vehicle3", "value": "Boat", "text": "I have a boat", "checked": true }, 
     ] 
    } 
    }, 
    "output": { 
     "text": { 
     "values": [ "Select your Vehicles: <! vehicle_options !>" ] 
     } 
    } 
} 

アプリケーション層は、<! !>を探し、読むためにどのようなコンテキストオブジェクトを決定するために、このブロック内の値を使用しています。レンダリング方法を決定するのにtypeの値を使用し、そのレンダリングの一部としてoptionsを使用します。

これは、アプリケーションレイヤがHTMLやその他の言語（Swiftなど）を作成できることを意味します。また、他の場所でスタイリングをコントロールでき、会話のレスポンスを変更する必要がないことを意味します。また、ノイズを低減し、メンテナンス/読み取りを容易にします。