project virtual pet

Изучать приятель

Указания

• Пожалуйста, перейдите в наше приложение, нажав на эту ссылку. (Примечание: распространение DNS занимает много времени в Университете Темпл, поэтому ссылка на сайт не будет работать при использовании школы Wi -Fi - TuseCureWiresers. Пожалуйста, подключитесь из другой сети). Оказавшись там, вы можете создать учетную запись, выбрать питомца и исследовать сайт.
• Исследование приятель - это прогрессивное веб -приложение (PWA). Это означает, что это веб -сайт, который вы можете использовать в своем браузере, или его можно загрузить на ваше устройство и использовать как приложение.
  • На iOS: Откройте сафари и перейдите на сайт. Нажмите кнопку «Поделиться» и выберите «Добавить на домашний экран» из всплывающего окна. Наконец, нажмите «Добавить» в правом верхнем углу, чтобы закончить установку PWA. Теперь он будет на домашнем экране.
  • На Android: открыть хром и перейдите на сайт. Нажмите значок «Три точки» в верхнем правом правом, чтобы открыть меню. Выберите «Добавить на домашний экран». Нажмите кнопку «Добавить» во всплывающем окне. PWA теперь установлен и доступен на домашнем экране.
• Если вы столкнетесь с какими-либо ошибками или проблемами, посетите наш сайт документации и нажмите кнопку «Ошибка отчетов», расположенную в правой части страницы. Это приведет вас к форме обратной связи, где вы можете предоставить подробную информацию о проблеме, с которой вы столкнулись.

Ключевые слова

Раздел 704, Веб -приложение, JavaScript, HTML, CSS, Python, Django, образование, обучение, учеба, цели, напоминания, виртуальные домашние животные

Проект Аннотация

В этом документе предлагается прогрессивное веб -приложение, которое сочетает в себе преимущества геймификации и личной разработки для улучшения опыта исследования. Приложение позволяет пользователям позаботиться о виртуальном питомце, который служит компаньоном и мотиватором исследования. Пользователи могут устанавливать ежедневные или еженедельные цели, устанавливать напоминания, отслеживать их прогресс и общаться со своими учетными записями Canvas для отслеживания заданий. Прогресс в этих целях будет напрямую повлиять на внешность и настроение виртуального питомца, вдохновляющее чувство мотивации, общения, ответственности и солидарности у пользователя. Используя это приложение, пользователи будут иметь интересный и эффективный способ улучшить свою академическую эффективность.

Требование высокого уровня

Приложение требует подключения к Интернету для функции, и его можно получить на любом устройстве с современным веб -браузером. Пользователи могут устанавливать цели обучения, отслеживать их прогресс и связаться со своей учетной записью Canvas. Пользователь будет вознагражден за достижение своих целей обучения через систему точек, где количество приведенных точек будет зависеть от размера выполненной задачи. После достижения определенного количества баллов, питомец пользователя будет повышаться. Приложение также интегрируется с холстом, что позволяет пользователю получить доступ и отслеживать свои задания. Пользователи могут назвать своего питомца и взаимодействовать с ним и выполнять задачи по своему графику, которые напрямую влияют на состояние и настроение их питомца. На настроение и внешний вид питомца будут влиять способность пользователя достигать своих целей.

Концептуальный дизайн

Фронт приложения будет построен с использованием JavaScript, React, HTML и CSS. React будет использоваться для создания компонентов пользовательского интерфейса и управления состоянием приложения, а JavaScript, HTML и CSS будут использоваться для создания пользовательского интерфейса и обработки взаимодействий с пользователем. Бэкэнд будет построен с использованием Python и Django для обработки аутентификации и авторизации пользователей, хранения данных и алгоритмов, которые определяют, как изменяется внешний вид виртуального питомца на основе привычек обучения студента. SQLite будет использоваться для хранения данных пользователя, таких как цели их обучения, прогресс и вознаграждение. Приложение также будет интегрироваться с Canvas, чтобы позволить студентам отслеживать свои задания и занятия и включать их в качестве личных целей обучения.

Фон

Подобные продукты включают в себя мою жизнь и Quizlet. Это оба продукты с закрытым исходным кодом, которые направлены на то, чтобы помочь студентам улучшить их академическую успеваемость. Моя учебная жизнь - это онлайн -планировщик студентов, который позволяет студентам отслеживать свои сроки и занятия. Quizlet позволяет студентам создавать карточки и викторины для обучения для своих занятий. Приложение для обучения Buddy аналогично этим продуктам в том смысле, что цель состоит в том, чтобы предоставить ресурсы, чтобы помочь студентам добиться успеха в учебе и оставаться в курсе их курсовой работы. Тем не менее, это приложение также включает в себя уникальный аспект виртуального домашнего компаньона, чтобы помочь им оставаться мотивированными для изучения. Приложение для обучения Buddy будет включать в себя некоторые из тех же особенностей, что и Quizlet и My Life Life, такие как напоминания или создание и ссылка на изучение материалов.

Другое мобильное приложение с закрытым исходным кодом под названием Finch включает в себя заботу о виртуальном питомце для достижения целей самообслуживания. Habixica-это веб-приложение с открытым исходным кодом, которое помогает пользователям игроки своей жизни, позволяя им ставить цели для продолжения личных привычек. Включение концепции ухода за домашними животными и геймификации личных и академических задач, как в этом приложении, с функциями учебного приложения, позволит пользователям более персонализированный и веселый опыт, чтобы добиться успеха в своих академических занятиях.

Требуемые ресурсы

Исследования должны быть проведены по различным программным ресурсам, необходимым для завершения этого проекта, включая JavaScript, React, HTML/CSS, Django, SQLite и Canvas API. React будет использоваться для фронтального, Django для бэк-энда, и комбинация базы данных SQLite со схемой, определенной и управляемой Django и статическим хранилищем файлов. Требуемый ресурс - это сервер Ubuntu, который будет запускать либо на старом ноутбуке, либо будет использоваться служба хостинга. Никаких других аппаратных ресурсов не требуется.

Местные инструкции по сборке

Предварительные условия

• Python 3.8 или выше

• PIP3 22 или выше

• NPM 8 или выше

Секретный ключ и пароль Gmail потребуются в бэкэнде .env для правильного запуска проекта. Если вы являетесь утвержденным разработчиком в этом проекте, обратитесь к своей команде, чтобы получить необходимые полномочия. Изменение исходного кода кода Бэкэнд потребуется для отправки проверки электронной почты при регистрации пользователей. Наша команда рада помочь вам провести этот процесс.

Настраивать

1. Загрузите zip -файл в выпуске и открыть. Откройте терминал, затем перейдите к каталогу проекта.

2. Вставьте ключи разработки в ~/sb/backend/.env

 SECRET_KEY=<YOUR-KEY>
GMAIL_PASSWORD=<YOUR-PASSWORD>

3. Перейдите к бэкэнду:

 cd < your-path > /sb/backend 

4. Активируйте виртуальную среду Python и установите зависимости:

(Macos/unix)

 source tutorial-env/bin/activate
pip3 install -r requirements.txt

Окна

tutorial-env S cripts a ctivate.bat
pip3 install -r requirements.txt

5. Активируйте бэкэнд со следующими инструкциями:

python3 manage.py makemigrations
python3 manage.py migrate
python3 manage.py runserver

6. Теперь откройте новый терминал и из каталога проекта перейдите на фронт:

 cd < your-path > /sb/frontend

7. Постройте фронт следующим образом. Зависимости будут загружены и скомпилированы для вас:

npm install 
npm run build 
nmp start

8. В вашем браузере перейдите в панель поиска по http: // localhost: 3000.

Сотрудники

Мэри Клэй

Кристина Чо

Александр РУССАКОФФ

Катрина Янцко

Харрисон Федор

Джей Ньюман

Ян Тайлер Эпплбаум