project virtual pet

Study Buddy

Arah

• Harap arahkan ke aplikasi kami dengan mengklik tautan ini. (Catatan: Perambatan DNS membutuhkan waktu lama dengan Temple University sehingga tautan ke situs tidak akan berfungsi saat menggunakan Wi -Fi - TusecureWireless. Harap terhubung dari jaringan lain). Sesampai di sana, Anda dapat membuat akun, memilih hewan peliharaan, dan menjelajahi situs.
• Study Buddy adalah aplikasi web progresif (PWA). Ini berarti ini adalah situs web yang dapat Anda gunakan di browser Anda, atau dapat diunduh ke perangkat Anda dan digunakan seperti aplikasi.
  • Di iOS: Buka Safari dan Navigasikan ke Situs. Tekan tombol "Bagikan" dan pilih "Tambahkan ke layar beranda" dari popup. Terakhir, ketuk "Tambahkan" di sudut kanan atas untuk menyelesaikan pemasangan PWA. Sekarang akan berada di layar beranda Anda.
  • Di Android: Buka Chrome dan navigasikan ke situs. Tekan ikon "Three Dot" di kanan atas untuk membuka menu. Pilih "Tambahkan ke Layar Beranda." Tekan tombol "Tambahkan" di popup. PWA sekarang diinstal dan tersedia di layar beranda Anda.
• Jika Anda menemukan bug atau masalah, silakan kunjungi situs dokumentasi kami dan klik tombol "Laporan Bug" yang terletak di sisi kanan halaman. Ini akan membawa Anda ke formulir umpan balik di mana Anda dapat memberikan detail tentang masalah yang Anda temui.

Kata kunci

Bagian 704, Aplikasi Web, Javascript, HTML, CSS, Python, Django, Pendidikan, Pembelajaran, Belajar, Tujuan, Pengingat, Pet Virtual

Abstrak Proyek

Dokumen ini mengusulkan aplikasi web progresif yang menggabungkan manfaat gamifikasi dan pengembangan pribadi untuk meningkatkan pengalaman studi. Aplikasi ini memungkinkan pengguna untuk merawat hewan peliharaan virtual, yang berfungsi sebagai pendamping dan motivator studi. Pengguna dapat menetapkan tujuan harian atau mingguan, menetapkan pengingat, melacak kemajuan mereka, dan terhubung dengan akun kanvas mereka untuk melacak penugasan. Kemajuan pada tujuan -tujuan ini akan secara langsung mempengaruhi penampilan dan suasana hati hewan peliharaan virtual, perasaan motivasi, persahabatan, tanggung jawab, dan solidaritas yang menginspirasi pada pengguna. Dengan menggunakan aplikasi ini, pengguna akan memiliki cara yang menarik dan efektif untuk meningkatkan kinerja akademik mereka.

Persyaratan tingkat tinggi

Aplikasi ini membutuhkan koneksi internet untuk berfungsi, dan dapat diakses pada perangkat apa pun dengan browser web modern. Pengguna dapat menetapkan tujuan studi, melacak kemajuan mereka, dan terhubung dengan akun Canvas mereka. Pengguna akan dihargai untuk mencapai tujuan studi mereka melalui sistem titik, di mana jumlah poin yang diberikan akan tergantung pada ukuran tugas yang diselesaikan. Setelah mencapai sejumlah poin, hewan peliharaan pengguna akan naik level. Aplikasi ini juga terintegrasi dengan kanvas, memungkinkan pengguna untuk mengakses dan melacak tugas mereka. Pengguna dapat memberi nama hewan peliharaan mereka dan berinteraksi dengannya, dan melakukan tugas pada jadwal mereka yang secara langsung mempengaruhi kondisi dan suasana hati hewan peliharaan mereka. Suasana hati dan penampilan hewan peliharaan akan dipengaruhi oleh kemampuan pengguna untuk mencapai tujuan mereka.

Desain Konseptual

Frontend aplikasi akan dibangun menggunakan JavaScript, React, HTML, dan CSS. React akan digunakan untuk membangun komponen UI dan mengelola keadaan aplikasi, dan JavaScript, HTML, dan CSS akan digunakan untuk membuat antarmuka pengguna dan menangani interaksi pengguna. Backend akan dibangun menggunakan Python dan Django untuk menangani otentikasi dan otorisasi pengguna, penyimpanan data, dan algoritma yang menentukan bagaimana penampilan PET virtual berubah berdasarkan kebiasaan belajar siswa. SQLite akan digunakan untuk menyimpan data pengguna, seperti tujuan studi, kemajuan, dan penghargaan mereka. Aplikasi ini juga akan berintegrasi dengan kanvas untuk memungkinkan siswa melacak tugas dan kelas mereka dan memasukkan mereka sebagai tujuan studi pribadi.

Latar belakang

Produk serupa termasuk Life dan Quizlet saya. Keduanya adalah produk sumber tertutup yang bertujuan untuk membantu siswa meningkatkan kinerja akademik mereka. Life Study saya adalah perencana siswa online yang memungkinkan siswa untuk melacak tenggat waktu dan kelas mereka. Quizlet memungkinkan siswa untuk membuat kartu flash dan kuis untuk belajar untuk kelas mereka. Studie Buddy App mirip dengan produk -produk ini karena tujuannya adalah untuk menyediakan sumber daya untuk membantu siswa berhasil secara akademis dan tetap di atas kursus mereka. Namun, aplikasi ini juga menggabungkan aspek unik dari teman hewan peliharaan virtual untuk membantu mereka tetap termotivasi untuk belajar. Studie Buddy App akan mencakup beberapa fitur yang sama seperti Quizlet dan My Study Life, seperti pengaturan pengingat atau membuat dan menghubungkan ke materi belajar.

Aplikasi seluler sumber tertutup lainnya, berjudul Finch, melibatkan merawat hewan peliharaan virtual untuk mencapai tujuan perawatan diri. Habitica adalah aplikasi web open-source yang membantu pengguna mempermainkan hidup mereka dengan memungkinkan mereka menetapkan tujuan untuk mengikuti kebiasaan pribadi. Menggabungkan konsep merawat hewan peliharaan dan tugas -tugas pribadi dan akademik yang gamify, seperti dalam aplikasi ini, dengan fitur -fitur aplikasi studi, akan memungkinkan pengguna pengalaman yang lebih personal dan menyenangkan untuk berhasil dalam kegiatan akademik mereka.

Sumber daya yang diperlukan

Penelitian perlu dilakukan pada berbagai sumber daya perangkat lunak yang diperlukan untuk menyelesaikan proyek ini, termasuk JavaScript, React, HTML/CSS, Django, SQLite, dan Canvas API. React akan digunakan untuk front-end, django untuk back-end, dan kombinasi database SQLite dengan skema yang ditentukan dan dikelola oleh Django dan toko file statis. Sumber daya yang diperlukan adalah server Ubuntu yang akan dijalankan pada laptop lama atau layanan hosting akan digunakan. Tidak ada sumber daya perangkat keras lain yang diperlukan.

Instruksi Bangun Lokal

Prasyarat

• Python 3.8 atau lebih tinggi

• Pip3 22 atau lebih tinggi

• NPM 8 atau lebih tinggi

Kunci rahasia dan kata sandi Gmail akan diperlukan di file .env backend untuk proyek berjalan dengan benar. Jika Anda adalah pengembang yang disetujui di proyek ini, hubungi tim Anda untuk menerima kredensial yang diperlukan. Modifikasi kode sumber kode backend akan diperlukan untuk mengirim verifikasi email tentang pendaftaran pengguna. Tim kami dengan senang hati membantu membimbing Anda melalui proses ini.

Mendirikan

1. Unduh file zip di rilis dan buka. Buka terminal, lalu arahkan ke direktori proyek.

2. Masukkan kunci pengembangan Anda ke ~/sb/backend/.env

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

3. Arahkan ke backend:

 cd < your-path > /sb/backend 

4. Aktifkan lingkungan virtual Python dan instal dependensi:

(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. Aktifkan backend dengan instruksi berikut:

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

6. Sekarang, buka terminal baru dan dari direktori proyek, navigasikan ke frontend:

 cd < your-path > /sb/frontend

7. Bangun frontend sebagai berikut. Ketergantungan akan diunduh dan dikompilasi untuk Anda:

npm install 
npm run build 
nmp start

8. Di browser Anda, navigasikan di bilah pencarian ke http: // localhost: 3000.

Kolaborator

Mary Clay

Christine Cho

Alexander Russakoff

Katrina Janeczko

Harrison Fedor

Jay Newman

Ian Tyler Applebaum