Web Application

CS436-FinalProject

thanathornzdev · ส่วนตัว

CS436 Software Engineer

CS436-FinalProject
ภาพรวมอ่านจบใน 30 วินาที

สรุปโปรเจกต์

ภาพรวม

แอปพลิเคชันเว็บคำนวณ 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 :

  1. เข้าเว็บ https://vercel.com
  2. เลือก New Project
  3. Import Repo นี้จาก GitHub
  4. เลือก Root Directory = 04_Implementation/
  5. ถ้าเป็น Vite ให้เลือก Preset → Vite
  6. กด Deploy

VDO LINK : https://www.youtube.com/watch?v=3KY5YG7HYuc


🎯 How to Use

  1. กรอกส่วนสูง (เซนติเมตร)
  2. กรอกน้ำหนัก (กิโลกรัม)
  3. กดปุ่ม Calculate BMI
  4. ระบบจะแสดง
    • ค่า BMI
    • หมวดหมู่ร่างกาย
    • คำแนะนำสุขภาพ

👨‍💻 Author

Bangkok UniversityCS436 Final Project

  • Thanathorn Kongmak

    • Student ID: 1670702941
    • Role: [เช่น Lead Developer / Coding]
  • Phensinee Theanpakdeepasart

    • Student ID: 1670707320
    • Role: [เช่น Documentation / Testing / Design]

📄 License

โปรเจกต์นี้ใช้เพื่อการศึกษาในรายวิชา CS436 เท่านั้น
ไม่อนุญาตให้นำไปใช้เพื่อการค้าโดยไม่ได้รับอนุญาต สามารถนำไปเป็นแนวคิดตัวอย่างหรือใช้เพื่อการศึกษาได้

Project AI

ถาม AI เกี่ยวกับ CS436-FinalProject

ถามแนวทาง เทคโนโลยี หรือความเหมาะสมของโปรเจกต์นี้กับไอเดียของคุณ

กำลังโหลดแชท / Loading chat…

ผู้มีส่วนร่วม
คุยกับ AI ดูงานคล้ายกันติดต่อจ้างงาน