การพัฒนาเว็บแอปพลิเคชัน FITBUDDY สำหรับการออกกำลังกายและรับชมวิดีโอการฝึก

ผู้แต่ง

  • พัชรพร อ่อนหนองหว้า
  • วรรณพร จิตรสังวรณ์
  • เอกรัตน์ สุขะสุคนธ์
  • ณัฐคมณ์ ไพศาลวัสยศ -

คำสำคัญ:

ออกกำลังกาย วิดีโอการฝึก เว็บแอปพลิเคชัน Next.js MySQL

บทคัดย่อ

งานวิจัยนี้มีวัตถุประสงค์ (1) เพื่อพัฒนาเว็บแอปพลิเคชัน FITBUDDY (2) เพื่อวิเคราะห์และออกแบบระบบ FITBUDDY และ (3) เพื่อประเมินความพึงพอใจของผู้ใช้ระบบ FITBUDDY สำหรับการออกกำลังกายและรับชมวิดีโอการฝึกออนไลน์ โดยมุ่งเน้นการจัดการเนื้อหา การให้ผู้ใช้เข้าถึงวิดีโอการฝึกและการสนับสนุนการวางแผนการออกกำลังกาย ระบบพัฒนาด้วย Next.js เพื่อรองรับการเรนเดอร์แบบ SSR/SSG และใช้ MySQL เป็นฐานข้อมูลหลัก พร้อมเสริมความปลอดภัยด้วย JWT สำหรับการยืนยันตัวตน และ Bcryptjs สำหรับการเข้ารหัสผ่าน รวมถึงใช้ Formidable สำหรับอัปโหลดวิดีโอและชุดไอคอนในการออกแบบส่วนติดต่อผู้ใช้ การพัฒนาอ้างอิงขั้นตอนการวิเคราะห์ความต้องการ การออกแบบสถาปัตยกรรมแบบ 3-Tier การจัดทำ Entity-Relationship Diagram และ Use Case Diagram ครอบคลุมบทบาทผู้ดูแลระบบโค้ชและผู้ใช้งานทั่วไป ผลการพัฒนาพบว่า ระบบสามารถทำงานตรงตามความต้องการ โดยมีระดับความพึงพอใจ ดังนี้ ด้านความถูกต้องของการทำงานของระบบ (4.62±0.48) ด้านความสะดวกในการใช้งานระบบ (4.48±0.61) ด้านความสวยงามของส่วนติดต่อผู้ใช้ (4.75±0.45) ด้านความรวดเร็วในการโหลดหน้าเว็บ (4.53±0.55) ด้านความปลอดภัยของข้อมูลผู้ใช้ (4.65±0.50) และด้านความพึงพอใจโดยรวมต่อระบบ (4.59±0.52) ผลการประเมินความพึงพอใจของผู้ใช้ใน 6 ด้าน อยู่ในระดับมากที่สุด (4.60±0.52) โดยเฉพาะด้านความถูกต้อง ความสวยงามของส่วนติดต่อผู้ใช้ และความปลอดภัยของข้อมูล ระบบจึงมีความเหมาะสมต่อการใช้งานจริง สำหรับการพัฒนาในอนาคตอาจเพิ่มระบบแนะนำวิดีโอ การแจ้งเตือน การวิเคราะห์สถิติ และการพัฒนาเวอร์ชันมือถือเพื่อเพิ่มประสิทธิภาพยิ่งขึ้น

เอกสารอ้างอิง

กรรณิการ์ กมลรัตน์ และอัครพล พิกุลศรี. (2568). การพัฒนาเว็บแอปพลิเคชันสำหรับบริหารจัดการการเชื่อมโยงแผนภาพโทนสีครามธรรมชาติกับแหล่งผลิตผ้าย้อมคราม. วารสารเทคโนโลยีสารสนเทศ มจพ., 20(1), 12–21.

เกรียงพัธน์ ตินตะสุวรรณ อธิธัช สิรวริศรา และฐิติมา โห้ลำยอง. (2569). แนวคิดการจัดการการดูแลสุขภาพตนเองสำหรับประชาชน. วารสารรัชต์ภาคย์, 66(1), 291–308. ค้นเมื่อ 20 พฤษภาคม 2569, จาก https://so05.tci-thaijo.org/index.php/RJPJ/article/view/285003/189224

ปพิชญา รอดแผ้วพาล. (2565). การศึกษาความเป็นไปได้ในการพัฒนาเว็บแอปพลิเคชันการ ออกกำลังกายด้วยแอนิเมชันในการเสริมสร้างกล้ามเนื้อและการทรงตัวในผู้สูงอายุ สารนิพนธ์ปริญญามหาบัณฑิต, จุฬาลงกรณ์มหาวิทยาลัย. Chula Digital Collections. ค้นเมื่อ 12 เมษายน 2569, จาก https://digital.car.chula.ac.th/chulaetd/10543/

มูลนิธิหัวใจแห่งประเทศไทยในพระบรมราชูปถัมภ์. (2568). เทคโนโลยีเพื่อส่งเสริมการออกกำลัง. ค้นเมื่อ 20 พฤษภาคม 2569, จาก https://www.thaiheartfound.org/Article/Detail/140242

วันเฉลิม พรหมศร, บุญชู บุญลิขิตศิริ, ปรัชญา แก้วแก่น และก้องเกียรติ หิรัญเกิด. (2564). การพัฒนาแอปพลิเคชันเกมออกกำลังกายสำหรับผู้สูงอายุในประเทศไทยเพื่อใช้ป้องกันภาวะ สมองเสื่อมชนิดอัลไซเมอร์. วารสารศิลปกรรมบูรพา, 24(2), 155–171. ค้นเมื่อ 20 มีนาคม 2569, จาก https://buuir.buu.ac.th/bitstream/1234567890/4577/1/art24n2p155-171.pdf

สำนักงานกองทุนสนับสนุนการสร้างเสริมสุขภาพ. (2561). แผนการส่งเสริมกิจกรรมทางกาย (พ.ศ. 2561–2573).

เสาวนีย์ ปรัชญาเกรียงไกร, จุฑามาส ศิริอังกูรวาณิช และสุปราณี ห้อมา. (2567). การพัฒนาระบบสนับสนุนการจัดทดสอบและประเมินผลออนไลน์ของมหาวิทยาลัยราชภัฏธนบุรี. วารสารวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏอุดรธานี, 12(1), 83–103.

อดิเทพ สุภาพักตร์ ธิดานุช พุทธสิมมา อาทิตยา อรุณศรี อนาวิล คำเพ็ชร ภูชิต ภูบาลชื่น และศักดินนท์ หาญพนม. (2566). การพัฒนาเว็บแอปพลิเคชันเพื่อสนับสนุนการให้บริการศูนย์สหกิจศึกษาและพัฒนาอาชีพ มหาวิทยาลัยราชภัฏนครราชสีมา. วารสารวิชาการการประยุกต์ใช้เทคโนโลยีสารสนเทศ, 9(2), 111–121.

อาทิตย์ เข็มทอง และชาญชัย แสงอ่อน. (2565). การส่งเสริมการออกกำลังกายแบบแอโรบิคสำหรับผู้สูงอายุ. วารสารการแพทย์โรงพยาบาลอุดรธานี, 30(1), 177–186.

Alam, M. Z., Hoque, M. R., Hu, W. & Barua, Z. (2020). Factors influencing the adoption of mHealth services in a developing country: A patient-centric study. International Journal of Information Management, 50, 128–143. Retrieved March 2, 2026, from https://doi.org/10.1016/j.ijinfomgt.2019.04.016

Blut, M., Chong, A. Y. L., Tsigna, Z. & Venkatesh, V. (2022). Meta-analysis of the unified theory of acceptance and use of technology (UTAUT): Challenging its validity and charting a research agenda in the red ocean. Journal of the Association for Information Systems, 23(1), 13–95. Retrieved March 2, 2026, from https://aisel.aisnet.org/jais/vol23/iss1/10/

Department of Disease Control. (n.d.). National plan for the prevention and control of non-communicable diseases (2023-2027), Thailand. Retrieved February 12, 2026, from ttps://ddc.moph.go.th/uploads/publish/1625920241004031950.pdf

Dakowicz, J. (2025). What is Next.js framework and why should you use it in 2026 Pagepro. Retrieved March 1, 2026, from https://pagepro.co/blog/what-is-nextjs/

Lucide. (2024). Lucide React: Beautiful & consistent icons for React. Retrieved May 20, 2026, from https://lucide.dev/guide/packages/lucide-react

Oracle Corporation. (2024). MySQL reference manual. Retrieved May 20, 2026, from https://dev.mysql.com/doc/refman/8.0/en/

Physiopedia. (2025). Adherence to home exercise programs. Retrieved February 21, 2026, from https://www.physiopedia.com/Adherence_to_Home_Exercise_Programs

Rovinelli, R. J., & Hambleton, R. K. (1977). On the use of content specialists in the assessment of criterion-referenced test item validity. Tijdschrift Voor Onderwijs Research, 2(2), 49–60.

Vercel. (2024). Next.js: The React Framework for the web. https://nextjs.org/

World Health Organization. (2025). Noncommunicable diseases. Retrieved May 20, 2026, from https://www.who.int/news-room/fact-sheets/detail/noncommunicable-diseases

ดาวน์โหลด

เผยแพร่แล้ว

22-06-2026

รูปแบบการอ้างอิง

อ่อนหนองหว้า พ., จิตรสังวรณ์ ว., สุขะสุคนธ์ เ., & ไพศาลวัสยศ ณ. (2026). การพัฒนาเว็บแอปพลิเคชัน FITBUDDY สำหรับการออกกำลังกายและรับชมวิดีโอการฝึก. วารสารวิชาการวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยราชภัฏธนบุรี, 4(1), A17-A34. สืบค้น จาก https://li04.tci-thaijo.org/index.php/scidru/article/view/9907

ฉบับ

ประเภทบทความ

บทความวิจัย