หนังสือเรียนคอมพิวเตอร์มัลติมีเดียเบื้องต้น

145
8.9.8 การสรา้ งลงิ คภ์ ายในเว็บเพจเดยี วกัน

1) สร้าง Named Anchor
เลือกคําสั่ง Insert > Name Anchor หรือ กดปุม Ctrl+Alt+A หรือในแถบ Insert เลือกแท็บ
common แลว้ คลกิ ทปี่ ุม Name Anchor

รูปท่ี8.12 การสร้างลงิ คภ์ ายในเว็บเพจเดยี วกัน

รูปที่8.13 หนา้ จอใส่ช่อื Anchor name

รปู ท่ี8.14 หน้าจอข้อความทใ่ี ชเ้ ปน็ จุดลิงค์
2) สร้างลิงคไ์ ปยงั Named Anchor

รูปที่8.15 สรา้ งลิงคไ์ ปยัง Named Anchor

146
8.9.9 การสร้างลิงค์ภายในเว็บเพจเดยี วกนั
การเช่อื มโยงอยา่ งน้ี เป็นการเชอื่ มโยงไปยังส่วนต่างๆ ทีเ่ ป็นหน้าอนื่ ที่อยู่ในเว็บไซตเ์ ดยี วกัน
1) เลือกข้อความหรือรูปภาพทีจ่ ะให้เปน็ จดุ เชอื่ มโยงกจ็ ะปรากฏ properties ข้างลา่ งขึ้นมา
2) คลิกท่ี Icon Browse to File ทอี่ ยู่ทางขวาของ Link

1

2
รปู ที่8.16 เลอื กข้อความที่ตอ้ งการสร้างลงิ ค์

3) เลือกไฟล์ท่ีจะ Link แล้วเลือก OK หรือ พิมพ์ตําแหน่งท่ีจะ Link โดยตรงลงในช่องเลยก็ได้
หรือ คลิกท่ี Icon Point to file ที่อยู่ติดกับกรอบ ในพาเนล Properties แล้วลากไปคลิก ยังชื่อไฟล์เว็บเพจ
นนั้

รปู ท่ี8.17 หน้าจอเลอื กไฟลท์ ี่จะ Link

147

รปู ที่8.18 หนา้ จอแสดงรายช่อื ไฟลท์ ีจ่ ะ Link
ในสว่ นของ Target เลือกวา่ จะให้แสดงรปู แบบเวบ็ เพจที่เปดิ ใหม่ทีไ่ ดอ้ าทเิ ช่น

 _Blank เปิดไฟล์นน้ั ในหนา้ ต่าง ๆ ใหม่
 _parent เปดิ เฟรมน้ันในเฟรมหลักหรอื หน้าตา่ ง หลกั ท่ีจดุ เชอ่ื มโยงนน้ั อยู่
 _self เปิดไฟลน์ ้ันในเฟรมหรือหน้าต่าง เดยี วกับทจ่ี ดุ เชือ่ มโยงนัน้ อย(ู่ คา่ ปกต)ิ
 _top เปิดไฟลน์ ั้นในแบบเตม็ จอ โดยยกเลกิ เฟรมท้งั หมด
การสร้างลิงค์ขอ้ ความดว้ ยคําสัง่ Hyperlink

1
รปู ที่8.19 เลอื กข้อความท่ีต้องการสรา้ งลงิ ค์

2 รปู ที่8.20 เมนู Hyperlink

รูปที่8.21 หนา้ จอกาํ หนดค่า Hyperlink
8.9.10 การเชือ่ มโยงไปยงั เว็บไซตอ์ ่นื

148
เปน็ การเช่อื มโยงไปยงั ส่วนต่าง ๆทีอ่ ยู่ไฟลเ์ ว็บเพจของเว็บไซต์อนื่ ๆ วธิ กี ารใช้งาน
1) เลอื กขอ้ ความหรือรูปภาพท่ีจะใชเ้ ปน็ จุดเชอ่ื มโยง
2) พมิ พ์ตาํ แหนง่ และชื่อไฟล์เว็บเพจนั้นลงในช่อง Link โดยตรงโดยต้องพิมพ์ตําแหน่งในรูปแบบ

ของ URL เช่น http://www.google.com http://www.ict.up.ac.th

1
รูปท่ี8.22 เลอื กข้อความที่ต้องการสร้างลงิ ค์
2

รปู ที่8.23 ช่ือไฟลห์ รือรูปภาพที่ใชเ้ ป็นลิงค์
8.9.11 การแทรกไฟลเ์ สียงและไฟลว์ ดิ โี อลงในเว็บเพจ

1) เปดิ ไฟล์ใหมข่ ึน้ มา และทําการ save ใหเ้ รียบร้อย หรอื เปดิ ไฟล์ที่ save ไว้เรียบร้อยแล้ว คลิก
ตําแหนง่ ท่ีต้องการจะแทรก

2) ไปท่ี Insert > Media > Plugin จะปรากฏหน้าต่างดงั รูป

รปู ท่ี8.24 เมนูการแทรกไฟล์เสยี งหรือไฟลว์ ดิ ีโอลงในเวบ็ เพจ

149

รูปท่ี8.25 รายชอื่ ไฟลเ์ สยี งหรือไฟล์วดิ ีโอท่ตี ้องการลงในเว็บเพจ
3) คลกิ ท่ปี มุ OK

12

74 86 5 3

รูปท่ี8.26 หนา้ จอกาํ หนดคา่ ไฟลเ์ สยี งหรอื วดิ โี อ

มีรายละเอียดดงั นี้
1) ช่องแรกสดุ ทางซ้ายมอื สําหรบั ใส่ชื่ออา้ งองิ ใหก้ ับไฟล์ที่แทรกลงไป
2) .W (Width) and H (Height) กําหนดความกวา้ ง และสงู ของ ไฟลท์ จ่ี ะใหแ้ สดงผล
3) Class กําหนด Style Sheet ใหก้ ับไฟล์นี้
4) .Src (Source) ตาํ แหนง่ ที่เก็บไฟล์
5) .Align จดั ตาํ แหน่งของไฟล์
6) Play button ใช้ทดลองเปิดไฟล์

150
7) .Plg URL ใช้กําหนดเว็บไซต์สําหรับโหลดโปรแกรมสําหรับเปิดไฟล์ท่ีแทรก จะปรากฏเม่ือเครื่อง

ผู้ใช้ไมส่ ามารถเปิดไฟล์ของได้
8) Border กําหนดขอบใหก้ บั ไฟล์
*หมายเหตุ การแสดงผลไฟล์วิดีโอและเสียงที่แทรกลงไปนี้ จะแสดงผลก็ต่อเมื่อโหลดข้อมูลเสร็จ

เรยี บร้อยแลว้ เทา่ น้ัน
8.7.11 การบันทึกไฟล์
1) ไปที่ File > save as จะปรากฏหนา้ ต่างดังรูป
2) ตงั้ ชอ่ื ไฟล์
3) ให้เลอื กท่ีต้องการเกบ็ ไฟล์

รปู ท่ี8.27 การจัดเก็บไฟล์เสยี งหรือวดี ีโอท่ีแทรกเข้ามาในเว็บ

8.9.12 แสดงผลเว็บเพจ ใน browser
การแสดงผลของเว็บเพจท่ีเขียนนั้นอาจแสดงผลไม่เหมือนกันถ้าเปล่ียน Browser เช่น ถ้าใช้

Internet Explorer อาจแสดงผลไม่ตรงกับ Firefox ก็ได้ การทําเว็บที่ดีควรตรวจสอบผ่าน Browser หลายๆ
ตวั เผ่ือไว้สําหรับผู้ใช้งานด้วย

เมอื่ ลงโปรแกรม Dreamweaver นั้นโปรแกรมจะทําการหา Browser ในเคร่ืองของเตรียมไว้อยู่แล้ว
ซ่ึงถ้าต้องการจะแสดงผลหน้าเว็บเพจท่ีทําอยู่ก็สามารถ กดปุม F12 ท่ีคีย์บอร์ด หรือไปที่ Document tool
bar จะเหน็ รูปลูกโลกเมือ่ คลิกกจ็ ะเปน็ การแสดงเว็บเพจของใน Browser เหมือนกัน

ในกรณีที่ต้องการต้ังค่า Browser ที่ใช้ในการแสดงผลเองก็สามารถทําได้โดยไปที่ Menu ไปที่คํา
ว่า File > Preview in Browser > Edit browser list ก็จะมีหน้าต่างข้ึนมาดังรูปให้สามารถแก้ไขเพ่ิม
Browser ทใี่ ชใ้ นการแสดงผลได้

151
รูปท่ี8.28 หนา้ จอแสดงผลเวบ็ เพจ ใน browser

152

บทท่ี 9 การประยุกต์ใช้มัลตมิ เี ดียในงานด้านต่างๆและโปรแกรมสาหรับสรา้ งงาน
มลั ตมิ ีเดยี

9.1 การประยุกต์ใชม้ ลั ติมเี ดยี

ปัจจุบันมีการพัฒนาเทคโนโลยีเครือข่ายและการส่ือสาร ย่ิงส่งเสริมให้การประยุกต์ใช้ส่ือมัลติมีเดีย
ได้รบั การพฒั นาอยา่ งกวา้ งขวางข้ึน สามารถเผยแพร่ข้อมูลได้กว้างไกล และรวดเร็ว มีผู้คนตอบสนองการใช้ส่ือ
มัลติมีเดียมากขึ้น ส่ือการเรียนการสอนระบบมัลติมีเดียผ่านเว็บไซต์ ระบบประชาสัมพันธ์ออนไลน์ ได้รับการ
พฒั นาอยา่ งตอ่ เนอ่ื ง พรอ้ มๆ กบั เทคโนโลยีท่ีกา้ วไปอยา่ งรวดเรว็

การประยุกตใ์ ชม้ ลั ติมเี ดยี สามารถจาํ แนกได้เปน็
9.1.1 คอมพิวเตอร์ชว่ ยสอน (Computer Assisted Instruction: CAI)

คอมพิวเตอร์ช่วยสอน (Computer Assisted Instruction: CAI) เป็นกระบวนการเรียนการสอน
โดยใชส้ ือ่ คอมพิวเตอร์ ในการนําเสนอเนื้อหาเร่ืองราวต่างๆ มีลักษณะเป็นการเรียนโดยตรง และเป็นการเรียน
แบบมปี ฏสิ มั พนั ธ์ คือ สามารถโต้ตอบระหว่างผเู้ รยี นกบั คอมพวิ เตอร์ได้ ซึ่งการใช้ส่อื มลั ตมิ เี ดียเกี่ยวข้องโดยตรง
กบั การออกแบบและพัฒนาโปรแกรมคอมพวิ เตอรช์ ่วยสอน

คอมพิวเตอรช์ ่วยสอนจะตอ้ งมลี ักษณะสาํ คัญ 4 ประการ ซ่ึงเรียกวา่ 4-I ดังน้ี คอื
1) Information – ตอ้ งมเี นือ้ หาสาระสําคัญ
2) Individualize – ต้องตอบสนองความแตกตา่ งระหวา่ งบคุ คล
3) Interactive – ตอ้ งมกี ารโตต้ อบระหวา่ งผใู้ ช้กับบทเรยี นได้
4) Immediate Feedback – ตอ้ งใหผ้ ลยอ้ นกลับโดยทันที

สามารถแบ่งประเภทของโปรแกรมคอมพิวเตอรช์ ่วยสอนได้ดงั นี้ คอื
1) คอมพวิ เตอรช์ ว่ ยสอนประเภทเพือ่ การสอน (Tutorial Instruction)
วัตถุประสงค์เพ่ือการสอนเนื้อหาใหม่แก่ผู้เรียน มีการแบ่งเนื้อหาออกเป็นหน่วยย่อย มี

คําถามในตอนทา้ ย ถ้าตอบถูกและผ่าน ก็จะสามารถเรียนหน่วยถัดไป โปรแกรมประเภท Tutorial นี้ มีผู้สร้าง
โปรแกรมเปน็ จํานวนมาก เพราะสามารถสร้างเพ่อื สอนไดท้ กุ วิชา

2) คอมพวิ เตอร์ช่วยสอนประเภทการฝึกหดั (Drill and Practice)
คอมพิวเตอร์ช่วยสอนประเภทนี้จะ ฝึกความแม่นยําหลังจากท่ีได้เรียนเน้ือหาในห้องเรียน

มาแลว้ โปรแกรมคอมพิวเตอรจ์ ะไม่เสนอเน้อื หาอกี แต่จะเปน็ การใช้วิธสี ุม่ คําถามที่นาํ มาจากคลังข้อสอบ มีการ
นําเสนอคาํ ถามซาํ้ ๆ เพอ่ื วัดความรู้จรงิ ๆ ไมใ่ ช่การเดา จากน้นั กท็ ําการประเมินผล

3) คอมพิวเตอร์ชว่ ยสอนประเภทสถานการณจ์ ําลอง (Stimulation)
คอมพิวเตอร์ชว่ ยสอนประเภทนจี้ ะทําให้ผู้เรียนได้ทดลองปฏิบัติกับสถานการณ์จําลอง ท่ีมี

ความใกล้เคียงกับเหตุการณ์จริง เพื่อฝึกทักษะและเรียนรู้โดยไม่ต้องเส่ียงหรือเสียค่าใช้จ่ายมาก โปรแกรม
ประเภทนมี้ ักเป็นโปรแกรมสาธิต (Demonstration) เพอื่ ใหผ้ เู้ รียนทราบถงึ ทักษะทจี่ ําเปน็

4) คอมพวิ เตอรช์ ่วยสอนประเภทเกมการสอน (Instructional Games) หรือ เกมการศึกษา

153

(Educational Games) คอมพิวเตอร์ช่วยสอนประเภทนี้มีวัตถุประสงค์เพื่อกระตุ้นความ
สนใจของผู้เรียน มีการแข่งขัน เน้ือหาที่ให้แก่ผู้เรียนเป็นไปในแง่ของกระบวนการ ทัศนคติ ตลอดจนทักษะ
ต่างๆ ทช่ี ว่ ยเพมิ่ บรรยากาศในการเรยี นให้น่าเรยี นมากยิ่งขนึ้

5) คอมพวิ เตอร์ชว่ ยสอนประเภทเพอ่ื การสอบ (Test)
คอมพิวเตอร์ช่วยสอนประเภทนี้ไม่ได้มีวัตถุประสงค์เพื่อการสอน แต่เพ่ือใช้ประเมินการสอน

ของครู และการเรียนของนักเรียน คอมพิวเตอร์จะประเมินผลในทันทีว่านักเรียนสอบได้หรือสอบตก อยู่ใน
ลําดบั ทเี่ ทา่ ไหร่ และไดผ้ ลการสอนท่กี ีเ่ ปอร์เซน็ ต์

6) คอมพิวเตอร์ช่วยสอนประเภทการค้นพบ (Discovery)
ทาํ ใหผ้ เู้ รยี นไดม้ โี อกาสทดลองกระทําสิ่งต่างๆกอ่ น จนกระทั่งสามารถหาข้อสรุปได้ด้วยตนเอง

คอมพิวเตอร์ช่วยสอนประเภทน้ีจะเสนอปัญหาให้แก่ผู้เรียนได้ลองผิดลองถูก และให้ข้อมูลแก่ผู้เรียน เพ่ือช่วย
ผ้เู รยี นในการค้นพบนัน้ จนกว่าจะหาขอ้ สรุปทด่ี ีทสี่ ดุ ได้

7) คอมพิวเตอรช์ ว่ ยสอนประเภทการแก้ปัญหา (Problem-Solving)
คอมพวิ เตอรช์ ว่ ยสอนประเภทมีวตั ถปุ ระสงค์เพ่อื ใหน้ ักผเู้ รียนได้รู้จักการคิด การตัดสินใจ โดย

จะมเี กณฑท์ กี่ าํ หนดไวใ้ ห้แล้ว ผู้เรยี นจะพจิ ารณาตามเกณฑ์น้นั ๆ
9.1.2 เวลิ ดไ์ วดเ์ ว็บ (World Wide Web)

เวิลด์ไวด์เว็บเป็นบริการหนึ่งบนอินเทอร์เน็ตท่ีได้รับความนิยมมาก มีลักษณะของการใช้อักษรที่
เป็นไฮเปอร์เท็กซ์ (Hyper Text) และมีการสร้างไฮเปอร์ลิงค์ (Hyper Link) เพื่อทําการเชื่อมโยงข้อมูล แต่ละ
เว็บไซต์จะมีการออกแบบที่สวยงาม มีการนําภาพเคลื่อนไหวต่างๆ (Animation) มาประกอบ บางเว็บไซต์มี
เสยี งเพลงประกอบ การประยกุ ตใ์ ช้สอ่ื มัลติมีเดียในเวิลดไ์ วด์เวบ็ จึงพบเหน็ ได้ท่ัวไป เพ่ือสร้างความบันเทิงแก่คน
ท่ที อ่ งเว็บไซต์

การประยกุ ต์ใช้สื่อมัลตมิ ีเดยี ผา่ นเวลิ ดไ์ วด์เว็บ เช่น
1) การฟงั เพลงผ่านเวิลดไ์ วดเ์ ว็บ เชน่ http://www.kapook.com
2) การดสู ครปิ ตภ์ าพยนตร์ เช่น http://disney.go.com
3) การเล่นเกมออนไลนผ์ ่านเว็บไซต์ เช่นhttp://www.freegameonline.com,
4) http://www.kidsdomain.com/games

9.1.3 E-learning
E-learning (Electronic Learning) คือ การเรียนการสอนผ่านระบบอิเล็กทรอนิกส์ ซึ่งใน

ปัจจบุ นั สถานศกึ ษาหลายๆ แห่งได้มีการใช้ E-learning ประกอบการเรียนการสอน มากยิ่งขึ้น ผู้เรียนสามารถ
เขา้ ส่บู ทเรยี นจากบา้ นผ่านเครอื ข่ายอินเทอร์เนต็ โดยผ่านการลงทะเบียน และสามารถทําแบบฝึกหัด และทราบ
คะแนนได้ทันที นอกจากน้ีจะมีภาพวีดิโอการสอนของอาจารย์ให้นักศึกษาได้ชมผ่านอินเทอร์เน็ตด้วย
สว่ นประกอบหลกั ๆ ของ E-learning

1) มีการลงทะเบียนเรียนของนักศึกษา
2) บทเรียนต่างๆ ที่ใชส้ อน
3) แบบทดสอบออนไลน์

154

4) กระดานข่าว เพ่ือแลกเปลี่ยนข้อมูลข่าวสาร ระหว่างผู้เรียนด้วยกัน หรือ ผู้เรียนกับ
อาจารย์

เวบ็ ไซตท์ ใี่ หบ้ รกิ าร E-learning เชน่
1) www.thai2learn.com
2) www.thaicai.com,
3) www.thaicyberclass.com

9.2 การประยุกตใ์ ชง้ านมัลตมิ ีเดียในดา้ นต่างๆ

มลั ติมีเดยี ได้ถูกพฒั นามาเพื่อให้สามารถประยุกต์ใชง้ านร่วมกบั แอปพลิเคชั่นในด้านต่างๆ ตามความ
ต้องการของผใู้ ชไ้ ดห้ ลากหลาย ดงั น้ี

1) ดา้ นความบันเทิง (Entertainment) เทคโนโลยีมัลติมีเดียได้เข้ามามีบทบาทต่อความบันเทิงภายใน

บ้านในรูปแบบต่างๆ ไม่ว่าจะเป็นเกมคอมพิวเตอร์ เพลง ภาพยนตร์ สารานุกรมสําหรับการสื่อสาร และ

การต์ ูน โดยผู้ใช้สามารถโต้ตอบกับแอปพลิเคช่ันของมัลติมีเดียเพื่อควบคุมการทํางานต่างๆ ได้ เช่น สั่งให้เล่น

หรือหยดุ เพลง เป็นตน้

2) ดา้ นการศกึ ษา (Education) สามารถนํามัลติมีเดียมาประยกุ ต์ใช้ในด้านการศึกษา เพ่ือสร้างส่ือการ
เรียนรู้ในรูปแบบอิเล็กทรอนิกส์ ที่เรียกว่า “E-Learning” (Electronic Learning) เช่น สื่อมัลติมีเดียที่
จําลองการทดลองในห้องปฏิบัติการทางเคมี เป็นต้น โดยสามารถนําส่ือมัลติมีเดียน้ีมาเผยแพร่ผ่านทาง
เครือข่ายคอมพิวเตอร์เพ่ือถ่ายทอดความรู้ นอกจากน้ียังสามารถนําเสนอมัลติมีเดียในรูปแบบวิดีโอ (Video)
แอนิเมช่ัน (Animation) และเสยี ง (Audio) เพ่ือเพ่มิ ความเข้าใจและการจดจําไดด้ ียิง่ ข้ึน

3) ด้านการฝึกอบรม (Training) Computer Based Training (CBT) เป็นการฝึกอบรมและพัฒนา
พนักงานในองค์กรด้วยระบบคอมพวิ เตอร์ เพ่ือเพ่ิมศักยภาพและขีดความสามารถในการปฏิบัติงาน เช่น การ
ฝึกอบรมพนักงานเพ่ือควบคุมเครื่องจักร การฝึกอบรมด้านการเงินและการบัญชี และการฝึกอบรมด้าน
คอมพิวเตอร์ เป็นตน้ การอบรมด้วยวธิ ีนี้สามารถเรยี นในเวลาทว่ี ่างได้ ไมเ่ สยี เวลาในการทํางานและสามารถ
เรียนรูไ้ ด้เองโดยไม่จําเป็นต้องเรียนรู้จากอาจารย์ผู้สอนโดยตรง ทําให้พนักงานแต่ละหน่วยงานมีความรู้ที่เป็น
มาตรฐานเดียวกนั

4) ด้านการนําเสนอข้อมูล (Presentation)สามารถนํามัลติมีเดียมาประยุกต์ใช้เพ่ือนําเสนอข้อมูลใน
รปู แบบข้อความ (Text) แผนภูมิ (Chart) โลโก้ (Logo) หรือ วิดีโอ (Video) เพื่อช่วยในการอธิบายและส่ือสาร
ข้อมูลให้ผู้เข้าชมเข้าใจย่ิงขึ้น ตัวอย่างเช่น การนําเสนอข้อมูลภายในองค์กรจะแสดงให้เห็นถึงลักษณะเด่น
กิจกรรมของบรษิ ัท ผลติ ภณั ฑ์ และหนว่ ยงานทางธรุ กจิ ซ่ึงเป็นวธิ ีทีช่ ่วยเพ่มิ ความนา่ เชื่อถือและเพ่ิมศักยภาพ
ให้กบั องค์กร เปน็ ต้น

5) ด้านการบริการข้อมูล (Information) การให้บริการข้อมูลจะนําแอปพลิเคชั่นมัลติมีเดียมา
ประยุกต์ใช้กับ Information Kiosk ซ่ึงเป็นระบบให้บริการข้อมูลแบบอัตโนมัติ ประกอบด้วยเคร่ือง
คอมพิวเตอร์แบบหน้าจอสัมผัส (Touch Screen) ที่มีการเช่ือมต่อกับเครือข่ายคอมพิวเตอร์เพื่อดึงข้อมูล

155

ต่างๆ เช่น การนําเสนอขอ้ มลู สินค้า ขอ้ มูลทางการเงิน หรอื บริการของเว็บไซต์ เป็นต้น โดยผู้ใช้สามารถเข้าถึง
ข้อมลู ได้ด้วยตนเองผา่ นทางสํานักงานหรอื ศูนยก์ ารค้าท่ีใหบ้ ริการ

6) ด้านธุรกิจ (Business) มัลติมีเดียช่วยอํานวยความสะดวกในด้านธุรกิจได้เป็นอย่างมากใช้สําหรับ
แสดงรายละเอียดสินค้า หรือการบริการต่างๆ เป็นต้น การนําเสนอด้วยมัลติมีเดียสามารถอธิบายข้อมูลได้
อย่างชัดเจนและเช้าใจง่าย นอกจากนี้ยังการพัฒนาเทคโนโลยีการติดต่อส่ือสารที่เป็นไอย่ารวดเร็ว และ
เช่ือมโยงกันอย่างทั่วถึง ทําให้สามารถใช้มัลติมีเดียเพื่อการติดต่อส่ือสารกันในระยะไกลได้ด้วย เช่น การ
ประชุมทางไกล (Video Conference) โดยจะสอื่ สารกนั ผ่านกล้องและไมโครโฟน ทําให้ประหยัดค่าใช้จ่ายด้าน
สถานท่ี การเดินทาง และเวลา

7) ด้านการท่องเท่ียว (Travel) บริษัทท่องเท่ียวสามารถนํามัลติมีเดียมาประยุกต์ใช้เพ่ือนําเสนอ
แพก็ เกจการทอ่ งเท่ียวผ่านทางเว็บไซต์ หรือสื่อโฆษณาอื่นๆ ได้ โดยนําเสนอข้อมูลต่างๆ เช่น สถานที่ ห้องพัก
อาหาร ราคา และกจิ กรรมต่างๆ เปน็ ตน้ เพอื่ ดงึ ดูดความสนใจจากลูกคา้ นอกจากน้ีระบบมัลติมีเดียท่ีใช้ควรจะ
มเี ครอ่ื งมอื ในการค้นหาและสบื คน้ ข้อมลู ทลี่ กู ค้าต้องการได้

8) ด้านการซื้อขายสินค้า (Electronic Shopping) ปัจจุบันการซื้อขายสินค้าผ่านทางเครือข่าย
อนิ เทอรเ์ น็ต จะนาํ สอื่ มลั ตมิ ีเดียมาประยุกต์ใชใ้ นการนําเสนอสนิ คา้ และบริการแก่ลูกคา้ เช่น ราคา ขนาด สีสัน
และคุณสมบัติพิเศษของสินค้าหรือบริการ เป็นต้น เพ่ือสร้างความน่าสนใจให้กับสินค้าหรือบริการ เมื่อลูกค้า
ตอ้ งการกส็ ามารถส่ังซอื้ ผ่านเว็บไซต์ได้อย่างสะดวกและรวดเร็ว โดยระบบควรจะแสดงข้ันตอนการส่ังซ้ือและ
วิธกี ารใช้งานใหก้ บั ลกู ค้าทราบดว้ ย

9) ด้านการซอื้ ขายสนิ ค้า (Communication) แอปพลเิ คช่นั สําหรบั เทคโนโลยมี ัลติมีเดียสามารถรองรับ
การส่ือสารแบบ Real Time ระหว่างผู้ใช้งานกับแอปพลิเคชั่นด้วย Real Transport Protocol (RTTP)
และใชเ้ ทคโนโลยีแบบสตรีมมิ่ง (Streaming) เพือ่ ใหบ้ ริการในรูปแบบต่างๆ ผ่านทางเครือข่ายอินเทอร์เน็ตได้
เช่น บริการ Voice Mail และ Tele Conference โดย Voice Mail เป็นบริการบันทึกข้อมูลเสียงไว้บน
Voice Mail Server เพ่ือให้ผู้ใช้สามารถเปิดฟังได้ในภายหลัง ส่วน Tele Conference จะเป็นการสื่อสาร
ภาพ และ เสียงแบบ Real Time โดยจําเป็นต้องเชื่อมต่อเข้าเซิร์ฟเวอร์ส่วนกลางเพื่อติดต่อส่ือสารกับ
หน่วยงานต่างๆ ที่เกี่ยวข้องได้รวมถึงบริการ Audio Conference สําหรับส่ือสารด้วยเสียง และ Video
Conference ทส่ี ามารถสื่อสารได้ทงั้ ภาพและเสยี งผา่ นทางเครือข่ายอินเทอร์เน็ตแบบ Real Time ที่ช่วยลด
คา่ ใชจ้ ่ายและสามารถรองรับผู้ใช้งานไดเ้ ป็นจาํ นวนมาก

10) ด้านการแพทย์ (Medicine) เทคโนโลยีมัลติมีเดียสามารถนํามาประยุกต์ใช้ในด้านการแพทย์ได้
เช่น ภาพเอ็กซ์เรย์ท่ีได้จาก CT Scan ซึ่งจะใช้คล่ืนแม่เหล็กตรวจสอบร่างกายมนุษย์และแสดงผลลัพธ์การ
สแกนในรูปแบบ 3 มิติ เป็นต้น นอกจากน้ียังสามารถใช้เทคโนโลยี Tele Medicine หรือระบบแพทย์
ทางไกลผ่านดาวเทยี มช่วยในการวินจิ ฉยั เพือ่ หาสาเหตขุ องโรคและวิธีการรักษาได้โดยสามารถทําการรักษาหรือ
ผา่ ตัดผา่ นระบบทางไกลได้อยา่ งแม่นยาํ

11) ด้านการออกแบบทางด้านวิศวกรรม (Engineering Application) เทคโนโลยีมัลติมีเดียช่วยใน
การออกแบบเครื่องจักรไฟฟูา วงจรอิเล็กทรอนิกส์ และอาคาร โดยใช้คอมพิวเตอร์ Computer Aided
Design (CAD) และ Computer Aided Manufacturing (CAM) วิศวกรจะใช้ซอฟต์แวร์สําหรับการ

156

ออกแบบในการพัฒนาผลติ ภัณฑ์ ทแ่ี สดงส่วนประกอบต่างๆ ได้อย่างละเอียด เหมอื นจริง และเคล่ือนไหวได้
ก่อนท่จี ะทําการผลติ

12) ด้านการจัดเก็บและสืบค้นข้อมูล (Content Base Storage and Retrieval : CBSR) ในปัจจุบัน
ระบบการค้นหาและสืบค้นข้อมูล (Content Base Storage And Retrieval : CBSR) นิยมนําไปใช้ในทาง
การค้าบนเครือขา่ ยทางอินเทอรเ์ นต็ ที่มกี ารจดั เกบ็ ข้อมลู ในฐานขอ้ มูล เช่น รูปภาพ เสียง และวดิ โี อ เป็นต้น

9.3 โปรแกรมสาหรับสรา้ งงานมัลติมีเดีย (Adobe Captivate)

Adobe Captivate เป็น โปรแกรม สร้างสื่อมัลติมีเดีย ช่วยสร้างส่ือมัลติมีเดียต่างๆ สามารถ
ผสมผสานจัดการในระบบ E-learning ได้ด้วยรูปแบบการทํางานท่ีใช้งานง่ายคล้ายกับ Power Point ให้สร้าง
ส่ือมัลติมีเดียท่ีประกอบด้วย วิดีโอ เสียง กราฟิก ตัวอักษรและภาพเคลื่อนไหว พร้อมมีการโต้ตอบด้วย มีการ
สรา้ งแบบทดสอบท่หี ลากหลายรูปแบบ

9.3.1 จุดเด่นของโปรแกรม Adobe Captivate
1) สร้างสื่อเรียนรู้หรอื สือ่ นาํ เสนอมัลตมิ ีเดียไดง้ า่ ย
2) ตดั ตอ่ วดิ ีโอไดท้ ้งั ภาพนิ่งและภาพเคลื่อนไหว
3) สรา้ งส่อื การเรียนรูโ้ ดยการจบั หน้าจอภาพ (Screen capture movie) อดั เสียงบรรยาย

ประกอบ
4) เหมาะสาํ หรับการนําไปใช้เป็นสอ่ื การเรียนการสอน
5) สร้างแบบทดสอบไดง้ ่าย
6) นาํ เขา้ ไฟล์จากแหล่งต่างๆได้หลากหลาย เช่นไฟล์ Flash Powerpoint ไฟลภ์ าพ JPG เป็น

ตน้
9.3.2 ความตอ้ งการของระบบสาํ หรับตดิ ตง้ั โปรแกรม
7) Microsoft windows XP, Vista หรอื Windows 7
8) CPU ควรจะเปน็ Intel Pentium 4, Intel Centrino, Intel Xeon, Intel Core Duo 2.35

G ขึน้ ไป
9) หน่วยความจํา RAM ไม่น้อยกว่า 512 MB ขนึ้ ไป
10) มกี าร์ดจอรองรับการแสดงผลอยา่ งน้อยท่ี 800x600 pixel แตถ่ า้ จะใหด้ ีขอแนะนําเปน็

1024x768 pixel
9.3.3 ประเภทของไฟลส์ าํ หรับสร้างงาน และสง่ ออก
1) Adobe Captivate รบั ไฟลน์ ําเขา้ ได้ ดงั น้ี
 ไฟลร์ ูปภาพ นามสกลุ BMP, GIF, JPG, PCX, WMF, ICO, PNG

 ไฟลว์ ีดโิ อ AVI ไฟล์บันทึกจากหน้าจอ

 ไฟลเ์ สียง นามสกลุ WAV, MP3 และ WMA เสยี งบรรยายบันทึกโดยตรงผ่านไมโครโฟน

 ไฟล์ PowerPoint นามสกลุ PPT ไฟลน์ าํ เสนอจากโปรแกรม Microsoft PowerPoint

157

2) Adobe Captivate สง่ ออกไฟล์ ไดห้ ลายรปู แบบ อาทิ
 Flash movie File (.swf) ลกั ษณะเช่นเดยี วกับโปรแกรม Macromedia Flash

 HTML File (.html) สาํ หรบั การนาํ ไปใชก้ ับเวบ็ ไซต์

 EXE File (.exe) สาํ หรบั การนาํ เสนอแบบ stand alone

 Flash Video (.flv) เปน็ ไฟล์ลกั ษณะวดิ โี อไฟล์ออนไลน์

 ZIP (.zip) รองรบั มาตรฐาน SCORM

 Document (.doc) รูปแบบไฟล์เอกสารมาตรฐาน Microsoft Word

 Project File (.cp)

9.3.4 ขน้ั ตอนการใชง้ านโปรแกรม
คลกิ ท่ี Start Program->Adobe Captivate 4

1) Open a recent project แสดงไฟล์ลา่ สุดท่ีเคยบันทึกไว้ในโปรแกรม เปิดไฟลท์ ่ีเคยบนั ทึกไว้
2) Create project (สําหรบั การเริม่ ตน้ ใช้งานแนะนําใหใ้ ชง้ านตรงส่วนน้ี) สําหรับสร้าง project

บันทึก movie (จบั หน้าจอภาพ)
3) Create template เปน็ สว่ นทีส่ ามารถสรา้ งแมแ่ บบไวใ้ ชเ้ อง
4) Other เป็นสว่ นทีม่ ีเครือ่ งมือท่ีไวส้ าํ หรบั รวมโครงการหลายๆโครงการเขา้ ด้วยกนั ด้วยเครอ่ื งมือ

Aggregator project
5) Getting started tutorials แนะนาํ ขัน้ ตอนการสร้าง Project ด้วยโปรแกรม Adobe

Captivate เริ่มต้งั แต่การบันทกึ การแกไ้ ขตกแต่ง การส่งออก การนําเข้าไฟลเ์ สียงการสร้างสว่ น
ตอบโต้ การใสล่ กู เลน่ เพ่ือเพ่ิมความนา่ สนใจ ตามลาํ ดับ

158 5
2
15
8 3
4

รูปที่9.1 หน้าจอแรกของโปรแกรม Adobe Captivate
9.3.5 หนา้ ต่างของโปรแกรม Adobe Captivate ประกอบไปด้วย

1) แถบเมนูบาร์
2) แถบ Objects Toolbar
3) แถบ Filmstrip
4) แถบไทม์ไลน์ (Timeline)
5) แถบสไลดโ์ น้ต (Slide Notes)
6) พนื้ ทที่ าํ งาน (Workspace)
7) แถบไลบราร่ี (library)

Objects Toolbar แถบเมนูบาร์ 159
แถบไลบรารี่ (library)

แถบ Filmstrip พ้ืนที่ทํางาน (Workspace)
23
15
9 7

6

5
4

แถบไทมไ์ ลน์ (Timeline) แถบสไลดโ์ นต้ (Slide Notes)

รปู ท่ี9.2 หน้าต่างของโปรแกรม Adobe Captivate

160

แทรก Caption คอื การแทรกตวั หนงั สือ
แทรก Rollover caption เมือ่ เมาส์ลากผ่านตาแหนง่ ทกี่ าหนดจะมขี ้อความ
เกแิดทขรน้ึ ก Highlight Box เมอื่ ต้องการเน้นข้อความหรอื ภาพ

แทรก Rollover slidelet เมอ่ื เมาส์ลากผ่านตาแหนง่ ท่ีกาหนดจะมีข้อความหรือ
ภาพที่กาหนดให้เหน็ และยังสามารถทแ่ี ทรกงานตา่ งๆได้เหมือนสไลดท์ วั่ ไป
เกดิ ขน้ึ Zoom Area ขยายพ้ืนที่ตอ้ งการ

แทรก Text Entry การเตมิ คาในช่องว่าง
แทรก Click Box คลกิ ตาแหน่งภาพ
แทรก Button ปุ่มบงั คับในสไลด์
แทรก Text Animation

แทรก Image ภาพ
แทรก Rollover image เมาส์ผ่านเกดิ เปน็ ภาพ
แทรก Animation

แทรก Flash Video

รปู ท่ี9.3 กลอ่ งเครือ่ งมือโปรแกรม Adobe Captivate

9.4 การแทรกและการจดั การวัตถุ

วัตถขุ องโปรแกรม Adobe Captivate แบง่ ออกเปน็ 2 ประเภทดว้ ยกันคือ
1) วตั ถทุ โ่ี ตต้ อบได้ เปน็ วตั ถทุ โ่ี ต้ตอบกบั ผใู้ ช้ เม่ือผู้ใชก้ ดท่คี ยี บ์ อรด์ ทวี่ ัตถโุ ต้ตอบซ่ึงประกอบไป

ด้วยดังต่อไปนี้
 Click boxes
 Text Entry boxes
 Buttons
 Widgets

2) วตั ถุท่ีโต้ตอบไมไ่ ด้
 Text captions
 Rollover captions
 Highlight boxes
 Mouse
 Rollover slidelets

161
 Zoom areas
 Images
 Rollover images
 Drawing tools
 Animations
 Animated Text
 Video
9.4.1 กลอ่ งคลิกบ็อกซ(์ Click boxes) เป็นพื้นท่ที ่ีกาํ หนดใหผ้ ใู้ ชท้ ําการคลกิ เมาส์เพ่ือไปที่เหตุการณ์ที่
กาํ หนดไว้

1

รูปท่ี 2

3

รปู ท่ี 9.4 การสร้างกล่องคลิกบ็อกซ์(Click boxes)

162

4

รูปท่ี9.5 ตัวอย่างกล่องคลกิ บ็อกซ์(Click boxes)
ตวั อย่างการประยกุ ตใ์ ชก้ ลอ่ งคลิกบ็อกซ์ (Click boxes)

รปู ที่9.6 ตัวอย่างการประยุกต์ใชก้ ลอ่ งคลิกบ็อกซ์
9.4.2 กล่อง Text Entry boxes เป็นวัตถุชนิดท่ีกําหนดให้ผู้ใช้สามารถพิมพ์ข้อความลงไปได้ โดย
สว่ นมากจะประยกุ ตใ์ ช้ทางด้านการสรา้ งแบบทดสอบแบบเติมคํา หรอื ขอ้ ความส้ันๆ

 คลิกท่ีปุม Text Entry boxes

1

รูปที่9.7 ปุม Text Entry boxes

163

 คลิกเลอื กแทบ็ Text Entry Box

24

3

5

6

รูปที่9.8 หนา้ จอ Text Entry boxes

7

รูปที่9.9 ตัวอย่างการใช้Text Entry boxes

164
 เสร็จแล้วให้คลกิ preview แลว้ ลองใส่คําตอบลงไปใน Text Entry Box

รูปท่ี9.10 ตัวอยา่ งการ preview ดู Text Entry boxes
9.4.3 ปุม่ Buttons

ประเภทของปมุ มี 3 ประเภทคอื
1) Text button ปุม button ประเภทท่สี ามารถแทรกหรอื แกไ้ ขข้อความให้กับปุมได้
2) Transparent button เปน็ ปุม button ทส่ี ามารถกําหนดสีเส้นขอบความโปรง่ ใสให้กบั button
3) Image button เปน็ ปุม button ท่ีมแี ม่แบบให้เลือกใชง้ าน

165
รูปที่9.11 ประเภทของปุม (Button)

166

23 1

พิมพ์ข้อความเพอื่ แสดงบนปมุ เลือกประเภทปุม
ปุม
4 เลือกประเภท สี ขนาดข้อความ

กําหนดการเช่ือมโยงเหตกุ ารณ์

5

รูปที่9.12 การตั้งคา่ ของปุม

รปู ที่9.13 ตัวอยา่ งปุมท่ีสรา้ ง

167

9.5 วดิ เกด็ ส์ Widgets

คือวัตถุท่ีอยู่ในรูปแบบ Format SWF ที่ถูกสร้างขึ้นด้วยโปรแกรม Adobe Flash เพื่อนํามาใช้
ตกแต่งสไลด์ซ่ึง Widgets จะมีความเร็วในการตอบโต้ได้รวดเร็วกว่าวัตถุอื่นของโปรแกรม Widgets มี 3
ประเภทคือ

1) Static widgets ไม่ใช่วตั ถุท่ีโตต้ อบไดแ้ ต่เคล่ือนไหวได้ จะสร้างไว้สาํ หรับแสดงรายละเอียดข้อมลู
ข่าวสาร

2) Interactive widgets เป็น widgets ท่สี ามารถโต้ตอบได้กับผู้ใช้
3) Question widgets เป็น widgetsในรปู แบบสไลด์คาํ ถาม ซึง่ สามารถสรา้ งประเภทสไลด์คําถาม
เพิ่มขึน้ มาก็ได้
ตวั อยา่ งการแทรก Widgets

1
3

2 4

รปู ท่ี 9.14 การแทรก Widgets

รปู ที่ 9.15 ตวั อยา่ งการแทรก Widgets

168

9.5.1 กล่องข้อความ (Text Captions) เป็นวตั ถชุ นิดโต้ตอบไม่ได้

 Caption type กาํ หนดลักษณะรูปแบบของ

 Caption Font คือรปู แบบตัวหนังสือ

การใช้กลอ่ งข้อความ

1) คลกิ ทป่ี มุ Caption 1

2) คลิกทแี่ ท็บ Text Caption

3) พมิ พข์ ้อความท่ีตอ้ งการลงไป

4) คลิกที่ปุม Apply

5) จากนน้ั คลิกทปี่ ุม ok

2

3

5 4

รปู ที่9.16 การแทรกกลอ่ งข้อความ (Text Captions)

รปู ที่9.17 ตวั อย่างกลอ่ งข้อความ (Text Captions)

169

การทาํ กล่องข้อความให้โปรง่ ใส

รูปท่ี9.18 การทํากลอ่ งข้อความใหโ้ ปร่งใส

9.5.2 กล่องข้อความโรลโอเวอร์ (Rollover Caption) เป็นขอ้ ความทีจ่ ะปรากฏออกมากต็ ่อเม่ือนาํ เมาส์
ไปช้ีทกี่ ล่องข้อความโรลโอเวอรห์ รือพ้ืนท่ีทว่ี างข้อความโรลโอเวอร์

1) คลกิ เลอื กสไลดท์ ี่ต้องการวางขอ้ ความโรลโอเวอร์
2) คลิกเลอื กปุม
3) จะปรากฏหนา้ ตา่ ง New Rollover Caption แลว้ พมิ พ์ขอ้ ความลงไป

รูปที่9.19 การสร้างกลอ่ งข้อความโรลโอเวอร์ (Rollover Caption)

170

เมือ่ นาํ เมาสไ์ ปวางไว้ท่ีพน้ื ทน่ี ้ีจะ
ปรากฏข้อความขึ้นมา

รูปท่ี9.20 ตวั อยา่ งกลอ่ งข้อความโรลโอเวอร์ (Rollover Caption)
9.5.3 กลอ่ งไฮไลน์บอ็ กซ์ (Highlight Boxes) เปน็ กลอ่ งไวส้ ําหรับแทรกเข้ามาในสไลดเ์ พื่อเนน้ ที่ส่วนใด
สว่ นหนึ่งของสไลด์ สามารถใชส้ าํ หรับบอกจดุ หรอื พนื้ ทต่ี ้องการเน้นเป็นพเิ ศษ

1) คลิกท่ปี ุม Highlight Boxes
2) คลิกทแี่ ทบ็ Highlight Boxes

รปู ที่9.21 สรา้ งกล่องไฮไลน์บ็อกซ์ (Highlight Boxes)

171

รูปท่ี9.22 ตวั อยา่ งกล่องไฮไลน์บอ็ กซ์ (Highlight Boxes)
9.5.4 ตัวชเี้ มาส์ (Mouse) สําหรบั ต้องการปรบั เปลย่ี นตัวชี้เมาส์

รปู ที่9.23 สร้างตัวช้เี มาส์ (Mouse)
9.5.5 โรลโอเวอร์ สไลด์ (Rollover Slidelets) เป็นพ้นื ที่ของสไลด์ท่ีมีการแทรกลงบนสไลดอ์ ีกทหี นึ่ง
ซ่งึ จะแสดงเมื่อเอาเมาส์ไปชี้พ้ืนท่ขี องโรลโอเวอร์ สไลด์ (Rollover Slidelets)

1) คลกิ ท่ีปุม Rollover Slidelets
2) คลิกท่ีแทบ็ Slidelet

172
รูปท่ี9.24 สรา้ งโรลโอเวอร์ สไลด์ (Rollover Slidelets)
รูปท่ี9.25 ตัวอยา่ งโรลโอเวอร์ สไลด์ (Rollover Slidelets)

173
การแทรกวตั ถลุ งไปใน โรลโอเวอร์ สไลด์ คลิกขวาทโี่ รลโอเวอร์ สไลด์->Insert->Standard Objects

คลิกขวาท่ีพ้นื ท่ีโรลโอ
เวอร์ สไลด์

รูปที่9.26 แทรกวตั ถลุ งไปใน โรลโอเวอร์ สไลด์

รูปที่9.27 ตัวอย่างการแทรกวัตถุลงไปใน โรลโอเวอร์ สไลด์
9.5.6 รปู ภาพและรูปภาพโรลโอเวอร์ (Image & Rollover Image)

รูปภาพทส่ี ามารถนํามาใช้ไดบ้ นสไลด์ของโปรแกรม Adobe Captivate ได้แก่ JPG JPEG GIF
PNG BMP ICO EMF และ WMF

1) คลิกทป่ี ุม Image ถา้ ตอ้ งการแทรกรูปภาพธรรมดาและ คลกิ ท่ีปุม Rollover Image
ถา้ ตอ้ งการแทรกรูปภาพโรลโอเวอร์

2) คลิกเลอื กรูปภาพท่ีตอ้ งการ

174

รูปท่ี9.28 เลอื กรูปภาพและรูปภาพโรลโอเวอร์ (Image & Rollover Image)
3) หากรูปภาพทีขนาดใหญ่กว่าสไลด์จะปรากฏห้าตา่ ง Resize/Crop Image ขึน้ มาให้ปรบั ขนาด
รูปภาพใหม่

รปู ท่ี9.29 การ Resize/Crop Image

175

ส่วน Rollover image จะแสดง
รูปภาพเหล่าน้ีปรากฏออกมาเม่ือ
ลากเมาส์ผ่านจดุ กําหนด

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

รปู ท่ี9.30 ตัวอย่าง รูปภาพและรปู ภาพโรลโอเวอร์ (Image & Rollover Image)
9.5.7 แอนิเมชัน Animations รูปแบบแอนิเมชั่นที่แทรกเข้ามาอาจเป็นภาพแอนิเมชัน ข้อความ
แอนิเมชัน วิดีโอ เปน็ ตน้ ซ่ึงได้แก่ไฟล์ในรูปแบบ SWF, AVI, FLA และ GIF สามารถเลือกใช้แม่แบบแอนิเมชันท่ี
โปรแกรมมมี าได้ อย่ทู ี่ C:\Program Files\ Adobe\Adobe Captivate 4\Gallery

1) คลิกที่ปุม
2) คลกิ เลอื กแม่แบบแอนเิ มชันที่ต้องการ

รปู ท่ี9.31 การแทรกแอนิเมชัน Animations

176

รูปท่ี9.32 ตัวอยา่ งการแทรกแอนิเมชนั Animations
9.5.8 ขอ้ ความแอนิเมชัน่ Text Animation

1) คลิกท่ปี ุม
2) พิมพ์ข้อความที่ต้องการสร้าง แอนิเมชั่น

เลือกรูปแบบ effect แอนิเมชน่ั

พิมพข์ ้อความลงไปในชอ่ ง Text

รูปท่ี9.33 แทรกข้อความแอนิเมช่ัน Text Animation

177

9.5.9 Video

เลือกไฟล์ Flash video

กําหนดการแสดง

รูปท่ี9.34 การแทรกวดี โี อ
คลิกที่ปมุ Open

รปู ที่9.35 การเลือกไฟลว์ ีดโี อท่ีตอ้ งการแทรก

178

บทที่10 ตวั อย่างการใชโ้ ปรแกรมประยกุ ตส์ รา้ งงานมลั ตมิ ีเดยี
ดว้ ย โปรแกรม Adobe Captivate

10.1 รูปแบบของโครงการ

รปู แบบของโครงการมี 5 รปู แบบ คอื
1) Software Simulation ใช้สําหรับจับภาพการเคล่ือนไหวของหน้าจอภาพ แสดงออกมา ใน

รปู แบบของสถานการณ์จาํ ลอง โปรแกรมจะทําการเก็บภาพหน้าจอตามที่กระทํากับ Mouse หรือกระทําอ่ืนใด
กับจอภาพ ในสว่ นท่โี ปรแกรมให้เลือกจากรายการทีก่ ําหนด

2) From Template เป็นการสรา้ งงานด้วยตัวอย่างหรือ template ท่ีมีอยู่
3) Blank Project เป็นการสรา้ งด้วยตนเองที่สไลด์เปล่า
4) From MS PowerPoint เปน็ รปู แบบการสร้างโครงการที่สามารถนําเข้าสไลด์ของ Microsoft
PowerPoint มาใชเ้ ปน็ สไลดใ์ นโครงการ
5) Image Slideshow เป็นรูปแบบการสร้างโครงการรูปภาพสไลด์โชว์หรือรูปภาพสไลด์พรีเซน
เตชัน

10.2 การสร้างโครงการ Software Simulation

รปู ที่10.1 หนา้ จอการสร้างโครงการ Software Simulation

179
Application สําหรับการ Capture movie ท้ังหน้าจอภาพ ของโปรแกรมท่ี ต้องการจะทําการ
บนั ทึกการทํางานของหน้าจอ เลือกโปรแกรมทเี่ ปิดอยู่ทตี่ ้องการจะ Record
1) Custom size สาํ หรับการ Capture movie แบบกําหนดขนาดหน้าจอภาพได้
2) Application window สําหรบั การ Capture movie โปรแกรมที่เราต้องการ Capture ทงั้ หมด
3) Application Region สาํ หรับ capture พน้ื ทีท่ ํางานในโปรแกรมที่เราจะ capture
10.2.1 การสร้างภาพเคลอ่ื นไหวดว้ ยโปรแกรม Adobe Captivate
1) คลกิ ที่ Software Simulation

17
9

รูปท่ี10.2 หน้าจอการเลอื กโครงการ Software Simulation
2) จะปรากฏหนา้ ตา่ ง New project ใหเ้ ลือกโปรแกรมท่เี ปิดอย่ทู ่ตี ้องการจะ Record

2

3

4

รูปที่10.3 หนา้ จอเลอื กโปรแกรมที่ตอ้ งการจะ Record
3) ให้รูปแบบทตี่ ้องการจะ Record

 Custom size สําหรับการ Capture movie แบบกําหนดขนาดหน้าจอภาพได้
 Application window สาํ หรับการ Capture movie โปรแกรมทเี่ ราต้องการ Capture
ท้งั หมด

180
 Application Region สาํ หรบั capture พ้ืนทีท่ ํางานในโปรแกรมทเี่ ราจะ capture

4) เมอื่ เลือกโปรแกรมทตี่ ้องการจะ Record ให้คลกิ OK
5) ปรากฏหน้าจอโปรแกรม Excel ทต่ี ้องการ

รูปท่ี10.4 ตัวอยา่ งโปรแกรม Excel
6) ตงั้ คา่ การทาํ งาน กอ่ นท่จี ะ Capture movie และ record โปรแกรม

รปู ที่10.5 หน้าจอการต้งั ค่า
Demonstration หมายถึง โปรแกรมจะจับหน้าจอตามการกระทําท่ีเกิดขึ้น มีการ เคลื่อนไหวของ
เมาส์ มกี รอบโตต้ อบกับผเู้ รยี น

 Assessment โปรแกรมจะบังคับให้ผู้เรียนกระทําตามท่ีได้บันทึกหน้าจอไว้ เช่นถ้ามีการ
บันทึกการคลิกเมาส์ไว้ เม่อื เล่นมาจนถึงช่วงที่ตอ้ งคลิกเมาสโ์ ปรแกรมจะหยดุ เล่นจนกว่าจะมีการคลิกเมาส์และ

181
หากคลิกผิดที่จะมีกลอ่ งข้อความข้นึ มาบอกว่าต้องคลิก ที่ใด เมอ่ื ผ้เู รียนคลิกเมาส์ถูกต้อง โปรแกรมจะเล่นต่อไป
จนกวา่ จะมเี หตุการณใ์ หม่เกดิ ขน้ึ

 Training หมายถึงการจับหน้าจอแบบการฝึกอบรม โปรแกรมจะทําการบันทึก หน้าจอ
ทงั้ หมด เมอ่ื มกี ารเล่นโปรแกรมจะแสดงกล่องขอ้ ความโต้ตอบให้ผู้เรียนทําตาม การบันทึกหน้าจอแบบน้ีเหมาะ
สําหรับสอนการใช้โปรแกรมคอมพวิ เตอรท์ ้ังนี้สามารถ บันทกึ เสียงบรรยายไปพร้อมกันได้ดว้ ย

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

7) ขนั้ ตอนการ Capture movie หน้าจอภาพทําได้ดังนี้
 คลิก ปมุ สีแดง ก็จะเรมิ่ Record

 ถา้ หากต้องการยกเลกิ คลกิ ปมุ กากบาท

 กดปุม <End> บนแปนู พมิ พ์เมือ่ สิ้นสุดการ Record แล้วทําการบันทึกงานใหเ้ รียบรอ้ ย

รปู ท่ี10.6 หน้าจอสําหรบั บนั ทึกข้อมูลการ record
8) ปรากฏสไลด์ Movie (Movie Frame) ซง่ึ จํานวนสไลด์จะขึ้นอย่กู บั จาํ นวนครงั้ ทคี่ ลิก เมาส์ เช่น
หากมีการคลกิ เมาส์ 10 ครงั้ ก็จะไดจ้ าํ นวนสไลด์เทา่ กับ10 สไลด์ หรอื 10 เฟรม สไลด์ Movie (Movie Frame)

182

รปู ที่10.7 ภาพที่ไดจ้ ากการ capture โปรแกรม Excel
9) ดับเบิลคลกิ ท่สี ไลด์ เพ่ือแก้ไขสไลด์

รูปที่10.8 การแก้ไขสไลด์

183
10.2.2 การปรับแต่ง Timeline

ปกติแตล่ ะสไลด์จะมีค่า Timeline อยูท่ ี่ 3 วินาที ในรูปขา้ งล่างจะเป็น Slide 4 (4.0s) สามารถ
ปรับแต่งเพ่ิมหรอื ลดคา่ Slide Timeline ได้

วัตถุที่วางบนสไลดจ์ ะวางเรียงกันเปน็ เลเยอร(์ Layer) ถา้ ต้องการปรับแต่ง Timeline วตั ถใุ ดก็
ให้คลิกที่วัตถนุ ้ันแลว้ ลากซ้ายขวาคลกิ แล้วลากเพือ่ ปรับแตง่ Timeline โปรแกรมจะสร้างข้อความใหอ้ ัตโนมัติ
สามารถดบั เบลิ คลิกเพื่อแก้ไขขอ้ ความได้

Layer/เลเยอร์
รูปที่10.9 การปรบั แตง่ Timeline

10.2.3 การแก้ไขข้อความในสไลด์
ปกติโปรแกรมจะสร้างข้อความในสไลด์ให้อตั โนมตั ิ สามารถแก้ไขข้อความได้ โดยดบั เบิลคลิก

แลว้ แก้ไขข้อความ ดงั รปู ข้างลา่ ง

รูปที่10.10 การแก้ไขข้อความในสไลด์

184
10.2.4 การลบสไลด์
การลบสไลด์ทําได้โดยคลิกสไลด์ที่ตอ้ งการลบแลว้ กดปมุ <Delete> บนแปูนพิมพ์
10.2.5 การเพิม่ สไลด์
จุดประสงคเ์ พือ่ ทาํ สไลด์ไตเติล การเพิ่มสไลด์ทําได้โดยคลิกที่เมนู Insert Blank Slide หลังจาก

เพมิ่ สไลด์ กส็ รา้ ง Text animation เปน็ สไลดไ์ ตเตลิ ก่อนทจี่ ะเขา้ เนื้อหา

รูปท่ี10.11การเพิ่มสไลด์

รูปท่ี10.12 การลบสไลด์

185

10.2.6 การแทรก Text animation เป็นสไลดไ์ ตเตลิ

1

2

รูปที่10.13 เมนูสาํ หรับแทรก Text animation

 Text : พมิ พ์ข้อความท่ตี ้องการ
 Effect : เลือกรูปแบบของการแสดงขอ้ ความ
 Change font: เปลย่ี นรปู แบบอักษร ขนาด สขี องอักษร

3

เลอื กรปู แบบ

พิมพข์ ้อความ

กาหนด
ตัวหนงั สือ

รูปท่ี10.14 การปรบั แตง่ ค่าของ Text animation

186
10.2.7 การใส่สพี ืน้ หลังให้กบั สไลด์
การใสส่ ีพืน้ หลังให้กบั สไลด์ทาํ ไดโ้ ดยคลกิ ท่เี มนู Slid, Properties…เลือกสพี น้ื หลัง สพี ้นื หลงั ที่

เลอื ก Text animation

รปู ที่10.15 เมนูสําหรับการใส่สพี ้ืนหลงั ใหก้ บั สไลด์

ใส่ภาพเป็นพืน้ หลัง

รูปที่10.16 การใส่สพี ้นื หลังให้กบั สไลด์
10.2.8 การแทรกเสียงในสไลด์
1. คลิกเลือกสไลด์ที่ต้องการแทรกเสยี งทบ่ี นั ทกึ หรือเสียงให้กบั วัตถุ
2. คลิกขวาทีว่ ตั ถทุ ี่ต้องการแทรกแล้วเลอื ก Properties จะปรากฏหนา้ ต่างข้ึนมา
3. คลกิ ท่แี ทบ็ Audio
4. คลิกท่ปี ุม เพื่อนําเขา้ ไฟลเ์ สยี งใหก้ บั วัตถุจะปรากฏหนา้ ตา่ ง Import Audio ขึ้นมา แล้วคลิกเลือกหา
ไฟล์เสียงท่บี ันทกึ เอาไว้
5. คลกิ ปุม setting
6. เม่ือเสร็จเรยี บร้อยแล้วใหค้ ลกิ ปุม OK

187

2

รปู ท่ี10.17 เมนูสาํ หรับการแทรกเสยี งในสไลด์

3 5 กาหนดคุณสมบัติ
เสยี ง
คลกิ ปมุ่ อดั เสียง

4

นาไฟล์เสียงเขา้
มา

6

รปู ท่ี10.18 การแทรกเสียงในสไลด์
*การแทรกเสียงนนั้ ยงั สามารถแทรกได้ทุกๆ สไลด์ และแทรกได้ทุก Object ทแี่ ทรกเขา้ มา

188

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

1) คลิกเลือก Blank Project

1

รปู ท่ี10.19 เมนูการสร้างงานด้วย Blank Project

2

3

รูปท่ี10.20 การสร้างงานดว้ ย Blank Project
2) คลกิ กําหนดขนาดของโครงการหรือของสไลดท์ ่ตี ้องการในช่อง Select size
3) จากนนั้ คลกิ ปุม ok

189

รูปที่10.21 ตัวอย่างการสรา้ งงานดว้ ย Blank Project
4) สามารถเพิ่มสไลด์ได้โดยการคลกิ ขวาตรงพืน้ ท่ีว่าง เลือก Insert->Blank Slide

4

รปู ที่10.22 การเพม่ิ สไลด์

190

10.4 การสร้างโครงการจากสไลด์ PowerPoint

1) คลิกเลอื ก From MS PowerPoint
2) คลกิ ไฟล์ PowerPoint ทีต่ อ้ งการนํามาสร้างF8i’dki
3) จากนัน้ คลิกปุม open
4) จะปรากฏหน้าจอ ให้ตั้งช่อื ไฟลแ์ ละกาํ หนดขนาดหน้าจอของสไลด์
5) คลกิ ปุม select all เพอ่ื ต้องการเลอื กทุกสไลด์ที่แอยู่ในไฟล์ แตถ่ า้ ตอ้ งการบางสไลดใ์ ห้คลกิ
เครอื่ งหมายถูกด้านลา่ งสไลด์ที่ต้องการ
6) คลิกเลอื กรปู แบบการเล่ือนของสไลด์ เลือกเปน็ แบบ on mouse click คือ สไลดจ์ ะเล่ือนก็
ต่อเม่ือคลิกเมาส์
7) จากน้ันคลกิ ปุม OK

1

รปู ที่10.23 การสรา้ งโครงการจากสไลด์ PowerPoint

2 3

รูปที่10.24 การเลือกไฟล์ PowerPoint

191

4

5
6

7

รูปที่10.25 การตง้ั คา่ ไฟล์ PowerPoint

10.5 การสรา้ งโครงการรปู ภาพ พรเี ซนเตชัน (Image Slideshow)

1

รูปที่10.26 เมนูการสร้างโครงการรปู ภาพ พรเี ซนเตชนั (Image Slideshow)

192

2

3

รูปท่ี10.27 การสรา้ งโครงการรปู ภาพ พรเี ซนเตชัน (Image Slideshow)

4

5 6

รปู ที่10.28 เลอื กไฟล์ภาพที่ต้องการสร้าง Image Slideshow

193

รปู ที่10.29 ตวั อย่างการสรา้ งโครงการรูปภาพ พรีเซนเตชัน (Image Slideshow)
10.5.1 การแทรกไฟล์จากโปรแกรม Photoshop

รูปท่ี10.30การแทรกไฟลจ์ ากโปรแกรม Photoshop
10.5.2 การกําหนดเอฟเฟ็กต์ (Effect) การเปลย่ี นช่วงตอ่ การแสดงระหว่างสไลด์แตล่ ะสไลด์บนโครงการ
ไปทเี่ มนู Slide->Transition->เลือกรปู แบบ Effect ที่ตอ้ งการ

รปู ที่10.31 การกาํ หนดเอฟเฟ็กต์ (Effect)

194
10.5.3 การแทรกแอนิเมชนั สไลด์

รปู ที่10.32 การแทรกแอนเิ มชันสไลด์
1) ไฟล์แอนเิ มชนั ของแตล่ ะสกลุ จะมีขนาดที่แตกตา่ งกนั เช่น ไฟลแ์ อนิเมชนั ของไฟลจ์ าก
โปรแกรม Flash (.swf) จะมีขนาดทีเ่ ลก็
2) การแทรกไฟล์ FLV เลอื ก Menu Insert เลอื ก Flash Video

เลือกไฟล์ Flash
Video

กาหนดเวล
า

กาหนดการ
แสดง

รปู ท่ี10.33 การต้งั ค่าแอนเิ มชันสไลด์