Skip to content

Commit d92aa66

Browse files
committed
完成
1 parent c6f4e80 commit d92aa66

File tree

6 files changed

+378
-75
lines changed

6 files changed

+378
-75
lines changed

Data_Collection.html

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
<link rel="icon" href="">
10+
11+
<title>FCF</title>
12+
13+
<!-- Bootstrap core CSS -->
14+
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
15+
16+
<!-- Custom styles for this template -->
17+
<link href="offcanvas.css" rel="stylesheet">
18+
</head>
19+
20+
<body>
21+
22+
<nav class="navbar navbar-expand-md fixed-top navbar-inverse bg-inverse">
23+
<a class="navbar-brand" href="index.html">FCF (Flow-based Chatbot Framework)</a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
25+
aria-expanded="false" aria-label="Toggle navigation">
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
29+
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
30+
<ul class="navbar-nav mr-auto">
31+
<li class="nav-item active">
32+
</li>
33+
</ul>
34+
</div>
35+
</nav>
36+
37+
<div class="container">
38+
39+
<div class="row row-offcanvas row-offcanvas-right">
40+
41+
<div class="col-12 col-md-9">
42+
<p class="float-right d-md-none">
43+
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
44+
</p>
45+
<div class="jumbotron">
46+
<h1>Data Collection</h1>
47+
<p>用來收集使用者所輸入的資料</p>
48+
</div>
49+
<div class="row">
50+
<div>
51+
<h2>使用範例</h2>
52+
<img src="img/07.png" />
53+
<p>Data Collection 會根據內部設定的多組提示文字來持續提示使用者輸入資訊,並將蒐集完的資料存入 Frame Node 中作後續的處理。Data Collection 可設定搜集的資料集為 Query 跟 UserData</p>
54+
</div>
55+
</div>
56+
<!--/row-->
57+
</div>
58+
<!--/span-->
59+
60+
<div class="col-6 col-md-3 sidebar-offcanvas" id="sidebar">
61+
<div class="list-group">
62+
<a href="index.html" class="list-group-item">IM Bridge</a>
63+
<a href="Message.html" class="list-group-item">Message</a>
64+
<a href="Dispatcher.html" class="list-group-item">Dispatcher</a>
65+
<a href="Keyword_Extraction.html" class="list-group-item">Keyword Extraction</a>
66+
<a href="Data_Collection.html" class="list-group-item active">Data Collection</a>
67+
<a href="Frame.html" class="list-group-item">Frame</a>
68+
<a href="Service_Bridge.html" class="list-group-item">Service Bridge</a>
69+
</div>
70+
</div>
71+
<!--/span-->
72+
</div>
73+
<!--/row-->
74+
75+
<hr>
76+
77+
<footer>
78+
<p>&copy; 2017</p>
79+
</footer>
80+
81+
</div>
82+
<!--/.container-->
83+
84+
85+
<!-- Bootstrap core JavaScript
86+
================================================== -->
87+
<!-- Placed at the end of the document so the pages load faster -->
88+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
89+
crossorigin="anonymous"></script>
90+
<script>
91+
window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')
92+
</script>
93+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.4/umd/popper.min.js" integrity="sha256-KTKnuJPRS70XKLm+ka+irprJFaz/MLZQKHIID7ECCmw="
94+
crossorigin="anonymous"></script>
95+
<script src="dist/js/bootstrap.min.js"></script>
96+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
97+
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
98+
<script src="offcanvas.js"></script>
99+
</body>
100+
101+
</html>

Dispatcher.html

Lines changed: 75 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -2,100 +2,100 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7-
<meta name="description" content="">
8-
<meta name="author" content="">
9-
<link rel="icon" href="">
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
<link rel="icon" href="">
1010

11-
<title>FCF</title>
11+
<title>FCF</title>
1212

13-
<!-- Bootstrap core CSS -->
14-
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
13+
<!-- Bootstrap core CSS -->
14+
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
1515

16-
<!-- Custom styles for this template -->
17-
<link href="offcanvas.css" rel="stylesheet">
16+
<!-- Custom styles for this template -->
17+
<link href="offcanvas.css" rel="stylesheet">
1818
</head>
1919

2020
<body>
2121

22-
<nav class="navbar navbar-expand-md fixed-top navbar-inverse bg-inverse">
23-
<a class="navbar-brand" href="index.html">FCF (Flow-based Chatbot Framework)</a>
24-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
25-
aria-expanded="false" aria-label="Toggle navigation">
22+
<nav class="navbar navbar-expand-md fixed-top navbar-inverse bg-inverse">
23+
<a class="navbar-brand" href="index.html">FCF (Flow-based Chatbot Framework)</a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
25+
aria-expanded="false" aria-label="Toggle navigation">
2626
<span class="navbar-toggler-icon"></span>
2727
</button>
2828

29-
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
30-
<ul class="navbar-nav mr-auto">
31-
<li class="nav-item active">
32-
</li>
33-
</ul>
34-
</div>
35-
</nav>
36-
37-
<div class="container">
38-
39-
<div class="row row-offcanvas row-offcanvas-right">
40-
41-
<div class="col-12 col-md-9">
42-
<p class="float-right d-md-none">
43-
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
44-
</p>
45-
<div class="jumbotron">
46-
<h1>Dispatcher</h1>
47-
<p>藉由串接 Api.ai 來分析對話的分支</p>
29+
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
30+
<ul class="navbar-nav mr-auto">
31+
<li class="nav-item active">
32+
</li>
33+
</ul>
4834
</div>
49-
<div class="row">
50-
<div>
51-
<h2>使用範例</h2>
52-
<img src="img/06.png" />
53-
<p>Dispatcher Node 會將接收到的訊息傳至 Api.ai 進行分析,依 Api.ai 回傳回來 Action 欄位的值決定接續對話的走向</p>
54-
</div>
35+
</nav>
36+
37+
<div class="container">
38+
39+
<div class="row row-offcanvas row-offcanvas-right">
40+
41+
<div class="col-12 col-md-9">
42+
<p class="float-right d-md-none">
43+
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
44+
</p>
45+
<div class="jumbotron">
46+
<h1>Dispatcher</h1>
47+
<p>藉由串接 Api.ai 來分析對話的分支</p>
48+
</div>
49+
<div class="row">
50+
<div>
51+
<h2>使用範例</h2>
52+
<img src="img/06.png" />
53+
<p>Dispatcher Node 會將接收到的訊息傳至 Api.ai 進行分析,依 Api.ai 回傳回來 Action 欄位的值決定接續對話的走向</p>
54+
</div>
55+
</div>
56+
<!--/row-->
57+
</div>
58+
<!--/span-->
59+
60+
<div class="col-6 col-md-3 sidebar-offcanvas" id="sidebar">
61+
<div class="list-group">
62+
<a href="index.html" class="list-group-item">IM Bridge</a>
63+
<a href="Message.html" class="list-group-item">Message</a>
64+
<a href="Dispatcher.html" class="list-group-item active">Dispatcher</a>
65+
<a href="Keyword_Extraction.html" class="list-group-item">Keyword Extraction</a>
66+
<a href="Data_Collection.html" class="list-group-item">Data Collection</a>
67+
<a href="Frame.html" class="list-group-item">Frame</a>
68+
<a href="Service_Bridge.html" class="list-group-item">Service Bridge</a>
69+
</div>
70+
</div>
71+
<!--/span-->
5572
</div>
5673
<!--/row-->
57-
</div>
58-
<!--/span-->
59-
60-
<div class="col-6 col-md-3 sidebar-offcanvas" id="sidebar">
61-
<div class="list-group">
62-
<a href="index.html" class="list-group-item">IM Bridge</a>
63-
<a href="Message.html" class="list-group-item">Message</a>
64-
<a href="Dispatcher.html" class="list-group-item active">Dispatcher</a>
65-
<a href="Keyword_Extraction.html" class="list-group-item">Keyword Extraction</a>
66-
<a href="Data_Collection.html" class="list-group-item">Data Collection</a>
67-
<a href="Frame.html" class="list-group-item">Frame</a>
68-
<a href="Service_Bridge.html" class="list-group-item">Service Bridge</a>
69-
</div>
70-
</div>
71-
<!--/span-->
72-
</div>
73-
<!--/row-->
7474

75-
<hr>
75+
<hr>
7676

77-
<footer>
78-
<p>&copy; 2017</p>
79-
</footer>
77+
<footer>
78+
<p>&copy; 2017</p>
79+
</footer>
8080

81-
</div>
82-
<!--/.container-->
81+
</div>
82+
<!--/.container-->
8383

8484

85-
<!-- Bootstrap core JavaScript
85+
<!-- Bootstrap core JavaScript
8686
================================================== -->
87-
<!-- Placed at the end of the document so the pages load faster -->
88-
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
89-
crossorigin="anonymous"></script>
90-
<script>
91-
window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')
92-
</script>
93-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.4/umd/popper.min.js" integrity="sha256-KTKnuJPRS70XKLm+ka+irprJFaz/MLZQKHIID7ECCmw="
94-
crossorigin="anonymous"></script>
95-
<script src="dist/js/bootstrap.min.js"></script>
96-
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
97-
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
98-
<script src="offcanvas.js"></script>
87+
<!-- Placed at the end of the document so the pages load faster -->
88+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
89+
crossorigin="anonymous"></script>
90+
<script>
91+
window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')
92+
</script>
93+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.4/umd/popper.min.js" integrity="sha256-KTKnuJPRS70XKLm+ka+irprJFaz/MLZQKHIID7ECCmw="
94+
crossorigin="anonymous"></script>
95+
<script src="dist/js/bootstrap.min.js"></script>
96+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
97+
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
98+
<script src="offcanvas.js"></script>
9999
</body>
100100

101101
</html>

Frame.html

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
<link rel="icon" href="">
10+
11+
<title>FCF</title>
12+
13+
<!-- Bootstrap core CSS -->
14+
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
15+
16+
<!-- Custom styles for this template -->
17+
<link href="offcanvas.css" rel="stylesheet">
18+
</head>
19+
20+
<body>
21+
22+
<nav class="navbar navbar-expand-md fixed-top navbar-inverse bg-inverse">
23+
<a class="navbar-brand" href="index.html">FCF (Flow-based Chatbot Framework)</a>
24+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault"
25+
aria-expanded="false" aria-label="Toggle navigation">
26+
<span class="navbar-toggler-icon"></span>
27+
</button>
28+
29+
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
30+
<ul class="navbar-nav mr-auto">
31+
<li class="nav-item active">
32+
</li>
33+
</ul>
34+
</div>
35+
</nav>
36+
37+
<div class="container">
38+
39+
<div class="row row-offcanvas row-offcanvas-right">
40+
41+
<div class="col-12 col-md-9">
42+
<p class="float-right d-md-none">
43+
<button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
44+
</p>
45+
<div class="jumbotron">
46+
<h1>Frame</h1>
47+
<p>用來紀錄 Data Collection 所搜集到的資料,並作為將資料送出至 Pull Service Node 主要格式</p>
48+
</div>
49+
<div class="row">
50+
<div>
51+
<h2>使用範例</h2>
52+
<img src="img/08.png" />
53+
<p>Frame Node 內的資料格式為 Pull Service Node 所接受的標準格式。依上圖所示,Frame Node 可以從 Data Collection Node 取得 Query、UserData 資料,並從 Pull Service Node 的回傳取得 Result 資料</p>
54+
</div>
55+
</div>
56+
<!--/row-->
57+
</div>
58+
<!--/span-->
59+
60+
<div class="col-6 col-md-3 sidebar-offcanvas" id="sidebar">
61+
<div class="list-group">
62+
<a href="index.html" class="list-group-item">IM Bridge</a>
63+
<a href="Message.html" class="list-group-item">Message</a>
64+
<a href="Dispatcher.html" class="list-group-item">Dispatcher</a>
65+
<a href="Keyword_Extraction.html" class="list-group-item">Keyword Extraction</a>
66+
<a href="Data_Collection.html" class="list-group-item">Data Collection</a>
67+
<a href="Frame.html" class="list-group-item active">Frame</a>
68+
<a href="Service_Bridge.html" class="list-group-item">Service Bridge</a>
69+
</div>
70+
</div>
71+
<!--/span-->
72+
</div>
73+
<!--/row-->
74+
75+
<hr>
76+
77+
<footer>
78+
<p>&copy; 2017</p>
79+
</footer>
80+
81+
</div>
82+
<!--/.container-->
83+
84+
85+
<!-- Bootstrap core JavaScript
86+
================================================== -->
87+
<!-- Placed at the end of the document so the pages load faster -->
88+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
89+
crossorigin="anonymous"></script>
90+
<script>
91+
window.jQuery || document.write('<script src="assets/js/vendor/jquery.min.js"><\/script>')
92+
</script>
93+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.4/umd/popper.min.js" integrity="sha256-KTKnuJPRS70XKLm+ka+irprJFaz/MLZQKHIID7ECCmw="
94+
crossorigin="anonymous"></script>
95+
<script src="dist/js/bootstrap.min.js"></script>
96+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
97+
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
98+
<script src="offcanvas.js"></script>
99+
</body>
100+
101+
</html>

0 commit comments

Comments
 (0)