การสร้างแบบทดสอบและแจกเกียรติบัตรออนไลน์ โดย Certify'em_ดร

1




ั
การสร างแบบทดสอบและเกียรติบตรออนไลน
(Create Quiz and Certificate Online) โดยใช Certify'em


โดย ดร.สมัต อาบสุวรรณ รอง ผอ.สพป.ชัยภูมิ เขต 1
 การเตรียมการเบื้องต น

1.ทุกท
านต องม Gmail ในการทำแบบทดสอบและเกียรติบัตรออนไลน $
ี
~>ท
านใดที่ยังไม
สมัคร Gmail ให สมัครไว ก
อนเลยนะครับ www.gmail.com

2.เตรียมข อสอบเรื่องที่ตนเองสนใจ ไว ทดสอบท
านละ 10 ข อ
3.เตรียมออกแบบเกียรติบตรมอบให แก
ผู ที่ผ
านการทดสอบ โดยเว นช
องว
างไว ให ระบบรันอัตโนมัติ
ั
ไว 2 ช
อง นอกนั้นให สมบรณ$
ู
ี
~>ช
องชื่อผู รับเกยรติบัตร
~>ช
อง ว/ด/ป และคะแนนผ
านการทดสอบ


 การสร างโฟลเดอร ใหม?ไว รองรับชิ้นงาน

1.เริ่มจาก login เข า Gmail ของเราก
อน > คลิกเครื่องหมาย app Google












2.คลิกเลือก ไดรฟ @

2

@
$
3. เข าสู
หน า ไดรฟ แล วคลิกขวาบนพื้นที่ว
าง > เลือกโฟลเดอร$ใหม
เพื่อสร างโฟลเดอรเก็บชิ้นงาน




















$
4. พิมพ$ชื่อโฟลเดอรว
า สรางแบบทดสอบและเกียรติบัตรออนไลน > คลิกปุDม สร าง

















Note: เราจะเก็บชิ้นงานไว ในโฟลเดอร$นี้

5.จะเห็นว
า โฟลเดอร$ใหมได ถูกสร างขึ้นแล ว > ดับเบิ้ลคลิกที่โฟลเดอร $

3


6.ผลที่ได จะเห็นว
า ยังไมมีข อมูลในโฟลเดอร$ใหม

4


 การสร างเกียรติบัตรออนไลน โดยใช Google สไลด

7.คลิกขวาบนพื้นที่ว
างของโฟลเดอร$ใหม
> เลือก Google สไลด$ เพื่อนำเข าไฟล$เกียรติบัตรที่เรา
เตรียมไว มาใช งาน






























8. เข าสู
หนา Google สไลด$ > ตั้งชื่อสไลด$ว
า Cer Test

5

ู
9. คลิกที่เมนคำสงไฟล$ > เลือก ตั้งค?าหน ากระดาษ
ั่



















































10. ตั้งคาหน ากระดาษ > โดยคลิกเลือก กำหนดเอง
?

6


11. ตั้งค
าหนากระดาษขนาดให เท
ากับขนาดกระดาษ A4 แนวนอน คือ 29.7 x 21.0 > กำหนด
หน
วยเปNน เซนติเมตร > คลิก ใช



























Note: หรืออาจตั้งค
าหน ากระดาษให เท
าขนาดเกียรติบัตรที่เราสร างไว เช
น 3508 x 2480 พิก
เซล

7

?
12.กลับมาที่หน า Google สไลด$ > คลิกลบ (del) ชองข อความ ออกให หมด




























13.ผลที่ได

8

ิ

14.นำเข าไฟล$เกียรติบัตรที่เราสรางขึ้นมาใช โดยคลกที่ปุDมแทรกรูปภาพ > อปโหลดจาก
ั
คอมพิวเตอร $
































15.เลือกเกียรติบัตรที่สรางไว > Open

9

ั
16.ปรบขนาดเกียรติบัตรให พอดีกับขอบที่กำหนด

































17. ใส
ข อความ (tag) > คลิกที่รูป ช?องข อความ






















18. คลิกลากช
องข อความ เพื่อกำหนดเลขที่เกียรติบตร โดยใช tag นี้ เลขที่ {{certificate id}}
ั
ไปวางใน ช?องข อความ ขนาดฟVอนท$ประมาณ 24 จดวางตำแหน
งชิดขอบขวา
ั

10

ั
ั
19. คลิกลากช
องข อความจากขอบด านซ ายสุด มายงขอบขวาสุดของเกียรติบตร (เพื่อใส
tag ชื่อ
ี้
?
ผู รับเกียรติบัตร) > คัดลอก tag น {{full name}} ไปวาง ในช
อง ชองข อความ > เลือก ฟVอนท$
ปรับขนาดตัวอักษร (30) และจัดวางตัวอักษร (จัดกลาง) ตามต องการ

















20. แถวต
อไปคัดลอกข อความและ tag น {{other identifier}} ไปวาง ในช
อง ช?องข อความ
ี้
> เลือกฟVอนท$ ปรับขนาดตัวอักษร (30) และจัดวางตัวอักษร (จัดกลาง) ตามต องการ













21. แถวต
อไปคัดลอกข อความและ tag นี้ ให ไว ณ วันที่ {{other identifier2}} ด วยคะแนน
{{percent}} ไปวางใน ช?องข อความ > เลือก ฟVอนท$ ปรับขนาดตัวอักษร (30) และจัดวางตำแหน
งตวอกษร
ั
ั
ตามต องการ

11

22. สามารถปรับแต
งสีตัวอักษรให สวยงามได ตามต องการ เช
น
































W
23. จากนั้น โปรแกรมจำทำการ บันทึกการเปลี่ยนแปลงทั้งหมดไว ในไดรฟแล ว....ผลที่ได








































Note: เปNนอันเสร็จสิ้นขั้นตอนการเตรียมเกยรติบัตรที่เราสรางขึ้นเองแล วนะครับ
ี

12

 การสร างแบบทดสอบด วย Google ฟอร ม และ add on Certify'em

$

1.กลับมาที่โฟลเดอรสรางแบบทดสอบและเกียรติบัตรออนไลน
2.คลิกขวาบนพื้นที่ว
าง > เลือก เพิ่มเติม > เลือก Google ฟอร$ม ผูกกับ add on Certify'em
ื่
(ระบบตอบกลับเมลและส
งเกียรติบัตรอัตโนมัติ) ตั้งชอไฟล $






































3.คลิกที่คำว
า ฟอร มไม?มีชื่อ แล วตั้งชื่อฟอร$มใหมวา Quiz Test

13

ี้
4.ดาวน$โหลด add on Certify’em โดยคลิกที่รูป 3 จุด ด านบนขวาของหน าน > ส?วนเสริม


















































$
5. ในช
อง ค นหา apps พมพคำว
า Certify’em
ิ

14

6. ผลการค นหา > เมื่อพบส
วนเสริมฯ แล วคลิกที่ Certify’em > คลิกติดตั้ง Certify’em






















6.1 จากนั้นคลิกที่ ต?อไป เพื่อดำเนินการติดตั้ง Certify’em























6.2 เมื่อเข าสู
หน านี้แสดงวา ติดตั้ง Certify’em แลว > คลิก เสร็จสิ้น



























Note: ถึงขั้นตอนนี้ เราได ติดตั้งโปรแกรมเสริมที่จะสงเกียรติบัตรให โดยอัตโนมัติ ด วย add on

Certify’em เรียบร อยแลว

15

ถ าเราใช เมล$ฟรีที่เปNน [email protected] เราสามารถถอนการติดตั้ง Certify'em ได


























ั
แต
ถ าเราใช E-mail ขององค$กร เช
น ที่เขตจัดสรรบญชีให จะไม
สามารถถอนการติดตั้ง
Certify'em ต องเปNนผู ดูแลระบบ (admin) เท
านั้น



ั
7. คลิกที่เครื่องหมายกากบาท เพื่อย อนกลบมาที่หนาแบบทดสอบที่เรากำลังสร าง






8. จากนั้น 1) คลิกที่รูปส
วนเสริม > 2) คลิกที่ Certify’em

















ื
9.คลิกที่ Enable Certify’em in this Quiz หรอ Show Certify’em Controls

16

10.คลิกปุDม Get Started หรือ Accept the Terms of Service เพื่อให โปรแกรม เริ่มทำงาน































11.ที่หน าต
างของ Certify’em ในส
วนของ Template > คลิกเลือก Use a Custom

Template

17

12.คลิกเลือก Select a New File
























ั่
ี
13.คลิกเลือก Template ที่เราสร างเตรยมไว แล ว นนคือ Cer Test > คลิก Select































14.คลิก Save Changes

















Note: จะเห็นว
าชื่อ Template ของเรา จะปรากฏในแท็บของ Certify’em เรียบร อยแล ว

18





























Note : หากต องการกำหนดค
าเพิ่มเติมให คลิกที่ Advanced

19


15.ย
อหนาต
างของแท็บ Certify’em แล ว สร างรายละเอียดของแบบทดสอบต
อไป
โดยแบ
งออกเปNน 2 สวน ส?วนที่ 1 ข อมูลของผู สอบ ส?วนที่ 2 ข อสอบ


15.1 ส?วนที่ 1 ข อมูลของผู สอบ เอาไว 2 สวนพอ ได แก
ที่อยู?อีเมล และ ชื่อ - นามสกุล























 สรางส?วนที่ 1 ของแบบทดสอบใหครบ 4 จุด ดังน ี้
1. ที่อยู
อีเมล
2. ชื่อ - นามสกุล
3. ตำแหน
ง

i
4. วัน เดือน ป ที่ทำแบบทดสอบ (ระบุให ชัดเจน เช
น 28 เมษายน พ.ศ.2563)

การใช Certify'em ให รองรับรูปแบบ
วันเดือนปiไทย (แตตัวเลขอารบิค)

1. google สไลด$ มี tag 5 จุด

โดยพิมพ$ tag ตอไปนี้บน google สไลด $
เลขที่ {{certificate id}}
{{full name}}

{{other identifier}}
ให ไว ณ วันที่ {{other identifier2}}
ด วยคะแนน {{percent}}
2.ฟอร$มของแบบทดสอบ ส
วนที่ 1

ข อมูลผู ทำแบบทดสอบ มี 4 จุด
1) ที่อยู
อีเมล
2) ชื่อ - นามสกุล
3) ตำแหน
ง

4) วัน เดือน ปi ที่ทำแบบทดสอบ (ระบ ุ
ให ชัดเจน เช
น 28 เมษายน พ.ศ.2563)

20


ู
15.2 ส?วนที่ 2 ข อสอบ เลื่อนลงมาตรง สวนท ายของส?วนที่ 1 ข อมูลของผสอบ แล วคลิกเลือก
เพิ่มส?วน เพื่อแบ
งหน าของข อสอบเปNนส
วนที่ 2


















16.พิมพ$รายละเอียดสวนที่ 2






















17. พิมพ$แบบทดสอบข อที่ 1 > เลือกเปNนแบบ “หลายตัวเลือก” > พิมพ$ตัวเลือก > คลิกเฉลย

คำตอบ




















ี่
Note: สามารถเลือกรูปแบบของแบบทดสอบได หลายรูปแบบ โดยเลือกตรงรปสามเหลยมเล็ก
ู

21

เช
น คำตอบสั้นๆ หลายตัวเลือก ช
องทำเครื่องหมาย เปNนต น (สามารถทำแบบสอบถามได

หลากหลายรูปแบบ)


































18. คลิกตัวเลือกที่ถูกต อง > กำหนดค
าคะแนน > เสร็จสิ้น

22

19.คลิกปุDม จำเปNน เพื่อไม
ให ทำข อสอบข าม จำเปNนต องตอบ > ทำข อสอบข ออื่น ๆ ให ครบทั้ง 5

ข อ โดยคลิกทำสำเนา
































ิ่
Note: ข อสอบแต
ละข อ สามารถแทรกวัตถุอื่น ๆ เพมเติมได อีก เช
น เพิ่มรปภาพประกอบข อสอบ
ู
โดยคลิกเครื่องมือที่อยู
ทางขวาของข อสอบ ได แก

23

20.แก ไขข อสอบเปNนข อที่ 2 และแก ไขคำตอบ > คะแนน > เสร็จสิ้น > ทำสำเนา เปNนข อที่ 3

ต
อไป































21.ทำแบบนี้จนครบ 5 ข อ

24

ิ
22.พอครบ 5 ข อแล ว คลกที่เมนู การตอบกลับ ของข อสอบที่กำลังทำ เพื่อดูข อมูลจำนวนผู ทำ
ี
ข อสอบและบันทึกข อมูลไว ในตารางสเปรตชต























23.เนื่องจากยังไม
มีคนทำข อสอบ ข อมูลตรง การตอบกลับและคำตอบจึงเปNน 0 > คลิกที่สร าง

สเปรตชีต



















24.เลือกปลายทางของการตอบกลับเปNน สร างสเปรตชีตใหม
> สร าง

25

25.ถึงตอนนี้เราได สร างสเปรตชีตไว รองรับข อมูลผู ตอบแบบทดสอบเรียบร อยแล ว สามารถคลิกดู

คำตอบในชีตได





















นี่คือรายละเอียดข อมูลผู ตอบแบบทดสอบเรียบร อยแล วคลิกดูคำตอบในชีต (ส
งออกเปNน
ไฟล$ excel ได ) ซึ่งเราสามารถมาตรวจสอบข อมูลได ว
า ชื่อ-สกุลนี้ ทำข อสอบเมื่อไร แต
ละข อตอบ

ว
าอย
างไรบ าง


















Note: Certify’em ไม
รองรับการสลับโจทย$นะครับ แต
ยังสามารถสลับตัวเลือกคำตอบได อยู
นะ

ครับ หากต องการสลับโจทย$ให ทำแบบทดสอบชุด 2,3 เปNนต น

26

 การปรับแต?งธีม (หน าตา) ของแบบทดสอบ

ี
1.คลิกที่รูปจานส เพื่อปรับแต
งธีม














2.เข าสู
แท็บตัวเลือกธีม สามารถเลือกเปลี่ยน

1.ส
วนหัว (ที่โปรแกรมมีให หรือเราสร างเองก็ได ) 2.สธีม 3.สีพื้นหลัง 4.รูปแบบตัวอักษร ได ตาม
ี
ต องการ

27

3.ส
วนหัวธีม สามารถเลือกภาพที่เราเตรียมไว ก็ได > คลิกที่อัปโหลด > เลือกภาพที่เตรียมไว







































Note: ส
วนหัวธีม สามารถเลือกรูปภาพที่โปรแกรมให มาในกลุ
มต
าง ๆ ได ตามต องการ หรือ

ั
สามารถอพโหลดจากเครื่องได ตามต องการ แต
ภาพส
วนหัวธีม ต องมีขนาดตามที่ระบบกำหนด นั่น
คือ 800x200 พิกเซล (ขนาดพอดี)


ื่
ี
4. เมอสร างแบบทดสอบเสร็จเรยบร อยแล ว คลิกปุDม การตั้งค?า เพื่อกำหนดค
าในการแสดงผล

28

4.1 การตั้งค?าทั่วไป













































ั
4.2 งานนำเสนอ หลงจากผู ตอบส
งคำตอบ ข อความนี้จะปรากฏ (แก ไขเปNนไทยได )































Note: สามารถคลิก สับเปลี่ยนลำดับของคำถามได แต
Certify’em ยังไม?รองรับการทำงานน ี้

29

ี้
4.3 แบบทดสอบ จะเฉลยคำตอบ หรือไม
อยางไร อยู
แผ
นน > คลิกบันทึก


















































5.ทดสอบการแสดงผล คลกที่รูปตาหรือ แสดงตัวอย?าง
ิ

30

6. ผลที่ได














































7.การกำหนดให Certify'em เปNน ON (ทำงาน)
7.1 คลิกที่ สวนเสริม > Certify'em

31

7.2 คลิก Show Certify'em Controls























ี

7.3 เลือก Template ใหเปNน Template ที่เราเตรยมไว > Select

32

7.4 ให สถานะของ Certify'em เปNน ON และเลือก Template ตรงกับที่เราสร างไว







































8. เรียบร อยแล วครับ ลองทำข อสอบดู โดยใช เมลของตัวเอง และลองเชคเมล เพื่อดูการตอบกลับ

33

9. การส
งออกแบบทดสอบ เพื่อนำแบบทดสอบไปเผยแพร
> คลิก ส?ง
















10. คลิกรูปลิงค$ > ตัด URL ให สั้นลง > คัดลอกลิงค$นี้ไปวางไว ใน Line / Facebook เพื่อให คน
ทำแบบทดสอบของเรา




























ถ าสำเร็จ ผู ทำแบบทดสอบจะได รับเมลตอบกลับพรอมเกียรติบัตร ดังน ี้
$

34

 การตั้งค?า Certify'em เพิ่มเติม

1. การตรวจสอบการรันเกียรติบัตร
 เพื่อเชคดูว
า Certify'em รันเกียรติบัตรให ใครบ าง ถึงเลขที่เท
าไรแล ว โดยคลิกที่

Certificate Records










































 ปรากฎหน าต
าง Certificate Records จะเห็นข อมูลการส
งเกียรติบัตรใหผู ทำข อสอบของ
เราทั้งหมดว
า มีใครทำผาน/ไม
ผ
าน และส
งเกียรติบัตรให ถึงเลขที่เท
าไร

35

2. การตั้งค?า Certify'em แบบ Advanced

2.1 เปzด Certify'em > คลิก Advanced



































2.2 แก ไขข อความในช
อง Exam Options: > คลิก Save Changes

36

 ผลที่ได





























Note:
 การส?งเกียรติบัตรอัตโนมัติด วย Certify'em

1. G mail ฟรี จะจำกัดการส
งเกยรติบัตรของ Certify'em วันละประมาณ 100 เมล/วัน โดยจะ
ี
ั
ปzดการส
งเกียรติบัตรเปNน OFF อัตโนมติ หลังจากนนเมื่อเวลาผ
านไปประมาณ 2-3 ชั่วโมง เรา
ั้
ค
อยเปzดให Certify'em เปNน ON ใหม
ระบบกจะรีเซ็ตและเริ่มส
งเกียรติบัตรให ใหม
็





















ิ
2. ถ าต องการส
งเกียรติบัตร ประมาณวันละ 1,500 เมล/วัน จะต องสมัครใช บรการ G Suite
หรือถ ามีบัญชี G mail ที่ สพป.ชัยภูมิ เขต 1 จัดสรรให [email protected] ก็สามารถใช
งานได เหมือนกันไม
ต องสมัครใช บริการ G Suite นะครับ

 การแก ปlญหาเมื่อติดตั้ง certify'em แล ว แต
หน าแบบทดสอบไม
มี Enable certify'em in
this Quiz

---> 1. ให กด F5 เพื่อ refresh หน าจอสัก 2-3 ครั้ง
---> 2. ให คลิกที่ Accept the term of Service

37

 การตรวจสอบผลการตอบกลับการทำแบบทดสอบออนไลน ที่เราสร างขึ้น

สามารถเชครายละเอียดข อมูลได ว
า มีคนทำกี่คน มีใครบ างแต
ละคนตอบอะไรบ าง
1. คลิกที่การตอบกลับ


2. จะเห็นวา มีคนส
งคำตอบมาแล วกี่ราย
ี
3. คลิกที่ ดูคำตอบในชีต (เครื่องหมาย + สเขียว)




















4.ปรากฎหน าต
างข อมูลสเปรตชีตทั้งหมด สามารถเชคได ว
า มีชื่อคนนั้นทำจริงไหม ได คะแนน

เท
าไร

38

 การเปnดและไม?เปnดรับคำตอบ

1. การเปnดรับคำตอบ
ู
- ปกติแบบทดสอบที่สร างขึ้น จะเปnดรับคำตอบอย > ถ าต องการไม?เปnดรับคำตอบให เลื่อนปุDมสี
แดงมาทางซ าย


















2. การไม?เปnดรับคำตอบ

- หากมีคนทำแบบทดสอบจำนวนมาก แบบทดสอบจะไม?เปnดรับคำตอบแล ว > ถ าต องการเปzดรับ
คำตอบอีก ให เลื่อนปุDมสีแดงไปทางขวา

39

 การใช งาน PhotoScape ในการพิมพ เกียรติบัตรส?งให สมาชิกที่ไม?ได รับเกียรติบัตร

---ดาวน$โหลดโปรแกรม PhotoScape ได ที่ https://photoscape.me/
1. เปzดโปรแกรม > เปzดภาพเกียรติบัตรแผ
นเปล
า

2.คลิกที่รูปตัว T




























3.เข าสู
หนาต
างการจัดการตัวอักษร > พิมพ$ข อความในช
องตัวอักษร > เลือกตัวอักษร > เลือก
ขนาด > เลือกสี > จัดวางตำแหน
ง > ใช เส นรอบ > ใช เงา ฯลฯ > คลิกปุDม ตกลง









































ี
Note: สามารถเลือกส /ฟVอนท$ตัวอักษร ได ตามต องการ

40

4.คลิกที่ข อความที่พิมพ$ เพื่อปรับแต
งข อความ > คลิกลาก > จัดวางตรงตำแหน
งที่ต องการ



































5. ตรงช
องเลขที่เกียรติบัตร และให ไว ณ วันที่..............ด วยคะแนนผาน.........ก็ทำเหมือนกัน
?

41




VDO สอนการสร างแบบทดสอบและส?งเกียรติบัตรที่ออกแบบเอง

ให ผู สอบผ?านเกณฑ ทางอีเมล โดยใช Add on Certify'em


1. การสร างแบบทดสอบและเกียรติบัตรออนไลน$ (Create Quiz and Certificate Online)
By ดร.สมัต อาบสุวรรณ $

https://youtu.be/T2ckfQY1sb8



ี
2. สรางแบบทดสอบพร อมออกเกียรติบัตรออนไลนฟรี!!! (29 ม.ค. 2020)
$
https://www.youtube.com/watch?v=_o0DC-fYVAA



3. Google Form : การสร างฟอร$มแบบทดสอบและส
งเกียรติบัติผานอีเมล (10 ต.ค. 2019)
https://www.youtube.com/watch?v=qh_zM-h2HMA


4. การสร างแบบทดสอบ และส
งเกียรติบัตรที่ออกแบบเอง ให ผู สอบผานเกณฑ$ทางอีเมล (28 มี.ค.

2020)
https://www.youtube.com/watch?v=vD9Zcq2MxcE&feature=youtu.be&fbclid=IwAR

1vX6JdYuHveGgrNOx8U6SSvfY1PdyZOEmQt1pNLd-mBeIocfjgGD84fdg
















ขอได รับความขอบคุณจากผม
ดร.สมัต อาบสุวรรณ

รอง ผอ.สพป.ชัยภูมิ เขต 1
0878795757
แอดมินเพจรู รอบสอบได กับ ดร.ชา