GenAI Hackathon

앵무새: GenAI 해커톤 1위 우승자

Parrot은 IE University의 GenAI 벤처 부트캠프 우승 프로젝트의 일부로 개발된 Chrome 확장 프로그램입니다. 확장 프로그램은 사용자의 웹뷰를 스캔하여 스페인어 학습에 가장 적합한 단어를 선택하고 이를 퀴즈 형식으로 사용자에게 제시함으로써 언어 학습을 위한 원활한 솔루션을 제공하는 것을 목표로 합니다. 이 기능은 사용자가 웹을 탐색하면서 스페인어로 새로운 단어를 쉽게 배울 수 있도록 도와줍니다.

프로젝트에 관한 학교 기사

피치덱

개요

Parrot은 언어 학습 경험을 사용자의 일상적인 웹 검색 활동에 통합하여 향상시키도록 설계되었습니다. Parrot은 AI와 실시간 텍스트 분석을 활용하여 현재 보고 있는 콘텐츠에서 적절한 단어를 식별하고 스페인어로 번역된 내용에 대해 사용자에게 퀴즈를 내줍니다. 이 혁신적인 접근 방식은 사용자가 새로운 어휘를 상황에 맞게 흥미롭게 배울 수 있도록 도와줍니다.

특징

• 실시간 텍스트 분석: 웹 페이지 콘텐츠를 스캔하여 눈에 보이는 텍스트를 추출하고 학습할 단어를 선택합니다.
• 대화형 퀴즈: 사용자가 번역을 배우는 데 도움이 되는 객관식 옵션이 포함된 퀴즈를 제공합니다.
• 사용자 정의 가능한 설정: 사용자가 확장 기능을 활성화 또는 비활성화하고 다양한 설정을 구성할 수 있습니다.

기술 스택

• Chrome 확장 프로그램: HTML, CSS 및 JavaScript를 사용하여 개발되었습니다.
• 백엔드 서버: Python의 Flask 프레임워크입니다.
• AI 통합: 텍스트 처리 및 퀴즈 생성을 위해 OpenAI의 GPT-4를 활용합니다.

시스템 설계

시스템 아키텍처는 다음 구성 요소로 구성됩니다.

1. 콘텐츠 스크립트(content.js): 웹페이지 콘텐츠를 스캔하고 텍스트를 백엔드 서버로 보냅니다.
2. 백엔드 서버(server/app.py): AI를 사용하여 텍스트를 처리하여 단어를 선택하고 퀴즈 옵션을 생성합니다.
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 키 구성:

   • OpenAI에서 API 키를 얻습니다.
   • 프로젝트 루트에 secrets 디렉터리를 만듭니다.
   • OpenAI API 키와 조직을 각각 사용하여 api_key.txt 및 api_org.txt 추가합니다.

4. 백엔드 서버를 실행합니다.

    cd server
   python app.py

5. Chrome에서 확장 프로그램을 로드합니다.

   • Chrome을 열고 chrome://extensions/ 로 이동합니다.
   • 개발자 모드를 활성화합니다.
   • "압축해제된 항목 로드"를 클릭하고 복제된 저장소에서 extension 디렉터리를 선택합니다.

용법

1. 확장 기능을 활성화합니다:

   • 확장 팝업을 열고 토글 스위치를 사용하여 활성화하세요.

2. 탐색 시작:

   • 확장 프로그램은 귀하가 방문하는 웹페이지를 자동으로 스캔하고 학습할 단어를 선택합니다.

3. 퀴즈 풀기:

   • 웹페이지 콘텐츠에서 선택한 단어로 구성된 퀴즈가 주기적으로 팝업됩니다. 학습을 강화하려면 퀴즈에 답하세요.