Multimedia Application

1. การประยกต์ ใช้ มลติมีเดีย
ุ ั
Multimedia Application
iv

2. Internet และสังคมการเรี ยนร้ ู
• Internet คือเครือข่ ายคอมพิวเตอร์ ขนาดใหญ่ ทสุดในโลกและเชื่อมโยง
ี่
กันเกือบทัวโลก
่
– Network of Networks
– เชื่อมต่อโดยอาศัยเทคโนโลยีโทรคมนาคม
– Internet เติบโตอย่างรวดเร็ ว
– เชื่อมโยงข้อมูลข่าวสารและสื่ อต่างๆ ปริ มาณมหาศาลเข้าด้วยกัน
– มีลกษณะเป็ น Multimedia ที่ยงไม่ได้จดการ
ั ั ั

3. บริ การสารสนเทศมัลติมีเดีย(Multimedia Service)
• ใช้ Web เป็ นสื่ อกลางในการเข้ าถึงสารสนเทศ
– Hyper media
– Multimedia
• การค้ นคืนสารสนเทศมัลติมีเดีย(Retrieval Service)
่
– มีอยูแล้วเรี ยกใช้งาน
• การค้ นหาสารในเทศมัลติมเี ดีย(Search Service)
– หาสิ่ งที่ยงไม่มี
ั
• การติดต่ อสื่ อสารกันด้ วยสื่ อมัลติมีเดีย
– E-Mail , Conference

4. การศึกษาบน Web
• Web ถูกประยุกต์ใช้ทางการศึกษาในหลายรู ปแบบ เช่น เครื อข่าย
โรงเรี ยน ห้องเรี ยนเสมือน ห้องสมุดเสมือน ห้องสมุดดิจิทล การเรี ยน
ั
การสอนออนไลน์ เป็ นต้น
• Education on Demand : การศึกษาตามความต้องการ ผูเ้ รี ยนคือผู ้
แสวงหา เรี ยนรู ้ เลือกบริ โภคข้อมูลให้ตวเอง
ั
• การเรี ยนรู ้บน Web เป็ นการศึกษาที่ใช้เทคโนโลยี Asynchronous
technology ซึ่งเป็ นการเรี ยนการสอนโดยไม่จากัดเวลาและสถานที่

5. Asynchronous Learning
• “ใครก็ได้ ทีไหนก็ได้ เวลาใดก็ได้ เรื่องอะไรก็ได้ ”
่
– เรี ยนอย่างมีปฏิสมพันธ์(interactive learning)
ั
– เรี ยนรู ้ร่วมกัน(collaborative learning)
– ใช้แหล่งการเรี ยนรู ้ระยะไกล(remote resource)

6. เทคโนโลยีมัลติมีเดียบน Web
• Shockwave : จากค่าย Macromedia ออกแบบ Interactive
multimedia สามารถแสดงผลบน Web ได้ เทคโนโลยี shockwave
สนับสนุนการแสดงเสี ยง ภาพเคลื่อนไหว วิดิทศน์ ยกตัวอย่างเช่น
ั
Director และ Flash
• Streaming : ช่วยให้มองเห็นและได้ยนข้อมูลมัลติมีเดียบนเว็บ มักถูก
ิ
นาไปใช้งานกับการชมวิดิทศน์บนเว็บในระยะเวลาสั้นๆ ข้อมูลที่
ั
ส่ งผ่านมักถูกเข้ารหัสก่อน ตัวอย่างเช่น QuickTime , RealMedia

7. การประยกต์ ใช้ สื่อมัลติมีเดียบนเว็บเพือการเรี ยนร้ ู
ุ ่
• การประยุกต์ ใช้ ในลักษณะผู้เรียนเป็ นผู้ใช้ (User)
• การประยุกต์ ในลักษณะผู้เรียนเป็ นผู้สร้ าง(Producer)

8. ลักษณะการประยกต์ ใช้
ุ
ผู เ้ รียนเป็ นผู ใ้ ช้ ผู เ้ รียนเป็ นผู สร้าง
้
รู ปแบบ ก. รู ปแบบ ข. รู ปแบบ ค.
การสอน สอนด้วยสื่ อมัลติมเี ดียปฏิ สอนเกี่ยวกับการสร้าง สอนด้วยเครื่ อสร้างสื่ อ
สัมพันธ์และเว็บเพจ ที่มผู ้
ี สื่ อและสร้าวเว็บ และเครื่ องมือสร้างเว็บ
สร้างไว้
การเรียน เรียนด้วยการใช้ส่ ื อ เรียนรู เ้ กี่ยวกับการสร้าง เรียนรู ดวยเครื่ องมือการ
้ ้
มัลติมเี ดียปฏิสมพันธ์
ั สื่ อมัลติมเี ดียปฏิสมพันธ์ สร้างสื่ อมัลติมเี ดียปฏิ
ั
สัมพันธ์

9. ความร้ ูเบื้องต้ นเกียวกับ Hypertext
่
• ความหมายของไฮเปอร์ เท็กซ์
• ประโยชน์ การใช้ งานของไฮเปอร์ เท็กซ์
• ข้ อเสี ยของไฮเปอร์ เท็กซ์
• รู ปแบบของไฮเปอร์ เท็กซ์
• ส่ วนประกอบของไฮเปอร์ เท็กซ์

10. ความหมายของ Hypertext
• รู ปแบบการนาเสนอที่เป็ น ข้ อความเป็ นหลัก โดยมีการ
เชื่อมโยงระหว่ างกัน ทั้งภายใน และภายนอก สื บท่ องไปยัง
ส่ วนที่เกียวข้ อง
่
ลักษณะของการเชื่อโยงข้ อมูล เรียกว่ า “ไฮเปอร์ ลงค์
ิ
(Hyperlink)”

11. ประโยชน์ ของการใช้ งาน Hypertext
• รู ปแบบการนาเสนอ ให้ ความตืนเต้ น ่
• มีลกษณะของการสร้ างสรรค์ มากกว่ า
ั
• สามารถเชื่อมโยงไปยังเอกสารอืน ๆ ภายนอกได้
่
• สามารถสื บท่ องไปยังเนือหา ตามต้ องการได้
้
• มีความเป็ นพลวัตร
• สามารถป้ องกันไม่ ให้ ผู้ใช้ ดูเอกสารบางส่ วนก่ อนทีจะทากิจกรรมที่
่
กาหนดได้

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

13. รูปแบบของ Hypertext
• แบบไม่ มีโครงสร้ าง(Unstructured Hypertext)
• แบบมีโครงสร้ าง(Structured Hypertext)
• แบบเนือหาสั มพันธ์ (Hierarchical Hypertext)
้

14. ส่ วนประกอบของ Hypertext
• พอยน์ (Point)
– คา,วลี,ประโยค ที่ใช้เป็ นจุดเชื่อมโยงไปยังข้อมูล
• โนด (Nodes)
– กลุ่มของข้อมูลที่สมพันธ์กน ซึ่ งถูกจัดไว้เป็ นกลุ่มเดียวกัน
ั ั
• ลิงค์ (Link)
– การเชื่อมโยงที่เปรี ยบเสมือนกาวที่เชื่อโยงไฮเปอร์เท็กซ์เข้าด้วยกัน

15. ส่ วนประกอบของ Hypertext

16. ความร้ ูเกียวกับ Hypermedia
่
• ความหมายของไฮเปอร์ มีเดีย
• ลิงค์ ในระบบไฮเปอร์ มีเดีย
• ข้ อดี-ข้ อเสี ย ของลิงค์
• ไฮเปอร์ มีเดีย : มัลติมีเดีย

17. ความหมายของ Hypermedia
HyperText + MultiMedia
‘HyperMedia’

18. ความหมายของ Hypermedia
• รู ปแบบการนาเสนอโดยใช้ หลักการของไฮเปอร์ เท็กซ์ ผ่านระบบ
มัลติมเี ดีย
ซึ่งสามารถ นาเสนอข้ อมูลพร้ อมกับมีการเชื่อมโยง ทั้งข้ อความ
ภาพ กราฟิ ก ภาพเคลือนไหว และเสี ยง
่

19. Link ใน Hypermedia
• ลิงค์ ในระบบไฮเปอร์ มีเดีย คือ กลุ่มของตัวชี้ ทีเ่ ป็ นตัวเชื่อมโยงข้ อมูล
จุดทีใช้ เชื่อมโยงนั้นอาจจะเป็ น ข้ อความ, ไดอะแกรม, ภาพวิดิ
่
ทัศน์ , ภาพนิ่ง ก็ได้

20. หน้ าที่ link ใน Hypermedia
• เชื่อมโยงข้ อมูลอ้ างอิงกับข้ อมูลปัจจุบันได้
• เชื่อมโยงคาอธิบายต่ างๆ เข้ ากับข้ อมูล
• ช่ วยจัดการรู ปแบบของเนือหาที่สัมพันธ์ กน
้ ั
• เชื่อมโยงองค์ ประกอบเพิมเติมได้
่
• เชื่อมโยงข้ อมูลให้ เป็ นกลุ่มประเภทเดียวกัน

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

22. ข้ อเสียของ Link
• ผู้ใช้ เกิดการหลงทาง
• ยากที่จะกลับคืนสู่ ข้อมูลเดิมในบางครั้ง
• การเชื่อมโยงข้ อมูลที่ไม่ ดี จะเกิดการวนเป็ นวงกลม

23. Hypermedia : Multimedia
ไฮเปอร์ มเี ดีย มีรากฐานจาก มัลติมีเดีย ดังนั้น เป็ นการนาเสนอ
ด้ วย ข้ อความ,กราฟิ ก, ภาพวิดิทัศน์ ,เสี ยง,โปรแกรม
คอมพิวเตอร์ และภาพเคลื่อนไหว

24. Budget
Budget
Moving Picture
Program Computer
Sound
Animation
Pictures
Drawing
Text
Media
:

25. มิติใหม่ ของ Hypermedia
ภาพยนต์
• ภาพยนต์ แบบปฏิสัมพันธ์ (Interactive Movies)
• ภาพยนต์ มีข้อความประกอบ (Annotated Movies)
• ภาพแพนอรามา (Panorama Pictures)
ภาพโมเดล 3 มิต(Three Dimension Model Picture)
ิ

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

27. Annotated Movie
• นาเสนอด้ วยสื่อหลาย ๆ รู ปแบบบนจอเดียวกันในเวลาเดียวกัน 2 หรือ 4
ส่ วน ก็ได้
Screen
Movie of TV
Speaker Troubleshooting Still Pictures
Keyword and Diagrams of
Search Options TV Circuit

28. Panorama Movie
ภาพมุมกว้ างทีอาจมีมุมมองภาพถึง 360o เป็ นภาพทีกวาดไปรอบ ๆ ตัว เมื่อ
่ ่
ลงมาจากทีสูง ๆ
่
360o

29. ภาพ Panorama

30. 3D Model
ใช้ Software ชั้นสู งสร้ าง Model จาลองเพือดูรูปร่ าง หรือมุมต่ างๆ แทน
่
การขึนหุ่นจาลองด้ วยวัสดุอน ๆ ซึ่งต้ องใช้ ต้นทุนสู งกว่ า
้ ื่

31. • End.