نظرة عامة (Dialogflow)

"لوحة الرسم التفاعلية" هي إطار عمل تم إنشاؤه استنادًا إلى "مساعد Google"، ويسمح لمطوّري البرامج بإضافة تجارب مرئية غامرة إلى "إجراءات المحادثة". هذه التجربة المرئية هي تطبيق ويب تفاعلي يرسله "مساعد Google" كاستجابة للمستخدم في المحادثة. وعلى عكس الردود المنسّقة التقليدية التي تكون مضمّنة في محادثة على "مساعد Google"، يتم عرض تطبيق "لوحة الرسم التفاعلية" على شكل عرض ويب بملء الشاشة.

يجب استخدام "لوحة الرسم التفاعلية" إذا أردت تنفيذ أي من الإجراءات التالية في الإجراء:

  • إنشاء مرئيات بملء الشاشة
  • إنشاء تأثيرات انتقال وصور متحركة مخصّصة
  • إجراء تمثيل بصري للبيانات
  • إنشاء تنسيقات مخصّصة لواجهة المستخدم التصويرية
الشكل 1. لعبة تفاعلية تم إنشاؤها باستخدام "لوحة الرسم التفاعلية".

الأجهزة المتوافقة

تتوفّر "لوحة الرسم التفاعلية" حاليًا على الأجهزة التالية:

  • الشاشات الذكية
  • أجهزة Google Nest Hub

  • أجهزة جوّال تعمل بنظام التشغيل Android

آلية العمل

يعمل "الإجراء" الذي يستخدم ميزة "لوحة الرسم التفاعلية" بالطريقة نفسها التي يعمل بها الإجراء العادي المحادثة. ولا يزال لدى المستخدم محادثة ذهابًا وإيابًا مع "مساعد Google" لتحقيق هدفه. ومع ذلك، بدلاً من عرض الردود المضمَّنة في المحادثة، تُرسِل إحدى إجراءات "لوحة الرسم" التفاعلية إلى المستخدم الذي يفتح تطبيق ويب بملء الشاشة. ويواصل المستخدم التفاعل مع تطبيق الويب من خلال الصوت أو اللمس حتى تنتهي المحادثة.

هناك مكوّنات متعددة في إجراء يستخدم "لوحة الرسم التفاعلية":

  • إجراء المحادثة: هو إجراء يستخدم واجهة محادثة لتلبية طلبات المستخدمين. تستخدم إجراءات "لوحة الرسم" التفاعلية طرق عرض الويب لعرض الردود بدلاً من البطاقات التفاعلية أو الردود النصية والصوتية البسيطة. تستخدم إجراءات المحادثة المكوّنات التالية:
    • وكيل Dialogflow: وهو مشروع في Dialogflow يمكنك تخصيصه للتحدُّث مع مستخدمي المهام.
    • Fulfillment: رمز يتم نشره على أنه ردّ تلقائي على الويب ينفِّذ منطق المحادثة لوكيل Dialogflow ويتواصل مع تطبيق الويب.
  • تطبيق ويب: هو تطبيق ويب في الواجهة الأمامية يضم عناصر مرئية مخصّصة يرسلها الإجراء كرد للمستخدمين أثناء المحادثة. يمكنك إنشاء تطبيق الويب باستخدام معايير الويب مثل HTML وJavaScript وCSS.

يتواصل تطبيق إجراء المحادثات المحادثة مع تطبيق الويب باستخدام ما يلي:

  • واجهة برمجة تطبيقات "لوحة الرسم" التفاعلية: واجهة برمجة تطبيقات JavaScript تُدرجها في تطبيق الويب لتفعيل التواصل بين تطبيق الويب والإجراء الذي تجريه أثناء المحادثة.
  • HtmlResponse: استجابة تحتوي على عنوان URL لتطبيق الويب والبيانات لتمريره. يمكنك استخدام مكتبات برامج Node.js أو Java لعرض HtmlResponse.

لتوضيح آلية عمل "لوحة الرسم التفاعلية"، اختَر إجراءً افتراضيًا يُعرف باسم الألوان الرائعة يمكن من خلاله تغيير لون شاشة الجهاز إلى لون يحدّده المستخدم. بعد أن يستدعي المستخدم الإجراء، ستبدو العملية كما يلي:

  1. يقول المستخدم Turn the screen blue إلى "مساعد Google".
  2. توجّه منصة "المهام مع مساعد Google" طلب المستخدم إلى Dialogflow لمطابقة النية بالشراء.
  3. وتتم عملية تنفيذ الغرض من اللعبة المطابقة ويتم إرسال HtmlResponse إلى الجهاز. يستخدم الجهاز عنوان URL لتحميل تطبيق الويب إذا لم يتم تحميله بعد.
  4. عند تحميل تطبيق الويب، يسجِّل الطلبات باستدعاءات مع واجهة برمجة التطبيقات interactiveCanvas. يتم بعد ذلك تمرير قيمة العنصر data إلى استدعاء onUpdate المسجّل لتطبيق الويب. في المثال المطروح، تُرسِل عملية التنفيذ HtmlResponse مع data الذي يتضمّن متغيّرًا مع القيمة blue.
  5. يقرأ المنطق المخصّص لتطبيق الويب قيمة data الخاصة بـ HtmlResponse ويُجري التغييرات المحدّدة. في المثال أعلاه، يؤدي هذا إلى تحويل الشاشة إلى اللون الأزرق.
  6. يُرسِل interactiveCanvas تحديث معاودة الاتصال إلى الجهاز.

الخطوات التالية

للتعرّف على كيفية إنشاء مهمة لوحة الرسم التفاعلية، راجِع صفحة نظرة عامة على الإصدار.

للاطّلاع على الرمز للحصول على إجراء كامل في "لوحة الرسم التفاعلية"، يمكنك الاطّلاع على النموذج.