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

125 การสรา งบทเรียนในสวนการนาํ เสนอเนือ้ หา เม่ือเราไดทราบถึงการต้ังคา และเคร่ืองมือพ้ืนฐานสําหรับการใชงานโปรแกรมในการสราง บทเรียนคอมพิวเตอรชวยสอนแลว ลําดับตอมาจะเร่ิมตนการสรางบทเรียนคอมพิวเตอรช วยสอน โดย จะเปนการนําเสนอเนื้อหาประเภทตาง ๆ โดยบทเรียนท่ีดีตองนําเสนอเนื้อหาใหผูเรียนสามารถเขาใจ ไดงาย ซ่ึงโปรแกรมท่ีนํามาสรางบทเรียนน้ีสามารถนําเสนอเน้ือหาไดท้ังในรูปแบบของขอความ และส่ือประสม ดงั น้นั การนาํ เสนอเน้ือหาจึงสามารถทาํ ไดหลายวิธี ผูส รา งจงึ ตองออกแบบเน้ือหา และ กจิ กรรมไวล วงหนา แลว ทาํ การสรา งตามขน้ั ตอนตามลาํ ดับ การนําเสนอเน้อื หาประเภทขอความ ในการนําเสนอเนื้อหาน้ัน การใชขอความในการนําเสนอถือเปนการนําเสนอที่งาย และ สามารถใชไดกับเนื้อหาเกือบทุกประเภท ดังนั้นการนําขอความเนื้อหามาใสในบทเรียน ผูสรางตองทํา การวิเคราะห และคัดเลือกเน้ือหาท่ีจะมานําเสนอในบทเรียน โปรแกรม Adobe Captivate 9 สามารถนาํ เสนอเนอ้ื หาประเภทขอความได 3 รูปแบบดว ยกัน 1. การนําเสนอเนื้อหาประเภทขอความธรรมดาแบบกลองขอความ หลังจากที่ไดเปด โปรแกรม และทําการเลือกขนาดหนาจอเรยี บรอยแลว ใหเ ลอื กเครื่องมือ Text เพือ่ เลอื กประเภทของ ขอ ความทจี่ ะสราง โดยทําตามขั้นตอนดังนี้ ภาพท่ี 5.23 หนา จอการสรา งเนื้อหาประเภทขอ ความ 1.1 เลือก Text Caption เพื่อสรางขอความแบบธรรมดาจะปรากฏตัวเลือก Type the caption text here. ขึน้ มา ใหดบั เบลิ คลกิ เพือ่ พมิ พข อความลงไป

126 ภาพท่ี 5.24 หนาจอการพิมพเ น้อื หา 1.2 เมื่อพิมพเรียบรอยแลวใหคลิกท่ีวาง 1 คร้ัง หากตองการยายตําแหนงขอความให คลิกเลือกขอความที่ตองการยายจะปรากฏเครื่องหมายลอมรอบขอความ จากน้ันใหเคลื่อนยาย ตาํ แหนง ตามท่ีตองการได 1.3 การปรับแตงขอความ ใหคลิกเลือกขอความท่ีตองการปรับแตง แลวต้ังคาที่ PROPERTIES ในสวนของ Character ดังภาพท่ี 5.25 หากแถบ PROPERTIES ไมปรากฏใหคลิกท่ี PROPERTIES ดานบนขวามือของหนาของโปรแกรม 4.1 4.3 4.2 ภาพที่ 5.25 หนาจอการปรบั แตงขอ ความ 1.4 ทําการปรับแตงขอความโดยเลือกท่ี Character ที่แถบ PROPERTIES โดยมี รายละเอียดดงั นี้

127 1.4.1 ใชส ําหรบั ปรบั เปลย่ี นรูปแบบฟอนต 1.4.2 ใชสําหรับปรับสไตลตัวอกั ษร เชน ตวั เอยี ง ตวั หนา เปนตน 1.4.3 ใชส ําหรับปรับขนาดตัวอกั ษร 1.4.4 ใชสําหรับเปล่ียนสีตัวอักษร โดยสามารถคลิกเลือกที่ Swatches ตามภาพท่ี 5.26 เปล่ียนสีตัวอกั ษร ภาพท่ี 5.26 หนาจอการเปลยี่ นสตี ัวอักษร 2. การสรางชองกรอกขอมูล ในการแทรกประเภทนี้ไมถือวาเปนการแทรกเนื้อหาใน ลักษณะของขอความทว่ั ไป จะเปนลักษณะของการแทรกวัตถุท่ีใหผูเ รียนสามารถกรอกขอมลู เชน ชื่อ นามสกุล ลงไปในหนาช้ินงานได โดยวิธีการสรางใหเลือกเครื่องมือสรางขอความ Text แลวเลือก Text Entry Box ภาพที่ 5.27 หนา จอการเพ่มิ ชองกรอกขอ มูล

128 2.1 จะปรากฏชองสําหรับกรอกขอมูล และปุมกด ผูสรางสามารถยายตําแหนงชองไปยัง บรเิ วณที่ตองการ ภาพท่ี 5.28 หนา จอการปรับแตง ชองกรอกขอ มลู 2.1 การต้ังคาของชองกรอกขอมูล ผูสรางสามารถเปลี่ยน Font ขนาดตัวอักษร และสีที่ จะปรากฏในชองกรอกขอมูลได โดยวิธีการปรับแตง ทําเหมือนกับการเปลี่ยนขอความ แตขอความที่ เปลย่ี นจะปรากฏเมื่อพรีวิวดเู ทา นัน้ สว นปุม จะกลาวถึงในเรื่องของการสรางการเช่อื มโยง 2.2 การสรางการเช่ือมโยงระหวางขอความในชองกรอกขอมูลนั้น ทําไดโดยการสราง กลองขอความอกี 1 กลองจากเครื่องมือ Text Caption จากน้ันในลบขอความ Type the caption text here. ใหเ หลือแตเครอ่ื งมอื พมิ พทกี่ ระพรบิ อยูในชอ งพมิ พขอความ ภาพท่ี 5.29 หนาจอการเช่อื มโยงชอ งกรอกขอมูล

129 2.3 จากน้ันใหคลิกเคร่ืองหมาย [x] ท่ีแถบ PROPERTIES จะปรากฏหนาตางการตั้งคา ข้นึ มา ภาพท่ี 5.30 หนาจอการตั้งคาการเชอ่ื มโยง ภาพที่ 5.31 หนา จอการต้ังคาตัวแปร 2.4 การต้ังคาตัวแปรการเช่ือมโยงในตัวเลือก Variables ใหเราเลือกช่ือกลองขอความท่ี เราตองการเชื่อมโยงขอมูล (โดยชื่อของกลองขอความจะอยูท่ีหนา PROPERTIES และจะปรากฏ ตอเม่ือเราคลิกกลองขอความน้ัน ๆ อยู) ในชอง Maximum length คือจํานวนตัวอักษรท่ีมากสุดท่จี ะ ใหปรากฏในกลองขอความน้ี ซึ่งโปรแกรมจะตั้งคาไวท่ี 50 ตัวอักษร จากนั้นกด OK จะปรากฏคา ตัวแปรในกลองขอ ความ

130 ภาพท่ี 5.32 หนา จอตวั แปรในกลองขอ ความ 3. การนําเสนอเนื้อหาแบบขอความ Animation ขอความ Animation เปนลูกเลน ท่ีทาํ ใหชิน้ งานของเรามีความนาสนใจมากขึน้ ซึง่ โปรแกรมเองมตี วั เลอื ก Animation ใหเลอื กมากมาย มีข้ันตอนในการสรางใหเลือกเครื่องมือสรางขอความ Text แลวเลือก Text Animation โดยมีการ ตง้ั คาดังนี้ ภาพท่ี 5.33 หนา จอการเพ่ิมขอความ Animation 3.1 ในชอง Text ใหใ สขอความท่ีตองการสรางเปน Animation 3.2 Font และ Size ปรับเปลย่ี นรูปแบบและขนาดตัวอกั ษร 3.3 Delay ปรับความเรว็ ของ Animation มคี าความเร็วตั้งแต 1-90 โดย 1 จะเรว็ สดุ

131 3.4 แถบสีใชเปลี่ยนสี Font และ Loop ใชกําหนดการเลนวนของ Animation หากกด เลอื ก Animation จะเลน วนจนกวา จะเปลยี่ นหนาสไลด 3.5 การเปลี่ยนรูปแบบ Animation เราจะเห็นตัวอยางจากแถบ PROPERTIES หาก ตองการเปลี่ยน ใหกดเลือกท่ี Effect ในแถบ PROPERTIES และเราจะสามารถดู Text Animation ไดตอ เมื่อพรวี ิวเทา นั้น เมือ่ แลวเสรจ็ ใหกด OK ภาพที่ 5.34 หนา จอการปรบั แตงขอความ Animation ในสวนของการใชขอความในการนําเสนอเนื้อหา ผูออกแบบควรพิจารณาวาควรใชขอความ รูปแบบใดในการนําเสนอเน้ือหา จากประสบการณสอนในช้ันเรียนพบวา ผูเรียนใชขอความแบบ ธรรมดาในการนําเสนอเนื้อหาท่ัวไป ขอความแบบชองกรอกขอมูลผูเรียนจะใชในลักษณะของการทํา ชองใหผูใ ชง านลงชือ่ หรอื เปน เกมสในการตอบคําถาม สวนขอความแบบ animation ผเู รยี นสวนใหญ จะใชใ นการนาํ เสนอในหนา จอแรกของบทเรยี นเพ่ือดึงดูดความสนใจจากผูใชง าน

132 การนําเสนอเนื้อหาประเภทรูปภาพ การนําเสนอเน้ือหาที่ดี ควรใชสื่อท่ีหลากหลายในการนําเสนอ เพราะบางคร้ังการใชภาพชวย อธิบายเพิ่มเติมจะทําใหผูเรียนไดเขาใจเน้ือหาไดมากกวาการใชขอความอธิบายเพียงอยางเดียว เนื้อหาบางรายวิชา ตองใชรูปภาพจึงจะสามารถทําใหผูเรียนเขาใจเนื้อหาไดงายย่ิงข้ึน ไฟลรูปภาพที่ นํามาใชในโปรแกรมน้ีนั้น รองรับไฟลในรูปตาง ๆ เชน JPEG, GIF, PNG เปนตน ในสวนของการใน แทรกรูปภาพมีวธิ กี ารดังน้ี 1. คลิกเลอื กเครอ่ื งมือ Media จากแถบคาํ ส่งั และเครื่องมือ จากน้ันเลอื ก Image จะปรากฏ Folder ตามทเ่ี ราเกบ็ รปู ภาพไวใ หเ ลอื กรูปภาพทตี่ อ งการ ภาพที่ 5.35 หนา จอการเลอื กรปู ภาพ 2. เมื่อไดรูปภาพที่ตองการแลว เราสามารถจัดการกับรูปภาพน้ัน ๆ ได โดยมีรายละเอียด ดังน้ี

133 1) 2) ภาพท่ี 5.36 หนา จอการปรับแตงรูปภาพ 2.1 ปรบั ขนาดรปู ภาพโดยยดื ขยายทม่ี มุ ของรปู ภาพหรอื ปรบั ขนาดโดยการเลอื กทแ่ี ถบOptionsในสว น ของ Transform และสามารถลอคขนาดความกวางและความยาวใหสัมพันธกันไดโดยเลือก Constrain Proportions แถบ Add Audio ใชส าํ หรับเพ่ิมเสยี งใหกบั รปู ภาพ ภาพท่ี 5.37 แถบ Options

134 2.2 Edit Image ใชสาํ หรับปรับแตงและแกไ ขรปู ภาพ ตามภาพที่ 5.38 ภาพที่ 5.38 หนาจอการปรับแตง รูปภาพในสวนของ Edit Image 2.3 การกําหนดเงาสะทอนของรูปภาพโดยการต้ังคาในสวนของ Shadow and Reflection 2.4 ตวั เลือก Fit to Stage ใชในกรณที ต่ี องการใหภาพพอดีกบั สไลด การใชรูปภาพในการนําเสนอเนื้อหาควบคูกับขอความจะทําใหผเู รยี นสามารถเขา ใจเน้ือหาได ดีย่ิงข้ึน ดังคํากลาวที่วา “ภาพ 1 ภาพสามารถอธิบายความหมายไดดีกวาคําพูดหรือขอความ” ดังน้ัน การเลือกใชภาพผูออกแบบควรพิจารณาถึงความเกี่ยวของของรูปภาพกับขอความและเน้ือหาท่ี ตองการนําเสนอ ไมควรใชภาพท่ีไมส อดคลองกับเนื้อหา ภาพที่ใชควรมีความละเอียด เมื่อขยายขนาด แลวไมแตก และที่สําคัญ การใชภาพควรคํานึงถึงกลุมเปาหมายดวยวาอยูในวัยใด สามารถใชรูปภาพ แบบใดในการนําเสนอเน้ือหาไดบาง แหลงขอมูลที่ไดมาซ่ึงรูปภาพน้ันผูออกแบบสามารถดาวนโหลด ไดจากเว็บไซตท่ีอนุญาตใหนําไปใชงานไดฟรี โดยอางอิงถึงแหลงท่ีมา เชน www.pixabay.com www.iconarchive.com เปน ตน

135 การนําเสนอเนอ้ื หาประเภทภาพเคล่อื นไหวและวดี ิทศั น ในการนําเสนอเนื้อหาในรูปแบบภาพเคลื่อนไหวและวีดิทัศน ทําใหงานของเรามีความ นาสนใจมากย่ิงขึ้น บางเนื้อหาการเสนอภาพน่ิงอาจยังไมสามารถทําใหผูเรียนเขาใจได เชน การ นําเสนอเนือ้ หา การงอกของเมล็ดพืช หากตองใชรูปภาพเพียงอยางเดียวอาจสื่อความหมายไดไมเต็มที่ ถาเราใชวีดิ ทศั น หรือภาพเคล่อื นไหว จะทาํ ใหผูเรยี นสามารถเขา ใจเนื้อหาไดดีย่งิ ขน้ึ โดยมีวธิ กี ารดังน้ี 1. การเพิ่มเน้ือหาประเภทวีดิทัศน ไฟลวีดิทัศนท่ีรองรับในโปรแกรม Adobe Captivate 9 น้ันมีอยูดวยกัน 2 ไฟลคือ .flv และ .f4v แตสามารถเพ่ิมไฟลวีดิทัศนประเภทอื่นได โดยโปรแกรมจะ แปลงไฟลเปน .flv ใหอัตโนมัติ การเพิ่มใหคลิกเลือกที่ Media จากนั้นเลือก Video จะปรากฏ หนาตางใหเลอื กไฟลวดี ทิ ัศน ภาพท่ี 5.39 การเพิม่ ภาพเคลอื่ นไหวประเภทวีดทิ ศั น ในการเลือกวีดิทัศนทีจ่ ะนํามาใสใ นช้นิ งานมีอยูดว ยกนั 2 ลกั ษณะดังน้ี 1.1 Event Video เปนวีดิทัศนที่ไมสัมพันธกับระยะเวลาแสดงผลของสไลดในพาเนล TIMELINE และสามารถควบคุมไฟลวีดิทศั นได ซ่ึงในการเพ่ิมวีดิทัศนลงในสไลดแนะนําเปนการเพิ่มใน ลกั ษณะน้ี

136 1.2 Multi-Slide Synchronized Video เปนวีดิทัศนสไลด ระยะเวลาที่แสดงสไลดบน TIMELINE จะเทากับความยาวของวีดิทศั น ไมม ีเคร่ืองมอื ควบคุมวดี ทิ ศั นป รากฏ 1.3 จากน้ันใหกดเลอื ก Event Video แลวเลือก On your Computer กด Browse จะ ปรากฏหนาตางใหเราเลือกวีดิทัศนท่ีตองการ จากน้ันกด Open (หากเปนวีดิทัศนไฟลอ่ืนที่นอกเหนือ .flv กับ .f4v โปรแกรมจะแปลงไฟลให) แลวกด OK ภาพที่ 5.40 การเลือกประเภทวีดิทศั น จะปรากฏวีดิทัศนในสไลด สามารถขยับและปรับขนาดวีดิทัศนได หากตองการปรับแตง สามารถปรบั แตงไดที่แถบ PROPERTIES และ TIMING

137 ภาพที่ 5.41 วดี ทิ ัศนบ นสไลด 2. การเพ่ิมเนื้อหาประเภทภาพเคล่ือนไหว ไฟลภาพเคลื่อนไหวที่ใชไดในโปรแกรม Adobe Captivate 9 น้ันมีอยูดวยกัน 2 ไฟลคือ .swf และ .gif การเพิ่มใหคลิกเลือกท่ี Media จากน้ันเลือก Animation จะปรากฏหนาตางใหเลือกไฟลเคลื่อนไหว และเราสามารถตกแตงภาพเคลื่อนไหว เหมอื นกับรูปภาพ โดยใชเครื่องมือทแี่ ถบ PROPERTIES ภาพท่ี 5.42 การตกแตงภาพเคล่ือนไหว

138 การนาํ เสนอเนื้อหาประเภทเสียง การนําเสนอเนื้อหาในรูปแบบของเสียง ชวยเพิ่มความนาสนใจ และเปนการเพิ่มชองทางใน การทําความเขาใจเนื้อหาอีกหนึ่งชองทาง เพราะบางครั้งผูใชงานบทเรียนคอมพิวเตอรชวยสอนอาจ ตองการฟงเสียงบรรยาย เพื่อเพิ่มความเขาใจหรือกระตุนการเรียนรูมากย่ิงข้ึน ซึ่งไฟลเสียงที่รองรับ ไดแก .wav และ .mp3 โดยมีวิธกี ารในการเพ่มิ เสียงในสไลดด งั นี้ 1. การเพิ่มใหคลกิ เลือกที่ Media จากน้ันเลือก Audio จะปรากฏหนาตา งใหเ ลือกไฟลเ สียง เลือกไฟลเ สยี งทีต่ องการ จากนั้นกด Open ภาพที่ 5.43 การเพม่ิ ไฟลเ สียง หากไฟลเสียงมีความยาวกวาระยะเวลาของสไลด จะปรากฏหนาตางปรับแตงขึ้นมา โดยมี รายละเอยี ดดงั น้ี 1.1 Show the slide แสดงระยะเวลาสไลดต ามความยาวของไฟลเสียง 1.2 Distribute the audio file แบงไฟลเ สยี งลงในสไลดห ลายสไลด 1.3 Retain current slide duration ระยะเวลาสไลดเทา เดิม จะแบง ไฟลเสยี งท่มี ีความ ยาวเกนิ สไลด ไปยังสไลดถ ัดไป

139 ภาพที่ 5.44 การปรบั ไฟลเสยี ง 2. ในกรณีการเพิ่มไฟลเสียงใสสไลดขอแนะนําใหเลือกเปน Show the slide (และทําปุม เปด ปดเสียงไวควบคมุ เสยี งซึง่ จะกลาวในเนอ้ื หาถัดไป) จะปรากฏเสยี งท่พี าเนล TIMELINE ภาพท่ี 5.45 ไฟลเ สยี งที่ TIMELINE 3. จากนนั้ ทําการปรับแตงไฟลเ สียงทีแ่ ถบ PROPERTIES ในสวนของ Options 3.1 Fade In กําหนดการ Fade เสยี งเรม่ิ ตน 3.2 Fade Out กาํ หนดการ Fade เสียงตอนจบ 3.3 Loop Audio กําหนดการเลนวนซํา้ ของคลิปเสียง

140 ภาพที่ 5.46 การปรับแตงไฟลเสียง ขอเสนอแนะ : หากตองการลบไฟลเสียงใหก ดทร่ี ูปถังขยะ การเชอื่ มโยงโดยการใชป ุม ในการสรา งบทเรียนคอมพิวเตอรช ว ยสอนน้นั เราจาํ เปน ตอ งใชก ารเช่ือมโยงในแตละบทเรียน โดยการเช่ือมโยง จะใชปุมเพ่ือเช่ือมโยงแตละหนาของบทเรียนไวดวยกัน และเปนการเพ่ิมการ มีปฏิสัมพันธระหวางบทเรียน กับผูเรียนดวยการสรางปุมในโปรแกรม Adobe Captivate 9 มีปุมท่ีมี คาํ สง่ั ใหเ ลือกมากมาย โดยทไ่ี มตอ งเขียน Code คําส่ังขึน้ มา หรือหากตองการเขียนคําส่ังกส็ ามารถทํา ไดโดยงาย ในตาํ ราเลมน้จี ะขอเสนอการแทรกปมุ ที่ใชบ ทเรยี นคอมพวิ เตอรชวยสอนโดยทว่ั ไป ประเภทของปุมในโปรแกรมน้จี ะมอี ยดู วยกนั 3 ประเภท ไดแก 1. Text Button เปน ปุมประเภทขอ ความ 2. Transparent Button เปนปุมที่สามารถเปล่ียนสี หรือกําหนดเปนปุมแบบ Over, Down และ Up 3. Image Button เปน ปุม ท่ใี ชร ูปภาพมาทําเปนปุมได

141 การแทรกปุม ไปที่แถบเมนูและเครื่องมือ จากน้ันเลือก Interaction จากนั้นเลือก Button จะไดปุมแบบ Text Button ซง่ึ เปน ปุม ท่โี ปรแกรมไดต ั้งคาไว จากน้ันทาํ การปรบั ตง้ั คา ที่แถบ PROPERTIES ภาพท่ี 5.47 การแทรกปุม การตั้งคา ปุม ประเภท Text Button 1. เปลย่ี นประเภทปมุ เปน Transparent Button หรอื Image Button 2. Caption เปลยี่ นช่อื ปมุ 3. Make Transparent เปล่ียนปุมเปน แบบโปรง ใส 4. Character ปรบั เปลย่ี นรูปแบบ Font สี และ ขนาด ภาพท่ี 5.48 การตั้งคาปุม ประเภท Text Button

142 การตง้ั คา ปมุ ประเภท Transparent Button 1. Caption เปลย่ี นชอ่ื ปุม 2. Fill เปลย่ี นสพี ้นื ของปมุ โดย Solid ใชสําหรบั เลือกรูปแบบพ้นื ผวิ ของสี Fill เลอื กสี และ Opacity ปรับแตง ความจาง ความเขมของสพี ้นื 3. Stroke เปลยี่ นสเี สนขอบ โดยมี Style เลอื กรูปแบบเสนขอบ Stroke เลือกสี และ Width เลือกความหนาของเสนขอบ 4. Corner radius ปรบั แตง ความโคงมนของปมุ 5. Character ปรบั เปลย่ี นรูปแบบ Font สี และขนาด ภาพที่ 5.49 การต้ังคา ปุม ประเภท Transparent Button

143 การตง้ั คา ปมุ ประเภท Image Button 1. เลือกรูปภาพทีจ่ ะนาํ มาทาํ เปน ปุม โดยกดเลอื กท่รี ปู Folder จะปรากฏหนา ตา งใหเ รา เลือกรูปภาพทีต่ องการจะทาํ เปนปุม 2. เลอื กรปู ภาพท่ีตอ งการ ปรับแตง ขนาดตามความตองการ ภาพที่ 5.50 การตง้ั คา ปมุ ประเภท Image Button ขอเสนอแนะ : ในประสบการณสอนในชั้นเรียนพบวามีอีก เทคนิคที่ชวยทําใหปุมเช่ือมโยงมี ความนาสนใจมากยิง่ ข้ึน นน้ั คือการทาํ ปุมแบบชดุ เดียวกนั แตใ ชได 3 ลกั ษณะคือ up แสดงปุมในสถานะปกติ over แสดงปุมในสถานะเมอ่ื นาํ เมาสไปชี้ down แสดงปมุ สถานะเมอ่ื ปุมถูกคลกิ วิธีการคือสรางปุมจากโปรแกรมอื่นๆ หรือ download จากเว็บไซตที่อนุญาตใหโหลดฟรี จากน้นั ตั้งชื่อปุมตามรปู บนั ทกึ ใน folder เดียวกนั แลว เลือกแทรกปมุ แบบ Image Button

144 ภาพที่ 5.51 ปมุ แบบ 3 สถานะ ทมี่ า (http://www.iconachive.com) การตั้งคา การเช่ือมโยง คลกิ เลอื กปุมทต่ี อ งการเชื่อมโยง จากนั้นไปทีแ่ ถบ Action แลวเลอื กคาํ สง่ั ในตวั เลือก On Success จากนั้นคลิกเลือกประเภทการเชือ่ มโยงท่ตี องการ ภาพท่ี 5.52 การตัง้ คา การเชื่อมโยง

145 คําส่ังเชื่อมโยงทใ่ี ชบ อ ยไดแ ก Go to the previous slide ไปยงั สไลดก อ นหนา Go to the next slide ไปยงั สไลดถ ดั ไป Jump to slide ขา มไปยงั สไลดท ่ีเลือก Exit ออกจากบทเรยี น หากเราเลือกการเช่ือมโยงประเภท Jump to slide น้ัน ตองมีการเลือก slide ที่ตองการ ใหเชือ่ มโยงดว ย โดยดลู าํ ดับจากแถบ Filmstrip ขอเสนอแนะ: การสรางปุมเพื่อเปดหรือปดเสียง ใชในกรณีที่สไลดน้ันมีท้ังคลิปบรรยายและขอความ ในหนาเดียวกัน แลวผเู รียนตอ งการทจ่ี ะปดเสียงเพื่ออา นขอความสามารถทําไดดงั น้ี 1. สรางปุมขึ้นมา ต้ังช่ือ Audio On (สําหรับปุมเปดเสียง) หรือเปลี่ยนเปนภาพ ตามความ ตองการ 2. ที่ On success เลอื ก Action เปน Execute Advanced Actions 3. คลิกที่รูป folder เพื่อเขา ไปกําหนดคา ภาพท่ี 5.53 การเช่ือมโยง 4. ต้ังคา ตามภาพที่ 5.54

146 2. คลิกเพมิ่ 1. ตงั้ ชื่อ Audio On 5. เลอื ก literal ใสคา 0 3. เลือก Assign 4. เลือก cpCmndMute ภาพที่ 5.54 การต้ังคา ปมุ แบบเปด -ปด เสยี ง 5. กดปมุ บนั ทกึ Save แลว ปด Close 6. การทําปุมปดเสียง ทาํ เชนเดียวกันกับปุมเปด เสียง แตก อนการตั้งคา ใหค ลิกเครื่องหมาย บวกตามภาพ และใสคาของ literal ใหใ สเปน 1 ภาพที่ 5.55 การเพม่ิ สครปิ ตปมุ การเพิม่ วัตถุเพอื่ เพ่มิ การมีปฏิสมั พันธ ในบทเรียนคอมพิวเตอรช วยสอน นอกจากเนื้อหาทจ่ี ัดอยูในรปู แบบของขอความ รูปภาพ วีดิ ทัศน และเสียงแลวน้ัน เพื่อเพ่ิมปฏิสัมพันธระหวางบทเรียนกับผูใชงานจึงควรมีการใสรายละเอียด เพ่ิมเติมในบทเรียนดวย ในโปรแกรมท่ีใชสรางบทเรียนคอมพิวเตอรชวยสอนท่เี ลือกมาในตําราเลมนีม้ ี เคร่ืองมอื ที่สามารถเพม่ิ ประสทิ ธิภาพ และปฏสิ มั พนั ธของบทเรียน ในตาํ ราเลม นีจ้ ะขอนําเสนอในสวน ทส่ี ามารถนําไปใชบ อ ยและงายในการผลติ บทเรียน การเพมิ่ รูปทรง รูปทรง (Shape) เปนวัตถุรูปรางพื้นฐานท่ีสามารถนําไปใชเปนกลองขอความ และสามารถ สรางเปนปมุ เพิ่มเติมได มีขน้ั ตอนในการเพ่ิมดงั น้ี 1. ไปทีแ่ ถบคําสง่ั และเครอ่ื งมอื คลิกเลอื ก Shapes แลวเลอื กรูปทรงที่ตอ งการ

147 ภาพที่ 5.56 การเพ่มิ รูปทรง 2. การปรับแตงรูปทรง ไปที่แถบ PROPERTIES ในสวนน้ีสามารถเปลี่ยนสีพื้น และสีเสน ขอบได โดยเครอื่ งมอื ทใี่ ชค อื 2.1 Use as Button หากตองการเปลี่ยนรูปทรงใหเปนปุมเช่ือมโยง ใหคลิกเลือกใน สวนน้ีแลวทําการปรับแตงการเชื่อมโยงตามรูปแบบของปุมตามที่เสนอไวในเรื่องการเช่ือมโยงโดยการ ใชปมุ 2.2 Fill ใชสาํ หรบั เปลยี่ นสีพน้ื ของรปู ทรง โดย Solid คือการเลือกรปู แบบพน้ื ผิวของสี Fill เลอื กสี และ Opacity ปรบั แตงความจาง ความเขมของสีพนื้ 2.3 Stroke เปลยี่ นสเี สน ขอบ โดยมี Style เลือกรปู แบบเสน ขอบ Stroke เลอื กสี และ Width เลอื กความหนาของเสน ขอบ 3. การเพิม่ ขอความในรปู ทรง สามารถทาํ ไดโดยคลกิ ขวาทีร่ ปู ทรง แลว เลือก Add Text

148 ภาพที่ 5.57 การเพิ่มขอ ความในรปู ทรง การเพมิ่ ตัวช้ีเมาส เปนวัตถุท่ีแสดงตัวขึ้นมาในสไลด เพื่อแสดงถึงการเคลื่อนไหว เพื่อจุด หรือตําแหนงให ผูใชงานเขาใจการทํางานของบทเรียนไดรวดเร็วขึ้น เปนการช้ีแนะผูเรียนอีกวิธี สามารถนําไปใชใน การออกแบบบทเรียนสําหรับการแนะนําการใชงานของบทเรียนในลักษณะของคูมือ แตมีขอจํากัดคือ ในแตล ะสไลดสามารถมตี วั ช้เี มาสไดเ พียงตัวเดยี วเทานน้ั โดยมีวธิ ีการเพม่ิ ดงั นี้ 1. ไปทแี่ ถบคําสงั่ และเครือ่ งมือ คลกิ เลือก Mouse จะปรากฏตวั ช้ีเมาสขึ้น ภาพท่ี 5.58 การเพ่ิมตัวชี้เมาส

149 2. สามารถกาํ หนดการเคลอ่ื นที่ของเมาสไดโ ดยการคลกิ เลือกท่เี มาสแลวเปลีย่ นตาํ แหนง ภาพที่ 5.59 การปรับแตงตัวช้ีเมาส 3. ในแถบ PROPERTIES สามารถเปล่ียนรูปแบบของตัวช้ีเมาสไดที่ Display และ Double Mouse Size ใชข ยายขนาดของตวั ช้เี มาสใ หใ หญข น้ึ 2 เทา การเพมิ่ กลองขอความโรลโอเวอร กลองขอความโรลโอเวอร (Rollover Caption) เปนกลองขอความแบบพิเศษ จะปรากฏให เห็นก็ตอเมื่อเรานําเมาสไปชี้ในพ้ืนท่ีท่ีเรากําหนดไวเทาน้ัน สามารถใชเปนการช้ีแนะแนวทางใน การเรยี นหรือการชวยเสรมิ ศักยภาพแกผ เู รยี นได โดยมีวธิ ีการสรา งดังนี้

150 1. ไปท่แี ถบคําส่งั และเคร่อื งมอื คลิกเลอื ก Rollover Caption ภาพที่ 5.60 การเพม่ิ Rollover Caption 2. จะปรากฏ Rollover Area และ Caption ใหเ รากาํ หนดตาํ แหนง และขนาดตามตองการ 2.1 Rollover Area เปน พน้ื ทท่ี กี่ าํ หนดใหเมาสช้แี ละจะปรากฏขอความข้นึ มา 2.2 Caption เปนกลองขอ ความทตี่ อ งการใหแ สดงข้นึ มาเม่อื เมาสชไี้ ปยังจุดท่ีกาํ หนด ภาพที่ 5.61 Rollover Caption

151 2.3 การปรับแตง Rollover Area ใหเ คล่อื นไปยงั ตาํ แหนงทตี่ องการใหเ มาสผ า น จากนั้น ทําการตงั้ คา ท่แี ถบ PROPERTIES โดกําหนดใหแ ถบ Fill และ Stork ตามภาพที่ 5.62 เพอ่ื ใหบรเิ วณท่ี เมาสผา นไมป รากฏเปนรปู กลอ ง ภาพท่ี 5.62 การปรบั แตง Rollover Area 2.4 การปรับแตง Caption ใหดับเบิลคลิกที่กลองขอความแลวพิมพขอความท่ีตองการ ลงไป ทาํ การปรบั แตงคา ขอความทแ่ี ถบ PROPERTIES เหมือนกับการปรับแตง กลอ งขอความท่ัวไป การเพมิ่ รูปภาพโรลโอเวอร รูปภาพโรลโอเวอร (Rollover Image) เปนรูปภาพแบบพิเศษ จะปรากฏใหเห็นก็ตอเมื่อ เรานําเมาสไปชี้ในพ้ืนที่ที่เรากําหนดไวเทาน้ัน สามารถใชเปนการชวยเสริมศักยภาพแกผูเรียนได โดย มีวธิ ีการสรางดังน้ี 1. ไปทีแ่ ถบคาํ สง่ั และเคร่อื งมอื คลกิ เลือก Rollover Image

152 ภาพท่ี 5.63 การเพิ่ม Rollover Image 2. จะมีหนาตางใหเลือกรูปภาพท่ีตองการใหแสดงผลขึ้นเมื่อเมาสผาน เลือกรูปแลวคลิก Open

153 ภาพที่ 5.64 การเลือกรปู ภาพสาํ หรบั Rollover Image 3. จะปรากฏ Rollover Area ใหเ ราทาํ การปรับแตง คา เหมอื นกบั Rollover Caption การสรา งแบบทดสอบ การสรางขอสอบในบทเรียนคอมพิวเตอรชวยสอน โดยการใชโปรแกรม Adobe Captivate 9 มีเทคนิคและหลักการในการสรางขอสอบที่ไมยาก แตควรใชใหเหมาะสมเพราะจะชวยใหช้ินงาน ของเราดมู ีความนา สนใจ และนําเสนอชิ้นงานไดอยางราบรืน่ ในตําราเลมนี้จะขอแนะนําขอสอบท่ีเหมาะสม และนิยมแกการนํามาใชสรางแบบทดสอบใน บทเรยี นคอมพวิ เตอรชวยสอนน้ันกค็ อื ขอสอบแบบหลายตัวเลอื ก ขอ สอบแบบถูกผิด ขอสอบแบบเติม คาํ สนั้ ๆ และขอสอบแบบจับคู และกอนการสรา งแบบทดสอบแนะนําวา ควรกาํ หนดคา Preferences เพ่ือความเปนแนวทางเดียวกัน เม่ือเพ่ิม Question Slide ทําใหลดความยุงยากและประหยัดเวลาใน การสรางแบบทดสอบตอ ๆ ไป

154 การกาํ หนด Preferences กอนสรางแบบทดสอบ กอนการสรางแบบทดสอบควรมีการตั้งคาในสวนของ Preferences โดยขั้นตอนในการสรางใหเลือก Quiz ในแถบเมนูหลัก จากน้ันคลิกเลือก Quiz Preferences แลว เลอื ก Setting จะปรากฏหนาตา งตามภาพที่ 5.65 ภาพที่ 5.65 การต้งั คา Quiz Preference

155 ภาพที่ 5.66 รายละเอยี ด Quiz Preference ใสร ายละเอยี ดเฉพาะสวนทจี่ ําเปน ตามภาพที่ 5.66 โดยมีรายละเอียดตอไปนี้ 1. Name ใสช ื่อแบบทดสอบ 2. Required รูปแบบของการตอบคําถามของผูเรียน ใหเลือกตามความเหมาะสม ซ่ึงมีอยู ดวยกนั 4 รปู แบบคอื 2.1 Optional – The user can skip this quiz ผูเรียนสามารถขามแบบทดสอบไปขอ ตอไปได 2.2 Required – The user must take the quiz to continue ผูเรียนตองทําแบบ ทดสอบกอนจึงจะดาํ เนนิ การตอ ได

156 2.3 Pass Required – The user must pass this quiz continue ผูเรียนตองทําแบบ ทดสอบใหถ กู ตอ ง จึงจะดาํ เนินการตอ ได 2.4 Answer All – The user must answer every question to continue ผูเรียน ตองทําแบบทดสอบใหหมดทกุ ขอ จึงจะดําเนินการตอ ได 3. Shuffle Answers ใชในการสลบั ตวั เลือกคาํ ตอบทุกคร้ังทีเ่ ปด แบบทดสอบขน้ึ มา 4. Submit All เมื่อผูเรียนตอบคาํ ถามแตละขอแลวสงคําตอบเพียงคร้งั เดียว โดยคลิกเลือก ท่ีปุม Submit All Massage จะเปนหนาจอการกําหนดขอความหลังจากกดสงแบบทดสอบ โดยจะมี รายละเอยี ดใหกรอกตามภาพท่ี 5.67 ภาพท่ี 5.67 การกาํ หนดคา Submit All Message 5. Show Progress แสดงความคืบหนาในการทําแบบทดสอบ โดยมี 2 ลักษณะคือ Relative จะแสดงความกาวหนาในการทําแบบทําขอที่ x จาก y ขอ สวน Absolute จะแสดงเฉพาะ ขอสอบท่ีกาํ ลังทาํ อยูเทา น้นั 6. Show Score at the End of the Quiz แสดงคะแนนหลงั จากทําแบบทดสอบเสรจ็ 7. Quiz Result Messages การกําหนดขอความในหนาจอ Show Score ซ่ึงประกอบไป ดว ยรายละเอยี ดตามภาพที่ 5.68

157 ภาพท่ี 5.68 การกําหนดคา Quiz Result Messages 8. Allow User to Review the Quiz ขอความที่จะปรากฏเม่ือกําหนดใหผูเรียนสามารถ ยอนกลับไปดคู าํ ตอบได โดยมรี ายละเอียดตามภาพที่ 5.69 ภาพที่ 5.69 การกาํ หนดคา Question Review Messages

158 9. Hide Playbar in Quiz ซอนแถบ Playbar ขณะทําแบบทดสอบ เมื่อตั้งคาทุกอยาง เรยี บรอยแลวใหกด OK การกาํ หนดเกณฑผา นไมผ านของแบบทดสอบ ในสวนนี้จะเปนการใหคะแนนข้ันตํ่าที่เปนตัวแจงวาผูเรียนท่ีทําแบบทดสอบนั้นวาผานหรือ ไมผานเกณฑ และสามารถกําหนดตัวเลือกเพ่ิมเติมใหกับเกณฑที่กําหนดไว โดยมีข้ันตอนคือ เลือก Quiz ทแ่ี ถบเมนูหลักจากนัน้ เลือก Quiz Preferences แลวเลือก Pass or Fail ตามภาพที่ 5.70 ภาพท่ี 5.70 การกําหนดคา Pass or Fail โดยมีรายละเอียดในการตง้ั คาตามภาพที่ 5.71 ดังน้ี 1. Pass/Fall Option เปนการตั้งคาเกณฑข้ันต่ําในการผานแบบทดสอบ โดยกําหนดเปน เปอรเซ็นตหรือคะแนนก็ได แตถาใสเปนคะแนนตองสรางแบบทดสอบใหเสร็จกอนถึงจะมาต้ังคาผาน โดยใชคะแนนได 2. If Passing Grade กาํ หนดการกระทําเม่อื แบบทดสอบผานทีค่ าํ สง่ั Action 3. If Failing Grade กําหนดการกระทําเมื่อทําแบบทดสอบไมผาน โดยสามารถใสจํานวน คร้ังท่ีอนุญาตใหผูเรียนสามารถยอนกลับมาทําแบบทดสอบไดอีกในชอง Allow user เมื่อตั้งคา เรียบรอยแลวกด OK

159 ภาพท่ี 5.71 การตั้งคา Pass or Fail การกาํ หนดขอความใหแสดงในแบบทดสอบ จะเปนเปนการตั้งคาปายขอความท่ีจะปรากฏในหนาสไลดแบบทดสอบโดยมีข้ันตอนคือ เลอื ก Quiz ท่ีแถบเมนหู ลักจากนัน้ เลือก Quiz Preferences แลว เลอื ก Default Labels ตามภาพที่ 5.72

160 ภาพท่ี 5.72 การกาํ หนดคา Default Labels โดยมีรายละเอยี ดในการตัง้ คา Labels ตามภาพที่ 5.73

161 ภาพท่ี 5.73 การตั้งคา Default Labels ขั้นตอนสรา งแบบทดสอบ เมื่อไดต้ังคาแบบทดสอบแลว มาถึงกระบวนการสรางแบบทดสอบ เพ่ือใหบทเรียน คอมพิวเตอรชวยสอน สามารถวัดผลการเรียนรูของผเู รียนหลังจากท่ไี ดเ รียนเนือ้ หาจบ แบบทดสอบท่ี ใชใ นบทเรียนคอมพิวเตอรชว ยสอนนั้นจะแบงออกเปน 3 สวนหลกั ดวยกัน คือ แบบทดสอบกอนเรียน แบบทดสอบหลงั เรียน และแบบฝก หดั ซ่ึงทั้ง 3 แบบทดสอบน้ี หากเราแทรกลงในชน้ิ งาน ผลรวมของ แบบทดสอบทุกประเภทจะรวมกันเปนหนึ่งเดียว โปรแกรมจะไมแยกสรุปให ดังน้ันวิธีการสราง แบบทดสอบจําเปนตองสรางแยกไฟลไวตางหาก แลวจึงคอยนํามาแทรกในชิ้นงานทีหลัง ในกรณีแรก เราจะสรางแบบทดสอบแยกไฟลตางหาก โดยการสรางไฟลงานใหมข้ึนมา 1 ไฟล ใหมีขนาดเทากับ

162 ช้ินงานทเรียนท่ีเราตองการนาํ แบบทดสอบไปแทรก จากนนั้ ทาํ ตามขนั้ ตอนคือไปที่แถบเมนหู ลัก เลอื ก Quiz แลวเลือก Questions Slides จะปรากฏหนาตางใหเลือกแบบทดสอบตามภาพท่ี 5.74 โดย ประเภทของแบบทดสอบในโปรแกรมน้ีมีอยดู วยกนั 9 ประเภทไดแ ก 1. Multiple Choice ขอ สอบแบบหลายตัวเลือก 2. True/False ขอ สอบแบบถกู ผิด 3. Fill -In-The-Blank ขอ สอบแบบเตมิ คําส้ันๆ 4. Short Answer เตมิ คําตอบแบบสน้ั 5. Matching ขอสอบแบบจับคู 6. Hot Spot ขอ สอบแบบคลิกในพืน้ ทีท่ ่กี าํ หนดไว 7. Sequence ขอ สอบแบบเรยี งลําดับ 8. Rating Scale (Likert) แบบประเมิน 9. Random Questions ขอ สอบแบบสุมมาจากคลงั ขอ สอบ ใหเลือกประเภทแบบทดสอบ จํานวนขอที่ตองการ และเลือกประเภทแบบทดสอบเปนแบบ Graded จากน้นั กด OK ใสจ ํานวนขอ ทต่ี อ งการ เลอื กประเภทแบบทดสอบ ภาพที่ 5.74 การเพิ่มสไลดแบบทดสอบ

163 การแทรกแบบทดสอบประเภทหลายตัวเลือก ไปท่ีแถบเมนูหลัก เลือก Quiz แลวเลือก Questions Slides จะปรากฏหนาตางใหเราเลือกประเภทแบบทดสอบเลือกขอสอบแบบ Multiple Choice ใสจํานวนขอท่ีตองการ แลวเลือกประเภทของแบบทดสอบแบบ Graded แลวกด OK ทํา การตั้งคา และปรับแตงตัวแบบทดสอบ มีวธิ กี ารในการต้งั คาดังน้ี 1. Type ประเภทของแบบทดสอบ ใหเลอื กเปน Graded 2. Answers จํานวนตัวเลือกของคําตอบ สามารถใสต วั เลขเพิม่ ได 3. Shuffle Answer สลบั ตัวเลือก 4. Multiple Answers ตอบไดห ลายตวั เลือก 5. Points คะแนนของขอนี้ 6. Numbering รูปแบบของตวั เลือก เชน A), a), 1. เปน ตน ภาพที่ 5.75 การกําหนดคา ของแบบทดสอบแบบหลายตัวเลอื ก

164 ดบั เบลิ คลกิ แกไ ขขอ ความ ใสข อ คาํ ถาม การปรับแตงหนา สไลดแ บบทดสอบ แกไ ขขอความได โดยทาํ การดบั เบิลคลกิ ในสว นน้ีจะใสเ ปนคาํ ส่งั การทาํ ขอ สอบ ดับเบิลคลกิ แกไ ขขอความ ขอ ใดคอื ขอ ที่ ถกู ตอ งใหคลิกเลอื กหนา ขอ นน้ั ดูรายละเอยี ดในการต้งั คาในภาพที่ 5.89 ภาพท่ี 5.76 การปรบั แตง หนา สไลดแบบทดสอบประเภทหลายตวั เลือก การแทรกแบบทดสอบประเภทถูก-ผิด วิธีการคือไปท่ีแถบเมนูหลัก เลือก Quiz แลวเลือก Questions Slides จะปรากฏหนาตางใหเราเลือกประเภทแบบทดสอบเลือกขอสอบแบบ True-Fail ใสจํานวนขอ แลวเลือกประเภทของแบบทดสอบแบบ Graded แลวกด OK ทําการต้ังคา และปรับ แตงตวั แบบทดสอบ และใชก ารตัง้ คา เหมือนกบั แบบทดสอบประเภทหลายตัวเลือก

165 ภาพท่ี 5.77 การแทรกแบบทดสอบแบบถูก-ผดิ การแทรกแบบทดสอบประเภทเติมคําส้ันๆ วิธีการคือไปที่แถบเมนูหลัก เลือก Quiz แลว เลือก Questions Slides จะปรากฏหนาตางใหเราเลือกประเภทแบบทดสอบเลือกขอสอบแบบ Fill- In-Blank ใสจํานวนขอ แลวเลือกประเภทของแบบทดสอบแบบ Graded แลวกด OK ทําการต้ังคา และปรบั แตง ตวั แบบทดสอบ มวี ธิ กี ารในการตง้ั คา ดังนี้ ภาพที่ 5.78 การแทรกแบบทดสอบแบบเติมคําสั้นๆ

166 1. การตงั้ คาคะแนน ใชว ธิ ีการเดียวกนั กบั แบบทดสอบประเภทหลายตัวเลือก 2. การต้ังคาคําตอบ ใหคลิกที่ blank จะมีหนาตางปรากฏ ใหเราใสคาํ ตอบท่ีถกู ตองลงไปท่ี คําวา blank จากน้ันคลกิ ทที่ ่วี า ง 1 ครงั้ จะปรากฏคําตอบขน้ึ มา ภาพท่ี 5.79 การตง้ั คาแบบทดสอบแบบเติมคาํ ส้นั ๆ 3. จากน้ันใหใสขอความที่เปนขอคําถามใหสมบูรณ โดยการดับเบิลคลิกที่ขอความ แลว พิมพลงใปชอ งขอ ความ ภาพที่ 5.80 การเพ่ิมขอความแบบทดสอบแบบเติมคําสัน้ ๆ

167 4. การต้ังคารูปแบบขอความ ปายขอความตาง ๆ ใชการปรับแตงเชนเดียวกับแบบทดสอบ ประเภทหลายตัวเลอื ก การแทรกแบบทดสอบประเภทจับคู วิธีการคือไปท่ีแถบเมนูหลัก เลือก Quiz แลวเลือก Questions Slides จะปรากฏหนาตางใหเราเลือกประเภทแบบทดสอบเลือกขอสอบแบบ Matching ใสจํานวนขอ แลวเลือกประเภทของแบบทดสอบแบบ Graded แลวกด OK ทําการต้ังคา และปรับ แตง ตัวแบบทดสอบ มวี ธิ กี ารในการตงั้ คาดังนี้ ภาพที่ 5.81 การเพ่ิมแบบทดสอบแบบจับคู 1. การตง้ั คา ใหคลกิ ไปทแ่ี ถบ QUIZ จากน้นั ตัง้ คา ดงั นี้ Column 1 จํานวนตวั เลือกใน Column 1 Column 2 จํานวนตวั เลอื กใน Column 2 Shuffle Column 1 สลับตวั เลอื กใน Column 1 2. การใสค ําตอบ หรอื ขอ ความ สามารถดบั เบิลคลกิ ทข่ี อความทตี่ องการแกไข 3. การตั้งคาคําตอบ ใหค ลิกทีช่ อ งตัวเลือกใน Column 1 แลว เลือกตวั เลือกใหต รงกนั ใน Column 2 4. การตงั้ คา รปู แบบขอ ความ ปา ยขอ ความตาง ๆ ใชการปรบั แตง เชน เดียวกบั แบบทดสอบ ประเภทหลายตวั เลือก

168 ภาพที่ 5.82 การต้ังคาแบบทดสอบแบบจับคู การปรับแตงปายขอความในแบบทดสอบ เราสามารถแกไขเพ่ิมเติมได เหมือนการแกไข กลองขอความ โดยการแยกปายขอความท้ัง 4 ปายที่ซอนทับกันอยูออกจากกัน เคล่ือนยาย เปลี่ยน ตาํ แหนงได ขยายและยอขนาด แกไ ขขอความ สี ไดท่แี ถบ PROPERTIES

169 ภาพที่ 5.83 การปรับแตง ปา ยขอ ความในแบบทดสอบ ในการปรับแตงปายขอความผลปอนกลับในคําถาม เชนตอบถูก หรือตอบผิด เราสามารถใส รูปภาพและเสยี งแทนขอความได โดยมวี ธิ กี ารดังนี้ 1. คลิกเลอื กทป่ี ายขอความถกู หรือผดิ จากน้นั ไปทีแ่ ถบ PROPERTIES ที่ตวั เลือก Fill เลือก Image Fill ภาพที่ 5.84 การเลอื ก Fill ในการปรบั แตงปา ยขอความในแบบทดสอบ

170 2. ท่ีตวั เลอื ก Fill คลกิ เลือกที่ Custom Image ไปทีร่ ปู ภาพท่ี 5.85 การเลอื กรปู ภาพเพ่ือปรบั แตง ปายขอความในแบบทดสอบ 3. คลิก Import เพ่ือเลือกรูปภาพ จากนั้นกด OK เอาเครื่องหมายถูกหลัง Tile และ Stretch ออก แลวปรับคา Opacity เปน 100% ภาพท่ี 5.86 การเลือกรูปภาพ วิธีการแทรกเสียงลงในปายขอความถูก-ผิด ไปท่ีตัวเลือก Option จากนั้นเลือก Add Audio เลือกไฟลเ สยี ง จากนน้ั กด Save

171 ภาพที่ 5.87 การแทรกเสยี งลงในปายขอความ ขอเสนอแนะ : สามารถคดั ลอกสไลดแบบทดสอบทต่ี ัง้ คาเรยี บรอ ยแลวไปสรา งเปนขอถัดไป โดย เปลี่ยนแคโ จทย โดยไมตองตั้งคา ใหม การตั้งคา Quiz Results ในการแทรกสไลดแบบทดสอบ จะปรากฏสไลดหนาสรุปรวม คะแนนของแบบทดสอบข้ึนมาดวย ซึ่งหนาน้ีนั้นจะรวมผลคะแนนของทุกแบบทดสอบ หากเราแทรก แบบทดสอบท้ังกอนเรียน หลังเรียน และแบบฝกหัดโดยไมมีการแยกไฟล ในหนาสรุปคะแนนมี รายละเอยี ดการปรับแตง ดังนี้

172 ภาพที่ 5.88 หนาสรปุ ผลการทําแบบทดสอบ 1. รายละเอยี ดในหนา สรปุ ท่สี ามารถแกไขขอ ความและปรบั แตงได ประกอบไปดวย Your Scored คะแนนทไ่ี ด Maximum Score คะแนนเตม็ Correct Question จาํ นวนขอท่ีตอบถูก Total Question จํานวนแบบทดสอบทัง้ หมด Accuracy คะแนนคิดเปนเปอรเซ็นต Attempts จํานวนคร้งั ในการทาํ แบบทดสอบ 2. Review Area เปนบริเวณท่ีแสดงขอความในกรณีท่ีทําแบบทดสอบผาน หรือไมผาน สามารถแกไ ขขอ ความไดท แ่ี ถบ PROPERTIES แลว ไปท่ี Option แลว ปรบั แตง ขอ ความได

173 ภาพที่ 5.89 การปรบั แตง Review Area กอนทาํ การ Publish ควรมกี ารตงั้ คาหนาจอแบบทดสอบกอ นซงึ่ มีวิธีการคือ ไปท่ี Project ที่ แถบเมนูหลักเลือก Skin Editor เอาเคร่ืองหมายถูกในชอง Show Playback Control ออก จากน้ัน คลิกปด ทีม่ มุ ขวาบน ภาพท่ี 5.90 การต้งั คาแบบทดสอบ เม่ือเราสรางแบบทดสอบจนครบตามแลว ตองทําการ Publish แบบทดสอบ เพ่ือที่จะนําไป แทรกในสไลดบทเรียนคอมพิวเตอรท่ีชวยสอนที่เราไดทําไว โดยมีข้ันตอนในการทําดังนี้ (ดรู ายละเอียดการ Publish รปู แบบ SWF เพิ่มเติมไดใ นหัวขอการ Publish) 1. ไปทแี่ ถบมนูหลกั เลอื ก File แลว เลือก Publish

174 ภาพที่ 5.91 การ Publish 2. ในสวนของ Publish as ใหเลอื กเปน HTML5/SWF 3. Project Title ใสช ือ่ แบบทดสอบ 4. Location ใสท ี่เกบ็ ไฟลง าน แลว คลิกเลือก Publish To Folder 5. จากนนั้ กด Publish