ホーム>Web サイト構築リソース>ウェブサイトデータ
ダウンロード

勉強バディ

方向

  • このリンクをクリックして、アプリに移動してください。 （注：DNSの伝播にはテンプル大学で長い時間がかかるため、学校のWi -Fi -Tusecurewirelessを使用する場合、サイトへのリンクは機能しません。別のネットワークから接続してください）。そこに着いたら、アカウントを作成し、ペットを選択して、サイトを探索できます。
  • Study BuddyはプログレッシブWebアプリ（PWA）です。これは、ブラウザで使用できるWebサイトであるか、デバイスにダウンロードしてアプリのように使用できるWebサイトであることを意味します。
    • iOSで：Safariを開き、サイトに移動します。 「共有」ボタンを押し、ポップアップから「ホーム画面に追加」を選択します。最後に、右上隅に「追加」をタップして、PWAのインストールが完了します。これでホーム画面に表示されます。
    • Androidで：Chromeを開き、サイトに移動します。右上にある「3つのドット」アイコンを押して、メニューを開きます。 [ホーム画面に追加]を選択します。ポップアップの「追加」ボタンを押します。 PWAがインストールされ、ホーム画面に入手可能になりました。 バディPWAの指示を勉強してください！
  • バグや問題が発生した場合は、ドキュメントサイトにアクセスして、ページの右側にある「レポートバグ」ボタンをクリックしてください。これにより、遭遇した問題に関する詳細を提供できるフィードバックフォームに表示されます。

キーワード

セクション704、Webアプリケーション、JavaScript、HTML、CSS、Python、Django、教育、学習、学習、目標、リマインダー、仮想ペット

プロジェクト要約

このドキュメントは、ゲーミフィケーションと個人開発の利点を組み合わせて、研究体験を強化するプログレッシブWebアプリケーションを提案しています。このアプリケーションにより、ユーザーは、学習コンパニオンおよびモチベーターとして機能する仮想ペットの世話をすることができます。ユーザーは、毎日または毎週の目標を設定し、リマインダーを設定し、進捗を追跡し、キャンバスアカウントに接続して割り当てを追跡できます。これらの目標の進歩は、バーチャルペットの外観と気分に直接影響し、ユーザーの動機付け、交際、責任、連帯感を刺激します。このアプリケーションを使用することにより、ユーザーは学業成績を改善するための魅力的で効果的な方法を持ちます。

高レベルの要件

このアプリは機能するためにインターネット接続が必要であり、最新のWebブラウザーを備えた任意のデバイスでアクセスできます。ユーザーは、学習目標を設定し、進捗を追跡し、Canvasアカウントに接続できます。ユーザーは、指定されたポイントの数が完了したタスクのサイズに依存するポイントシステムを介して学習目標を達成することに対して報われます。特定の数のポイントに達した後、ユーザーのペットはレベルアップします。アプリはまた、キャンバスと統合され、ユーザーが割り当てにアクセスして追跡できるようにします。ユーザーは自分のペットに名前を付けて対話し、ペットの状態と気分に直接影響するスケジュールでタスクを実行できます。ペットの気分と外観は、ユーザーの目標を達成する能力に影響されます。

概念デザイン

アプリのフロントエンドは、JavaScript、React、HTML、およびCSSを使用して構築されます。 ReactはUIコンポーネントを構築し、アプリケーションの状態を管理するために使用され、JavaScript、HTML、およびCSSを使用してユーザーインターフェイスを作成し、ユーザーインタラクションを処理します。バックエンドは、PythonとDjangoを使用して構築され、ユーザーの認証と承認、データストレージ、および学生の学習習慣に基づいて仮想ペットの外観がどのように変化するかを決定するアルゴリズムを処理します。 SQLiteは、学習目標、進捗状況、報酬など、ユーザーのデータを保存するために使用されます。また、アプリケーションはキャンバスと統合され、学生が課題とクラスを追跡し、個人の学習目標として含めることができます。

背景

同様の製品には、私の学習生活とキズレットが含まれます。これらはどちらも、学生が学業成績を向上させるのを支援することを目的としたクローズドソース製品です。私の学習生活は、学生が締め切りやクラスを追跡できるようにするオンライン学生プランナーです。 Quizletを使用すると、生徒はクラスのためにフラッシュカードとクイズを作成して勉強できます。 Study Buddyアプリは、これらの製品に似ています。目標は、学生が学問的に成功し、コースワークを維持できるようにリソースを提供することです。ただし、このアプリには、仮想ペットコンパニオンのユニークな側面も組み込まれており、勉強のやる気を維持するのに役立ちます。 Study Buddyアプリには、リマインダーの設定や学習資料の作成とリンクなど、Quizletと私の学習生活と同じ機能のいくつかが含まれます。

Finchというタイトルのもう1つのクローズドソースモバイルアプリケーションは、自己ケアの目標を達成するために仮想ペットの世話をすることを伴います。 Habiticaは、個人の習慣に追いつくための目標を設定できるようにすることで、ユーザーが自分の生活をゲームするのに役立つオープンソースのWebアプリケーションです。このアプリケーションでは、学習アプリの機能を使用すると、ペットのケアとゲーミングの個人的および学術的なタスクの概念を組み込むことで、ユーザーがよりパーソナライズされた楽しい体験ができるようになり、学術的な追求を成功させることができます。

必要なリソース

JavaScript、React、HTML/CSS、DJANGO、SQLITE、CANVAS APIなど、このプロジェクトを完了するために必要なさまざまなソフトウェアリソースについて調査を実施する必要があります。 Reactは、フロントエンド、バックエンドのDjango、およびSQLiteデータベースとDjangoと静的ファイルストアによって定義および管理されたスキーマの組み合わせに使用されます。必要なリソースは、古いラップトップで実行されるか、ホスティングサービスが使用されるUbuntuサーバーです。他のハードウェアリソースは必要ありません。

ローカルビルドの指示

前提条件

  • Python 3.8以降

  • PIP3 22以上

  • NPM 8以降

プロジェクトが正しく実行されるには、Secret KeyとGmailパスワードがBackEnd .envファイルで必要です。このプロジェクトで承認された開発者である場合、チームリードに連絡して、必要な資格情報を受け取ります。ユーザー登録時に電子メールの検証を送信するには、バックエンドコードソースコードの変更が必要です。私たちのチームは、このプロセスを通してあなたを導くのを喜んで支援します。

設定

  1. リリースでzipファイルをダウンロードして開きます。端末を開き、プロジェクトディレクトリに移動します。

  2. 開発キーを~/sb/backend/.envに挿入します

 SECRET_KEY=<YOUR-KEY>
GMAIL_PASSWORD=<YOUR-PASSWORD>
  1. バックエンドに移動します： 
 cd < your-path > /sb/backend
  1. Python仮想環境を有効にし、依存関係をインストールします。

（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
  1. 次の手順でバックエンドをアクティブにします。 
python3 manage.py makemigrations
python3 manage.py migrate
python3 manage.py runserver
  1. 次に、新しい端末を開き、プロジェクトディレクトリからフロントエンドに移動します。 
 cd < your-path > /sb/frontend
  1. 次のようにフロントエンドを構築します。依存関係はダウンロードされ、コンパイルされます： 
npm install 
npm run build 
nmp start
  1. ブラウザでは、検索バーでhttp：// localhost：3000に移動します。

協力者


メアリークレイ
クリスティン・チョ
アレクサンダー・ラスコフ
カトリーナ・ジャネチコ
ハリソン・フェドール
ジェイ・ニューマン
イアン・タイラー・アップルバウム
拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて