Development of the FITBUDDY Web Application for Fitness Training and Video-Based Workout Streaming
Keywords:
Exercise, Training Videos, Web Application, Next.js, MySQLAbstract
This research aimed to (1) develop the FITBUDDY web application, (2) analyze and design the FITBUDDY system, and (3) evaluate user satisfaction with the system for exercising and viewing online training videos. The platform focused on content management, providing users with access to training videos, and supporting exercise planning. The system was developed using Next.js to support SSR/SSG rendering and utilizes MySQL as the primary database. Security was enhanced using JWT for authentication and Bcryptjs for password encryption. Formidable was used for video uploads, and a custom icon set was incorporated into the UI design. System development followed a structured requirements analysis process using a 3-Tier architecture, Entity-Relationship Diagrams, and Use Case Diagrams, covering three user roles: administrator, coach, and general user. The development results indicated that the system functions in accordance with the specified requirements. User satisfaction ratings were as follows: system functional accuracy (4.62±0.48), ease of use (4.48±0.61), user interface aesthetics (4.75±0.45), page loading speed (4.53±0.55), and user data security (4.65±0.50), leading to an overall system satisfaction (4.59±0.52). User satisfaction across all six evaluation aspects reached the "highest" level (4.60±0.52), with particular strength in system accuracy, user interface aesthetics, and data security. Therefore, the system was considered suitable for practical use. Future development will focus on adding video recommendation features, notifications, statistical analysis, and a mobile application version to further enhance system efficiency.
References
กรรณิการ์ กมลรัตน์ และอัครพล พิกุลศรี. (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
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Academic Journal of Science and Technology, Dhonburi Rajabhat University

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
