ใบงานนี้จะพานักศึกษามาทำความรู้จักกับ git branch ผ่านการเล่นเกมง่าย ๆ ที่จะทำให้นักศึกษาคุ้นเคยกับคำสั่งของ git มากขึ้น เกมนี้สามารถเล่นได้โดยบน website https://learngitbranching.js.org/ เมื่อผ่านการเล่นแต่ละด่าน จะทำให้นักศึกษามีความรู้และสามารถทำงานกับคำสั่ง branch ได้
รูปที่ 1 รูปแบบหน้าจอในการเล่นเกม
เมื่อเข้าสู่เกม หน้าจอจะถูกแบ่งออกเป็นสามส่วนคือ
- พื้นที่พิมพ์คำสั่ง
- พื้นที่แสดงผลลัพธ์ของการทำคำสั่ง
- พื้นที่แสดงเป้าหมายการเรียนรู้
นักศึกษาสามารถลองพิมพ์คำสั่งต่าง ๆ ได้ (แต่ในเกมจะไม่รองรับคำสั่งที่ซับซ้อนของ git ในเวบนี้จะ focus ไปที่คำสั่งที่ใช้เพื่อเล่นเกมให้สำเร็จ)
ถ้าต้องการดู source code ของเวบเกมนี้ สามารถดูได้ที่ https://github.com/pcottle/learnGitBranching
เกมที่ต้องเล่นให้สำเร็จ มีทั้งหมด 5 ระดับ เริ่มตั้งแต่การแนะนำการใช้คำสั่งพื้นฐานและแนะนำการเล่นเกม ไปจนถึงขั้นสูง ประกอบด้วย
- Intruduction Sequence
- Ramping Up
- Moving Work Around
- A Mixed Bug
- Advanced Topics
รูปที่ 2 Level ต่าง ๆ ในเกม
ในการเล่นเกม จะมีการแสดงคำแนะนำในขั้นค่างๆ ให้นักศึกษาอ่านและทำความเข้าใจคำสั่งก่อนลงมือปฏิบัติ
รูปที่ 3 คำแนะนำก่อนการเล่นแต่ละเกม
จะมี giude นำทางเพื่อแสดงตัวอย่างให้ให้สามารถดำเนินการเล่นจนบรรลุเป้าหมายได้
รูปที่ 4 (a) ตัวอย่างเกมที่ 1
ในที่นี้ ต้องการให้สร้าง commit ขึ้นมา 2 จุด ซึ่งเมื่อทำครบแล้ว เกมจะแสดงผลสัมฤทธิ์
รูปที่ 4 (b) ตัวอย่างเกมที่ 1
รูปที่ 5 ผลการเล่นเกม
4.1 ให้นักศึกษาเล่นเกมให้ครบทุกด่าน
4.2 แต่ละด่าน ให้ capture หน้าจอให้เห็นทั้งคำสั่งและผลลัพธ์ (ตัวอย่างในรูปที่ 6)
รูปที่ 6 ตัวอย่างการ capture หน้าจอเพื่อส่งงาน
4.3 สร้าง folder ตามรหัสนักศึกษา
4.4 และสร้างไฟล์ Level1.md จนถึง Level5.md เพื่อเก็บผลการเล่น
4.5 ในไฟล์ Levelx.md ให้ใส่รูปผลการเล่นของทุกเกม โดยในรูป ให้ใส่ชื่อและรหัสนักศึกษาด้วย
capture ด้วย powerpoint แล้วแทรกลายน้ำ (ชื่อ+รห้ส จากนั้นเลือกทั้งหมดแล้วบันทึกเป็นรูปภาพ) ดูตัวอย่างได้ที่ https://youtu.be/LRNYjmXpJG0
4.6 เมื่อเล่นครบ ส่งงานโดยการ pull request มาที่ https://github.com/COM-LAB-I-2565/COM-LAB-I-LabSheet-3