ข้ามไปที่เนื้อหาหลัก

ออกแบบระบบให้คะแนนการแข่งขันบาสเกตบอล

basketball


หลังจากเริ่มแข่งขันบาสเกตบอล ฟรีสไตล์ 3 ต่อ 3 ก็ได้พบว่าการนับคะแนนนั้น ไม่ว่าจะจดกระดาษ หรือพลิกสกอร์บอร์ดก็ตาม ไม่สามารถเก็บสถิติของผู้เล่นแต่ละคนในการแข่งขันแต่ละครั้งได้

ทำไมผมถึงคิดถึงเรื่องไร้สาระนี้ขึ้นมา (ผมเรียกว่าไร้สาระเพราะโปรแกรมเมอร์ส่วนใหญ่ใช้เวลาในการเขียนโค้ดเพื่อให้ได้เงินมา เรื่องที่ต้องเสียเวลาแต่ไม่ได้อะไรเลยเขาคงไม่ทำกัน ^^") ก็เพราะว่า ผมอยากสร้างแรงจูงใจให้กับน้องๆที่มาเล่นบาสเกตบอลด้วยกันทุกเย็น ให้เกิดความกระตือรือร้นที่จะพัฒนาตัวเอง (เพราะช่วงหลังๆคนเริ่มเล่นน้อยลงไป ส่วนหนึ่งอาจจะเพราะติดสอบช่วงกลางภาค)



แล้วมันเกี่ยวอะไรกับระบบให้คะแนน?

เป็นคำถามที่ดีครับ (ฮ่าๆๆ ถามเองตอบเอง) เพราะการจะสร้างแรงจูงใจได้นั้น เราต้องทำให้เกิดเป้าหมายขึ้นให้ได้เสียก่อน ผมเคยเล่นเกมออนไลน์แนวเก็บเลเวลมาก่อน ถ้าใครเคยเล่นจะเห็นว่าตัวละครในเกม จะต้องพัฒนาทักษะ(skill) ด้านต่างๆของตัวเอง เพื่อเอาชนะศัตรูให้ได้

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

แล้วเราจะได้อะไร?

อย่างแรกเลยได้ความสนุกสนานครับ ต่อมาก็คือถ้านำแสดงบนเว็บไซต์แบบสาธารณะ ก็มีโอกาสที่แมวมองอาจจะมาเจอเข้าโดยบังเอิญก็ได้ ก็จะเป็นการเพิ่มโอกาสให้น้องๆได้แข่งในระดับต่างๆที่มีคนสนใจชักชวนไปเล่นด้วย (ถ้ารูปร่างไม่ผ่านมาตรฐานคงไม่ได้ไปไกลระดับลีกประเทศหรอกนะ - -" #เศร้าแป๊บ)

มาดูกันเลยครับ หลักๆของระบบให้คะแนนมีอะไรบ้าง?

ส่วนที่ 1 นาฬิกาจับเวลา
ประกอบด้วย

  • ตัวเลขระบุ Quarter
  • นาฬิกาแสดงเวลาคงเหลือของแต่ละ Quarter
  • นาฬิกาแสดงเวลา ครองบอลของฝ่ายบุก (Short Clock)
  • นาฬิกาแสดงเวลา คงเหลือของการขอเวลานอก (Time Out)

clock


ส่วนที่ 2 การให้คะแนน และแสดงผล


  • ช่องแสดงผลคะแนนรวมของทีม
  • ช่องแสดงผลการทำฟาล์วรวมของทีม
  • รายชื่อผู้เล่นในสนามและปุ่มให้คะแนน (+1=ลูกโทษ, +2=ลูกทำคะแนนในกรอบ, +3=ลูกชู้ท นอกกรอบ 3 คะแนน)
  • ช่องแสดงจำนวนครั้งที่ฟาล์วของแต่ละคน เพื่อนับการ Fouls Out
change


ส่วนที่ 3 การเปลี่ยนตัว ขอเวลานอก และผู้เล่นสำรอง
  • ปุ่มสำหรับหยุดเวลาเพื่อเปลี่ยนตัว
  • ปุ่มหยุดเวลาเพื่อนับเวลาคงเหลือของการขอเวลานอก
  • ส่วนของรายชื่อผู้เล่นสำรองนั้นจะแสดงผลคะแนนและการฟาล์วเช่นเดียวกับผู้เล่นในสนาม เพียงแต่จะแยกออกมาเพื่อความง่ายในการให้คะแนน

score


หลังจากเคลียร์ภาระกิจหลักเสร็จเรียบร้อย งานอดิเรกชิ้นแรกที่จะทำคงจะเป็นระบบนี้อย่างแน่นอน ส่วนใครที่รอบทความเกี่ยวกับ PHP Builder คงต้องรอไปก่อนนะครับ ช่วงนี้กำลังสนุกอยู่กับบาสเกตบอล ^^




PHP CI MANIA PHP Code Generator 
โปรแกรมช่วยสร้างโค้ด ลดเวลาการเขียนโปรแกรม

สนใจสั่งซื้อเพียง 4,500 บาท
http://fastcoding.phpcodemania.com/

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

แจกฟรี!! ระบบต่างๆที่พัฒนาด้วย PHP สำหรับนำไปใช้ในงานต่างๆ

       สำหรับหลายท่านที่ขอโค้ดเข้ามาทาง Inbox ของเฟซบุ๊กแฟนเพจ หรือถามถึงระบบต่างๆหลังไมค์มานั้น ส่วนใหญ่ก็มีแจกอยู่แล้วในเว็บบอร์ด ThaiCreate.Com นะครับ และด้านล่างนี้ก็เป็นระบบต่างๆที่แจกให้นำไปลองใช้ลองศึกษากันครับ

สอนเขียน PHP แสดงการจองห้องประชุมแบบไฮไลท์ตามช่วงเวลา (แบบเชื่อมต่อฐานข้อมูล MySQL)

ตัวอย่าง ผลลัพธ์ที่ได้จากการจองในฐานข้อมูล ตาราง tb_room สร้างตารางรายชื่อห้องประชุม สำหรับ id นั้นเป็น Primarykey จะกำหนดให้สร้างอัตโนมัติ ทุกครั้งที่เราเพิ่มชื่อห้องประชุมใหม่ -- -- Database: `tobedev_example` -- -- -------------------------------------------------------- -- -- Table structure for table `tb_room` -- CREATE TABLE IF NOT EXISTS `tb_room` (   `id` int(11) NOT NULL,   `name` varchar(30) NOT NULL ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; -- -- Dumping data for table `tb_room` -- INSERT INTO `tb_room` (`id`, `name`) VALUES (1, 'ห้องประชุม 1'), (2, 'ห้องประชุม 2'), (3, 'ห้องประชุม 3'), (4, 'ห้องประชุม 4'), (5, 'ห้องประชุม 5'); -- -- Indexes for dumped tables -- -- -- Indexes for table `tb_room` -- ALTER TABLE `tb_room`   ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `tb_room` -- ALTER TABLE `tb_room`   MODIFY `i...

การนำไอคอน มาแสดงบน Fullcalendar

เนื่องจากมีน้องคนหนึ่งให้ช่วยดูโค้ดเกี่ยวกับ Fullcalendar ให้หน่อย แล้วพอดีช่วงนี้ผมก็กำลังสนใจปฏิทิน Fullcalendar อยู่พอดี จึงลองหาสาเหตุที่ไม่สามารถแสดงข้อมูลจาก MySQL และไม่สามารถแทรก icon เข้าไปใน Fullcalendar ได้ จากที่สังเกตุได้ครั้งแรกคือ Error ที่ Console ของ Firefox เกี่ยวกับฟังก์ชั่นที่เขียนผิด และก็มีการ echo ค้างไว้ในส่วนของไฟล์ getCalendar.php ก็เลยจัดการทดสอบแล้วลบ echo ออกให้เหลือแค่ echo json_encode($event_array); ที่ได้ใช้งานจริงเท่านั้น ขั้นตอนการตรวจสอบความถูกต้องของโค้ด PHP 1) ต้องแน่ใจว่าคำสั่งที่เขียนไว้ สามารถดึงข้อมูลมาแสดงผลได้ด้วยการ echo $sql; 2) นำคำสั่งที่ได้ไปรันในโปรแกรมจัดการฐานข้อมูล ในที่นี้คือ phpMyAdmin 3) เมื่อตรวจสอบดูผลลัพธ์ที่ได้ หากถูกต้องมีข้อมูลก็แสดงว่าการ Query ทำงานได้ 4) มาดูการทำงานของ JavaScript ในส่วนของ jQuery มีการแจ้งเตือนที่ฟังก์ชั่น .on() ซึ่งจะใช้กับ jQuery เวอร์ชั่นใหม่เท่านั้น นั่นหมายถึงเวอร์ชั่น jQuery ที่มากับ Fullcalendar เป็นเวอร์ชั่นเก่า ก็ให้เปลี่ยนไปใช้ .live() แทน ก็จะทำงานได้ปกติ 5) ม...