คู่มือผู้ใช้งาน

1. 1เปิดเว็บเบราว์เซอร์ — เปิดเว็บเบราว์เซอร์ที่รองรับ (แนะนำ Google Chrome, Firefox, Edge หรือ Safari) แล้วพิมพ์ URL ของระบบ SkillLab
2. 2หน้า Sign In จะปรากฏขึ้น — ระบบจะแสดงหน้าเข้าสู่ระบบพร้อมโลโก้ SkillLab หากถูกพาไปหน้าอื่น แสดงว่ายังมี session เก่าค้างอยู่ ให้กดออกจากระบบก่อน
3. 3กรอกชื่อผู้ใช้งาน — ในช่อง "Email or UID": นักศึกษา/อาจารย์ ใส่ UID เช่น 64070123 หรืออีเมล KMITL | Admin/Admin Master ใส่อีเมลที่ได้รับจากผู้ดูแลระบบ
4. 4กรอกรหัสผ่าน — ใส่รหัสผ่านในช่อง "Password"
5. 5ยืนยัน Captcha — คลิกที่กล่อง Turnstile Captcha เพื่อยืนยันว่าไม่ใช่บอท
6. 6กดปุ่ม Sign In — กดปุ่ม "Sign in" สีส้ม ระบบจะแสดงหน้าจอโหลดพร้อมข้อความ "Signing in... Please wait"
7. 7เข้าสู่ระบบสำเร็จ — แสดงข้อความ "Login successful" สีเขียว และระบบจะพาไปยังหน้าที่เหมาะสมกับบทบาทของคุณ

1. 1คลิกที่ไอคอนรูปโปรไฟล์หรือชื่อผู้ใช้ที่มุมขวาบนของหน้าจอ
2. 2เลือก "Sign Out" จากเมนูที่ปรากฏ
3. 3ระบบจะพากลับไปหน้า Sign In โดยอัตโนมัติ

หลังจากเข้าสู่ระบบ นักศึกษาจะเห็นหน้าหลัก (/app) ซึ่งเป็นจุดเริ่มต้นสำหรับการใช้งานระบบ

① Welcome Banner — แสดงชื่อและบทบาทของผู้ใช้งาน พร้อมปุ่มลัด "Browse Equipment" และ "My Requests"

② Featured Equipment — แสดงครุภัณฑ์ที่พร้อมให้ยืม (สถานะ Available) แบบสุ่มจากระบบ

③ Recent Requests — แสดงคำขอยืม 5 รายการล่าสุดพร้อมสถานะปัจจุบัน

④ How to Borrow — แผนภาพขั้นตอนการยืม: Browse → Add to Cart → Review Cart → Checkout → Confirmed

⑤ Floating Cart — ไอคอนตะกร้าสีส้มมุมล่างขวา แสดงจำนวนรายการในตะกร้า คลิกเพื่อไปหน้าตะกร้า

ไปที่เมนู "Equipment" ในแถบนำทาง หรือกดปุ่ม "Browse Equipment" จากหน้าหลัก

1. 1พิมพ์คำค้นหา — พิมพ์ชื่อครุภัณฑ์ในช่อง "Search equipments..." ระบบจะกรองรายการแบบ real-time ทันทีขณะพิมพ์
2. 2เปิดแผงตัวกรอง (ไม่บังคับ) — Desktop: แถบกรองอยู่ด้านซ้ายตลอดเวลา | Mobile/Tablet: กดปุ่ม "Filters" มุมขวาบน
3. 3เลือกตัวกรอง — Category: คลิกเลือกหมวดหมู่ | Equipment Type: คลิกเลือกประเภท | กด "All" เพื่อยกเลิก
4. 4อ่านข้อมูลจากการ์ด — แสดง 2 ส่วน: Equipment Sets (ชุดครุภัณฑ์) และ Individual Equipment (ครุภัณฑ์รายชิ้น)
5. 5โหลดเพิ่มเติม — เลื่อน scroll ลง ระบบจะโหลดรายการเพิ่มอัตโนมัติ (Infinite Scroll)

1. 1เปิดหน้ารายละเอียด — กดปุ่ม "View Details" ที่ด้านล่างการ์ด หรือคลิกที่รูปภาพ/ชื่อครุภัณฑ์
2. 2อ่านข้อมูลครุภัณฑ์ — ดูข้อมูล: ชื่อ, Asset ID, สถานะ, หมวดหมู่, ประเภท, จำนวนคงเหลือ, สถานที่, ยี่ห้อ, รายละเอียด, Manual URL
3. 3ดูรูปภาพ — คลิกที่รูปภาพเพื่อขยายดูในโหมด Lightbox
4. 4เพิ่มลงตะกร้า — กดปุ่ม "Add to Cart" ด้านล่าง หรือปรับจำนวนก่อนกด

ระบบการยืมครุภัณฑ์ทำงานเหมือนตะกร้าสินค้าออนไลน์ ผู้ใช้สามารถเลือกครุภัณฑ์หลายชิ้นก่อนส่งคำขอยืมครั้งเดียว

วิธีเพิ่มครุภัณฑ์แต่ละชิ้น (Individual Equipment)

1. 1กดปุ่ม "Add to Cart" — จากการ์ดในหน้ารายการ หรือปุ่มในหน้ารายละเอียด
2. 2ระบุจำนวน — กรอกจำนวนที่ต้องการยืม ไม่เกิน Remaining Stock
3. 3รับการยืนยัน — ระบบแสดง Toast Notification สีเขียว "Added to cart" และ Floating Cart อัปเดตทันที

วิธีเพิ่มชุดครุภัณฑ์ (Equipment Set)

1. 1หาชุดครุภัณฑ์ — ชุดครุภัณฑ์อยู่ในส่วนบนของหน้า Equipment
2. 2กดปุ่ม "Add Set to Cart" — ชุดครุภัณฑ์ทั้งชุดจะถูกเพิ่มลงตะกร้าพร้อมกัน

1. 1ไปยังหน้าตะกร้า — คลิกที่ Floating Cart (มุมล่างขวา) หรือเมนู "Cart"
2. 2ดู Step Indicator — แถบความคืบหน้า: Cart → Checkout → Confirmed
3. 3ตรวจสอบรายการ — แต่ละรายการแสดง รูปภาพ, ชื่อ, ประเภท, จำนวน และ Badge สถานะ
4. 4ตรวจสอบสต็อก — ระบบตรวจสต็อกอัตโนมัติเมื่อเปิดหน้า หากสต็อกไม่พอจะแสดงแจ้งเตือนสีแดง
5. 5ปรับจำนวน — ใช้ปุ่ม + / - หรือกรอกตัวเลขในช่อง Input
6. 6ลบรายการ — กดปุ่ม "Remove" (ไอคอนถังขยะ)
7. 7ดูสรุปก่อน Checkout — ด้านล่างแสดงสรุปจำนวนรายการ
8. 8ไปยัง Checkout — กดปุ่ม "Proceed to Checkout" สีส้ม ระบบจะตรวจสต็อกอีกครั้งก่อนไป

หน้า Checkout คือขั้นตอนสุดท้ายก่อนส่งคำขอยืมจริง ต้องกรอกข้อมูลวันที่และหมายเหตุ

1. 1ตรวจสอบสรุปรายการ — แบ่งเป็น Returnable Items (ต้องคืน) และ Consumable Items (ไม่ต้องคืน)
2. 2กรอก Borrow Date — เลือกวันที่ต้องการรับครุภัณฑ์ (วันนี้ถึง 30 วันข้างหน้า)
3. 3กรอก Due Date — เลือกวันที่คาดว่าจะคืน (ต้องอยู่หลัง Borrow Date, จำเป็นเฉพาะ Returnable Items)
4. 4กรอก Notes (ไม่บังคับ) — กรอกข้อมูลเพิ่มเติม เช่น วัตถุประสงค์ ห้องที่ใช้งาน
5. 5กดปุ่ม "Submit Request" — ระบบจะตรวจสต็อกอีกครั้งก่อนบันทึก
6. 6คำขอถูกส่งสำเร็จ — แสดง "Request submitted successfully" ล้างตะกร้า และพาไปหน้า My Requests

หน้า My Requests ใช้สำหรับติดตามสถานะคำขอยืมครุภัณฑ์ทุกรายการของตัวเอง

1. 1เข้าหน้า My Requests — ไปที่เมนู "My Requests" หรือกดปุ่มจากหน้าหลัก
2. 2ค้นหาและกรอง — ช่องค้นหา: ชื่อครุภัณฑ์ | Dropdown: กรองตามสถานะ
3. 3อ่านข้อมูลในการ์ด — รูปภาพ, ชื่อ, Badge สถานะ, วันที่ยื่น, วัน Due Date, จำนวนวันที่เหลือ
4. 4ดูรายละเอียดคำขอ — คลิกการ์ดหรือกด "View Details" เพื่อเปิดหน้ารายละเอียดเต็ม
5. 5ยกเลิกคำขอ (Pending เท่านั้น) — กดไอคอน 3 จุด → เลือก "Cancel Request" → ยืนยัน
6. 6กรณี Overdue — ติดต่อ Admin โดยตรงเพื่อดำเนินการคืนครุภัณฑ์
7. 7Pagination — หากมีมากกว่า 10 รายการ กด "Previous" / "Next" ด้านล่าง

ไปที่เมนู "Profile" หรือคลิกที่ไอคอนโปรไฟล์มุมขวาบน หน้า Profile แบ่งเป็น 3 แท็บ

แท็บ Overview — แสดงข้อมูลบัญชีปัจจุบัน เช่น ชื่อ อีเมล บทบาท และสถิติการยืม

แท็บ Profile — แก้ไขข้อมูลส่วนตัว: Display Name, Bio, Job Title, Phone Number แล้วกด "Save Changes"

แท็บ Security — กรอกรหัสผ่านปัจจุบัน และรหัสผ่านใหม่ 2 ครั้ง แล้วกด "Change Password"

ระบบมีกระดิ่งแจ้งเตือน (Notification Bell) อยู่ที่ Navbar ด้านบนขวา สำหรับผู้ใช้งานทุกบทบาท

1. 1กดที่ไอคอนกระดิ่ง [icon:i-lucide-bell text-orange-500] — แผง Notifications Slideover จะเลื่อนออกมาจากด้านขวา
2. 2อ่านรายการแจ้งเตือน — แต่ละรายการแสดง ไอคอน, ข้อความ และเวลาที่เกิดเหตุการณ์
3. 3คลิกที่รายการ — เพื่อนำทางไปยังหน้าที่เกี่ยวข้อง
4. 4ทำเครื่องหมายว่าอ่านแล้ว — การแจ้งเตือนจะถูกทำเครื่องหมายอัตโนมัติเมื่อเปิดแผง

Q: ฉันยืมครุภัณฑ์ได้กี่ชิ้นในครั้งเดียว?
A: ไม่มีการจำกัดจำนวนรายการในตะกร้า แต่ขึ้นอยู่กับจำนวนสต็อกที่มีในระบบ ณ ขณะนั้น

Q: หลังจากส่งคำขอแล้ว จะรู้ได้อย่างไรว่าได้รับการอนุมัติ?
A: ดูสถานะได้ที่หน้า "My Requests" สถานะจะเปลี่ยนจาก Pending เป็น Approved เมื่อได้รับการอนุมัติ

Q: ถ้าต้องการยกเลิกคำขอที่ส่งไปแล้ว ทำอย่างไร?
A: ไปที่หน้า "My Requests" → กดเมนู 3 จุดของคำขอ → เลือก "Cancel Request" ทำได้เฉพาะคำขอที่สถานะ Pending เท่านั้น

Q: ถ้าลืมคืนครุภัณฑ์และสถานะเป็น Overdue จะเกิดอะไรขึ้น?
A: ระบบจะแสดงข้อความเตือนในหน้า My Requests ให้ติดต่อ Admin โดยตรงเพื่อดำเนินการคืน

Q: สามารถดูว่าครุภัณฑ์อยู่ที่ไหนได้หรือไม่?
A: ดูได้จากฟิลด์ "Place" ในหน้ารายละเอียดครุภัณฑ์

Q: ทำไมปุ่ม "Add to Cart" เป็นสีเทาและกดไม่ได้?
A: เกิดจากสาเหตุใดสาเหตุหนึ่ง: (1) ครุภัณฑ์มีสถานะ Maintenance หรือ Pending (2) Remaining Stock เป็น 0

Q: เข้าระบบด้วย UID แล้วไม่ผ่าน ทำอย่างไร?
A: ตรวจสอบว่า UID และรหัสผ่าน KMITL ถูกต้อง หากยังไม่ผ่านให้ติดต่อ Admin เพื่อตรวจสอบบัญชี

เพื่อให้ผู้ดูแลระบบสามารถช่วยเหลือได้รวดเร็ว กรุณาเตรียมข้อมูลต่อไปนี้

1. 1ชื่อผู้ใช้งาน / UID — บัญชีที่พบปัญหา
2. 2วันและเวลา — ที่เกิดปัญหา
3. 3หน้าที่ใช้งาน — URL หรือชื่อหน้าในระบบ
4. 4รายละเอียดปัญหา — อธิบายสิ่งที่เกิดขึ้น และสิ่งที่คาดว่าควรเกิดขึ้น
5. 5ภาพหน้าจอ — ถ่ายภาพหน้าจอที่แสดงข้อผิดพลาด (ถ้ามี)