CS436-FinalProject
thanathornzdev · ส่วนตัว
CS436 Software Engineer

สรุปโปรเจกต์
ภาพรวม
แอปพลิเคชันเว็บคำนวณ BMI ที่พัฒนาเป็นโปรเจกต์จบวิชา CS436 Software Engineering โดยรองรับการคำนวณอัตโนมัติ แสดงสถานะสุขภาพ และให้คำแนะนำด้านสุขอนามัยบนอินเทอร์เฟซที่ใช้งานง่ายและรองรับมือถือ
สรุป 30 วินาที
• คำนวณ BMI อัตโนมัติและแสดงผลสถานะพร้อมคำแนะนำสุขภาพทันที • ออกแบบ UI ใช้งานง่ายรองรับมือถือ • พร้อมดีพลอยบนเว็บผ่าน Vercel โดยไม่ต้องติดตั้งโปรแกรมเพิ่ม
เหมาะกับใคร
เหมาะสำหรับนักศึกษาและผู้สนใจทั่วไปที่ต้องการตัวอย่างโปรเจกต์เว็บแอปพลิเคชันเพื่อการศึกษาหรือเครื่องมือติดตามสุขภาพแบบเรียบง่าย
- หมวดหมู่
- Web Application
- ปี
- 2026
- ผู้ดูแลผลงาน
- thanathornzdev
รายละเอียดเพิ่มเติมรายละเอียดเชิงลึก
ระบบคำนวณค่าดัชนีมวลกาย (BMI) ที่พัฒนาขึ้นเพื่อใช้งานบนเว็บเบราว์เซอร์ รองรับการใช้งานผ่านมือถือและเดสก์ท็อป โดยผู้ใช้เพียงกรอกข้อมูลส่วนสูงและน้ำหนัก ระบบจะประมวลผลและแสดงผลค่า BMI พร้อมระบุหมวดหมู่ร่างกายทันที
นอกเหนือจากการคำนวณ ระบบยังแสดงคำแนะนำด้านสุขภาพที่เหมาะสมตามช่วงค่า BMI ที่คำนวณได้ ออกแบบด้วยอินเทอร์เฟซที่เรียบง่ายและใช้งานง่าย เหมาะสำหรับนักเรียน นักศึกษา และบุคคลทั่วไปที่ต้องการติดตามสุขภาพเบื้องต้น
โปรเจกต์นี้จัดทำขึ้นตามกระบวนการวิศวกรรมซอฟต์แวร์ ครอบคลุมตั้งแต่การวิเคราะห์ความต้องการ การออกแบบ UX/UI การพัฒนาโค้ด การทดสอบระบบ ไปจนถึงการนำขึ้น Deploy บนแพลตฟอร์ม Vercel เพื่อความพร้อมในการใช้งานจริง
เอกสารต้นฉบับรายละเอียด (README)
CS436 Final Project — BMI Tracker
โปรเจกต์วิชา CS436 Software Engineering
ระบบคำนวณ BMI พร้อมคำแนะนำด้านสุขภาพ ใช้งานง่าย รองรับมือถือ และมีหน้าเว็บพร้อม Deploy
📌 Live Demo
เปิดใช้งานได้ที่นี่:
👉 https://bmi-tracker-seven.vercel.app
📦 Features
- คำนวณค่า BMI อัตโนมัติจากส่วนสูงและน้ำหนัก
- แจ้งผลสถานะ (ผอม / ปกติ / น้ำหนักเกิน / อ้วน)
- แสดงคำแนะนำด้านสุขภาพตามช่วง BMI
- UI ใช้งานง่าย เหมาะกับนักศึกษาและบุคคลทั่วไป
- รันบนเว็บได้ทันที ไม่ต้องติดตั้งอะไรเพิ่ม
🏗️ Project Structure
01_Requirements/ เอกสารความต้องการ
02_UX_UI_Design/ ออกแบบ UX / UI
03_System_Design/ ออกแบบสถาปัตยกรรมระบบ
04_Implementation/ โค้ดที่รันได้จริง (HTML / CSS / JS)
05_Testing/ เอกสารทดสอบระบบ
06_Deployment_Review/ ขั้นตอน Deploy และสรุปผล
README.md
Source Code อยู่ที่
04_Implementation/
🛠️ Installation & Run (วิธีติดตั้งและรัน)
✔️ กรณีเป็น HTML / CSS / JavaScript ธรรมดา
ไม่ต้องติดตั้งอะไรทั้งสิ้น
เพียงเปิดไฟล์:
04_Implementation/index.html
หรือใช้ Live Server ใน VS Code
(คลิกขวา → Open with Live Server)
🚀 Deployment (Vercel)
วิธีการ Deploy :
- เข้าเว็บ https://vercel.com
- เลือก New Project
- Import Repo นี้จาก GitHub
- เลือก Root Directory =
04_Implementation/ - ถ้าเป็น Vite ให้เลือก Preset → Vite
- กด Deploy
VDO LINK : https://www.youtube.com/watch?v=3KY5YG7HYuc
🎯 How to Use
- กรอกส่วนสูง (เซนติเมตร)
- กรอกน้ำหนัก (กิโลกรัม)
- กดปุ่ม Calculate BMI
- ระบบจะแสดง
- ค่า BMI
- หมวดหมู่ร่างกาย
- คำแนะนำสุขภาพ
👨💻 Author
Bangkok University — CS436 Final Project
-
Thanathorn Kongmak
- Student ID: 1670702941
- Role: [เช่น Lead Developer / Coding]
-
Phensinee Theanpakdeepasart
- Student ID: 1670707320
- Role: [เช่น Documentation / Testing / Design]
📄 License
โปรเจกต์นี้ใช้เพื่อการศึกษาในรายวิชา CS436 เท่านั้น
ไม่อนุญาตให้นำไปใช้เพื่อการค้าโดยไม่ได้รับอนุญาต
สามารถนำไปเป็นแนวคิดตัวอย่างหรือใช้เพื่อการศึกษาได้
ถาม AI เกี่ยวกับ CS436-FinalProject
ถามแนวทาง เทคโนโลยี หรือความเหมาะสมของโปรเจกต์นี้กับไอเดียของคุณ
กำลังโหลดแชท / Loading chat…