منتج · خارج المدرسة
ZooPass
دليل على الهاتف لحديقة حيوانات Mulhouse. يخطط زيارتك، ويرسم المسار على الخريطة، ويجيب روبوت محادثة عن أسئلتك ويُظهر مصدر كل إجابة.
تطبيق ويب تقدمي (PWA) بـ React وTypeScript على Cloudflare Pages. روبوت المحادثة خط RAG: بحث متجهي في Astra DB مع بحث بالكلمات المفتاحية، وعتبة تشابه 0.70، والمصادر مُرفقة بكل إجابة.
TypeScriptفريق من 22025–26
إجابات Player 2 في هذا الموقع تتبع الفكرة نفسها.
ما بنيته
- إنشاء المشروع ونشره على الإنترنت
- عقل روبوت المحادثة: كيف يبحث وكيف يجيب
- إعادة تصميم صفحة روبوت المحادثة
- إنشاء المشروع ونشره على Cloudflare Pages
- دالة المحادثة ومعظم منظومة RAG: Astra DB، وعتبة التشابه، وموجّهات النظام
- إجراءات سياقية واقتراحات سريعة في الـ API، وإعادة تصميم صفحة الذكاء الاصطناعي
جرّب دليلًا مصغرًاخريطة متخيَّلة، وليست مخطط الحديقة الحقيقي.
Dijkstra على مخطط الممرات · لا إجابة إلا إذا بلغ تطابق الكلمات 0.50
اسأل الدليللا يجيب إلا من بطاقاته، ويُظهر البطاقة التي استخدمها.
بطاقات الدليل
- اللغاتيتحدث ZooPass أربع لغات: الفرنسية والإنجليزية والألمانية والإسبانية.
- خطة زيارتكيقترح ZooPass خطة زيارة بحسب ملفك الشخصي والمدة التي يمكنك البقاء فيها.
- المسار على الخريطةترسم الخريطة مسارك على ممرات الحديقة وتختار أقصرها.
- الفعالياتصفحة تعرض فعاليات اليوم.
- المصادركل إجابة من روبوت المحادثة تأتي مع الوثائق التي كُتبت منها.
- هذه الخريطة التجريبيةالخريطة في هذه الصفحة متخيَّلة: مدخل ومناطق من A إلى F. وليست مخطط الحديقة الحقيقي.
طريقة اللعب
- اختر نقطة انطلاق ووجهة على الخريطة أو من القوائم، فيُرسم أقصر مسار.
- انقر على ممر لإغلاقه، فيلتف المسار حوله.
- اطرح سؤالًا على الدليل. إن لم يبلغ التطابق العتبة، يقول إنه لا يعرف.
أُعيد بناؤه في المتصفح بخريطة متخيَّلة. في ZooPass بنى زميلي الخريطة ومخطط المسار؛ وكان جزئي روبوت المحادثة. يبحث في الوثائق الرسمية ولا يُبقي إلا المقاطع التي يبلغ تشابهها 0.70 أو أكثر. أما هذا الصندوق فيقارن الكلمات فقط مع ست بطاقات.
