forked from jacksonfdam/intellibots
-
Notifications
You must be signed in to change notification settings - Fork 0
/
slides.html
303 lines (184 loc) · 25.7 KB
/
slides.html
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
<!DOCTYPE html>
<html>
<head>
<title>ChatBots e Intellibots</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACV0lEQVRYR8WWgTHFQBCGvQroQFSACkQFqEBUgApEB3QQFaACTwWoQHRABexnbs0lucvtnTfszE5ukr3df//d28ti7Z9lURC/kj17ojxVz2X9XOBrLQdAIwEuXNBxrHd50ToQb/LsrWAsADbE2a1obXXqAADoJrUnBQCKHyJZp3zznbLsi8JQUFIAcLBtiTRjg4/dEgBQSM1XIZfiBH8TiTFA3V9Fea5CKMFWqBQxAIdiTOOtUk7EWTd2GAOA4XFG9A/n/HRmDyeisQJYiiHDxiI4bkV7F+BKnuuBjY/yrrYCwNnmTPQXl/GdC+ybVu7bOAF80gcDiZXg07MiGEcJB0u3jp5rbx9AWlFKSfZIXQKAQULgEiEgYKP3hIWB3wBQ0LBHSSkZM+EH0F8B8Et6LwA45t8SAgBtzH9uNVCvggEfwOA0hAC0rlkAsjNXv4ymyAJwJo4ZKFwglm634MgCwPynaZ5EGTKdJULCxgcwuJhiTQj1lIJhErxEjKBIBhbp/gPRyX2Q+h+ACUYrWiIkUTlG6XwSG0gKgPbDZIQa0ZA94AnMuskFoP0AkC4QFMd68ei4VTP2wABBudqDxznFAM5wwjwfs8B7/4+J6aa/XgDnh4asK9FrUQBNxAJAWYBKgqr0spi7MbFjmLGnCwXnnQUAdjQQNJKhznGc+j8tBGucLXNk0vGlDOg+AnKUqKWCgFYYQvjOmjHOvAdMUqwMqCPOM7PhSHQ58g4YesIcnP25ANhDL0Bx74GoZV2JDqZcMv1CAPglGBTr+aYksAOoLClhICtAyvgL5fmBIcn4wdYAAAAASUVORK5CYII="/>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body { font-family: 'Droid Serif';color: #666699; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
.remark-slide-content{background-color: rgba(3,101,192,0.8);color: #fff;}
.remark-slide {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Ik0tMjMxLjAzMjA2NzYxNjgwMzM3LC0yNTUuMzc5MTIxNTI2MDEwMDdMLTI1My40OTY1MTM0MzYyNzg4LDUzMC4xMTk2Mjk1NDYyMzhMLTQ4LjI5MjgzNTUwOTA2NzE0NiwxNDYuNzcwOTQ5ODgwODg1M1oiIGZpbGw9IiNmYjYyNTQiIHN0cm9rZT0iI2ZiNjI1NCIvPjxwYXRoIGQ9Ik0tMjMxLjAzMjA2NzYxNjgwMzM3LC0yNTUuMzc5MTIxNTI2MDEwMDdMLTQ4LjI5MjgzNTUwOTA2NzE0NiwxNDYuNzcwOTQ5ODgwODg1M0w0Ny4yMjI1MTgyMzIzNTg1NzQsLTMzLjMxODc1MjQ4MjM4MDc0NVoiIGZpbGw9IiNmZjEzMWQiIHN0cm9rZT0iI2ZmMTMxZCIvPjxwYXRoIGQ9Ik0tMjMxLjAzMjA2NzYxNjgwMzM3LC0yNTUuMzc5MTIxNTI2MDEwMDdMNDcuMjIyNTE4MjMyMzU4NTc0LC0zMy4zMTg3NTI0ODIzODA3NDVMMzQ2Ljc1MjgwMDg1OTQ0OTM0LC0yMjIuNDYwOTgzNTM3OTUwNDVaIiBmaWxsPSIjZmUzMzJmIiBzdHJva2U9IiNmZTMzMmYiLz48cGF0aCBkPSJNNDcuMjIyNTE4MjMyMzU4NTc0LC0zMy4zMTg3NTI0ODIzODA3NDVMLTQ4LjI5MjgzNTUwOTA2NzE0NiwxNDYuNzcwOTQ5ODgwODg1M0wxOTcuNjMzOTk5MDkxODc3MSwyNjUuMTE2MjQxNTAxMjE1OTRaIiBmaWxsPSIjZmE5MjgxIiBzdHJva2U9IiNmYTkyODEiLz48cGF0aCBkPSJNNDcuMjIyNTE4MjMyMzU4NTc0LC0zMy4zMTg3NTI0ODIzODA3NDVMMTk3LjYzMzk5OTA5MTg3NzEsMjY1LjExNjI0MTUwMTIxNTk0TDMyOC42Nzc0ODQyNjgzMzE3LDExOC43MTI2NzY2NDY3MDExN1oiIGZpbGw9IiNmOGI3OWQiIHN0cm9rZT0iI2Y4Yjc5ZCIvPjxwYXRoIGQ9Ik00Ny4yMjI1MTgyMzIzNTg1NzQsLTMzLjMxODc1MjQ4MjM4MDc0NUwzMjguNjc3NDg0MjY4MzMxNywxMTguNzEyNjc2NjQ2NzAxMTdMMzQ2Ljc1MjgwMDg1OTQ0OTM0LC0yMjIuNDYwOTgzNTM3OTUwNDVaIiBmaWxsPSIjZmI3YzcwIiBzdHJva2U9IiNmYjdjNzAiLz48cGF0aCBkPSJNMzQ2Ljc1MjgwMDg1OTQ0OTM0LC0yMjIuNDYwOTgzNTM3OTUwNDVMMzI4LjY3NzQ4NDI2ODMzMTcsMTE4LjcxMjY3NjY0NjcwMTE3TDYwNC4wMjc3NjUwNjQ4NjQ4LC02MS45NTIxMjEyMjM2NzQ2NVoiIGZpbGw9IiNmMTgyNTgiIHN0cm9rZT0iI2YxODI1OCIvPjxwYXRoIGQ9Ik0zNDYuNzUyODAwODU5NDQ5MzQsLTIyMi40NjA5ODM1Mzc5NTA0NUw2MDQuMDI3NzY1MDY0ODY0OCwtNjEuOTUyMTIxMjIzNjc0NjVMOTgxLjczMTMxMzAxMDE2MjcsLTY1LjE2NDMxMjY2MjA1NTgzWiIgZmlsbD0iI2VjNzczZCIgc3Ryb2tlPSIjZWM3NzNkIi8+PHBhdGggZD0iTTM0Ni43NTI4MDA4NTk0NDkzNCwtMjIyLjQ2MDk4MzUzNzk1MDQ1TDk4MS43MzEzMTMwMTAxNjI3LC02NS4xNjQzMTI2NjIwNTU4M0wxMjkxLjk1OTUxNTY5NTE1MTEsLTEzMi44MzQyMzEyOTM2Mzg3NFoiIGZpbGw9IiNmMTc3NjAiIHN0cm9rZT0iI2YxNzc2MCIvPjxwYXRoIGQ9Ik0zNDYuNzUyODAwODU5NDQ5MzQsLTIyMi40NjA5ODM1Mzc5NTA0NUwxMjkxLjk1OTUxNTY5NTE1MTEsLTEzMi44MzQyMzEyOTM2Mzg3NEwxNzUwLjk5MjUyNTIzNjM0MiwtMTI4LjgzMTE0MDM5MjczMTkyWiIgZmlsbD0iI2Y4Nzk3NyIgc3Ryb2tlPSIjZjg3OTc3Ii8+PHBhdGggZD0iTTYwNC4wMjc3NjUwNjQ4NjQ4LC02MS45NTIxMjEyMjM2NzQ2NUwzMjguNjc3NDg0MjY4MzMxNywxMTguNzEyNjc2NjQ2NzAxMTdMNzYxLjQ5ODQyNzc2MjEzOTMsMTg2LjAwMDk2MTQ0MzYwNDE1WiIgZmlsbD0iI2U4YmQ2ZSIgc3Ryb2tlPSIjZThiZDZlIi8+PHBhdGggZD0iTTYwNC4wMjc3NjUwNjQ4NjQ4LC02MS45NTIxMjEyMjM2NzQ2NUw3NjEuNDk4NDI3NzYyMTM5MywxODYuMDAwOTYxNDQzNjA0MTVMOTgxLjczMTMxMzAxMDE2MjcsLTY1LjE2NDMxMjY2MjA1NTgzWiIgZmlsbD0iI2VlYTE3YiIgc3Ryb2tlPSIjZWVhMTdiIi8+PHBhdGggZD0iTTk4MS43MzEzMTMwMTAxNjI3LC02NS4xNjQzMTI2NjIwNTU4M0w3NjEuNDk4NDI3NzYyMTM5MywxODYuMDAwOTYxNDQzNjA0MTVMMTAwNC45OTg2MjY1NTM3NTcyLDMxNS43NjcwMTg2MjAwMzg2WiIgZmlsbD0iI2VlZGJiOSIgc3Ryb2tlPSIjZWVkYmI5Ii8+PHBhdGggZD0iTTk4MS43MzEzMTMwMTAxNjI3LC02NS4xNjQzMTI2NjIwNTU4M0wxMDA0Ljk5ODYyNjU1Mzc1NzIsMzE1Ljc2NzAxODYyMDAzODZMMTE2OS43OTA2ODU3MDgzMzYyLDM1LjU0MTUxOTc5OTI1NTY1WiIgZmlsbD0iI2YzYzZiMyIgc3Ryb2tlPSIjZjNjNmIzIi8+PHBhdGggZD0iTTk4MS43MzEzMTMwMTAxNjI3LC02NS4xNjQzMTI2NjIwNTU4M0wxMTY5Ljc5MDY4NTcwODMzNjIsMzUuNTQxNTE5Nzk5MjU1NjVMMTI5MS45NTk1MTU2OTUxNTExLC0xMzIuODM0MjMxMjkzNjM4NzRaIiBmaWxsPSIjZjg4MTg2IiBzdHJva2U9IiNmODgxODYiLz48cGF0aCBkPSJNMTI5MS45NTk1MTU2OTUxNTExLC0xMzIuODM0MjMxMjkzNjM4NzRMMTE2OS43OTA2ODU3MDgzMzYyLDM1LjU0MTUxOTc5OTI1NTY1TDE0MTUuMjg0MDQ2NDI5NjcwMywxNzAuOTEzMzIyOTQ4MjcyN1oiIGZpbGw9IiNmY2E3YWEiIHN0cm9rZT0iI2ZjYTdhYSIvPjxwYXRoIGQ9Ik0xMjkxLjk1OTUxNTY5NTE1MTEsLTEzMi44MzQyMzEyOTM2Mzg3NEwxNDE1LjI4NDA0NjQyOTY3MDMsMTcwLjkxMzMyMjk0ODI3MjdMMTU0Ni43NDI0ODQ1NDQzMjA5LDE4LjY0NDY0ODg4NDIyNTE3N1oiIGZpbGw9IiNmZmE1YTgiIHN0cm9rZT0iI2ZmYTVhOCIvPjxwYXRoIGQ9Ik0xMjkxLjk1OTUxNTY5NTE1MTEsLTEzMi44MzQyMzEyOTM2Mzg3NEwxNTQ2Ljc0MjQ4NDU0NDMyMDksMTguNjQ0NjQ4ODg0MjI1MTc3TDE3NTAuOTkyNTI1MjM2MzQyLC0xMjguODMxMTQwMzkyNzMxOTJaIiBmaWxsPSIjZmY3ZDg0IiBzdHJva2U9IiNmZjdkODQiLz48cGF0aCBkPSJNMTc1MC45OTI1MjUyMzYzNDIsLTEyOC44MzExNDAzOTI3MzE5MkwxNTQ2Ljc0MjQ4NDU0NDMyMDksMTguNjQ0NjQ4ODg0MjI1MTc3TDE1NDQuMjc2MDIwNTY1NTc4OCw0NTUuOTkwMzI5MzMyODU5N1oiIGZpbGw9IiNmY2Q0Y2EiIHN0cm9rZT0iI2ZjZDRjYSIvPjxwYXRoIGQ9Ik0xNzUwLjk5MjUyNTIzNjM0MiwtMTI4LjgzMTE0MDM5MjczMTkyTDE1NDQuMjc2MDIwNTY1NTc4OCw0NTUuOTkwMzI5MzMyODU5N0wxNzU5Ljk4NTExNjQ3NjUwNCw4NDYuNzUyMDk2NjMxMzQyWiIgZmlsbD0iI2VhZjZiMSIgc3Ryb2tlPSIjZWFmNmIxIi8+PHBhdGggZD0iTS00OC4yOTI4MzU1MDkwNjcxNDYsMTQ2Ljc3MDk0OTg4MDg4NTNMLTI1My40OTY1MTM0MzYyNzg4LDUzMC4xMTk2Mjk1NDYyMzhMMTYuNDU4OTAyNDg4MTIwNTM2LDMwNi4wMjYwMDA3NjY0MzU2WiIgZmlsbD0iI2YwN2I0ZCIgc3Ryb2tlPSIjZjA3YjRkIi8+PHBhdGggZD0iTS00OC4yOTI4MzU1MDkwNjcxNDYsMTQ2Ljc3MDk0OTg4MDg4NTNMMTYuNDU4OTAyNDg4MTIwNTM2LDMwNi4wMjYwMDA3NjY0MzU2TDE5Ny42MzM5OTkwOTE4NzcxLDI2NS4xMTYyNDE1MDEyMTU5NFoiIGZpbGw9IiNmNmFmOGQiIHN0cm9rZT0iI2Y2YWY4ZCIvPjxwYXRoIGQ9Ik0xOTcuNjMzOTk5MDkxODc3MSwyNjUuMTE2MjQxNTAxMjE1OTRMMTYuNDU4OTAyNDg4MTIwNTM2LDMwNi4wMjYwMDA3NjY0MzU2TDIwMC45MjIyMjM3Mzc0Mzg5Nyw2MjMuMzA0MzcyNjg3MjYyWiIgZmlsbD0iI2U3YzY3NCIgc3Ryb2tlPSIjZTdjNjc0Ii8+PHBhdGggZD0iTTE5Ny42MzM5OTkwOTE4NzcxLDI2NS4xMTYyNDE1MDEyMTU5NEwyMDAuOTIyMjIzNzM3NDM4OTcsNjIzLjMwNDM3MjY4NzI2MkwzMjQuMTI5NjY2MzQyMDE3NywzMzMuNjkzOTQ2MTY3NjYzOTdaIiBmaWxsPSIjZTVlNzkwIiBzdHJva2U9IiNlNWU3OTAiLz48cGF0aCBkPSJNMTk3LjYzMzk5OTA5MTg3NzEsMjY1LjExNjI0MTUwMTIxNTk0TDMyNC4xMjk2NjYzNDIwMTc3LDMzMy42OTM5NDYxNjc2NjM5N0wzMjguNjc3NDg0MjY4MzMxNywxMTguNzEyNjc2NjQ2NzAxMTdaIiBmaWxsPSIjZjFmOWM2IiBzdHJva2U9IiNmMWY5YzYiLz48cGF0aCBkPSJNMzI4LjY3NzQ4NDI2ODMzMTcsMTE4LjcxMjY3NjY0NjcwMTE3TDMyNC4xMjk2NjYzNDIwMTc3LDMzMy42OTM5NDYxNjc2NjM5N0w3NjEuNDk4NDI3NzYyMTM5MywxODYuMDAwOTYxNDQzNjA0MTVaIiBmaWxsPSIjZThmNmE3IiBzdHJva2U9IiNlOGY2YTciLz48cGF0aCBkPSJNNzYxLjQ5ODQyNzc2MjEzOTMsMTg2LjAwMDk2MTQ0MzYwNDE1TDMyNC4xMjk2NjYzNDIwMTc3LDMzMy42OTM5NDYxNjc2NjM5N0w4MzguMjY4NzU3MjA4ODAzOCw1MzIuODMyNTU2NzQ5MTc0NloiIGZpbGw9IiNkYWYwN2EiIHN0cm9rZT0iI2RhZjA3YSIvPjxwYXRoIGQ9Ik03NjEuNDk4NDI3NzYyMTM5MywxODYuMDAwOTYxNDQzNjA0MTVMODM4LjI2ODc1NzIwODgwMzgsNTMyLjgzMjU1Njc0OTE3NDZMMTAwNC45OTg2MjY1NTM3NTcyLDMxNS43NjcwMTg2MjAwMzg2WiIgZmlsbD0iI2UwZjA5ZSIgc3Ryb2tlPSIjZTBmMDllIi8+PHBhdGggZD0iTTExNjkuNzkwNjg1NzA4MzM2MiwzNS41NDE1MTk3OTkyNTU2NUwxMDA0Ljk5ODYyNjU1Mzc1NzIsMzE1Ljc2NzAxODYyMDAzODZMMTI5Mi43MjE2MTkwMTU0NzA5LDMwOS4wNDg5NTk3MzAxMzI1NFoiIGZpbGw9IiNmMmY2ZGMiIHN0cm9rZT0iI2YyZjZkYyIvPjxwYXRoIGQ9Ik0xMTY5Ljc5MDY4NTcwODMzNjIsMzUuNTQxNTE5Nzk5MjU1NjVMMTI5Mi43MjE2MTkwMTU0NzA5LDMwOS4wNDg5NTk3MzAxMzI1NEwxNDE1LjI4NDA0NjQyOTY3MDMsMTcwLjkxMzMyMjk0ODI3MjdaIiBmaWxsPSIjZjhlYmRmIiBzdHJva2U9IiNmOGViZGYiLz48cGF0aCBkPSJNMTQxNS4yODQwNDY0Mjk2NzAzLDE3MC45MTMzMjI5NDgyNzI3TDEyOTIuNzIxNjE5MDE1NDcwOSwzMDkuMDQ4OTU5NzMwMTMyNTRMMTU0NC4yNzYwMjA1NjU1Nzg4LDQ1NS45OTAzMjkzMzI4NTk3WiIgZmlsbD0iI2YxZjVjOCIgc3Ryb2tlPSIjZjFmNWM4Ii8+PHBhdGggZD0iTTE0MTUuMjg0MDQ2NDI5NjcwMywxNzAuOTEzMzIyOTQ4MjcyN0wxNTQ0LjI3NjAyMDU2NTU3ODgsNDU1Ljk5MDMyOTMzMjg1OTdMMTU0Ni43NDI0ODQ1NDQzMjA5LDE4LjY0NDY0ODg4NDIyNTE3N1oiIGZpbGw9IiNmOWY5ZTQiIHN0cm9rZT0iI2Y5ZjllNCIvPjxwYXRoIGQ9Ik0tMjUzLjQ5NjUxMzQzNjI3ODgsNTMwLjExOTYyOTU0NjIzOEwtMjY1LjAwODkzNDQ3MjcxNjcsMTAzNi4yNzk5NDUxNTc1MDU4TC00MC4zNDUyNTEyMzcyMzkwNCw4MTAuMzIwODAzOTAzNzU1MloiIGZpbGw9IiNmNzc5NzUiIHN0cm9rZT0iI2Y3Nzk3NSIvPjxwYXRoIGQ9Ik0tMjUzLjQ5NjUxMzQzNjI3ODgsNTMwLjExOTYyOTU0NjIzOEwtNDAuMzQ1MjUxMjM3MjM5MDQsODEwLjMyMDgwMzkwMzc1NTJMMjAwLjkyMjIyMzczNzQzODk3LDYyMy4zMDQzNzI2ODcyNjJaIiBmaWxsPSIjZjI4ZTdkIiBzdHJva2U9IiNmMjhlN2QiLz48cGF0aCBkPSJNLTI1My40OTY1MTM0MzYyNzg4LDUzMC4xMTk2Mjk1NDYyMzhMMjAwLjkyMjIyMzczNzQzODk3LDYyMy4zMDQzNzI2ODcyNjJMMTYuNDU4OTAyNDg4MTIwNTM2LDMwNi4wMjYwMDA3NjY0MzU2WiIgZmlsbD0iI2VkOTQ2MSIgc3Ryb2tlPSIjZWQ5NDYxIi8+PHBhdGggZD0iTTMyNC4xMjk2NjYzNDIwMTc3LDMzMy42OTM5NDYxNjc2NjM5N0wyMDAuOTIyMjIzNzM3NDM4OTcsNjIzLjMwNDM3MjY4NzI2MkwzNTMuOTc2NDM3NjUxNTc1MzQsODE0LjYyNjA5NjE2NDA2MDNaIiBmaWxsPSIjZWFmM2MxIiBzdHJva2U9IiNlYWYzYzEiLz48cGF0aCBkPSJNMzI0LjEyOTY2NjM0MjAxNzcsMzMzLjY5Mzk0NjE2NzY2Mzk3TDM1My45NzY0Mzc2NTE1NzUzNCw4MTQuNjI2MDk2MTY0MDYwM0w4MzguMjY4NzU3MjA4ODAzOCw1MzIuODMyNTU2NzQ5MTc0NloiIGZpbGw9IiNkY2VmOGUiIHN0cm9rZT0iI2RjZWY4ZSIvPjxwYXRoIGQ9Ik04MzguMjY4NzU3MjA4ODAzOCw1MzIuODMyNTU2NzQ5MTc0NkwzNTMuOTc2NDM3NjUxNTc1MzQsODE0LjYyNjA5NjE2NDA2MDNMNDYwLjk5MTMwMzcwNzIxMjM1LDg5OC43OTA2ODM4MDM3MjExWiIgZmlsbD0iI2UxZjBhMCIgc3Ryb2tlPSIjZTFmMGEwIi8+PHBhdGggZD0iTTgzOC4yNjg3NTcyMDg4MDM4LDUzMi44MzI1NTY3NDkxNzQ2TDQ2MC45OTEzMDM3MDcyMTIzNSw4OTguNzkwNjgzODAzNzIxMUw4NDAuMTc4MjQ0MjEyODA1Myw4NzIuMTQwMDExNjQ1NDI4NloiIGZpbGw9IiNlNWVmYmEiIHN0cm9rZT0iI2U1ZWZiYSIvPjxwYXRoIGQ9Ik04MzguMjY4NzU3MjA4ODAzOCw1MzIuODMyNTU2NzQ5MTc0Nkw4NDAuMTc4MjQ0MjEyODA1Myw4NzIuMTQwMDExNjQ1NDI4Nkw5MTcuMDQyODI3NDk5MjA1LDYzMC4xMjgyODU1MTgyNzA5WiIgZmlsbD0iI2U1ZWVjNSIgc3Ryb2tlPSIjZTVlZWM1Ii8+PHBhdGggZD0iTTgzOC4yNjg3NTcyMDg4MDM4LDUzMi44MzI1NTY3NDkxNzQ2TDkxNy4wNDI4Mjc0OTkyMDUsNjMwLjEyODI4NTUxODI3MDlMMTAwNC45OTg2MjY1NTM3NTcyLDMxNS43NjcwMTg2MjAwMzg2WiIgZmlsbD0iI2UwZWVhOCIgc3Ryb2tlPSIjZTBlZWE4Ii8+PHBhdGggZD0iTTEwMDQuOTk4NjI2NTUzNzU3MiwzMTUuNzY3MDE4NjIwMDM4Nkw5MTcuMDQyODI3NDk5MjA1LDYzMC4xMjgyODU1MTgyNzA5TDEyOTIuNzIxNjE5MDE1NDcwOSwzMDkuMDQ4OTU5NzMwMTMyNTRaIiBmaWxsPSIjZTFmMGE0IiBzdHJva2U9IiNlMWYwYTQiLz48cGF0aCBkPSJNMTI5Mi43MjE2MTkwMTU0NzA5LDMwOS4wNDg5NTk3MzAxMzI1NEw5MTcuMDQyODI3NDk5MjA1LDYzMC4xMjgyODU1MTgyNzA5TDExMzkuODEwOTYxMTE5MTMzNSw5MjQuNzMyMjA0NDcwNTk3OVoiIGZpbGw9IiNlYWYwZDQiIHN0cm9rZT0iI2VhZjBkNCIvPjxwYXRoIGQ9Ik0xMjkyLjcyMTYxOTAxNTQ3MDksMzA5LjA0ODk1OTczMDEzMjU0TDExMzkuODEwOTYxMTE5MTMzNSw5MjQuNzMyMjA0NDcwNTk3OUwxNDU0Ljc0MTEyODAwMTU0OTQsODY2LjYzNjExNTY2ODExNjlaIiBmaWxsPSIjZjFmM2U5IiBzdHJva2U9IiNmMWYzZTkiLz48cGF0aCBkPSJNMTI5Mi43MjE2MTkwMTU0NzA5LDMwOS4wNDg5NTk3MzAxMzI1NEwxNDU0Ljc0MTEyODAwMTU0OTQsODY2LjYzNjExNTY2ODExNjlMMTU0NC4yNzYwMjA1NjU1Nzg4LDQ1NS45OTAzMjkzMzI4NTk3WiIgZmlsbD0iI2VlZjNjZiIgc3Ryb2tlPSIjZWVmM2NmIi8+PHBhdGggZD0iTTE1NDQuMjc2MDIwNTY1NTc4OCw0NTUuOTkwMzI5MzMyODU5N0wxNDU0Ljc0MTEyODAwMTU0OTQsODY2LjYzNjExNTY2ODExNjlMMTc1OS45ODUxMTY0NzY1MDQsODQ2Ljc1MjA5NjYzMTM0MloiIGZpbGw9IiNmNWY1ZWMiIHN0cm9rZT0iI2Y1ZjVlYyIvPjxwYXRoIGQ9Ik0tNDAuMzQ1MjUxMjM3MjM5MDQsODEwLjMyMDgwMzkwMzc1NTJMLTI2NS4wMDg5MzQ0NzI3MTY3LDEwMzYuMjc5OTQ1MTU3NTA1OEw2Ni40NDMwNDQ2OTEwMDQwOSw5NDYuODc5NTIzODg0MTQzNloiIGZpbGw9IiNmZDgyOGMiIHN0cm9rZT0iI2ZkODI4YyIvPjxwYXRoIGQ9Ik0tNDAuMzQ1MjUxMjM3MjM5MDQsODEwLjMyMDgwMzkwMzc1NTJMNjYuNDQzMDQ0NjkxMDA0MDksOTQ2Ljg3OTUyMzg4NDE0MzZMMjAwLjkyMjIyMzczNzQzODk3LDYyMy4zMDQzNzI2ODcyNjJaIiBmaWxsPSIjZjZiM2E5IiBzdHJva2U9IiNmNmIzYTkiLz48cGF0aCBkPSJNMjAwLjkyMjIyMzczNzQzODk3LDYyMy4zMDQzNzI2ODcyNjJMNjYuNDQzMDQ0NjkxMDA0MDksOTQ2Ljg3OTUyMzg4NDE0MzZMMzUzLjk3NjQzNzY1MTU3NTM0LDgxNC42MjYwOTYxNjQwNjAzWiIgZmlsbD0iI2Y0ZGVjYyIgc3Ryb2tlPSIjZjRkZWNjIi8+PHBhdGggZD0iTTM1My45NzY0Mzc2NTE1NzUzNCw4MTQuNjI2MDk2MTY0MDYwM0w2Ni40NDMwNDQ2OTEwMDQwOSw5NDYuODc5NTIzODg0MTQzNkw0NjAuOTkxMzAzNzA3MjEyMzUsODk4Ljc5MDY4MzgwMzcyMTFaIiBmaWxsPSIjZjVmN2U2IiBzdHJva2U9IiNmNWY3ZTYiLz48cGF0aCBkPSJNODQwLjE3ODI0NDIxMjgwNTMsODcyLjE0MDAxMTY0NTQyODZMNDYwLjk5MTMwMzcwNzIxMjM1LDg5OC43OTA2ODM4MDM3MjExTDc5MC43MjEyODk4MjgwOTA5LDExMDUuNDc5NjcyMTcxNTY3NVoiIGZpbGw9IiNlYmYyYzUiIHN0cm9rZT0iI2ViZjJjNSIvPjxwYXRoIGQ9Ik04NDAuMTc4MjQ0MjEyODA1Myw4NzIuMTQwMDExNjQ1NDI4Nkw3OTAuNzIxMjg5ODI4MDkwOSwxMTA1LjQ3OTY3MjE3MTU2NzVMMTEzOS44MTA5NjExMTkxMzM1LDkyNC43MzIyMDQ0NzA1OTc5WiIgZmlsbD0iI2YxZjJlNCIgc3Ryb2tlPSIjZjFmMmU0Ii8+PHBhdGggZD0iTTg0MC4xNzgyNDQyMTI4MDUzLDg3Mi4xNDAwMTE2NDU0Mjg2TDExMzkuODEwOTYxMTE5MTMzNSw5MjQuNzMyMjA0NDcwNTk3OUw5MTcuMDQyODI3NDk5MjA1LDYzMC4xMjgyODU1MTgyNzA5WiIgZmlsbD0iI2VkZjFkZSIgc3Ryb2tlPSIjZWRmMWRlIi8+PHBhdGggZD0iTTE0NTQuNzQxMTI4MDAxNTQ5NCw4NjYuNjM2MTE1NjY4MTE2OUwxMTM5LjgxMDk2MTExOTEzMzUsOTI0LjczMjIwNDQ3MDU5NzlMMTIwNS4zODQzNDQyMTcxMDg3LDEwMTIuMDkwODExODYzOTIwMVoiIGZpbGw9IiNmOWY1ZmYiIHN0cm9rZT0iI2Y5ZjVmZiIvPjxwYXRoIGQ9Ik0xNDU0Ljc0MTEyODAwMTU0OTQsODY2LjYzNjExNTY2ODExNjlMMTIwNS4zODQzNDQyMTcxMDg3LDEwMTIuMDkwODExODYzOTIwMUwxMzI4LjEzNjk2NzkxMjg0MDQsMTIyMy44Nzk1MTg0NDE0MzY2WiIgZmlsbD0iI2ZkZjdmZiIgc3Ryb2tlPSIjZmRmN2ZmIi8+PHBhdGggZD0iTTE0NTQuNzQxMTI4MDAxNTQ5NCw4NjYuNjM2MTE1NjY4MTE2OUwxMzI4LjEzNjk2NzkxMjg0MDQsMTIyMy44Nzk1MTg0NDE0MzY2TDE3MDAuMDM4OTg1MjQ1MTAwOCwxMTM2Ljk5OTMyNzM4MDAxNjRaIiBmaWxsPSIjZmZmOWZmIiBzdHJva2U9IiNmZmY5ZmYiLz48cGF0aCBkPSJNMTQ1NC43NDExMjgwMDE1NDk0LDg2Ni42MzYxMTU2NjgxMTY5TDE3MDAuMDM4OTg1MjQ1MTAwOCwxMTM2Ljk5OTMyNzM4MDAxNjRMMTc1OS45ODUxMTY0NzY1MDQsODQ2Ljc1MjA5NjYzMTM0MloiIGZpbGw9IiNmZGY5ZmYiIHN0cm9rZT0iI2ZkZjlmZiIvPjxwYXRoIGQ9Ik0xNzU5Ljk4NTExNjQ3NjUwNCw4NDYuNzUyMDk2NjMxMzQyTDE3MDAuMDM4OTg1MjQ1MTAwOCwxMTM2Ljk5OTMyNzM4MDAxNjRMMTcwNS4wNjgzODE3NjI0NjEsMTMxNy44MTgxMDU5NDE2NTM2WiIgZmlsbD0iI2ZmZmNmZiIgc3Ryb2tlPSIjZmZmY2ZmIi8+PHBhdGggZD0iTS0yNjUuMDA4OTM0NDcyNzE2NywxMDM2LjI3OTk0NTE1NzUwNThMLTE0Ni40MjQ4NDQyODUzOTAzNSwxNDM0LjYxODUyOTkxNjE5ODJMNjYuNDQzMDQ0NjkxMDA0MDksOTQ2Ljg3OTUyMzg4NDE0MzZaIiBmaWxsPSIjZmY3ZDgzIiBzdHJva2U9IiNmZjdkODMiLz48cGF0aCBkPSJNNjYuNDQzMDQ0NjkxMDA0MDksOTQ2Ljg3OTUyMzg4NDE0MzZMLTE0Ni40MjQ4NDQyODUzOTAzNSwxNDM0LjYxODUyOTkxNjE5ODJMMjc3LjI4NTc1NDQwMzg2NjM1LDEzODguMjI5ODM0NzM2MTk1N1oiIGZpbGw9IiNmZWI1YjIiIHN0cm9rZT0iI2ZlYjViMiIvPjxwYXRoIGQ9Ik02Ni40NDMwNDQ2OTEwMDQwOSw5NDYuODc5NTIzODg0MTQzNkwyNzcuMjg1NzU0NDAzODY2MzUsMTM4OC4yMjk4MzQ3MzYxOTU3TDQ2MC45OTEzMDM3MDcyMTIzNSw4OTguNzkwNjgzODAzNzIxMVoiIGZpbGw9IiNmYWY2ZTYiIHN0cm9rZT0iI2ZhZjZlNiIvPjxwYXRoIGQ9Ik00NjAuOTkxMzAzNzA3MjEyMzUsODk4Ljc5MDY4MzgwMzcyMTFMMjc3LjI4NTc1NDQwMzg2NjM1LDEzODguMjI5ODM0NzM2MTk1N0w1NDkuMzk4NDQwMDczNjg3NSwxMjAxLjMxMDkwOTYyMDYzNThaIiBmaWxsPSIjZjFmOGNhIiBzdHJva2U9IiNmMWY4Y2EiLz48cGF0aCBkPSJNNDYwLjk5MTMwMzcwNzIxMjM1LDg5OC43OTA2ODM4MDM3MjExTDU0OS4zOTg0NDAwNzM2ODc1LDEyMDEuMzEwOTA5NjIwNjM1OEw3OTAuNzIxMjg5ODI4MDkwOSwxMTA1LjQ3OTY3MjE3MTU2NzVaIiBmaWxsPSIjZWJmNGI1IiBzdHJva2U9IiNlYmY0YjUiLz48cGF0aCBkPSJNNzkwLjcyMTI4OTgyODA5MDksMTEwNS40Nzk2NzIxNzE1Njc1TDU0OS4zOTg0NDAwNzM2ODc1LDEyMDEuMzEwOTA5NjIwNjM1OEw2NTguMDI2NzI2NzUxNjE2LDE0NTQuMDU0NTg0MjQ1MzQ2NloiIGZpbGw9IiNlY2Y2YzAiIHN0cm9rZT0iI2VjZjZjMCIvPjxwYXRoIGQ9Ik03OTAuNzIxMjg5ODI4MDkwOSwxMTA1LjQ3OTY3MjE3MTU2NzVMNjU4LjAyNjcyNjc1MTYxNiwxNDU0LjA1NDU4NDI0NTM0NjZMMTA5NC4wMTEyODA2MTE0ODIzLDEzNDEuODQ3MTA1NzczNTI0NloiIGZpbGw9IiNmMGY2ZGQiIHN0cm9rZT0iI2YwZjZkZCIvPjxwYXRoIGQ9Ik03OTAuNzIxMjg5ODI4MDkwOSwxMTA1LjQ3OTY3MjE3MTU2NzVMMTA5NC4wMTEyODA2MTE0ODIzLDEzNDEuODQ3MTA1NzczNTI0NkwxMjA1LjM4NDM0NDIxNzEwODcsMTAxMi4wOTA4MTE4NjM5MjAxWiIgZmlsbD0iI2Y1ZjZlZCIgc3Ryb2tlPSIjZjVmNmVkIi8+PHBhdGggZD0iTTc5MC43MjEyODk4MjgwOTA5LDExMDUuNDc5NjcyMTcxNTY3NUwxMjA1LjM4NDM0NDIxNzEwODcsMTAxMi4wOTA4MTE4NjM5MjAxTDExMzkuODEwOTYxMTE5MTMzNSw5MjQuNzMyMjA0NDcwNTk3OVoiIGZpbGw9IiNmNmY0ZWYiIHN0cm9rZT0iI2Y2ZjRlZiIvPjxwYXRoIGQ9Ik0xMjA1LjM4NDM0NDIxNzEwODcsMTAxMi4wOTA4MTE4NjM5MjAxTDEwOTQuMDExMjgwNjExNDgyMywxMzQxLjg0NzEwNTc3MzUyNDZMMTMyOC4xMzY5Njc5MTI4NDA0LDEyMjMuODc5NTE4NDQxNDM2NloiIGZpbGw9IiNmYWY4ZmQiIHN0cm9rZT0iI2ZhZjhmZCIvPjxwYXRoIGQ9Ik0xNzAwLjAzODk4NTI0NTEwMDgsMTEzNi45OTkzMjczODAwMTY0TDEzMjguMTM2OTY3OTEyODQwNCwxMjIzLjg3OTUxODQ0MTQzNjZMMTcwNS4wNjgzODE3NjI0NjEsMTMxNy44MTgxMDU5NDE2NTM2WiIgZmlsbD0iI2ZmZmNmZiIgc3Ryb2tlPSIjZmZmY2ZmIi8+PHBhdGggZD0iTS0xNDYuNDI0ODQ0Mjg1MzkwMzUsMTQzNC42MTg1Mjk5MTYxOTgyTDY1OC4wMjY3MjY3NTE2MTYsMTQ1NC4wNTQ1ODQyNDUzNDY2TDI3Ny4yODU3NTQ0MDM4NjYzNSwxMzg4LjIyOTgzNDczNjE5NTdaIiBmaWxsPSIjZmFmN2U0IiBzdHJva2U9IiNmYWY3ZTQiLz48cGF0aCBkPSJNMjc3LjI4NTc1NDQwMzg2NjM1LDEzODguMjI5ODM0NzM2MTk1N0w2NTguMDI2NzI2NzUxNjE2LDE0NTQuMDU0NTg0MjQ1MzQ2Nkw1NDkuMzk4NDQwMDczNjg3NSwxMjAxLjMxMDkwOTYyMDYzNThaIiBmaWxsPSIjZWRmOGJjIiBzdHJva2U9IiNlZGY4YmMiLz48cGF0aCBkPSJNNjU4LjAyNjcyNjc1MTYxNiwxNDU0LjA1NDU4NDI0NTM0NjZMMTcwNS4wNjgzODE3NjI0NjEsMTMxNy44MTgxMDU5NDE2NTM2TDEwOTQuMDExMjgwNjExNDgyMywxMzQxLjg0NzEwNTc3MzUyNDZaIiBmaWxsPSIjZjlmOWY4IiBzdHJva2U9IiNmOWY5ZjgiLz48cGF0aCBkPSJNMTA5NC4wMTEyODA2MTE0ODIzLDEzNDEuODQ3MTA1NzczNTI0NkwxNzA1LjA2ODM4MTc2MjQ2MSwxMzE3LjgxODEwNTk0MTY1MzZMMTMyOC4xMzY5Njc5MTI4NDA0LDEyMjMuODc5NTE4NDQxNDM2NloiIGZpbGw9IiNmZmZiZmYiIHN0cm9rZT0iI2ZmZmJmZiIvPjwvZz48L3N2Zz4=);
background-size: cover;
}
.remark-slide-number{color: #fff;font-size: 1rem;font-weight: bold;}
img.content{
/* width: 100%; */
height: 100%;
display: block;
max-height: 270px;
float: none;
margin: 0px auto;
}
a:link, a:hover, a:active, a:visited{
color: white;
}
</style>
</head>
<body>
<textarea id="source" style="display:none;">
class: center, middle
# ChatBots e Intellibots
---
##JACKSON FERREIRA DE ANDRADE MAFRA
Desenvolvedor há 15 anos com background em projetos de e-commerce e real estate, desde 2009 com interesses focados para o desenvolvimento de interfaces móveis e aplicações MEAP.
Me chama lá...
[http://about.me/jacksonfdam](http://about.me/jacksonfdam)
[https://bitbucket.org/jacksonfdam](https://bitbucket.org/jacksonfdam)
[https://github.com/jacksonfdam](https://github.com/jacksonfdam)
[http://linkedin.com/in/jacksonfdam](http://linkedin.com/in/jacksonfdam)
[@jacksonfdam](http://www.twitter.com/jacksonfdam)
---
## What will be covered
The following platforms for bot development will be covered
- Facebook Messanger
- Skype
- Slack
- Telegram
What AI engines will be covered?
- api.ai
- wit.ai
Framework
- Microsoft BOT framework
---
class: center, middle
# Intelligent Bots
### “Messaging is one of the few things that people do more than social networking.”
*Mark Zuckerberg, in a public Q&A in November 2014*
---
## What are chatbots?
A chatbot is a service, powered by rules and sometimes artificial intelligence,
that you interact with via a chat interface. The service could be any number of things, ranging from
functional to fun, and it could live in any major chat product (Facebook Messenger, Slack, Telegram, Text Messages, etc.).
---
## How do chatbots work?
Making a chatbot is more like script writing than usual software development. All possible scenarios and prompts have to be mapped, alongside responses and the flow of expected conversations.
<img src="https://cdn-images-1.medium.com/max/2000/1*QNDwvpEdMtiv18XIJe0Ukg.png" width="100%;" />
---
## Why might chatbots be important?
For the first time ever, people are using messenger apps more than they are using social networks. Chatbots can give brands a presence within messaging platforms, to interact and help customers at just the right moment.
---
class: center, middle
## Facebook Messenger Bots
---
## Facebook Messenger Bots
The Messenger Platform gives you the ability to have conversations with people on Messenger. There are new tools for you to build and promote your bot so you can create a custom experience for your unique audience.
### Discovering Your Bot
Using plugins, codes and links people can discover your bot and start conversations. Using Customer Matching, you can reach people on Messenger if you have their phone number and they've agreed to be contacted by you.
### Web Plugins
There are two new plugins you can drop onto your website that work on desktop and mobile web. When people click the "Send to Messenger" plugin, you can initiate a conversation with them in Messenger. The "Message Us" plugin takes the person directly to Messenger and allows them to initiate a conversation with you. On desktop, the person will be sent to messenger.com and on mobile they'll be sent to the Messenger native app.
---
## Facebook Messenger Bots
### Customer Matching
Customer matching allows you to reach people in Messenger if you have their phone number and their consent to be contacted by you. In conversations on Messenger, people will see you as a brand and not just a short code. Conversations initiated through Customer Matching will be received as Message Requests allowing people to be reached only by the bots they want to communicate with.
<img src="https://scontent.fpoa8-2.fna.fbcdn.net/t39.2178-6/12995553_268475126826430_1088661696_n.png" class="content" />
---
## Facebook Messenger Bots
### Messenger Codes and Links
Place a Messenger Code anywhere and people can scan it to start a conversation with you.
<img src="https://cldup.com/nvRVxWmmL0-2000x2000.jpeg" class="content" />
---
## Facebook Messenger Bots
### Welcome Screen
If a person starts a new conversation with your bot, you can set expectations with a welcome message and call-to-action to kickoff the experience. People who click the "Message Us" plugin or find you through search will see your welcome screen.
<img src="https://scontent.fgru5-1.fna.fbcdn.net/t39.2365-6/14785410_1842795389288397_7118614328378392576_n.png" class="content" />
---
## Facebook Messenger Bots
### Structured Templates
You can format your messages in a variety of ways. Send simple text and images, or use our structured templates to customize your message bubbles. Structured templates allow you to render an image, text and multiple buttons in one message.
<img src="https://scontent.fgru5-1.fna.fbcdn.net/t39.2178-6/12679454_1026083487461743_881543663_n.png" class="content"/>
---
## Facebook Messenger Bots
### User Controls
We’ve updated Messenger to provide people with even more ways to control the conversation and make sure they can reach the businesses they care about.
<img src="https://scontent.fgru5-1.fna.fbcdn.net/t39.2178-6/12057143_198218393902993_755928037_n.png" class="content" />
---
## Facebook Messenger Bots
### Entry Points
- If your app is Public, you can be discovered through Search in Messenger
- By clicking on the "Send Message" button on your Page
- By scanning your Messenger Code using their phone camera
- By clicking on your Messenger Link with the format https://m.me/PAGE_USERNAME
- Through our Send To Messenger or Message Us web plugins
- Phone Number (Customer) Matching
---
## Facebook Messenger Bots
#### 📡 How to share your bot
#### *Add a chat button to your webpage*
Go [here](https://developers.facebook.com/docs/messenger-platform/plugin-reference) to learn how to add a chat button your page.
#### *Create a shortlink*
You can use https://m.me/<PAGE_USERNAME> to have someone start a chat.
---
## Facebook Messenger Bots
### 💡 What's next?
- You can learn how to get your bot approved for public use [here](https://developers.facebook.com/docs/messenger-platform/app-review).
- You can also connect an AI brain to your bot [here](https://wit.ai)
- Read about all things chat bots with the ChatBots Magazine [here](https://medium.com/chat-bots)
- You can also design Messenger bots in Sketch with the [Bots UI Kit](https://bots.mockuuups.com)!
---
class: center, middle
## Telegram Bots
---
## Telegram Bots
The Bot API is an HTTP-based interface created for developers keen on building bots for Telegram.
---
## Telegram Bots
### What can I do with bots?
####Get customized notifications and news.
A bot can act as a smart newspaper, sending you relevant content as soon as it's published.
Forbes Bot, TechCrunch Bot
####Integrate with other services.
A bot can enrich Telegram chats with content from external services.
Image Bot, GIF bot, IMDB bot, Wiki bot, Music bot, Youtube bot, GitHub bot
---
## Telegram Bots
### What can I do with bots?
####Create custom tools.
A bot may provide you with alerts, weather forecasts, translations, formatting or other services. Markdown bot, Sticker bot, Vote bot, Like bot
####Build single and multiplayer games.
A bot can offer rich HTML5 experiences, from simple arcades and puzzles to 3D-shooters and real-time strategy games. GameBot, Gamee
####Build social services.
A bot could connect people looking for conversation partners based on common interests or proximity. HotOrBot
---
## Telegram Bots
### How are bots different from humans?
- Bots have no online status and no last seen timestamps, the interface shows the label ‘bot’ instead.
- Bots have limited cloud storage — older messages may be removed by the server shortly after they have been processed.
- Bots can't initiate conversations with users. A user must either add them to a group or send them a message first. People can use telegram.me/<bot_username> links or username search to find your bot.
- Bot usernames always end in ‘bot’ (e.g. @TriviaBot, @GitHub_bot).
- When added to a group, bots do not receive all messages by default (see Privacy mode).
- Bots never eat, sleep or complain (unless expressly programmed otherwise).
---
class: center, middle
## Questions?
---
class: center, middle
## Thank You.
---
</textarea>
<script src="https://gnab.github.io/remark/downloads/remark-latest.min.js">
</script>
<script>
var slideshow = remark.create();
</script>
</body>
</html>