หนังสือคู่มือ

หลักสตู รการพฒั นาครูดา นการจดั การเรียนรูแบบออนไลน

บทปฏิบัตกิ ารบทที่ 2

1. จงโยงเสนจบั คูดงั ตอไปน้ี

1. CANVA A

2. Quizizz B

3. E-book และ Flipbook C

4. Animaker D

5. Liveworksheets E
6. Anyflip F
50

หลกั สูตรการพฒั นาครูดา นการจดั การเรยี นรูแ บบออนไลน
2. ลงชอ่ื ใชง านเว็บแอปพลเิ คชนั ดงั ตอไปนี้

2.1 Animaker
2.2 Anyflip
3. ถา ใหท า นสรา งการสอนในรายวชิ าของจำนวน 1 ชิ้นงาน ทา นจะสรางสอ่ื โดยใชเ วบ็ แอปพลิเคชนั ใด
เพราะเหตุใด จงอธิบาย

51

หลกั สูตรการพฒั นาครูดา นการจดั การเรียนรูแบบออนไลน

บทท่ี 3 การสรา งหนังสืออเิ ลก็ ทรอนกิ ส ดว ย Anyflip

Anyflip เปนเวบ็ แอปพลิเคชนั ที่ใหบรกิ ารสราง Flipbook หรอื E-Book ตามแมแบบทท่ี ำงานบนเว็บ
เบราวเ ซอร ทำให Flipbook หรือE-Book ชว ยสรา งปฏสิ ัมพนั ธก ับผูอ า น
3.1 การสมคั รสมาชกิ

3.1.1 การเขาใชงานคร้งั แรก
เขาหนาเว็บไซตของแอปพลิเคชัน Anyflip โดยพิมพ url ดังนี้ คือ www.Anyflip.comหลังจากน้ัน
โปรแกรมเว็บเบราวเ ซอรจ ะพาเขาไปยงั หนา แรกของเวบ็ ไซต Anyflip ซ่งึ จะมีหนา จอดงั นี้

ภาพที่ 3.1 หนา เวบ็ ไซต
จากหนาจอหลักใหคลิกเขาไปที่รูปไอคอนธงชาติของประเทศสหรัฐอเมริกาเพื่อเปลี่ยนภาษาใหเปน
ภาษาองั กฤษ (ซอฟตแวรน ้ีไมมีเวอรช นั ภาษาไทย) เพอื่ สะดวกตอ การใชงานในลำดับถัดไป

เลอื ก
ประเทศ

ภาพที่ 3.2 การเลือกประเทศ

52

หลักสูตรการพฒั นาครดู า นการจดั การเรยี นรแู บบออนไลน

จากนน้ั คลิกเลอื กท่ีไอคอน Sign in เพอ่ื ทำการสมคั รสมาชกิ

คลิก Sign in
เพ่อื สมคั ร

ภาพท่ี 3.3 สมัครสมาชกิ

จากนั้นจะเขาสูหนาจอเลือกรูปแบบการสมัครสมาชิก โดยผูใชงานสามารถเลือกการสมัครสมาชิกได
หลากหลายรูปแบบ เชน Google ผาน Gmail หรืออีเมลอื่น ๆ แตสำหรับผูใชงานที่จะนำไปใชในการเรียน
การสอน หรือการทำกิจกรรมอื่น ๆ ที่มีลักษณะใกลเคียง เชน การฝกอบรม สามารถใชขอมูลจาก Facebook
ซึ่งสวนใหญมีการใชงานกันอยางแพรหลาย เพื่อใชในการสมัครสมาชิก Anyflip สำหรับการสราง E-book ได
โดยมีขั้นตอนดังน้ี

ทำการคลิกเลือกการสมัครสมาชิกโดย Facebook โดยคลิกที่ไอคอน CREATE WITH
FACEBOOK หรือสมัครผาน Facebook

คลกิ สมคั รผา น

Facebook

ภาพที่ 3.4 เชื่อมตอ กับบัญชี Facebook

53

หลกั สตู รการพัฒนาครูดา นการจัดการเรยี นรแู บบออนไลน
กอนการสมัครสมาชิกใหผูใชงานเปดเขาใชงาน Facebook ในเว็บเบราวเซอรกอนเพื่อสะดวกตอ
การเชอื่ มตอ โดยไมตอ งลงชือ่ เขาใชอ กี โดยหากมีการเปดใชง าน Facebook กอนอยแู ลว เม่ือผูใ ชงานคลกิ เลอื ก
สมัครผาน Facebook ระบบจะเชื่อมตอกับ Facebook ไดทันทีโดยมีการแจงเตื่อนวาชื่อนี้ของ Facebook
ทำการสมัครเขาใชงาน Anyflip โดยจะมีขอความขอสิทธิ์ในการเขาถึงรูปภาพและอีเมลจาก Facebook ที่มี
การใชง าน ดงั ภาพ

คลกิ
ดำเนินการตอ

ภาพท่ี 3.5 การยอมรับ/อนุญาตการเช่อื มตอบัญชี Facebook
ใหผูใชงานคลิกในชอง ดำเนินการตอในชื่อของผูใชงานซึ่งเปนชื่อของ Facebook ที่มีการเปดการ
ใชง านมากอ นหนา นแ้ี ลว เพ่ือเขาสูหนา แรกของการสราง E-book ดังภาพ

54

หลกั สตู รการพัฒนาครดู า นการจัดการเรยี นรูแบบออนไลน

คลิก
ดำเนนิ การตอ

ภาพท่ี 3.6 การเขา สหู นาแรกของการสรางหนังสอื อิเล็กทรอนิกส
3.2 การเขาใชง าน Anyflip

เมื่อผูใชงานไดส มคั รสมาชิก หรือมีการเขา ใชงานโดยผาน Facebook ก็จะสามารถเขาสูหนา จอหนา
แรกของการใชง านสรางหนงั สือ E-book โดยมีหนา จอดังภาพ

ภาพท่ี 3.7 หนา จอสรางหนงั สอื อเิ ลก็ ทรอนกิ ส
55

หลักสตู รการพัฒนาครูดา นการจดั การเรยี นรูแบบออนไลน

ผูใชงานสามารถคลิกเปลี่ยนรูปภาพอื่น ๆ เปนรูปประจำตัว เชน รูปภาพจริง หรือรูปภาพการตูน
เพื่อสื่อถึงการเปนเจาของหนังสือ E-book ได โดยคลิกที่รูปที่อยูคูกับชื่อ Facebook ที่มุมบนขวา และคลิกท่ี
รปู ดนิ สอเพื่อทำการแกไ ขภาพประกอบการเปนเจาของ E-book ดังภาพ

คลิกเลือกเพอื่
เปลย่ี นภาพ

ภาพที่ 3.8 การเปล่ียนรูปภาพประจำตวั
3.3 ขั้นตอนการสราง E-book โดยใช Anyflip

เนื่องจากโปรแกรมในเว็บไซต Anyflip เปนเวอรชันฟรี หรือไมมีคาใชจายใด ๆ ดังนั้นใน
ความสามารถบางอยาง (feature) จะไมสามารถใชงานได หากตองการใชงานตองทำการสมัครแบบเสีย
คาใชจายรายเดือนจะได user สำหรับการใชงานแบบ pro ซึ่งจะสามารถใชงานไดอยางหลากหลาย อยางไรก็
ตามหากทำหนงั สอื E-book โดยไมหวงั ผลทางการคาเวอรชันที่ไมม คี าใชจา ยกม็ ีความเหมาะสมกบั การนำไปใช
งานได

ในขั้นตอนการสราง E-book จะเนนการนำเขาไฟล pdf ซึ่งไดจากการแปลงไฟลจากรูปภาพตาง ๆ
หรือไฟลเอกสารจากโปรแกรม Microsoft word หรือMicrosoft powerpoint ดังนั้นผูใชงานจะตองมี
แหลงขอมูลที่มเี นื้อหาครบถว นกอ นจึงจะสามารถแปลงไฟลเ ปนไฟลในรูปแบบของ E-book เพื่อนำไปใชง านได
อยา งสะดวก สำหรบั ขน้ั ตอนการสราง E-book โดยใช Anyflip มีข้ันตอนดังน้ี

56

หลักสูตรการพฒั นาครูดา นการจดั การเรยี นรแู บบออนไลน

1.ทำตนฉบบั ไฟลจาก
- ภาพ jpeg
- ไฟลจ าก Microsoft word
- ไฟลจ าก Microsoft Power point
2. นำไฟลเ ขา ระบบของ Anyflip
4. แปลงไฟลเปน E-book
5. เผยแพรไฟล E-book (แชรไ ฟล)

6. อนญุ าตการโหลดกลบั เปน pdf เพอื่ นำมาใชงาน
3. ปรบั แตง รปู แบบของ ebook

ภาพท่ี 3.9 ขน้ั ตอนการสราง

57

หลักสูตรการพัฒนาครดู า นการจัดการเรยี นรแู บบออนไลน
3.4 เมนสู ำหรบั การทำงานใน Anyflip เพือ่ การสราง E-book

เมื่อผูใชงานทำการ sign in เขาสูระบบ ดวยรูปแบบใดแบบหนึ่ง (ตัวอยางเปนการเขาใชงานผาน
user ของ Facebook) จะมเี มนมู าตรฐานของโปรแกรม Anyflip ดงั ภาพ

ภาพท่ี 3.10 เมนูมาตรฐานของโปรแกรม Anyflip
เมอ่ื ผใู ชงานเขาสรู ะบบของ Anyflip จะมีเมนูสำหรับการใชง านดังนี้
3.4.1 เมนู FREE ACCOUNT ประกอบดวยเมนูยอ ยและรายละเอียดการใชงานดังนี้

1) Homepage เปนเมนยู อ ยหนาหลกั ทีแ่ สดงรายละเอียดตาง ๆ ของผูใ ชง าน
2) Following เปนเมนูที่หากผูใชงานมีการติดตามหนังสือ E-book ในกลุมตาง ๆ สามารถ
กำหนดหนังสือที่อยากติดตาม เมื่อมีหนังสือในกลุมดังกลาวมีการเพิ่ม หรือปรับปรุงระบบจะทำการสืบคนและ
แสดงหนงั สอื ทเี่ ราติดตามในหนาแรกเม่อื คลกิ เขาสเู มนู Following
3) Favorites เปนเมนูรายการโปรด หรือหนังสือที่เรามีการติดตามและเลือกเปนรายการโปรด
เอาไว เมื่อมีการเพิ่ม หรือปรับปรุงหนังสือโปรดใหมเขามาในระบบ Anyflip จะทำการสืบคนและแสดงหนังสอื
ที่เราเลือกไวเปน รายการโปรดให update ตลอดเวลา

58

หลักสูตรการพฒั นาครดู า นการจดั การเรียนรแู บบออนไลน

3.4.2 เมนู MY FLIPS
เปนเมนูสำหรับการสราง folder ไวเก็บหนังสือ หรือการแบงชื่อกลุมตาง ๆ เพื่อความสะดวกในการ
จัดเก็บ การเรียกออกมาแสดงผล โดยจะมีเมนู Default เปนเมนูยอยที่ใหมา หากมีการเพิ่มเติมสามารถกด
คลกิ ที่เคร่ืองหมายบวกเพือ่ เพม่ิ ชอ่ื folder ได
3.4.3 เมนู MY BOOKCASES
เปนเมนูสำหรับการสรางชั้นวางหนังสือ (Bookcase) เพื่อความสวยงามและความสะดวกในการเขา
มาอานหนังสือ E-book ที่ผูใชงานไดสรางขึ้น โดยสามารถคลิกเลือก เครื่องหมายบวก (+) เพื่อเพิ่มชื่อชั้นวาง
หนังสือ ซึ่งในตัวอยางมกี ารสรางตูช้ันวางหนังสือชื่อเว็บแอปพลิเคชันสำหรับการสราง E-book ในกลุมหนังสือ
ท่ีเปนการใชง านเวบ็ แอปพลเิ คชัน

1) Billing เปนเมนูสำหรับการเขาไปจายคา เชาเพื่ออานหนงั สอื ที่เราตองการ ซึ่งหนังสือในกลมุ
E-book บางสว นสามารถอา นไดฟ รี แตบางสวนจะตอ งเสียคา ใชจ ายในการเขาไปอาน เชน กลมุ หนังสือการตูน
หรือหนังสือดานเศรษฐกิจ ซึ่งผูสราง หรือผูเขียนเรียบเรียงจากประสบการณโดยตรง ซึ่งถือเปนลิขสิทธ์ิ หรือ
ทรพั ยส ินทางปญ ญา ที่ผตู อ งการอา นจะตองเสียคา ใชจ า ย

2) Settings เปนเมนูสำหรับการกำหนดคาขอมูลสวนบุคคลเพื่อการเผยแพรและการรับรายได
ในอนาคตหากมีคนตองการเชาอา นหนังสอื E-book ของเรา จะมีหัวขอยอยสำหรับการกรอกขอ มูลสวนบุคคล
เพอื่ การเผยแพรดังนี้

2.1) Profile
2.1.1) สวน Public Information เปนการกรอกขอมูล ชื่อ ที่อยู บริษัท เว็บไซต

เปน ตน
2.1.2) สวน Personal Information เปนการกรอกขอมูลลงรายละเอียดสวนบุคคล

เชน ขอ มลู ตำบล อำเภอ จงั หวัด หรือรัฐ ประเทศ รหสั ไปรษณยี  และเบอรโทรศพั ท
เมื่อผูใชกรอกขอมูลทั้งสองสวนในเมนู Profile จะมีปุม save ดานลางขวาเพื่อการยืนยัน

การบนั ทกึ ขอ มูลดงั ภาพ หรอื หากไมอยากกรอกขอ มลู กส็ ามารถปลอ ยวางไวกอ นได

59

หลกั สูตรการพัฒนาครูดา นการจัดการเรยี นรแู บบออนไลน

ภาพที่ 3.11 ขอ มลู ผใู ชงาน
นอกจากนี้ยงั มเี มนูยอ ยในเมนหู ลัก Settings อืน่ ๆ อีกประกอบดว ยรายละเอยี ดดงั นี้

ภาพที่ 3.12 เมนู Settings
2.2) Custom Domain เปนเมนูสำหรับการแจงโดเมน หรือชื่อของ Link หนังสือ E-book
ซึ่งหากเปนเวอรชันที่เสียคาใชจายจะสามารถกำหนดชื่อผูใชงานแตสำหรับเวอรชันฟรีจะมีการสุมชื่อ Link
ใหก ับสมาชกิ เอง
2.3) Book Logo เปน การใสโลโกใหกบั หนงั สือ E-book ของเรา

ภาพท่ี 3.13 การอปั โหลดภาพเพื่อใสโ ลโกห นังสือ

60

หลกั สูตรการพฒั นาครดู า นการจดั การเรยี นรูแบบออนไลน
2.4) Reset Password เปน เมนูสำหรบั การกำหนดรหัสผานใหมตามตองการ

ภาพที่ 3.14 การกำหนด Password
2.5) Notifications เปน เมนูเพอื่ การแจงเตือนโปรโมช่ัน (Promotion) สำหรับเวอรชันเสีย
คาใชจายผานทางอีเมล และการแจงเตือน Newsletter เมื่อมีการปรับระบบตาง ๆ เพิ่มเติมของโปรแกรม
Anyflip ผา นทางอเี มล โดยสามารถเลือกเปน off ได
3.5 การนำเขา ไฟล pdf สำหรับทำ E-book
เมื่อผูใชงานมีการเตรียมไฟล pdf ไวเรียบรอยแลว โดยสามารถเตรียมไดจากรูปภาพ jpeg ที่แปลง
เปน pdf แลว หรือแปลงไฟลจาก Microsoft word เปน pdf เรียบรอยแลว หรือแปลงไฟลจาก Microsoft
power point เรียบรอ ยแลว หากตองการสรา ง E-book ใหด ำเนินการตามขั้นตอนดังตอไปน้ี
3.5.1 ลงชอ่ื เขา ใชงานตามท่ไี ดลงทะเบียน หรือสมคั ร Anyflip เอาไว จะปรากฏหนาจอดังภาพ

ภาพที่ 3.15 หนาจอ Anyflip

61

หลักสตู รการพฒั นาครดู า นการจดั การเรยี นรแู บบออนไลน
3.5.2 คลิกเครื่องหมายบวกที่เมนู MY FLIPS เพื่อสราง folder สำหรับเปนชื่อกลุมของหนังสือ
E-book ที่เราจะสราง เชน manual application หรือคมู ือการใชง านเว็บแอปพลเิ คชัน
ดงั ภาพ

ภาพท่ี 3.16 สราง folder สำหรบั เปนชอื่ กลุม ของหนงั สือ
ในชอง FOLDER NAME ใหกรอกขอมูลชื่อกลุม หรือfolder ที่เราจะสรางในที่นี้จะสรางชื่อวา
Manual Application สวนในชอง CATEGORY ใหเลื่อนหาคำวา Enrichment แลวเลือกเปนชื่อกลุมวา
Education หรือE-book สำหรับการศึกษา ชอง FOLDER DESCRIPTION เปนคำอธิบายสามารถพิมพ
ภาษาไทยได หรือไมกรอกขอมูลในชองนี้ก็ได เมื่อเรียบรอยแลวใหคลิกที่ปุม create ดานลางขวามือ เพื่อทำ
การบันทกึ ขอ มูลท่กี ำหนดขึน้
หลงั จากคลิกท่ปี มุ create จะปรากฏหนาจอสำหรับการสรา ง E-book ดงั ภาพ

ภาพที่ 3.17 การสราง folder สำเรจ็ เรียบรอย

62

หลักสูตรการพัฒนาครดู า นการจัดการเรยี นรูแ บบออนไลน
3.5.3 จากภาพดานบน เมื่อผูใชไดเตรียมไฟล pdf สำหรับการสราง E-book เรียบรอยแลวให
ดำเนินการคลิกเลือกที่ปุมสีน้ำเงิน +ADD NEW BOOK จากนั้นเลือกไฟล pdf ที่เราสรางไวแลว ซึ่งเงื่อนไข
ในเวอรชนั ฟรี คอื จะมกี ารจำกัดขนาดไฟล pdf ทีจ่ ะสราง E-book ตอ งไมเ กิน 150 Mb เทานน้ั

ภาพที่ 3.18 อปั โหลดไฟลห นงั สือ สกลุ .pdf
จากภาพใหเพิ่มขอความในชอง Tiltle เปนชื่อหนังสือ E-book และกรอกรายละเอียดของหนังสือ
ในชอง Description และหากตองการกำหนดคำที่เปนคียในการคนหาขอมูลใหกรอกในชอง keywords
โดยสวนสำคัญคือ ชอง Allow readers to download PDF ซึ่งหมายถึงใหผูอานสามารถโหลดไฟล E-book
ของเราแปลงเปน pdf ได หรือไม โดยระบบจะกำหนดใหทำไดแตหากไมตองการก็คลิกจุดสีน้ำเงินออก
หลังจากนั้นคลิกที่ปุมที่มีขอความวา UPLOAD YOUR PDF ดานขวามือ เพื่อเลือกไฟล pdf เมื่อคลิกเลือกชื่อ
ไฟลระบบของ Anyflip จะทำการประมวลผล จาก 0 ถงึ 100 ใหผ ใู ชงานรอจนกวา จะประมวลผลเสร็จ

ภาพที่ 3.19 แถบแสดงควมกา วหนาในการอัปโหลดไฟลหนงั สอื สกุล.pdf

63

หลักสูตรการพฒั นาครูดา นการจัดการเรยี นรแู บบออนไลน
3.5.4 เมื่อประมวลผลเสร็จก็จะปรากฏหนังสือ E-book ตามไฟลตนฉบับของผูใชงาน ในตัวอยาง
เปน การสรางหนงั สอื E-book คูมอื การใชง าน animaker

ภาพท่ี 3.20 การอปั โหลดไฟลหนงั สอื สกลุ .pdf เสร็จสมบรู ณ
จากภาพเปนตัวอยางของ E-book ที่เรานำเขามาจากไฟล pdf ซึ่งหากไฟลไมถูกตอง เราสามารถคลกิ ท่ี
ปุม RE-UPLOAD ดานลางซา ยมอื เพ่อื ทำการเปลีย่ นเปนไฟลท ตี่ องการใหมได
3.6 การปรบั แตง หนังสอื E-book

เมื่อทำการโหลดไฟล pdf เพื่อการสรางหนังสือ E-book เสร็จสิ้น หากผูใชงานตองการแกไข หรือ
ปรับแตงหนังสือ E-book โปรแกรม Anyflip จะมีเมนูยอยสำหรับการแกไขและการปรับแตง E-book ได
หลากหลาย แตอ ยางไรกต็ ามในเวอรชันฟรกี ็จะมีขอ จำกดั ในบางสวนดงั ภาพ

64

หลักสูตรการพฒั นาครดู า นการจดั การเรียนรูแ บบออนไลน

ภาพท่ี 3.21 การแกไ ขและการปรบั แตง E-book
สำหรบั การแกไ ข หรอื ปรับแตง หนังสอื มีเมนยู อ ยเพ่ือการใชงานดงั นี้
3.6.1 Book Info จะมหี ัวขอยอยสำหรบั การกรอกรายละเอียดของหนงั สอื ดังน้ี

Title ใชก รอกชอื่ ของหนังสอื E-book
Description สำหรับกรอกรายละเอียดของหนังสอื E-book
Keywords กำหนดคำที่เปนคียในการคนหาขอมูล เชน คูมือการใชงาน เปนตน
3.6.2 Template จะเปนการกำหนดรูปแบบการแสดงผลดานหลงั และดา นขา งของหนงั สือ E-book
ซึ่งโปรแกรม Anyflip ในเวอรชันฟรีจะมีเมนูใหเลือกมากมาย วิธีการเลือกใชการดับเบิ้ลคลิกที่เทมเพลตที่
ตองการ

ภาพท่ี 3.22 Template พื้นหลงั

65

หลกั สตู รการพัฒนาครดู า นการจัดการเรียนรแู บบออนไลน
3.6.3 Advance เมนูสำหรบั การกำหนดขั้นสงู จะมเี มนยู อยเพื่อกำหนดการเปลีย่ น 4 สวนดังนี้

Preloader Settings เปน สวนการกำหนดรปู แบบสีสำหรับการเปด ปด หนงั สอื

ภาพท่ี 3.23 การกำหนดข้นั สูง
Toolbar Settings เปน สว นสำหรับการกำหนดสีของแถบเคร่อื งมอื ทีใ่ ชเพอ่ื การเล่ือนการแสดงผล
ของหนังสือ E-book โดยสวนสำคัญของการกำหนด Toolbar เชน การกำหนดเสียงเวลาเปดหนังสือ E-book
ซง่ึ สามารถกำหนดเปด หรือปดได โดยปกติจะตง้ั คาเปน ปดเสียงเอาไว ดงั ภาพ

ภาพท่ี 3.24 Toolbar Settings
Display Settings เปนสวนสำหรับการกำหนดสีของการแสดงผลบนอุปกรณตาง ๆ ของหนังสือ
E-book รวมไปถงึ สามารถกำหนดรปู ภาพพื้นหลังของหนังสอื E-book ไดดว ย

66

หลกั สตู รการพัฒนาครดู า นการจัดการเรยี นรูแบบออนไลน

ภาพที่ 3.25 Display Settings
HTML Settings เปนสวนสำหรับการกำหนดการแสดงผลบนเว็บไซต ที่มีการใชงานผาน HTML
เพื่อปรบั แตงให E-book ท่ีเราสรา งขึน้ สามารถใชงาน E-book ได

ภาพที่ 3.26 HTML Settings
3.6.4 Table of เปนเมนูที่ใชในการสรางสารบัญของระบบเพื่อใหการเขาถึง E-book ในหัวขอตาง ๆ
ทำไดอยางสะดวกและใชงานงาย ซึ่งจะเหมาะกับ E-book ที่เราสรางขึ้นมีเนื้อหาเยอะ หรือมีการแบงเปน
หนว ยการเรียน หรือการแบงเปนบทเรียนในประเด็นตา ง ๆ โดยมีรายละเอยี ดดงั ภาพ

67

หลักสูตรการพฒั นาครดู า นการจดั การเรียนรูแบบออนไลน

ภาพที่ 3.27 การสรางสารบัญของระบบ
ในการเพิ่มหัวขอเพื่อการจัดทำสารบัญของหนังสือ E-book ใหคลิกเครื่องหมายบวก (+) ที่มุม
บนซายของแถบเครื่องมือ จากนั้นทำการเพิ่มขอความใหชอง Title ดานลาง ซึ่งควรจะตรงกับหัวขอในหนังสอื
E-book ของเรา จากนน้ั กำหนดหนาท่ีตอ งการแสดงผล หรือLink ไปยังหนาทต่ี องการเช่ือมโยงไป เม่ือเสร็จให
คลกิ ท่ีไอคอน Apply เพื่อทำการปรับเปลย่ี นส่งิ ทไ่ี ดกำหนดเอาไว
3.6.5 Bookmark เปนการกำหนดสีของ Link ที่จะทำการ bookmark ในระบบเพื่อจัดเก็บขอมูลไว
ในอปุ กรณท่เี ราเปด ใชงานใหสามารถจดจำและเขา ถึง E-book ท่ีเราสรา งขนึ้ ไดส ะดวกยิ่งขึ้น
3.7 การสรา งชนั้ วางหนังสอื E-book
การสรางชั้นสำหรับวางหนังสือ หรือทำลักษณะเปนตูหนังสือของ E-book ซึ่งเปนจุดเดนของ
โปรแกรม Anyflip ทำใหเราสามารถรวบรวมผลงานทั้งหมดจัดออกเปนหมวดหมู และวางไวบนตูหนังสือของ
เรา เพื่อนำมาใชก็เพียงเผยแพรแหลงที่อยูของหนังสือของเราไดอยา งสะดวกและสามารถปรบั ปรุงแกไขชั้นวาง
หรือตเู ก็บหนังสือ E-book ของเราใหท นั สมัยไดอ ีกดวย
สำหรบั ขน้ั ตอนในการกำหนดหนงั สือไวใ นตูหนัง หรือชั้นหนงั สอื ของ E-book มีข้ันตอนดังนี้

68

หลกั สตู รการพฒั นาครดู า นการจัดการเรียนรแู บบออนไลน
3.7.1 คลกิ ท่ีเมนู MY BOOKCASES

ภาพที่ 3.28 MY BOOKCASES
หากมีการสราง Bookcases เอาไวจะมีภาพโชวขึ้นซึ่งในภาพมีการสรางชั้นวางหนังสือ E-book ชื่อ
เวบ็ แอปพลเิ คชัน แตย งั ไมมหี นังสืออยใู นช้ันวาง (0 Book) หากยงั ไมมใี หค ลิกท่ี New bookcases แลวทำการ
สรางชื่อตูหนังสือ E-book เชน web application เปนชั้นวางหนังสือเกี่ยวกับการเรียนรูโปรแกรม
เวบ็ แอปพลเิ คชัน
3.7.2 คลกิ ทีต่ ู หรือช้นั วางหนังสือทส่ี รางขึน้

ภาพท่ี 3.29 ตู หรือชัน้ วางหนังสอื
69

หลักสตู รการพัฒนาครดู า นการจัดการเรียนรูแบบออนไลน
คลิกที่ชอง Link ในตัวอยางจะมี Link วา http://Anyflip.com/bookcase/voahg เมื่อคลิกท่ี
Link จะเปน การไปยังชน้ั วางหนังสือ E-book ซ่ึงจะยังไมมีหนังสือ E-book ใด ๆ เลย

ภาพท่ี 3.30 ต/ู ชนั้ วางหนังสอื
3.7.3 จากหนา Manage Bookcases ใหคลิกปุมเครื่องหมายบวก Add book จะเขาสูหนาจอการ
นำหนังสือ E-book ที่สรางไวไปใสไวในตู หรือชั้นวางหนังสือโดยคลิกที่ชื่อของกลุมหนังสือที่เราสราง
ในตัวอยางนี้คือหนังสือ E-book จะอยูในกลุม Manual Application จำนวน 2 เลม สวนวิธีการนำหนังสือ
ไปวางในชั้นวางหนงั สือใหค ลกิ เครื่องหมายถกู ทก่ี ลองสี่เหลย่ี มในภาพหนงั สอื E-book

ภาพที่ 3.31 การนำหนังสือ E-book ทสี่ รางไวไปใสไ วในตู
เม่ือคลิกเลือกหนังสือเสร็จจะไดด งั ภาพ

ภาพที่ 3.32 การนำเขา E-book ที่สรา งไวไ ปใสไวในตู
70

หลกั สตู รการพฒั นาครูดา นการจดั การเรียนรแู บบออนไลน
คลกิ ทปี่ ุม save ดา นลางขวามอื ระบบจะพากลบั ไปยังหนา Manage Bookcases และจะเห็นไดวามี
ภาพของหนังสอื E-book จำนวน 2 เลม วางไวใ นหนาน้เี รยี บรอ ยแลว

ภาพท่ี 3.33 E-book ท่สี รางไวไปอยใู นต/ู ช้ันวางเรียบรอย
และเมื่อคลิกที่ Link เพื่อกลับไปยังตูหนังสือก็จะเห็นหนังสือ E-book ของเราวางบนตูหนังสือแลว
ทำใหตูหนังสือของเราถูกจัดวางเอาไวเหมือนกับชั้นวางหนังสือในหองสมุด หรือในรานขายหนังสือ ซึ่งมีความ
สวยงามและเพ่มิ ความสะดวกในการใชง าน

ภาพท่ี 3.34 ตวั อยางหนังสือท่ีแสดงบนตู/ช้ัน

71

หลกั สตู รการพัฒนาครดู า นการจัดการเรียนรแู บบออนไลน
และหากตองการเปดอานหนังสือ E-book ในชั้นวางหนังสือก็เพียงแตคลิกที่รูปหนังสือ E-book
เลมที่ตองการอาน ระบบของ Anyflip ก็จะทำการเปดระบบการอานหนังสือในรูปแบบ E-book เลมดังกลาว
ไดทันที ดงั ภาพ

ภาพท่ี 3.35 ตวั อยางเมอื่ เลือกหนงั สือบนช้นั
3.8 การเผยแพรเ พอื่ การใชง าน

หนังสือ E-book ที่ผูใชงานสรางขึ้นในหัวขอที่ผานมา เมื่อตองการนำหนังสือดังกลาวไปเผยแพร
เพ่อื ประกอบการเรียนการสอน การทำผลงานทางวชิ าการ หรืออ่ืน ๆ จะมขี ัน้ ตอนดงั นี้

3.8.1 คลิกเขาไปยังหนา MY FLIPS คลิกชื่อ folder ที่เราสรางไวเก็บหนังสือ E-book เพื่อเขาสู
หนา จอ Manage Books ดงั ภาพ

ภาพที่ 3.36 หนา จอ Manage Books

72

หลักสตู รการพฒั นาครูดา นการจดั การเรยี นรูแ บบออนไลน

3.8.2 ตรงหนังสือ E-book จะมีแถบเครื่องมือเรียงลำดับจากซายไปขวา เพื่อใหผูใชงานสามารถ
ปรบั ปรุงแกไ ขหนงั สอื E-book ที่สรางข้นึ ได

ภาพท่ี 3.37 แถบเครือ่ งมอื แกไ ข และอื่น ๆ

3.8.3 คลิกตรงสัญลกั ษณแ ชร หรือ บนแถบเครอ่ื งมือแกไ ขหนังสอื

คลิกปมุ แชร

ภาพที่ 3.38 การแชร
3.8.4 เมอื่ คลกิ ที่ปมุ แชรไฟลร ะบบของ Anyflip จะเขา ไปยังหนาทม่ี ีการกำหนด Link ไวดังภาพ

ภาพท่ี 3.39 แสดงการแชรใ นรูปแบบตาง ๆ
จากภาพผูสรางหนังสือ E-book สามารถแชรไปยังกลุมที่ตองการใหสามารถเขามาอานหนังสือ
E-book ไดด งั นี้

1) ทาง QR Code โดยการคลิกขวาที่ภาพ QR Code เพื่อคัดลอกไปวางยังกลุมตาง ๆ ที่
ผูสรางหนังสอื E-book ตองการเผยแพร เชน กลุม ผูเรียน กลมุ อบรม สัมมนา เปน ตน

73

หลักสตู รการพฒั นาครูดา นการจัดการเรียนรแู บบออนไลน

2) นำ Link ไปวางยังกลุมที่เผยแพรตาง ๆ โดยการคัดลอกที่อยูของหนังสือ E-book จาก
Book Link

3) ทาง Share On โดยสามารถเลือกโปรแกรม หรือแอปพลิเคชันที่ผูสรางหนังสือ E-book
ตอ งการเผยแพร เชน กลมุ ผเู รียน กลุม อบรม สัมมนา แชรไ ปยงั Facebook, Twitter เปน ตน

ภาพท่ี 3.40 ตัวอยา งการแชรไปยงั Facebook
3.9 การสรางไฟล PDF จาก Microsoft word

จากขั้นตอนของการสรางหนังสือ E-book ในหัวขอที่ 3 ซึ่งจะตองมีการสรางไฟลสกุล PDF ใหได
กอน จึงจะสามารถนำไฟลดังกลาวมาสรางเปนหนังสือ E-book เพื่อใชงานในคอมพิวเตอร หรือโทรศัพท
ได ซึ่งเปนวิธีการที่นิยมใชงาน เนื่องจากมีความสะดวกและงายกับผูสราง E-book ซึ่งอาจจะไมมีความ
เชี่ยวชาญในการใชโปรแกรมคอมพิวเตอรก็จะไดแกการสรางไฟล PDF จากโปรแกรม Microsoft Word
เน่อื งจากเปน โปรแกรมพนื้ ฐานที่ใชง านสะดวก

สำหรับขั้นตอนการสรางไฟล pdf จากโปรแกรม Microsoft word เพื่อนำไฟลไปสรางหนังสือ
E-book มขี ้ันตอนดงั นี้

3.9.1 เปดโปรแกรม Microsoft Word เลอื กเมนู File และ New ตามลำดับ

74

หลกั สตู รการพัฒนาครูดา นการจดั การเรียนรูแบบออนไลน

ภาพท่ี 3.41 โปรแกรม Microsoft Word
3.9.2 สรางหนาปก เชน เอกสารประกอบการเรียน เอกสารเพื่อการนำเสนอ เอกสารสรุปเนื้อหา
สาระของรายวชิ าตา ง ๆ เปน ตน

ภาพท่ี 3.42 การสรา งหนา ปก
สรางสวนของคำนำใสในหนังสือ หรือเอกสาร แตหากเปนเอกสารสรุปงาน หรือการสรุปเนื้อหา
ไมต อ งใสคำนำกไ็ ด

75

หลกั สูตรการพฒั นาครูดา นการจดั การเรียนรูแบบออนไลน

ภาพท่ี 4.43 สรางคำนำ
สรางสวนของสารบัญ เพ่ือการนำไปจดั หมวดหมูเพอื่ การสืบคน ในภายหลงั

ภาพท่ี 4.44 สรา งสารบญั
สรางเนื้อหาที่ตองการ ซึ่งสามารถแบงออกเปนบทเรียน หนวยการเรียน หรือการเรียงลำดับหัวขอ
ดว ยตัวเลขตอเนื่องกนั กไ็ ด ดังภาพตวั อยาง

76

หลกั สตู รการพฒั นาครูดา นการจัดการเรยี นรแู บบออนไลน

ภาพท่ี 4.45 สรา งเนื้อหาทต่ี องการ
3.9.3 หากมีไฟลเอกสารเดิมอยูแลว ก็สามารถเปดไฟลเกาแลวเพิ่มเติมเนื้อหา ใหครบประกอบไป
ดว ย ปกหนา ปกหลงั คำนำ สารบัญ และเน้อื หาวชิ า และทำการบนั ทึกไฟลใ หเรยี บรอ ย
3.9.4 ทำการแปลไฟล *.doc ใหเปนไฟล *.pdf โดยการคลิกที่เมนู File คลิกที่ Save as จากนั้นให
เลือกของประเภท หรือชนิดไฟลที่จะบนั ทกึ เปน pdf จากนั้นคลิก ok โปรแกรม Microsoft word ก็จะทำการ
แปลงไฟลเอกสาร *.doc ใหเ ปน ไฟล *.pdf

ภาพที่ 3.46 แปลไฟล *.doc ใหเปน ไฟล *.pdf
กรณที ี่ ไมม ตี ิดต้งั สวนเสริม/ไมส ามารถ Save as เปน *.pdf ใหสั่งพมิ พ แลวเลือกเครอ่ื งพมิ พ
Adobe PDF และกดพมิ พ จากนัน้ เลอื ก Folder และกด Save

77

หลักสตู รการพฒั นาครูดา นการจัดการเรียนรูแบบออนไลน

ภาพท่ี 3.47 แปลไฟล *.doc ใหเ ปน ไฟล *.pdf ดวยการสงั่ พมิ พ
3.9.5 ตรวจสอบไฟล pdf ที่ไดเพื่อดูรูปแบบการจัดวางตำแหนงตาง ๆ เชน รูปภาพ หากมีจุดที่ตอง
แกไ ขใหแ กไ ขทไ่ี ฟลเอกสาร *.doc และทำการบันทกึ ใหเปน *.pdf ใหม
3.9.6 นำไฟลไ ปใชสรา งหนงั สือ E-book โดยใช Anyflip เพื่อการเผยแพรตอ ไป

78

หลักสูตรการพฒั นาครูดา นการจดั การเรียนรูแบบออนไลน

บทปฏบิ ัติการบท่ี 3

1. ใหส รา งหนงั สือ E-book หรือFlipbook ในรายวิชาของทาน จำนวน 1 บทเรียน

79

หลกั สูตรการพัฒนาครดู า นการจัดการเรยี นรแู บบออนไลน

บทที่ 4
การสรางแบบทดสอบออนไลน (E-Testing) ดว ย Liveworksheets

Liveworksheets เปนเว็บแอปพลิเคชันในการสรางใบงานใหกับผูเรียนและการตรวจงานของผูสอน
รวดเร็ว สามารถจัดแบงหมวดหมูไดอยางชัดเจน ชวยการบริหารจัดการ มีรูปแบบที่หลากหลาย เชน การโยง
เสนจับคู การแยกหมวดหมู การเลือกถูก-ผิด การเติมคำจากตัวเลือกที่กำหนดให ขอสอบปรนัย ขอสอบแบบ
อตั นยั และการพดู -ออกเสยี ง เปนตน
4.1 จุดเดนของ Liveworksheets

4.1.1 ผูสอนสามารถสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธบนเครื่อง
คอมพวิ เตอรไ ดอยา งสะดวกและรวดเร็ว

4.1.2 ผูเรียนสามารถทำกจิ กรรมบนบนเคร่ืองคอมพวิ เตอร และอุปกรณเ คลอื่ นท่ี (Smart Devices)
4.1.3 เว็บไซต Liveworksheets สามารถตรวจคำตอบไดทันที
4.1.4 ผูเ รียนและผูสอนสามารถทราบคะแนนทันทหี ลงั เสร็จส้ินกจิ กรรม
4.1.5 เว็บไซต Liveworksheets สามารถทำงานผาน Web Browser โดยไมต องติดตงั้ โปรแกรมบน
เคร่ืองคอมพวิ เตอร
4.2 การสมคั รสมาชกิ เพอ่ื เขา ใชง าน
ในการสมัครสมาชกิ เพือ่ เขาใชง านเวบ็ ไซต Liveworksheets สามารถปฏบิ ตั ิไดต ามข้นั ตอน ดังนี้
4.2.1 เขาเว็บไซต www.liveworksheets.com
4.2.2 คลกิ ปุม Teachers access
4.2.3 คลิกปมุ Register
ท้ังนี้ สามารถแสดงรายละเอียดไดดังภาพที่ 4.1 ดงั น้ี

ภาพที่ 4.1 ขน้ั ตอนการเขาสูเวบ็ ไซตเ พ่อื สมคั รสมาชิก

80

หลักสตู รการพัฒนาครูดา นการจัดการเรยี นรแู บบออนไลน
4.2.4 กรอกขอมูลสวนตัว เพื่อสมัครสมาชิกตามที่ปรากฏในหัวขอ Required Information
ประกอบดว ย Username, Password, Repeat password, Email, Repeat email and Count
4.2.5 คลกิ เลือก I'm not a robot เพอ่ื แสดงตัวตนวาผูใชงานไมใชห นุ ยนต
4.2.6 คลิกเลอื ก I've read and accept the Terms of use
4.2.7 คลิกปุม Register
ท้งั น้ี สามารถแสดงรายละเอียดไดด ังภาพท่ี 4.2 ดังนี้

ภาพท่ี 4.2 ขน้ั ตอนการกรอกขอ มลู สวนตัวเพื่อสมัครสมาชิก
4.2.8 ใหผูใ ชง านทำการเปด อีเมล (E-Mail) ท่ใี ชใ นการสมัครสมาชกิ เพื่อยืนยนั บญั ชีผใู ชงาน
4.2.9 คลิกที่ลิงคต รงคำวา Please follow this Link to activate your account
ท้ังน้ี สามารถแสดงรายละเอียดไดดงั ภาพที่ 4.3 ดังน้ี

ภาพท่ี 4.3 ขนั้ ตอนการยืนยันบัญชีผูใ ชง านผานอีเมล (E-Mail) ทลี่ งทะเบียน
81

หลกั สูตรการพัฒนาครูดา นการจดั การเรยี นรูแบบออนไลน
4.2.10 เมื่อทำการยืนยันบญั ชผี ูใชงานเรยี บรอย จะปรากฏหนาจอของเว็บไซต Liveworksheets อกี ครั้ง
4.2.11 คลกิ ปมุ Enter เพื่อเขาสูระบบ (Login)
ทั้งน้ี สามารถแสดงรายละเอียดไดดังภาพที่ 4.4 ดังน้ี

ภาพที่ 4.4 ขนั้ ตอนการเขา สรู ะบบ Liveworksheets
จากภาพที่ 4.4 เมือ่ ทำการเขาสรู ะบบ Liveworksheets เรียบรอ ยแลว จะปรากฏหนา จอการใชงาน
ในบัญชผี ใู ชงานของตนเอง โดยสงั เกตชื่อผูใ ชง านจากขวามอื ของหนาจอดา นบนดังภาพที่ 4.5 ดงั นี้

ภาพที่ 4.5 หนา จอการใชงานในบัญชผี ใู ชงาน
4.3 การ Upload ไฟลงาน

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธของผูสอน สามารถปฏิบัติ
ไดตามข้ันตอน ดงั น้ี

82

หลักสตู รการพัฒนาครูดา นการจดั การเรยี นรูแบบออนไลน

4.3.1 ผูสอนควรทำการออกแบบและตกแตงใบกิจกรรม/แบบฝกหดั /แบบทดสอบใหน าสนใจ
4.3.2 ผูสอนอาจใชโปรแกรม Microsoft Word, Microsoft PowerPoint และ Canva ในการ
ออกแบบและตกแตงใบกิจกรรม/แบบฝก หดั /แบบทดสอบ
4.3.3 ผูสอนทำการบันทึก/แปลงไฟลใหอยูใ นรูปแบบ PDF หรือไฟลอื่น ๆ ที่รองรับ เชน .jpg และ .
png เปน ตน
4.3.4 คลิกปมุ Make interactive worksheets
4.3.5 คลกิ ปุม Get started
ท้งั นี้ สามารถแสดงรายละเอยี ดไดด งั ภาพที่ 4.6 ดงั นี้

ภาพที่ 4.6 ขน้ั ตอนการเลอื กเมนูเพอื่ Upload ไฟลง าน
4.3.6 ทำการเลือกไฟลงานโดยคลิกปุม Choose File แลวทำการเลือกไฟลงานจากเครื่อง
คอมพิวเตอร
4.3.7 คลิกปมุ Upload
ท้งั น้ี สามารถแสดงรายละเอยี ดไดดงั ภาพที่ 4.7 ดังน้ี

ภาพท่ี 4.7 ขน้ั ตอนการเลือกไฟลงานจากเคร่อื งคอมพวิ เตอร

83

หลักสูตรการพฒั นาครูดา นการจดั การเรยี นรแู บบออนไลน

จากภาพที่ 4.7 เมื่อทำการเลือกไฟลงานที่เปนใบกิจกรรม/แบบฝกหัด/แบบทดสอบ เรียบรอยแลว
จะปรากฏหนาจอไฟลงานผานเว็บไซต Liveworksheets ดงั ภาพที่ 4.8 ดงั นี้

ภาพท่ี 4.8 หนา จอผลลพั ธการเลอื กไฟลงานจากเคร่อื งคอมพวิ เตอร
4.4 รูปแบบการสรา งใบกจิ กรรม/แบบฝก หดั /แบบทดสอบ

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Livewordsheets ผูสอนสามารถดำเนินการได 10 รปู แบบ ดงั น้ี

4.4.1 เตมิ คำในชองวา ง (Fill in the Blank)
4.4.2 โยงเสนจับคู (Join)
4.4.3 ลากวางคำตอบ (Drag & Drop)
4.4.4 เลอื กตอบหลายตวั เลือก (Multiple Choices)
4.4.5 การเลือกตอบ (Check Box)
4.4.6 กลอ งขอ ความ (Drop Down)
4.4.7 การคนหาคำ (Word Search Puzzle)
4.4.8 การฟง เสียง (Listening)
4.4.9 การพูด (Speaking)
4.4.10 การแทรกเสยี ง (Insert Sound)
การสรางใบกิจกรรม / แบบฝกหัด / แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Livewordsheets ผสู อนสามารถเลอื กใชเครื่องมือการใชงานไดดังภาพที่ 4.9 ดงั นี้

84

หลกั สูตรการพฒั นาครูดา นการจดั การเรียนรูแ บบออนไลน

ภาพท่ี 4.9 หนา จอเคร่อื งมือสำหรับการใชงานเพื่อสรา งใบกิจกรรม/แบบฝก หดั /แบบทดสอบ
4.5 การสรางใบกจิ กรรม/แบบฝกหัด/แบบทดสอบ : แบบเตมิ คำในชอ งวาง (Fill in the Blank)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบเติมคำในชอ งวาง (Fill in the Blank) ผสู อนสามารถปฏบิ ตั ติ ามขน้ั ตอนได ดังนี้

4.5.1 ผสู อนทำการ Upload ไฟลง านตามขน้ั ตอนในหวั ขอ ท่ี 4.3
4.5.2 คลิกปุม รูปแบบคำตอบ (Edit) ทแี่ ถบเครอ่ื งมอื การใชงาน
4.5.3 นำเมาสมาวาดเปนกรอบสเ่ี หล่ยี มตรงชองวา งทผ่ี สู อนกำหนด
4.5.4 ใสค ำตอบท่ีถูกตอ งลงในกรอบสเ่ี หลย่ี ม
ท้ังน้ี สามารถแสดงรายละเอียดไดด งั ภาพที่ 4.10 ดงั นี้

ภาพที่ 4.10 ขนั้ ตอนการสรา งใบกจิ กรรม/แบบฝกหัด/แบบทดสอบ รปู แบบเติมคำในชอ งวา ง
85

หลักสูตรการพฒั นาครดู า นการจัดการเรยี นรูแบบออนไลน
จากภาพที่ 4.10 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง
ผลลัพธจากการสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอียดไดด งั ภาพท่ี 4.11 ดังน้ี

ภาพท่ี 4.11 หนาจอการเปลยี่ นมมุ มองการดู เพือ่ แสดงผลลพั ธแ บบเตมิ คำในชอ งวา ง
จากภาพท่ี 4.11 ผสู อนสามารถทดลองเติมคำตอบลงในชอ งวางตามท่ีกำหนด จากนนั้ คลิกปมุ Finish!!
เพอื่ สงคำตอบและดคู ะแนนทไี่ ดรบั ซง่ึ จะแสดงรายละเอยี ดไดดังภาพที่ 4.12 ดงั น้ี

ภาพท่ี 4.12 หนา จอการเรยี กดคู ะแนนทไ่ี ดร ับจากการตอบคำถามแบบเตมิ คำในชอ งวาง
86

หลักสตู รการพัฒนาครดู า นการจัดการเรียนรแู บบออนไลน

ทงั้ นี้ หากผสู อนตองกำหนดรูปแบบอกั ษร ขนาดตัวอักษร สพี ื้น และสเี สน ขอบกรอบส่เี หลย่ี ม สามารถ
ดำเนนิ การไดตามขน้ั ตอน ดงั น้ี

1) คลิกขวาทกี่ รอบส่ีเหลี่ยมคำตอบในหนามุมมอง (Preview)
2) จะปรากฏหนาตา ง Text box style ผูสอนสามารถเลือกต้ังคา ตาง ๆ ไดดังภาพท่ี 4.13 ดงั นี้

ภาพที่ 4.13 หนาจอการกำหนดรูปแบบอักษร รปู แบบพน้ื หลงั และรูปแบบเสนขอบของชองคำตอบ
ทั้งน้ี การบันทึกใบกิจกรรม/แบบฝกหัด/แบบทดสอบ ในรูปแบบปฏิสัมพันธ เพื่อสงใหผูเรียน

ดำเนินการจัดทำ จะแสดงขน้ั ตอนและกลา วถงึ ในหวั ขอที่ 4.15
4.6 การสรางใบกจิ กรรม/แบบฝก หดั /แบบทดสอบ : แบบโยงเสน จบั คู (Join)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบโยงเสน จบั คู (Join) ผูสอนสามารถปฏบิ ตั ติ ามข้นั ตอนได ดงั นี้

4.6.1 ผสู อนทำการ Upload ไฟลงานตามข้นั ตอนในหวั ขอที่ 4.3
4.6.2 คลกิ ปุม รปู แบบคำตอบ (Edit) ทแ่ี ถบเคร่ืองมอื การใชงาน
4.6.3 นำเมาสมาวาดเปน กรอบสีเ่ หล่ยี มตรงชองวางท่ผี สู อนกำหนด
4.6.4 ใสคำสงั่ ทเ่ี ปนคำตอบท่ถี ูกตอ งดว ยรปู แบบ join:ตัวเลข เชน join:1 และ join:2 เปน ตน
ทงั้ นี้ สามารถแสดงรายละเอยี ดไดดังภาพที่ 4.14 ดงั นี้

87

หลกั สูตรการพฒั นาครดู า นการจัดการเรียนรูแบบออนไลน

ภาพท่ี 4.14 ขน้ั ตอนการสรา งใบกิจกรรม/แบบฝกหัด/แบบทดสอบ รปู แบบโยงเสนจับคู
จากภาพที่ 4.14 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง
ผลลัพธจากการสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอยี ดไดด ังภาพที่ 4.15 ดังนี้

ภาพท่ี 4.15 หนา จอการเปลย่ี นมมุ มองการดู เพอ่ื แสดงผลลพั ธแบบโยงเสนจบั คู
จากภาพที่ 4.15 ผูสอนสามารถทดลองโยงเสนจับคูตามที่กำหนด จากนั้นคลิกปุม Finish!! เพื่อสง
คำตอบและดูคะแนนท่ไี ดรบั ซง่ึ จะแสดงรายละเอยี ดไดด งั ภาพที่ 4.16 ดงั น้ี

88

หลกั สูตรการพฒั นาครูดา นการจัดการเรยี นรูแ บบออนไลน

ภาพท่ี 4.16 หนา จอการเรียกดคู ะแนนทไี่ ดรับจากการตอบคำถามแบบโยงเสนจบั คู
4.7 การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ : แบบลากวางคำตอบ (Drag & Drop)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบลากวางคำตอบ (Drag & Drop) ผูสอนสามารถปฏิบัตติ ามขัน้ ตอนได ดงั นี้

4.7.1 ผสู อนทำการ Upload ไฟลง านตามข้นั ตอนในหัวขอที่ 4.3
4.7.2 คลิกปมุ รปู แบบคำตอบ (Edit) ทแี่ ถบเครอื่ งมอื การใชง าน
4.7.3 นำมาสม าวาดเปนกรอบสเ่ี หลี่ยมตรงชอ งวางทผี่ ูสอนกำหนด
4.7.4 ใสคำสง่ั ฝงท่เี ปน รูปภาพดว ยรปู แบบ drag:ตัวเลข เชน drag:1 และ drag:2 เปน ตน
4.7.5 ใสคำสง่ั ฝงทีเ่ ปน พน้ื ท่ีสำหรับลากคำตอบดวยรูปแบบ drop:ตัวเลข เชน drop1: และ drop:2 เปนตน
ท้ังนี้ สามารถแสดงรายละเอียดไดดังภาพท่ี 4.17 ดังน้ี

89

หลักสูตรการพฒั นาครดู า นการจัดการเรยี นรแู บบออนไลน

ภาพท่ี 4.17 ขนั้ ตอนการสรางใบกจิ กรรม/แบบฝกหดั /แบบทดสอบ รปู แบบลากวางคำตอบ
จากภาพที่ 4.17 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง
ผลลัพธจากการสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอยี ดไดดงั ภาพท่ี 4.18 ดังนี้

ภาพที่ 4.18 หนา จอการเปลยี่ นมุมมองการดู เพอ่ื แสดงผลลพั ธแ บบลากวางคำตอบ
90

หลกั สูตรการพัฒนาครดู า นการจดั การเรยี นรูแบบออนไลน
จากภาพที่ 4.18 ผูสอนสามารถทดลองลากวางคำตอบตามที่กำหนด จากนั้นคลิกปุม Finish!! เพ่ือ
สงคำตอบและดคู ะแนนท่ไี ดรบั ซงึ่ จะแสดงรายละเอยี ดไดดงั ภาพที่ 4.19 ดงั นี้

ภาพที่ 4.19 หนา จอการเรยี กดคู ะแนนทไ่ี ดรบั จากการตอบคำถามแบบลากวางคำตอบ
4.8 การสรางใบกจิ กรรม/แบบฝกหดั /แบบทดสอบ : แบบเลือกตอบหลายตวั เลือก (Multiple Choices)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบเลอื กตอบหลายตัวเลือก (Multiple Choices) ผูสอนสามารถปฏิบตั ิตามขัน้ ตอนได ดังน้ี

4.8.1 ผสู อนทำการ Upload ไฟลง านตามข้ันตอนในหวั ขอ ท่ี 4.3
4.8.2 คลกิ ปุม รปู แบบคำตอบ (Edit) ทแ่ี ถบเคร่ืองมอื การใชงาน
4.8.3 นำเมาสมาวาดเปนกรอบส่ีเหลยี่ มตรงชอ งวางทีผ่ สู อนกำหนด
4.8.4 ใสค ำสง่ั ท่เี ปนคำตอบทีถ่ ูกตอ งดว ยรปู แบบ select:yes
4.8.5 ใสค ำส่ังทีเ่ ปนคำตอบทีผ่ ดิ ดว ยรูปแบบ select:no
ทัง้ นี้ สามารถแสดงรายละเอยี ดไดดงั ภาพที่ 4.20 ดังนี้

91

หลักสตู รการพฒั นาครูดา นการจดั การเรียนรแู บบออนไลน

ภาพที่ 4.20 ขนั้ ตอนการสรา งใบกิจกรรม/แบบฝกหดั /แบบทดสอบ รูปแบบเลอื กตอบหลายตัวเลือก
จากภาพที่ 4.20 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง

ผลลัพธจากการสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอียดไดดงั ภาพท่ี 4.21 ดังน้ี

ภาพที่ 4.21 หนา จอการเปลีย่ นมุมมองการดู เพอื่ แสดงผลลพั ธแบบเลอื กตอบหลายตัวเลอื ก
92

หลกั สตู รการพฒั นาครูดา นการจัดการเรยี นรแู บบออนไลน
จากภาพท่ี 4.21 ผสู อนสามารถทดลองเลอื กตอบหลายตัวเลือกตามที่กำหนด จากนั้นคลกิ ปมุ Finish!!
เพื่อสงคำตอบและดคู ะแนนท่ไี ดรบั ซง่ึ จะแสดงรายละเอยี ดไดด งั ภาพที่ 4.22 ดงั น้ี

ภาพที่ 4.22 หนา จอการเรยี กดคู ะแนนทไี่ ดร ับจากการตอบคำถามแบบเลอื กตอบหลายตวั เลือก
4.9 การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบ : แบบเลือกตอบ (Check Box)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบเลอื กตอบ (Check Box) ผูสอนสามารถปฏิบัตติ ามขั้นตอนได ดังนี้

4.9.1 ผสู อนทำการ Upload ไฟลง านตามขน้ั ตอนในหวั ขอที่ 4.3
4.9.2 คลกิ ปุม รูปแบบคำตอบ (Edit) ท่แี ถบเครอ่ื งมือการใชงาน
4.9.3 นำเมาสม าวาดเปน กรอบสีเ่ หล่ียมตรงชองวา งที่ผูส อนกำหนด
4.9.4 ใสค ำสั่งท่เี ปน คำตอบทถ่ี ูกตองดวยรปู แบบ tick:yes
4.9.5 ใสคำสงั่ ท่ีเปนคำตอบทผ่ี ิดดว ยรูปแบบ tick:no
ทง้ั นี้ สามารถแสดงรายละเอยี ดไดดงั ภาพที่ 4.23 ดังน้ี

93

หลกั สูตรการพัฒนาครดู า นการจัดการเรยี นรูแ บบออนไลน

ภาพท่ี 4.23 ขนั้ ตอนการสรา งใบกจิ กรรม/แบบฝก หดั /แบบทดสอบ รปู แบบเลอื กตอบ
จากภาพที่ 4.23 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง

ผลลัพธจากการสรางใบกิจกรรม/แบบฝก หัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอียดไดดังภาพที่ 4.24 ดังน้ี

ภาพท่ี 4.24 หนา จอการเปลี่ยนมมุ มองการดู เพ่อื แสดงผลลัพธแบบเลือกตอบ
94

หลกั สูตรการพัฒนาครดู า นการจัดการเรยี นรูแบบออนไลน
จากภาพที่ 2.24 ผูสอนสามารถทดลองเลือกตอบตามที่กำหนด จากนั้นคลิกปุม Finish!! เพื่อสง
คำตอบและดคู ะแนนท่ไี ดรับ ซึง่ จะแสดงรายละเอยี ดไดดงั ภาพที่ 2.25 ดังนี้

ภาพท่ี 2.25 หนาจอการเรียกดคู ะแนนที่ไดรับจากการตอบคำถามแบบเลือกตอบ
4.10 การสรา งใบกิจกรรม/แบบฝก หัด/แบบทดสอบ : แบบกลอ งขอความ (Drop Down)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบกลองขอ ความ (Drop Down) ผูส อนสามารถปฏิบตั ิตามขั้นตอนได ดงั น้ี

4.10.1 ผูส อนทำการ Upload ไฟลงานตามขัน้ ตอนในหวั ขอ ที่ 4.3
4.10.2 คลกิ ปุม รูปแบบคำตอบ (Edit) ท่แี ถบเครือ่ งมือการใชงาน
4.10.3 นำเมาสมาวาดเปน กรอบสเ่ี หลยี่ มตรงชอ งวางทผี่ สู อนกำหนด
4.10.4 ใสค ำส่ังดว ยรูปแบบ choose:…./…./…..
4.10.5 จากขอที่ 4.10.4 หากตัวเลือกใดเปนคำตอบที่ถูกตอง ใหผูสอนทำการใสเครื่องหมาย *
ไวดานหนาคำตอบ เชน choose:3/*4/5/6 เปน ตน
ทงั้ นี้ สามารถแสดงรายละเอยี ดไดด งั ภาพท่ี 4.26 ดงั นี้

95

หลกั สูตรการพัฒนาครดู า นการจัดการเรียนรแู บบออนไลน

ภาพที่ 4.26 ขนั้ ตอนการสรางใบกิจกรรม/แบบฝก หดั /แบบทดสอบ รปู แบบกลองขอ ความ
จากภาพที่ 4.26 เมื่อดำเนินการเสร็จเรียบรอยแลว ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดง

ผลลัพธจากการสรางใบกิจกรรม/แบบฝก หัด/แบบทดสอบ โดยคลิกปุม มุมมอง (Preview) ซึ่งจะแสดง
รายละเอียดไดด งั ภาพท่ี 4.27 ดงั น้ี

ภาพที่ 4.27 หนาจอการเปลีย่ นมมุ มองการดู เพื่อแสดงผลลพั ธแบบกลอ งขอความ
96

หลกั สูตรการพฒั นาครูดา นการจัดการเรยี นรูแ บบออนไลน
จากภาพที่ 4.27 ผูสอนสามารถทดลองเลือกตอบแบบกลองขอความตามที่กำหนด จากนั้นคลิกปุม
Finish!! เพื่อสง คำตอบและดคู ะแนนท่ีไดร บั ซ่ึงจะแสดงรายละเอยี ดไดด งั ภาพท่ี 4.28 ดังน้ี

ภาพท่ี 4.28 หนา จอการเรยี กดคู ะแนนทไ่ี ดรับจากการตอบคำถามแบบกลองขอ ความ
4.11 การสรา งใบกจิ กรรม/แบบฝก หัด/แบบทดสอบ : แบบคน หาคำ (Word Search Puzzle)

การสรางใบกิจกรรม/แบบฝกหัด/แบบทดสอบในรูปแบบการปฏิสัมพันธผานเว็บไซต
Liveworksheets แบบคนหาคำ (Word Search Puzzle) ผูสอนสามารถปฏบิ ัตติ ามขนั้ ตอนได ดงั น้ี

4.11.1 ผสู อนทำการ Upload ไฟลงานตามข้ันตอนในหัวขอที่ 4.3
4.11.2 คลิกปุม รูปแบบคำตอบ (Edit) ทแ่ี ถบเคร่อื งมือการใชงาน
4.11.3 นำเมาสมาวาดเปนกรอบสีเ่ หล่ียมตรงชอ งวา งทผ่ี ูส อนกำหนด
4.11.4 ใสค ำส่ังดวยรูปแบบ wordsearch
4.11.5 จากขอที่ 4.11.4 จะปรากฏหนาจอสำหรับระบุจำนวนแถว (Row) และจำนวนคอลัมน
(Column) เม่ือผูสอนทำการระบเุ รยี บรอยใหค ลกิ ปมุ save
ท้งั น้ี สามารถแสดงรายละเอียดไดด ังภาพที่ 4.29 ดงั นี้

97

หลกั สตู รการพฒั นาครูดา นการจัดการเรียนรแู บบออนไลน

ภาพท่ี 4.29 ขนั้ ตอนการสรา งใบกจิ กรรม/แบบฝก หัด/แบบทดสอบ รูปแบบคนหาคำ
จากภาพที่ 4.29 เมื่อดำเนินการเสร็จเรียบรอยแลว ใหผูสอนทำการเลือกคำตอบที่ถูกตอง ซึ่งจะ
แสดงรายละเอียดไดดังภาพท่ี 4.30 ดงั นี้

ภาพท่ี 4.30 ขนั้ ตอนการเลอื กคำตอบของรูปแบบคนหาคำ
จากภาพที่ 4.30 ผูสอนสามารถเปลี่ยนมุมมองการดู เพื่อแสดงผลลัพธจากการสรางใบกิจกรรม/
แบบฝก หัด/แบบทดสอบ โดยคลิกปุม มมุ มอง (Preview) ซ่ึงจะแสดงรายละเอยี ดไดด งั ภาพที่ 4.31 ดงั น้ี

98

หลกั สตู รการพฒั นาครดู า นการจดั การเรยี นรแู บบออนไลน

ภาพที่ 4.31 หนาจอการเปลีย่ นมุมมองการดู เพอื่ แสดงผลลพั ธแบบคนหาคำ
จากภาพที่ 4.31 ผูสอนสามารถทดลองคนหาคำตามที่กำหนด จากนั้นคลิกปุม Finish!! เพื่อสง
คำตอบและดูคะแนนทไี่ ดรับ ซึ่งจะแสดงรายละเอียดไดด ังภาพท่ี 4.32 ดงั นี้

ภาพท่ี 4.32 หนาจอการเรยี กดูคะแนนทไ่ี ดร ับจากการตอบคำถามแบบคน หาคำ
99