-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathpython.html
More file actions
369 lines (367 loc) · 25.4 KB
/
Copy pathpython.html
File metadata and controls
369 lines (367 loc) · 25.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
<html class="no-js" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Python Siridatos</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/x-icon" href="../../devitems.com/html/raptas-preview/raptas/img/favicon.png" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<link rel="stylesheet" href="css/jquery-ui.min.css" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/material-design-iconic-font.min.css" />
<link rel="stylesheet" href="css/nivo-slider.css" />
<link rel="stylesheet" href="css/slider.css" />
<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
</head>
<body>
<div class="header-area">
<div class="header-topbar-area-top">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="header-login posr">
<ul>
</ul>
</div>
</div>
<div class="col-md-7 col-sm-6 col-xs-12">
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<ul class="header-social-icon text-right">
</ul>
</div>
</div>
</div>
</div>
<div class="blog-main-area">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="aside-wrapper">
<aside class="single-aside blog-aside-search mb-50">
<div class="sidebar-title title-border mb-20">
<h3>Bạn đã đăng ký khóa học này!</h3>
</div>
<div class="sidebar-item posr">
<form action="#">
<input type="text" value="Search...." />
</form>
</div>
</aside>
<aside class="single-aside blog-aside-social mb-50">
<div class="sidebar-title title-border mb-20">
<h3>Danh mục</h3>
</div>
<div class="blog-sidetext">
<ul>
<li><a href="#">Học HTML (22 video)</a></li>
<li><a href="#">Học CSS (33 video)</a></li>
<li><a href="#">Học JAVASCRIP (33 video) </a></li>
<li><a href="#">Học REACTJS (15 video) </a></li>
<li><a href="#">Học PHP (11 video) </a></li>
<li><a href="#">Học ANGULARJS (12 video) </a></li>
<li><a href="#">Học NODEJS (23 video) </a></li>
</ul>
</div>
</aside>
<aside class="single-aside mb-50">
<div class="sidebar-title title-border mb-20">
<h3>Bạn sẽ học được gì:</h3>
</div>
<div class="blog-sidetext">
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i>Biết cách xây dựng giao diện website với HTML, CSS</li>
<li><i class="fa fa-check" aria-hidden="true"></i>Biết cách đặt tên class CSS theo chuẩn BEM</li>
<li><i class="fa fa-check" aria-hidden="true"></i>Biết cách phân tích giao diện website</li>
<li><i class="fa fa-check" aria-hidden="true"></i>Biết cách làm giao diện Responsive (12 columns)</li>
</ul>
</div>
</aside>
<aside class="single-aside">
<div class="sidebar-title title-border mb-20">
<h3>Tags</h3>
</div>
<div class="aside-tags">
<ul>
<li><a href="#">JAVASCRIP</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">REACTJS</a></li>
</ul>
</div>
</aside>
</div>
</div>
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="row">
<div class="blog-main-wrapper">
<div class="col-xs-12">
<!--Normal Post-->
<div class="blog-area-wrapper">
<div class="single-blog-post">
<div class="author-des">
<div class="author-left">
<div class="author-img">
<img src="https://lh3.googleusercontent.com/a-/AOh14GjZYb7BRB_PdGRMf6XZC-yrWB-gHse1uyawoD-BNw=s400" alt="Domino html" />
</div>
<div class="author-description">
<div class="author-des">
<p>Chatbot từ zero đến Hero</p>
<a href="#">Tag: </a>
<a href="#">Python, Trí tuệ nhân tạo. </a>
</div>
</div>
</div>
<div class="author-right">
<div class="blog-share"><span>Share this:</span></div>
<ul class="single-blog-social socile-icon-tooltip text-right">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i> </a></li>
<li><a href="#"><i class="fa fa-google-plus"></i> </a></li>
<li><a href="#"><i class="fa fa-instagram"></i> </a></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
<div><p></p></div>
<div class="detail-content-article">
<p pid="1">Chào mọi người! Trong bài viết này, tôi sẽ hướng dẫn cách tạo một chatbot đơn giản, tĩnh, đàm thoại, thân thiện với người dùng. Chúng ta sẽ xem xét một sô trường hợp sử dụng đơn giản để có thể áp dụng chatbot vào hệ thống. Trước khi đi vào trường hợp sử dụng, hãy tìm hiểu một số kiến thức cơ bản về Dialogflow.</p>
<h2><strong>Hộp thoại</strong></h2>
<p pid="2">Dialogflow hiện là nền tảng xử lý ngôn ngữ tự nhiên và AI số một trên thế giới cho tất cả các loại hình doanh nghiệp. Đó là sản phẩm của Google và được cung cấp miễn phí. Với sự tích hợp với cả ứng dụng AI bằng giọng nói và văn bản như Google Assistant, Amazon Alexa và Microsoft Cortana, bạn có thể xây dựng bất kỳ loại ứng dụng AI nào cho khách hàng của mình, những người sẽ có thể tương tác qua điện thoại di động của họ, Google Home, Amazon Alexa và hơn.</p>
<p pid="3"><img src="img/11-41-06-698-36660d63-59a0-4301-a5c8-29866d57ac3e.jpg" /></p>
<p pid="4">Dialogflow không chỉ tích hợp với tất cả các nền tảng này để cho phép nhận dạng giọng nói - nó còn có tích hợp văn bản cho Facebook Messenger, Twitter, Skype, Twilio, v.v.</p>
<h2>Điều kiện tiên quyết</h2>
<ul>
<li>Tài khoản hộp thoại</li>
</ul>
<h2><strong>Tạo một đại lý</strong></h2>
<ul>
<li>Để tạo Tác nhân, hãy đăng nhập vào tài khoản Dialogflow của bạn. Nhấp vào mũi tên xuống trên menu bên trái và chọn <strong>Tạo Tác nhân mới</strong> .</li>
<li>Cung cấp <strong>tên Tác nhân</strong> và nhấp vào nút <strong>TẠO</strong> . Trong kịch bản này, tôi gọi nó là <em>BestPizzaPlace</em> . Bạn thậm chí có thể thêm một số mô tả vào ứng dụng của bạn và chọn một ngôn ngữ được chỉ định.</li>
<li>Tác nhân mới với tên bạn đã xác định sẽ được tạo cùng với hai ý định mặc định: Mục đích Chào mừng mặc định và Ý định dự phòng mặc định. Một tác nhân được tạo thành công.</li>
</ul>
<p pid="5"><img src="img/2.jpg" /></p>
<ul>
<li>Hãy tạo ý định đầu tiên của chúng tôi hoặc tiếp tục với ý định chào mừng mặc định để bắt đầu cuộc trò chuyện. Ở đây, tôi đang sử dụng ý định mặc định làm điểm bắt đầu.</li>
</ul>
<p>Một ý định là một đại diện mang tính biểu tượng của một cách nói. Mục đích là những gì người dùng hoặc bot muốn truyền đạt bằng cách sử dụng các cách nói hoặc nhấn nút.</p>
<p pid="7"><img src="img/3.jpg" /></p>
<ul>
<li>
Thêm cách phát âm mẫu trong trường văn bản <b>Nói người dùng</b> như trong hình bên dưới. Hãy thêm vài cụm từ chào mà người dùng có thể nói với chatbot.
<ul>
<li>
<p>"Chào"</p>
</li>
<li>
<p>"Xin chào"</p>
</li>
<li>
<p>"Chào"</p>
</li>
<li>
<p>"Xin chào"</p>
</li>
</ul>
</li>
<li>Bỏ qua tab <strong>Sự kiện</strong> và chuyển đến tab <strong>Hành động</strong> và thêm tên hành động để xác định mục đích của hệ thống. Ở đây, tôi đã đặt tên cho nó là <em>Bot_greetings</em> .</li>
</ul>
<p pid="8"><img src="img/4.jpg" /></p>
<ul>
<li>
Cuộn xuống tab <strong>RESPONSES</strong> , nhấp vào <strong>THÊM GIẢI QUYẾT</strong> và thêm phản hồi của bot cho người dùng. Đây là thông điệp thực tế mà bot sẽ gửi cho người dùng. Hãy thêm một vài câu trả lời trong trường <strong>Phản hồi văn bản</strong> như sau:
<ul>
<li>
<p>Xin chào, chào mừng. Tôi có thể giúp bạn biết nơi tốt nhất cho pizza.</p>
</li>
<li>
<p>Xin chào, chào! Bạn muốn biết về địa điểm pizza?</p>
</li>
<li>
<p>Tôi có thể giúp bạn tìm nơi tốt nhất để mua pizza.</p>
</li>
</ul>
</li>
</ul>
<p pid="12">Bạn có thể thêm nhiều phản hồi để tác nhân có thể chọn ngẫu nhiên một câu trả lời để làm cho nó bớt nhàm chán và thú vị hơn. Bạn có thể thêm tối đa mười phản hồi bổ sung của bất kỳ loại nào.</p>
<p pid="13"><img src="img/5.jpg" /></p>
<ul>
<li>Nhấp vào nút <strong>TIẾT KIỆM</strong> ở góc trên bên phải của cửa sổ. Bây giờ, bạn đã tạo ra ý định đầu tiên của đại lý của bạn.</li>
<li>Tạo một ý định mới để tiếp tục cuộc trò chuyện và thêm các yêu cầu của người dùng từ phía trên như người dùng nói trong mục đích mới này, ví dụ: <em>User_Vquest</em> .</li>
<li>
Ví dụ: người dùng muốn yêu cầu bot nói với các nhà hàng tốt nhất về pizza bằng cách sử dụng các cách nói sau:
<ul>
<li>
<p pid="37">Nơi tốt nhất để tìm pizza</p>
</li>
<li>
<p pid="38">Tôi có thể tìm thấy pizza ở đâu?</p>
</li>
</ul>
</li>
</ul>
<p pid="18"><img src="img/6.jpg" /></p>
<ul>
<li>Trong cách nói trên, người dùng đang yêu cầu nơi tốt nhất để tìm pizza ngon theo nhiều cách khác nhau. Bước đầu tiên là ánh xạ tất cả các cách nói này vào mục đích duy nhất với tên <em>User_Vquest</em><strong> </strong> và nhấp vào nút <strong>SAVE</strong> .</li>
<li>
Cuộn xuống tab <strong>RESPONSES</strong> , nhấp vào <strong>THÊM GIẢI QUYẾT</strong> và thêm phản hồi của bot cho người dùng. Đây là thông điệp thực tế mà bot sẽ gửi cho người dùng. Hãy thêm một vài câu trả lời trong trường <strong>Phản hồi văn bản</strong> như sau:
<ul>
<li>
<p pid="19">Đây là những nơi tốt nhất để mua pizza: Pizza của Domino, Pizza Hut và Pizza Ý. Cảm ơn bạn. Chúc một ngày tốt lành!"</p>
</li>
</ul>
</li>
</ul>
<p pid="24"><img src="img/7.jpg" /></p>
<ul>
<li>Nhấp vào nút <strong>TIẾT KIỆM</strong> ở góc trên bên phải của cửa sổ để lưu dữ liệu đã xác định. Bây giờ, bot của bạn đã sẵn sàng để thử nghiệm.</li>
<li>Kiểm tra bot bằng trình giả lập ở phía bên phải của trang. Trong hộp <strong>Dùng thử ngay</strong> , nhập <em>Hello</em> và nhấn <strong>enter</strong> .</li>
</ul>
<p pid="26"><img src="img/8.jpg" /></p>
<ul>
<li>Bạn sẽ thấy chatbot nhận ra cách nói được gõ của bạn và trả lời thích hợp.</li>
</ul>
<p pid="28"><img src="img/9.jpg" /></p>
<ul>
<li>Bạn thậm chí có thể thấy cấu trúc thông báo từ Dialogflow bằng cách nhấp vào <strong>SHOW JSON</strong> ở cuối trang.</li>
</ul>
<p pid="30"><img src="img/json.jpg" /></p>
<p pid="32">Bạn có thể tiếp tục có nhiều ý định hơn với các tùy chọn khác nhau cho những gì người dùng nói và các trường hợp sử dụng khác nhau. Để thêm ý đồ mới, click vào <strong>+</strong> dấu hiệu bên cạnh <strong>Intents</strong> tùy chọn trong menu bên trái. Hãy suy nghĩ về loại thông tin mà người dùng sẽ hỏi chatbot và lập danh sách.</p>
</div>
</div>
<div class="sharing-post">
<div class="single-blog-social-wrap">
<div class="single-comment-btn">
<div class="single-post-comment">
<button type="submit" class="btn btn-default"><a target="_blank" href="http://localhost/webchatbot/VOICE-CHATBOT-master/VOICE-CHATBOT-master/index.html">Demo Siridatos</a> <i class="fa fa-arrow-right" aria-hidden="true"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="comment-title-wrap posr">
<h3>Leave a comment </h3>
</div>
<div class="comment-input">
<div class="comment-input-textarea">
<label for="comm-text">Comment</label>
<textarea id="comm-text" placeholder="Write your comment here"></textarea>
</div>
</div>
<div class="clearfix"></div>
<div class="single-comment-btn">
<div class="single-post-comment">
<button type="submit" class="btn btn-default">Post Comment</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br>
<div class="main-footer-area">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="footer-content-wrapper">
<div class="footer-content">
<div id="f-about" class="footer-title def-funderline ftitle-about posr">
<h5 class="active-about">About us</h5>
</div>
<div class="footer-text">
<div class="quick-desc">
F8 là nơi học lập trình miễn phí.
<p></p>
Các khoá học được đầu tư kỹ lưỡng từ nội dung tới chất lượng hình ảnh và âm thanh.
<p></p>
Học viên có thể học từ con số 0 tới khi trở thành lập trình viên chuyên nghiệp tại đây.
</div>
<div class="footer-readmore"><a href="about.html">Read more</a>
</div>
</div>
<ul class="footer-social-icon">
<li><a href="#"><i class="zmdi zmdi-facebook"></i></a>
</li>
<li><a href="#"><i class="zmdi zmdi-twitter"></i></a>
</li>
<li><a href="#"><i class="zmdi zmdi-rss"></i></a>
</li>
<li><a href="#"><i class="zmdi zmdi-youtube"></i></a>
</li>
<li><a href="#"><i class="zmdi zmdi-google-plus"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="footer-list-wrapper">
<div id="f-info" class="footer-title def-funderline ftitle-info posr">
<h5 class="active">Fullstack.</h5>
</div>
<ul class="footer-list-text jscroll-info">
<li><a href="shop.html" title="New products">Giới thiệu</a>
</li>
<li><a href="single-product.html" title="Best sellers">Câu hỏi thường gặp</a>
</li>
<li><a href="shop.html" title="Our stores">Liên hệ</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="footer-list-wrapper">
<div id="f-myac" class="footer-title def-funderline ftitle-myA posr">
<h5 class="active">Sản phẩm</h5>
</div>
<ul class="footer-list-text jscroll-myac">
<li><a href="my-account.html" title="My orders">MyCV.vn</a>
</li>
<li><a href="my-account.html" title="My credit slips">Fullstack.edu.vn </a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="footer-list-wrapper">
<div id="f-cussve" class="footer-title def-funderline def-funderline2 ftitle-cus posr">
<h5 class="active">Hỗ trợ</h5>
</div>
<ul class="footer-list-text jscroll-cussrve">
<li><a href="contact.html" title="Contact us">Hỗ trợ</a>
</li>
<li><a href="feedback.php" title="Discount">Đóng góp</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<style>
.btn-default a{
color: white!important;
}
::-webkit-scrollbar {
background:white;
width:5px;
height:11px;
}
::-webkit-scrollbar-thumb {
background:black;
border-radius:10px;
}
</style>