چیٹ بوٹ انٹرفیس کی تشکیل کیسے کریں

مواد

• 01. شخصیت ترتیب دیں
• 02. ریو اسکرپٹ کا استعمال کریں
• 03. اپنے بوٹ کا دماغ بنائیں
• 04. ایک آواز ڈیزائن کریں
• 05. عرض کرنے کی درخواست کریں
• 06. چیٹ بوٹ سے خوفزدہ نہ ہوں

سن 2000 کی دہائی کے وسط میں ، ورچوئل ایجنٹوں اور کسٹمر سروس چیٹ بوٹس کو بہت زیادہ خوشی ملی ، حالانکہ وہ زیادہ تبادلہ خیال نہیں کرتے تھے ، اور اس کے تحت وہ محض ویب سرورز کے ساتھ ڈیٹا ایکسچینج پر مشتمل ہوتے تھے۔

آج کل ، اگرچہ 'ضعیف اے' کی بہت بڑی تعداد موجود ہے (بشمول سری ، الیکسا ، ویب سرچ انجن ، خودکار مترجم اور چہرے کی پہچان) اور جوابی ویب ڈیزائن جیسے دیگر عنوانات روشنی ڈال رہے ہیں ، لیکن چیٹ بٹس اب بھی ہلچل پیدا کررہے ہیں . بڑی کمپنیوں کی بڑی سرمایہ کاری کے ساتھ ، مستقبل کے مکالماتی مواصلات کو ہیک کرنے کے بہت سارے مواقع باقی ہیں۔

• چیٹ بوٹ کے تجربے کو کس طرح ڈیزائن کیا جائے

بعض اوقات انہیں بری شہرت مل جاتی ہے ، لیکن چیٹ بوٹس کارآمد ثابت ہوسکتے ہیں۔ انہیں معیاری ویب فارم کے لئے بنیادی متبادل کی طرح محسوس کرنے کی ضرورت نہیں ہے ، جہاں صارف ان پٹ فیلڈ میں بھرتا ہے اور توثیق کا انتظار کرتا ہے - وہ گفتگو کا تجربہ فراہم کرسکتے ہیں۔

بنیادی طور پر ہم صارف کے تجربے کو مزید فطری محسوس کرنے کے لئے بڑھا رہے ہیں ، جیسے کسی ماہر یا دوست کے ساتھ گفتگو کرنا ، ویب براؤزر پوائنٹ-اور-کلکس یا موبائل اشاروں کی بجائے۔ مقصد یہ ہے کہ ہمدردانہ ، سیاق و سباق سے متعلق ردعمل فراہم کرکے ، یہ ٹیکنالوجی براہ راست لوگوں کی زندگیوں میں سرایت کر جائے گی۔

ایک خدمت ڈیزائن کی مشق میں پراجیکٹ کی انٹیک کے حقیقی استعمال پر مبنی ، چیٹ بوٹ کو ڈیزائن اور بنانے کا عملی طریقہ دریافت کرنے کے لئے ذیل میں ویڈیو دیکھیں یا پڑھیں۔

01. شخصیت ترتیب دیں

چونکہ یہ مشق عالمی سطح پر 110،000 سے زیادہ ممبروں کی خدمت کرتی ہے ، اس کا مقصد ایک تیز ، آسان اور قدرتی انٹرفیس فراہم کرنا تھا جس کے ذریعے اندرونی اسٹیک ہولڈرز مبہم فارموں کو پُر کرنے کی بجائے موثر ڈیجیٹل خدمات کی درخواست کرسکیں۔

پہلا قدم چیٹ بوٹ کی شخصیت کو قائم کرنا تھا ، کیونکہ اس سے خدمت کے ڈیزائن ٹیم کی آواز اپنے اسٹیک ہولڈرز کی نمائندگی کرے گی۔ ہم ڈیزائنر شخصیات پر ایرون والٹر کے آخری کام پر تعمیر کرتے ہیں۔ اس نے ہماری ٹیم کو بوٹ کی شخصیت کی خصوصیات کو بڑھانے میں مدد فراہم کی ، جس نے پھر مبارکباد ، غلطیاں اور صارف کے تاثرات کے پیغامات کا تعین کیا۔

یہ ایک نازک مرحلہ ہے ، کیونکہ اس سے یہ متاثر ہوتا ہے کہ تنظیم کو کس طرح سمجھا جاتا ہے۔ اس بات کو یقینی بنانے کے لئے کہ ہمارے پاس جتنا ممکن معلومات موجود ہوں ، بوٹ کے ساتھ مشغول ہونے پر ہم فورا set اسٹیک ہولڈر ورکشاپس مرتب کریں تاکہ مناسب شخصیت ، رنگ ، نوع ٹائپ ، منظر کشی اور صارف کے بہاؤ کو کیل بنایا جاسکے۔

جب ہم نے تمام ضروری منظوری حاصل کرنے کے بعد - قانونی مشورہ لینے سمیت - ہم آثار قدیمہ کی درخواستوں کے فارموں کو آگے پیچھے سوالات کا ایک سلسلہ میں تبدیل کرنے کا فیصلہ کیا جس نے اسٹیک ہولڈرز اور ہماری ڈیزائن سروسز ٹیم کے نمائندے کے مابین گفتگو کا مشابہ کیا۔

02. ریو اسکرپٹ کا استعمال کریں

ہم جانتے تھے کہ ہم پروسیسنگ حصے کے لئے اے آئی مارک اپ زبان میں اتنا گہرا نہیں جانا چاہتے ہیں - ہمیں صرف تجربے کو شروع کرنے کے لئے کافی ضرورت ہے۔

ریو اسکرپٹ ایک سادہ چیٹ بوٹ API ہے جو سیکھنے کے لئے کافی آسان ہے اور ہماری ضروریات کو پورا کرتا ہے۔ کچھ ہی دنوں میں ہمارے پاس یہ منطق پیدا ہوگئی کہ بیوٹی سے کسی پروجیکٹ کی درخواست کی انٹیک کریں ، اور اس کی توثیق اور درجہ بندی کرنے کے ل enough اسے کافی کاروباری منطق کے ساتھ تجزیہ کریں تاکہ اسے JSON REST خدمات کے ذریعہ مناسب داخلی پروجیکٹ ٹاسکنگ قطار میں بھیجا جاسکے۔

اس بنیادی چیٹ بوٹ کو کام کرنے کے ل the ، ریو اسکرپٹ ریپو پر جائیں ، اس کو کلون کریں اور تمام معیاری نوڈ انحصار انسٹال کریں۔ ریپو میں آپ ان بات چیت کا ذائقہ بھی حاصل کرسکتے ہیں جو آپ مختلف مثال کے ٹکڑوں کے ساتھ شامل کرسکتے ہیں۔

اگلا ، ویب کلائنٹ فولڈر چلائیں ، جس سے بنیادی گرنٹ سرور چلا کر بوٹ کو ویب پیج میں بدل جاتا ہے۔ اس وقت آپ اپنی ضروریات کو پورا کرنے کے لئے تجربے کو بڑھا سکتے ہیں۔

03. اپنے بوٹ کا دماغ بنائیں

اگلا مرحلہ ہمارے بوٹ کا ’دماغ‘ پیدا کرنا ہے۔ یہ .RIVE توسیع والی فائلوں میں بیان کیا گیا ہے ، اور شکر ہے کہ ریو اسکرپٹ پہلے ہی خانے سے باہر بنیادی بات چیت کے ساتھ موجود ہے (مثال کے طور پر ، 'آپ کا نام کیا ہے؟' ، 'آپ کی عمر کتنی ہے؟' اور 'آپ کی کیا ہے؟ پسندیدہ رنگ؟').

جب آپ مناسب نوڈ کمانڈ استعمال کرکے ویب کلائنٹ ایپ شروع کرتے ہیں تو ، HTML فائل کو ان کو لوڈ کرنے کی ہدایت کی جاتی ہے.RIVE فائلوں.

اس کے بعد ہمیں اپنے چیٹ بوٹ کے دماغ کا وہ حصہ تیار کرنے کی ضرورت ہے جو پروجیکٹ کی درخواستوں سے نمٹ سکے گی۔ ہمارا بنیادی ہدف یہ ہے کہ پراجیکٹ کے ٹاسک انٹیک سوالات کے کسی انتخاب کو باقاعدہ گفتگو میں تبدیل کریں۔

تو ، مثال کے طور پر:

• ہیلو ، ہم کس طرح مدد کر سکتے ہیں؟
• بہت اچھا ، ہمیں کتنی جلدی شروع کرنے کی ضرورت ہے؟
• کیا آپ مجھے اپنے بجٹ کا کھردرا اندازہ دے سکتے ہیں؟
• مجھے اپنے پروجیکٹ کے بارے میں مزید بتائیں ...
• ہمارے بارے میں آپ نے کیسے سنا؟

ایک عام طور پر قابل رسائی ویب فارم اس طرح نظر آئے گا:

فارم ایکشن = ""> فیلڈسیٹ> لیجنڈ> درخواست کی قسم: / لیجنڈ> ان پٹ ID = "آپشن-ون" قسم = "ریڈیو" نام = "درخواست کی قسم" ویلیو = "آپشن ون -"> لیبل برائے = "آپشن- ایک "> آپشن 2 / لیبل </ b> ان پٹ ID =" آپشن-ٹو "" قسم = "ریڈیو" نام = "درخواست کی قسم" ویلیو = "آپشن ٹو" "لیبل برائے =" آپشن ٹو "> آپشن 2 / لیبل> br> ان پٹ ID = "آپشن-تھری" قسم = "ریڈیو" نام = "درخواست کی قسم" ویلیو = "آپشن تھری"> لیبل = "آپشن-تھری"> آپشن 3 / لیبل> br> / فیلڈسیٹ کے لئے > فیلڈسیٹ> لیجنڈ> ٹائم لائن: / علامت> ان پٹ ID = "ایک مہینہ" کی قسم = "ریڈیو" نام = "درخواست-ٹائم لائن" ویلیو = "ایک مہینہ"> لیبل = "ایک مہینہ"> 1 ماہ / << br> ان پٹ ID = "ایک تین مہینوں" کی قسم = "ریڈیو" نام = "درخواست ٹائم لائن" ویلیو = "ایک تین ماہ"> لیبل = "ایک مہینہ"> 1-3 ماہ / لیبل> br> ان پٹ ID = "چار سے زیادہ مہینوں" کی قسم = "ریڈیو" نام = "درخواست - ٹائم لائن" ویلیو = "چار سے زیادہ مہینوں"> لیبل = "چار جمعہ ماہ"> 4+ ماہ / "لیبل" / فیلڈسیٹ <BR> لیبل برائے = "درخواست-بجٹ"> بجٹ کی معلومات / لیبل> br> textarea id = "درخواست-بجٹ" نام = "درخواست-بجٹ-متن" قطاریں = "10" کالس = "30"> / textarea> <<> لیبل برائے = "درخواست-وضاحت"> پروجیکٹ کی وضاحت / لیبل> << textarea id = "درخواست-وضاحت" نام = "درخواست-تفصیل-متن" قطاریں "" 10 "کالس =" 30 "> / ٹیکٹاریہ <BR> لیبل برائے = "درخواست-حوالہ"> حوالہ / لیبل> br> textarea id = "درخواست-حوالہ" نام = "درخواست-حوالہ- متن" قطاریں "" 10 "کالس =" 30 "> / متناریہ> br > ان پٹ کی قسم = "جمع" قیمت = "جمع کروائیں"> / فارم>

ویب فارموں کے ساتھ ، ہم کچھ مخصوص نمونوں سے بہت واقف ہیں: آپ جمع کرائیں بٹن پر کلک کریں ، تمام فارم کا ڈیٹا کسی اور صفحے پر بھیج دیا جاتا ہے جہاں درخواست پر کارروائی کی جاتی ہے ، اور پھر غالبا a ایک شبیہہ شکریہ آپ کا صفحہ پاپ اپ ہوجاتا ہے۔

چیٹ بوٹس کے ذریعہ ، ہم ایک درخواست جمع کروانے کی بات چیت کرنے کے قابل ہیں ، اور اسے مزید معنی خیز بناتے ہیں۔

04. ایک آواز ڈیزائن کریں

اس فارم کو ریو اسکرپٹ کے چیٹ بوٹ ویب کلائنٹ میں پیش کردہ گفتگو کے صارف انٹرفیس میں تبدیل کرنے کے ل we ، ہمیں انفارمیشن آرکیٹیکچر کو سخت سے سیال میں تبدیل کرنا ہوگا۔ یا فیلڈ لیبل کو UI ڈور میں ڈالیں۔

آئیے کچھ قابل فیلڈ لیبل ، اور ان سے متعلق سوالیہ لہجے پر غور کریں:

• درخواست: ہم کس طرح مدد کر سکتے ہیں؟ یقین نہیں ہے؟ اگر میں کچھ سوالات پوچھوں تو کیا آپ کو برا لگتا ہے؟
• ٹائم لائن: ہمیں کتنی جلدی شروع کرنے کی ضرورت ہے؟
• بجٹ کی معلومات: کیا آپ مجھے اپنے بجٹ کا کھردرا اندازہ دے سکتے ہیں؟
• پروجیکٹ کی تفصیل: ٹھیک ہے ، کیا آپ مجھے مسئلہ حل کرنے کا خلاصہ بتا سکتے ہیں؟
• حوالہ: نیز ، آپ کو کس نے ہمارے حوالے کیا؟

اگلا ، ہمیں ریو اسکرپٹ کی دو طرفہ گفتگو کے لئے پروسیسنگ کی انتہائی قابل منطق کے بعد ، ویب فارم کے کوڈ کو AI اسکرپٹ میں تبدیل کرنے کی ضرورت ہے۔

- ہم کس طرح مدد کر سکتے ہیں؟ + *٪ ہم کس طرح مدد کرسکتے ہیں - علاقوں کو مقرر کریں = مختلف ، اگر میں نے ایک دو سوالات پوچھے تو آپ کو کوئی اعتراض نہیں ہے؟ + *٪ یقینی طور پر اگر آپ کو کچھ سوال پوچھتے ہیں تو آپ کو اعتراض ہے - مجھے کتنی جلد یہ درخواست شروع کرنے کی ضرورت ہوگی؟ + *٪ مجھے کتنی جلدی یہ درخواست شروع کرنے کی ضرورت ہے - جب = varCan کیا آپ مجھے اپنے بجٹ کا کسی حد تک اندازہ لگاتے ہیں؟ + *٪ کیا آپ مجھے اپنے بجٹ - سیٹ بجٹ = varOK کا کوئی کھوج خیال بتاسکتے ہیں ، کیا آپ مجھے اس مسئلے کا خلاصہ بتاسکتے ہیں ، جس کے حل کے ل to ، اجزاء اور ماحولیات متاثر ہوں ، یا مجموعی طور پر تفصیل دیں؟ + *٪ ٹھیک ہے کیا آپ مجھے اس مسئلے کا خلاصہ بتاسکتے ہیں جس کے حل کے لئے اجزاء اور ماحولیات متاثر ہوں یا مجموعی طور پر تفصیل - سیٹ پروجیکٹ = ورلاص ، جس نے آپ کو ہمارے پاس بھیج دیا؟ + *٪ بھی جنہوں نے آپ کو ہمارے حوالے کیا - سیٹ ریفرل = مختلف قسم کی بات یہ ہے جو مجھے اب تک ملی ہے: Services n خدمات کی ضرورت ہے: علاقے حاصل کریں> n شروع کرنے کی ضرورت ہے: جب مل جائے> get n کھردرا بجٹ: بجٹ حاصل کریں> n آپ کے پروجیکٹ کے بارے میں: پروجیکٹ حاصل کریں> n حوالہ دیا گیا: حوالہ لیں> n اور جلد ہی رابطے میں آجائیں گے کیا میں آج بھی آپ کی مدد کر سکتا ہوں؟ کال کریں> انٹیک حاصل کرنے کے شعبے> جب حاصل کریں> بجٹ حاصل کریں> پروجیکٹ حاصل کریں> ریفرل حاصل کریں </ کال>

05. عرض کرنے کی درخواست کریں

عمل کے ل vari کسی دوسرے صفحے یا خدمت پر معیاری فارم متغیر بھیجے جانے کے برخلاف ، چیٹ بوٹس صارف کی درج کردہ معلومات کو چیٹ ونڈو میں (یا بولے ہوئے) فورا. پیش کرسکتے ہیں ، جس کا مطلب ہے کہ صارف پہلے داخل کی گئی اقدار کو بھی آسانی سے دوبارہ دیکھ سکتے ہیں۔

ہمیں چیٹ بوٹ UI میں داخل صارف کی درخواست کو JSON REST API کے ذریعے بیرونی پروجیکٹ ٹاسکنگ سرور کو بھیجنے کی ضرورت ہے۔

RiveScript-js میں ہم کسی کو استعمال کرنے کے لئے آزاد ہیں XMLHttpRequest درخواست تقریبا almost بیک وقت جمع کروانے پر اعتراض کریں ، کیوں کہ صارف کے ذریعہ ڈیٹا داخل کیا جاتا ہے:

> آبجیکٹ انٹیک جاوا اسکرپٹ 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: // لوکل ہوسٹ: 3000 / بھیجیں"؛ var params = "علاقوں =" + a + "& جب =" + b + "& بجٹ =" + c + "& پرو ject =" + d + "& حوالہ =" + ای؛ کنسول.لاگ (پیرام)؛ HTTP.open ("POST" ، یو آر ایل ، سچ)؛ HTTP.setRequestHeader ("مواد کی قسم" ، "درخواست / x- www-form-urlencoded")؛ http.setRequestHeader ("کنکشن" ، "قریب")؛ HTTP.onreadystate بدل = فنکشن () {// ریاست تبدیل ہونے پر کسی فنکشن کو کال کریں۔ اگر (HTTP.readyState == 4 && http.status == 200) {الرٹ (http.responseText)؛ ؛} http.send (params)؛ چیز

06. چیٹ بوٹ سے خوفزدہ نہ ہوں

جلد ہی ، معلومات حاصل کرنے کے ل computers کمپیوٹرز کے ساتھ تعامل کے موجودہ طریقے AI بیسڈ ٹیکنالوجی جیسے چیٹ بوٹس کو دے دیں گے ، جہاں لوگ محض صوتی کمانڈز بناتے ہیں ، جیسے ہم نے ایمیزون ایکو اور گوگل ہوم جیسے ٹیک کے ساتھ دیکھا ہے۔

ویب ڈیزائن کمیونٹی کو خوفزدہ ہونے کی ضرورت نہیں ہے - ہم سب کو اس نئی ٹکنالوجی کی اضافی قیمت کو اپنانا چاہئے۔

یہ ان کمپنیوں کے لئے ایک گیم چینجر ثابت ہوسکتا ہے جس کے لئے وہ کام کرتی ہے ، جو پوری طرح سے توسیع پذیر کسٹمر سروس اور بہتر کسٹمر انٹیلی جنس کی پیش کش کرتی ہے۔

یہ مضمون اصل میں شامل کیا گیا تھانیٹ میگزین، ویب ڈیزائنرز اور ڈویلپرز کے لئے دنیا کا سب سے زیادہ فروخت ہونے والا رسالہ۔ یہاں سبسکرائب کریں.