Captivate 2 New

คมอประกอบการอบรม

การสรางสอการเรยนรดวย

Adobe Captivate 2ณ ศนยการพฒนาทกษะและการเรยนร ICT ขอนแกน

โดย...นายอภชย เรองศรปยะกล Managing Director of Think Technology Ltd.

2 การสรางสอการเรยนรดวย Adobe Captivate

[บทนา] ทาความรจกกบ Adobe Captivate

Adobe Captivate เปนโปรแกรมทมความสามารถในการบนทกการทางานหนาจอภาพ

คอมพวเตอร เพอนามาสรางสรรคงานตางๆ อาทเชน สอการสอน หรอการสาธตการใชงานโปรแกรม โดย

สามารถนาออกไปเผยแพรไดหลายรปแบบเชนรปแบบไฟลแบบ Adobe Flash (.SWF) หรอจะเปนไฟลงาน

ททางานอสระ Executable (.EXE) ทาใหใครตอใครทตองการสรางสอการเรยนรออนไลน (E-Learning) ได

งายๆ เพยงแตคณนาความสามารถของโปรแกรม Adobe Captivate บวกกบความคดหลก (Idea) เพยง

เทาน สงทคณตองการ กจะปรากฏใหคณเหนอยขางหนา

Adobe Captivate ยงสามารถแกไข เพมขอความอธบาย ใสเสยง สรางแบบทดสอบ หรออนๆ ได

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

อยางแนนอน

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

มขนาดเลก ทาใหเราสามารถสรางสรรคสอการเรยนรออนไลน หรอบนทกเปน CAI ในซดรอม เพอนาไป

เผยแพรยงทตางๆ ได ทาใหการสอการเรยนรน ไมไดถกจากดอยเพยงแตการสรางสอการเรยนรเทานน ยง

สามารถประยกตใชในการนาเสนอผลตภณฑใหมๆ การฝกอบรมพนกงาน เปนตน

ความสามารถหลก Adobe Captivate

กอนเรมทางานกบโปรแกรม Adobe Captivate เรามาดความสามารถหลกของโปรแกรม Adobe

Captivate กนกอนนะครบวา มความสามารถหลกๆ ทาอะไรไดบาง

• สามารถสรางโปรแกรมสาธต หรอโปรแกรมจาลองการทางานไดอยางรวดเรว ดวยหนาตาของตว

โปรแกรม Adobe Captivate เองทมหนาตางทงายตอการเรยนร และเปนมตรกบผใชงานทกคน

โดย...นายอภชย เรองศรปยะกล


• สามารถสรางโปรแกรมสาธต หรอโปรแกรมจาลองการทางานใหเปนไฟลในรปแบบ Flash (.SWF)

ไดโดยทผพฒนาไมจาเปนทจะทราบวธใชงานโปรแกรม Adobe Flash หรอ ActionScript

• สามารถแกไขสไลด และการเคลอนทของเคอรเซอรเมาสได

• สามารถสรางาชนงานทตอบสนองกบ (Interactive) กบผใชงาน โดยทผพฒนาไมจาเปนทจะตองม

ความรในการเขยนโปรแกรม

• สามารถควบรวมเขากบโปรแกรมทาง E-Learning อนๆ ได เพราะ Adobe Captivate รองรบ

มาตรฐาน E-Learning ดงน SCORM 2004, SCORM 1.2, PENS และ AICC

• สามารถนาโครงงาน (Project) ของ Adobe Captivate เขาไปพฒนาตอในโปรแกรม Adobe

Flash ได

• สามารถทางานรวมกบโปรแกรม Adobe® Acrobat® Connect™ เพอเพมประสทธภาพในการ

ฝกอบรม

• สามารถทจะสรางสรรค ปรบแตง สวนควบคม แมแบบ (Templates) ไปจนถงเมน ใหเปนแบบ

เฉพาะของเราได

• สามารถ Publish ออกเปนไฟลงานตางๆ ไดอาทเชน ไฟล Flash (.SWF), Executable File (.EXE)

ไปจงถงไฟลแบบ Hand out ของ Microsoft Word

ความตองการระบบ

• ระบบปฏบตการ: Microsoft Windows 2000, Widows XP, Windows Vista

• CPU: Intel 600 MHz. หรอ สงกวา

• RAM: 256 MB. (แนะนา 512 MB.)

• Hard disk: ควรมพนทวางๆ ประมาณ 100 MB.

• Resolutions ขนตา 800 X 600 ( แนะนา 1024 X 768)

• Internet Explorer 5.0 หรอสงกวา

• Adobe Flash Player Version 6 หรอสงกวา

• ไมโครโฟน

• การดเสยง (Sound Card) และลาโพง (Speaker)



การตดตงโปรแกรม Adobe Captivate

การตดตงโปรแกรม Adobe Captivate จะเปนไปโดยอตโนมต เราเพยงแตทาตามคาบอกของ

โปรแกรม โดยมขนตอนดงตอไปน

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

1. แสดงหนาตาง แสดงขอความ ยนด

ตอนรบ และขอความเตอนเรอง ลข

สทธ อานแลวใหเราคลกทปม

Next >

2. แสดงขอความแสดงรายละเอยดของลขสทธ ใหเราอานแลวคลก

เลอกท...

I accept the terms in the license agreement เลอกแลวคลกทปม Next >



3. แสดงตาแหนงทตดตงโปรแกรมไมตองแกไขอะไร

คลกทปม Next >

4. แสดงขอความวาระบบพรอมทจะตดตงแลว ถาพรอมแลว

คลกทปม Next >

5. แสดงความคบหนาในการตดตง

รอไปจนเสรจ



6. ระบบแสดงแถบสถานะในการ

ตดตง รอไปจนกวาจะเสรจ

7. แสดงหนาตาง แสดงขอความ วา

การตดตงเสรจสมบรณ

ใหเราคลกทปม Finish



[บทท1] สารวจสวนประกอบ Adobe Captivate

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

สวนแลวกนครบวา เราเรยกวาอะไร และสวนนนๆ เอาไวทาอะไร

Start Page ผชวยเรมตนสรางโครงงาน (Project)

สวนประกอบของ Start page มรายละเอดยดงน

• Open a recent project: ใชเปดโครงงาน (Project) ทเคยทาไวแลว

• Record new project: ใชเปดโครงงาน (Project) ใหม

• Getting started tutorials: ใชในการเปดสวนทใชแนะนาการใชงานโปรแกรม (Tutorial)



มมมองในการทางานของโปรแกรม Adobe Captivate

มมมองในการทางานไดแบงออกเปน 3 มมมองคอ

1. Storyboard: นบเปนมมมองแรกทเราพบเมอเราเปดโปรแกรมขนมา ถาเปนโครงงานทไดมการ

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

คลายสไลดของโปรแกรม PowerPoint

มมมองแบบ Storyboard

2. Edit: เปนมมมองทเราใชในการแกไข เพมเตม องคประกอบตางๆ เขาไปในสไลดทเราตอง ทาให

งานของเราออกมาไดสวยงามนาสนใจยงขน โดยสไลดตางๆ จะแสดงในรปของ Filmstrip

มมมองแบบ Edit



3. Branching: เปนมมมองทเพมเขามาในในเวอรชน2น ใชแสดงการเชอมโยงของสไลดแตละสไลด

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

มการจาเปนทจะตองกระโดดไปยงสไลดตางๆ

มมมองแบบ Branching



แถบเครองมอ (Toolbars)

แถบเครองมอเปนสงทชวยใหเราสามารถสรางโครงงาน (Project) โดยเนนใหเราสามารถมองด

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

โดยรายละเอยดมดงน

แถบเครองมอ (ToolBars)

ปม รายละเอยด

ใชบนทกไฟลโครงงาน (Project)

ใชยกเลกการทางานลาสด

ใชยกเลกการ Undo ลาสด

ใชสาหรบการบนทก (Record) โครงงาน(Project)

ใชสาหรบดโครงงาน (Project) ทเราไดทาการบนทกไป

ใชสาหรบพลบบลช (Publish) โครงงานเพอเผยแพร

ใชสาหรบกาหนดคณสมบตของออบเจกต (Object)

ใชสาหรบทาการบนทกเสยง

ใชดสไลดกอนหนา

ใชดสไลดทอยถดไป



[บทท2] ลงมอสรางชนงาน (Create new project)

ในการสรางโครงงาน (Project) ขนมานน ทางโปรแกรม Adobe Captivate ไดเรยกงานทสราง

ขนมาวา มฟว (Movie) คลายกบการเรยกงานของ โปรแกรม Adobe Flash เพราะไฟลงานทไดนน เปนไฟล

งานคลายคลงกน ตอไปจะเรยกโครงงานทเรากาลงจะสรางตอไปวามฟว เพอทาใหเราไดคนกบคาน ซงเปน

คาเรยกมาตรฐานของโปรแกรม Adobe Captivate

การสรางมฟว (Movie) เราสามารถสรางไดหลายรปแบบ แตขนตอนการบนทกในแตละรปแบบนน

จะคลายกน แตกตางกนบางเลกนอย ตามแตละแบบทเราเลอก เพอไมเปนการเสยเวลา เราเรมลงมอสราง

ชนงานแรกกนเลยครบ

เมอเปดโปรแกรม Adobe Captivate ขนมา เราจะพบหนา Start Page

ใหเราคลกเลอกท Record or create a new project เพอเรมตนสรางมฟวใหม โดย...นายอภชย เรองศรปยะกล


เลอกรปแบบของมฟวทเราตองการบนทก โดยมรายละเอยดดงน...

• Application: เปนการเลอกการบนทก Application ใด Application หนง ทกาลงทางานอย

• Custom size: เปนการเลอกบนทกการทางานในพนททเรากาหนดขนาด เราสามารถกาหนดขนาด

ของพนททเราตองการบนทกไดเอง

• Full screen: เปนการบนทกการทางานทงหมดของหนาจอคอมพวเตอร ไมวามการเคลอนไหวใดๆ

บนหนาจอคอมพวเตอร จะถกบนทกเกบไวหมด



ในขนตอนนใหเราเลอกบนทกแบบ Application เพอเปนการทดสอบการบนทก เมอเราคลกเลอกได

แลว คลกทปม OK

ใหคลก ทชอง Select the window you’d like to record

เพอเลอก Application ทเราตองการบนทก

เมอเลอกไดแลวใหเราคลกท Snap red recording area to fit selected window

เพอจบให Application ทเราเลอกนนอยในกรอบของสแดงทใชบนทกภาพ

จากนนใหคลกปม เพอทาการบนทกภาพ



เมอเราไดทาการกดปม แลว ในขณะน เราทาอะไรกบ Application ทเราเลอก ทาง

โปรแกรม Adobe Captivate จะทาการบนทกทกอยางทมการเคลอนไหว โดยการบนทกแตละครง เราจะ

ไดยนเสยงคลายกบเสยงของการกดชตเตอรของกลองถายรป

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

ใหเรากดปม END ทคยบอรด เราจะพบกบหนาตางยนยนการหยดบนทก

ถาเราตองการหยดบนทก ใหคลกทปม OK

เพยงเทาน เรากสามารถบนทกการทางานของ Application ทเราตองการบนทก เพอทาการสาธต

การใชงาน Application นนๆ ใหกบบคคลอนๆ ไดแลว

สวนการบนทกอกสองแบบ Custom size และ Full screen เราจะทาการทดลองการบนทกภาพใน

หองเรยน เพราะการทางานสวนใหญคลายคลงกบการบนทกภาพแบบ Application



การแกไขมฟว (Movie Edition)

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

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

สมบรณทสด กอนทจะใหคนอนๆ เหน

ดงนนโปรแกรม Adobe Captivate จงไดใหมมมองแบบ Edit มา เพอทเราจะสามารถแกไขในแต

ละสไลดได โดยสามารถทปรบเปลยนการเคลอนทของเมาส ไปจงถงเพมวตถ (Object) ตางๆ อาทเชน ปม,

กรอบอธบาย เปนตน ลงไปในสไลดของเราไดอกดวย

วตถ (Objects) ทเราสามารถเพมในสไลด

วตถตางๆ ทเราสามารถนามาวาง และตกแตงชนงานของเรา ใหมความสวยงาม และทาใหเกดการ

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

เลอก Insert > เลอกวตถทตนเองตองการ โดยวตถทวามดงน

• Text Caption (ขอความอธบาย) เปนขอความทใชอธบายสงตางๆ ทเราตองการเนนเปนพเศษ

• Highlight Boxes (กรอบเนน) เปนการสรางกรอบเพอทาใหเกดความเดน หรอเนนสงทเราตองการ

ใหผใชงานสนใจ

• Images (รปภาพ) เราสามารถเพมรปภาพเขามาในชนงาน เพอใหเกดความสวยงาม หรอใชในการ

ประกอบการอธบายสงตางๆ ไปจนถงนามาเปนฉากหลง ไดอกดวย

• Rollover Caption (ขอความอธบายแบบเปลยนสถานะ) เปนขอความอธบายทเราสามารถขนมา

เมอเราลากเมาสผานพนท (Hot area) ทเราสรางไว จะปรากฏขอความอธบายนนๆ ขนมา

• Rollover Image (รปภาพแบบเปลยนสถานะ) มลกษณะการทางานคลายกบ Rollover Caption

เพยงแตเปลยนจากขอความ เปนรปภาพเทานน

• Mouse (เพมเคอรเซอรเมาส) เราสามารถเพม เคอรเซอรเมาสใหเมการวง หรอคลกบนสไลดของเรา



• Click Box (กรอบสาหรบคลก) เปนการเพมกรอบไวใหเราสรางการโตตอบกบผใชงาน เมอผใช

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

• Text Entry Box (กรอบทใชกรอกขอมล) เปนการเพมกรอบทเราใชกรอกขอมลเขาไป เพอใชเปน

แบบสอบถาม หรอการถามตอบ

• Button (ปมกด) เปนการเพมปมทใชในการตอบสนองกบผใชงาน เพอกาหนดใหผใชงานเลอกทา

อยางไรอยางหนง

• Flash Video เราสามารถเพมความนาสนใจของชนงานโดยเพมไฟลวดโอทพฒนาจากโปรแกรม

Flash เขามาใชงานได

• Animation เราสามารถเพมความนาสนใจของชนงานโดยเพมไฟลแอนเมชนทพฒนาจากโปรแกรม

Flash ทมนาสกล .SWF ไฟลงานของ AnimateGIF ไปจนถงไฟลวดโออยางไฟลทมนามสกล .AVI

เขามาใชงานได

• Text Animation เราสามารถสรางสรรคตวอกษรตางๆ ใหมการเคลอนไหวไดดวยการเพม Text

Animation เขาไป

ตวอยางการเพมวตถ (Objects) ลงในสไลดงาน

จากทไดกลาวมาแลวครบวา เราสามารถเพมวตถตางๆ ลงบนแผน

สไลดได ในตวอยางนเราจะทาการเพม กรอบอธบาย (Text Caption) ลงใน

ชนงาน วธการมดงน

1. ไปทเมนบาร คลกท Insert > Text Caption



2. จะปรากฏหนาตาง New Text Caption ขนมา ใหเราพมพลงไปทขอความ Type caption text

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

กบโปรแกรม MS Word

ทชอง Caption type เราสามารถเลอกรปแบบของกรอบอธบายไดวา เราตองการรปแบบแบบใด โดย

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

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

เมอเราพมพขอความและเลอกรปแบบเรยบรอยแลว เราสามารถคลกทปม OK ไดเลย แตถาเรา

ตองการทจะใหรปแบบทเราเลอกนใชกบ Text Caption ทงหมดของชนงานเรา ใหคลกเลอกท

หนาขอความวา Apply to all กอนทจะคลกปม OK



3. เมอเราเลอกไดแลว ขอความและกรอบขอความอธบายกจะปรากฏอยบนสไลด เราสามารถทจะ

เคลอนยายไปวางไวยงตาแหนงทเราตองการได

4. ถาเราทาการสรางไปไดสกระยะหนงแลวคดวา เราตองการแกไขรายละเอยดของกรอบอธบาย

เพมเตม เราสามารถทาไดโดยทาการคลกขวา แลวเลอก Properties

5. จากนนจะปรากฏหนาตาง Text Caption ขนมาใหเราทาการแกไข หนาตางน ถาสงเกตดๆ เราจะ

เหนวาคลายกบ หนาตาง New Text Caption จรงๆ แลวเปนหนาตางคณสมบตเหมอนกน แต

ตางกนท New Text Caption เปนการสรางกรอบอธบายใหม สวน Text Caption เปนการกาหนด

คณสมบตของ Text Caption ทไดสรางไวแลว



[บทท3] นาผลงานออกเผยแพร (Publish)

เมอเราตงหนาตงตาทางานมาหลายวน เมอถงวนน คงเปนวนทเรามความยนดทงานไดเสรจลลวงไป

ไดดวยด เรากาลงทจะนางานทเราวางแผน และสรางสรรค ออกแสดงใหคนอนๆ ไดชม และใชงาน เราเรยก

ขนตอนนวา พลบบลช (Publish)

การพลบบลชน เราสามารถทจะนาผลงานออกเผยแพรไดหลากหลายชอทาง ไดหลากหลายไฟล

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

1. Adobe Flash (.SWF) เปนไฟลมาตรฐานของโปรแกรม Flash ทไดรบความนยม เพราะไฟลม

ความคมชด และยงมขนาดไฟลทเลกอกดวย

2. Adobe Connect Enterprises เปนไฟลไฟล FLV หรอไฟลวดโอของโปรแกรม Adobe Flash ท

ทางานรวมกบ โปรแกรม Adobe Connect ในการทางาน

3. Stand alone (.EXE) เปน Execute File ทสามารถทางานไดเอง เราสามารถสรางใหทางานไดไมวา

จะเปนในระบบปฏบตการ MS Windows, Mac หรอแมแต Linux กสามารถชมผลงานเราได

4. Email (.SWF) เปนไฟลมาตรฐานของโปรแกรม Flash ทไดรบความนยม เพราะไฟลมความคมชด

และยงมขนาดไฟลทเลก จงสามารถแนบไปกบอเมลได

5. Print (MS Word) การการพมพแบบ Handout โดยนาภาพทเราทาการบนทกไวมาวางบน

หนากระดาษ เปนสไลด

6. FTP (.SWF) ปนไฟลมาตรฐานของโปรแกรม Flash ทไดรบความนยม และทาการเชอมตอเพอทา

การ upload ไปไวยงเครองแมขาย (Server)



ตวอยางการพลบบลชงานในรปแบบ Stand alone (.EXE)

1. คลกทไอคอน เพอทาการพลบบลชชนงาน

2. เราจะพบกบหนาตาง Publish ปรากฏขนมา ดงภาพ

ใหเราคลกเลอกทไอคอน เราจะพบกบรายละเอยดในการปรบแตงชนงานกอนการพลบบลช

ดงน

• Standalone options

o Project Title: ใหเรากรอกชอโครงงาน (Project) ของเราลงไป

o Folder: ใหเราเลอกโฟลเดอรทเราตองการใชจดเกบไฟลงานทเราพลบบลช



o File Type: ใหเราเลอกวาเราจะทาการพลบบลชผลงานของเราไปใชกบ

ระบบปฏบตการใด เราสามารถเลอกไดวาเปนระบบปฏบตการ MS Windows, Mac

หรอ Linux

• Output options

o Zip file: เมอทาการพลบบลชแลว ใหทาการบบอดไฟลเลยหรอไม

o Full screen: ใหชนงานของเราแสดงแบบเตมจอ (Full screen) หรอไม

o Generate autorun for CD: ใหระบบทาการสรางไฟล Autorun ใหหรอไม เราเหลอก

หวขอนในกรณทเราจะนางานใส CD เพอให CD เปดเองโดยอตโนมต

o Flash Version: ใหเราทาการเลอกรนของ Flash Player มใหเราเลอก 6,7 และ8

3. เมอกาหนดรายละเอยดตางๆ เรยบรอยแลว ใหเราคลกทปม เพยงเทาน งาน

ของเรากจะถกพลบบลชเกบไวยงโฟลเดอรทเรากาหนดไว

4. ใหเราทาการเปดโปรแกรม Windows Explorer เพอดไฟลงานทเราทาการ Publish ออกไป เราจะ

พบกบไอคอน ปรากฏอย สวนชอไฟลจะเปนไปตามทเราไดกาหนดไวใน

Project Title

5. เพยงเทานเรากสามารถนาไฟลงานของเราไปเผยแพรทไหนๆ ไดแลวครบ


Documents

Captivate 2 New