GenAI Hackathon

Parrot: GenAI Hackathon ผู้ชนะอันดับที่ 1

Parrot เป็นส่วนขยายของ Chrome ที่พัฒนาขึ้นโดยเป็นส่วนหนึ่งของโครงการที่ชนะรางวัลสำหรับ GenAI Venture Bootcamp ที่ IE University ส่วนขยายนี้มีจุดมุ่งหมายเพื่อมอบโซลูชันที่ราบรื่นสำหรับการเรียนรู้ภาษาโดยการสแกนมุมมองเว็บของผู้ใช้ เลือกคำศัพท์ที่เหมาะสมที่สุดสำหรับการเรียนรู้ภาษาสเปน และนำเสนอต่อผู้ใช้ในรูปแบบแบบทดสอบ ฟังก์ชันนี้ช่วยให้ผู้ใช้เรียนรู้คำศัพท์ใหม่ๆ ในภาษาสเปนได้อย่างง่ายดายขณะท่องเว็บ

บทความของโรงเรียนเกี่ยวกับโครงการ

ดาดฟ้าสนาม

ภาพรวม

Parrot ได้รับการออกแบบมาเพื่อยกระดับประสบการณ์การเรียนรู้ภาษาโดยบูรณาการเข้ากับกิจกรรมการท่องเว็บประจำวันของผู้ใช้ ด้วยการใช้ประโยชน์จาก AI และการวิเคราะห์ข้อความแบบเรียลไทม์ Parrot ระบุคำที่เหมาะสมจากเนื้อหาที่กำลังดู และทดสอบผู้ใช้เกี่ยวกับการแปลเป็นภาษาสเปน วิธีการเชิงนวัตกรรมนี้ช่วยให้ผู้ใช้เรียนรู้คำศัพท์ใหม่ตามบริบทและมีส่วนร่วม

คุณสมบัติ

• การวิเคราะห์ข้อความแบบเรียลไทม์: สแกนเนื้อหาหน้าเว็บเพื่อแยกข้อความที่มองเห็นได้และเลือกคำสำหรับการเรียนรู้
• แบบทดสอบเชิงโต้ตอบ: นำเสนอแบบทดสอบพร้อมตัวเลือกหลายตัวเลือกเพื่อช่วยให้ผู้ใช้เรียนรู้การแปล
• การตั้งค่าที่ปรับแต่งได้: อนุญาตให้ผู้ใช้สามารถเปิดหรือปิดใช้งานส่วนขยายและกำหนดการตั้งค่าต่างๆ

กองเทคโนโลยี

• ส่วนขยายของ Chrome: พัฒนาโดยใช้ HTML, CSS และ JavaScript
• เซิร์ฟเวอร์แบ็กเอนด์: เฟรมเวิร์ก Flask ใน Python
• การบูรณาการ AI: ใช้ GPT-4 ของ OpenAI สำหรับการประมวลผลข้อความและการสร้างแบบทดสอบ

การออกแบบระบบ

สถาปัตยกรรมระบบประกอบด้วยส่วนประกอบต่อไปนี้:

1. สคริปต์เนื้อหา (content.js): สแกนเนื้อหาหน้าเว็บและส่งข้อความไปยังเซิร์ฟเวอร์แบ็กเอนด์
2. เซิร์ฟเวอร์แบ็กเอนด์ (server/app.py): ประมวลผลข้อความโดยใช้ AI เพื่อเลือกคำและสร้างตัวเลือกแบบทดสอบ
3. ส่วนต่อประสานป๊อปอัป (popup.html, popup.js): จัดเตรียมส่วนต่อประสานผู้ใช้สำหรับเปิด/ปิดส่วนขยายและกำหนดการตั้งค่า
4. สคริปต์พื้นหลัง (พื้นหลัง js): จัดการสถานะของส่วนขยาย

การตั้งค่าและการติดตั้ง

ข้อกำหนดเบื้องต้น

• กูเกิลโครม
• Node.js และ npm
• Python 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. ทำแบบทดสอบ:

   • แบบทดสอบจะปรากฏขึ้นเป็นระยะพร้อมกับคำที่เลือกจากเนื้อหาหน้าเว็บ ตอบคำถามเพื่อเสริมการเรียนรู้ของคุณ