project virtual pet

เพื่อนร่วมงาน

ทิศทาง

• โปรดนำทางไปยังแอปของเราโดยคลิกที่ลิงค์นี้ (หมายเหตุ: การแพร่กระจาย DNS ใช้เวลานานกับ Temple University ดังนั้นลิงค์ไปยังเว็บไซต์จะไม่ทำงานเมื่อใช้ Wi -Fi ของโรงเรียน - Tusecurewireless โปรดเชื่อมต่อจากเครือข่ายอื่น) เมื่อไปถึงที่นั่นคุณสามารถสร้างบัญชีเลือกสัตว์เลี้ยงและสำรวจเว็บไซต์
• Study Buddy เป็นแอปพลิเคชันเว็บแบบก้าวหน้า (PWA) ซึ่งหมายความว่าเป็นเว็บไซต์ที่คุณสามารถใช้ในเบราว์เซอร์ของคุณหรือสามารถดาวน์โหลดไปยังอุปกรณ์ของคุณและใช้เหมือนแอพ
  • บน iOS: เปิด Safari และนำทางไปยังเว็บไซต์ กดปุ่ม "แบ่งปัน" แล้วเลือก "เพิ่มลงในหน้าจอหลัก" จากป๊อปอัป สุดท้ายให้แตะ "เพิ่ม" ที่มุมขวาบนเพื่อติดตั้ง PWA ให้เสร็จ ตอนนี้จะอยู่บนหน้าจอหลักของคุณ
  • บน Android: เปิดโครเมี่ยมและนำทางไปยังไซต์ กดไอคอน "สามจุด" ที่ด้านบนขวาเพื่อเปิดเมนู เลือก "เพิ่มในหน้าจอหลัก" กดปุ่ม "เพิ่ม" ในป๊อปอัป ตอนนี้ PWA ได้รับการติดตั้งและพร้อมใช้งานบนหน้าจอหลักของคุณ
• หากคุณพบข้อบกพร่องหรือปัญหาใด ๆ โปรดไปที่ไซต์เอกสารของเราและคลิกที่ปุ่ม "รายงานข้อบกพร่อง" ที่อยู่ทางด้านขวามือของหน้า สิ่งนี้จะนำคุณไปสู่แบบฟอร์มข้อเสนอแนะที่คุณสามารถให้รายละเอียดเกี่ยวกับปัญหาที่คุณพบ

คำสำคัญ

มาตรา 704, เว็บแอปพลิเคชัน, JavaScript, HTML, CSS, Python, Django, การศึกษา, การเรียนรู้, การศึกษา, เป้าหมาย, การแจ้งเตือน, สัตว์เลี้ยงเสมือนจริง

บทคัดย่อโครงการ

เอกสารนี้เสนอเว็บแอปพลิเคชันแบบก้าวหน้าซึ่งรวมประโยชน์ของ gamification และการพัฒนาส่วนบุคคลเพื่อปรับปรุงประสบการณ์การศึกษา แอปพลิเคชันช่วยให้ผู้ใช้สามารถดูแลสัตว์เลี้ยงเสมือนจริงซึ่งทำหน้าที่เป็นเพื่อนร่วมการศึกษาและแรงจูงใจ ผู้ใช้สามารถตั้งค่าเป้าหมายรายวันหรือรายสัปดาห์ตั้งค่าการแจ้งเตือนติดตามความคืบหน้าและเชื่อมต่อกับบัญชี Canvas ของพวกเขาเพื่อติดตามการมอบหมาย ความคืบหน้าในเป้าหมายเหล่านี้จะมีอิทธิพลโดยตรงต่อการปรากฏตัวและอารมณ์ของสัตว์เลี้ยงเสมือนจริงความรู้สึกที่สร้างแรงบันดาลใจของแรงจูงใจความเป็นเพื่อนความรับผิดชอบและความเป็นปึกแผ่นในผู้ใช้ ด้วยการใช้แอปพลิเคชันนี้ผู้ใช้จะมีวิธีที่มีส่วนร่วมและมีประสิทธิภาพในการปรับปรุงผลการเรียนของพวกเขา

ความต้องการระดับสูง

แอพต้องการการเชื่อมต่ออินเทอร์เน็ตกับฟังก์ชั่นและสามารถเข้าถึงได้บนอุปกรณ์ใด ๆ ด้วยเว็บเบราว์เซอร์ที่ทันสมัย ผู้ใช้สามารถกำหนดเป้าหมายการศึกษาติดตามความคืบหน้าและเชื่อมต่อกับบัญชี Canvas ของพวกเขา ผู้ใช้จะได้รับรางวัลสำหรับการบรรลุเป้าหมายการศึกษาผ่านระบบจุดซึ่งจำนวนคะแนนที่กำหนดจะขึ้นอยู่กับขนาดของงานที่เสร็จสมบูรณ์ หลังจากถึงจำนวนคะแนนที่กำหนดสัตว์เลี้ยงของผู้ใช้จะเพิ่มระดับ แอพยังรวมเข้ากับผืนผ้าใบทำให้ผู้ใช้สามารถเข้าถึงและติดตามการมอบหมายของพวกเขา ผู้ใช้สามารถตั้งชื่อสัตว์เลี้ยงของพวกเขาและโต้ตอบกับมันและทำงานตามตารางเวลาของพวกเขาที่ส่งผลโดยตรงต่อสภาพและอารมณ์ของสัตว์เลี้ยงของพวกเขาอารมณ์และลักษณะที่ปรากฏของสัตว์เลี้ยงจะได้รับอิทธิพลจากความสามารถของผู้ใช้ในการบรรลุเป้าหมายของพวกเขา

การออกแบบแนวคิด

ส่วนหน้าของแอพจะถูกสร้างขึ้นโดยใช้ JavaScript, React, HTML และ CSS React จะถูกใช้เพื่อสร้างส่วนประกอบ UI และจัดการสถานะของแอปพลิเคชันและ JavaScript, HTML และ CSS จะถูกใช้เพื่อสร้างส่วนต่อประสานผู้ใช้และจัดการการโต้ตอบของผู้ใช้ แบ็กเอนด์จะถูกสร้างขึ้นโดยใช้ Python และ Django เพื่อจัดการการรับรองความถูกต้องของผู้ใช้และการอนุญาตการจัดเก็บข้อมูลและอัลกอริทึมที่กำหนดว่าลักษณะที่ปรากฏของสัตว์เลี้ยงเสมือนจริงเปลี่ยนแปลงไปตามพฤติกรรมการศึกษาของนักเรียนอย่างไร SQLite จะถูกใช้เพื่อจัดเก็บข้อมูลของผู้ใช้เช่นเป้าหมายการศึกษาความคืบหน้าและรางวัล แอปพลิเคชันจะรวมเข้ากับผืนผ้าใบเพื่อให้นักเรียนติดตามการมอบหมายและชั้นเรียนของพวกเขาและรวมถึงพวกเขาเป็นเป้าหมายการศึกษาส่วนบุคคล

พื้นหลัง

ผลิตภัณฑ์ที่คล้ายกันรวมถึงชีวิตการศึกษาและการทดสอบของฉัน เหล่านี้เป็นผลิตภัณฑ์ปิดแหล่งที่มาซึ่งมีจุดมุ่งหมายเพื่อช่วยให้นักเรียนปรับปรุงผลการเรียนของพวกเขา ชีวิตการศึกษาของฉันคือนักวางแผนนักศึกษาออนไลน์ที่ช่วยให้นักเรียนติดตามกำหนดเวลาและชั้นเรียนของพวกเขา Quizlet ช่วยให้นักเรียนสร้างแฟลชการ์ดและแบบทดสอบเพื่อเรียนสำหรับชั้นเรียนของพวกเขา แอป Buddy Study นั้นคล้ายคลึงกับผลิตภัณฑ์เหล่านี้โดยที่เป้าหมายคือการจัดหาทรัพยากรเพื่อช่วยให้นักเรียนประสบความสำเร็จด้านวิชาการและอยู่ด้านบนของหลักสูตร อย่างไรก็ตามแอพนี้ยังรวมถึงแง่มุมที่เป็นเอกลักษณ์ของสหายสัตว์เลี้ยงเสมือนจริงเพื่อช่วยให้พวกเขามีแรงจูงใจในการศึกษา แอป Buddy Study จะรวมถึงคุณสมบัติบางอย่างเช่นเดียวกับ Quizlet และ Life Study ของฉันเช่นการตั้งค่าการแจ้งเตือนหรือการสร้างและการเชื่อมโยงไปยังวัสดุการศึกษา

แอปพลิเคชั่นมือถือแบบปิดแหล่งที่มาอีกชื่อหนึ่งชื่อฟินช์เกี่ยวข้องกับการดูแลสัตว์เลี้ยงเสมือนจริงเพื่อให้บรรลุเป้าหมายการดูแลตนเอง Habitica เป็นเว็บแอปพลิเคชั่นโอเพนซอร์ซซึ่งช่วยให้ผู้ใช้มีเพศสัมพันธ์โดยอนุญาตให้พวกเขาตั้งเป้าหมายสำหรับการติดตามนิสัยส่วนตัว การผสมผสานแนวคิดของการดูแลสัตว์เลี้ยงและงานส่วนตัวและงานวิชาการเช่นเดียวกับในแอปพลิเคชันนี้ด้วยคุณสมบัติของแอพการศึกษาจะช่วยให้ผู้ใช้มีประสบการณ์ที่เป็นส่วนตัวและสนุกสนานมากขึ้น

ทรัพยากรที่จำเป็น

การวิจัยจะต้องดำเนินการกับทรัพยากรซอฟต์แวร์ต่าง ๆ ที่จำเป็นในการทำโครงการนี้ให้เสร็จสมบูรณ์รวมถึง JavaScript, React, HTML/CSS, Django, SQLite และ Canvas API React จะถูกใช้สำหรับส่วนหน้า django สำหรับ back-end และการรวมกันของฐานข้อมูล SQLite กับสคีมาที่กำหนดและจัดการโดย Django และที่เก็บไฟล์แบบคงที่ ทรัพยากรที่จำเป็นคือเซิร์ฟเวอร์ Ubuntu ซึ่งจะทำงานบนแล็ปท็อปเก่าหรือบริการโฮสติ้ง ไม่จำเป็นต้องใช้ทรัพยากรฮาร์ดแวร์อื่น ๆ

คำแนะนำการสร้างท้องถิ่น

ข้อกำหนดเบื้องต้น

• Python 3.8 หรือสูงกว่า

• Pip3 22 หรือสูงกว่า

• NPM 8 หรือสูงกว่า

จำเป็นต้องใช้รหัสลับและรหัสผ่าน Gmail ในไฟล์แบ็กเอนด์ .env สำหรับโครงการที่จะเรียกใช้อย่างถูกต้อง หากคุณเป็นนักพัฒนาที่ได้รับอนุมัติในโครงการนี้ให้ติดต่อทีมของคุณเพื่อรับข้อมูลรับรองที่จำเป็น การปรับเปลี่ยนซอร์สโค้ดรหัสแบ็กเอนด์จะต้องใช้เพื่อส่งการตรวจสอบอีเมลเกี่ยวกับการลงทะเบียนผู้ใช้ ทีมงานของเรายินดีที่จะช่วยเหลือคุณผ่านกระบวนการนี้

ตั้งค่า

1. ดาวน์โหลดไฟล์ zip ในรีลีสและเปิด เปิดเทอร์มินัลจากนั้นนำทางไปยังไดเรกทอรีโครงการ

2. แทรกปุ่มพัฒนาของคุณไปที่ ~/sb/backend/.env

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

3. นำทางไปยังแบ็กเอนด์:

 cd < your-path > /sb/backend 

4. เปิดใช้งานสภาพแวดล้อมเสมือนจริงของ Python และติดตั้งการพึ่งพา:

(MacOS/UNIX)

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

หน้าต่าง

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

5. เปิดใช้งานแบ็กเอนด์ด้วยคำแนะนำต่อไปนี้:

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

6. ตอนนี้เปิดเทอร์มินัลใหม่และจากไดเรกทอรีโครงการนำทางไปยังส่วนหน้า:

 cd < your-path > /sb/frontend

7. สร้างส่วนหน้าดังนี้ การพึ่งพาจะถูกดาวน์โหลดและรวบรวมสำหรับคุณ:

npm install 
npm run build 
nmp start

8. ในเบราว์เซอร์ของคุณนำทางในแถบค้นหาไปที่ http: // localhost: 3000

ผู้ทำงานร่วมกัน

Mary Clay

คริสตินโช

Alexander Russakoff

Katrina Janeczko

แฮร์ริสันเฟดอร์

เจย์นิวแมน

Ian Tyler Applebaum