คอมพิวเตอร์ช่วยสอน_ณิชชา_e-book

225 5. รูปภาพจะปรากฏข้ึนเมื่อมีการพรีวิวเทานั้น และสามารถต้ังเวลาในการนําเสนอใน แตละวตั ถุไดทแี่ ถบ TIMING ตามวิธีการตง้ั คาในบทท่ี 5 3. การเสริมศักยภาพในรูปแบบคาแรคเตอรและตัวการตูน เปนการเสริมศักยภาพดาน กระบวนการเรียนรูดานกระบวนการเรียนรู การเสริมศักยภาพในรูปแบบน้ีจะใหความรูสึกวาเหมือนมี ผูชวยในการเรียนรู อยูในบทเรียนคอมพิวเตอรชวยสอน การเสริมศักยภาพโดยใชคาแรคเตอรและตัว การตูน น้ันสามารถทําไดโดยการออกแบบการเสริมศักยภาพวาจะจัดวางไวในสวนใด จากน้ันทําการ คัดเลือกตัวคาแรคเตอรหรือตัวการตูนที่ตองการ เชน หากตองการใหผูเรียนรูสึกเหมือนมีครูอยูดวย การในเรียน ก็สามารถเลือกใชคาแรคเตอรผูสอนได หรือถาอยากผูเรียนรูสึกเหมือนมีเพ่ือนในการ เรยี นรู กใ็ ชต วั การต นู ท่กี ลุมผเู รียนชอบก็ได เปนตน ซ่งึ วิธกี ารสรา งมดี งั น้ี 1. การเสริมศักยภาพโดยการใชคาแรคเตอร ในโปรแกรม Adobe Captivate 9 นั้น มี คาแรคเตอรใหท ดลองใช วิธีการแทรก ใหไปที่ Media ที่แถบเมนูคําสั่ง จากนัน้ เลือก Characters ภาพที่ 7.10 การเสรมิ ศกั ยภาพโดยใชต วั คาแรคเตอร 2. จะปรากฏหนา ตางใหเลือกตัวคาแรคเตอรท ี่ตองการ ซงึ่ สามารถเลอื กไดตามลักษณะ ของบทเรียน ซ่ึงจะประกอบไปดวย Asset รปู แบบคาแรคเตอรปกตใิ นโปรแกรมท่จี ดั เตรยี มไวให Business รูปแบบคาแรคเตอรในลกั ษณะนกั ธุรกจิ เปน ทางการ มี หลายทาทางใหเ ลอื ก

226 Casual รูปแบบคาแรคเตอรใ นลกั ษณะธรรมดา ตา งจากธุรกิจตรงที่ การแตงตวั ของคาแรคเตอรทแ่ี สดง มีหลายทาทางใหเลอื ก Illustrated รูปแบบคาแรคเตอรในลักษณะภาพวาด มีหลายทา ทางใหเ ลือก Medicine รปู แบบคาแรคเตอรใ นลกั ษณะบุคลากรทางการแพทย มหี ลาย ทาทางใหเลอื ก เมื่อเลือกคาแรคเตอรท ต่ี อ งการไดแลว สามารถเลอื กการแสดงผลของคาแรคเตอรได โดยแสดงแบบภาพใกล, แสดงแบบครง่ึ ตัว และแสดงแบบเตม็ ตวั เม่อื เลอื กไดแ ลวใหคลกิ OK ภาพท่ี 7.11 การเลือกรูปแบบคาแรคเตอร 3. สามารถปรับแตงคาแรคเตอรไดโดยการยอ-ขยายขนาด และเลือกจัดวางตาม ตาํ แหนงทต่ี องการ จากตวั อยางเลอื กใชคาแรคเตอรใ นรูปแบบธรุ กิจ และเลือกแสดงผลแบบครึ่งตัว

227 ภาพท่ี 7.12 คาแรคเตอรทไี่ ดเลือกไว 4. หากตองการตัวการตูน รูปแบบอ่ืน สามารถทําไดโดยไปที่ Media ที่แถบเมนูคําสั่ง จากน้ันเลือก Image จะปรากฏหนาตางใหเลือกรูปภาพ ใหเราเลือกตามความตองการ และทําการ ตกแตงขนาด และตาํ แหนง 5. จากน้ันใชเครื่องมือ Shape ในการแทรกการเสริมศักยภาพลงไป โดยจะเลือกใช รูปทรงที่เปนเคร่อื งหมายคําพูด จะใหค วามรสู กึ เหมือนไดฟง การแนะนําจากผูสอน หรอื ผูเช่ยี วชาญ ภาพที่ 7.13 การแทรกรปู ทรง 6. ทําการแทรกขอความในการเสริมศักยภาพในรูปทรง ทําการปรับแตง ใหเรยี บรอ ย

228 ภาพที่ 7.14 การแทรกขอ ความในรปู ทรง 4. การเสริมศกั ยภาพในรปู แบบคมู อื การเรียน เปน การเสริมศักยภาพดา นความคดิ และการ เสริมศักยภาพดานกระบวนการเรียนรู การเสริมศักยภาพรูปแบบนี้จะเปนการแนะแนวทางในการ เรียน ของผูเรียน โดยผูเรียนจะสามารถคาดการณแ ละวางแผนในการเรียนไดวาจะตองทําอยา งไรบาง การเสริมศักยภาพรูปแบบน้ีจะเปนการเสริมศักยภาพในลักษณะของการเรียนรูดานความคิด การ วางแผนการเรียน สามารถแทรกเปนขั้นตอนการเรียนรูและคูมือการเรียนรูไดเชนกัน ซึ่งข้ันตอนการ แทรกขั้นตอนการเรยี นรูและคูมอื ในการเรียนรมู ีวิธีการทาํ ทเี่ หมือนกันดงั นี้ 1. เพ่มิ หนาสไลดขึน้ มา 1 สไลด 2. จากนั้นผูออกแบบควรทําการออกแบบและวางแผนลวงหนาไววาผูเรียนควรจะ ดําเนินการเรียนอยางไร แลวจัดทําในรูปแบบแผนผังการเรียนรู โดยใชเครื่องมือ Text Caption, Shape และ การแทรกรปู จะทําใหผ งั การเรยี นรมู คี วามนาสนใจ และชว ยใหผูเรียนเขา ใจไดมากย่งิ ข้นึ

229 ภาพท่ี 7.15 การแทรกขน้ั ตอนการเรียนรู ภาพท่ี 7.16 การแทรกคูมอื ในการเรียนรู 5. การเสริมศกั ยภาพในรูปแบบการใหผ งั มโนทัศน เปนการเสริมศกั ยภาพดานความคิดรวบ ยอด เปนการเสนอแนะ หรือการแนะนําการเรียนรู นําเสนอออกมาในลักษณะของผังมโนทัศน ของ เนื้อหาบทเรียน วิธีการในการแทรกผังมโนทัศนน้ัน ผูออกแบบควรทําการออกแบบผังมโนทัศนไว

230 ลวงหนา และนํามาแทรกในสไลดบทเรียนในรูปแบบของรูปภาพ หรือหากผูออกแบบใชโปรแกรม แอนิเมชนั ในการสรางผังมโนทัศน สามารถแทรกในลักษณะของแอนิเมชันสไลดไดเชน กนั ในตาํ ราเลม น้ีจะเสนอในลักษณะของการทํากลองขอความใหผูเรียนไดกรอกขอความเพิ่มเติมในผังมโนทัศน แลว นาํ มาเทียบกบั ผงั มโนทศั นท ี่จดั เตรียมไวให โดยมขี ัน้ ตอนในการแทรกดงั น้ี 1. แทรกสไลดขึ้นมา 1 สไลด จากนั้นแทรกกลองขอความแบบ Text Entry Box และ รูปทรงตามรูปตัวอยางที่แสดงในภาพท่ี 7.17 แลวแทรกปุมเพื่อใหผูเรียนไดดูผังมโนทัศนที่ผูเรียนได สรา งไว โดยปุมกดใชคาํ สั่ง Go to the next slide ภาพท่ี 7.17 การแทรกผังมโนทศั นใหผูเรยี นมสี ว นรว ม 2. ในหนา ถดั ไปมีการโชวผ ังมโนทัศนท ผ่ี ูเ รียนไดสรางไว โดยใชก ลองขอความแลวแทรก ตัวแปรกลองขอความลงไป ขอ ควรระวงั ตวั แปรกลอ งขอ ความตองตรงกับกลองขอความทตี่ องการ

231 ภาพที่ 7.18 การแทรกเฉลยผงั มโนทศั น 3. ในหนาถัดไป แทรกรูปภาพผังมโนทัศนที่บทเรียนจัดเตรียมไวใหเพ่ือใหผูเรียน ไดเปรียบเทียบและเกิดความรูเพ่ิมข้ึนได การแทรกรูปภาพทําไดโดยไปท่ี Media ที่แถบเมนูคําส่ังแลว เลือก Image ทําการตกแตง จะไดผ งั มโนทศั นดังภาพที่ 7.19 ภาพที่ 7.19 การแทรกรปู ภาพผังมโนทศั น

232 จากตัวอยางขางตนนั้นจะเปนการเสริมศักยภาพในรูปแบบที่แนะนําเทานั้น แตในทางปฏิบัติ จริง ผูออกแบบสามารถออกแบบการเสริมศักยภาพท่ีหลากหลายได ข้ึนอยูกับเน้ือหา และเทคนิคใน การนาํ เสนอท่ผี ูออกแบบไดว างแผน การเสริมศกั ยภาพ จะชวยใหผเู รียนสามารถเรียนรเู นอ้ื หาไดอยาง เขา ใจ และรูสึกไมโดดเดี่ยวในการเรยี นรู สรปุ การเสริมศักยภาพจะเปนอีกหนทางหนึ่งใหผ ูเรียนท่ีเรยี นรูดวยบทเรียนคอมพิวเตอรชวยสอน สามารถประสบผลสําเร็จในการเรียนไดดวยตัวของผูเรียนเอง โดยอาศัยการเสริมศักยภาพแบบคงท่ี เน่ืองจากการเรียนรูดวยบทเรียนคอมพิวเตอรชวยสอนนั้นเปนการเรียนที่ผูเรียนตองเรียนดวยตัวเอง โดยอาศัยความชวยเหลือหรือการเสริมศักยภาพท่ีระบบจัดเตรียมไวให เชน การเสริมศักยภาพ ในรูปแบบตา งๆ ไมวาจะเปนการเสรมิ ศักยภาพในรูปแบบ Rollover caption หรือ Rollover Image การเสริมศักยภาพในรูปแบบคาแรคเตอรและตัวการตูน, การเสริมศักยภาพในรูปแบบคูมือการเรียน และการเสริมศักยภาพในรูปแบบการใหผังมโนทัศน จะชวยใหผูเรียนสามารถใชบทเรียนไดอยาง ถูกตองและสามารถเรียนไดตามที่บทเรียนไดวางเคาโครงไว และการเสริมศักยภาพโดยการใหผังมโน ทัศน จะชวยใหผูเรียนเรียงลําดับความคิดออกมาอยางเปนข้ันตอนชวยใหการเรียนรูเปนระบบและ สามารถเรียนรูเนื้อหาไดอยางงายและประสบผลสําเร็จมากย่ิงข้ึน เปนตน การเสริมศักยภาพใน บทเรียนคอมพิวเตอรชวยสอนสามารถทําไดหลายรูปแบบ ท้ังน้ีขึ้นอยูกับวาผูออกแบบจะทําการเสริม ศักยภาพผูเรียนในลักษณะใด และอาศัยโปรแกรมคอมพิวเตอรในการสรางบทเรียนชวยใหการเสริม ศกั ยภาพมีความนาสนใจมากยิ่งข้นึ คาํ ถามทบทวน 1. จงบอกความหมายของการเสรมิ ศกั ยภาพ 2. จงอภปิ รายวา การเสรมิ ศักยภาพมคี วามสําคัญอยางไรตอ บทเรียนคอมพิวเตอรช วยสอน 3. การเสริมศักยภาพในบทเรียนคอมพิวเตอรช ว ยสอนสามารถจัดทาํ ในรูปแบบใดไดบาง 4. ใหนักศึกษาฝกปฏิบัติสรางการเสริมศักยภาพในบทเรียนคอมพิวเตอรชวยสอนของ นกั ศึกษาในรปู แบบดังตอไปนี้ 4.1 การเสริมศกั ยภาพในรูปแบบ Rollover Caption 4.2 การเสริมศกั ยภาพในรูปแบบ Rollover Image 4.3 การเสริมศกั ยภาพในรปู แบบคาแรคเตอรแ ละตัวการต ูน

233 4.4 การเสรมิ ศักยภาพในรูปแบบคมู ือการเรียน 4.5 การเสรมิ ศักยภาพในรูปแบบการใหผ งั มโนทศั น

234

235 บทท่ี 8 การพัฒนาบทเรียนคอมพวิ เตอรชวยสอนเพื่อการใชงานทห่ี ลากหลาย การพัฒนาบทเรียนคอมพิวเตอรชวยสอนสามารถพัฒนาไดโดยวิธีการท่ีงายและไมซับซอน แตการนําคอมพิวเตอรชวยสอนมาประยุกตใชใหมีความหลากหลายมากยิ่งข้ึน จะชวยทําให คอมพิวเตอรชวยสอนมีประสิทธิภาพ และชวยเพิ่มชองทางในการเรียนรู การใชงานคอมพิวเตอรชวย สอนในปจจุบันมีการนําไปใชงานในรูปแบบที่แตกตางจากเดิม ซ่ึงเดิมนั้นการใชงานจะอยูในรูปแบบ การเรียนการสอนรายบุคคล บันทึกบทเรียนคอมพิวเตอรชวยสอนลงในแผนบันทึกขอมูลนําไปเรียน สวนตัวดวยเครื่องคอมพิวเตอร แตดวยความเจริญกาวหนาทางดานเทคโนโลยี การเรียนดวยบทเรียน คอมพิวเตอรชวยสอนจึงมีการปรับเปล่ียนรูปแบบ เพ่ือใหสอดรับกับเทคโนโลยีท่ีมีความเปล่ียนแปลง ไปดวย การเรียนสวนบุคคลยังคงมีอยูแตมีการปรับรูปแบบใหผูเรียนไดสามารถเรียนรูรวมกันไดมาก ย่ิงขึ้น ผานเทคโนโลยีอินเทอรเน็ต และมีการพัฒนาบทเรียนใหผูเรียนไดมีทางเลือกในการเรียนที่ หลากหลายมากย่ิงข้ึนไปจากเดิม เชนการพัฒนาบทเรียนคอมพิวเตอรชวยสอนในรูปแบบบทเรียน ออนไลน การพัฒนาบทเรียนคอมพิวเตอรชวยสอนในลักษณะของแอปพลิเคชันบนอุปกรณและ โทรศัพทเ คร่อื งท่ี หรือสมารต โฟน ในบทท่ี 8 นจ้ี ะนาํ เสนอการพฒั นาบทเรียนคอมพวิ เตอรช ว ยสอนในรปู แบบทสี่ ามารถนาํ ไปใช งานกับอุปกรณท่ีหลากหลาย เชน การเรียนการสอนออนไลน การเรียนบนเว็บไซต การใชงานใน รูปแบบแอปพลิเคชันบนอุปกรณและโทรศัพทเครื่องที่ หรือสมารตโฟน เพ่ือเปนอีกทางเลือกใหผูผลิต บทเรียนคอมพิวเตอรชวยสอนไดผลิตบทเรียนใหสอดรับกับความเปล่ียนไปในการเรียนรู ความ เปลย่ี นแปลงของเทคโนโลยี และตอบสนองความตอ งการในการเรยี นรูจากกลมุ ผูเรยี นมากข้นึ การเตรียมบทเรียนคอมพิวเตอรชว ยสอนเพื่อนําไปใชง านบนเว็บไซต ในการเตรียมบทเรียนคอมพิวเตอรชวยสอนเพื่อการนําไปใชงานในรูปแบบตาง ๆ ท่ีสามารถ ใชงานไดกับอุปกรณท่ีหลากหลายน้ัน จะขอนําเสนอการเตรียมบทเรียนคอมพิวเตอรชวยสอนใน ลักษณะการนําใชงานบทเว็บไซต มีข้ันตอนในการพัฒนาเชนเดียวกับการพัฒนาบทเรียนคอมพิวเตอร ชวยสอนที่ใชท่ัวไป โดยใชโปรแกรม Adobe Captivate 9 ในรูปแบบทดลองใช (สามารถดาวนโหลด โ ป ร แ ก ร ม ตั วท ดล องใ ช ไ ด ท่ี https: / / helpx. adobe. com/ sea/ captivate/ kb/ captivate- downloads. html) แตขั้นตอนในการ Publish หรือสงออกผลงานที่ทําสําเร็จแลวนั้นจะตองทําการ Publish ในรูปแบบของ SWF โดยมีขน้ั ตอนในการ Publish ดังนี้

236 1. เมือ่ ไดพ ฒั นาบทเรียนคอมพิวเตอรชว ยสอนจนถงึ ขน้ั ตอนสุดทา ยแลว ใหท าํ การ Publish บทเรยี นใหอ อกมาในรูปแบบของ SWF ไฟล ไปท่ี File แลวเลอื ก Publish ภาพท่ี 8.1 ขนั้ ตอนการ Publish จะปรากฏหนาจอการ Publish ใหต้งั คา ดงั น้ี ภาพที่ 8.2 หนาจอการต้งั คาการ Publish

237 Publish as: ต้งั คาเปน HTML/SWF Project Title: ใสชือ่ ชิ้นงาน แนะนําใหใ สเ ปน ภาษาองั กฤษ Location: ทบ่ี นั ทึกไฟลช ้นิ งานที่ Publish เรยี บรอ ยแลว Output Format: เลือก SWF Force re-publish on all slides กาํ หนดใหต รวจการ Publish สไลดทัง้ หมด Full Screen กําหนดใหแ สดงผลเตม็ หนา จอ Scalable HTML content กาํ หนดใหไ ฟลส ามารถยอยขยายไดต ามขนาด ของเบราวเ ซอร Export PDF กาํ หนดให Publish เปนไฟล PDF ทสี่ ามารถ Interactive ได Seamless Tabbing (IE only) กาํ หนดใหไมมรี อยตอ ของการกดคยี  Tab Flash Player: กําหนดเวอรช ันของ FalshPlayer ขอเสนอแนะ: ตัวเลือกดานลาง Location แนะนําใหเลือกเปน Publish To Folder เม่ือ Publish ออกมาแลว โปรแกรมจะเกบ็ ไฟลทุกอยา งไวในโฟลเดอรเ ดยี ว เมื่อตง้ั คา เรยี บรอ ยแลว ใหก ด Publish โปรแกรมจะถามวา เราอยากเปด ดูช้นิ งานหรอื ไม แนะนาํ ใหก ด No ภาพท่ี 8.3 การเปดดูชิ้นงานหลังจาก Publish เรยี บรอ ยแลว ใน Folder ทีเ่ ก็บช้นิ งานไวจะประกอบไปดวยไฟลด งั ภาพท่ี 8.4 ซึง่ จะใชไฟลทลี่ งทายดวย .swf เพื่อนําไปใชงานบนเว็บไซต

238 ภาพที่ 8.4 Folder ช้ินงานท่ี Publish การนาํ บทเรยี นที่พฒั นาแลวขึน้ เว็บไซต หลังจากที่เตรียมไฟลบทเรียนคอมพิวเตอรชวยสอนแลว ในข้ันตอนนี้จะเปนข้ันตอนของ การนําบทเรียนขึ้นไปใชงานบทเว็บไซต ในตําราเลมนี้จะแนะนําการนําข้ึนเว็บไซตของ Google Site ในลกั ษณะของการฝงไฟลใ นเว็บ หรอื Embed Code มีขั้นตอนในการฝง ไฟลดังน้ี 1. ไปยังหนา Google Site ที่ตองการนําบทเรียนคอมพิวเตอรชว ยสอนไปใชงาน จากน้ันให กดทร่ี ูปเฟอ งเพื่อทําการอัปโหลดไฟล SWF เลอื กจัดการไซต ภาพท่ี 8.5 การต้งั คา จัดการไซต ทม่ี า (https://sites.google.com/a/dru.ac.th/testswf/)

239 2. จากนัน้ ใหเลือกไฟลแ นบเพอื่ ทําการอัปโหลดไฟลข น้ึ Google Site 2 1 ภาพที่ 8.6 การจัดการไฟลแนบ ที่มา (https://sites.google.com/a/dru.ac.th/testswf/system/app/pages/admin/settings) 3. เลอื กทอี่ ัปโหลดเพื่อทําการเลอื กไฟล แลว กด Open ภาพท่ี 8.7 การเลอื กไฟลแ นบ

240 4. จะปรากฏไฟลท่ีอัปโหลดแลวเสร็จบน Google Site จากนั้นใหคลิกขวาที่ ดู เพื่อคัดลอก ท่ีอยูลงิ กข องไฟล ภาพท่ี 8.8 การคัดลอกลิงก ทม่ี า (https://sites.google.com/a/dru.ac.th/testswf/system/app/pages/admin/attachments) 5. นําลิงกที่ไดจากการคัดลอกมาวางไวใน Notepad เพ่ือทําการตัด code ดานหลัง swf ออก ภาพที่ 8.9 การปรบั แตงลงิ ก

241 6. กลับมาที่หนาท่ีตองการนําไฟลบทเรียนมาใส จากน้ันไปที่เคร่ืองหมายดินสอเพื่อแกไข หนาเว็บไซต ภาพที่ 8.10 การแกไขหนาเว็บไซต ท่มี า (https://sites.google.com/a/dru.ac.th/testswf/) 7. ไปทแ่ี ทรก แลวเลอื กแกดเจ็ตอน่ื ๆ ภาพท่ี 8.11 การแทรกแกดเจต็ ทม่ี า (https://sites.google.com/a/dru.ac.th/testswf/)

242 8. จะปรากฏหนาตางใหเลือกแกดเจ็ต กดเลือกสาธารณะ แลวเลือก Embed gadget แลว กดเลือกอกี คร้ัง ภาพท่ี 8.12 การเลือก Embed gadget ท่ีมา (https://sites.google.com/a/dru.ac.th/testswf/) 9. จะปรากฏหนา ตางการตั้งคา Embed gadget ขนึ้ มา ในชอ ง Embedding snippet ให ใส Code ดงั นี้ <embed src=\"ลงิ กทค่ี ดั ลอกมา\"width=\"300\" height=\"100\" pluginspage= \"http://www. macromedia.com/go/getflashplayer\"></embed> ในสวนของ width และ height ใหใสตามขนาดบทเรียนที่เราไดสรางข้ึนมาเชน width 800 และ height 600 เปนตน เมื่อแกใน code แลวแกที่ขนาดดานลางอีกคร้ังและตั้งคาตามภาพท่ี 8.13 และ ภาพท่ี 8.14 จากน้ันกดตกลง

243 ภาพที่ 8.13 การปรับแตง code ทีม่ า (https://sites.google.com/a/dru.ac.th/testswf/) ภาพท่ี 8.14 การตั้งคา Embed gadget ท่ีมา (https://sites.google.com/a/dru.ac.th/testswf/) 10. กลับมาท่ีหนาหลัก จะปรากฏภาพบทเรียนขึ้นมาในหนาเว็บไซต ใหจัดการการวางหนา ของบทเรียนตามความเหมาะสม จากน้ันกดบันทึก บทเรียนคอมพิวเตอรชวยสอนก็จะปรากฏในหนา Google Site

244 ภาพท่ี 8.15 การตั้งคา หนาหลัก Google Site ทีม่ า (https://sites.google.com/a/dru.ac.th/testswf/) เพื่อสรางความเขาใจมากข้ึน ผูอานสามารถแสกน QR Code เพ่ือรับชมวีดิทัศนสาธิตการ อัปโหลดบทเรียนคอมพิวเตอรชวยสอนขึ้น Google Site เพียงแคใชโปรแกรม QR Code reader หรือ ชองคนหาใน Facebook App แลวสแกนท่ี QR Code น้ี สามารถรับชมคลิปวิดีโอการสาธิต อัปโหลดท่ผี เู ขยี นไดพ ฒั นาขนึ้ ไดทนั ที ภาพท่ี 8.16 QR CODE สาธติ การอัปโหลดบทเรยี นคอมพิวเตอรชวยสอนขึน้ Google Site

245 การเตรยี มบทเรยี นคอมพวิ เตอรช ว ยสอนเพื่อนาํ ไปใชงานในรปู แบบสมารตโฟน แอปพลิเคชนั ในการเตรียมบทเรียนคอมพิวเตอรชวยสอนเพ่ือการนําไปใชงานในรูปแบบสมารตโฟนแอป พลิเคชันน้ัน มีข้ันตอนในการพัฒนาเชนเดียวกับการพัฒนาบทเรียนคอมพิวเตอรชวยสอนที่ใชท่ัวไป แตขั้นตอนในการ Publish หรือสงออกผลงานที่ทําสําเร็จแลวน้ัน จะตองทําการ Publish ในรูปแบบ ของ HTML5 ใหอยูในรูปแบบของไฟล zip เพราะการนําบทเรียนคอมพิวเตอรชวยสอนไปใชงานใน ลักษณะของแอปพลิเคชันจะใชไฟล zip ในการอัปโหลด และจะมีขอจํากัดในการใชงาน หากใน บทเรียนมีเนื้อหาหรือการนําเสนอในลักษณะของ Roll Over ประเภทตาง ๆ จะไมปรากฏในบทเรียน คอมพิวเตอรชวยสอนท่ี Publish ในรูปแบบของ HTML5 ซ่ึงในสวนน้ีถือเปนขอจํากัดของการใชงาน ในรปู แบบ HTML5 โดยระบบปฏบิ ตั ิการของสมารตโฟนทร่ี องรับการใช งานคอื ระบบ Android และ Windows Phone การเตรียมพรอมไฟลบทเรียนคอมพิวเตอรชวยสอนเพ่ือนําไปใชงานในลักษณะของสมารต โฟนแอปพลิเคชันมีมีขั้นตอนในการ Publish คือเม่ือไดพัฒนาบทเรียนคอมพิวเตอรชวยสอนจนถึง ข้ันตอนสุดทายแลว ใหทําการ Publish บทเรียนใหออกมาในรูปแบบของ HTML5 ไฟล ไปที่ File แลวเลือก Publish จะปรากฏหนาจอสําหรับการ Publish ในหนาจอนี้ในสวนของ Output ใหเลือก เปน HTML5 และเลอื ก Publish ใหอ ยูในรปู แบบของ zip file ภาพที่ 8.17 การ Publish บทเรียนคอมพวิ เตอรชว ยสอนเพ่ือนําไปใชง านในรปู แบบสมารตโฟน แอปพลเิ คชนั

246 การนาํ บทเรยี นขนึ้ สรู ะบบเพ่ือพัฒนาเปน สมารต โฟนแแอปพลิเคชัน 1. ในสวนของการนําบทเรียนที่ Publish แลวทําเปนแแอปพลเิ คชนั จะใชการอปั โหลดผา น เว็บไซต http://build.phonegap.com เม่ือเขาสูเว็บไซตแลวใหทําการลงทะเบียนดวย ADOBE ID เลอื ก Sign in หากไมมใี หล งทะเบยี นที่ตัวเลือก Sign up ภาพที่ 8.18 หนาจอ Website http://build.phonegap.com ท่มี า (http://build.phonegap.com)

247 2. เมื่อเขาสูระบบแลวจะปรากฏหนาจอดังภาพที่ 8.19 ใหเลือก +new app เพ่ือสรางแอป พลเิ คชนั บทเรยี นคอมพิวเตอรชว ยสอน ภาพท่ี 8.19 หนา จอการสรา งแอปพลิเคชัน ท่ีมา (https://build.phonegap.com/apps) 3. จากนั้นใหเลือกท่ี private และกดเลือก Upload a .zip file เพื่ออัปโหลดบทเรียน คอมพิวเตอรชวยสอนที่ Publish ในรูปแบบ HTML5 และอยูในรูปของ zip ไฟล เม่ือเลือกแลวจะ ปรากฏหนาตางใหเลือกไฟล ใหเลือกไฟลท่ีตองการแลวกดเลือก open เว็บไซตจะอัปโหลดไฟลท่ี เลอื กข้นึ ระบบ 1 2 ภาพที่ 8.20 หนา จอการอปั โหลดไฟล ท่ีมา (https://build.phonegap.com/apps)

248 ภาพที่ 8.21 หนาจอการเลือกไฟลอัปโหลด ภาพท่ี 8.22 หนาจอเวบ็ ไซตอัปโหลดไฟลข นึ้ ระบบ ท่ีมา (https://build.phonegap.com/apps) 4. เม่อื ระบบของเว็บไซตอปั โหลดไฟลเรียบรอยแลว จะปรากฏหนาจอการอัปโหลดสมบรูณ ในหนาจอนี้เราสามารถเปลี่ยนช่ือแอปพลิเคชันบทเรียนคอมพิวเตอรชวยสอนของเราได หรือจะไม เปลยี่ นก็ได จากนน้ั กด Ready to build

249 ภาพท่ี 8.23 หนา จอเวบ็ ไซตทอี่ ัปโหลดไฟลข น้ึ ระบบเรียบรอ ยแลว ทม่ี า (https://build.phonegap.com/apps#) 5. สามารถนําไปใชงานในสมารตโฟนระบบปฏิบัติการ Android และ Window Phone โดยแชรไฟล QR Code ดานขางเพื่อใหผ ูใชง านไดท าํ การตดิ ตั้งแอปพลิเคชนั บทเรียนคอมพิวเตอรชวย สอนลงในสมารตโฟน ภาพที่ 8.24 หนาจอแสดงบทเรยี นคอมพิวเตอรชวยสอนที่พรอ มตดิ ตั้งในรปู แบบของสมารต โฟน แอปพลิเคชัน ท่ีมา (https://build.phonegap.com/apps#)

250 สามารถทดลองใชงานบทเรียนคอมพิวเตอรชวยสอน ในลักษณะของสมารตโฟนแอปพลิเคชันในระบบ Android ท่ีผูเขียนไดพัฒนาข้ึน ไดท่ี QR Code ดา นลา ง เพอ่ื ทําการตดิ ต้งั และทดลองใชง านบทเรียน ภาพที่ 8.25 QR CODE สมารต โฟนแอปพลเิ คชนั ตัวอยา งบทเรยี นคอมพิวเตอรชว ยสอน ตัวอยางบทเรยี นคอมพวิ เตอรชว ยสอนในรปู แบบสมารต โฟนแอปพลิเคชัน ภาพที่ 8.26 ตัวอยา งบทเรียนคอมพวิ เตอรชวยสอนในรปู แบบสมารต โฟนแอปพลเิ คชนั หนา หลัก

251 ภาพท่ี 8.27 ตัวอยางบทเรียนคอมพวิ เตอรชว ยสอนในรปู แบบสมารตโฟนแอปพลเิ คชนั เกมจบั คู ภาพที่ 8.28 ตวั อยา งบทเรียนคอมพวิ เตอรช วยสอนในรูปแบบสมารตโฟนแอปพลเิ คชนั เกมจับ ตัวอกั ษร

252 สรุป การสรางบทเรียนคอมพิวเตอรชวยสอนน้ัน การนําไปใชงานสามารถทําไดหลายรูปแบบ แตกตางจากการใชงานคอมพิวเตอรชวยสอนสมัยกอนที่จะใชในลักษณะของการเขียนลงบนแผน CD แลวแจกจายแกผูเรียนหรือผูท่ีสน แตในปจจุบันการใชงานตองมีการปรับตัวใชสอดคลองกับ การเปล่ียนไปของเทคโนโลยี จึงมีการนําบทเรียนคอมพิวเตอรชวยสอนมาใชงานในลักษณะของการ เรียนการสอนบนเว็บ หรือการสรางเปนสมารตโฟนแอปพลิเคชัน เพ่ือรองรับการใชงานในทุกรูปแบบ แตทั้งน้ีก็ยังมีขอจํากัดในการสรางบทเรียนคอมพิวเตอรชวยสอนท่ีจะนําไปใชงานทั้งรูปแบบคือ บางตวั เลอื กอาจไมสามารถแสดงผลไดส มบรู ณ และในการใชงานในรปู แบบสมารตโฟนแอปพลเิ คชันมี ขอจํากัดในการใชงานแคสองระบบปฏิบัติการคือ Android และ Window Phone ยังไมรองรับ ระบบปฏบิ ตั ิการของ IOS ได คาํ ถามทบทวน ใหน ักศึกษาฝกปฏิบัติการ ตามคาํ สง่ั ตอไปนี้ 1. เตรยี มบทเรียนคอมพวิ เตอรชวยสอนสาํ หรบั ใชงานบนเว็บไซตต ามรูปแบบทีก่ ําหนด 2. นาํ บทเรียนคอมพวิ เตอรช วยสอนข้นึ เว็บไซตต ามทีก่ ําหนด 3. เตรียมบทเรียนคอมพิวเตอรชวยสอนสําหรับนําไปใชงานในรูปแบบสมารตโฟน แอปพลิเคชันตามรปู แบบท่กี ําหนด 4. พฒั นาบทเรยี นคอมพวิ เตอรชวยสอนเปน สมารตโฟนแอปพลิเคชนั ในระบบ Android พรอ มแสดง QR Code ในหนา Facebook Group ใหเ พื่อนสามารถดาวนโ หลดได

253 บรรณานกุ รม กมลฉตั ร กลอ มอิ่ม, ชยั วัฒน นามนาค, วารีรัตน แกว อุไร และวเิ ชยี ร ธาํ รงโสตถสิ กลุ . (2557). การ พัฒนารูปแบบการเรยี นรตู ามหลักแนวทฤษฎคี อนสตรัคติวิสตดว ยการชว ยเสริมศักยภาพ เพือ่ สง เสริมทักษะกระบวนการทางคณิตศาสตรด านการแกปญหาสาํ หรับนกั เรียนชั้น มธั ยมศึกษาปท ี่ 1. วารสารศึกษาศาสตร มหาวทิ ยาลยั นเรศวร, 16(2), 129-139. กระทรวงศึกษาธกิ าร. (2545). คําอธิบายพระราชบัญญัตกิ ารศึกษาแหง ชาติ พ.ศ. 2542. คนเม่อื 13 ธนั วาคม 2559, จาก http://www.moe.go.th/hp-vichai/ex-prb05-4.htm. กฤษมนั ต วัฒนาณรงค. (2536). เทคโนโลยีเทคนิคศกึ ษา. กรุงเทพมหานคร: สถาบันเทคโนโลยีพระ จอมเกลาพระนครเหนือ. กอบสุข คงมนสั . (2554). การพฒั นารปู แบบการออกแบบบทเรียนคอมพิวเตอรชวยสอนแบบ อจั ฉรยิ ะ ตามกระบวนการใหค ําปรกึ ษาเพอื่ พฒั นาความสามารถของครปู ระจาํ การในการ ใหคาํ ปรกึ ษาเรือ่ งการวจิ ยั ปฏิบัติการในชนั้ เรยี น. วทิ ยานิพนธค รศุ าสตรดษุ ฎบี ณั ฑิต, จฬุ าลงกรณมหาวิทยาลยั . กัญญา รวมทรพั ย. (2556). คอมพวิ เตอร ม. 1. คนเมอื่ 3 ตลุ าคม 2559, จาก http://kruton2556.blogspot.com/2013/07/blog-post.html. กิดานนั ท มลทิ อง. (2543). เทคโนโลยีการศกึ ษาและนวตั กรรม. กรุงเทพมหานคร: สาํ นักพิมพแหง จุฬาลงกรณม หาวิทยาลัย. ________.(2548). เทคโนโลยีและสอื่ สารการศกึ ษา. กรงุ เทพมหานคร: โรงพมิ พอ รุณการพิมพ. กรี ติ กุลบตุ ร. (2553). ผลของการใชบ ทบทเรยี นคอมพวิ เตอรช ว ยสอนและการมีสว นรว มของ ผูปกครองท่มี ตี อ ผลสมั ฤทธทิ์ างการอา นของนกั เรยี นประถมศกึ ษาที่มคี วามบกพรอ ง ทางการอา น. วทิ ยานพิ นธครุศาสตรมหาบณั ฑิต, จฬุ าลงกรณม หาวิทยาลยั . เกศราภรณ คงทรัพย และจริ ดา จนั ทรทํามา. (2559). ทวปี เอเชีย [คอมพิวเตอรช วยสอน]. คณะครุ ศาสตร มหาวทิ ยาลยั ราชภฏั ธนบุรี. จันทมิ า ดีเจรญิ และ ศิโรรัตน กุลวงศ. (2559). บทเรียนคอมพิวเตอรชวยสอน เรื่อง ภัยพิบตั ิทาง ธรรมชาติ ประยุกตใชโดยการตูนแอนิเมชัน 2 มิติ สําหรับนักเรียนชั้นมัธยมศึกษาปท่ี 5 กรณีศึกษาโรงเรียนเสิงสาง, วารสารโครงงานวิทยาการคอมพิวเตอรและเทคโนโลยี สารสนเทศ, 2(2), 36-43.

254 จิระ หนบู รรจง. (2550). การสรา งและหาประสทิ ธภิ าพบทเรียนคอมพิวเตอรมลั ติมเี ดยี เรือ่ ง หลักการผลิตรายการวดี ิทศั นก ารศกึ ษา. วทิ ยานิพนธครศุ าสตรอ ตุ สาหกรรมมหาบัณฑติ , มหาวทิ ยาลยั เทคโนโลยีพระจอมเกลา พระนครเหนือ. จีระพงษ โพพันธุ. (2560). ครูไอที บทเรียนออนไลน. คน เมอ่ื 3 สงิ หาคม 2560, จาก https://www.krui3.com/content/definition-computer/ ฉัตรวรรณ ลญั ฉวรรธนะกร. (2554). การพฒั นาระบบการเรียนการสอนแบบเสรมิ ศกั ยภาพการอา น โดยใช มายดท ูลดวยขอมลู เชงิ หลกั ฐานเพอ่ื สง เสริมทักษะการอานและการคิดอยา งมี วจิ ารณญาณของนกั เรียนประถมศึกษาปท ี่ 6 ทีม่ ีปญหาทางการอา น. วทิ ยานิพนธ ครุศาสตรดษุ ฎีบณั ฑิต, จุฬาลงกรณม หาวทิ ยาลัย. ชยั ยงค พรหมวงศ. (2556). การทดสอบประสิทธิภาพส่อื หรือชุดการสอน. วารสารศลิ ปากร ศกึ ษาศาสตรว จิ ัย, 5(1), 7-20. ณฐั กร สงคราม. (2554). การออกแบบและพัฒนามลั ติมเี ดียเพอ่ื การเรยี นร.ู กรงุ เทพมหานคร: วี พริ้นท (1991). ณฐั พงษ ชนะกอ. (2556). เศรษฐกจิ พอเพยี ง [คอมพิวเตอรช วยสอน]. กรงุ เทพมหานคร: คณะครุ ศาสตร มหาวทิ ยาลัยราชภฏั ธนบรุ .ี ณิชชา ชํานิยนต. (2560). ผลของการพัฒนาบทเรียนออนไลนโ ดยใชตวั ชว ยเสริมศกั ยภาพบนเวบ็ รายวิชาเทคโนโลยีและนวตั กรรมทางการศกึ ษาของนกั ศึกษา คณะครศุ าสตร มหาวิทยาลยั ราชภฏั ธนบรุ ี (รายงานการวิจยั ). กรงุ เทพมหานคร: มหาวิทยาลัยราชภฏั ธนบรุ .ี ถนอมพร (ตนั พิพฒั น) เลาหจรสั แสง. (2541). คอมพิวเตอรช วยสอน. กรุงเทพมหานคร: วงกมล โพร ดกั ชนั . ทวี ไวยมิตรา และนวลศรี ชํานาญกิจ. (2555). การพฒั นาบทเรียนคอมพิวเตอรชวยสอน เร่ือง เสน ขนาน สาํ หรับนกั เรยี นช้นั มัธยมศึกษาปที่ 2, วารสารวชิ าการบณั ฑติ ศึกษา มหาวทิ ยาลยั ราชภฎั นครสวรรค, 7(19), 69-84. ธนรัตน แตวฒั นา สมยศ เจตนเจรญิ รกั ษ และธรี พงษ วริ ิยานนท. (2555). ทฤษฎกี ารชว ยเสริม ศักยภาพการเรียนรูสําหรับการสนบั สนุนผเู รยี นในการเรียนรอู อนไลน. วารสารวิชาการ อุตสาหกรรมศึกษา, 6(1), 1-11. ธารนิ ี กระจา งศรี และ ณฐั รดา ทองกลิน่ . (2559). มรดกโลกทางวัฒนธรรมในเอเชยี ตะวนั ออกเฉียง ใต [คอมพวิ เตอรชวยสอน]. กรงุ เทพมหานคร: คณะครุศาสตร มหาวทิ ยาลยั ราชภฏั ธนบรุ .ี เนาวนติ ย สงคราม. (2555). PowerPoint สําหรบั ครู. กรงุ เทพมหานคร: วี. พรน้ิ ท (1991).

255 ประภารชั ทิพยสงเคราะห. (2555). ผลของการจดั การเรยี นรภู าษาไทยโดยใชเว็บเควสท 2.0 และ การเสริมศักยภาพทางการเรียน ทีเ่ นน กระบวนการท่มี ตี อ ความสามารถในการเขียนเชงิ สรางสรรคข องนกั เรยี นมธั ยมศกึ ษาปท ี่ 4. วิทยานพิ นธครุศาสตรมหาบณั ฑิต, จฬุ าลงกรณ มหาวทิ ยาลัย. ปรารถนา ศิริกนั . (2558). มาตราตัวสะกด แม กด [คอมพิวเตอรช วยสอน]. กรุงเทพมหานคร: คณะ ครุศาสตร มหาวทิ ยาลัยราชภฏั ธนบุรี. ปราวณี ยา สวุ รรณณัฐโชติ และเสมอกาญจน โสภณหิรัญรกั ษ. (2560). มาตรฐานและแนวทาง ปฏิบัติการเรยี นการสอน MOOC ทไ่ี ดรับการยอมรบั ในระดบั นานาชาต.ิ กรงุ เทพมหานคร: โครงการมหาวทิ ยาลยั ไซเบอรไทย สาํ นกั งานคณะกรรมการการอุดมศึกษา. ปรญิ ญภาษ สที อง, วารีรตั น แกว อุไร, อมรรัตน วัฒนาธร และองั คณา ออ นธานี. (2559). การพัฒนา รูปแบบการเรยี นการสอนโดยใชแนวคิดการเรียนรรู วมกนั ดวยการเสริมศกั ยภาพทส่ี ง เสรมิ ความ สามารถในการเขยี นเพอ่ื การสือ่ สารภาษาไทย สาหรับนกั เรยี นชนั้ ประถมศกึ ษาปท ่ี 4. วารสารศึกษาศาสตร มหาวิทยาลัยนเรศวร, 18(4), 69-85. ปย สดุ า ตนั เลศิ , ไพศาล ดาแร, ภรู ิวัฒน สุคนธวฒั น และ ศริ ิศกั ด์ิ พนั ธวงษ. (2558). การพัฒนา บทเรยี นคอมพวิ เตอรชว ยสอนกลุมสาระการเรียนรกู ารงานอาชีพและเทคโนโลยี เร่ือง คอมพวิ เตอรแ ละการใชง านสําหรบั นักเรียนช้ันประถมศึกษาปท ่ี 5 โดยใชท ฤษฎพี ฤติกรรม นิยม, วารสารวิชาการการจดั การเทคโนโลยีสารสนเทศและนวัตกรรม, 2(2), 72-79. พนานอ ย รอดช.ู (2553). การพฒั นารปู แบบการเรยี นการสอนอา นตามแนวคิดการสอนแบบ แลกเปลี่ยนบทบาทและเทคนคิ การเสรมิ ศกั ยภาพ เพ่ือเสรมิ สรา งความสามารถในการ อา นภาษาองั กฤษเพ่อื ความเขาใจของนกั เรียนมัธยมศึกษาตอนปลาย. วทิ ยานพิ นธ ครศุ าสตรดษุ ฎบี ัณฑติ , จุฬาลงกรณม หาวทิ ยาลัย. พชั ราภรณ เอมมินอ ม. (2557). เทคโนโลยสี รางสรรค [คอมพวิ เตอรช วยสอน]. กรงุ เทพมหานคร: โรงเรียนวัดโพธิ์ทอง. พมิ พภ ัทร ศริ เิ ม. (2553). การพฒั นาส่ือประสมบทเรียนคอมพิวเตอรช ว ยสอน กลุมสาระการเรียนรู ภาษาไทย เรอื่ งการสะกดคาํ อกั ษรนาํ ชน้ั ประถมศึกษาปท ี่ 2. วิทยานิพนธครศุ าสตร มหาบัณฑิต, มหาวิทยาลัยราชภัฏบรุ รี มั ย. ภาสกร เรืองรอง. (2558). คอมพิวเตอรชวยสอน. กรงุ เทพมหานคร: โรงพมิ พพรทชิ า. ภูเบศ ลีทพั ไทย. (2556). สวสั ดอี าเซียน [คอมพิวเตอรชวยสอน]. กรงุ เทพมหานคร: คณะครุศาสตร มหาวทิ ยาลัยราชภฏั ธนบุร.ี มนตช ัย เทยี นทอง. (2545). การออกแบบและพฒั นาคอรสแวรส าํ หรบั บทเรียนคอมพิวเตอร. กรุงเทพมหานคร: สถาบันเทคโนโลยพี ระจอมเกลาพระนครเหนือ.

256 มาราศรี มโี ชค, อมุ ารินทร ปน ตบแตง , วารรี ตั น แกว อุไร และ เทยี มจันทร พานิชยผลนิ ไชย. (2558). การพัฒนารปู แบบการเรียนรโู ดยใชป ญหาเปน หลกั แบบชวยเสริมศกั ยภาพ เพอื่ เสริมสรา ง ทกั ษะการคิดทางคณติ ศาสตร สําหรบั นักเรยี นระดบั มัธยมศึกษาตอนปลาย. วารสาร ศึกษาศาสตร มหาวทิ ยาลยั นเรศวร, 17(1), 91-102. รดา วัฒนะนิรันดร (2558). ผลการจัดกิจกรรมการเรียนรูดวยเทคนิคการเรียนรูแบบ TGT โดยใช บทเรียนคอมพิวเตอรชวยสอนเพ่ือพัฒนาทักษะการอาน เขียนคําอักษรนํา สําหรับช้ัน ประถมศกึ ษาปท ่ี 3. วทิ ยานพิ นธครศุ าสตรม หาบัณฑิต, มหาวิทยาลัยราชภัฎเชียงราย. รตยิ า ภมรปฐมกลุ และ ทศพร แสงสวาง. (2558). บทเรยี นคอมพิวเตอรชวยสอนรูปแบบเกม เร่อื ง การบวกและการลบจํานวนเต็มสาํ หรบั เด็กสมาธสิ ั้น ระดบั ประถมศกึ ษาปท ี่ 3, วารสารครุ ศาสตรอ ุตสาหกรรม มหาวิทยาลยั เทคโนโลยรี าชมงคลธัญบุร,ี 3(2), 128-144. ราชบัณฑิตยสถาน. (2554). พจนานกุ รมฉบบั ราชบณั ฑติ ยสถาน พ.ศ. 2554. คนเมอ่ื 26 เมษายน 2559, จาก http://www.royin.go.th/dictionary/. วัชรพล วบิ ลู ยศรนิ . (2556). นวตั กรรมและสอ่ื การเรียนการสอนภาษาไทย. กรงุ เทพมหานคร: สํานักพิมพแหง จุฬาลงกรณมหาวทิ ยาลยั . ศรธี ัญญา ตันสกลุ . (2552). ผลของการใชค วามเรว็ จงั หวะของเสียงดนตรีประกอบในบทเรยี น คอมพวิ เตอรช ว ยสอน ที่มตี อ การรแู ละความคงทนในการจําคาํ ศพั ทภาษาองั กฤษ ของ นกั เรยี นชน้ั ประถมศกึ ษาปท่ี 2 ที่มีสมาธบิ กพรอ ง และพฤติกรรมไมอยูนิ่ง. วิทยานิพนธครุ ศาสตรมหาบัณฑติ , จุฬาลงกรณม หาวิทยาลยั . ศศิวรรณ ชาํ นยิ นต. (2552). ผลของการเรยี นแบบใชปญหาเปน หลักบนเว็บที่มีการชว ยเสริม ศักยภาพท่แี ตกตางกัน ทมี่ ีตอ ผลสัมฤทธท์ิ างการเรยี นวชิ าวทิ ยาศาสตรข องนักเรยี น มธั ยมศึกษาปท ่ี 3. วทิ ยานิพนธครศุ าสตรมหาบณั ฑิต, จุฬาลงกรณม หาวิทยาลยั . ศริ ิชยั นามบรุ ี. (2547). เอกสารประกอบการสอนรายวิชาคอมพิวเตอรช ว ยสอน. ยะลา: คณะ วิทยาศาสตรและเทคโนโลย,ี มหาวิทยาลัยราชภฏั ยะลา (เอกสารอดั สําเนา). ศริ พิ ร ครุฑกาศ. (2557). รปู แบบการพัฒนาทกั ษะการแกป ญ หาดวยระบบการสอนรายบคุ คล สาํ หรบั นักศกึ ษาวิทยาลัยพยาบาล สงั กัดสถาบนั พระบรมราชชนก. วทิ ยานิพนธค รศุ าสตร ดุษฎบี ัณฑิต, จฬุ าลงกรณมหาวทิ ยาลัย. ศุภนิต อารีหทัยรัตน. (2556). คอมพวิ เตอรเ พ่อื การเรยี นการสอน. กรุงเทพมหานคร: สํานักพมิ พ มหาวทิ ยาลัยรามคําแหง. ________. (2557). คอมพิวเตอรเพอื่ การศึกษา. กรงุ เทพมหานคร: สํานักพมิ พมหาวิทยาลัย รามคาํ แหง.

257 สนทิ ตีเมอื งซา ย. (2552). การพัฒนารูปแบบการเรียนรรู ว มกันโดยใชป ญ หาเปนหลักทม่ี กี ารชว ย เสริมศกั ยภาพทางการเรยี นผา นเครือขา ยคอมพิวเตอร. กรุงเทพมหานคร: วทิ ยานิพนธ สาขาคอมพวิ เตอรศึกษา, มหาวิทยาลยั เทคโนโลยพี ระจอมเกลาพระนครเหนอื . สมควร ฝายสระนอ ย. (2555). เทคโนโลยสี ารสนเทศ ม.1. คนเม่อื 13 กรกฎาคม 2559, จาก https://sites.google.com/a/suratham.ac.th/computer228/home. สารานุกรมไทยสาํ หรับเยาวชน. (2557). การใชค อมพวิ เตอรใ นดา นการศกึ ษา. คน เมอื่ 26 เมษายน 2559, จาก http://kanchanapisek.or.th/kp6/sub/book/book.php?book=11& chap=4&page=t11-4-infodetail06.html. สาํ นักงานเลขาธิการสภาการศกึ ษา. (2560). แผนการศกึ ษาแหง ชาติ พ.ศ. 2560 – 2579. กรุงเทพมหานคร: พริกหวานกราฟฟค. สทิ ธิกรานต อนุกูลรงั สรรค. (2554). ผลของมินิเกมที่มีการกํากับตนเองท่สี งผลตอ ผลสัมฤทธ์ใิ นการ อา นภาษาองั กฤษอยา งมีวิจารณญาณของนักเรียนชน้ั มัธยมศกึ ษาปที่ 6. วทิ ยานพิ นธ ครุศาสตรมหาบณั ฑิต, จฬุ าลงกรณม หาวิทยาลยั . สุกรี รอดโพธท์ิ อง. (2546). เอกสารคาํ สอน วิชาคอมพวิ เตอรชวยสอน. กรุงเทพมหานคร: จฬุ าลงกรณมหาวทิ ยาลัย (เอกสารอดั สาํ เนา). สุปรยี  บรู ณะกนิษฐ. (2556). ผลของการใชเ ทคโนโลยเี สรมิ ศักยภาพที่แตกตางกนั ในการเรยี นรู แบบโครงงานเปนฐานทมี่ ตี อ ความสามารถในการคิดวเิ คราะหและการแกป ญ หาในการ โปรแกรมหนุ ยนตข องนกั เรียนระดบั มธั ยมศึกษาตอนตน . วิทยานิพนธครศุ าสตรดุษฎี บัณฑติ , จุฬาลงกรณม หาวทิ ยาลยั . สุวทิ ย ไวยกุล. (2559). การพฒั นารปู แบบการออกแบบเลริ นนงิ ออบเจค็ บนแท็บแล็ตโดยใชเกม เปนฐานทม่ี กี ารชวยเสริมศักยภาพเพอ่ื สงเสริมมโนทศั นท างคณิตศาสตรของนกั เรยี นทมี่ ี ความบกพรองทางการเรียนคณิตศาสตร. วทิ ยานิพนธค รศุ าสตรดษุ ฎีบัณฑติ , จุฬาลงกรณ มหาวิทยาลยั . หนง่ึ ฤทัย พวงเพชร และ นิตยา เปลอื้ งนชุ . (2555). ผลของการใชบ ทเรียนคอมพวิ เตอรชวยสอน เรื่อง บทสนทนาในชวี ติ ประจําวัน โดยใชรปู แบบการสอนแบบทางตรง สาํ หรับนกั เรียนทมี่ คี วาม บกพรอ งทางการเหน็ ช้ันประถมศกึ ษาปที่ 6, วารสารศกึ ษาศาสตร ฉบบั วิจยั บณั ฑติ ศกึ ษา มหาวิทยาลัยขอนแกน, 5(3), 153-161. อรนุช ลมิ ตศริ .ิ (2556). นวัตกรรมและเทคโนโลยีการจดั การเรยี นร.ู กรงุ เทพมหานคร: สาํ นักพิมพ มหาวิทยาลยั รามคาํ แหง. เอกรนิ ทร ชัยวรรณะ, รัตนพร บญุ เรอื ง และอเรษา กระวนิ . (2559). Phonetics ระดับอุดมศกึ ษา [คอมพวิ เตอรชว ยสอน]. กรุงเทพมหานคร: คณะครุศาสตร มหาวทิ ยาลยั ราชภัฏธนบุร.ี

258 Adobe. (2016). (Version 9). Adobe Captivate (Version 9) [Computer software]. Retrieved 13 December 2016, From https://helpx.adobe.com/sea/captivate /kb/captivate-downloads.html. Alessi, M. &Trollip, S. (1991). Computer-based instruction: Methods and development. Englewood Cliffs, New Jersey : Prentice Hall. Allyson Skene and Sarah Fedko. (2014). Instructional Scaffolding. Centre for Teaching and Learning, University of Toronto. Bilash, O. (2011). Scaffolding. Retrieved 26 May 2016, From https://sites.educ.ualberta.ca/staff/olenka.bilash/Best%20of%20Bilash/scaffold ing.html. Britannica Online Encyclopedia. (2017). Computer-assisted instruction. Retrieved 15 May 2017, from https://www.britannica.com/print/article/130589. Brush, T.A., & Saya, J.W. (2002). A summary of research exploring hard and soft scaffolding for teachers and students using a multimedia supported learning environment. The Journal of Interactive Online Learning, 1(2), 1-12. Gagne, R. M., Griggs, L. J., & Wager, W. W. (1992). Principle of instructional design (4th Ed). New York: Holt, Rinehart and Wilson. Ilju, R. and Soyoung, P. (2010). The effect of visual and verbal scaffoldings on web- based problem solving performance. Educational Technology International 11(2), 1-24. Karen K. Hein. (2014). Creating and Using Interactive Presentations in Distance Education Courses: A View from the Instructor's Chair. Theses, Student Research, and Creative Activity: Department of Teaching, Learning and Teacher Education. University of Nebraska-Lincoln. McLoughlin, C. (2002). Learner support in distance and networked learning environment: Ten dimensions for successful design. Distance Education 23(2), 149-162. Sharp, J. H., & Schultz, L. A. (2013). An exploratory study of the use of video as an instructional tool in an introductory C# programming course. Information Systems Education Journal, 11(6), 33-39.

259 Skene, A. & Fedko, S. (2014). Instructional scaffolding. Centre for Teaching and Learning, University of Toronto. Vygotsky, L. S. (1978). Mind in society: The development of higher psychological processes. Cambridge, MA: Harvard University Press.

คอมพิวเตอรช ว ยสอน