36
17 คู่มือการใช้ Adobe Captivate 3 .เสกสรรค์ สุวรรณสุข คู่มือการใช้ Adobe Captivate 3 .เสกสรรค์ สุวรรณสุข โรงเรียนบ้านศุภชัย www.b-spc.ac.th

17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

  • Upload
    others

  • View
    12

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

17

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

คมอการใช Adobe Captivate 3

อ.เสกสรรค สวรรณสข โรงเรยนบานศภชย

www.b-spc.ac.th

Page 2: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

18

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

Adobe Captivate 3.0

ปจจบนสอเรยนรหรอสอการน าเสนอมรปแบบทหลากหลาย ทงสอแบบขอความ รปภาพ เสยง ภาพเคลอนไหว สอมลตมเดย ทบรรจอยในแผนซด หรอเผยแพรผานทางอนเทอรเนต ซง โปรแกรมทน ามา สรางสอเรยนรหรอสอน าเสนอแบบมลตมเดยทเรารจกนนมมากมายหลาย โปรแกรม เชน Office TLEImpress, Microsoft PowerPoint, Macromedia Authorware, Adobe Flash ฯลฯ โปรแกรมเหลานจะตองใชเวลาในการ เรยนรเพอพอสมควรจงจะสราง งานออกมาได

ท าความรจก Adobe Captivate 3.0 โปรแกรม Adobe Captivate 3.0 เปนผลตภณฑนองใหมจากคาย Adobe ทถกพฒนาขน มาเพอ

สนบสนนการสราง Movie ในรปแบบสอเรยนรหรอสอการน าเสนอแบบมลตมเดย เชน การน าเสนอผลงาน การจบหนาจอภาพเพอน าไปสรางสอเรยนร การสรางสอจากขอมลตางๆ การสรางแบบทดสอบ รวมไปถงการ ตดตอวดโอเพอใชส าหรบงานน าเสนอหรอผลตสอเรยนร โดยโปรแกรม Adobe Captivate 3.0 เปนโปรแกรม ทใชสรางชนงานไดงายและเรว

จดเดนของโปรแกรม Adobe Captivate3.0 - สรางสอเรยนรหรอสอน าเสนอมลตมเดยไดอยางงายดาย - ตดตอวดโอไดทงภาพนงและภาพเคลอนไหว - สรางสอเรยนรโดยการจบหนาจอภาพ (Screen capture movie) อดเสยงบรรยายประกอบ - เหมาะส าหรบการน าไปใชเปนสอการเรยนการสอน - สรางแบบทดสอบไดงาย และมแบบทดสอบใหเลอกท าไดหลายรปแบบ - น าเขาไฟลจากแหลงตางๆ ไดหลากหลาย ไฟลจาก Adobe flash ไฟลรปภาพ (Image) เชน JPG,

BMP, GIF ไฟลเสยง (Sound) เชน MP3, WAVเสยงบรรยายผานไมโครโฟน ไฟลวดโอ (Video) เชน AVI สไลดจากโปรแกรม Microsoft Power Point (.PPT)

- สงออกไฟลไดหลายรปแบบFlash movie File (.swf) ลกษณะเชนเดยวกบโปรแกรม Adobe Flash HTML File (.html) ส าหรบการน าไปใชกบเวบไซต EXE File (.exe) ส าหรบการน าไปใชแบบ Stand alone คอ การแสดงผล โดยไมตองตดตงโปรแกรม Adobe captivate และ zip file ส าหรบบทเรยนในแบบ scorm เพอ น าเขาไปใชในบทเรยนออนไลน

ความตองการของระบบ - Microsoft Windows หรอ Windows XP - 600 MHz Intel Pentium III Processer หรอ เทยบเทา - 128 MB of Ram ถาจะใหดตองใชท 256 MB - พนทวางของฉารดดสดอยางนอย 200 MB - ความละเอยดของจอ SVGA

Page 3: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

19

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การเปดใชงานโปรแกรม Adobe Captivate 3.0 การเรยกใชงาน Adobe Captivate 3.0 คลกท Start, Programs, Adobe, Adobe Captivate 3

สวนประกอบหนาจอแรกของโปรแกรม Adobe Captivate

Open a recent project แสดงไฟลลาสดทเคยบนทกไวในโปรแกรม เปดไฟลทเคยบนทกไว Record new project (ส าหรบการเรมตนใชงานแนะน าใหใชงานตรงสวนน) ส าหรบสราง project

บนทก movie (จบหนาจอภาพ) Getting started tutorials แนะน าขนตอนการสราง Project ดวยโปรแกรม Adobe Captivate เรม

ตงแตการบนทก การแกไขตกแตง การสงออก การน าเขาไฟลเสยงการสรางสวน ตอบโต การใสลกเลนเพอ เพมความนาสนใจ ตามล าดบ

เรมตนใชงาน Adobe Captivate 3.0

เปนททราบกนแลววาจดเดนของโปรแกรม Adobe Captivate 3.0 มความสามารถในการ สราง Movie ไดหลากหลายรปแบบ เรมแรกใหคลกท Record or create a new project จะ ปรากฏหนาตาง New project options

Page 4: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

20

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

Software Simulation หมายถงวาจะเปนการจ าลองการจบหนาจอภาพตามทเรากระท า โปรแกรมจะ

ท าการเกบภาพหนาจอตามทเรากระท ากบ Mouse หรอกระท าอนใดกบจอภาพ ในสวนทโปรแกรมใหเรา เลอกจากรายการทก าหนด มหลกการท างาน ดงน

- Application ส าหรบการ Capture movie ทงหนาจอภาพ ของโปรแกรมทเรา ตองการจะท าการ บนทกการท างานของหนาจอ

- Custom size ส าหรบการ Capture movie แบบก าหนดขนาดหนาจอภาพได - Full Screen ส าหรบการ Capture movie ทงหนาจอภาพ

การสรางผลงานสอการเรยนการสอนดวยโปรแกรม Captivate รวมถงการสราง Movies ควรเรมตน โดย วางแผนการสรางภาพเคลอนไหว (Movie) โดยออกแบบ Storyboards, Scripts หรอใน รปแบบอน ตงคาเรมตนการใชงานในการจบจอภาพเคลอนไหว (Movie preferences)

บนทกภาพเคลอนไหว ทกระท ากบจอภาพ การคลกกบวตถใด ๆ บนจอภาพ โปรแกรมจะ บนทกไว

1 สไลด ในการคลกแตละครง หรอจะน าเขาไฟลภาพเคลอนไหวกได เพมขอความ รปภาพ เสยง ขอความ เคลอนไหว และรายละเอยดสวนอน ๆ แกไขปรบปรง Timeline ทดลองดภาพเคลอนไหวทสรางขน ก าหนดเงอนไขในการสราง E-Learning และสรางสไลดค าถามใน (เตมค าในชองวาง, แบบเหมอน, จบค, ตวเลอก, ตอบสนๆ ,ถกผด)

Page 5: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

21

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

เลอกจดเกบรปแบบในการเผยแพร (Publish) จดเกบและเผยแพรในลกษณะไฟลฟอรแมต EXE จดเกบและเผยแพรในลกษณะไฟลฟอรแมต Flash และ เรยกใชโดย HTML จดเกบและเผยแพรในลกษณะไฟลฟอรแมต zip เพอใชเปน SCORM จดเกบและเผยแพรในลกษณะไฟลฟอรแมต Word หรอ Handout (คมอการใช งาน) จดเกบและเผยแพร ไปบนเวบไซต ดวย FTP สง Movie โดยใช E-mail

การสรางภาพเคลอนไหวดวยโปรแกรม Adobe Captivate 3.0 Step by Step

Step 1 คลกท Record or create a new project

Step 2 จะปรากฏหนาตาง New movie options ใหคลกท Record or create a new project

Page 6: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

22

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

เมนการใชงาน New Project Options Software Simulation ใชส าหรบจบภาพการเคลอนไหวของหนาจอภาพ แสดงออกมา ในรปแบบ

ของสถานการณจ าลอง Application ส าหรบการจบภาพของหนาตางทเป ดใชงานอย (Active window) Custom size ส าหรบ

การจบภาพหนาจอทก าหนดขนาดของขอบเขตได Full Screen ส าหรบการจบภาพทงจอภาพ

Demonstration หมายถง โปรแกรมจะจบหนาจอตามการกระท าทเกดขน มการ เคลอนไหวของเมาส ม

กรอบโตตอบกบผเรยน Assessment Simulation โปรแกรมจะบงคบใหผเรยนกระท าตามทไดบนทกหนาจอไว เชนถามการ

บนทกการคลกเมาสไว เมอเลนมาจนถงชวงทตองคลกเมาสโปรแกรมจะหยด เลนจนกวาจะมการคลกเมาส และหากคลกผดทจะมกลองขอความขนมาบอกวาตองคลก ทใด เมอผเรยนคลกเมาสถกตอง โปรแกรมจะเลน ตอไปจนกวาจะมเหตการณใหมเกดขน

Training Simulation หมายถงการจบหนาจอแบบการฝกอบรม โปรแกรมจะท าการบนทก หนาจอ ทงหมด เมอมการเลนโปรแกรมจะแสดงกลองขอความโตตอบใหผเรยนท าตาม การบนทกหนาจอแบบน เหมาะส าหรบสอนการใชโปรแกรมคอมพวเตอรทงนสามารถ บนทกเสยงบรรยายไปพรอมกนไดดวย

Custom โปรแกรมจะใหเราเขาไปก าหนดคาในการบนทกไดดวยตนเองและสามารถแกไข ไดอกใน ภายหลง

การ Capture movie หนาจอภาพเปนการใชงานทนาสนใจมากทเดยว เพราะสามารถ น าไปใชเปนสอ เรยนรแบบมลตมเดย ทดงดดความสนใจไดเปนอยางด ซงขนตอนการ Capture movie หนาจอภาพท าไดดงน

1. คลก Start, Programs, Macromedia, Adobe Captivate 2. คลก Record or create a new movie จะปรากฏหนาตาง New movie options 3. คลก Full screen เพอ Capture movie ทงหนาจอภาพ 4. คลก OK

เลอกโปรแกรมทจะ สรางสอการสอน

เรมการบนทก

อดเสยงบรรยาย

ลกษณะทจะบนทก

เลอกโปรแกรมพอดกบขนาด

Page 7: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

23

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

Monitor แสดงสถานะจอภาพทก าลงใชงาน Record narration เปนการบนทกเสยงบรรยายพรอมๆ กบการ Screen capture movie Recording size บอกขนาดการ Capture movie หนาจอภาพ Options… เปนการปรบแตงเพมเตม ปกตจะใชคาทโปรแกรมก าหนดมาให Record เมอกดปมนจะเปนการเรมบนทกการ Capture movie หนาจอภาพ

5. คลกปม Record เพอเรมบนทก การ Capture movie หนาจอภาพ 6. กดปม <End> บนแป นพมพเมอสนสดการ Capture

7. ปรากฏสไลด Movie (Movie Frame) ซงจ านวนสไลดจะขนอยกบจ านวนครงทคลก เมาส

เชน หากมการคลกเมาส 10 ครงกจะไดจ านวนสไลดเทากบ10 สไลด หรอ 10 เฟรม สไลด Movie (Movie Frame)

8. คลกปม Edit เพอแกไขสไลด 9. การปรบแตง Timeline

ปกตแตละสไลดจะมคา Timeline อยท 4 วนาท ในรปขางลางจะเปน Slide 4 (4.0s)สามารถปรบแตงเพมหรอลดคา Slide Timeline ได วตถทวางบนสไลดจะวางเรยงกนเปนเลเยอร(Layer) ถาตองการปรบแตง Timeline วตถ ใดกใหคลกทวตถนนแลวลากซายขวาคลกแลวลากเพอปรบแตง Timeline โปรแกรมจะสราง ขอความใหอตโนมต สามารถดบเบลคลกเพอแกไขขอความได

ตงชอทจะบนทก

เลอก Folder ทจะบนทก

ตกลงบนทก OK

Page 8: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

24

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การแกปญหาตวอกษร

เมอ Adobe Captivate แสดงผลตวอกษรผดปกตโดยสระบางตวสามารถแกไขไดโดยม ขนตอนดงน

เลอกเมน edit เลอก Preferences ในหนาตางทปรากฏขน ใหก าหนดคาของ Project โดย เลอกเพมท Don’t Anti-alias Captions

จดต าแหนง

แทรก Animation

แทรก Rollover image เมาสผานเกดเปนภาพ

แทรก Flash Video

แทรกภาพ

แทรก Text Animation

แทรกปมบงคบในสไลด

แทรก Click Box คลกต าแหนงภาพ

แทรก Text Emtry การเตมค าในชองวาง

แทรก Zoom Area ขยายพนทตองการ

แทรก Rollover slidelet เมอเมาสลากผานต าแหนงทก าหนดจะมขอความ หรอภาพทก าหนดใหเหนและยงสามารถทแทรกงานตางๆไดเหมอนสไลด ทวไปเกดขน

แทรก เมอตองการเนนขอความหรอภาพ

แทรก Rollover caption เมอเมาสลากผานต าแหนงทก าหนดจะมขอความเกดขน

แทรก caption คอการแทรกตวหนงสอ

Page 9: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

25

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

10. การแกไขขอความในสไลด ปกตโปรแกรมจะสรางขอความในสไลดใหอตโนมต เราสามารถแกไขขอความได โดย

ดบเบลคลกแลวแกไขขอความ ดงรปขางลาง

เมอตองการแกไขขอความภายใน Text Caption ใหดบเบลคลกกจะสามารถแกไข ขอความได

Layer Timeline

Page 10: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

26

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

11. การลบสไลด การลบสไลดท าไดโดยคลกสไลดทตองการลบ แลวกดปม <Delete>

บนแปนพมพ 12. การเพมสไลด จดประสงคเพอท าสไลดไตเตล การเพมสไลดท าไดโดยคลกทเมน Insert, Blank Slide หลงจากเพมสไลดเราก สราง Text

animation เปนสไลดไตเตลกอนทจะเขาเนอหา

เมอได Slide แลวใหน าขนไปเปนสไลดแรก แลวจงแทรก Text animation \

Page 11: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

27

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

13. การใสสพนหลงใหกบสไลด

การใสสพนหลงใหกบสไลดท าไดโดยคลกทเมน Slid, Properties…เลอกสพน หลง สพน หลงทเลอก Text animation

Page 12: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

28

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

14. การดผลงานสไลด Movie การดสไลด Movie ท าไดโดยคลกทปม Preview เชนเลอก Preview In Web Browser

สไลดจะโชวเปนภาพเคลอนไหวตามล าดบสไลด เมอดผลงานเสรจแลวใหคลกปม Close แลว บนทกไฟลเกบไวเพอแกไขใน ภายหลง

15 การบนทกไฟลโปรแกรม Adobe Captivate การบนทกไฟลโปรแกรม Adobe Captivate คอการเกบ ไฟลทเราสรางไว เพอประโยชน ส าหรบการแกไขในภายหลง โดยโปรแกรม Adobe Captivate มนามสกลไฟล *.CP โดยวธการ บนทกให ไปทเมน File, Save หรอคลกปม Save บน Main Tools Bar

การสรางงานดวย Blank Project

Page 13: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

29

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การสราง Blank Project เมอตกลงจะไดหนาใหมใหตงคาตางดงน

User defined ก าหนดขนาดตามความตองการ เชน ตวอยางเลอกขนาด 800 x 600 Preset size ก าหนดขนาดตามความละเอยด (Resolution) ของจอภาพ

การสราง Movie ดวยวธนจะอาศยเครองมอทอยดานลางชวยสรางเครองมอทส าคญทนยมใชกนดงน

Menu Bar

Layer

Timeline

พนทท างาน

เครองมอ

Slide

Page 14: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

30

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การสราง Text Animation คลกท Object Tools ทชอ Text Animation ปรากฏหนาตาง New text Animation เลอก Text Animation

Effect เลอกรปแบบการแสดงผลขอความ Text พมพขอความทตองการ Change font… เปลยนรปแบบ ขนาด หรอสของตวอกษร

จดต าแหนง

แทรก Animation

แทรก Rollover image เมาสผานเกดเปนภาพ

แทรก Flash Video

แทรกภาพ

แทรก Text Animation

แทรกปมบงคบในสไลด

แทรก Click Box คลกต าแหนงภาพ

แทรก Text Emtry การเตมค าในชองวาง

แทรก Zoom Area ขยายพนทตองการ

แทรก Rollover slidelet เมอเมาสลากผานต าแหนงทก าหนดจะมขอความ หรอภาพทก าหนดใหเหนและยงสามารถทแทรกงานตางๆไดเหมอนสไลด ทวไปเกดขน

แทรก เมอตองการเนนขอความหรอภาพ

แทรก Rollover caption เมอเมาสลากผานต าแหนงทก าหนดจะมขอความเกดขน

แทรก caption คอการแทรกตวหนงสอ

Page 15: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

31

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

คาของ Options

Timing ก าหนดเวลาการแสดงผลของ Movie Loop คลกถกท Loop ก าหนดใหเลนวนซ า Transition ก าหนด Effect ในการเปลยนฉากแตละสไลด (Frame)

คาของ Audio

Record new… ก าหนดการบนทกเสยงจาก ไมโครโฟน Import… น าเขาไฟลเสยง เชน MP3, WAV Settings การก าหนดคาของเสยงทบนทก เลอกไมโครโฟน

การสราง Caption หรอสรางหนงสอทวไป

เมอสรางสไลดใหมแลว คลกท Object Tools ทชอ Caption ปรากฏหนาตาง New text Caption

Caption type ก าหนดลกษณะรปแบบของCaption Font…รปแบบตวหนงสอ สวนคา option และ Audio จะมลกษณะ พนทพมพตวหนงสอ เหมอนกบ การสราง text Animation

Page 16: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

32

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การสราง Rollover Caption เปนการสรางหนงสอในรปแบบทเมอแสดงผลโดยการลากเมาสผานจดทก าหนดจงจะปรากฏ หนงสอออกมาใหเหน เรมสรางโดยคลกท Object Tools ทชอ Rollover Caption ปรากฏหนาตาง Rollover Caption

Caption type ก าหนดลกษณะรปแบบของ Caption Font…รปแบบตวหนงสอ สวนคา option และ Audio จะมลกษณะ เหมอนกบ การสราง text Animation

การสรางปมควบคม โดยคลกท Object Tools ทชอ Button ปรากฏหนาตาง

สวน Rollover caption จะแสดงหนงสอเหลานปรากฏออกมาเมอลากเมาสผานจดก าหนด

บรเวณทเมาสลากผาน

ปมควบคมสไลด

ตงชอปมควบคมสไลด

ก าหนดคาปมควบคมสไลด

Page 17: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

33

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การแทรก Rollover Slidelet Rollover Slidelet เปนการสรางงานของ captivate ทมลกษณะเหมอนกบ rollover caption แตจะม

ขอแตกตางและดกวาคอ เมอท า Rollover Slidelet สามารถทจะแทรกไดทงภาพและตวหนงไปพรอมๆ กน ซงมขนตอนในการสรางไดดงน

1. เลอกเมน Insert เลอก Rollover slidelet

2 จะไดหนาตาง New Slidelet ขนมา

เราตองการทจะก าหนดคาการแสดงสามารถท าไดโดยการปรบเปลยนคาทก าหนดมาใหมตามทเรา ตองการ จากนนใหคลก OK จะมลกษณะของการสรางดงรป

ก าหนดเสนขอบและส ก าหนดระยะเวลาแสดงผล

ใหมเงาเมอแสดงผล

ก าหนดพนทเมอเอาเมาสวางหรอแลวจะปรากฏขอความหรอภาพทก าหนดขน สามารถเปลยนรปรางไดโดยคลกขวา แลวเลอกเปลยนรปราง

ภายในกรอบสแดงเปนพนทแทรกขอความหรอ รปภาพโดยการคลกขวาทเมาสแลวเลอก Insert ได ตามตองการ

Page 18: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

34

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

เมอตองการปรบเปลยนการวางเมาสหรอคลกเมาสของ Rollover Slidelet ใหดบเบลคลกในพนท Rollover Slidelet (พนทสเหลอง) จะไดหนาโตตอบดงรป

เมอตองการแทรกขอความหรอรปภาพภายในพนทก าหนดจะตองเลอกพนทโดยใชเมาสคลก จากนนใหเลอกเมน Insert หรอคลกขวาเมาสภายในพนทนนแลวเลอก Insert แลวการแทรกตามทตองการ

Page 19: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

35

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การแทรก Text Entry Text Entry ใชแทรกเพอท ากจกรรมในระหวางเรยนหรอเปนการทดสอบความสามรถของนกเรยน

ซงเปนการเตมค าในชองวาง มขนตอนดงน 1. สรางค าถามดวย Caption

2. เลอกไอคอน Text Entry บนจอภาพจะเกดกรอบโตตอบใหมขนมา

3. เลอกต าแหนงแลวปรบ Text Entry ใหเหมาะสม 4. เปลยน Type success text here โดยดบเบลคลก แลวเปน ถกตอง 5. เปลยน Type failure text hereโดยดบเบลคลก แลวเปน ผดใหตอบใหม 6. แทรก Bottom ควบคม 7. จด Time Line ใหเหมาะสม

ขอความทปรากฏในชอง

ค าตอบทถกตอง

ตกลง

Page 20: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

36

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การแทรกรปภาพ (image)

โดยคลกท Object Tools ทชอ Image ปรากฏหนาตางใหมใหเลอกรปภาพทจะแทรก

เมอเลอกรปภาพแลวถาหากภาพมขนาดใหญจะมหนาตางให Crop รปภาพ .ใหไดขนาดพอดกบ

พนททก าหนด ถาเลอก Resize จะท าใหขนาดของภาพปรบลดขนาดลงใหพอดกบพนทก าหนด

Image ก าหนดขนาดของภาพหรอเปลยนภาพ ใหม จาก Import Font…รปแบบตวหนงสอ สวนคา option และ Audio จะมลกษณะ เหมอนกบ การสราง text Animation

Page 21: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

37

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การแทรกรปภาพในลกษณะ Rollover image โดยคลกท Object Tools ทชอ Rollover Image ปรากฏหนาตางใหมใหเลอกรปภาพทจะแทรก

เมอเลอกรปภาพแลวถาหากภาพมขนาดใหญจะมหนาตางให Crop รปภาพ .ใหไดขนาดพอดกบ พนททก าหนด ถาเลอก Resize จะท าใหขนาดของภาพปรบลดขนาดลงใหพอดกบพนทก าหนด

สวน Rollover image จะแสดง รปภาพเหลานปรากฏออกมาเมอ ลากเมาสผานจดก าหนด

บรเวณทเมาสลากผาน ทจะปรากฏภาพ

Page 22: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

38

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การท า Click Box Click Box เปนการท าทเกยวกบภาพและค าถามทเกยวของกบภาพเพอเปนการฝกใหนกเรยน

ทดลองท าหลงจากทเรยนผานไป โดยการคลกทภาพตามค าถามทก าหนดให มขนตอนในการสรางดงน 1. แทรกรปภาพทตองการทดสอบความรของนกเรยน ดวยไอคอน Image 2. แทรกค าถามดวยไอคอน Caption

3. เลอกไอคอน Click Box บนจอภาพจะเกดกรอบโตตอบ

เลอกเมอกคลกเมาสถาไมอยากให เปลยนเลอก No Action

เลอก OK

Page 23: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

39

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

ปรบต าแหนงทตองการใหคลกเมาสททต าแหนงทถกตอง

4. เปลยน Type success text here โดยดบเบลคลก แลวเปน ถกตอง 5. เปลยน Type failure text hereโดยดบเบลคลก แลวเปน ผดใหตอบใหม 6. แทรก Bottom ควบคม 7. จด Time Line ใหเหมาะสม

การแทรกแบบทดสอบ คลกเมน insert, Slide จะปรากฏหนาตาง Question Slide รปแบบการ Question Slide

รปแบบการ Question Slide

Page 24: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

40

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

ชนดของแบบทดสอบทโปรแกรมก าหนดใหมหลายรปแบบสามารถทเลอกไดตามความเหมาะสมใน การสรางบทเรยน เมอเลอกแบบทดสอบแลวใหกดปมสรางแบบทดสอบ กจะไดหนาตางใหมส าหรบสราง แบบทดสอบดงน

ชนดของแบบทดสอบ ทตองการสราง

เมอเลอกแบบทดสอบ แลวใหกดปมสราง แบบทดสอบ

ชอชดแบบทดสอบ

ค าถามแตละขอ

ก าหนดรายละเอยดขอสอบ

ก าหนดคะแนนในแตละขอ

ค าตอบพรอมเลอกขอทถก

ก าหนดใหถกขอเดยวหรอหลายขอ

ก าหนดใหเปน A B C

หรอ 1 2 3

Page 25: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

41

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การก าหนดรายละเอยดขอสอบเพอน าออกไปใชประโยชนตอไป

เมอตองการใหแสดงผลของตวอกษรในแบบทดสอบใหเลอก Project ดงภาพ

25

Page 26: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

42

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การสงออก (Publish) ไฟล *.CP 1. เปดไฟล *.CP ทเคยสรางไว_แลว 2. คลกเมน File, Publish จะปรากฏหนาตาง Publish รปแบบการ Publish

ตวอยางนเลอก Publish เปน Flash (SWF)และ HTML หลงจากท Publish กจะได ไฟล 2 ไฟล คอ

.SWF กบ .HTML Flash (SWF) สงออกเปน Flash movie File (.swf) ส าหรบใชงานบนเวบไซต Adobe Connect

Enterprise สงออก Online บนอนเทอรเนต Standalone สงออกเปนไฟล *.exe ส าหรบสอเรยนร เปดดไดโดยไมตองตดตงโปรแกรม E-Mail

สงออกเปน E-Mail Print สงออกเปนใบปลว (สงออกโปรแกรม Microsoft Word) FTP สงออกเปน File Transfer Protocal

Output Options Zip File สงออกเปนไฟล *.ZIP ซงสามารถน าเขาบทเรยนออนไลนใน Moodle ในรปแบบ Scrom Full screen สงออกแบบเตมจอภาพ เมอเลอกเพม Export HTML สงออกเปนไฟล *.HTML จะไดทงไฟลทเปน .SWF กบ .HTML Generate autorun for CD สรางระบบ autorun ส าหรบแผน CD Flash Version เปนการเลอกรนของโปรแกรมเลนไฟล Flash

Project Information โดยเลอก Preferences ส าหรบตงคาตางกอนทจะน าออกไป จะปรากฏหนาตางใหมใหตงคา

Page 27: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

43

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

Preferences แสดงขอมลเกยวกบไฟลทสงออก เชน ขนาดของการแสดงผล (Resolution), จ านวน

สไลดทงหมด (Slides), การใสเสยงประกอบสไลด (Slide with audio) คณภาพของเสยง (Audio Quality), e-learning Output, แถบควบคม Movie (Playback Control) Preferences… การก าหนดรปแบบการสงออก เพมเตม

Standalone สงออกเปนไฟล *.exe ในการสรางสอการเรยนการสอนในรปแบบทเปนลกษณะคอมพวเตอรชวยสอน เพอทจะให

นกเรยนนกศกษาสามารถทจะน าไปศกษาเพมเตมไดดวยตนเอง มขนตอนการสรางดงน 1. เลอกเครองมอ Publish แลวเลอก Standalone เมอท าเสรจสามารถทใชงานไดเลยโดยเลอก

เปดเลนจากไฟลทสรางขนมา

Page 28: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

44

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

2. ท าเหมอนกนทกๆ หนวย หรอทมอยจนหมดทกงาน เพอทจะสรางเมนส าหรบใชงานใหได

งานทงหมด 3. เลอกเมน File แลวท าภาพ

4. จะไดหนาตางใหมดงภาพแลวท าตามไดเลย

5. เลอกรปแบบเมน

Page 29: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

45

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

6. สรางเมนทหนาแรกของงานทน าเสนอ

7. จะไดหนาตางส าหรบตงชอแผนซด แลวกกด Finish

8. จะไดหนาตางส าหรบปรบแตงเมนใหเหมาะสม

Page 30: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

46

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

9. เมอปรบแตงเสรจใหเลอกเครองมอ Export เพอน าไปใชงานจรง

10. เมอเกดหนาตางใหมขนมาใหตงชอและเลอก Folder ทจะบนทก แลวกด Finish

11. จากนนใหทดลองทดสอบวางานทท าเสรจสามารถใชงานไดหรอไม 12. เมอตรวจสอบแลวกใหน างานทงหมดใน Folder นน เขยนลงในแผนซดเพอน าไปใชงานจรง

Page 31: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

47

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

การบนทกเพอน าไปใชกบ Moodle แตถาตองการน าเขาในโปรแกรม Moodle เพอสรางบทเรยนออนไลน ในลกษณะทเปน Scorm

จะตองเสรจคาใหเปน Scorm ดวยตามภาพ และเลอก Publish ให Zip files

เมอก าหนดคาหมดแลว กกด Publish โปรแกรมจะท าการบนทกไฟลตามรปแบบทก าหนด

เลอก Scrip

เลอกการใหคะแนน

Page 32: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

48

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

เมอ Publish เสรจสามารถทดงานทสรางเสรจสมบรณไดโดยกดปม View Output งานทเสรจนนก จะแสดงผลใหดไดเลย การน าบทเรยนทส าเรจใชรวมกบ โปรแกรม Moodle เพอเปน E_learning

สามารถทจะท าไดโดยเปดบทเรยน E_learning ทสรางไวกอนแลวไดตามขนตอนดงน 1. เปด Internet Explorer หรอตวไหนกไดทสามารถเขาอนเตอรเนตได

2. เลอกรายวชาทจะสรางบทเรยนแลวเขาสระบบในฐานะผทสามารถแกไขงานได

Page 33: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

49

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

3. เขารายวชาแลวใหเรมแกไขงาน

4. เลอกเพมแหลงขอมล เลอกแบบลงคไฟลหรอเวบไซด

5. จะมหนาตางใหมใหเลอก

Page 34: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

50

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

6. เลอกหรออพโหลดไฟล เพอน าไฟลทสรางเสรจแลวเขามาใชงาน

Page 35: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

51

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

7. จะไดหนาตางใหมใหเลอกไฟลเขามาได

8. เมอเลอกอพโหลดไฟลนจะไดหนาใหเลอกไฟล

9. จะกลบมาทหนาใหบนทกการเปลยนแปลง

Page 36: 17 คู่มือการใช้ Adobe Captivate 3kruseksan.com/book/captivate_kruseksan.pdf · 18 คู่มือการใช้ Adobe Captivate 3 อ.เสกสรรค์

52

คมอการใช Adobe Captivate 3 อ.เสกสรรค สวรรณสข

10. เมอบนทกเสรจกสามารถทจะแสดงผลงานผานหนาเวบไซดไดเลยโดยคลกทชอของงาน

เมอเสรจแลวสามารถทจะเพมบทเรยนอนในท านองเดยวกน แตถาหากบทเรยนมบททดสอบดวย

ใหใชวธน าเขาโดยการเพมกจกรรมแลวเลอก Scrom :ขนตอนการน าเขาคลายๆ กน