project virtual pet

Compañero de estudio

Instrucciones

• Navegue a nuestra aplicación haciendo clic en este enlace. (Nota: la propagación de DNS lleva mucho tiempo con la Universidad de Temple, por lo que el enlace al sitio no funcionará cuando se use Wi -Fi - TuseCureWireless de la escuela. Conéctese desde otra red). Una vez allí, puede crear una cuenta, seleccionar una mascota y explorar el sitio.
• Study Buddy es una aplicación web progresiva (PWA). Esto significa que es un sitio web que puede usar en su navegador, o se puede descargar a su dispositivo y usarse como una aplicación.
  • En iOS: Abra el safari y navegue al sitio. Presione el botón "Compartir" y seleccione "Agregar a la pantalla de inicio" en la ventana emergente. Por último, toque "Agregar" en la esquina superior derecha para terminar de instalar el PWA. Ahora estará en tu pantalla de inicio.
  • En Android: Abra Chrome y navegue al sitio. Presione el icono "Tres puntos" en la parte superior derecha para abrir el menú. Seleccione "Agregar a la pantalla de inicio". Presione el botón "Agregar" en la ventana emergente. El PWA ahora está instalado y disponible en su pantalla de inicio.
• Si encuentra algún error o problema, visite nuestro sitio de documentación y haga clic en el botón "Informe de error" ubicado en el lado derecho de la página. Esto lo llevará a un formulario de comentarios donde puede proporcionar detalles sobre el problema que encontró.

Palabras clave

Sección 704, Aplicación web, JavaScript, HTML, CSS, Python, Django, Educación, Aprendizaje, Estudio, Objetivos, Recordatorios, Virtual PET

Proyecto de abstracto

Este documento propone una aplicación web progresiva que combina los beneficios de la gamificación y el desarrollo personal para mejorar la experiencia del estudio. La aplicación permite a los usuarios atender una mascota virtual, que sirve como compañero de estudio y motivador. Los usuarios pueden establecer objetivos diarios o semanales, establecer recordatorios, rastrear su progreso y conectarse con sus cuentas de lienzo para rastrear las tareas. El progreso en estos objetivos influirá directamente en la apariencia y el estado de ánimo de la mascota virtual, inspirando sentimientos de motivación, compañía, responsabilidad y solidaridad en el usuario. Al usar esta aplicación, los usuarios tendrán una forma atractiva y efectiva de mejorar su rendimiento académico.

Requisito de alto nivel

La aplicación requiere una conexión a Internet para funcionar, y se puede acceder en cualquier dispositivo con un navegador web moderno. Los usuarios pueden establecer objetivos de estudio, rastrear su progreso y conectarse con su cuenta de lienzo. El usuario será recompensado por lograr sus objetivos de estudio a través de un sistema de puntos, donde el número de puntos dados dependerá del tamaño de la tarea completada. Después de alcanzar un cierto número de puntos, la mascota del usuario se sube a nivel. La aplicación también se integra con el lienzo, lo que permite al usuario acceder y realizar un seguimiento de sus tareas. Los usuarios pueden nombrar a su mascota e interactuar con ella, y realizar tareas en su horario que afecten directamente la condición y el estado de ánimo de su mascota. El estado de ánimo y la apariencia de la mascota estarán influenciados por la capacidad del usuario para lograr sus objetivos.

Diseño conceptual

El frontend de la aplicación se construirá con JavaScript, React, HTML y CSS. React se utilizará para crear componentes de la interfaz de usuario y administrar el estado de la aplicación, y JavaScript, HTML y CSS se utilizarán para crear la interfaz de usuario y manejar las interacciones del usuario. El backend se construirá utilizando Python y Django para manejar la autenticación y la autorización de los usuarios, el almacenamiento de datos y los algoritmos que determinan cómo cambia la apariencia de la PET virtual en función de los hábitos de estudio del estudiante. SQLite se utilizará para almacenar los datos del usuario, como sus objetivos de estudio, progreso y recompensas. La aplicación también se integrará con el lienzo para permitir a los estudiantes rastrear sus tareas y clases e incluirlas como objetivos de estudio personal.

Fondo

Productos similares incluyen mi vida de estudio y mi cuestionario. Ambos son productos de código cerrado que tienen como objetivo ayudar a los estudiantes a mejorar su rendimiento académico. Mi estudio de estudio es un planificador de estudiantes en línea que permite a los estudiantes realizar un seguimiento de sus plazos y clases. Quizlet permite a los estudiantes crear flashcards y cuestionarios para estudiar para sus clases. Study Buddy App es similar a estos productos, ya que el objetivo es proporcionar recursos para ayudar a los estudiantes a tener éxito académicamente y mantenerse al tanto de sus cursos. Sin embargo, esta aplicación también incorpora el aspecto único de un compañero de mascota virtual para ayudarlos a mantenerse motivados para estudiar. Study Buddy App incluirá algunas de las mismas características que Quizlet y mi vida en el estudio, como establecer recordatorios o crear y vincular los materiales de estudio.

Otra aplicación móvil de código cerrado, titulada Finch, implica cuidar a una mascota virtual para lograr los objetivos de autocuidado. Habitica es una aplicación web de código abierto que ayuda a los usuarios a gamificar su vida al permitirles establecer objetivos para mantenerse al día con los hábitos personales. Incorporar el concepto de cuidado de una mascota y tareas personales y académicas de mascota, como en esta aplicación, con las características de una aplicación de estudio, permitirá a los usuarios una experiencia más personalizada y divertida para tener éxito en sus actividades académicas.

Recursos requeridos

La investigación deberá realizarse sobre los diversos recursos de software necesarios para completar este proyecto, incluidos JavaScript, React, HTML/CSS, Django, SQLite y API de lienzo. React se utilizará para el front-end, Django para el back-end y una combinación de una base de datos SQLite con un esquema definido y administrado por Django y un almacén de archivos estático. Un recurso requerido es un servidor Ubuntu que se ejecutará en una computadora portátil anterior o se utilizará un servicio de alojamiento. No se requieren otros recursos de hardware.

Instrucciones de construcción locales

Requisitos previos

• Python 3.8 o superior

• pip3 22 o superior

• NPM 8 o superior

Se requerirá una clave secreta y una contraseña de Gmail en Backend .env archivo para que el proyecto se ejecute correctamente. Si usted es un desarrollador aprobado en este proyecto, comuníquese con su equipo para recibir las credenciales requeridas. Se requerirá la modificación del código fuente del código de back -end para enviar verificaciones de correo electrónico en el registro del usuario. Nuestro equipo está feliz de ayudarlo a guiarlo a través de este proceso.

Configuración

1. Descargue el archivo zip en la versión y abra. Abra un terminal, luego navegue al directorio del proyecto.

2. Inserte sus claves de desarrollo a ~/sb/backend/.env

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

3. Navegue al backend:

 cd < your-path > /sb/backend 

4. Active un entorno virtual de Python e instale dependencias:

(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. Active el backend con las siguientes instrucciones:

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

6. Ahora, abra una nueva terminal y desde el directorio del proyecto, navegue hasta la frontend:

 cd < your-path > /sb/frontend

7. Construye el frontend de la siguiente manera. Las dependencias se descargarán y compilarán para usted:

npm install 
npm run build 
nmp start

8. En su navegador, navegue en la barra de búsqueda a http: // localhost: 3000.

Colaboradores

María arcilla

Christine Cho

Alexander Russakoff

Katrina Janeczko

Harrison Fedor

Jay Newman

Ian Tyler Applebaum