Python Coding Competition
back
ดิฉันได้เป็นผู้นำในการจัดอบรมและแข่งขันเขียนโปรแกรมภาษา Python ภายในโรงเรียน
โดยดิฉันได้วางแผนจัดรูปแบบกิจกรรม ทำสื่อการสอน และเว็บไซต์สำหรับการแข่งขัน
ซึ่งได้จัดอบรมก่อนวันแข่งขัน และจัดรูปแบบการแข่งขันโดยการดูโจทย์และส่งโค้ดในเว็บ
ซึ่งใช้ Next.js ในการสร้าง ใช้ Next-Auth ในการเข้าสู่ระบบและเก็บ session และใช้ MongoDB เป็นฐานข้อมูล
แต่เว็บไซต์ที่ดิฉันสร้างเกิดมีปัญหาก่อนการแข่งขัน ดิฉันจึงแก้ปัญหาเฉพาะหน้าด้วยการส่งโค้ดด้วย Google Form
แล้วดิฉันจึงศึกษาหาสาเหตุและแก้ไขข้อบกพร่องของเว็บหลังจบการแข่งขัน
บรรยากาศการอบรมและแข่งขัน
previousnext
บรรยากาศการอบรมและแข่งขัน
วันแรกของกิจกรรม เป็นการอบรมตั้งแต่พื้นฐาน ชนิดข้อมูล, การประกาศตัวแปร, print, input, ตัวดำเนินการ Code Block, if-elif-else, while loop, for loop และมีแบบฝึกหัดให้ทำความเข้าใจ
หน้าการเข้าสู่ระบบ
หน้าการเข้าสู่ระบบ
หากยังไม่ได้เข้าสู่ระบบ จะมีให้กรอกหมายเลขทีม เมื่อกดส่งจะแสดงข้อมูลให้ตรวจสอบชื่อสมาชิก จากนั้นตั้งชื่อทีมแล้วจึงกดส่งเพื่อเข้าสู่ระบบ และย้ายไปหน้า Dashboard เมื่อกดส่งหมายเลขทีมจะเรียกใช้ API เพื่อเช็คและดึงข้อมูลทีมจากฐานข้อมูล และเมื่อกรอกชื่อทีมแล้วกดส่ง จะเพิ่มชื่อเข้าฐานข้อมูล จากนั้นจะใช้ Next-Auth เพื่อบันทึกการเข้าสู่ระบบ ด้วยหมายเลขทีม และสร้าง Token, session
หน้าจัดอันดับและโจทย์การแข่งขัน
previousnext
หน้าจัดอันดับและโจทย์การแข่งขัน
มีตารางแสดงอันดับและคะแนนของทุกทีม และแสดงอันดับ, คะแนนของทีมตนเอง ดึงข้อมูลและเรียงอันดับจากคะแนนมากไปน้อย หากคะแนนเท่ากันจะเรียงจากเวลาที่ส่งคำตอบ และแสดงอันดับ, คะแนนของหมายเลขทีมที่เข้าสู่ระบบ