• Introduction

Navigation

Resources

Tasks

WorkFlow

Courses

Projects

Notes

Snippets

Database

<aside> <img src="data:image/svg+xml,%3csvg stroke-width='1.5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-kkgvcbqutteahyrkunvzpl-1%7bfill:none%3bstroke:%23888888%3bstroke-miterlimit:10%3b%3b%7d%3c/style%3e%3c/defs%3e%3cg id='brain'%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M12 4.36v16.23a1.92 1.92 0 0 1-1.91 1.91 1.93 1.93 0 0 1-1.91-1.91 2.45 2.45 0 0 1-.48 0 3.35 3.35 0 0 1-3.34-3.34 3.19 3.19 0 0 1 .08-.7 4.29 4.29 0 0 1-.84-7.76 3.24 3.24 0 0 1-.19-1.09 3.34 3.34 0 0 1 2.86-3.3 2.87 2.87 0 0 1 5.73 0Z'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M6.75 11.05a3.35 3.35 0 0 1 0-6.69'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M8.18 13.91A3.82 3.82 0 0 1 12 17.73'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M9.14 7.23A2.86 2.86 0 0 0 12 4.36'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M12 4.36v16.23a1.92 1.92 0 0 0 1.91 1.91 1.93 1.93 0 0 0 1.91-1.91 2.45 2.45 0 0 0 .48 0 3.35 3.35 0 0 0 3.34-3.34 3.19 3.19 0 0 0-.08-.7 4.29 4.29 0 0 0 .84-7.76 3.24 3.24 0 0 0 .19-1.09 3.34 3.34 0 0 0-2.86-3.3 2.87 2.87 0 0 0-5.73 0Z'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M17.25 11.05a3.35 3.35 0 0 0 0-6.69'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M15.82 13.91A3.82 3.82 0 0 0 12 17.73'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M14.86 7.23A2.86 2.86 0 0 1 12 4.36'/%3e%3c/g%3e%3c/svg%3e" alt="data:image/svg+xml,%3csvg stroke-width='1.5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-kkgvcbqutteahyrkunvzpl-1%7bfill:none%3bstroke:%23888888%3bstroke-miterlimit:10%3b%3b%7d%3c/style%3e%3c/defs%3e%3cg id='brain'%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M12 4.36v16.23a1.92 1.92 0 0 1-1.91 1.91 1.93 1.93 0 0 1-1.91-1.91 2.45 2.45 0 0 1-.48 0 3.35 3.35 0 0 1-3.34-3.34 3.19 3.19 0 0 1 .08-.7 4.29 4.29 0 0 1-.84-7.76 3.24 3.24 0 0 1-.19-1.09 3.34 3.34 0 0 1 2.86-3.3 2.87 2.87 0 0 1 5.73 0Z'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M6.75 11.05a3.35 3.35 0 0 1 0-6.69'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M8.18 13.91A3.82 3.82 0 0 1 12 17.73'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M9.14 7.23A2.86 2.86 0 0 0 12 4.36'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M12 4.36v16.23a1.92 1.92 0 0 0 1.91 1.91 1.93 1.93 0 0 0 1.91-1.91 2.45 2.45 0 0 0 .48 0 3.35 3.35 0 0 0 3.34-3.34 3.19 3.19 0 0 0-.08-.7 4.29 4.29 0 0 0 .84-7.76 3.24 3.24 0 0 0 .19-1.09 3.34 3.34 0 0 0-2.86-3.3 2.87 2.87 0 0 0-5.73 0Z'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M17.25 11.05a3.35 3.35 0 0 0 0-6.69'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M15.82 13.91A3.82 3.82 0 0 0 12 17.73'/%3e%3cpath class='cls-kkgvcbqutteahyrkunvzpl-1' d='M14.86 7.23A2.86 2.86 0 0 1 12 4.36'/%3e%3c/g%3e%3c/svg%3e" width="40px" />

TEAM Project : Lucky Draw

• Tools </aside>

Resources

All about the project is in resources

Tasks

What did we do today? You can see it in tasks.

<aside>

ระบบสุ่มของรางวัล (Lucky Draw)

1. ให้ผู้สร้างหรือ Host สร้างห้องโดยเพิ่มชื่อห้องและรหัส (ลง Database)
2. จากนั้นให้ผู้สร้างจัดการชื่อรางวัล รูปรางวัลและจำนวน (ลง Database)
3. ต่อไปให้ผู้สร้างสามารถนำ file excel หัว Column มี (วันที่กรอก’ซึ่งไม่ได้นำมาใช้', คำนำหน้า, ชื่อ, นามสกุล, รหัสบัตรประชาชน/รหัสสมาชิก, สถานะ(Position), เข้าร่วม) รายชื่อผู้เล่น import เข้ามาในห้องเพื่อทำการเลือกเงื่อนไขของการสุ่มรางวัล (ลง Database) และทำการเช็คคนที่มา
4. จากนั้นขั้นตอนการสุ่มโดยผู้สร้างห้องทำการเลือกรางวัลที่ต้องการสุ่ม
5. พอเลือกรางวัลแล้วให้ทำการเลือกเงื่อนไขของการสุ่มของรางวัลชิ้นนี้ เช่น ตำแหน่ง จำนวนรางวัล คนที่ได้รับรางวัลแล้วหรือยังไม่ได้รับ
6. เลือกเงื่อนไขเสร็จ ให้ผู้สร้างทำการสุ่มคนที่จะได้รับรางวัล จากนั้นจะแสดงหน้าผู้ที่ได้รับ พอกดตกลง ข้อมูลก็จะ (ลง Database) และจะลดจำนวนรางวัลที่มีใน Database ลง ต่อไปจะเลือกทำการเลือกสุ่มต่อหรือไปหน้าสรุปผล
7. หน้าสรุปผลคนที่ได้รับ </aside>

<aside>

Requirement (Lucky draw)

• โปรแกรมสุ่มรางวัลโดยใช้การ Import File ผู้เล่น
• สามารถเลือกเงื่อนไขต่างๆ ในการสุ่มได้เช่น จำนวนรางวัล(รอบ) สถานะ(ตำแหน่ง) เข้าร่วม(เข้าร่วม,ไม่เข้าร่วม)

ปัญหาที่ทำให้เกิดโปรเจคนี้

• การสุ่มรางวัลหลายๆพื้นที่ยังใช้วิธีการสุ่มโดยใช้การเขียนกระดาษและจับซึ่งทำให้เสียเวลา
• โปรแกรมที่มีอยู่ล้าหลังจึงต้องการโปรแกรมเพื่อตอบสนองความต้องการได้จึงได้พัฒนาโปรแกรมนี้ขึ้นมา </aside>

<aside>

Meeting Summarize

<aside> 💡

สรุปการประชุม ณ วันที่ 26/05/2025 ครับ

สำหรับวันนี้ก็ได้มีการเสนอความก้าวหน้าครั้งสุดท้ายของโปรเจคการสุ่มรางวัล และการห้องจองประชุม

การห้องจองประชุม

ในส่วนของการจองห้องประชุมได้นำเสนอ ความก้าวหน้าของโปรแกรมทั้งฝั่ง admin และ users ตอนนี้โปรแกรมฟังก์ชันหลักๆ ครบสมบูรณ์ตาม requirement ที่ต้องการแต่อาจจะมีผิดพลาดในการนำเสนอบ้างทำให้ต้องไปฝึกการพรีเซนต์โปรเจคให้เข้าใจ

สิ่งที่ต้องเพิ่มเติม

• ฝึกการพรีเซนต์โปรเจค

การสุ่มรางวัล Lucky Draw

ในส่วนของการสุ่มรางวัลก็ได้นำเสนอความก้าวหน้าของโปรเจคที่ได้พัฒนา ตอนนี้ทางโปรแกรม Feature หลักก็ถือว่าสมบูรณ์แล้วแต่อาจจะผิดพลาดบ้างใน function การสุ่มในการ progress แล้วก็ได้ feedback จากรุ่นพี่กอล์ฟให้ไปเช็คเงื่อนไขการแสดงของห้องโดยให้เช็คจากห้องที่มีรางวัลและผู้เล่นอยู่จึงจะแสดง

สิ่งที่ต้องเพิ่มเติม

• แก้ไข error ใน function สุ่ม
• เพิ่มเติม check การแสดงห้องเฉพาะห้องที่มีรางวัลและห้องที่มีผู้เล่น
• เพิ่มเติม เมื่อรางวัลหมดให้มีการจบเกม </aside>

<aside> 💡

สรุปการประชุม ณ วันที่ 19/05/2025 ครับ

วันนี้ได้มีการเสนอความก้าวหน้าของโปรเจคการสุ่มรางวัล และการห้องจองประชุม

การห้องจองประชุม

ในส่วนของการจองห้องประชุมได้นำเสนอ ความก้าวหน้าของโปรแกรมทั้งฝั่ง admin และ users ตอนนี้โปรแกรมก็ถือว่าสามารถทำงานได้ดีเราได้ทดสอบทั้งการจองโปรแกรมโดยลองจองวันและเวลาซ้ำเพื่อหา error ก็ได้ดักไว้เป็นที่เรียบร้อย และได้ปรับหน้า Dashboard ให้สามมารถแสดงผลห้องที่มีการจองมาเยอะๆได้โดยการกดดูเพิ่มเติม

สิ่งที่ต้องเพิ่มเติม

• ตอนนี้มีการเรียกใช้ API ซ้ำ แก้ไขการส่ง API
• เพิ่ม Sweet alert
• แก้ไข list booking ในการ Search page
• แก้ไข Style เพิ่มเติม
• แก้ไข Function การจองซ้ำ

การสุ่มรางวัล Lucky Draw

ในส่วนของการสุ่มรางวัลก็ได้นำเสนอความก้าวหน้าของโปรเจคที่ได้พัฒนา ตอนนี้ทางโปรแกรม Feature หลักก็ถือว่าสมบูรณ์แล้ว ที่ทำเพิ่มก็เป็นหน้า Dashboard และ Back-end ที่เปลี่ยนไปใช้ Helper ในการอัพโหลดรูปขึ้น Cloudinary แล้วก็มี Feature ใหม่เพิ่มมาคือการเพิ่มผู้เล่นเผื่อมีผู้เล่นมาเพิ่มจะสามารถเพิ่มผู้เล่นได้ และสามารถค้นหาผู้เล่นเพื่อเปลี่ยนสถานะการเข้าร่วมได้ ในหน้าการสุ่มก็ได้มีการปรับแต่งเพิ่มเติม แล้วก็ได้สร้าง Template Google Form สำหรับลงทะเบียนให้ผู้ลงทะเบียน

สิ่งที่ต้องเพิ่มเติม

• เพิ่ม Feature Generate QR-Code Template Form และ Generate Form เพื่อให้ผู้เล่นสามารถลงทะเบียนผ่านเว็บไซต์ได้
• เพิ่ม Feature การเข้าห้องที่สร้างไว้และเพิ่มรหัสในการสร้างห้องเพื่อป้องกันข้อมูลส่วนตัวของ Player ในห้องหรือจะสร้างแบบไม่ใช้รหัสก็ได้
• เพิ่ม Sweet alert
• เพิ่ม Notification หลังได้คนชนะ
• แก้ไขไฟล์โปรเจคของ Front-end เพื่อให้ดูเป็นระเบียบและให้ดูเข้าใจโครงสร้างของไฟล์ต่างๆมากขึ้น
• แก้ไขการเรียกใช้ API ของ front-end
• จัดการ warning </aside>

<aside> 💡

</aside>

<aside> 💡

</aside>

<aside> 💡

</aside>

<aside> 💡

</aside>

<aside> 💡

</aside>

</aside>