เอกสารประกอบการบรรยายหรือคู่มือการอบรมฯ

หลักสตู รการพฒั นาครูดา นการจดั การเรียนรูแบบออนไลน บทปฏิบัตกิ ารบทที่ 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