Բովանդակություն
- 01. Սահմանեք անհատականություն
- 02. Օգտագործեք RiveScript
- 03. Ստեղծեք ձեր բոտի ուղեղը
- 04. Ձայնի ձևավորում
- 05. Հայց ներկայացնելը
- 06. Մի վախեցեք չաթբոտից
2000-ականների կեսերին վիրտուալ գործակալները և հաճախորդների սպասարկման չաթ-բոտերը մեծ գովասանքի էին արժանանում, չնայած նրանք շատ խոսակցական չէին, և տակդիրի տակ նրանք պարզապես բաղկացած էին վեբ սերվերների հետ տվյալների փոխանակումից:
Մեր օրերում, չնայած առկա են «թույլ AI» - ի հսկայական թվով օրինակներ (ներառյալ ՝ Siri, Alexa, վեբ որոնման համակարգեր, ավտոմատ թարգմանիչներ և դեմքի ճանաչում) և այլ թեմաներ, ինչպիսիք են պատասխանատու վեբ ձևավորումը, գրավում են ուշադրությունը , Խոշոր ընկերությունների խոշոր ներդրումների արդյունքում ապագա խոսակցական միջերեսը կոտրելու բազմաթիվ հնարավորություններ կան:
- Ինչպես նախագծել chatbot- ի փորձ
Երբեմն նրանք ստանում են վատ համբավ, բայց չաթբոտերը կարող են օգտակար լինել: Նրանք կարիք չունեն ստանդարտ վեբ ձևի հիմնական փոխարինում զգալ, որտեղ օգտագործողը լրացնում է մուտքագրման դաշտերը և սպասում վավերացմանը. Նրանք կարող են ապահովել խոսակցական փորձ:
Ըստ էության, մենք բարելավում ենք օգտագործողի փորձը ՝ ավելի բնական զգալու համար, ինչպիսին է փորձագետի կամ ընկերոջ հետ զրուցելը, վեբ զննարկչի կետերի և սեղմումների կամ շարժական ժեստերի փոխարեն: Նպատակը այն է, որ տրամադրելով կարեկցական, համատեքստային պատասխաններ, այս տեխնոլոգիան կներդրվի ուղղակիորեն մարդկանց կյանքում:
Դիտեք ստորև ներկայացված տեսանյութը կամ կարդացեք ՝ չաթբոտի նախագծման և կառուցման գործնական եղանակը հայտնաբերելու համար, որը հիմնված է ծառայության նախագծման պրակտիկայում իրական նախագիծ ընդունող ծրագրի վրա:
01. Սահմանեք անհատականություն
Քանի որ այս պրակտիկան աշխարհում ծառայում է ավելի քան 110,000 անդամների, նպատակն էր ապահովել արագ, հարմար և բնական ինտերֆեյս, որի միջոցով ներքին շահագրգիռ կողմերը կարող էին պահանջել արդյունավետ թվային ծառայություններ, այլ ոչ թե խառնաշփոթ ձևեր լրացնելու փոխարեն:
Առաջին քայլը chatbot- ի անհատականության հաստատումն էր, քանի որ դա ծառայություն մատուցող թիմի ձայնը կներկայացներ իր շահագրգիռ կողմերին: Մենք կառուցեցինք Aarron Walter- ի հիմնական աշխատանքը դիզայնի անձանց վերաբերյալ: Սա մեծապես օգնեց մեր թիմին զարգացնել բոտի անհատականության գծերը, որոնք այնուհետև որոշեցին ողջույնների, սխալների և օգտագործողների հետադարձ կապի հաղորդագրությունները:
Սա նուրբ փուլ է, քանի որ այն ազդում է կազմակերպության ընկալման վրա: Համոզվելու համար, որ որքան հնարավոր է շատ տեղեկատվություն ունենանք, մենք անմիջապես ստեղծեցինք շահագրգիռ կողմերի սեմինարներ ՝ բոտի հետ շփվելիս համապատասխան անհատականության, գույնի, տպագրության, պատկերների և օգտագործողի հոսքի մեխերի վրա:
Բոլոր անհրաժեշտ հաստատումները ձեռք բերելուց հետո, ներառյալ ՝ իրավաբանական խորհրդատվություն փնտրելը, մենք ձեռնամուխ եղանք հնագիտական խնդրանքների ձևաթղթերի վերածել մի շարք հետադարձ և առաջ հարցերին, որոնք ընդօրինակում էին շահագրգիռ կողմերի և մեր նախագծային ծառայությունների թիմի ներկայացուցչի խոսակցությունը:
02. Օգտագործեք RiveScript
Մենք գիտեինք, որ վերամշակման մասի համար շատ չենք ցանկանում խորանալ AI նշանների լեզվով. Մեզ պարզապես անհրաժեշտ էր փորձը սկսելու համար:
RiveScript- ը պարզ chatbot API է, որը բավականին հեշտ է սովորել և բավարար է մեր կարիքների համար: Մի քանի օրվա ընթացքում մենք տրամաբանություն ստացանք `բոտից ծրագրի պահանջ ստանալու համար և վերլուծել այն բավարար բիզնես տրամաբանությամբ` այն վավերացնելու և դասակարգելու համար, որպեսզի այն կարողանա ուղարկվել JSON REST ծառայությունների միջոցով `ծրագրի ներքին առաջադրանքի համապատասխան հերթում:
Այս հիմնական չաթբոտը գործելու համար անցեք RiveScript ռեպո, կլոնավորեք այն և տեղադրեք բոլոր ստանդարտ հանգույցների կախվածությունները: Ռեպոյում կարող եք նաև համտեսել այն փոխազդեցությունների մասին, որոնք կարող եք ավելացնել տարբեր օրինակների հատվածներով:
Հաջորդը, գործարկեք վեբ-հաճախորդի պանակը, որը բոտը վերածում է վեբ-էջի `գործարկելով հիմնական Grunt սերվեր: Այս պահին կարող եք բարելավել փորձը ՝ համապատասխանելու ձեր կարիքներին:
03. Ստեղծեք ձեր բոտի ուղեղը
Հաջորդ քայլը մեր բոտի «ուղեղի» գեներացումն է: Սա նշված է .RIVE ընդլայնմամբ ֆայլերում, և բարեբախտաբար RiveScript- ն արդեն դուրս է գալիս հիմնական փոխազդեցություններից տուփից դուրս (օրինակ ՝ «Ի՞նչ է քո անունը», «Քանի տարեկան ես» և «Ո՞րն է քո հետ հարցերը) սիրված գույնը »):
Երբ դուք սկսում եք վեբ-հաճախորդի ծրագիրը, օգտագործելով պատշաճ հանգույցի հրամանը, HTML ֆայլին հանձնարարվում է բեռնել դրանք.ՇՏԱԿԵԼ ֆայլեր
Հաջորդը մենք պետք է առաջ բերենք մեր chatbot- ի ուղեղի այն մասը, որը կզբաղվի նախագծի հայցերով: Մեր հիմնական նպատակն է վերափոխել նախագծի առաջադրանքների ընդունման հարցերի ընտրությունը սովորական խոսակցության:
Այսպիսով, օրինակ.
- Բարև, ինչպե՞ս կարող ենք օգնել:
- Հոյակապ, որքան շուտ պետք է սկսել:
- Կարող եք կոպիտ պատկերացում կազմել ձեր բյուջեի մասին:
- Ավելին պատմեք ձեր նախագծի մասին ...
- Ինչպես եք տեղեկացել մեր մասին.
Տիպիկ մատչելի վեբ ձևն ունի հետևյալ տեսքը.
form action = ""> fieldset> legend> Հարցման տեսակը. / legend> input id = "option-one" type = "radio" name = "հարցում-տեսակ" value = "option-one"> պիտակը = "option- one "> option 1 / label> br> input id =" option-two "type =" radio "name =" հարցում-տեսակ "value =" option-two "> պիտակը =" option-two "> տարբերակ 2 / label> br> input id = "option-three" type = "radio" name = "հարցում-տեսակ" value = "option-three"> պիտակը = "option-three"> տարբերակ 3 / label> br> / fieldset > fieldset> legend> Timeline: / legend> input id = "մեկ ամիս" type = "radio" name = "request-timeline" value = "one-month"> պիտակ = "մեկ ամսվա"> 1 ամիս / պիտակ> br> մուտքագրման id = "մեկ-երեք ամիս" type = "radio" name = "request- timeline" value = "one-three-months"> պիտակ = "մեկ ամսվա"> 1-3 ամիս / պիտակ> br> մուտքագրման id = "չորս գումարած ամիս" type = "radio" name = "request- timeline" value = "four plus plus months"> պիտակ = = "չորս plus-months"> 4+ ամիս / label> br> / fieldset> br> label for = "հայց-բյուջե"> Բյուջեի տեղեկատվություն / պիտակ> br> textarea id = "հայց-բյուջե" name = "հարցում-բյուջե-տեքստ" rows = "10" cols = "30"> / textarea> br> պիտակի համար = "հարցում-նկարագրություն"> Projectրագրի նկարագրություն / պիտակ> br> textarea id = "խնդրանք-նկարագրություն" name = "request- description-text" rows = "10" cols = "30"> / textarea > br> պիտակի համար = "խնդրանք-տեղեկանք"> Հղում / պիտակ> br> textarea id = "խնդրանք-հղում" name = "request-reference- text" rows = "10" cols = "30"> / textarea> br > մուտքագրման տեսակը = "ներկայացնել" արժեքը = "Ներկայացնել"> / ձև>
Վեբ ձևերով մենք շատ լավ ծանոթ ենք որոշակի ձևանմուշների. Դուք կտտացնում եք Ներկայացնել կոճակը, ձևի բոլոր տվյալներն ուղարկվում են մեկ այլ էջ, որտեղ հարցումը մշակվում է, և, ամենայն հավանականությամբ, հայտնվում է անվայելուչ Շնորհակալություն էջ:
Chatրուցարանային ռոբոտների միջոցով մենք կկարողանանք վերցնել հարցումը ներկայացնելու փոխազդեցությունը և այն դարձնել ավելի իմաստալից:
04. Ձայնի ձևավորում
Այս ձևը RiveScript- ի չաթբոտ վեբ հաճախորդում սպասարկվող խոսակցական միջերեսի վերափոխելու համար անհրաժեշտ է տեղեկատվության ճարտարապետությունը կոշտից դարձնել հեղուկ: կամ դաշտի պիտակները UI տողերի մեջ:
Եկեք քննարկենք մատչելի դաշտային պիտակները և դրանց հետ կապված հարցի տոնը.
- Հարցում Ինչպե՞ս կարող ենք օգնել: Վստահ չեմ? Դեմ եք, եթե մի քանի հարց տամ:
- Elineամանակացույց Ինչքա՞ն շուտ պետք է սկսել:
- Բյուջեի վերաբերյալ տեղեկատվություն. Կարող եք կոպիտ պատկերացում կազմել ձեր բյուջեի մասին:
- Ծրագրի նկարագրությունը: Լավ, կպատմե՞ք լուծման ենթակա խնդրի ամփոփ նկարագրություն:
- Տեղեկանք. Նաև, ո՞վ է ձեզ հղել մեզ:
Հաջորդը մենք պետք է վերափոխենք վեբ ձևի ծածկագիրը AI սցենարի ՝ հետևելով RiveScript- ի երկկողմանի խոսակցությունների մշակման շատ սովորելի տրամաբանությանը.
- Ինչպե՞ս կարող ենք օգնել: + *% ինչպե՞ս կարող ենք օգնել ՝ սահմանել տարածքներ = varSure, դեմ եք, եթե ես մի քանի հարց տամ: + *% համոզված եք, որ դեմ եք, եթե մի քանի հարց տամ. - Որքա՞ն շուտ պետք է սկսեմ այս հարցումը: + *% որքան շուտ ես պետք է սկսեմ այս հարցումը - սահմանել երբ = var Կարող եք ինձ կոպիտ պատկերացում կազմել ձեր բյուջեի մասին: + *% - Կարո՞ղ եք կոպիտ պատկերացում կազմել ձեր բյուջեի մասին ՝ սահմանված բյուջե = varOK, կարո՞ղ եք ասել, որ պետք է լուծել խնդիրը, ազդեցության ենթակա բաղադրիչներն ու միջավայրը կամ ընդհանուր նկարագիրը: + *% ok: Կպատմե՞ք խնդրի լուծման ենթակա բաղադրիչները և շրջակա միջավայրը կամ ընդհանուր նկարագրություն - set project = varAlso, ով է ձեզ ուղարկել մեզ: + *% - ով նաև, ով ձեզ հղեց մեզ. սահմանեք referal = vargreat ահա թե ինչ ստացա մինչ այժմ: n Servicesառայությունները անհրաժեշտ են. տարածքներ ձեռք բերեք> n Պետք է սկսել. ստանալ երբ> n Կոպիտ բյուջե. բյուջե ստացեք> n Ձեր նախագծի մասին. Ստացեք նախագիծ> n Ուղարկված է. Ստացեք ուղղորդում> n և շուտով կապվելու եք: Այսօր այլ բան կա՞, որ կարողանամ ձեզ օգնել: զանգահարել> ընդունել տարածքներ> ստանալ երբ> ստանալ բյուջե> ստանալ նախագիծ> ստանալ պատասխաններ> / զանգահարել>
05. Հայց ներկայացնելը
Ի տարբերություն ստանդարտ ձևի փոփոխականներին `այլ էջ կամ ծառայություն մշակելու համար ուղարկվող չաթբոտերը կարող են վավերացնել և անմիջապես օգտատիրոջ կողմից մուտքագրված տեղեկատվությունը զրուցարանի պատուհանում (կամ խոսակցական) ներկայացնել, ինչը նշանակում է, որ օգտվողները կարող են նաև հեշտությամբ վերանայել նախկինում մուտքագրված արժեքները:
Մենք պետք է JSON REST API- ի միջոցով chatbot UI- ում մուտքագրված օգտագործողի խնդրանքը ուղարկենք արտաքին ծրագրի առաջադրանքների սերվեր:
RiveScript-js- ում մենք ազատ ենք օգտվել an- ից XMLHttpRequest առարկա է հարցումը ներկայացնել միաժամանակ, քանի որ տվյալները մուտքագրում է օգտագործողը.
> օբյեկտի ընդունում javascript var http = new 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 (), "նախագիծ"); var e = rs.getUservar (rs.currentUser (), "հղում"); var url = "http: // localhost: 3000 / ուղարկել"; var params = "areas =" + a + "& when =" + b + "& budget =" + c + "& pro ject =" + d + "& referal =" + e; մխիթարել. բլոգ (պարամներ); http.open ("POST", url, true); http.setRequestHeader («Բովանդակության տեսակը», «դիմում / x- www-form-urlencoded»); http.setRequestHeader («Միացում», «փակել»); http.onreadystatechange = ֆունկցիա () {// Callանգահարեք գործառույթ, երբ պետությունը փոխվի: if (http.readyState == 4 && http.status == 200) {նախազգուշացում (http.responseText); }} http.send (պարամներ); առարկա
06. Մի վախեցեք չաթբոտից
Շուտով տեղեկատվություն ստանալու համար համակարգիչների հետ փոխգործակցության ներկայիս եղանակները զիջելու են AI- ի վրա հիմնված տեխնոլոգիային, ինչպիսիք են չաթբոտերը, որտեղ մարդիկ պարզապես կատարում են պարզ ձայնային հրամաններ, ինչպիսին մենք տեսել ենք այնպիսի տեխնիկայով, ինչպիսիք են Amazon Echo և Google Home:
Վեբ ձևավորման համայնքը չպետք է վախենա. Մենք բոլորս պետք է ընդունենք այս նոր տեխնոլոգիայի ավելացված արժեքը:
Դա կարող է խաղ փոխել այն ընկերությունների համար, որոնցում աշխատում է ՝ առաջարկելով հաճախորդների լիարժեք ընդլայնում և հաճախորդների հետախուզության բարելավում:
Այս հոդվածը սկզբնապես ներկայացված էրցանց ամսագիրաշխարհի վեբ դիզայներների և մշակողների համար ամենալավ վաճառվող ամսագիրը: Բաժանորդագրվեք այստեղ.