الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

توثيق الحوار ؟؟

مقدمة

Conversify عبارة عن منصة متقدمة لروبوتات الدردشة لدعم العملاء تتيح للشركات دمج روبوتات الدردشة المدعومة بالذكاء الاصطناعي في مواقعها على الويب بسهولة. فهو يجمع بين تقنية الصور الرمزية التفاعلية ثلاثية الأبعاد وواجهات الصوت والنص وقوالب الدردشة القابلة للتخصيص لتقديم تجربة مستخدم سلسة وديناميكية. تم بناء Conversify على مكدس MERN (MongoDB وExpress.js وReact.js وNode.js) القوي، وهو يوفر للعملاء روابط قابلة للتضمين أو مقتطفات من التعليمات البرمجية، مما يتيح التكامل السريع والسهل.

الميزات الرئيسية ؟

  • تكامل Chatbot القابل للتضمين : يتلقى العملاء روابط مباشرة أو تعليمات برمجية لتضمين Chatbots Conversify في مواقع الويب الخاصة بهم.
  • قوالب قابلة للتخصيص : يتم توفير قوالب chatbot متنوعة لتناسب احتياجات دعم العملاء المختلفة وأنماط العلامات التجارية. ؟
  • الصورة الرمزية التفاعلية ثلاثية الأبعاد : يمكن للمستخدمين التفاعل مع الصورة الرمزية ثلاثية الأبعاد التي تستجيب عبر النص والصوت، مما يوفر واجهة جذابة تشبه واجهة الإنسان. ؟؟
  • التفاعل الصوتي والنصي : يمكن إجراء الاستفسارات إما من خلال الإدخال النصي أو الصوتي، مع تقديم الردود في كلتا الطريقتين. ⌨️
  • الواجهة الخلفية مدعومة من Mistral وLlama LLM : تعمل ميزة Conversify على تعزيز Mistral وLLama للتعامل مع استعلامات اللغة الطبيعية. ؟
  • MongoDB Atlas كمتجر متجه : تتم إدارة التخزين واسترجاع بيانات المحادثة بكفاءة وقابلة للتطوير بواسطة MongoDB Atlas. ️⚡
  • الدعم المستقبلي لاختيار النموذج : سيكون لدى العملاء خيار الاختيار من بين نماذج متعددة اللغات لتناسب احتياجاتهم على أفضل وجه. ؟؟

نظرة عامة على الهندسة المعمارية

تم بناء Conversify على بنية JavaScript كاملة المكدس باستخدام مكدس MERN، مما يضمن قابلية التوسع والمرونة والكفاءة.

الخلفية :

  • Node.js وExpress.js : التعامل مع طلبات واجهة برمجة التطبيقات ومعالجة بيانات المحادثة وإدارة الخدمات الخلفية. ؟
  • MongoDB Atlas : يقوم بتخزين سجل المحادثات وملفات تعريف المستخدمين والمتجهات لإجراء عمليات بحث واسترجاع فعالة للتشابه باستخدام متجر VectorStore.
  • ميسترال (LLM) : يتعامل مع معالجة اللغة الطبيعية ويولد ردودًا شبيهة بالردود البشرية على استفسارات العملاء.

الواجهة الأمامية ؟️:

  • React.js : يوفر واجهة مستخدم بديهية وسريعة الاستجابة حيث يمكن للمستخدمين التفاعل مع برنامج الدردشة الآلي. وهو يدعم كلاً من المدخلات النصية والصوتية. ??‍
  • Three.js (3D Avatar) : محرك ثلاثي الأبعاد يعمل على تشغيل الصورة الرمزية التفاعلية، ويضيف طبقة من المشاركة المرئية إلى تفاعل chatbot. ⁉️؟

عملية التكامل

  1. الحصول على رابط أو رمز قابل للتضمين : بعد تكوين برنامج الدردشة الآلي الخاص بك من خلال تطبيق الويب الخاص بـ Conversify، سيتلقى العملاء رابطًا مخصصًا قابلاً للتضمين أو مقتطف رمز. ؟
  2. تضمين في موقع الويب : الصق الكود المقدم في HTML لموقع الويب الخاص بك لدمج واجهة chatbot بسلاسة في أي صفحة. ؟
  3. التخصيص : قم بتخصيص برنامج الدردشة الآلي عن طريق تحديد القوالب التي تتوافق مع علامتك التجارية واحتياجاتك. في المستقبل، ستتمكن أيضًا من اختيار نماذج لغة مختلفة لتشغيل برنامج الدردشة الآلي الخاص بك. ؟؟

الوظائف الرئيسية ؟

1. واجهة الدردشة التفاعلية ؟

  • يمكن للمستخدمين التفاعل مع chatbot باستخدام الاستعلامات النصية أو الصوتية. ؟
  • يستجيب برنامج الدردشة الآلي من خلال الصورة الرمزية ثلاثية الأبعاد من خلال إخراج النص والصوت، مما يعزز المشاركة.

2. القوالب ؟

  • اختر من بين مجموعة متنوعة من القوالب المصممة خصيصًا لسيناريوهات دعم العملاء المختلفة. ستوجه هذه القوالب سلوك برنامج الدردشة الآلي ونبرة صوته ومظهره. ؟

3. تكامل الصوت والنص ؟⌨️

  • يمكن لروبوت الدردشة معالجة المدخلات الصوتية والنصية من المستخدمين. ?️
  • يتم تصنيع الاستجابات الصوتية باستخدام تقنية تحويل النص إلى كلام المتقدمة، مما يمنح الصورة الرمزية ثلاثية الأبعاد صوتًا طبيعيًا.

4. تخصيص الصورة الرمزية ثلاثية الأبعاد ‍؟؟

  • الصورة الرمزية ثلاثية الأبعاد قابلة للتخصيص بالكامل، مما يسمح بمحاذاة العلامة التجارية والشخصية. اختر من بين أنماط وسلوكيات الصور الرمزية المختلفة. ؟؟

خارطة الطريق المستقبلية ؟

  1. خيارات اختيار النموذج : سيتمكن العملاء من الاختيار بين نماذج اللغات المختلفة (مثل GPT وMistral وما إلى ذلك) بناءً على تفضيلاتهم ومتطلباتهم. ؟؟
  2. التحليلات المتقدمة : لوحة معلومات لتتبع أداء chatbot وتفاعلات المستخدم وتعليقاته. ؟
  3. الصور الرمزية المخصصة : المزيد من خيارات التخصيص للصورة الرمزية لتتوافق بشكل أفضل مع احتياجات العمل المختلفة وهويات العلامة التجارية. ?️
  4. حلقات ردود الفعل المدعومة بالذكاء الاصطناعي : اسمح لبرنامج الدردشة الآلي بالتعلم من التفاعلات السابقة لتحسين الاستجابات بمرور الوقت. ؟

ابدء

إعداد الواجهة الخلفية لـ BotGenerator

  1. استنساخ المستودع :

    • افتح المحطة الطرفية الخاصة بك وقم بتشغيل: 
      git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator

  2. تثبيت التبعيات :

    • في دليل BotGenerator ، قم بتثبيت التبعيات الضرورية: 
      npm install

  3. إنشاء ملف .env :

    • في المجلد BotGenerator ، قم بإنشاء ملف .env وقم بتضمين متغيرات البيئة التالية: 
      MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >

  4. تشغيل الخادم :

    • ابدأ خادم التطوير: 
      npm run dev
    • سيؤدي هذا إلى فتح صفحة ويب في متصفحك، والتي يمكنك إغلاقها الآن.

الوصول إلى واجهة Chatbot الأمامية واختبارها ؟

  1. الوصول إلى الواجهة الأمامية :

    • انتقل إلى مجلد CodeCubicleConversify وافتح index.html في متصفحك:
      • الخيار 1: استخدم المتصفح الذي تختاره. ؟
      • الخيار 2: استخدم ملحق VS Code Live Server للاستضافة المحلية. ⚡

  2. إنشاء واختبار Chatbot الخاص بك :

    • في تطبيق الويب Conversify الذي قمت بفتحه، املأ النموذج وأضف قاعدة معرفية وانقر فوق إرسال . ستحصل على عنصر div قابل للتضمين يحتوي على برنامج الدردشة الآلي الخاص بك. ؟؟

  3. تضمين Chatbot :

    • لاختبار chatbot بسرعة:
      • انسخ عنصر div بأكمله الذي تم إنشاؤه.
      • افتح index.html في المجلد CodeCubicleConversify .
      • ابحث عن الفئة التالية في الكود (حول السطر 357): 
         < div class =" side-bar-fs " >
      • استبدل div بأكمله بالقسم الجديد الذي نسخته، واحفظه، ثم قم بتحديث الصفحة.

  4. تمكين تحويل النص إلى كلام (TTS) :

    • لتمكين تحويل النص إلى كلام (TTS) لبرنامج الدردشة الآلية، قم بإلحاق /tts في نهاية عنوان URL src في علامة iframe التي تم توفيرها في div . ؟
      • على سبيل المثال: 
         < iframe src =" your_chatbot_url/tts " ... > </ iframe >

Conversify إعداد تطبيق الويب

  1. قم بالتسجيل في تطبيق الويب : قم بزيارة [Conversify Web App URL] وقم بإنشاء حساب.
  2. تكوين Chatbot الخاص بك : استخدم القوالب المتوفرة لتكوين Chatbot الخاص بك.
  3. إنشاء رمز قابل للتضمين : بمجرد اكتمال التكوين، ستتلقى رمز التضمين لدمجه في موقع الويب الخاص بك. ؟
  4. المراقبة والتحسين : قم بالوصول إلى لوحة المعلومات لمراقبة التفاعلات وتحسين أداء chatbot.

الاتصال والدعم ??

إذا كانت لديك أي أسئلة أو واجهت أي مشكلات، فلا تتردد في التواصل مع فريق الدعم لدينا على:

  • البريد الإلكتروني : [email protected]
  • جيثب : https://github.com/MrDracs

أنت الآن جاهز لإضفاء الحيوية على روبوتات الدردشة الخاصة بـ Conversify على موقع الويب الخاص بك! ؟؟

المساهمين ؟

  • عيوش شارما
  • شيراج سينغ
  • روهيت كوشواها
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل