คู่มือการใช้งานโปรแกรม Adobe Captivate 5

โครงการฝกอบรมเชงปฏบตการหลกสตรเรอง

การผลตสออเลกทรอนกสเพอการเรยนรดวยตนเอง

จดทาโดย

ฝายเทคนคและผลตสอ

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

สานกยทธศาสตรและประเมนผล

สารบญ

บทท 1.................................................................................................................................................1

ทาความรจก Adobe Captivate 5 ........................................................................................................1

LMS คออะไร.................................................................................................................................1

องคประกอบ LMS........................................................................................................................ 2

มาตรฐาน e-learning ในปจจบน................................................................................................... 3

ขอกาหนด SCORM คออะไร ......................................................................................................... 3

ประโยชนทางธรกจจาก SCORM................................................................................................... 3

SCORM เพมประสทธภาพและลดคาใชจาย................................................................................... 4

SCORM ลดความเสยงของการลงทน ............................................................................................ 4

SCORM เพมประสทธภาพของผเรยน ............................................................................................ 5

หลกการพนฐาน ........................................................................................................................... 5

จดเดนของโปรแกรม Adobe Captivate 5 ...................................................................................... 6

ความตองการของระบบ................................................................................................................ 6

บทท 2 ............................................................................................................................................... 7

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

ขนตอนการตดตงโปรแกรม Adobe Captivate 5 ............................................................................ 7

เขาสการใชงาน Adobe Captivate 5 ............................................................................................. 11

บทท 3 ..............................................................................................................................................14

เรมตนการใชงานโปรแกรม Adobe Captivate 5 .................................................................................14

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

การสรางงานใน Adobe Captivate 5 ............................................................................................15

สวนประกอบในโปรแกรม Adobe Captivate 5..............................................................................21

1. Menu Bars ............................................................................................................................. 22

2. Tool Bars................................................................................................................................ 23

3. Panel Groups ......................................................................................................................... 24

4. Document Window ................................................................................................................ 26

5. Timeline................................................................................................................................. 27

การสราง Slide ใหม และการนาเขาวตถ ..................................................................................... 27

1. การเพม Slide ......................................................................................................................... 27

2. การวาดภาพรปทรง และการจดตาแหนง ................................................................................ 29

3. การเพมขอความ .................................................................................................................... 30

ฝายเทคนคและผลตสอ กองบรการระบบคอมพวเตอร สานกยทธศาสตรและประเมนผล

สารบญ


4. การสราง Rollover Caption ..................................................................................................... 34

5. การแทรก Rollover Slidelet .................................................................................................... 35

6. การแทรก Zoom Area............................................................................................................36

7. การแทรก Text Entry..............................................................................................................38

8. การเพมภาพ .......................................................................................................................... 42

9. การสราง Rollover Image....................................................................................................... 45

10. การทา Click Box .................................................................................................................. 50

11. การใช Effects........................................................................................................................ 54

12. การเพมปม ...........................................................................................................................63

การใชเสยงใน Project ของ Adobe Captivate 5 ............................................................................71

การใชไฟลเสยง............................................................................................................................71

การใชคลปวดโอ ใน Project ของ Adobe Captivate 5 .................................................................. 82

การสรางขอสอบ ........................................................................................................................ 87

1. การสรางขอสอบแบบเลอกตอบ .............................................................................................. 87

2. การสรางขอสอบแบบจบค...................................................................................................... 94

3. การสรางขอสอบแบบสม ........................................................................................................ 97

4. การรายงานผลคะแนนลงบนเครองคอมพวเตอร .................................................................... 101

4.1. การตดตง Server ดวย Xampp............................................................................................102

วธการตดตง Server Xampp ......................................................................................................102

4.2. การสรางหองเสมอน (Virtual directory) เพอเกบผลการสอบบน Server............................. 106

4.3. การเกบคะแนนจาก Adobe Captivate 5 ลงฐานขอมล MySql.............................................107

4.4. การแสดงผลคะแนน ............................................................................................................111

การสงออก (Publish) เพอใชงาน ................................................................................................ 112

ภาคผนวก ....................................................................................................................................... 115

-1-

บทท 1

ทาความรจก Adobe Captivate 5

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

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

นามาสรางสอเรยนร หรอสอการนาเสนอแบบมลตมเดยทเรารจกนน มมากมายหลายโปรแกรม เชน

Office TLE Impress , Microsoft Powerpoint , Macromedia Authorware , Adobe Flash ฯลฯ โปรแกรม

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

โปรแกรม Adobe Captivate 5 เปนโปรแกรมสาหรบสรางมลตมเดยบนเวบ การจบภาพหนาจอ

การทาภาพเคลอนไหว และอนๆ โปรแกรม Adobe Captivate 5 สามารถสรางบทเรยนแบบมปฏสมพนธ

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

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

ฝกอบรมบคลากร นอกจากนยงสามารถใช Widget หรอเขยน Action Script 3 เพมขดความสามารถ

ของโปรแกรมได

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

Browser หรอใชกบระบบการจดการเรยนร LMS (Learning Management System) โดยสงออกไปใชงาน

เปน Flash (swf) ตามมาตรฐาน Scorm (Sharable Content Object Reference Model) ซงเปนมาตรฐาน

ของ e-learning อยางไรกตาม โปรแกรมสามารถสงออกเปนไฟล exe และนาไปเลนบนเครอง

คอมพวเตอรทไมไดตอกบอนเทอรเนตได

LMS คออะไร

LMS เปนคาทยอมาจาก Learning Management System หรอระบบการจดการเรยนร เปน

ซอฟตแวรททาหนาทบรหารจดการเรยนการสอนผานเวบ จะประกอบดวยเครองมออานวยความ

สะดวกใหแกผสอน ผเรยน ผดแลระบบ โดยทผสอนนาเนอหาและสอการสอนขนเวบไซตรายวชาตามท

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

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

สนทนา กระดานถาม - ตอบ เปนตน นอกจากนนแลวยงมองคประกอบทสาคญ คอ การเกบบนทก

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

ประเมนผลการเรยนการสอนในรายวชานนอยางมประสทธภาพ


-2-

องคประกอบ LMS

LMS ประกอบดวย 5 สวนดงน

1. ระบบจดการหลกสตร (Course Management) กลมผใชงานแบงเปน 3 ระดบคอ ผเรยน

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

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

hardware/software ทใช และระบบสามารถรองรบการใชงานภาษาไทยอยางเตม รปแบบ

2. ระบบการสรางบทเรยน (Content Management) ระบบประกอบดวยเครองมอในการ

ชวยสราง Content ระบบสามารถใชงานไดดทงกบบทเรยนในรป Text - based และบทเรยนใน รปแบบ

Streaming Media

3. ระบบการทดสอบและประเมนผล (Test and Evaluation System) มระบบคลงขอสอบ

โดยเปนระบบการสมขอสอบสามารถจบเวลาการทาขอสอบและการตรวจขอสอบอตโนมต พรอมเฉลย

รายงานสถต คะแนน และสถตการเขาเรยนของนกเรยน

4. ระบบสงเสรมการเรยน (Course Tools) ประกอบดวยเครองมอตางๆ ทใชสอสารระหวาง

ผเรยน - ผสอน และ ผเรยน - ผเรยน ไดแก Webboard และ Chatroom โดยสามารถเกบ History ของ

ขอมลเหลานได


-3-

5. ระบบจดการขอมล (Data Management System) ประกอบดวยระบบจดการไฟลและ

โฟลเดอร ผสอนมเนอทเกบขอมลบทเรยนเปนของตนเอง โดยไดเนอทตามท Admin กาหนดให

มาตรฐาน e-learning ในปจจบน

ผลงานทสาคญทสดของการกาหนดมาตรฐาน e-learning มดวยกน 3 เรอง คอ เรองแรกเปน

การกาหนดคาอธบายขอมล ทใชในการสราง เนอหา เราเรยกวา Metadata ในปจจบน IEEE ไดออก

ประกาศเปนมาตรฐานแลว เรยกวา มาตรฐาน LOM (Learning Object Metadata) หรอ IEEE 1484.12.1

และขอกาหนดของ SCORM กไดนา LOM มาใช เรองทสอง เปนเรองการทา Content packaging เพอ

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

ขอกาหนด IMS (EDUCAUSE Institutional Management System Project) และ SCORM กใชขอกาหนดน

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

กบ LMS ซง SCORM ไดปรบปรงขอกาหนดดงกลาวมาจากขอกาหนด ของ AICC (Aviation Industry

CBT Committee) เหนไดชดวา ขอกาหนดของ SCORM นอกจากจะเปนขอกาหนดทผานการทดสอบ ใน

เชงปฏบตแลว ยงรวมเอาขอกาหนดหลกๆ จากขอกาหนดอนเขามารวมกน จงทาใหขอกาหนด SCORM

เปนทยอมรบกนมากทสดทงผผลต และผใชระบบ e-learning

ขอกาหนด SCORM คออะไร

SCORM ยอมาจาก Sharable Content Object Reference Model ซงเรมตนพฒนามาจาก

กระทรวงกลาโหม สหรฐฯ (DOD) เพอศกษาปญหาของความไมเขากน (Incompatibility) ของระบบ

e-learning และเนอหาวชา ทพฒนาแตกตาง แพลตฟอรมกน ไมสามารถใชรวมกนได DOD จงรวบรวม

ขอกาหนด ทพฒนากอนหนามาเขาดวยกน ทงของ IMS และ AICC เพอทจะออกเปนขอกาหนด

e-learning กลาง ผลจากความพยายาม จงมการตงหนวยงานรวมมอกนระหวาง DOD, รฐบาล,

ภาคเอกชนและภาคการศกษา จดตงสถาบนทเรยกวา ADL (Advanced Distributed Learning,

www.adlnet.org) เมอป 1997 และไดออกขอกาหนดแรกในเวอรชน 1.0 เมอป 2000 แตเวอรชนท

ประสบความสาเรจเปนทยอมรบกนคอ ขอกาหนด SCORM Version 1.2 ซงออกเมอเดอนตลาคม

ป 2001

ประโยชนทางธรกจจาก SCORM

ประโยชนทไดจากการประยกตใชมาตรฐาน e-learning โดยเฉพาะการนาขอกาหนดของ

SCORM มาใชในหนวยงาน ทาใหระบบมประสทธภาพมากขน คาใชจายนอยลง ลดความเสยงของการ


-4-

SCORM เพมประสทธภาพและลดคาใชจาย

SCORM ทาใหธรกจและการพฒนาระบบมประสทธภาพมากขน และคมคาตอการลงทน เพราะ

• นาเนอหามาใชไดใหม (Reuse Content) ทาใหการพฒนาเนอหารวดเรวขนโดยเมอ

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

พฒนา

• เนอหาสามารถใชรวมกนระหวางระบบได (Share Content) การใชขอกาหนด SCORM

ทาใหการ Integrate ระบบงายขนทง ในปจจบนและในอนาคต ชวยปองกนการลงทนในโครงสราง

พนฐาน และคาใชจายในการเปนเจาของ (Cost of Ownership) ถกลงบทเรยน ตามขอกาหนด SCORM

สามารถใชรวมกบระบบทเขากนได (Compliant) กบ SCORM ทงในปจจบนและอนาคต

• ลดคาใชจายในการบารงรกษาบทเรยน (Content Maintenance) โดยทองคกร

สามารถปรบปรงเนอหาบทเรยนไดเอง (in-house) สามารถเลอกใชเครองมอไดหลากหลาย โดยไมตด

กบซอฟตแวรใดๆ หรอผผลตรายใด กทาใหคาใชจายในการบารงรกษาบท เรยนขององคกรถกลง

• ทาใหการลงทนในเทคโนโลยเกดประโยชนสงสด (Maximize Technology

investment) เพราะจากเนอหาบทเรยน ในมาตรฐาน SCORM สามารถใชงานไดดกบ LMS ใดๆ ตาม

มาตรฐาน SCORM ดวยกน ทาใหผใชสามารถเลอกซอทง Content และ LMS จากผผลตรายใดกไดทได

มาตรฐาน

• สามารถหลกเลยงซอฟตแวรทใชสรางเนอหาทเฉพาะเจาะจง (Proprietary

Authoring Tools) เนองจาก Content ตามขอ กาหนด SCORM เปน Web based Content จงสามารถ

ใช HTML tool ไปสราง Content ได เปนการหลกเลยงการใชซอฟตแวร เฉพาะเจาะจงใดๆ สราง Content

• ฝกหดผพฒนา Content ไดเรวกวา (Train developer faster) เนองจากการนา

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

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

ตารา และเอกสารการฝกอบรม

SCORM ลดความเสยงของการลงทน

โดยวสยทศนของ SCORM ไดถกออกแบบมาเพอลดความเสยงในทางธรกจและการพฒนา

เนองจากมนถกออกแบบให Content มความสามารถทง Portability, Durability และ Interoperability


-5-

• ลงทนสราง Courseware โดยเทคโนโลยมอนาคต (Future-proof) เพราะขอดของ

Courseware ทสรางขอกาหนด SCORM ไมวาผใดสราง สรางใหใคร หรอสรางเพอใชกบแพลตฟอรมใด

มนตองสามารถใชงานรวมกบระบบทอยบนพนฐาน SCORM อยางไมมปญหาใดๆ ในอนาคต

• ลดความเสยงอนเนองจากการขนอยกบเครองมอหรอเทคโนโลยเฉพาะเจาะจงใดๆ

(Technology Proprietary)

• ลดคาใชจายในการเปลยนระบบ เพราะการลงทนในมาตรฐานเทคโนโลยเปนการชวยให

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

• ลดความเสยงในการใชเทคโนโลยลาสมย (Obsolescence risk)

SCORM เพมประสทธภาพของผเรยน

เนอหา SCORM และ LMS ชวยทาใหองคกรสามารถสรางเนอหาทมประสทธภาพในการเรยน

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

เรยน ระบบนาสงเนอหาทเหมาะสม การออกแบบเนอหาเชงวตถ ฯลฯ

• หลกสตรสามารถปรบใหเหมาะสมกบบคลกของผเรยนได

• เพมความสามารถการใชงานของผเรยน

• สามารถใชขอมลของผลการเรยนเพอเพมแรงจงใจแกผเรยน

หลกการพนฐาน

โปรแกรม Adobe Captivate 5 ทางานในลกษณะเดยวกบโปรแกรม Microsoft Powerpoint คอ

ในแตละไฟลหรอ Project จะประกอบไปดวย Slide หลาย Slide นามาเรยงกน ในแตละ Slide สามารถ

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

เขา-ออกของ Slide และวตถใน Slide สามารถกาหนด Effects ตางๆ ได

เมอสงใหโปรแกรมทางาน โปรแกรมจะเรมนาแผน Slide ท 1 มาแสดง จากนนจะนาเอาแผน

Slide ท 2 และ 3 มาแสดงเรอย ๆ จนหมดทก Slide การควบคม Slide ใหไปยงแผน Slide ทกาหนด ทา

ไดโดยการสรางปม และใชคาสงของโปรแกรม เพอใหไปยง Slide ทตองการ

Slide แตละแผน ม Timeline ของตนเอง Timeline จะกาหนดเวลาของวตถแตละตว และใหวตถ

ใดเกดกอน-หลงอยางไร หรอการกาหนดตาแหนงของวตถใหอยขางหนา หรออยหลงวตถใดกได

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

Properties โดยวตถแตละอยาง จะมแถบ Properties ของตนเอง เมอคลกเลอกวตถใด โปรแกรม Adobe

Captivate 5 จะแสดง Properties ของวตถนน ทาใหสามารถกาหนดลกษณะของวตถนน ๆ ได


-6-

จดเดนของโปรแกรม Adobe Captivate 5

- สรางสอเรยนรหรอสอนาเสนอมลตมเดยไดอยางงายดาย

- ตดตอวดโอไดทงภาพนงและภาพเคลอนไหว

- สรางสอเรยนร โดยการจบภาพจอภาพ (Screen Capture Movie) อดเสยงบรรยายประกอบ

- เหมาะสาหรบการนาไปใชเปนสอการเรยนการสอน

- สรางแบบทดสอบไดงาย และมแบบทดสอบใหเลอกทาไดหลายรปแบบ

- นาเขาไฟลจากแหลงตางๆ ไดหลากหลาย ไฟลจาก Adobe Flash ไฟลรปภาพ (Image) เชน

JPG , BMP , GIF ไฟลเสยง (Sound) เชน MP3 , WAV เสยงบรรยายผานไมโครโฟน ไฟล

วดโอ (Video) เชน AVI สไลดจากโปรแกรม Microsoft Powerpoint (.PPT)

- สงออกไฟลไดหลายรปแบบ Flash movie File (.swf) ลกษณะเชนเดยวกบโปรแกรม Adobe

Flash HTML File (.html) สาหรบการนาไปใช

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

- Microsoft Windows เชน Windows XP , Windows Vista และ Windows 7

- 600 MHz Intel Pentium III Processor หรอเทยบเทา

- 256 MB of RAM ถาจะใหดตองใชท 512 MB

- พนทวางของฮารดดสกอยางนอย 200 MB

- ความละเอยดของจอ SVGA


-7-

บทท 2

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

ขนตอนการตดตงโปรแกรม Adobe Captivate 5

1. ดบเบลคลกทโฟลเดอร Adobe_Captivate_v5.0

2. จากนนใหดบเบลคลกทไอคอน Captivate_5_WWEFDJ


-8-

3. จากนนให เลอกท Next


-9-

4. จากนนใหเลอกท ACCEPT

5. ใหใส Serial Number จากนนใหเลอกท NEXT


-10-

6. จากนนใหเลอกท INSTALL


-11-

7. จากนนใหเลอกท DONE

เขาสการใชงาน Adobe Captivate 5

เราสามารถเขาสโปรแกรม Adobe Captivate 5 ไดโดยการเลอกท และเลอกท

เมน Programs>Adobe Captivate 5 ตามขนตอนดงรป


-12-

ขณะทกาลงรนเขาสโปรแกรม จะแสดงโลโก Adobe Captivate 5


-13-

แสดงหนาตางของ Adobe Captivate 5


-14-

บทท 3

เรมตนการใชงานโปรแกรม Adobe Captivate 5

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

เมอเขาสโปรแกรม Adobe Captivate 5 แลว จะปรากฏหนาจอหลกทมสวนประกอบสาคญท

แยกออกเปนสวนๆ เพอการทางาน ดงน

Open Recent Item คอ การแสดงไฟลลาสดทเคยบนทกไวในโปรแกรม เปดไฟลทเคยบนทกไว

Create New คอ การสรางงานใหมขนมาในรปแบบตางๆ (สาหรบการเรมตนใชงาน)

Getting Started แนะนาขนตอนการสราง Project ดวยโปรแกรม Adobe Captivate เรมตงแต

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

เพอเพมความนาสนใจ ตามลาดบ


-15-

การสรางงานใน Adobe Captivate 5

จากคาสง Create New ประกอบไปดวย Project ตางๆ ซงจะอธบายเฉพาะทสาคญ ดงน

• Software simulation คอการบนทกการกระทาบนหนาจอคอมพวเตอร ใชสาหรบการ

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

สามารถบนทกเสยงคอบคไปไดดวย

เมอทาการเลอก Software simulation จะปรากฏ ดงภาพ ใหสงเกตทกรอบสแดง คอพนททจะ

ทาการบนทก เมอเอาตวชเมาสไปวางบรเวณเสนขอบจะทาการยายตาแหนงของกรอบสแดงได เพอ

บนทกพนทไดตามตองการ หากไมตองการตงคาอนเพมเตมใหกดทปม Record บนหนาจอเพอทาการ

บนทก เมอบนทกเสรจเรยบรอยแลวใหกดทปม End บนแปนพมพเปนอนเสรจสนการบนทก จากนน

โปรแกรมจะนาเอาการกระทาทเราบนทกไปไวใน Slide ของโปรแกรม

ในสวนของ Size เราสามารถกาหนด Screen Area ได ดงภาพ หรอหากตองการใหครอบคลม

ทงหมดหนาจอใหเลอกท Full Screen


-16-

ในสวนของ Recording Type เราสามารถกาหนด Audio ได

เราสามารถกาหนดคาตางๆ ในสวนของ Preferences โดยเลอกท Settings


-17-

• Blank Project คอการเรมตนจาก Slide เปลา ซงผใชงานเปนคนทาเองทงหมด ซงตองม

ความรพอสมควร ในทนจะอธบายในสวนตอไป

• From Microsoft Powerpoint คอการนาไฟลจากโปรแกรม Microsoft Powerpoint เขามา

ใชงานในโปรแกรม Adobe Captivate 5

เมอทาการเลอก From Microsoft Powerpoint จะปรากฏ ดงภาพ ใหเลอกไฟลทตองการนาเขา


-18-


-19-


-20-

• Image Slideshow คอการนาไฟลรปภาพเขามาแสดงในโปรแกรม Adobe Captivate 5

เมอทาการเลอก Image Slideshow จะปรากฏ ดงภาพ ใหเลอกไฟลรปภาพทตองการนาเขา


-21-

สวนประกอบในโปรแกรม Adobe Captivate 5

Menu Bars

Document Window Filmstrip

Tool Bars

Panel Groups

Timeline


-22-

1. Menu Bars

File สาหรบการสราง/เปดไฟลใหม การบนทก การสงออกเพอใชงาน และการเลน

ไฟล (Preview) เปนตน

Edit สาหรบการคดลอก วาง ภาพ ขอความ หรอ แผน Slide ตลอดจนการ

กาหนดคาของโปรแกรม (Preferences) เปนตน

View มมมองของหนาจอ ปรบหนาจอขนาดตาง ๆ การซอน Slide เปนตน

Insert สาหรบการนาเขาวตถตาง ๆ เชน เพม Slide เพมขอสอบ ภาพนง

ภาพเคลอนไหว และปม เปนตน

Modify สาหรบการเปลยนขนาดของหนาจอแสดงผล (Document Window) กาหนด

ตาแหนง การจดเรยงวตถตาง ๆ บนหนาจอ (Alignment) เปนตน

Project สาหรบการเปลยนรปรางหนาตา (skin editor) การสรางตวแปร เปนตน

Quiz สาหรบสรางขอสอบแบบตาง ๆ และการกาหนดคาของขอสอบ เปนตน

Audio สาหรบการจดการเกยวกบเสยง เชน การนาเขา และการตดตอเสยง เปนตน

Video สาหรบการจดการคลปวดโอ ไฟล วดโอทใชได ไดแก flv f4v avi mov mp4

และ 3gp ในกรณทไมใช flv หรอ f4v โปรแกรม Captivate จะแปลงไฟลกอน

การนาเขา

Window สาหรบการเปดหรอปดการใชงาน Panel ตาง ๆ ในหนาจอ เชน Timeline

Filmstrip Effects และ Properties เปนตน Panel ใดทกาลงเปดอย จะเหนม

เครองหมายถกปรากฏอยขางหนา ถาตองการปด ใหคลกเพอเอาเครองหมาย

ถกออกไป

Help สาหรบระบบการใหความชวยเหลอของโปรแกรม


-23-

2. Tool Bars

Selection Tool

Insert Text Caption

Insert Button

เปนกลมเครองมอทนามาวางไว เพอใหสามารถใชได

อยางสะดวก เครองมอในแถบ Toolbars นทกตว

สามารถเขาถงไดจากเมน เครองมอทควรรจก มดงน

2.1. Selection Tool เปนเครองมอสาหรบใชเลอกวตถ

ตาง ๆ ทอยบนหนาจอ เมอใชเครองมอนคลกทวตถใด

บนหนาจอ จะเหน Properties ของวตถนน ๆ แสดงใน

แถบ Properties และสามารถทจะปรบปรง แกไข หรอ

กาหนดใหมได

2.2. Insert Text Caption เปนเครองมอทใชบอย

สาหรบการพมพตวอกษร โดยจะมพนเปนแถบคลาย

ปายรองรบ เราสามารถเปลยนลกษณะของพน หรอจะ

กาหนดใหไมเหนพนเลย กได โดยไปทแถบ Properties

และกาหนดเปน Transparent

2.3. Insert Button เปนเครองมอสรางปมบนหนาจอ

เมอคลกเครองมอน จะเกดปมทกลางหนาจอโดย

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

ใดๆทตองการบนหนาจอ และสามารถกาหนด Action

หรอคาสงของปมวา เมอกดปมนแลวใหทาอะไร เชน

ใหไปยง Slide ตอไป หรอใหไปยง Slide ทกาหนด เปน

ตน


-24-

3. Panel Groups

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

3.1. Properties เปนแถบสาคญทกาหนด

คณลกษณะของวตถทถกเลอกบนหนาจอ

เชน ภาพ ขอความ ปม เปนตน


-25-

3.2. Library เปนแถบทรวมวตถตาง ๆ ทอยบน

หนาจอมาไวทน เมอเรานา ภาพ เสยง หรอ วดโอ

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

ใน Library ใหโดยอตโนมต ถาเราตองการนามาใช

อกกสามารถนาวตถทอยใน Library มาวางไวบน

หนาจอ และกาหนด Property เสยใหมได ทาให

ประหยด เพราะไมตองนาเขาวตถใหม ซงทาให

เปลองหนวยความจาของเครองคอมพวเตอร

3.3. Filmstrip เปนสวนทแสดง Slide

ทงหมดในโปรแกรม โดยเรยงลาดบ

กอนหลงตามลาดบการนาเสนอ Slide

แตละแผนสามารถใชเมาสลากเพอ

สลบตาแหนงกนไดจากใน Filmstrip ได

ใน Slide แตละแผน ควรมการ

ตงชอ Slide ในแถบ Properties ดวย

ซงมประโยชนในการกาหนดเสนทาง

การเดนของโปรแกรม เชน เมอคลก

ปมแลว จะใหโปรแกรมไปท Slide ใด

เปนตน ชอของ slide แตละแผนจะ

ปรากฏทดานลาง ของ Slide นน ๆ

และนอกจากน ถา Slide นนม วดโอ

หรอมการใชเสยง กจะมสญลกษณ

ปรากฏใหเหน

ชอ Slide

สญลกษณ วดโอ

สญลกษณ เสยง


-26-

4. Document Window

เปนหนาจอแสดงผลของโปรแกรม โดยจะแสดง Slide ทละแผน วตถตาง ๆ ทนามาวาง ใน

Slide แตละแผน จะปรากฏทน เมอเปดโปรแกรม Adobe Captivate 5 ใหม โปรแกรมจะใหกาหนดขนาด

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

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

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

หรอขยายมมมองน เพอใหสามารถทางานไดสะดวกขนเทานน

ถามการเปดโปรแกรม Adobe Captivate 5 หลายโปรแกรมพรอมกน จะเกดแถบและมชอของ

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

โปรแกรมได โดยใช Copy และ Paste ระหวางกนได


-27-

5. Timeline

Timeline เปนแถบควบคมวตถ ทอยในแผน Slide แผนทกาลงแสดงอยในหนาจอ Document

Window ทงน Slide แตละแผน จะม Timeline เปนของตนเอง Timeline ประกอบดวยชน หรอ layers

ตางๆ หลายชน แตละชนคอวตถแตละอยางในแผน Slide นน ๆ ซงจะมชอปรากฏอยใหสงเกตได

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

ได และนอกจากน ยงลากสลบตาแหนง บน-ลาง ได วตถทอยชนบนกวา จะอยหนาวตถทอยชนลางใน

Document Window

นอกจากน ถามการเปด Panel เชน Master slide หรอ Effects จะเหนมแถบปรากฏเพมขนทน

ซงจะสามารถใชงาน Panel นน ๆ ไดจากทน เชนกน

การสราง Slide ใหม และการนาเขาวตถ

1. การเพม Slide

1.1. การเพม Slide เปลา ใหไปทเมน Insert > Blank Slide โปรแกรมจะสราง Slide เปลาให

โดยไมมวตถใด ๆ และจะใชพนหลงของโปรแกรม โดยปกต (คา Default ) จะเปนสขาว


-28-

1.2. การเพม Slide เปลา และมแมแบบพนหลง ใหไปท Insert > New Slide โปรแกรม จะสราง

Slide ใหม และนาพนหลงของแมแบบทกาหนดมาใชดวย ทาใหกลมกลนกบ Slide กอนหนาน


-29-

2. การวาดภาพรปทรง และการจดตาแหนง

การวาดรปทรงตาง ๆ เ ชน ส เห ลยม

วงกลม รปหลายเหลยม ใหใช Line Tool โดยคลก

ทสามเหลยมดานลางขวา จะเหนมตวเลอก ให

ตามตองการ รปทรงตางๆ สามารถปรบเปลยน

เพมเตมไดจากแถบ Properties

2.1. กาหนดหวลกศรใหเสนตรง โดยวาดเสนตรง แลวเลอก FILL & STROKE > Start หรอ End

2.2. คลกทปลายเสนตรง กด Shift และเลอนเมาส จะสามารถเอยงเสนตามองศา ได ครงละ

45 องศา

2.3. ขณะวาดรปสเหลยมหรอวงกลม ถากด Shift คางไว จะไดรปสมมาตร

2.4. ตองการวาดภาพซา ๆ ใหกด Ctrl คางไวขณะเลอก

2.5. รปทรง สามารถบรรจขอความได โดยดบเบลคลกภายในรปทรง แลวพมพขอความ

2.6. การจดเรยงรปทรงตาง ๆ ใหคลกทรปทรง และคลกขวา และเลอก Align


-30-

คาสง รายละเอยด

Align Left: จดชดซายตรงกน

Align Center: จดกงกลางตรงกน

Align Top: จดบนตรงกน

Distribute Horizontally: กระจายระยะหางเทากนตามแนวนอน

Distribute Vertically: กระจายระยะหางเทากนตามแนวตง

Resize to same height ยอใหความสงเทากน

Resize to same size ยอใหขนาดเทากน

3. การเพมขอความ

3.1. ใหไปท Insert > Standard Objects > Text Caption หรอคลกทปม Insert Text Caption

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

ตางๆ ในแถบ Properties


-31-

3.2. การกาหนดคาใน Properties ของขอความ มดงน


-32-

• Item Name ชอของขอความ ใหใชภาษาองกฤษเสมอ

• GENERAL สามารถเปลยนลกษณะของแถบ เชน สพน รปราง เปนตน ถาไมตองการใหมพน ให

คลกสามเหลยม และเลอก Transparent

• CHARACTER สาหรบกาหนดคาตาง ๆ ของ Fonts เชน Fonts ขนาด และส

• FORMAT สาหรบกาหนดใหจดชดซาย-ขวา เปนตน


-33-

• TIMING สาหรบกาหนดระยะเวลาทจะใหแสดง และระยะเวลาทจะใหปรากฏหลงจากท Slide

ปรากฏ เชน จากภาพดานลาง เปนการกาหนดให Slide มความยาว 3 วนาท และจะเรมแสดง

ใหเหนเมอเปด Slide เขามาแลว 2 วนาท ดงนน Slide น จะมความยาวทงหมด 5 วนาท เมอดท

Timeline เหนดงภาพ

• TRANSITION สาหรบกาหนดการเขามาของขอความ โดยปกตจะใหคอย ๆ จางเขาและจาง

ออกไป (Fade In and Out) เราสามารถเปลยนแปลงได เชน ใหเขามาทนท แตเวลาออกให

คอย ๆ จางออก (Fade Out Only) หรอ ไมใหม Transition เลย กได

• Audio สาหรบเพมเสยงเมอขอความนปรากฏ

• POSITION & SIZE สาหรบกาหนดตาแหนงและขนาด ตาแหนง X คอระยะหางจากขอบหนาจอ

ซาย และตาแหนง Y คอระยะหางจากขอบบนของ Document Window


-34-

4. การสราง Rollover Caption

เปนการสรางหนงสอในรปแบบทเมอแสดงผลโดยการลากเมาสผานจดทกาหนดจงจะปรากฏ

หนงสอออกมาใหเหน

4.1. ใหไปท Insert > Standard Objects > Rollover Caption หรอคลกทปม Insert Rollover

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

ปรบคาตางๆ ในแถบ Properties

4.2. ใหพมพขอความทตองการลงในบรเวณ Type the caption text here สวนกรอบสเหลยม

จตรสคอบรเวณทวางเมาสแลวจะปรากฏขอความขนมา


-35-

4.3. การกาหนดคาใน Properties ของ Rollover Caption จะคลายกบการเพมขอความ (Text

Caption)

5. การแทรก Rollover Slidelet

เปนการสรางงานของ Adobe Captivate 5 ทมลกษณะเหมอนกบ Rollover Caption แตจะมขอ

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

ซงมขนตอนในการสรางดงน

5.1. ใหไปท Insert > Standard Objects > Rollover Slidelet หรอคลกทปม Insert Rollover

Slidelet บนแถบเครองมอ

5.2. จะไดหนาตาง Rollover Slidelet ขนมา


-36-

5.3. ใชวธการคลกเมาสคางไวเพอแยก 2 สวนออกจากกน ในบรเวณของ Rollover Slidelet คอ

บรเวณทสาหรบนาเมาสไปวาง และในสวนกรอบสเหลยมทเหลอเมอเราคลกเมาสขวา เลอก Insert จะ

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

6. การแทรก Zoom Area

6.1. ใหไปท Insert > Standard Objects > Zoom Area หรอคลกทปม Insert Zoom Area

บนแถบเครองมอ


-37-

6.2. จะไดหนาตาง Zoom Area ขนมา

6.3. ใชวธการคลกเมาสคางไวเพอแยก 2 สวนออกจากกน ในบรเวณของ Zoom Source คอ

บรเวณของตนฉบบ เชนอาจจะเปนรปภาพทเราตองการขยาย สวน Zoom Destination คอบรเวณท

ขยายแลว


-38-

7. การแทรก Text Entry

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

นกเรยนซงเปนการเตมคาในชองวาง มขนตอนดงน

7.1. สรางคาถามดวย Text Caption เชน

กระดกมสารอนทรย %

7.2. ใหไปท Insert > Standard Objects > Text Entry Box หรอคลกทปม Insert Text Entry Box

บนแถบเครองมอ

7.3. จะไดหนาตาง Text Entry Box ขนมา


-39-

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

บรเวณของ Type success text here คอ ขอความทตองการแสดงในกรณทตอบถก

Type failure text here คอ ขอความทตองการแสดงในกรณทตอบผด

Type hint text here คอ ขอความทตองการแสดง เพอเปนการบอกใบคาตอบ

ปม summit คอ ปมตอบตกลง

บรเวณกรอบสเหลยม คอ บรเวณทใสคาตอบ

7.5. แกไขขอความตามตองการ


-40-

7.6. คลกทกรอบสเหลยม เพอใสคาตอบ

7.7. กดเครองหมาย + เพอใสคาตอบ


-41-

7.8. ทดสอบ โดยไปท File > Preview > Project เมอใสคาตอบทถกจะปรากฏ ดงภาพ


-42-

8. การเพมภาพ

Adobe Captivate 5 สามารถนาภาพเขาโปรแกรม และสามารถเปดไฟล Photoshop และ

สามารถทางานกบโปรแกรม Photoshop ได

8.1. การนาภาพเขาโปรแกรม ไปท Insert > Image และเลอกไฟลทตองการ


-43-

8.2. Properties ของภาพ มดงน

• Item Name ชอปม ใชภาษาองกฤษ

• IMAGE ชอของภาพ และการทาใหสบางสในภาพมองไมเหน โดยคลกท Fill ( ) และใช

ปากกาดดส (Color picker) เลอกสในภาพ หรอ กาหนดเองจากแผนส กได


-44-

• IMAGE EDIT สามารถปรบแกสของภาพ เชน ความสวาง ความเขม เปลยนภาพเปนสเทา

การหมนภาพ การตดบางสวนของภาพออก เปนตน นอกจากนยงสามารถปรบความ

โปรงใสของภาพ โดยการปรบคา Alpha จากเมน ไดอกดวย

• TIMING กาหนดเวลาทภาพแสดงใน Slide และเวลาเรมทจะใหภาพปรากฏ

• TRANSITION สาหรบตงลกษณะการ Fade เขา-ออกของภาพ

• AUDIO สาหรบใสเสยงในภาพ เมอภาพปรากฏจะมเสยงตามทกาหนด

• POSITION & SIZE สาหรบการกาหนดตาแหนง และขนาดของภาพ


-45-

9. การสราง Rollover Image

Rollover Image ไดแกภาพทปรากฏขนเมอเมาสลากผานสงใดสงหนง หรอบรเวณใดบรเวณหนง

บนแผน Slide เชน ขอความบนแผน Slide หรอภาพใด ๆ บนแผน Slide มวธการ ดงน

9.1. เปด Slide ใหม

9.2. สรางขอความหรอภาพเปาหมายทจะใหเมาสลากผาน

9.3. ไปท Insert > Standard Objects >Rollover Image.. และเลอกภาพทจะนามาทาเปน

Rollover Image


-46-

9.4. จะเกดภาพพรอมทงกรอบสเหลยมสนาเงน


-47-

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

พรอมทงลากขอบเปลยนขนาด และยายตาแหนงของภาพตามตองการ

9.6. ถาไมตองการใหแสดงกรอบสนาเงนแสดงใหเหน ใหคลกทกรอบสนาเงน และกาหนดคา

Stroke ในแถบ PROPERITES > FILL & STROKE โดยกาหนดใหเปน 0 จะไมเหนกรอบสนาเงน


-48-

9.7. ทดสอบ โดยไปท File > Preview > Project และนาเมาสไปวางบรเวณทนากรอบสนาเงนไป

วางทบไว จะเหนภาพทกาหนดเปน Rollover Image ปรากฏขน


-49-

เมอนาเมาสไปวางบน sunset จะปรากฏภาพขนมา


-50-

10. การทา Click Box

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

ทดลองทาหลงจากทเรยนผานไป โดยการคลกทภาพตามคาถามทกาหนดให มขนตอนในการสรางดงน

10.1. แทรกรปภาพทตองการทดสอบความร ดวยการ Insert > Image และเลอกไฟลทตองการ

10.2. แทรกคาถามดวยการ Insert > Standard Objects > Text Caption


-51-

10.3. ใหไปท Insert > Standard Objects > Click Box หรอคลกทปม Insert Click Box บน

แถบเครองมอ


-52-

10.4. จะไดหนาตาง Click Box ขนมา

10.5. ใหยายกลอง Click Box ไปยงตาแหนงทถกตอง ซงในทนคอบรเวณทเปนดอกบว

บรเวณของ Type success text here คอ ขอความทตองการแสดงในกรณทตอบถก

Type failure text here คอ ขอความทตองการแสดงในกรณทตอบผด

Type hint text here คอ ขอความทตองการแสดง เพอเปนการบอกใบคาตอบ


-53-

10.6. แกไขขอความตามตองการ

10.7. ทดสอบ โดยไปท File > Preview > Project เมอใสคาตอบทถกจะปรากฏ ดงภาพ


-54-

11. การใช Effects

Adobe Captivate 5 สามารถม Effects ทนาสนใจจานวนมาก ตงแตการใช Transition ของ Slide

เพอกาหนดลกษณะการเขา-ออกของ Slide การกาหนด Effects ใหกบ วตถตาง ๆ บน Slide เชน ภาพ

ขอความ ปม การใชภาพเคลอนไหวจากไฟล swf หรอ Gif animation ตลอดจนการใช Text Animation

ตาง ๆ อยางไรกตาม การใช Effects ตองคานงถงความเหมาะสม เพอใหสามารถดงดดความสนใจของ

ผใช การใชEffects มากเกนไปอาจจะทาใหผใชไมสนใจเนอหาทนาเสนอได

11.1. Slide Transition

• คลกทแผน Slide

• ทแถบ PROPERTIES > GENERAL เลอก Transition ทตองการ


-55-

11.2. การใช Effects กบวตถตาง ๆ บนหนาจอ

วตถตาง ๆ เชน ภาพ ปม ขอความ สามารถใช Effects ทาใหดงดดความสนใจได ดนาสนใจมาก

ยงขน

• คลกทวตถทตองการใส Effects

• ถาทแถบ Timeline ไมมแถบ Effects ใหไปท Window > Effects


-56-

• ทแถบ Effects บน Timeline คลกปม Add Effect ( ) เพอกาหนด Fx ใหกบวตถนน

• เลอก Effects จากรายการทเหน เชน พนฐาน การเขา-ออกของวตถ เปนตน Effect แต

ละตวจะมรายการยอย ๆ อกหลายรายการใหเลอก


-57-

• ถาตองการลบ Effects ใหคลกเลอก Effect นน ๆ แลวคลกทถงขยะ

11.3. การใชภาพเคลอนไหวจากไฟล Animation เชน swf หรอ Gif animation

สามารถนาเขาผานทางเมน Insert > Animation… ซงโปรแกรม Adobe Captivate 5 ได

เตรยมไฟล swf ไวจานวนมากใหเลอกใช โดยเกบไวท หองโปรแกรม Adobe Captivate

5/Gallery/SWF Animation


-58-


-59-


-60-

11.4. การใช Text Animation

• ไปท Insert Text Animation หรอ คลกทเครองมอ Insert Text Animation ( )

• พมพขอความ ปรบขนาดและตวอกษร และถาตองการใหเลนวน ใหคลกหนา Loop แลว

คลก OK


-61-

• ปรบรปแบบของ Animation จากในแถบ PROPERTIES > GENERAL > Effect ซงจะม

Effects ใหเลอกจานวนมาก ถาไมพบ Effect แสดงวา ขอความทพมพเขามาไมถกเลอก

ใหคลกเลอกขอความนนกอน


-62-


-63-

12. การเพมปม

ปมทาหนาทบงคบการควบคมหนาจอ (Navigation) ของโปรแกรม โดยการใสคาสงทปมใหไปยง

Slide ใด ๆ หรอใหกระทาการใด ๆ ตามคาสง

12.1. ไปท Insert > Standard Objects > Button หรอคลกทปม Insert Button ( ) บนแถบ

เครองมอ จะเกดปมทบรเวณกลาง Document Window ซงสามารถลากไปยงตาแหนงทตองการ และ

ปรบคาในProperties ตามตองการ


-64-

12.2. แถบ Properties ของ ปม


-65-

• Item Name ชอปม ใหกาหนดเปนภาษาองกฤษ

• GENERAL สามารถเลอกประเภทของปมและกาหนดขอความบนปมได

- ปมม 3 ประเภท ไดแก

1) Text Button เปนปมทมขอความทบอยบนปมสามารถเปลยนขอความไดจากชอง

Caption และควรใชภาษาไทย

2) Transparent เปนปมโปรงใส มองไมเหน แตสามารถคลกได มคณสมบตของปมทก

ประการ ใชสาหรบนาไปครอบขอความหรอภาพทตองการใหคลกปมTransparent จะม

คณสมบตดาน FILL&STROKE เพม ใหกาหนดคา alpha ของ Fill เทากบ 0 และถาไม

ตองการเสนขอบ ใหกาหนดคา Stroke เปน 0 เชนเดยวกน ดงภาพ


-66-

การกาหนดคา alpha ของ Fill และ เสนขอบ (Stroke)

3) Image Button เปนปมทใชภาพ Adobe Captivate 5 มปมจานวนมากเตรยมไวใหใน

หองของโปรแกรม/Gallery/Buttons/ แตสวนใหญจะมขอความเปนภาษาองกฤษ


-67-

ถาตองการสรางเองสามารถทาได โดยใชโปรแกรมกราฟก เชน Gimp หรอ Photoshop

โดยใหสรางปม 3 ปม คอปม สถานะปกต (up) ขณะเมาสลากผาน (over) และขณะกดเมาส

(down) ประการสาคญคอ ตองใชชอปมชอเดยวกน แตตอทายดวย _up, _over และ _down

เชน ถาปมนคลกแลว ใหทาตอไป อาจใชชอวา next_up, next_over และ next_down เปน

ตน


-68-

นาปมทง 3 ไปไวในหองเดยวกน เมอจะนาเขา ใหกาหนดประเภทของปมเปน Image

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

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

• CHARACTER เปนการกาหนดเกยวกบตวอกษรทอยบนปม สาหรบปมประเภท Text Button

• ACTION เปนคาสงทโปรแกรมมไวใหเลอก คาสงทสาคญ มดงน


-69-

- Continue ใหทาตอไป หวอานจะวงตอจากตาแหนงปจจบน ถามวตถใดใน slide นน ๆ ทอย

ตอจากปมนไป จะแสดงใหเหนกอน และถาไมมปมใด ๆ อก โปรแกรมจะเปด slide ถดไป

- Go to the previous slide ใหกลบไปยง Slide ทเพงผานมา

- Go to the next slide ใหไปยง Slide ตอไปทนท ถามวตถใดตอจากปมนในหนา Slide น จะไม

แสดงใหเหน เพราะโปรแกรมจะขามไปยง Slide ตอไป ทนท

- Go to the slide last visited สงใหกลบไปยง Slide ทเพงผานมา ในกรณทถกสงใหกระโดดมา

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

- Jump to slide ใหกระโดดไปยง Slide ใด ๆ ในโปรแกรมน

- Open URL or file ใหเปดหนาเวบอน หรอเปดไฟลอน

- Open another project .ใหเปดไฟลของ Adobe Captivate 5 ในกรณน ใชสาหรบการลงคไฟล

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

• OPTIONS ใชสาหรบเปลยน Cursor เปนรปมอเมอเมาสลากผาน หรอใหมขอความเพมเตม

• TIMING สาหรบตงคาเวลาทงหมดทปมนจะแสดงบนหนาจอ และเวลากอนทปมจะหยดหวอาน

ไมไหวงตอไป ตลอดจนเวลาหลงจากเมอกดปมนไปแลว ถาสงเกตบน Timeline ของปมจะเหนม

เสนขนานแนวตง ซงแสดงเวลา ณ ตาแหนงทปมนจาทาหนาทหยดหวอาน ตาแหนงน สามารถ

ใชเมาสลากเปลยนแปลงได


-70-

• REPORTING ในกรณทเปนการถามตอบ จะใหนาผลการตอบไปรวมกบขอสอบหรอไม ถานาไป

รวม จะใหคาคะแนนของการตอบครงนกคะแนน

• AUDIO สาหรบเพมเสยงใหแกปม

• POSITION & SIZE สาหรบกาหนดตาแหนงและขนาดของปม


-71-

การใชเสยงใน Project ของ Adobe Captivate 5

เสยงใน Project ของ Adobe Captivate 5 สามารถใชได 3 ลกษณะ คอ 1) นาเขาไฟลเสยงจาก

ภายนอก 2) บนทกเสยงจากไมโครโฟน และ 3) แปลงขอความเปนเสยง โดยตดตง Software แปลง

ขอความเปนเสยง (Text-to-speech software) เพมเตมจากแผนซดของโปรแกรม Adobe Captivate 5

สาหรบในบทเรยนน จะนาเสนอเฉพาะการใชเสยงจากไฟลทนาเขาเทานน

การใชเสยงในโปรแกรม Adobe Captivate 5 ม 3 ลกษณะ คอ 1) เสยง Background 2) เสยง

ประจา Slide และ 3) เสยงประจาวตถบน Slide เชน เสยงประกอบปม ภาพ หรอ ขอความ Feedback

ในขอสอบ เปนตน

การใชไฟลเสยง

ไฟลเสยงทจะนามาใชงานได คอไฟล .wav ของ Microsoft และไฟล mp3 ในกรณทเลอกเสยงท

เปน wav โปรแกรมจะแปลงใหเปน mp3 กอนการนาเขามาใชงานใน Project

1. เสยง Background สามารถนาเสยงประกอบเปน Background ของ Project โดยเสยงจะเลน

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

เสยงประจา Slide โดยปกตมกจะใชเสยงเพลงบรรเลง เปนเสยง Background ประกอบการใชเสยง

Background มขนตอน ดงน

1.1. เปด Project ใหม หรอใช Project ทมอยแลวกได

1.2. ไปทเมน Audio > Import to > Background

1.3. เลอกไฟลเสยงจากในเครองคอมพวเตอร


-72-

1.4. จะเปดหนาจอ ตอไปนใหกาหนดคาตามตองการ

1.5. ถาตองการปรบแตงเสยง ใหคลกปม Edit เพอปรบแตงเสยงได


-73-

1.6. คลก Close เพอกลบไปยงหนาจอปกต

1.7. ทดสอบ โดยไปท File > Preview > Project

1.8. เอาเสยง Background ออก ไปท Audio > Remove > Background


-74-

2. เสยงประจา Slide เปนเสยงประกอบ Slide จะเลนเฉพาะเมอ Slide นน ๆ ปรากฏเทานน

และจะหยดเลนเมอ Slide นนออกไปจากหนาจอ วธการนาเสยงเขา มดงน

2.1. เปด Project ใหม สราง Slide เปลา จานวน 3 แผน หรอใช Project ทมอยแลวกได ควรม

Slide จานวน 3-4 แผน

2.2. คลกเลอกแผน Slide ท 1

2.3. ไปทเมน Audio > Import to > Slide

2.4. เลอกไฟลเสยง mp3 จากในเครองคอมพวเตอร


-75-

2.5. การนาเขาในแผน Slide มลกษณะ ดงน

• ถา Project นน ม Slide แผนเดยว หรอ Slide ทจะนาเสยงเขานน เปน Slide แผนสดทาย

โปรแกรมจะนาเสยงเขาทนท และถาความยาวของ Slide นอยกวา ความยาวของเสยง

โปรแกรมจะขยายความยาวของ Slide ใหเทากบเสยง

• ถา Project นนมแผน Slide หลายแผน และ Slide ทนาเสยงเขา ไมใชแผนสดทาย และ Slide

นน มความยาวมากกวาไฟลเสยง โปรแกรมจะนาเสยงเขาท Slide นนตามปกต โดยจะ

ปรากฏหนาจอใหปรบแตงเสยงได กอนนาเขา ดงน


-76-

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

• ถา Project นนมแผน Slide หลายแผน และ Slide ทนาเสยงเขา ไมใชแผนสดทาย แต Slide

นน มความยาวนอยกวาไฟลเสยง โปรแกรมจะใหเลอกลกษณะทนาเสยงเขา 3 ลกษณะ

ดงน

1) Show the Slide for the same amount of time as the length of the audio

file คอ นาเสยงเขาท Slide นน และจะขยายความยาวของ Slide นนใหเทากบความยาวของ

เสยง


-77-

2) Distribute the audio file over several slides คอ เฉลยเสยงออกตามจานวน

Slide ทเหลอ โดยจะนาเสยงทงหมดเขาใน Slide ทเลอกกอน จากนน จะเปดหนาจอใหปรบวา

จะนาเสยงไปไว Slide แผนใด อยางไร ดงภาพ

การเฉลย ทาโดยลากเสนแบงขอบเขตของ Slide แตละแผน เขาไปในบรเวณเสยง ดงภาพ

3) Retain current slide duration and distribute the audio files over several

slides คอ รกษาความยาวของ Slide ทเลอกไวเหมอนเดม แตเฉลยเสยงออกไปตาม Slide ท

เหลอ

ขอควรระวง เมอนาเสยงทมความยาวมากกวา ความยาวของ Slide เขา Slide แลว ให

ตรวจสอบตาแหนงของวตถตางๆทมอยกอนนาเสยงเขา และเลอนปรบตาแหนงของวตถตางๆ

ใหเหมาะสม

2.6. ถาตองการเอาเสยงประจา Slide ออก ใหไปท Audio > Remove > Slide


-78-

เสยงประจาวตถบน Slide 3.

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

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

3.1. เปด Project ใหม


-79-

3.2. นาเขาภาพ โดยไปท Insert > Image … และเลอกภาพทตองการ

.3. คลกทภาพ

3


-80-

3.4. ทแถบ PROPERTIES คลกเปดแถบ AUDIO และคลก Add Audio…

.5. โปรแกรมจะเปดหนาจอใหเลอกและปรบแตงไฟลเสยง

3

3.6. คลกปม Import เพอเลอกไฟลเสยง


-81-

3.7. โปรแกรม Adobe Captivate 5 มเสยงประกอบเตรยมไวใหเลอก อยในหองโปรแกรมของ

Adobe Captivate 5/Gallery/Sound/

3.8. ถาตองการปรบแตง ใหคลกแถบ Edit

3.9. จากนนใหกดปม Save และ Close ตามลาดบ โปรแกรมจะกลบมาทหนาจอเดม

3.10. ทดสอบโดยไปท File > Preview > Project


-82-

การใชคลปวดโอ ใน Project ของ Adobe Captivate 5

โปรแกรม Captivate สามารถนาเขาไฟลวดโอ AVI, MOV, FLV และ MPEG โดยสามารถ Sync

ภาพ และเสยงไดจากใน Slide ตาง ๆ โดยปกต สามารถใชไฟลวดโอใน Slide ทว ๆ ไปได แตม Slide

บางอยางทไมสามารถใชวดโอได เชน Slide แมแบบของขอสอบ Random Slides หรอ Slide ทถก Lock

ไว เปนตน

การนาเขาวดโอ สามารถนาเขา 2 ทาง ไดแก 1) นาเขาทางเมน Video > Insert Slide Video…

หรอ เมน Insert > Slide Video… และ 2) นาเขาทางเมน Insert > FLV or F4V File… ซงมขอแตกตางกน

คอ

นาเขาทาง Insert Slide Video นาเขาทาง FLV or F4V File

1. สามารถ Sync กบแผน Slide ได 1. ไมสามารถ Sync กบแผน Slide ได

2. เพมขอมลลงใน Library สามารถดไดจากใน

Library

2. ไมเพมขอมลใน Library

3. ไมมปมบงคบวดโอ วดโอขนอยกบ Slide 3. มปมบงคบวดโอ โดยเฉพาะ

1. การนาเขาวดโอ ทาง Insert Slide Video

การนาเขาวดโอ สามารถใหเลนภายใน Slide แผนเดยว หรอ เฉลยไปหลายแผน กได และ

สามารถนาเขาไดทงผานทางเมน Insert > Slide Video… หรอผานทางเมน Video กได


-83-

1.1. คลกท Slide ทตองการนาเขาวดโอ และไปท Insert > Slide Video…

1.2. เลอก วดโอ ทตองการ

1.3. ถา Slide นนมแผนเดยว หรอเปนแผนสดทาย โปรแกรมจะนาวดโอเขา และขยายความยาว

ของ Slide ออกไป

1.4. ถา Slide นนไมใช Slide สดทาย และความยาวนอยกวาความยาวของวดโอ จะมหนาจอให

เลอกลกษณะการนาเขา

- นาวดโอทงหมดวางไวใน Slide ทเลอกเพยง Slide เดยว

- รกษาความยาวของ Slide ทเลอกไว และเฉลยวดโอทเหลอไปยง Slide อน ๆ

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

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


-84-

1.5. ถาตองการลบวดโอออกจาก Slide ใหไปท เมน Video > Video Management … คลกเลอก

วดโอทตองการลบ แลวคลกทถงขยะ

1.6. ถาตองการปรบความยาวของวดโอในแตละ Slide ใหไปท เมน Video > Video

Management … คลกเลอกวดโอทตองการ และคลกรปดนสอ


-85-

1.7. จะเกดหนาจอใหแกไข โดยลากปรบเสนขอบเขตของ Slide ตามตองการ

เสนแบงขอบเขต Slide

2. การนาเขาวดโอ ทาง Insert > FLV or F4V File

2.1. สราง Slide ใหม

2.2. ไปทเมน Insert > FLV or F4V File


-86-

2.3. จะเปดหนาจอให import วดโอ ใหคลก Browse เลอกไฟลวดโอจากในคอมพวเตอร หรอ

เลอกจากบนอนเทอรเนต โดยระบในชอง URL

2.4. คลกปม OK

2.5. จะกลบมาทหนาจอเดม ถาวดโอมขนาดใหญเกนกวา Slide ใหลากเพอปรบขนาดใหเหมาะสม

2.6. ทดสอบ ไปท File > Preview > Project

2.7. ถาตองการลบ ใหคลกทวดโอบนแผน Slide และคลกปม Delete บนแปนพมพ


-87-

การสรางขอสอบ

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

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

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

LMS ทมมาตรฐาน Scorm 1.2 หรอ 2004 เชน Moodle หรอ Blackboard เปนตน อกทงยงสามารถสง

คะแนนไปทตาง ๆ เชน เวบไซต Acrobat.com, Adobe Acrobat Connect Pro, สงคะแนนทางอเมล หรอ

ใหเกบคะแนนลงเครองคอมพวเตอรได

เนองจากโปรแกรม Adobe Captivate 5 ออกแบบสาหรบใชบนอนเทอรเนต โดยเฉพาะกบระบบ

LMS ดงนนจงมขอจากดทควรทราบคอ

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

(Pretest) และคะแนนหลงเรยน (Posttest) ตองแยกไฟล เปน 2 ไฟล

• การเกบขอมลลงบนเครองคอมพวเตอรไมสามารถทาไดตามปกต ตองทาใหเครอง

คอมพวเตอรเปน Server เสยกอน จากนนจงใชโปรแกรมรบคะแนนทสงออกจาก Adobe Captivate 5

และเกบลงฐานขอมล

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

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

1. การสรางขอสอบแบบเลอกตอบ มขนตอน ดงน

1.1. เปด Project ใหม ไปท File > New Project > Blank Project


-88-

1.2. เนองจากแมแบบทโปรแกรมเตรยมไวใหเปนภาษาองกฤษ เชน ขอความทเปน Feedback

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

ไม Update ให ขอความตางๆจะเปนภาษาองกฤษทงหมด)

1.3. ปรบแกขอความเปนภาษาไทย

• ไปท เมน Quiz > Quiz Preferences…

• เมอเปดหนาจอ Preferences .ใหดท Category > Quiz เลอก Default Labels และ

ปรบแกใหเปนภาษาไทย เชน


-89-

• ในขณะแกไขใหสงเกตการแสดงผลในชอง Style Preview ดวย

• เสรจแลวคลกปม OK

1.4. ถาตองการเกบคะแนน ใหตงคาการรายงาน โดยคลกท Reporting ในสวนของ Quiz และ

คลกในกลองหนาขอความ Enable reporting for the project เพอกาหนดใหมการรายงานผล

จากหนาจอน จะพบวาสามารถรายงานผลไดหลายทาง ถาใชกบระบบ LMS ใหเลอก Standard

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

คลกเลอกการสงไปท Internal Server และคลก Configure… เพอกาหนดคาทจาเปน


-90-

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

Server เพอเกบลงในฐานขอมล พรอมกบขอมลอน ๆ ทโปรแกรม Adobe Captivate 5 เกบรวบรวมไว

ขณะทาขอสอบ เชน เวลาทาขอสอบ คะแนนการสอบ จานวนครงทา เปนตน เมอเตมขอความเสรจแลว

ใหคลกปม Save

Server: ตาแหนงของไฟลบน Server ทจะรบขอมลผลการสอบไปเกบ ถาไฟลอยบนอนเทอรเนต

ใหระบ URL เชน http://www.crnfe.ac.th/cp5/... แตถาเปนการเกบผลการสอบลงบน

เครองคอมพวเตอรของผใช โดยปกตจะเปน http://localhost/... (ดรายละเอยดเรอง การ

ตดตง Server ดวย Xampp และ เรองการสรางหองเสมอน (Virtual directory) เพอเกบ

ผลการสอบบน Server)

Company/Institute: ชอโรงเรยน หรอหนวยงาน

Department: ชอแผนก หมวดวชา หรอสวนทเกยวของ

Course: ชอรายวชาของขอสอบชดน

1.5. เปดแมแบบขอสอบ โดยไปท Quiz > Question Slide…


-91-

1.6. เลอก Multiple Choice จานวน 1 ขอ และเลอก Graded ในกรณทจะมการเกบคะแนน

1.7. แมวาโปรแกรม Adobe Captivate 5 เตรยมแมแบบใหสามารถเลอกสรางขอสอบแตละชนด

ไดครงละหลายขอ แตแมแบบสาหรบ Multiple Choice กาหนดตวเลอกทเปนคาเรมตน (Default) ไว

เพยง 2 ตวเลอก ทาใหตองเสยเวลาปรบคาใน Properties ทกขอ ดงนน ถากาหนดไวเพยงขอเดยวกอน

และไปปรบแตงลกษณะในแถบ Properties แลวจง Duplicate ทง Slide จะทางานไดเรวกวา

1.8. คลกปม Ok จะเหนวา โปรแกรมสราง Slide เพมให 2 แผน แผนแรกเปนตวขอสอบ แผนท

2 เปนการรายงานผล ดงภาพ


-92-

1.9. ทแถบ QUIZ PROPERITES ใหกาหนดจานวนตวเลอก (Answers) และ คะแนนสาหรบขอน

(Points) ตามตองการ ในตวอยาง กาหนดใหเปน 4 ตวเลอก และถาทาถก ได 1 คะแนน


-93-

1.10 สาหรบการลาดบหวขอของตวเลอก โปรแกรม Adobe Captivate 5 กาหนดมาใหแลว เปน

ระบบ A,B,C หรอ ระบบตวเลข เทานน ไมสามารถปรบเปน ก. ข. ค. ได ตองเลอกใชตามทโปรแกรม

กาหนด (คาดวารนตอๆ ไป อาจจะสามารถปรบสวนนใหเปนภาษาไทยได)

1.11. พมพขอความ หรอนาภาพเขา ตามตองการ

1.12. ทดสอบ โดยไปท File > Preview > Project


-94-

2. การสรางขอสอบแบบจบค มวธดงน

2.1. เปด Project ใหม หรอสามารถทาตอจากขอสอบแบบ Multiple Choice ททาไวแลวกได

2.2. ถาทาตอจากขอสอบทแลว ไมตองปรบแกขอความ ใน Quiz preferences ถาเรม Project

ใหม ตองปรบแกขอความใน Quiz preferences ใหเปนภาษาไทยกอน ทกครง

2.3. ไปท Quiz > Question Slides เลอก Matching กาหนดจานวนขอของขอสอบทตองการแลว

คลก OK

2.4. จะเปดหนาจอแมแบบขอสอบแบบเลอกตอบ


-95-

2.5. กอนพมพใหปรบคาใน QUIZ PROPERTIES ตามตองการ


-96-

แถบ GENERAL

Type: ประเภทเกบคะแนน (Graded) หรอเปนแบบสอบถาม (Survey) ไมเกบคะแนน

Column 1 : จานวนขอในคอลมนท 1 ดานซายมอ

Column 2 : จานวนขอในคอลมนท 2 ดานขวามอ

Shuffle Column 1: กาหนดใหมการสลบขอในคอลมนท 1 หรอไม ถากาหนดใหมการสลบขอ จะ

สลบขอใหมทกครงทเปดเพอทาขอสอบ

Points: คาคะแนนของขอสอบชดน ผเรยนตองทาทกขอถกหมดจงจะไดคะแนน

Numbering: ตวเลขหวขอ ใหเลอกจากทกาหนดให เปนระบบตวเลข

แถบ OPTIONS

Captions: ขอความ Feedback ทตองการใหแสดงในหนาน ถาไมแกไขใน Quiz Preferences กอน

ขอความจะเปนคา Default ซงเปนภาษาองกฤษ

Time Limit: จานวนเวลาทกาหนดใหทาในขอน

Buttons: ปมทตองการใหแสดงบนหนาน ถาไมแกไขใน Quiz Preferences กอน ขอความบนปม

จะเปนคา Default ซงเปนภาษาองกฤษ

2.6. พมพขอสอบ ถาตองการใชภาพ สามารถนาภาพเขาไดตามปกต (เมน Insert > Image…)


-97-

2.7. เมอเสรจแลว ใหทดสอบ ไปท File > Preview > Project

3. การสรางขอสอบแบบสม

ขอสอบแบบสม เปนขอสอบทมการสมขอสอบแตละขอจากขอสอบจานวนหนง เชนขอสอบขอท

1 สมมาจากขอสอบ จานวน 5 ขอ ซงเปนขอสอบทมความยากงายเทากน หรออยในจดประสงค

เดยวกน เปนตน

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

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

แนใจวา ขอสอบครอบคลมทกจดประสงค

โปรแกรม Adobe Captivate 5 เรยกแตละกลมวา เปน Pool ซงหมายถงการนาเอาขอสอบมา

รวมกนไวในทเดยวกน กอนทจะสมมาใชงาน

ขนตอนการสราง ม 2 ขนตอน คอ การสราง Pool ของขอสอบ และการสมจาก Pool ขอสอบมา

ใชงาน

3.1. การสราง Pool ขอสอบ

• ไปท QUIZ > Question Pool Manager…


-98-

• จะเปดหนาจอ Pool Manager ใหคลกเครองหมายบวกเพอสรางขอสอบใน Pool1

• จะเกดหนาจอใหสรางขอสอบ ใหสรางขอสอบเทากบจานวนทตองการ


-99-

• ถาม Slide ขอสอบอยแลว สามารถคลกขวาท Slide และยายมาท Pool ได

• ถาเคยสราง Pool ไวแลวในไฟลอน สามารถนาเขามาใชงานได โดยคลกท เมน QUIZ >

Import Question Pools… จากนนใหคลก Browse ไปยงไฟลทม Question Pool ทเคย

สรางไว และเลอกนาเขา Pool ทตองการ


-100-

• ถาตองการเปลยนชอ Pool1 ใหคลกขวา และเปลยนชอใหม (Rename Pool)

• ถาตองการลบ Pool หรอขอสอบ ใหคลกเลอกกอน และคลกเครองหมายลบ หรอให

คลกขวา และลบ (Delete Pools)

3.2. การสมขอสอบ จาก Pool

• ไปทเมน QUIZ > Random Question Slide


-101-

• เลอก Pool ทตองการจากในแถบ QUIZ PROPERTIES > GENERAL

• จะไดขอสอบ 1 ขอจาก Pool ทเลอก ใหทาเชนนกบ Pool อน ๆ จนไดขอสอบตาม

จานวนทตองการ ขอสอบ Pool เดยวกน หามนามาใชซากน เพราะมโอกาสทขอสอบจะ

ซากนได

4. การรายงานผลคะแนนลงบนเครองคอมพวเตอร

การรายงานผลคะแนนลงบนเครองคอมพวเตอร ตองปรบเครองคอมพวเตอรใหเปน Server

เสยกอน สามารถทาไดโดยการตดตงโปรแกรม เชน Xampp หรอ Appserv ซงเปนโปรแกรม Open

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

Server ทเปนApache ฐานขอมล MySql โปรแกรม PHP และ โปรแกรม PhpMyAdmin สาหรบชวย

ทางานกบฐานขอมลใหงายขน

การรบคะแนนทสงออกมาจาก Adobe Captivate 5 ในกรณทสงใหเกบคะแนนลงบนเครอง

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

จดทาขนและสามารถนาไปแกไขปรบปรงไดตามตองการ คะแนนทเกบจะเกบลงฐานขอมล MySql ท

ระบบ Xampp ตดตงใหแลว


-102-

4.1. การตดตง Server ดวย Xampp

Xampp เปนโปรแกรมสาหรบตดตง Server ลงบนเครองคอมพวเตอร ซงประกอบดวย Apache

web server, MySql, PHP และ Perl เปนโปรแกรมฟร สาหรบ Windows ดาวนโหลดไดท

http://www.apachefriends.org/en/xampp-windows.html แนะนาใหดาวนโหลด Xampp Lite ทเปนไฟล

EXE เนองจากไฟลมขนาดเลก เพยงพอแกการใชงานทตองการ และตดตงงาย

วธการตดตง Server Xampp

1. หลงจากดาวนโหลดโปรแกรมมาแลว ใหดบเบลคลกทไฟล EXE ทดาวนโหลดมา

2. ระบบจะทาการตดตงโปรแกรม ใหเลอกท Run

3. ใหเลอกท Install เพอทาการตดตง


-103-

4. จากนนระบบจะเขาส cmd.exe ใหตอบ y จากนนกด Enter

5. ใหตอบ y จากนนกด Enter


-104-

6. ใหตอบ n จากนนกด Enter

7. จากนนกด Enter

8. จากนนกด Enter


-105-

9. ใหเลอกขอ 1 จากนนกด Enter

10. จากนนจะแสดง XAMPP Control Panel Application จะเหนวา Apache และ MySql กาลง

ทางานอย จากนนใหเลอกท Exit เพอออกจากระบบ

11. เมอกลบไปทหนา Desktop จะพบไอคอนของ XAMPP Control Panel ปรากฏทหนาจอ ให

คลกเพอเปดเมนและเปดให Server ทางาน และใหคลกเปด Apache และ MySql


-106-

12. ทดสอบโดยเปด Browser และพมพ http://localhost/ เพอแสดงวาโปรแกรมทางานเรยบรอย

และเครองของทานมสถานะเปน Sever เรยบรอยแลว

4.2. การสรางหองเสมอน (Virtual directory) เพอเกบผลการสอบบน Server

บน Server หองหรอ Folder ทสามารถเขาถงไดโดยผาน Browser เรยกวาเปน Virtual directory

โดยไฟลจะมทอยจรง ซงเปน Physical directory อยบนเครองคอมพวเตอร ถาตดตงโปรแกรม

Xampplite ใน Drive C บน Windows ทอยจรงของไฟลทจะใชเรยกใชผานทาง Browser คอ

c:\xampplite\htdocs\ ดงนน จงตองสรางหองในหอง htdocs เพอเกบผลการสอบ หองน

ถาทานตดตงโปรแกรม Xampplite ท Root ของ Drive C ใหสรางหองชอ cp5 ในหอง htdocs

ดงน c:\xampplite\htdocs\cp5 หองนสามารถเขาถงโดยผาน Browser ท http://localhost/cp5/


-107-

4.3. การเกบคะแนนจาก Adobe Captivate 5 ลงฐานขอมล MySql

• ไฟลสาหรบเกบคะแนน

ใหสรางไฟลชอวา crnfe.php ในหองทสรางขน เชน ถาสรางหอง cp5 จะเปนดงน

c:\xampplite\htdocs\cp5\crnfe.php (โคดของไฟล อยในภาคผนวก)

• การสรางฐานขอมลและตารางในฐานขอมล

ในการเกบขอมลตองมฐานขอมลและตารางสาหรบเกบขอมล ในตวอยางตอไปน จะเปนการ

สรางฐานขอมล และตารางสาหรบใชงานกบไฟล crnfe.php


-108-

- ใหเปด Browser และพมพ http://localhost/ และกด Enter

- ใหเลอก phpMyAdmin

- สรางฐานขอมลใหม ตงชอตามความเหมาะสม ในตวอยางชอ scorecp5 จากนนเลอกท

Create

- สรางตารางใหม ชอ score โดยมฟลด จานวน 7 ฟลด ดงน

o id INT(14) Auto-increment, Primary Key

o stName varchar(100)

o courseName varchar(60)

o score varchar(100)

o dateTaken varchar(100)

o beginTime varchar(10)

o totalTime varchar(10)

หมายเหต ชอฟลดสะกดใหถกตองตามตวอกษรตวเลก-ตวใหญ


-109-

• การปรบคา (Config) ในโปรแกรม Adobe Captivate 5 ในการใชงาน ตองปรบคาใน Internal

Server ของ Preferences

• ไปทเมน QUIZ > QUIZ PREFERENCES

• ไปท QUIZ > Reporting คลก Enable reporting for this project เลอก Internal Server และคลก

ปม Configure


-110-

• พมพขอมลดงภาพ


-111-

- Server: http://localhost/cp5/crnfe.php

- Company/Institute: ชอหนวยงานของทาน

- Department: ชอแผนก/ภาควชา/สวนงาน

- Course: ชอรายวชา หรอชอขอสอบชดน

4.4. การแสดงผลคะแนน

ใหสรางไฟลชอวา showscore.php ในหองทสรางขน เพอดผลการสอบ (โคดของไฟล อยใน

ภาคผนวก) สามารถใชงานได 2 ลกษณะ คอ

• เรยกใชโดยตรง ผาน Browser โดยพมพ http://localhost/cp5/showscore.php ทชอง Address

bar

• สรางปมในขอสอบ และกาหนด Action ของปม On success: เลอก Open URL or File และ ท

ชอง URL ใหระบทอยของไฟลเปน http://localhost/cp5/showscore.php

• เมอ Preview ดและคลกปมน จะเปด Browser และแสดงคะแนนจากฐานขอมลในเครอง

คอมพวเตอร


-112-

การสงออก (Publish) เพอใชงาน

เมอจดทาโปรแกรมดวย Adobe Captivate 5 เสรจแลว และจะนาไปใชงานตองสงออกไฟล

เสยกอน โปรแกรม Adobe Captivate 5 สงออกไดหลายลกษณะ เชน

- สงออกเปน swf สาหรบนาไปใชงานบนอนเทอรเนตผานทาง Browser หรอใชงานบนเครอง

คอมพวเตอร ทางโปรแกรมพเศษสาหรบเลน swf เชน SWF & FLV Player เปนตน

- สงออกเปน exe สามารถนาไปใชเลนบนเครองคอมพวเตอรไดทนท ดวยตวเอง โดยไมตอง

ใชโปรแกรมใด ๆ ชวย

- การสงออกไฟล ไปทเมน File > Publish…

1. การสงออก เปน SWF เลอกไอคอน Flash(SWF)


-113-

- Project Title: ตงชอไฟล

- Folder: ระบหองทเกบไฟล

- Output Options: รปแบบการสงออก เลอก ZIP ถาจะนาไปใชกบ LMS ถาจะนาไปใชบน

อนเทอรเนต ใหเลอก HTML ดวย โดย Adobe Captivate 5 จะสรางไฟล HTML สาหรบใช

เลน Flash ให

2. การสงออกเปน EXE สาหรบเลนบนเครองคอมพวเตอร ใหเลอกไอคอน Media


-114-

- Select Type: ระบวาจะนาไปใชเลนบน Windows หรอ Mac

- Project Title: ระบชอไฟลน

- Folder : ระบทอยทจะจดเกบ

- Output Options: เลอกรปแบบ สามารถจดทาเปนไฟลเลนบนซดอตโนมต พรอมทงระบ

รนของ Flash Player


-115-

ภาคผนวก

1. ไฟล crnfe.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<HTML>

<HEAD>

<TITLE> กรงเทพมหานคร </TITLE>

<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

</head>

<body>

<?php

//โดย กรงเทพมหานคร http://www.bangkok.go.th

include ("dbInfo.php");

foreach ($_POST as $k => $v)

{

if($k == "Filedata")

{

if(get_magic_quotes_gpc())

$Filedata = stripslashes($v);

Else

Filedata = $v;

}

}

$Filedata = str_replace("\n", "", $Filedata);

$Filedata = str_replace("\"", "", $Filedata);

$Filedata = str_replace("</", "", $Filedata);

$Filedata = str_replace("<", "", $Filedata);

$Filedata = str_replace("/>", "+++", $Filedata);

$Filedata = str_replace(">", "+++", $Filedata);


-116-

// $Filedata = str_replace(" ", "", $Filedata);

$cp5Dat = array();

$cp5Dat = explode('+++', $Filedata);

$pos = strpos($cp5Dat[4],"=");

$stName = substr($cp5Dat[4], $pos+1);


$courseName = substr($cp5Dat[3], $pos+1);


$RawScore = substr($cp5Dat[13], $pos+1);


$dateValue = substr($cp5Dat[20], $pos+1);


$timeValue = substr($cp5Dat[21], $pos+1);


$sessionTimeValue = substr($cp5Dat[16], $pos+1);

//เขยนขอมลลงฐานขอมล

$dblink = mysql_connect($host, $usr, $pwd);

mysql_select_db($db, $dblink);

$sql = " INSERT INTO score";

$sql .= " (stName, courseName, score, dateTaken, beginTime, totalTime) VALUES ";

$sql .= " ('$stName', '$courseName', '$RawScore', '$dateValue', '$timeValue',

'$sessionTimeValue' )";

$result = mysql_query($sql, $dblink);

mysql_close($dblink);


-117-

?>

</body>

</html>

2. ไฟล showscore.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//TH">

<html>

<head>

<title>กรงเทพมหานคร</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

<?php

include("dbInfo.php");

$cid = mysql_connect($host, $usr, $pwd);

mysql_select_db($db);

$sql = "SELECT * FROM score ORDER BY id desc LIMIT 0,15";

$result = mysql_query($sql) or die("Couldn't execute query");

echo "<table width=\"100%\"><tr><td>ตารางแสดงคะแนนผเขาทดสอบ 15 คนลาสด</td><td

aligh=\"right\"> </td></tr></table>";

echo "<table border=1 width=\"100%\">";

echo "<TR><TD>ท</TD><TD align=\"center\">ชอ</TD><TD align=\"center\">วชา</TD><TD

align=\"center\">คะแนน</TD><TD align=\"center\">วนทสอบ</TD><TD align=\"center\">เรมสอบ

เวลา</TD><TD align=\"center\">ใชเวลาสอบ</TD></TR>";

$idx = 0;

while ($row= mysql_fetch_array($result)) {

$idx += 1;

$stName = $row["stName"];

$courseName = $row["courseName"];



-118-

$score= $row["score"];

$dateTaken= $row["dateTaken"];

$beginTime= $row["beginTime"];

$timeTotal= $row["totalTime"];

echo "<tr valign = \"top\"><td>$idx</td><td>$stName</td>

<td>$courseName</td><td>$score</td><td>$dateTaken</td><td>$beginTime</td><td>$timeTota

l</td></tr>";

}

echo "</table>";

?>

</body>

</html>

3. ไฟล dbInfo.php สาหรบกาหนดคาของ Server เรยกใชงานโดยไฟล crnfe.php และ ไฟล

showscore.php ถาลง Xampp โดยไมกาหนดรหสผาน จะมดงน

<?php

$usr = "root"; //login name

$pwd = ""; // รหสผาน

$db = "scorecp5"; // ชอฐานขอมล

$host = "localhost"; // host ปกตเปน localhost

?>

Documents

คู่มือการใช้งานโปรแกรม Adobe Captivate 5