GenAI Hackathon

الببغاء: الفائز بالمركز الأول في GenAI Hackathon

Parrot هو امتداد لمتصفح Chrome تم تطويره كجزء من المشروع الفائز لمعسكر تدريب GenAI في جامعة IE. يهدف الامتداد إلى توفير حل سلس لتعلم اللغة عن طريق مسح عرض الويب الخاص بالمستخدم واختيار الكلمات المثالية للتعلم باللغة الإسبانية وتقديمها للمستخدم في تنسيق اختبار. تساعد هذه الوظيفة المستخدمين على تعلم كلمات جديدة باللغة الإسبانية بسهولة أثناء تصفحهم للويب.

مقالة مدرسية عن المشروع

سطح الملعب

ملخص

تم تصميم Parrot لتعزيز تجربة تعلم اللغة من خلال دمجها في أنشطة تصفح الويب اليومية للمستخدم. من خلال الاستفادة من الذكاء الاصطناعي وتحليل النص في الوقت الفعلي، يحدد Parrot الكلمات المناسبة من المحتوى الذي يتم عرضه ويختبر المستخدم بشأن ترجماته إلى الإسبانية. يساعد هذا النهج المبتكر المستخدمين على تعلم مفردات جديدة بشكل جذاب وسياق.

سمات

• تحليل النص في الوقت الفعلي: يقوم بمسح محتوى صفحة الويب لاستخراج النص المرئي واختيار الكلمات للتعلم.
• الاختبارات التفاعلية: تقدم اختبارات مع خيارات متعددة الاختيار لمساعدة المستخدمين على تعلم الترجمات.
• إعدادات قابلة للتخصيص: تسمح للمستخدمين بتمكين الامتداد أو تعطيله وتكوين الإعدادات المختلفة.

كومة التكنولوجيا

• ملحق Chrome: تم تطويره باستخدام HTML وCSS وJavaScript.
• خادم الواجهة الخلفية: إطار عمل Flask في بايثون.
• تكامل الذكاء الاصطناعي: يستخدم GPT-4 الخاص بـ OpenAI لمعالجة النصوص وإنشاء الاختبارات.

تصميم النظام

تتكون بنية النظام من المكونات التالية:

1. برنامج نص المحتوى (content.js): يقوم بمسح محتوى صفحة الويب ويرسل النص إلى خادم الواجهة الخلفية.
2. خادم الواجهة الخلفية (server/app.py): يعالج النص باستخدام الذكاء الاصطناعي لتحديد كلمة وإنشاء خيارات الاختبار.
3. الواجهة المنبثقة (popup.html، popup.js): توفر واجهة المستخدم لتمكين/تعطيل الامتداد وتكوين الإعدادات.
4. برنامج الخلفية (background.js): يدير حالة الامتداد.

الإعداد والتثبيت

المتطلبات الأساسية

• جوجل كروم
• Node.js وnpm
• بايثون 3.8 أو أعلى
• قارورة

خطوات التثبيت

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

   git clone https://github.com/gabrieldeolaguibel/GenAI-Hackathon.git
   cd GenAI-Hackathon

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

   pip install -r requirements.txt

3. تكوين مفاتيح API:

   • احصل على مفاتيح API من OpenAI.
   • قم بإنشاء دليل secrets في جذر المشروع.
   • أضف api_key.txt و api_org.txt مع مفتاح OpenAI API والمؤسسة على التوالي.

4. تشغيل خادم الواجهة الخلفية:

    cd server
   python app.py

5. قم بتحميل الامتداد في Chrome:

   • افتح Chrome وانتقل إلى chrome://extensions/ .
   • تمكين وضع المطور.
   • انقر فوق "تحميل غير مضغوط" وحدد دليل extension من المستودع المستنسخ.

الاستخدام

1. تمكين الامتداد:

   • افتح النافذة المنبثقة للامتداد وقم بتمكينها باستخدام مفتاح التبديل.

2. ابدأ التصفح:

   • سيقوم الملحق تلقائيًا بفحص صفحات الويب التي تزورها وتحديد الكلمات للتعلم.

3. خذ الاختبارات:

   • ستظهر الاختبارات بشكل دوري مع الكلمات المحددة من محتوى صفحة الويب. أجب عن الاختبارات لتعزيز تعلمك.