project virtual pet

Buddy studieren

Richtungen

• Bitte navigieren Sie zu unserer App, indem Sie auf diesen Link klicken. (HINWEIS: Die DNS -Propagation dauert lange mit der Temple University, sodass der Link zur Website nicht funktioniert, wenn das Wi -Fi der Schule - tusecurewireless. Dort können Sie ein Konto erstellen, ein Haustier auswählen und die Website erkunden.
• Study Buddy ist eine progressive Web -App (PWA). Dies bedeutet, dass es sich um eine Website handelt, die Sie in Ihrem Browser verwenden können, oder sie kann auf Ihr Gerät heruntergeladen und wie eine App verwendet werden.
  • Auf iOS: Öffnen Sie Safari und navigieren Sie zur Website. Drücken Sie die Taste "Share" und wählen Sie vom Popup "zum Startbildschirm hinzufügen". Zuletzt tippen Sie in der oberen rechten Ecke auf "Hinzufügen", um die Installation der PWA zu beenden. Es wird jetzt auf Ihrem Startbildschirm sein.
  • Auf Android: Öffnen Sie Chrome und navigieren Sie zur Website. Drücken Sie das Symbol "Three Dot" im oberen rechts, um das Menü zu öffnen. Wählen Sie "zum Startbildschirm hinzufügen". Drücken Sie die Taste "Hinzufügen" im Popup. Die PWA ist jetzt installiert und auf Ihrem Startbildschirm verfügbar.
• Wenn Sie auf Fehler oder Probleme stoßen, besuchen Sie bitte unsere Dokumentationsseite und klicken Sie auf die Schaltfläche "BEGEBRAUBEN" auf der rechten Seite auf der Seite. Dies führt Sie zu einem Feedback -Formular, in dem Sie Details zu dem Problem angeben können, auf das Sie gestoßen sind.

Schlüsselwörter

Abschnitt 704, Webanwendung, JavaScript, HTML, CSS, Python, Django, Bildung, Lernen, Studieren, Ziele, Erinnerungen, virtuelles Haustier

Projekt Abstract

In diesem Dokument wird eine progressive Webanwendung vorgeschlagen, die die Vorteile von Gamification und persönlicher Entwicklung kombiniert, um die Studienerfahrung zu verbessern. Mit der Anwendung können Benutzer sich um ein virtuelles Haustier kümmern, das als Studienbegleiter und Motivator dient. Benutzer können tägliche oder wöchentliche Ziele festlegen, Erinnerungen festlegen, ihre Fortschritte verfolgen und sich mit ihren Canvas -Konten verbinden, um Aufgaben zu verfolgen. Fortschritte bei diesen Zielen beeinflussen direkt das Aussehen und die Stimmung des virtuellen Haustieres und inspirieren das Gefühl der Motivation, Kameradschaft, Verantwortung und Solidarität beim Benutzer. Durch die Verwendung dieser Anwendung können Benutzer eine ansprechende und effektive Möglichkeit haben, ihre akademische Leistung zu verbessern.

Hoher Niveau

Die App benötigt eine Internetverbindung, um zu funktionieren, und kann mit einem modernen Webbrowser auf jedem Gerät zugegriffen werden. Benutzer können Studienziele festlegen, ihre Fortschritte verfolgen und sich mit ihrem Canvas -Konto verbinden. Der Benutzer wird für die Erreichung seiner Studienziele durch ein Punktsystem belohnt, bei dem die Anzahl der angegebenen Punkte von der Größe der abgeschlossenen Aufgabe abhängt. Nachdem das Haustier des Benutzers eine bestimmte Anzahl von Punkten erreicht hat. Die App integriert sich auch in Canvas, sodass der Benutzer seine Aufgaben zugänglich macht und erfasst. Benutzer können ihr Haustier benennen und damit interagieren und Aufgaben nach ihrem Zeitplan ausführen, die sich direkt auf den Zustand und die Stimmung ihres Haustieres auswirken. Die Stimmung und das Aussehen des Haustiers werden von der Fähigkeit des Benutzers beeinflusst, ihre Ziele zu erreichen.

Konzeptionelles Design

Der Frontend der App wird mit JavaScript, React, HTML und CSS erstellt. React wird verwendet, um UI -Komponenten zu erstellen und den Status der Anwendung zu verwalten. JavaScript, HTML und CSS werden verwendet, um die Benutzeroberfläche zu erstellen und Benutzerinteraktionen zu verarbeiten. Das Backend wird mit Python und Django erstellt, um die Benutzerauthentifizierung und Autorisierung, die Datenspeicherung und die Algorithmen zu verarbeiten, die feststellen, wie sich das Erscheinungsbild des virtuellen Haustiers basierend auf den Studiengewohnheiten des Schülers ändert. SQLite wird verwendet, um die Daten des Benutzers wie ihre Studienziele, Fortschritte und Belohnungen zu speichern. Die Anwendung wird sich auch in Canvas integrieren, um den Schülern ihre Aufgaben und Klassen zu verfolgen und sie als persönliche Lernziele einzubeziehen.

Hintergrund

Ähnliche Produkte umfassen mein Studienleben und mein Quizlet. Dies sind beide Produkte mit geschlossenen Quellen, die den Schülern helfen sollen, ihre akademische Leistung zu verbessern. Mein Studienleben ist ein Online -Studentenplaner, mit dem Schüler ihre Fristen und Klassen im Auge behalten können. Mit Quizlet können die Schüler Flash -Karten und Quiz erstellen, um sie für ihre Klassen zu studieren. Study Buddy App ähnelt diesen Produkten, da das Ziel darin besteht, Ressourcen zur Verfügung zu stellen, um den Schülern akademisch erfolgreich zu sein und ihre Kurse auf dem Laufenden zu halten. Diese App beinhaltet jedoch auch den einzigartigen Aspekt eines virtuellen Haustierbegleiters, der ihnen hilft, motiviert zum Lernen zu bleiben. Die Studie Buddy App umfasst einige der gleichen Funktionen wie Quizlet und mein Studienleben, wie das Festlegen von Erinnerungen oder das Erstellen und Verknüpfen von Materialien.

Eine weitere mobile Closed-Source-Anwendung mit dem Titel Finch beinhaltet die Pflege eines virtuellen Haustieres, um Selbstpflegeziele zu erreichen. Habitica ist eine Open-Source-Webanwendung, die den Benutzern hilft, ihr Leben zu spielen, indem sie es ihnen ermöglichen, Ziele für den Schritt persönlicher Gewohnheiten festzulegen. Durch die Einbeziehung des Konzepts der Betreuung eines Haustieres und des Gebens persönlicher und akademischer Aufgaben wie in dieser Anwendung mit den Funktionen einer Studien -App ermöglicht es Benutzern eine personalisiertere und unterhaltsamere Erfahrung, um ihre akademischen Aktivitäten erfolgreich zu machen.

Erforderliche Ressourcen

Untersuchungen müssen zu den verschiedenen Software -Ressourcen durchgeführt werden, die zur Abschluss dieses Projekts erforderlich sind, einschließlich JavaScript, React, HTML/CSS, Django, SQLite und Canvas -API. React wird für das Front-End, Django für das Back-End und eine Kombination aus einer SQLite-Datenbank mit einem von Django definierten und verwalteten Schema und einem statischen Filespeicher verwendet. Eine erforderliche Ressource ist ein Ubuntu -Server, der entweder auf einem alten Laptop ausgeführt wird oder ein Hosting -Dienst verwendet wird. Es sind keine anderen Hardware -Ressourcen erforderlich.

Lokale Bauanweisungen

Voraussetzungen

• Python 3,8 oder höher

• PIP3 22 oder höher

• NPM 8 oder höher

In der Backend .env -Datei werden ein geheimer Schlüssel und ein Google Mail -Passwort erforderlich, damit das Projekt korrekt ausgeführt werden kann. Wenn Sie in diesem Projekt ein zugelassener Entwickler sind, wenden Sie sich an Ihr Team, der die erforderlichen Anmeldeinformationen erhalten. Eine Änderung des Backend -Code -Quellcodes ist erforderlich, um E -Mail -Überprüfungen zur Benutzerregistrierung zu senden. Unser Team hilft Ihnen gerne dabei, Sie durch diesen Prozess zu führen.

Aufstellen

1. Laden Sie die ZIP -Datei in der Veröffentlichung herunter und öffnen Sie. Öffnen Sie ein Terminal und navigieren Sie dann zum Projektverzeichnis.

2. Fügen Sie Ihre Entwicklungsschlüssel in ~/sb/backend/.env ein

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

3. Navigieren Sie zum Backend:

 cd < your-path > /sb/backend 

4. Aktivieren Sie eine virtuelle Python -Umgebung und installieren Sie Abhängigkeiten:

(MacOS/unix)

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

Fenster

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

5. Aktivieren Sie das Backend mit den folgenden Anweisungen:

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

6. Öffnen Sie nun ein neues Terminal und navigieren Sie aus dem Projektverzeichnis zum Frontend:

 cd < your-path > /sb/frontend

7. Bauen Sie die Frontend wie folgt auf. Abhängigkeiten werden für Sie heruntergeladen und zusammengestellt:

npm install 
npm run build 
nmp start

8. Navigieren Sie in Ihrem Browser in der Suchleiste zu http: // localhost: 3000.

Mitarbeiter

Mary Clay

Christine Cho

Alexander Russakoff

Katrina Janeczko

Harrison Fedor

Jay Newman

Ian Tyler Applebaum