คูมือการใช้ captivate 5

1

การใชโปรแกรม Captivate 5 ฉบบยอ

ทองจล ขนขาว สถาบน กศน.ภาคกลาง http://www.crnfe.ac.th

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

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

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

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

นอกจากนยงสามารถใช Widget หรอเขยน Action Script 3 เพมขดความสามารถของโปรแกรมได

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

LMS โดยสงออกไปใชงานเปน Flash (swf) ตามมาตรฐาน Scorm อยางไรกตาม โปรแกรมสามารถสงออก

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

หลกการพนฐาน

โปรแกรม Captivate ท างานในลกษณะเดยวกบโปรแกรม MS PowerPoint คอในแตละไฟล หรอ

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

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

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

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

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

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

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

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

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

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

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

ไฟล คลกทน)

http://www.crnfe.ac.th/

http://www.crnfe.ac.th/isServerOpen.php?whatPage=http://202.143.148.86/tjk/cp5/index.htm

http://www.crnfe.ac.th/isServerOpen.php?whatPage=http://202.143.148.86/tjk/cp5/index.htm

2

หนาจอและเมน

หนาจอหลกของ Captivate มดงน

1. เมน

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

(Preview) เปนตน

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

โปรแกรม (Preferences) เปนตน

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

Insert ส าหรบการน าเขาวตถตาง ๆ เชน เพม Slide เพมขอสอบ ภาพนง ภาพเคลอนไหว และป ม

เปนตน

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

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

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

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

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

Document

Window

Toolbar

Panel Groups เมน

Properties

Filmstrip

Timeline

3

Selection Tool

Insert Text Caption

Insert Button

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

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

น าเขา

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

ในหนาจอ เชน Timeline Filmstrip Effects และ Properties เปนตน

Panal ใดทก าลงเปดอย จะเหนมเครองหมายถกปรากฏอยขางหนา

ถาตองการปด ใหคลกเพอเอาเครองหมายถกออกไป 2. Toolbars

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

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

จากเมน เครองมอทควรรจก มดงน

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

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

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

2.2. Insert Text Caption เปนเครองมอทใชบอย ส าหรบการพมพตวอกษร โดยจะมพนเปนแถบคลาย

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

แถบ Properties และก าหนดเปน Transparent

2.3. Insert Button เปนเครองมอสรางป มบนหนาจอ เมอคลกเครองมอน จะเกดป มทกลางหนาจอโดย

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

ก าหนด Action หรอค าสงของป มวา เมอกดป ม

นแลวใหท าอะไร เชน ใหไปยง Slide ตอไป หรอ

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

3. Panel Groups เปนกลมแถบทอยดานซายมอ

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

ตาง ๆ ทอยบนหนาจอได

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

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

4

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

3.2. Library เปนแถบทรวมวตถตาง ๆ ทอยบนหนาจอมาไวทน เมอเราน า ภาพ เสยง หรอ วดโอ มาวาง

บนหนาจอ โปรแกรม Captivate จะน ามาไวใน Library ใหโดยอตโนมต ถาเราตองการน ามาใชอก

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

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

3.3. Filmstrip เปนสวนทแสดง Slide ทงหมดในโปรแกรม โดยเรยงล าดบกอนหลงตามล าดบการ

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

เมาสลากเพอสลบต าแหนงกนไดจากใน

Filmstrip ได

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

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

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

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

จะใหโปรแกรมไปท Slide ใด เปนตน ชอ

ของ slide แตละแผนจะปรากฏท

ดานลาง ของ Slide นน ๆ และนอกจากน ถา Slide นนม วดโอ หรอมการใชเสยง กจะมสญลกษณ

ปรากฏใหเหน

4. Document Window

ชอ Slide

สญลกษณ วดโอ

สญลกษณ เสยง

5

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

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

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

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

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

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

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

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

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

5. Timeline

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

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

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

Btton_3 เปนชนของป มทชอ Button_3 เปนตน

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

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

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

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

6

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

1. การเพม Slide

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

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

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

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

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

7

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

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

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

เสมอ

GENERAL สามารถเปลยนลษณะของแถบ เชน สพน

รปราง เปนตน ถาไมตองการใหมพน ใหคลก

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

CHARACTER ส าหรบก าหนดคาตาง ๆ ของ Fonts

เชน Fonts ขนาด และส

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

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

ระยะเวลาทจะใหปรากฏหลงจากท Slide ปรากฏ

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

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

8

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

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

(Fade Out Only) หรอ ไมใหม Transition เลย กได

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

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

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

4. การเพมภาพ

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

กบโปรแกรม Photoshop ได

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

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

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

IMAGE ชอของภาพ และการท าใหสบางสในภาพมองไม

เหน โดยคลกท Fill ( ) และใชปากกาดดส (Color

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

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

ความเขม เปลยนภาพเปนสเทา การหมนภาพ การตด

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

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

อกดวย

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

จะใหภาพปรากฏ

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

ภาพ

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

ตามทก าหนด

9

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

5. การสราง Rollover Image

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

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

5.1. เปด Slide ใหม

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

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

Image

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

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

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

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

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

10

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

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

6. การใช Effects

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

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

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

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

Effects มากเกนไปอาจจะท าใหผใชไมสนใจเนอหาทน าเสนอได 6.1. Slide Transition

คลกทแผน Slide

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

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

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

ยงขน

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

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

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

11

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

มรายการยอย ๆ อกหลายรายการใหเลอก

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

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

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

ไวจ านวนมากใหเลอกใช โดยเกบไวท หองโปรแกรม Captivate 5/Gallery/SWF Animation

6.4. การใช Text Animation

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

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

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

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

ขอความนนกอน

12

7. การเพมปม

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

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

7.1. ไปท Insert > Standard Objects > Button หรอคลกทป ม Insert Button บนแถบเครองมอ จะเกด

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

Properties ตามตองการ

7.2. แถบ Properties ของ ป ม

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

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

ขอความบนป มได

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

1)Text Button เปนป มทมขอความทบอยบนป ม

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

ภาษาไทย

2)Transparent เปนป มโปรงใส มองไมเหน แตสามารถ

คลกได มคณสมบตของป ม ทกประการ ใชส าหรบน าไป

ครอบขอความหรอภาพทตองการใหคลก ป ม

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

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

13

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

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

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

ใชโปรแกรมกราฟก เชน Gimp หรอ Photoshop โดยใหสรางป ม 3 ป ม คอป ม สถานะปกต (up) ขณะ

เมาสลากผาน (over) และขณะกดเมาส (down) ประการส าคญคอ ตองใชชอป มชอเดยวกน แตตอทาย

ดวย _up, _over และ _down เชน ถาป มนคลกแลว ใหท าตอไป อาจใชชอวา next_up, next_over และ

next_down เปนตน

next_up next_over next_down น าป มทง 3 ไปไวในหองเดยวกน เมอจะน าเขา ใหก าหนดประเภทของป มเปน Image Button และ

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

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

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

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

-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 ใหเปดหนาเวบอน หรอเปดไฟลอน

14

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

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

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

TIMING ส าหรบตงคาเวลาทงหมดทป มนจะ

แสดงบนหนาจอ และเวลากอนทป มจะหยด

หวอานไมใหวงตอไป ตลอดจนเวลาหลงจาก

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

ป มจะเหนมเสนขนานแนวตง ซงแสดงเวลา ณ

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

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

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

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

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

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

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

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

(Text-to-speech software) เพมเตมจากแผนซดของโปรแกรม Captivate ส าหรบในบทเรยนน จะน าเสนอ

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

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

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

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

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

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

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

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

15

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

Background มขนตอน ดงน

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

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

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

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

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

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

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

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

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 จากในเครองคอมพวเตอร

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

16

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

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

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

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

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

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

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

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

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

ดงน

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

2) เฉลยเสยงออกตามจ านวน Slide ทเหลอ โดยจะน าเสยงทงหมดเขาใน Slide ทเลอกกอน

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

17

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

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

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

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

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

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

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

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

3.1. เปด Project ใหม

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

3.3. คลกทภาพ

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

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

18

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

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

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

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

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

การใชคลปวดโอ ใน Project ของ 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

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

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

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

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

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

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

19

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

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

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

Slide ออกไป

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

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

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

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

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

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

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

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

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

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

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

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

20

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

2.1. สราง Slide ใหม

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

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

บนอนเทอรเนต โดยระบในชอง URL

2.4. คลกป ม OK

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

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

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

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

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

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

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

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

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

ลงเครองคอมพวเตอร ได

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

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

21

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

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

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

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

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

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

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

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

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

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

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

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

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

ไปท เมน Quiz > Quiz Preferences…

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

เปนภาษาไทย เชน

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

22

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

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

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

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

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

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

ทานตองเตมขอความทกชองในหนาจอน ขอมลน Captivate จะสงตอไปยง Server เพอเกบลงใน

ฐานขอมล พรอมกบขอมลอน ๆ ท Captivate เกบรวบรวมไวขณะท าขอสอบ เชน เวลาท าขอสอบ คะแนน

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

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

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

23

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

http://localhost/... (ดรายละเอยดเรอง การตดตง Server ดวย Xampp และ

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

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

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

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

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

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

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

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

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

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

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

การรายงานผล ดงภาพ

24

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

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

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

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

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

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

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

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

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

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

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

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

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

25

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

แถบ GENERAL

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

คะแนน

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

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

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

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

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

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

แถบ OPTIONS

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

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

26

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

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

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

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

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

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

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

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

เปนตน

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

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

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

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

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

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

งาน

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

ไปท QUIZ > Question Pool Manager…

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

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

27

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

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

Question Pools…

จากนนใหคลก Browse ไปยงไฟลทม Question Pool ทเคยสรางไว และเลอกน าเขา Pool ท

ตองการ

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

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

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

ไปทเมน QUIZ > Random Slide

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

28

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

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

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

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

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

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

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

ใหงายขน

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

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

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

ตดตงใหแลว

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

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

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

( ) ปรากฏทหนาจอ ใหคลกเพอเปดเมนและเปดให Server ท างาน

29

ใหคลกเปด Apache และ MySql

ทดสอบโดยเปด 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/

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

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

สถาบน กศน. ภาคกลาง ไดพฒนาโปรแกรมส าหรบเกบขอมลลงบนฐานขอมล MySql โดย

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

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

30

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

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

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

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

- ภายใตหวขอ Tools ใหเลอก phpMyAdmin

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

- สรางตารางใหม ชอ 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)

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

31

การการปรบคา (Config) ในโปรแกรม Captivate 5

ในการใชงาน ตองปรบคาใน Internal Server ของ Preferences

ไปทเมน QUIZ > QUIZ PREFERENCES > QUIZ > Reporting คลก Enable reporting for this

project เลอก Internal Server และคลกป ม Configure

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

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

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

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

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

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

สถาบน กศน.ภาคกลาง ไดพฒนาโปรแกรมเพอดผลการสอบ ชอ showscore.php ใหคดลอกไฟล

นไวในหอง cp 5 ทสรางขน สามารถใชงานได 2 ลกษณะ คอ

32

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

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

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

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

คอมพวเตอร

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

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

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

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

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

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

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

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

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

33

Project Title: ตงชอไฟล

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

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

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

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

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

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

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

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

ของ Flash Player

34

ภาคผนวก

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.crnfe.ac.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);

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

$cp5Dat = array();

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

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

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

35


$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);

?>

</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";

36

$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"];

$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>$timeTotal

</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

?>

คูมือการใช้ captivate 5

Education