วิธีการใช้ Codekit ของครูผู้สอน

หัวข้อวิธีการใช้ Codekit
1. วิธีการลงทะเบียนของคุณครู
2. วิธีการ Login เข้าใช้งาน
3. วิธีการใช้ Menu Bar ในหน้า Classroom
4. วิธีการสร้างห้องเรียน การเพิ่มนักเรียน และการเพิ่มแบบฝึกหัด
5. วิธีการดูระบบวัดผล และประเมินผลของนักเรียน
6. วิธีการช่วยเหลือนักเรียน
7. วิธีการสร้างแบบฝึกหัด

แสกน QR Code เพื่อดูวีดีโอการใช้ Codekit เบื้องต้น

หัวข้อที่ 1 : วิธีการทะเบียนของคุณครู
1.เมื่อเข้าสู่หน้าเว็บไซต์ www.cocekit.co
ให้กดปุ่ม “สำหรับผู้สอน” หรือ กดปุ่ม “สมัครครู”
1.1. เมื่อเข้าสู่หน้าแสดงรายละเอียด ให้กดปุ่ม “ลงทะเบียน”
2.เมื่อเข้าสู่หน้าสมัครสมาชิก Codekit Teacher
ให้คุณครูกรอกรายละเอียดให้ครบถ้วน และกด “ยืนยันการสร้างบัญชี”
หัวข้อที่ 2 : วิธีการ Login เข้าใช้งาน
1.เมื่อเข้าสู่หน้าเว็บไซต์ www.cocekit.co
ให้กดปุ่ม “เข้าสู่ระบบ”

2.เมื่อเข้าสู่หน้า Login
ให้คุณครูใส่ Email และ Password ที่ได้สมัครไว้ หลังจากนั้นกด “SUBMIT”
หัวข้อที่ 3 : วิธีการใช้ Menu Bar ในหน้า
Classroom
1.เมื่อ Login เข้ามาแล้ว คุณครูจะเข้าสู่หน้า Classroom
ในหน้าแรกจะแสดงภาพรวมห้องเรียนของคุณครู ที่คุณครูสร้างขึ้น

2.เมื่อกดที่แถบเมนูด้านซ้าย
จะแสดงแถบ Classroom, My Exercises, School และ Community
2.1. เมื่อกด “Classroom” จะแสดงหน้าห้องเรียนของคุณครู

2.2. เมื่อกด “My Exercises” จะแสดงหน้า Exercises ที่คุณครูสร้างขึ้น

2.3. เมื่อกด “School” จะแสดงหน้า Exercises ทั้งหมดในโรงเรียนของ
คุณครูที่สร้างขึ้น

2.4. เมื่อกด “Community” จะแสดงหน้า Exercises ทั้งหมดใน Codekit ที่

คุณครูสามารถนำไปใช้สอนได้
3.เมื่อกดที่แถบเมนูรูปโปรไฟล์ด้านขวา
จะแสดงแถบ โปรไฟล์, เปลี่ยนเป็นนักเรียน และออกจากระบบ
3.1.เมื่อกดแถบ “โปรไฟล์” จะแสดงหน้ารายละเอียดของคุณครู
(คุณครูสามารถแก้ไขข้อมูลส่วนตัว และเปลี่ยน Password ได้ที่นี่)

3.2.เมื่อกดแถบ “เปลี่ยนเป็นนักเรียน” ระบบจะสลับมุมมองเป็นแบบนักเรียน

เพื่อให้คุณครูทดลองเรียนได้
(สามารถกลับมาในโปรไฟล์คุณครูได้ โดยกดที่เดิม และเลือก Teacher)
หัวข้อที่ 4 : วิธีการสร้างห้องเรียน
การเพิ่มนักเรียน และการเพิ่มแบบฝึกหัด
1.เมื่อเข้าสู่หน้า Classroom ให้กดปุ่ม “สร้างห้องเรียน”

1.1. เมื่อกดปุ่มสร้างห้องเรียน จะแสดงรายละเอียดให้คุณครูใส่ข้อมูลของ

ห้องเรียน
1.2. เมื่อใส่ข้อมูลครบถ้วนแล้ว กด Submit จะแสดงรายละเอียดห้องเรียน
ของคุณครู
2.วิธีเพิ่มนักเรียนเข้าสู่ห้องเรียน (สามารถทำได้ 3 วิธี)
2.1. กดปุ่มสัญลักษณ์เพิ่มนักเรียน และกดปุ่ม “Copy link” เพื่อส่ง link ให้
นักเรียนเข้าสู่ห้องเรียน
2.2. ใส่ Email นักเรียนในช่อง Search
(Email นักเรียนจำเป็นต้องลงทะเบียน Codekit แล้ว)

2.3. กด Tab Classroom และ กดปุ่ม เริ่มเรียน หลังจากนั้นให้นักเรียนแสกน

บาร์โค้ดเข้าสู่ห้องเรียนได้
3.วิธีเพิ่มแบบฝึกหัดในห้องเรียน
3.1. กด Tab “Classroom” และกดเพิ่มแบบฝึกหัด
3.2. เมื่อเลือกแบบฝึกหัด แล้วกด “Assing” ระบบจะเพิ่มแบบฝึกหัดเข้าสู่
ห้องเรียน
หัวข้อที่ 5: วิธีการดูระบบวัดผล และประเมิน
ผลของนักเรียน
1.เมื่อเข้าสู่หน้า Classroom ระบบจะแสดงห้องเรียนทั้งหมด
โดยคุณครูสามารถเลือกดูแต่ละห้องเรียน เพื่อดูผลการเรียนของนักเรียนราย
บุคคลได้ โดยกดที่ชื่อห้อง
2.ระบบจะแสดงรายละเอียดห้องเรียน
ด่านล่างจะแสดงข้อมูลการเรียนของนักเรียนแต่ละคน
หัวข้อที่ 6: วิธีการช่วยเหลือนักเรียน
1.ระบบช่วยเหลือนักเรียนในการเรียน
1.1. เมื่อกลับเข้าสู่หน้า Classroom ระบบจะแสดงห้องเรียนทั้งหมด โดย
คุณครูเลือกห้องเรียนที่จะเข้าไปช่วยเหลือ
1.2. ระบบจะแสดงรายละเอียดห้องเรียน และกดสัญลักษณ์ ”แว่นขยาย”
ของนักเรียนที่ต้องการช่วยเหลือ

1.3. หลังจากนั้นระบบจะสลับโปรไฟล์ไปเป็นนักเรียน ที่คุณครูต้องการช่วย

เหลือ หากต้องการออกจากโหมดช่วยเหลือ ให้กดที่รูป “โปรไฟล์”
และกด “Quit Inspection Mode”
2.ระบบช่วยเหลือนักเรียนเมื่อนักเรียนลืม E-mail หรือ Password
2.1. เมื่อกลับเข้าสู่หน้า Classroom ระบบจะแสดงห้องเรียนทั้งหมด โดย
คุณครูเลือกห้องเรียนที่จะเข้าไปช่วยเหลือ
2.2. ให้กดปุ่ม “People”

2.3. ให้กดปุ่มสัญลักษณ์ “:” เพื่อกด Change Student Email หรือ Reset

Password ของนักเรียน
หัวข้อที่ 7: วิธีการสร้างแบบฝึกหัด
1.การสร้างแบบฝึกหัด
1.1. กดที่แถบเมนูด้านซ้าย จะแสดงแถบเมนู ให้กด “My Exercises”
1.2. กด “New Exercise”

1.3. ให้ใส่ชื่อแบบฝึกหัด และกด Submit

2.เมื่อเข้าสู่หน้าสร้างแบบฝึกหัด

2.1. สามารถสร้างแบบฝึกหัดได้หลายข้อโดยกดที่ “+Page” และสามารถ

เปลี่ยนชื่อข้อแบบฝึกหัดได้ที่ “Page Name”
2.2. สามารถกดแก้ไข Instrution หรือคำแนะนำ ที่จะแสดงให้นักเรียนเห็นใน
แบบฝึกหัดได้
2.3. สามารถเพิ่ม หรือแก้ไขโค้ดเริ่มต้นให้นักเรียน และสามารถเพิ่มเฉลยเพื่อ
ให้ระบบตรวจสอบแบบฝึกหัดได้
2.4. กดที่ “+Test Case” เพื่อเพิ่มการตรวจสอบแบบฝึกหัด และสามารถพิมพ์
Code Input ที่ด้านซ้าย และ Output ที่ต้องการทางด้านขวา
2.5. เมื่อสร้างแบบฝึกหัดเสร็จแล้วให้ กด Save & Edit status

3.ใส่รายละเอียดแบบฝึกหัด
3.1. ให้เลือกการมองเห็น
Draft = เป็นแบบฝึกหัดที่ยังไม่มีใครเห็น
Only Me = เป็นแบบฝึกหัดที่เห็นเฉพาะตัวเอง คนที่สร้างสามารถ Assign แบบฝึกหัดได้คน
เดียว
Private School = เป็นแบบฝึกหัดที่สามารถใช้ได้แค่ภายในโรงเรียนของคุณครูเท่านั้น
Publish to All Teachers = เป็นแบบฝึกหัดที่คุณครูทุกคนใน Codekit สามารถใช้ได้
Public = ทุกคนใน Codekit สามารถใช้แบบฝึกหัดได้

3.2. เมื่อใส่รายละเอียดเรียบร้อยแล้วให้กด “บันทึก”