Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Bot Framework Composer Fukuazu

562 views

Published on

ふくあず登壇資料です

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Bot Framework Composer Fukuazu

  1. 1. Bot Framework Composer 2019.11.22 ふくあず
  2. 2. Introduction n Yuta Ishibashi (@rupic_jp) n 製造業 品質管理 n 業務アプリケーション企画~保守 n C# VB Javascript Python n Oracle SQLServer Postgres
  3. 3. https://garrawayf.com/
  4. 4. Fukuoka.NET (ふくてん)
  5. 5. overview n Bot Frameworkn Composer について n 概要 n メリット n 画面概要 n Demo n QnA Maker 連携と注意点 n 製品FAQ ボット n まとめ
  6. 6. Do you know Bot Framework Composer ?
  7. 7. Chatbot あたしメリーさん。 今ゴミ捨て場にいるの… 既読 19:22 既読 19:35 あたしメリーさん。 今タバコ屋さんの角にいるの… 既読 19:55 あたし...メリーさん😢 だれ? 既読 22:18 Rupic Chat Bot(ロボット) 予めプログラムされた 作業を自動化するApp メールよりタイムリー 画像/動画/音声
  8. 8. Chatbot 明⽇の天気は?既読 19:22 どの地域の天気ですか? 既読 19:22 Weather Chatbot Chatbot ユーザーからの入力(テキスト/音声)に 対する回答を選択/生成して 対話を自動的に行うプログラム 宗像市既読 19:23 宗像市の14日の天気は晴れ、 最高気温は16℃、最低気温は 6℃の予想です。 既読 19:23 宗像市の 明日の天気は? 晴れっす!!
  9. 9. Chatbot 活用のシナリオ B2B、B2C、B2E FAQ ・ お客様 ・ 社内 情報を取得 ・ ドキュメント ・ 天気予報 ・ 運行ダイヤ オンライン受付 ・ 修理受付 ・ オペレータへ接続 ・ アフターサービス ・ ホテル/お店の予約
  10. 10. Bot Framework 会話型AIエクスペリエンスを構築するための 包括的なフレームワーク
  11. 11. Bot Framework Composer Preview Bot Framework をベースとした Chatbot を GUI で作成可能な Tool
  12. 12. Bot Framework Composer Preview 12.13.0 stable 1.19.1 stable 2.2 required to test4.6.0 stable Emulator Bot Framework 2019.11.15時点 環境
  13. 13. Bot Framework Composer Preview $ yarn install $ yarn build インストール
  14. 14. Bot Framework Composer Preview localhost:3000 接続
  15. 15. 会話フローを GUI で 視覚的に編集 LUIS や QnA Maker を ノンコーディングで実装 便利なテンプレート機能 オープンソース開発 Bot Framework Composer Preview Composerで作成したbotのコードを確認
  16. 16. オープンソース開発 https://github.com/microsoft/BotFramework-Composer
  17. 17. 会話フローを GUI で視覚的に編集 GUIで編集できるので Botの動作の流れが一目でわかる
  18. 18. 便利なテンプレート機能 目的にあったテンプレートを活用する事で 学習や開発工数の削減に
  19. 19. Composerで作成したbotのコードを確認 作成したBotのソースコードが作成される GUI でフローを確認しているので理解しやすい
  20. 20. Bot Framework Composer DEMO
  21. 21. Bot Framework Composer 画面構成
  22. 22. テンプレート 作業履歴 新規作成 ←? Top
  23. 23. テンプレート 新規作成
  24. 24. トリガー インテントとボットの応答を関連付ける トリガーはボットの機能の1つ ボットのルートおよびエントリポイント アクション ボットの応答方法を定義および管理 アクションの編集ツール ダイアログ / トリガ / アクションのプロパティ Design Flow
  25. 25. ボットの応答 ダイアログ Bot Responses
  26. 26. ボットの応答 ダイレクト編集 Bot Responses /ComposerDialogs/common/common.lg
  27. 27. ユーザーの入力 User Input
  28. 28. ユーザーの入力 User Input ダイレクト編集 /ComposerDialogs/<DialogName>/<DialogName>.lu
  29. 29. LUIS / QnA Maker の設定 Settings
  30. 30. LUIS / QnA Maker の設定 Settings /ComposerDialogs/settings/application.json
  31. 31. Settings /ComposerDialogs/settings/application.json QnA Maker の設定はDialog Flow からではなく 必ず settings から設定する セキュリティリスク回避のため、ソース管理からも application.json を含めない様設定する
  32. 32. Azure へ デプロイ Settings 既に環境が構築されている 新しく環境を構築
  33. 33. Settings デプロイする為のコマンドが生成される
  34. 34. Settings 各機能説明の ON / OFF 切替
  35. 35. 会話フローを GUI で 視覚的に編集 LUIS や QnA Maker を ノンコーディングで実装 便利なテンプレート機能 オープンソース開発 まとめ Composerで作成したbotのコードを確認
  36. 36. 参考資料 Bot Framework (Composer / Emulator etc) QnA Maker LUIS https://github.com/microsoft/botframework https://www.qnamaker.ai/ https://www.luis.ai/ るぴブロ https://rupic.hatenablog.com/
  37. 37. https://www.microsoft.com/ja-jp/ignite-the-tour/
  38. 38. Thanks

×