project virtual pet

Estudo amigo

Instruções

• Navegue para o nosso aplicativo clicando neste link. (Nota: a propagação do DNS leva muito tempo com a Temple University, para que o link para o site não funcione ao usar o Wi -Fi da escola - TUSECUREWIROWIRE. Uma vez lá, você pode criar uma conta, selecionar um animal de estimação e explorar o site.
• Estudo Buddy é um aplicativo da Web progressivo (PWA). Isso significa que é um site que você pode usar no seu navegador ou pode ser baixado no seu dispositivo e usado como um aplicativo.
  • No iOS: Abra o Safari e navegue até o site. Pressione o botão "Compartilhar" e selecione "Adicionar à tela inicial" do pop -up. Por fim, toque em "Adicionar" no canto superior direito para terminar de instalar o PWA. Agora estará na tela inicial.
  • No Android: abra o Chrome e navegue até o site. Pressione o ícone "três pontos" no canto superior direito para abrir o menu. Selecione "Adicionar à tela inicial". Pressione o botão "Adicionar" no pop -up. O PWA está agora instalado e disponível na tela inicial.
• Se você encontrar bugs ou problemas, visite nosso site de documentação e clique no botão "Relatório Bug" localizado no lado direito da página. Isso o levará a um formulário de feedback, onde você pode fornecer detalhes sobre o problema que encontrou.

Palavras -chave

Seção 704, Aplicativo da Web, JavaScript, HTML, CSS, Python, Django, Educação, Aprendizagem, Estudação, Objetivos, Lembretes, Pet Virtual

Resumo do projeto

Este documento propõe um aplicativo progressivo da Web que combina os benefícios da gamificação e do desenvolvimento pessoal para melhorar a experiência do estudo. O aplicativo permite que os usuários cuidem de um animal de estimação virtual, que serve como companheiro e motivador de estudo. Os usuários podem definir metas diárias ou semanais, definir lembretes, acompanhar seu progresso e se conectar com suas contas de tela para rastrear tarefas. O progresso nesses objetivos influenciará diretamente a aparência e o humor virtual do animal de estimação, inspirando sentimentos de motivação, companheirismo, responsabilidade e solidariedade no usuário. Ao usar este aplicativo, os usuários terão uma maneira envolvente e eficaz de melhorar seu desempenho acadêmico.

Requisito de alto nível

O aplicativo requer uma conexão com a Internet para funcionar e pode ser acessado em qualquer dispositivo com um navegador da web moderno. Os usuários podem definir metas de estudo, acompanhar seu progresso e se conectar com sua conta de tela. O usuário será recompensado por atingir suas metas de estudo por meio de um sistema de pontos, onde o número de pontos dados dependerá do tamanho da tarefa concluída. Depois de atingir um certo número de pontos, o animal de estimação do usuário subirá de nível. O aplicativo também se integra à tela, permitindo que o usuário acesse e acompanhe suas atribuições. Os usuários podem nomear seu animal de estimação e interagir com ele e executar tarefas em sua programação que afetam diretamente a condição e o humor do animal. O humor e a aparência do animal serão influenciados pela capacidade do usuário de atingir seus objetivos.

Design conceitual

O front -end do aplicativo será criado usando JavaScript, React, HTML e CSS. O React será usado para criar componentes da interface do usuário e gerenciar o estado do aplicativo, e JavaScript, HTML e CSS serão usados ​​para criar a interface do usuário e lidar com as interações do usuário. O back -end será construído usando o Python e o Django para lidar com autenticação e autorização do usuário, armazenamento de dados e os algoritmos que determinam como a aparência do animal de estimação virtual muda com base nos hábitos de estudo do aluno. O SQLite será usado para armazenar os dados do usuário, como objetivos de estudo, progresso e recompensas. O aplicativo também se integrará à tela para permitir que os alunos rastreem suas tarefas e aulas e as incluam como objetivos pessoais de estudo.

Fundo

Produtos semelhantes incluem minha vida de estudo e quizleto. Ambos são produtos de código fechado que visam ajudar os alunos a melhorar seu desempenho acadêmico. Minha vida de estudo é um planejador de estudantes on -line que permite que os alunos acompanhem seus prazos e aulas. O Quizlet permite que os alunos criem flashcards e testes para estudar para suas aulas. O App Buddy de Estudo é semelhante a esses produtos, pois o objetivo é fornecer recursos para ajudar os alunos a ter sucesso academicamente e permanecer no topo de seus cursos. No entanto, este aplicativo também incorpora o aspecto único de um companheiro virtual para animais de estimação para ajudá -los a se manter motivado a estudar. O App Buddy do Estudo incluirá alguns dos mesmos recursos que o Quizlet e minha vida de estudo, como definir lembretes ou criar e vincular para estudar materiais.

Outro aplicativo móvel de código fechado, intitulado Finch, envolve cuidar de um animal de estimação virtual para atingir as metas de autocuidado. A Habitica é um aplicativo da Web de código aberto que ajuda os usuários a girar sua vida, permitindo que eles estabeleçam metas para acompanhar os hábitos pessoais. A incorporação do conceito de cuidar de um animal de estimação e gamificar tarefas pessoais e acadêmicas, como neste aplicativo, com os recursos de um aplicativo de estudo, permitirá aos usuários uma experiência mais personalizada e divertida para ter sucesso em suas atividades acadêmicas.

Recursos necessários

A pesquisa precisará ser realizada sobre os vários recursos de software necessários para concluir este projeto, incluindo API JavaScript, React, HTML/CSS, Django, SQLite e Canvas. O React será usado para o front-end, Django para o back-end e uma combinação de um banco de dados SQLite com um esquema definido e gerenciado pelo Django e um armazenamento de arquivos estático. Um recurso necessário é um servidor Ubuntu que será executado em um laptop antigo ou um serviço de hospedagem será usado. Não são necessários outros recursos de hardware.

Instruções de construção local

Pré -requisitos

• Python 3.8 ou superior

• PIP3 22 ou superior

• NPM 8 ou superior

Uma chave secreta e uma senha do Gmail serão necessárias no arquivo .env back -end para o projeto executar corretamente. Se você é um desenvolvedor aprovado neste projeto, entre em contato com sua equipe, leve para receber as credenciais necessárias. A modificação do código -fonte do código de back -end será necessária para enviar verificações de email no registro do usuário. Nossa equipe está feliz em ajudar a orientá -lo nesse processo.

Configurar

1. Faça o download do arquivo zip no lançamento e abra. Abra um terminal e navegue para o diretório do projeto.

2. Insira suas chaves de desenvolvimento para ~/sb/backend/.env

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

3. Navegue até o back -end:

 cd < your-path > /sb/backend 

4. Ative um ambiente virtual do Python e instale dependências:

(MacOS/Unix)

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

Windows

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

5. Ative o back -end com as seguintes instruções:

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

6. Agora, abra um novo terminal e do diretório do projeto, navegue até o front -end:

 cd < your-path > /sb/frontend

7. Construa o front -end da seguinte maneira. As dependências serão baixadas e compiladas para você:

npm install 
npm run build 
nmp start

8. No seu navegador, navegue na barra de pesquisa para http: // localhost: 3000.

Colaboradores

Mary Clay

Christine Cho

Alexander Russakoff

Katrina Janeczko

Harrison Fedor

Jay Newman

Ian Tyler Applebaum