GenAI Hackathon

Parrot: Juara 1 GenAI Hackathon

Parrot adalah ekstensi Chrome yang dikembangkan sebagai bagian dari proyek pemenang bootcamp ventura GenAI di Universitas IE. Ekstensi ini bertujuan untuk memberikan solusi yang lancar untuk pembelajaran bahasa dengan memindai tampilan web pengguna, memilih kata-kata yang optimal untuk dipelajari dalam bahasa Spanyol, dan menyajikannya kepada pengguna dalam format kuis. Fungsionalitas ini membantu pengguna mempelajari kata-kata baru dalam bahasa Spanyol dengan mudah saat menjelajahi web.

Artikel sekolah tentang proyek tersebut

Dek promosi

Ringkasan

Parrot dirancang untuk meningkatkan pengalaman belajar bahasa dengan mengintegrasikannya ke dalam aktivitas penelusuran web harian pengguna. Dengan memanfaatkan AI dan analisis teks real-time, Parrot mengidentifikasi kata-kata yang sesuai dari konten yang sedang dilihat dan menanyai pengguna tentang terjemahannya ke dalam bahasa Spanyol. Pendekatan inovatif ini membantu pengguna mempelajari kosakata baru secara kontekstual dan menarik.

Fitur

• Analisis Teks Waktu Nyata: Memindai konten halaman web untuk mengekstrak teks yang terlihat dan memilih kata untuk dipelajari.
• Kuis Interaktif: Menyajikan kuis dengan opsi pilihan ganda untuk membantu pengguna mempelajari terjemahannya.
• Pengaturan yang Dapat Disesuaikan: Memungkinkan pengguna untuk mengaktifkan atau menonaktifkan ekstensi dan mengonfigurasi berbagai pengaturan.

Tumpukan Teknologi

• Ekstensi Chrome: Dikembangkan menggunakan HTML, CSS, dan JavaScript.
• Server Backend: Kerangka kerja labu dengan Python.
• Integrasi AI: Memanfaatkan GPT-4 OpenAI untuk pemrosesan teks dan pembuatan kuis.

Desain Sistem

Arsitektur sistem terdiri dari komponen-komponen berikut:

1. Skrip Konten (content.js): Memindai konten halaman web dan mengirimkan teks ke server backend.
2. Server Backend (server/app.py): Memproses teks menggunakan AI untuk memilih kata dan menghasilkan opsi kuis.
3. Antarmuka Popup (popup.html, popup.js): Menyediakan antarmuka pengguna untuk mengaktifkan/menonaktifkan ekstensi dan mengonfigurasi pengaturan.
4. Skrip Latar Belakang (background.js): Mengelola status ekstensi.

Pengaturan dan Instalasi

Prasyarat

• Google Chrome
• Node.js dan npm
• Python 3.8 atau lebih tinggi
• Labu

Langkah-Langkah Instalasi

1. Kloning Repositori:

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

2. Instal Ketergantungan:

   pip install -r requirements.txt

3. Konfigurasikan Kunci API:

   • Dapatkan kunci API dari OpenAI.
   • Buat direktori secrets di root proyek.
   • Tambahkan api_key.txt dan api_org.txt dengan kunci OpenAI API dan organisasi Anda masing-masing.

4. Jalankan Server Backend:

    cd server
   python app.py

5. Muat Ekstensi di Chrome:

   • Buka Chrome dan navigasikan ke chrome://extensions/ .
   • Aktifkan mode Pengembang.
   • Klik "Muat belum dibongkar" dan pilih direktori extension dari repositori yang dikloning.

Penggunaan

1. Aktifkan Ekstensi:

   • Buka popup ekstensi dan aktifkan menggunakan sakelar sakelar.

2. Mulai Menjelajah:

   • Ekstensi ini akan secara otomatis memindai halaman web yang Anda kunjungi dan memilih kata-kata untuk dipelajari.

3. Ikuti Kuis:

   • Kuis akan muncul secara berkala dengan kata-kata yang dipilih dari konten halaman web. Jawab kuis untuk memperkuat pembelajaran Anda.