
섹션 704, 웹 응용 프로그램, JavaScript, HTML, CSS, Python, Django, 교육, 학습, 학습, 목표, 알림, 가상 애완 동물
이 문서는 게임 화 및 개인 개발의 이점을 결합하여 연구 경험을 향상시키는 점진적인 웹 응용 프로그램을 제안합니다. 이 응용 프로그램을 통해 사용자는 연구 동반자 및 동기 부여 역할을하는 가상 애완 동물을 관리 할 수 있습니다. 사용자는 매일 또는 매주 목표를 설정하고, 알림을 설정하고, 진행 상황을 추적하며, 캔버스 계정과 연결하여 과제를 추적 할 수 있습니다. 이러한 목표에 대한 진보는 가상 애완 동물의 외모와 분위기, 동기 부여, 동반자, 책임 및 사용자의 연대에 직접 영향을 미칩니다. 이 응용 프로그램을 사용하면 사용자는 학업 성과를 향상시키는 매력적이고 효과적인 방법을 갖게됩니다.
![]() | ![]() |
이 앱은 기능을 위해 인터넷 연결이 필요하며 최신 웹 브라우저가있는 모든 장치에서 액세스 할 수 있습니다. 사용자는 학습 목표를 설정하고 진행 상황을 추적하며 캔버스 계정과 연결할 수 있습니다. 사용자는 포인트 시스템을 통해 학습 목표를 달성 한 것에 대해 보상을받습니다. 주어진 포인트 수는 완료된 작업의 크기에 따라 다릅니다. 특정 포인트에 도달하면 사용자의 애완 동물이 레벨을 올릴 것입니다. 이 앱은 또한 캔버스와 통합되어 사용자가 액세스하고 할당을 추적 할 수 있습니다. 사용자는 애완 동물의 이름을 지정하고 상호 작용하고 애완 동물의 상태와 기분에 직접적인 영향을 미치는 일정에 따라 작업을 수행 할 수 있습니다. 애완 동물의 기분과 외관은 사용자의 목표를 달성하는 능력에 영향을받습니다.
앱의 프론트 엔드는 JavaScript, React, HTML 및 CSS를 사용하여 구축됩니다. React는 UI 구성 요소를 구축하고 응용 프로그램 상태를 관리하는 데 사용되며 JavaScript, HTML 및 CSS는 사용자 인터페이스를 작성하고 사용자 상호 작용을 처리하는 데 사용됩니다. 백엔드는 Python 및 Django를 사용하여 사용자 인증 및 승인, 데이터 저장 및 학생의 학습 습관에 따라 가상 PET의 외관이 어떻게 변하는지를 결정하는 알고리즘을 처리하기 위해 구축됩니다. SQLITE는 연구 목표, 진행 및 보상과 같은 사용자의 데이터를 저장하는 데 사용됩니다. 이 응용 프로그램은 또한 캔버스와 통합되어 학생들이 과제와 수업을 추적하고 개인 학습 목표로 포함시킬 수 있습니다.
비슷한 제품에는 내 연구 생활과 퀴즈가 포함됩니다. 이들은 모두 학생들이 학업 성과를 향상시키는 데 도움이되는 폐쇄 소스 제품입니다. 저의 학습 생활은 학생들이 마감일과 수업을 추적 할 수있는 온라인 학생 플래너입니다. Quizlet을 통해 학생들은 플래시 카드와 퀴즈를 만들어 수업을 공부할 수 있습니다. Study Buddy App은 이러한 제품과 유사합니다. 목표는 학생들이 학업 적으로 성공하고 교과 과정을 유지할 수 있도록 자원을 제공하는 것입니다. 그러나이 앱은 또한 가상 애완 동물 동반자의 고유 한 측면을 통합하여 공부 동기를 유지하도록 도와줍니다. 연구 Buddy App에는 알림 설정 또는 공부 자료를 작성하고 연결하는 것과 같은 퀴즈 렛 및 연구 생활과 동일한 기능 중 일부가 포함됩니다.
Finch라는 제목의 또 다른 폐쇄 소스 모바일 애플리케이션은 가상 애완 동물을 돌보기 위해 자기 관리 목표를 달성하는 것입니다. Habitica는 오픈 소스 웹 애플리케이션으로 사용자가 개인 습관을 따라 잡기위한 목표를 설정함으로써 자신의 삶을 게임을 할 수 있도록 도와줍니다. 이 응용 프로그램에서와 같이 PET를 돌보는 개념을 통합 하고이 응용 프로그램에서와 같이 학습 앱의 기능을 통해 사용자는보다 개인화되고 재미있는 경험이 학업 추구에 성공할 수있게 해줍니다.
JavaScript, React, HTML/CSS, Django, SQLite 및 Canvas API를 포함 하여이 프로젝트를 완료하는 데 필요한 다양한 소프트웨어 리소스에 대한 연구가 수행되어야합니다. React는 프론트 엔드, 백엔드 용 Django 및 SQLite 데이터베이스와 Django 및 정적 파일 저장소가 정의하고 관리하는 스키마의 조합에 사용됩니다. 필수 리소스는 기존 노트북에서 실행되거나 호스팅 서비스가 사용되는 우분투 서버입니다. 다른 하드웨어 리소스가 필요하지 않습니다.
파이썬 3.8 이상
PIP3 22 이상
NPM 8 이상
프로젝트가 올바르게 실행하려면 Backend
.env파일에 비밀 키와 Gmail 비밀번호가 필요합니다. 이 프로젝트에서 승인 된 개발자 인 경우 팀에 연락하여 필수 자격 증명을 받으십시오. 사용자 등록에서 이메일 검증을 보내려면 백엔드 코드 소스 코드를 수정해야합니다. 우리 팀은이 과정을 안내해 드리겠습니다.
릴리스에서 zip 파일을 다운로드하고 열 수 있습니다. 터미널을 열고 프로젝트 디렉토리로 이동하십시오.
개발 키를 ~/sb/backend/.env 에 삽입하십시오
SECRET_KEY=<YOUR-KEY>
GMAIL_PASSWORD=<YOUR-PASSWORD>
cd < your-path > /sb/backend (MacOS/UNIX)
source tutorial-env/bin/activate
pip3 install -r requirements.txt창
tutorial-env S cripts a ctivate.bat
pip3 install -r requirements.txtpython3 manage.py makemigrations
python3 manage.py migrate
python3 manage.py runserver cd < your-path > /sb/frontendnpm install
npm run build
nmp start메리 클레이 | Christine Cho | 알렉산더 러사 코프 | 카트리나 Janeczko | 해리슨 페도르 | 제이 뉴먼 | 이안 타일러 애플 바움 |