Мазмун
- 01. Жеке мүнөздү коюңуз
- 02. RiveScriptти колдонуңуз
- 03. Ботуңуздун мээсин жаратыңыз
- 04. Добушту иштеп чыгуу
- 05. Сунуш берүү
- 06. Чат-боттон коркпоңуз
2000-жылдардын ортосунда, виртуалдык агенттер жана кардарларды тейлөө чат-боттору, алар анча маектешпесе дагы, көпчүлүктүн сүймөнчүгүнө ээ болушкан жана капоттун астында желе серверлери менен маалымат алмашуудан гана турган.
Азыркы учурда, "алсыз КТ" мисалдары көп болсо дагы (анын ичинде Siri, Alexa, веб издөө тутумдары, автоматтык котормочулар жана бет таануу) жана башка веб-дизайн сыяктуу темалар көңүл чордонунда калса дагы, чат-боттор дагы деле чоң резонанс жаратууда . Ири компаниялардын ири инвестициялары менен, келечектеги сүйлөшүү интерфейстерин бузууга мүмкүнчүлүктөр көп бойдон калууда.
- Чатбот тажрыйбасын кантип иштеп чыгуу керек
Кээде алар жаман атка ээ болушат, бирок чат-боттор пайдалуу болушу мүмкүн. Алар колдонуучу киргизүү талааларын толтуруп, текшерүүнү күткөн стандарттуу веб формасынын негизги алмаштыргычтарын сезиштин кажети жок - алар баарлашуу тажрыйбасын камсыз кыла алышат.
Чындыгында, биз веб-браузердин чекитин же уюлдук жаңсоосунун ордуна, эксперт же досуңуз менен баарлашуу сыяктуу табигый сезүү үчүн колдонуучунун тажрыйбасын өркүндөтүп жатабыз. Максаты, боорукер, контексттик жоопторду берүү менен, бул технология адамдардын жашоосуна түздөн-түз сиңип калат.
Төмөнкү видеону көрүңүз же кызматты иштеп чыгуу практикасында долбоорду кабыл алуунун чыныгы тиркемесинин негизинде чатботту иштеп чыгуунун жана түзүүнүн практикалык жолун табуу үчүн окуйсуз.
01. Жеке мүнөздү коюңуз
Бул практика глобалдык деңгээлде 110,000ден ашуун мүчөнү тейлегендиктен, тезирээк, ыңгайлуу жана табигый интерфейсти камсыз кылуу, ал аркылуу ички кызыкдар тараптар түшүнүксүз формаларды толтуруунун ордуна натыйжалуу санариптик кызматтарды сурай алышты.
Биринчи кадам чатботтун инсандыгын орнотуу болду, анткени бул кызматты иштеп чыгуу тобунун кызыкдар тараптарга билдирүүсүн камсыз кылат. Дизайн персонаждары боюнча Ааррон Уолтердин акыркы эмгегине негиз салдык. Бул биздин командага боттун инсандык сапаттарын өнүктүрүүгө чоң жардам берди, андан кийин куттуктоо, ката кетирүү жана колдонуучунун пикири боюнча билдирүүлөрдү аныктады.
Бул уюмдун кандайча кабыл алынышына таасир эткендиктен, бул аяр этап. Мүмкүн болушунча көбүрөөк маалыматка ээ болушубуз үчүн, биз дароо кызыкдар тараптардын семинарларын түзүп, бот менен иштешүүдө ылайыктуу инсандыкты, түстөрдү, типографияны, сүрөттөрдү жана колдонуучунун агымын орноттук.
Бардык керектүү жактырууларды алгандан кийин, анын ичинде юридикалык консультация алуу менен, биз археикалык суроо-талаптардын формаларын кызыкдар тараптар менен биздин дизайнердик кызматтын командасынын өкүлүнүн ортосундагы сүйлөшүүнү туураган бир катар артка жана алдыга суроолорго айландырууга кириштик.
02. RiveScriptти колдонуңуз
Биз иштетүү бөлүгү үчүн КТ белгилөө тилине өтө терең киргибиз келбесин билгенбиз - тажрыйбаны секирип баштоо үчүн жетиштүү эле жетиштүү болчубуз.
RiveScript - бул жөнөкөй чатбот API, бул үйрөнүүгө оңой жана биздин муктаждыктарыбызга жетиштүү. Бир нече күндүн ичинде, биз боттон долбоордун өтүнүчүн кабыл алуу логикасына ээ болдук жана аны тастыктоо жана категориялоо үчүн жетиштүү ишкердик логикасы менен талдап көрдүк, андыктан JSON REST кызматтары аркылуу тийиштүү ички долбоор тапшырмаларынын кезегине жөнөтүлүшү мүмкүн.
Бул негизги чат-боттун иштешин камсыз кылуу үчүн, RiveScript репосуна өтүп, аны клондоп, бардык стандарттуу Node көзкарандылыктарын орнотуңуз. Реподо сиз ар кандай мисал үзүндүлөрү менен кошо турган өз ара аракеттенүү сезиминин даамын таба аласыз.
Андан кийин, негизги Grunt серверин иштетип, ботту веб-баракчага айландырган веб-кардар папкасын иштетиңиз. Бул учурда сиз муктаждыктарыңызга жараша тажрыйбаны өркүндөтө аласыз.
03. Ботуңуздун мээсин жаратыңыз
Кийинки кадам - бул биздин боттун "мээсин" жаратуу. Бул .RIVE кеңейтүүсү бар файлдарда көрсөтүлгөн, жана бактыга жараша RiveScript кутудагы негизги өз ара аракеттер менен коштолгон (мисалы, "атыңыз ким?", "Жашыңыз канча?" Жана "сиз кимсиз?" сүйүктүү түс? ').
Туура Node командасын колдонуп, веб-кардар колдонмосун иштеткенде, HTML файлына буларды жүктөө тапшырмасы берилет.RIVE файлдар.
Андан кийин биздин чатбот мээбиздин долбоордун сурамдары менен иштей турган бөлүгүн жаратышыбыз керек. Биздин негизги максатыбыз - суроолорду камтыган долбоордун тандоосун үзгүлтүксүз баарлашууга өткөрүү.
Ошентип, мисалы:
- Саламатсызбы, биз кандай жардам бере алабыз?
- Жакшы, биз канчалык жакын арада башташыбыз керек?
- Мага бюджетиңиз жөнүндө болжол менен түшүнүк бере аласызбы?
- Долбооруңуз жөнүндө көбүрөөк айтып бериңиз ...
- Сиз биз жөнүндө кандайча уктуңуз?
Адатта, жеткиликтүү веб-форма төмөнкүдөй болот:
form action = ""> талаалар тобу> уламыш> Сурам түрү: / уламыш> киргизүү id = "option-one" type = "radio" name = "request-type" value = "option-one"> label for = "option- one "> option 1 / label> br> input id =" option-two "type =" radio "name =" request-type "value =" option-two "> label for =" option-two "> option 2 / label> br> input id = "option-three" type = "radio" name = "request-type" value = "option-three"> label for = "option-three"> option 3 / label> br> / fieldets > fieldset> legend> Timeline: / legend> input id = "one-month" type = "radio" name = "request-timeline" value = "one-month"> label for = "one-month"> 1 month / label> br> input id = "one-three-months" type = "radio" name = "request- timeline" value = "one-three-months"> label for = "one-month"> 1-3 months / label> br> input id = "four-plus-months" type = "radio" name = "request- timeline" value = "four-plus-months"> label for = "four-plus-months"> 4+ ай / label> br> / fieldset> br> label for = "request-budget"> Бюджеттик маалымат / label> br> textarea id = "request-budget" name = "request-budget-text" rows = "10" cols = "30"> / textarea> br> label for = "request-description"> Project Description / label> br> textarea id = "request-description" name = "request- description-text" rows = "10" cols = "30"> / textarea > br> label for = "request-reference"> Reference / label> br> textarea id = "request-reference" name = "request-reference- text" rows = "10" cols = "30"> / textarea> br > input type = "submit" value = "Submit"> / form>
Веб формалары менен, биз белгилүү бир үлгүлөрдү жакшы билебиз: Жөнөтүү баскычын чыкылдатып, бардык формалык маалыматтар суроо-талап иштелип чыккан башка баракчага жөнөтүлөт, андан кийин кыязы, рахмат баракчасы калкып чыгат.
Чат-боттор аркылуу биз сурам жөнөтүүнүн өз ара аракеттенүүсүн кабыл алып, аны маңыздуу кыла алабыз.
04. Добушту иштеп чыгуу
Бул форманы RiveScript’тин chatbot веб кардарындагы тейлөөчү колдонуучу интерфейсине өткөрүү үчүн, биз маалымат архитектурасын катуулоодон суюктукка которушубуз керек; же UI саптарына талаа энбелгилери.
Келгиле, айрым жеткиликтүү талаа энбелгилерин жана аларга байланыштуу суроолордун тонун карап көрөлү:
- Сураныч: Кантип жардам бере алабыз? Ишенбейсиңби? Мен бир нече суроо берсем каршы эмессизби?
- Убакыт тилкеси: Кантип башташ керек?
- Бюджеттик маалымат: Мага бюджетиңиз жөнүндө болжол менен түшүнүк бере аласызбы?
- Долбоордун сүрөттөлүшү: Макул, чечиле турган көйгөйдүн кыскача баяндамасын айта аласызбы?
- Маалымдама: Ошондой эле, сизди бизге ким жөнөттү?
Андан кийин, эки тараптуу баарлашуу үчүн RiveScriptтин иштелип чыккан логикасын эске алып, веб-форманын кодун AI скриптине өткөрүшүбүз керек:
- Кантип жардам бере алабыз? + *% кандайча жардам бере алабыз - аймактарды белгилөө = varSure, бир-эки суроо берсем каршы эмессизби? + *% мен бир-эки суроо берсем каршы эмессизби - Бул өтүнүчтү канча убакыттан кийин башташым керек? + *% бул өтүнүчтү канча убакыттан кийин башташым керек - = var деп койсоңуз болот, сиз мага бюджетиңиз жөнүндө болжол менен түшүнүк бере аласызбы? + *% сизге бюджетиңиз жөнүндө так маалымат бере аласызбы - set budget = varOK, чечиле турган көйгөйдүн кыскача баяндамасын, таасир эткен компоненттерди жана чөйрөлөрдү же жалпы сүрөттөмөнү айта аласызбы? + *% ok, чечиле турган көйгөйлөрдүн кыскача корутундусун жана таасирленген чөйрөлөрдү же жалпы сүрөттөлүштү айта аласызбы - set project = varAlso, сизди бизге ким жөнөттү? + *% ошондой эле сизди бизге ким жөнөттү - set referal = vargreat бул жерде мен ушул убакка чейин эмне таптым: n Кызматтар: аймактарды алуу> n Баштоо керек: качан жетүү> n Болжол менен бюджет: бюджет алуу> n Долбооруңуз жөнүндө: get project> n Шилтеме берген: жолдомо алуу> n жана жакын арада байланышып турам, бүгүн сизге жардам бере турган дагы бир нерсе барбы? чалуу> алуу аймактары> качан алуу> бюджетти алуу> долбоорду алуу> жолдомо алуу> / чалуу>
05. Сунуш берүү
Стандарттык формадагы өзгөрмөлөрдү иштетүү үчүн башка баракчага же кызматка жөнөтүүдөн айырмаланып, чат-боттор колдонуучу тарабынан баарлашуу терезесине (же оозеки) токтоосуз киргизилген маалыматты текшерип, тапшыра алат, демек, колдонуучулар буга чейин киргизилген баалуулуктарды оңой эле карап чыгышат.
Биз чат колдонуучу интерфейсине киргизилген колдонуучунун суранычын JSON REST API аркылуу тышкы долбоор тапшырма серверине жөнөтүшүбүз керек болчу.
RiveScript-js-де биз an колдоно алабыз XMLHttpRequest маалыматты колдонуучу киргизгендиктен, суроо-талапты дээрлик бир эле мезгилде тапшырууга каршы:
> объект алуу javascript var http = жаңы XMLHttpRequest (); var a = rs.getUservar (rs.currentUser (), "зоналар"); var b = rs.getUservar (rs.currentUser (), "качан"); var c = rs.getUservar (rs.currentUser (), "бюджет"); var d = rs.getUservar (rs.currentUser (), "project"); var e = rs.getUservar (rs.currentUser (), "referal"); var url = "http: // localhost: 3000 / send"; var params = "fields =" + a + "& when =" + b + "& budget =" + c + "& pro ject =" + d + "& referal =" + e; console.log (params); http.open ("POST", url, true); http.setRequestHeader ("Мазмун түрү", "application / x- www-form-urlencoded"); http.setRequestHeader ("Connection", "close"); http.onreadystatechange = function () {// Абалы өзгөргөндө функцияны чакырыңыз. if (http.readyState == 4 && http.status == 200) {эскертүү (http.responseText); }} http.send (params); объект
06. Чат-боттон коркпоңуз
Көп өтпөй, маалымат алуу үчүн компьютерлер менен өз ара аракеттенүүнүн учурдагы ыкмалары чат-бот сыяктуу технологияны колдонууга мүмкүнчүлүк берет, бул жерде адамдар жөнөкөй үн буйруктарын жасашат, мисалы, биз Amazon Echo жана Google Home сыяктуу технологиялар менен көрдүк.
Веб-дизайн жамааты коркпошу керек - биз баарыбыз ушул жаңы технологиянын кошумча наркын өздөштүрүшүбүз керек.
Бул толугу менен масштабдуу кардарларды тейлөө жана кардарлардын акыл-эсин өркүндөтүү сунуш кылган компаниялар үчүн оюн алмаштыргыч болушу мүмкүн.
Бул макала башында көрсөтүлгөнnet journal, веб-дизайнерлер жана иштеп чыгуучулар үчүн дүйнөдөгү эң көп сатылган журнал. Бул жерге жазылыңыз.
