কীভাবে চ্যাটবোট ইন্টারফেস তৈরি করবেন

কন্টেন্ট

• 01. একটি ব্যক্তিত্ব সেট করুন
• 02. রিভস্ক্রিপ্ট ব্যবহার করুন
• 03. আপনার বটের মস্তিষ্ক জেনারেট করুন
• 04. একটি ভয়েস ডিজাইন করুন
• 05. জমা দেওয়ার অনুরোধ
• 06. চ্যাটবোট ভয় পাবেন না

2000-এর দশকের মাঝামাঝি, ভার্চুয়াল এজেন্ট এবং গ্রাহক পরিষেবা চ্যাটবটগুলি খুব বেশি কথোপকথন পেয়েছিল যদিও তারা খুব কথোপকথনীয় ছিল না, এবং হুডের নীচে তারা কেবল ওয়েব সার্ভারের সাথে ডেটা এক্সচেঞ্জের সমন্বয়ে গঠিত হয়েছিল।

আজকাল, যদিও 'দুর্বল এআই' এর বিশাল সংখ্যক উদাহরণ বিদ্যমান রয়েছে (সিরি, আলেক্সা, ওয়েব অনুসন্ধান ইঞ্জিনগুলি, স্বয়ংক্রিয় অনুবাদক এবং মুখের স্বীকৃতি সহ) এবং প্রতিক্রিয়াশীল ওয়েব ডিজাইনের মতো অন্যান্য বিষয়গুলি আলোড়ন সৃষ্টি করছে, চ্যাটবটগুলি এখনও আলোড়ন সৃষ্টি করছে । বড় সংস্থাগুলি থেকে বড় বিনিয়োগের সাথে, ভবিষ্যতের কথোপকথন ইন্টারফেস হ্যাক করার প্রচুর সুযোগ রয়েছে।

• কীভাবে একটি চ্যাটবট অভিজ্ঞতা ডিজাইন করবেন

কখনও কখনও তারা একটি খারাপ খ্যাতি পান, তবে চ্যাটবটগুলি কার্যকর হতে পারে। তাদের কোনও স্ট্যান্ডার্ড ওয়েব ফর্মের জন্য প্রাথমিক প্রতিস্থাপনের মতো বোধ করার দরকার নেই, যেখানে ব্যবহারকারী ইনপুট ক্ষেত্রগুলিতে পূরণ করে এবং বৈধতার জন্য অপেক্ষা করেন - তারা একটি কথোপকথনের অভিজ্ঞতা সরবরাহ করতে পারে।

মূলত আমরা ওয়েব ব্রাউজার পয়েন্ট-অ্যান্ড-ক্লিক বা মোবাইল অঙ্গভঙ্গিগুলির পরিবর্তে বিশেষজ্ঞ বা বন্ধুর সাথে কথোপকথনের মতো আরও প্রাকৃতিক বোধ করার জন্য ব্যবহারকারীর অভিজ্ঞতা বাড়িয়ে তুলছি। উদ্দেশ্যটি হ'ল সহানুভূতিশীল, প্রাসঙ্গিক প্রতিক্রিয়া সরবরাহের মাধ্যমে এই প্রযুক্তিটি সরাসরি মানুষের জীবনে এম্বেড হবে।

সার্ভিস ডিজাইন অনুশীলনে বাস্তব প্রকল্প গ্রহণের প্রয়োগের ভিত্তিতে একটি চ্যাটবট ডিজাইন ও নির্মাণের একটি কার্যকর উপায় আবিষ্কার করতে নীচের ভিডিওটি দেখুন বা পড়ুন।

01. একটি ব্যক্তিত্ব সেট করুন

যেহেতু এই অনুশীলনটি বিশ্বব্যাপী ১১০,০০০ এরও বেশি সদস্যকে পরিবেশন করে, লক্ষ্যটি ছিল একটি দ্রুত, সুবিধাজনক এবং প্রাকৃতিক ইন্টারফেস সরবরাহ করা যার মাধ্যমে অভ্যন্তরীণ স্টেকহোল্ডাররা বিভ্রান্তিমূলক ফর্মগুলি পূরণ না করে কার্যকর ডিজিটাল পরিষেবাগুলির জন্য অনুরোধ করতে পারে।

প্রথম পদক্ষেপটি ছিল চ্যাটবটের ব্যক্তিত্বকে প্রতিষ্ঠিত করা, কারণ এটি তার স্টেকহোল্ডারদের কাছে পরিষেবা নকশা দলের ভয়েসকে উপস্থাপন করবে। আমরা ডিজাইন ব্যক্তির উপর আ্যারন ওয়াল্টারের মূল কাজটি তৈরি করেছি। এটি আমাদের দলটিকে বটের ব্যক্তিত্বের বৈশিষ্ট্যগুলি উন্নত করতে সহায়তা করেছিল, যা শুভেচ্ছা, ত্রুটি এবং ব্যবহারকারীর প্রতিক্রিয়ার জন্য বার্তা নির্ধারণ করে।

এটি একটি সূক্ষ্ম পর্যায়, কারণ এটি সংস্থাকে কীভাবে অনুধাবন করা হয় তা প্রভাবিত করে। আমাদের যতটা সম্ভব তথ্য ছিল তা নিশ্চিত করার জন্য, বটটির সাথে জড়িত থাকার সময় আমরা যথাযথ ব্যক্তিত্ব, রঙ, টাইপোগ্রাফি, চিত্রাবলী এবং ব্যবহারকারীর প্রবাহ পেরেক করার জন্য অবিলম্বে স্টেকহোল্ডার কর্মশালা স্থাপন করি।

আমরা আইনী পরামর্শ চাওয়া সহ প্রয়োজনীয় প্রয়োজনীয় সমস্ত অনুমোদন অর্জন করার পরে - আমরা প্রত্নতাত্ত্বিক অনুরোধ ফর্মগুলিকে ধারাবাহিকভাবে পিছনে এবং সামনের প্রশ্নগুলিতে রূপান্তর করতে শুরু করি যা স্টেকহোল্ডার এবং আমাদের ডিজাইন পরিষেবাদি দলের প্রতিনিধির মধ্যে কথোপকথনের অনুকরণ করে।

02. রিভস্ক্রিপ্ট ব্যবহার করুন

আমরা জানতাম যে প্রক্রিয়াকরণ অংশের জন্য আমরা এআই মার্কআপ ল্যাঙ্গুয়েজে খুব গভীরভাবে যেতে চাই না - আমাদের অভিজ্ঞতার ঝাঁপিয়ে পড়া শুরু করার জন্য পর্যাপ্ত পরিমাণ প্রয়োজন।

রিভস্ক্রিপ্ট হ'ল একটি সহজ চ্যাটবট এপিআই যা আমাদের প্রয়োজনীয়তার জন্য শেখার পক্ষে যথেষ্ট সহজ এবং পর্যাপ্ত। কিছুদিনের মধ্যেই বট থেকে কোনও প্রকল্পের অনুরোধ গ্রহণ করার জন্য আমাদের যুক্তিটি ছিল এবং এটিকে বৈধকরণ এবং শ্রেণিবদ্ধকরণের জন্য এটি পর্যাপ্ত ব্যবসায়িক যুক্তি দিয়ে পার্স করা যাতে এটি JSON REST পরিষেবাদিগুলির মাধ্যমে উপযুক্ত অভ্যন্তরীণ প্রকল্পের ভারসাম্য কাতারে পাঠানো যেতে পারে।

এই বেসিক চ্যাটবোটটি কাজ করতে, রিভস্ক্রিপ্ট রেপোতে যান, এটি ক্লোন করুন এবং সমস্ত স্ট্যান্ডার্ড নোড নির্ভরতা ইনস্টল করুন। রেপোতে আপনি বিভিন্ন উদাহরণ স্নিপেটের সাথে সংযুক্ত ইন্টারঅ্যাকশনগুলির স্বাদও পেতে পারেন।

এরপরে, ওয়েব ক্লায়েন্ট ফোল্ডারটি চালান, যা বটিকে একটি বেসিক গ্রুর্ট সার্ভার চালিয়ে ওয়েব পৃষ্ঠায় রূপ দেয়। এই মুহুর্তে আপনি আপনার প্রয়োজন অনুসারে অভিজ্ঞতা বাড়িয়ে তুলতে পারেন।

03. আপনার বটের মস্তিষ্ক জেনারেট করুন

পরবর্তী পদক্ষেপটি আমাদের বটের ‘মস্তিষ্ক’ তৈরি করা। এটি .RIVE এক্সটেনশান সহ ফাইলগুলিতে নির্দিষ্ট করা হয়েছে এবং ধন্যবাদ রাইভস্ক্রিপ্টটি ইতিমধ্যে বাক্সের বাইরে প্রাথমিক মিথস্ক্রিয়া নিয়ে এসেছে (উদাহরণস্বরূপ, 'আপনার নাম কী?', 'আপনার বয়স কত?' এবং 'আপনার কী? পছন্দের রং?').

আপনি যখন সঠিক নোড কমান্ডটি ব্যবহার করে ওয়েব-ক্লায়েন্ট অ্যাপ্লিকেশন শুরু করেন, HTML ফাইলগুলি এগুলি লোড করার জন্য নির্দেশ দেওয়া হয়.আরভ নথি পত্র.

এর পরে আমাদের আমাদের চ্যাটবটের মস্তিষ্কের অংশটি তৈরি করতে হবে যা প্রকল্পের অনুরোধগুলির সাথে কাজ করবে। আমাদের মূল লক্ষ্য হ'ল প্রকল্প গ্রহণের প্রশ্নগুলির একটি নির্বাচনকে নিয়মিত কথোপকথনে রূপান্তর করা।

সুতরাং, উদাহরণস্বরূপ:

• হ্যালো, আমরা কীভাবে সাহায্য করতে পারি?
• দুর্দান্ত, কত তাড়াতাড়ি আমাদের শুরু করা দরকার?
• আপনি কি আমাকে আপনার বাজেটের মোটামুটি ধারণা দিতে পারেন?
• আপনার প্রকল্প সম্পর্কে আমাকে আরও বলুন ...
• তুমি কিভাবে আমাদের সম্বন্ধে শুনেছো?

একটি সাধারণ অ্যাক্সেসযোগ্য ওয়েব ফর্মটি দেখতে এরকম হবে:

ফর্ম অ্যাকশন = ""> ফিল্ডসেট> কিংবদন্তি> অনুরোধের ধরন: << কিংবদন্তি> ইনপুট আইডি = "বিকল্প-এক" টাইপ = "রেডিও" নাম = "অনুরোধ-প্রকার" মান = "বিকল্প-এক"> = "বিকল্প- এক "> বিকল্প 1 / লেবেল <BR> ইনপুট আইডি =" অপশন-টু "টাইপ =" রেডিও "নাম =" অনুরোধ-প্রকার "মান =" বিকল্প-দুই "> =" বিকল্প-টু "> বিকল্প 2 / এর জন্য লেবেল লেবেল> বিআর> ইনপুট আইডি = "অপশন-থ্রি" টাইপ = "রেডিও" নাম = "অনুরোধ-প্রকার" মান = "বিকল্প-তিনটি"> = "বিকল্প-তিন" "লেবেল বিকল্প / লেবেল> বিআর> / ফিল্ডসেট > ফিল্ডসেট> কিংবদন্তি> টাইমলাইন: / কিংবদন্তি> ইনপুট আইডি = "একমাস" টাইপ = "রেডিও" নাম = "অনুরোধ-সময়রেখা" মান = "এক মাস" ">" একমাস ">> 1 মাস / লেবেল> বিআর> ইনপুট আইডি = "এক-তিন-মাস" টাইপ = "রেডিও" নাম = "অনুরোধ-সময়রেখা" মান = "এক-তিন মাস"> লেবেল = "এক-মাস"> 1-3 মাস / লেবেল> বিআর> ইনপুট আইডি = "ফোর-প্লাস-মাস" টাইপ = "রেডিও" নাম = "অনুরোধ-সময়রেখা" মান = "চারটি-মাসিক"> 4+ মাসের জন্য লেবেল / "লেবেল" <ফিল্ডসেট> বিআর> লেবেল = "অনুরোধ-বাজেট"> বাজেটের তথ্য / লেবেল </ b> পাঠ্যর আইডি = "অনুরোধ-বাজেট" নাম = "অনুরোধ-বাজেট-পাঠ্য" সারি = "10" কলস = "30"> / টেক্সটরিয়া> বিআর> লেবেল = "অনুরোধ-বিবরণ"> প্রকল্পের বিবরণ / লেবেল> বিআরআর> পাঠ্য আইডি = "অনুরোধ-বিবরণ" নাম = "অনুরোধ-বিবরণ-পাঠ্য" সারি = "10" কলস = "30"> / পাঠ্য > "অনুরোধ-রেফারেন্স" এর জন্য লেবেল> রেফারেন্স / লেবেল <BR> টেক্সারিয়া আইডি = "অনুরোধ-রেফারেন্স" নাম = "অনুরোধ-রেফারেন্স- পাঠ্য" সারি = "10" কলস = "30"> / পাঠ্যআর> বিআর > ইনপুট টাইপ = "জমা" মান = "জমা দিন"> / ফর্ম>

ওয়েব ফর্মগুলির সাথে আমরা কয়েকটি নিদর্শনগুলির সাথে খুব পরিচিত you আপনি জমা দিন বোতামটি ক্লিক করুন, সমস্ত ফর্ম ডেটা অন্য পৃষ্ঠায় প্রেরণ করা হবে যেখানে অনুরোধটি প্রক্রিয়া করা হয়, এবং তারপরে সম্ভবত একটি নির্লজ্জ ধন্যবাদ পৃষ্ঠাটি পপ আপ হয়।

চ্যাটবটগুলির সাথে, আমরা একটি অনুরোধ জমা দেওয়ার মিথস্ক্রিয়া নিতে এবং এটি আরও অর্থবহ করতে সক্ষম হয়েছি।

04. একটি ভয়েস ডিজাইন করুন

রিভস্ক্রিপ্টের চ্যাটবোট ওয়েব ক্লায়েন্টে পরিবেশিত এই কথোপকথনের ব্যবহারকারী ইন্টারফেসে এই ফর্মটি রূপান্তর করতে, আমাদের তথ্য আর্কিটেকচারটি অনমনীয় থেকে তরল রূপান্তর করতে হবে; অথবা ফিল্ড লেবেলগুলি ইউআই স্ট্রিংগুলিতে।

আসুন কয়েকটি অ্যাক্সেসযোগ্য ফিল্ড লেবেল এবং তাদের সম্পর্কিত প্রশ্ন সুর বিবেচনা করুন:

• অনুরোধ: আমরা কিভাবে সাহায্য করতে পারি? নিশ্চিত না? আমি কিছু প্রশ্ন জিজ্ঞাসা করলে কি আপত্তি আছে?
• সময়রেখা: আমাদের কত তাড়াতাড়ি শুরু করা দরকার?
• বাজেটের তথ্য: আপনি কি আমাকে আপনার বাজেটের মোটামুটি ধারণা দিতে পারেন?
• প্রকল্প বর্ণনা: ঠিক আছে, আপনি কি আমাকে সমস্যার সমাধানের সংক্ষিপ্তসার বলতে পারেন?
• তথ্যসূত্র: এছাড়াও, কে আপনাকে আমাদের রেফার করে?

দ্বি-মুখী কথোপকথনের জন্য রিভস্ক্রিপ্টের খুব শিখতে সক্ষম প্রক্রিয়াকরণের যুক্তি অনুসরণ করে আমাদের পরবর্তী ওয়েব ফর্মের কোডটি এআই স্ক্রিপ্টে রূপান্তর করতে হবে:

- আমরা কিভাবে সাহায্য করতে পারি? + *% আমরা কীভাবে সহায়তা করতে পারি - অঞ্চলগুলি = varSure সেট করুন, আমি দু'একটি প্রশ্ন জিজ্ঞাসা করলে আপনি কি আপত্তি করবেন? আমি যদি দু'একটি প্রশ্ন জিজ্ঞাসা করি তবে + mind *% নিশ্চিত আপনি কি আপত্তি করছেন - আমাকে এই অনুরোধটি আর কতক্ষণ শুরু করা দরকার? + *% কত শীঘ্রই আমার এই অনুরোধটি শুরু করা দরকার - কখন = ভ্যারকেন আপনি আমাকে আপনার বাজেটের সম্পর্কে মোটামুটি ধারণা দিতে চান তা সেট করুন? + *% আপনি কি আমাকে আপনার বাজেট সম্পর্কে মোটামুটি ধারণা দিতে পারবেন - বাজেট সেট করুন = বৈকল্পিক, আপনি কি সমস্যার সমাধানের উপাদান, উপাদান এবং পরিবেশ, বা সামগ্রিক বিবরণের একটি সংক্ষিপ্তসার বলতে পারেন? + *% ঠিক আছে আপনি কি আমাকে সমস্যার সমাধানের উপাদান এবং পরিবেশ বা পরিবেশের সামগ্রিক বিবরণটির সারসংক্ষেপ বলতে পারেন - সেট প্রজেক্ট = ভেরালস, আপনাকে আমাদের কে রেফার করেছে? + *% এছাড়াও যিনি আপনাকে আমাদের উল্লেখ করেছেন - সেট রেফারাল = ভার্গ্রেটটি আমি এ পর্যন্ত পেয়েছি: Services n পরিষেবাদিগুলির দরকার: অঞ্চলগুলি পান> start n শুরু করা দরকার: রুক্ষ বাজেট: বাজেট পান> n আপনার প্রকল্প সম্পর্কে: প্রকল্পটি পান> n এর দ্বারা রেফার করা: রেফারেল পান> n এবং শীঘ্রই যোগাযোগ করা হবে আমি আজ আপনাকে কীভাবে সাহায্য করতে পারি? কল> গ্রহণের ক্ষেত্রগুলি পান> যখন পাবেন> যখন বাজেট পাবেন> প্রকল্প পান> রেফারেল পান </ কল>

05. জমা দেওয়ার অনুরোধ

প্রক্রিয়াকরণের জন্য স্ট্যান্ডার্ড ফর্ম ভেরিয়েবলগুলি অন্য পৃষ্ঠায় বা পরিষেবাতে প্রেরণের বিপরীতে, চ্যাটবটগুলি ব্যবহারকারীদের দ্বারা প্রবেশ করা তথ্যটি চ্যাট উইন্ডোতে (বা কথিত) অবিলম্বে জমা দিতে পারে, যার অর্থ ব্যবহারকারীরা পূর্বে প্রবেশ করা মানগুলি সহজেই আবার দেখতে পারেন।

আমাদের চ্যাটবট ইউআইতে প্রবেশকারী ব্যবহারকারীর অনুরোধটি JSON REST API এর মাধ্যমে একটি বাহ্যিক প্রকল্পের টাস্কিং সার্ভারে প্রেরণ করা দরকার।

রিভস্ক্রিপ্ট-জেএসে আমরা একটি ব্যবহার করতে মুক্ত এক্সএমএলএইচটিপিআরকোয়েস্ট অনুরোধটি প্রায় একই সাথে জমা দিতে আপত্তি জানায়, যেমন ব্যবহারকারী ব্যবহারকারী দ্বারা ডেটা প্রবেশ করে:

> অবজেক্ট ইনটেক জাভাস্ক্রিপ্ট var http = নতুন এক্সএমএলএইচটিপিআরকোয়েস্ট (); 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 প্যারামস = "অঞ্চলগুলি =" + এ + "এবং যখন =" + বি + "এবং বাজেট =" + সি + "ও প্রো জ্যাক্ট =" + ডি + "& রেফারেল =" + ই; কনসোল.লগ (প্যারাম); http.open ("পোস্ট", url, সত্য); http.setRequestHeader ("কন্টেন্ট-টাইপ", "অ্যাপ্লিকেশন / x- www-form-urlencoded"); http.setRequestHeader ("সংযোগ", "বন্ধ"); http.onreadystate بدل = ফাংশন () {// রাষ্ট্র পরিবর্তন হলে একটি ফাংশন কল করুন। যদি (http.ডিআর স্টেট == 4 && http.status == 200) {সতর্কতা (http.responseText); ;} http.send (প্যারাম); অবজেক্ট

06. চ্যাটবোট ভয় পাবেন না

শীঘ্রই, তথ্য প্রাপ্তির জন্য কম্পিউটারগুলির সাথে কথোপকথনের বর্তমান উপায়গুলি চ্যাটবটগুলির মতো এআই-ভিত্তিক প্রযুক্তিতে দেবে, যেখানে লোকেরা কেবল সাধারণ ভয়েস কমান্ড তৈরি করে, যেমন আমরা অ্যামাজন ইকো এবং গুগল হোমের মতো প্রযুক্তি সহ দেখেছি।

ওয়েব ডিজাইন সম্প্রদায়ের ভয়ের দরকার নেই - আমাদের সকলকেই এই নতুন প্রযুক্তির অতিরিক্ত মূল্যটি গ্রহণ করা উচিত।

এটি পরিমাপযোগ্যভাবে স্কেলযোগ্য গ্রাহক পরিষেবা এবং উন্নত গ্রাহক বুদ্ধি সরবরাহ করে এমন সংস্থাগুলির জন্য এটি গেম-চেঞ্জার হতে পারে।

এই নিবন্ধটি মূলত বৈশিষ্ট্যযুক্ত ছিলনেট ম্যাগাজিনওয়েব ডিজাইনার এবং বিকাশকারীদের জন্য বিশ্বের সর্বাধিক বিক্রিত ম্যাগাজিন। এখানে সাবস্ক্রাইব করুন.