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

          iv
Internet และสังคมการเรี ยนร้ ู

• Internet คือเครือข่ ายคอมพิวเตอร์ ขนาดใหญ่ ทสุดในโลกและเชื่อมโยง
                       ...
บริ การสารสนเทศมัลติมีเดีย(Multimedia Service)

• ใช้ Web เป็ นสื่ อกลางในการเข้ าถึงสารสนเทศ
   – Hyper media
   – Multim...
การศึกษาบน Web

• Web ถูกประยุกต์ใช้ทางการศึกษาในหลายรู ปแบบ เช่น เครื อข่าย
  โรงเรี ยน ห้องเรี ยนเสมือน ห้องสมุดเสมือน ห...
Asynchronous Learning


• “ใครก็ได้ ทีไหนก็ได้ เวลาใดก็ได้ เรื่องอะไรก็ได้ ”
                 ่
   – เรี ยนอย่างมีปฏิสมพัน...
เทคโนโลยีมัลติมีเดียบน Web

• Shockwave : จากค่าย Macromedia ออกแบบ Interactive
  multimedia สามารถแสดงผลบน Web ได้ เทคโนโ...
การประยกต์ ใช้ สื่อมัลติมีเดียบนเว็บเพือการเรี ยนร้ ู
       ุ                               ่

• การประยุกต์ ใช้ ในลักษณะ...
ลักษณะการประยกต์ ใช้
              ุ

               ผู เ้ รียนเป็ นผู ใ้ ช้               ผู เ้ รียนเป็ นผู สร้าง
       ...
ความร้ ูเบื้องต้ นเกียวกับ Hypertext
                     ่


     •   ความหมายของไฮเปอร์ เท็กซ์
     •   ประโยชน์ การใช้ ...
ความหมายของ Hypertext


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


•   รู ปแบบการนาเสนอ ให้ ความตืนเต้ น ่
•   มีลกษณะของการสร้ างสรรค์ มากกว่ า
        ั...
ประโยชน์ ของการใช้ งาน Hypertext


•   เข้ าถึงข้ อมูลรายละเอียดได้ อย่ างรวดเร็ว
•   ผนวกซอฟท์ แวร์ อ่ นๆ เข้ าในการนาเสน...
รูปแบบของ Hypertext



• แบบไม่ มีโครงสร้ าง(Unstructured Hypertext)

• แบบมีโครงสร้ าง(Structured Hypertext)

• แบบเนือหา...
ส่ วนประกอบของ Hypertext


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


    •   ความหมายของไฮเปอร์ มีเดีย
    •   ลิงค์ ในระบบไฮเปอร์ มีเดีย
    •   ข้...
ความหมายของ Hypermedia



  HyperText      + MultiMedia

     ‘HyperMedia’
ความหมายของ Hypermedia


• รู ปแบบการนาเสนอโดยใช้ หลักการของไฮเปอร์ เท็กซ์ ผ่านระบบ
  มัลติมเี ดีย

      ซึ่งสามารถ นาเสน...
Link ใน Hypermedia


• ลิงค์ ในระบบไฮเปอร์ มีเดีย คือ กลุ่มของตัวชี้ ทีเ่ ป็ นตัวเชื่อมโยงข้ อมูล

         จุดทีใช้ เชื่อ...
หน้ าที่ link ใน Hypermedia


 •   เชื่อมโยงข้ อมูลอ้ างอิงกับข้ อมูลปัจจุบันได้
 •   เชื่อมโยงคาอธิบายต่ างๆ เข้ ากับข้ อ...
ข้ อดีของ Link

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


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


ไฮเปอร์ มเี ดีย มีรากฐานจาก มัลติมีเดีย ดังนั้น เป็ นการนาเสนอ
   ด้ วย ข้ อความ,กราฟิ ก, ภาพวิด...
Budget
Budget


                                     Moving Picture
                             Program Computer
        ...
มิติใหม่ ของ Hypermedia

ภาพยนต์
• ภาพยนต์ แบบปฏิสัมพันธ์ (Interactive Movies)
• ภาพยนต์ มีข้อความประกอบ (Annotated Movies...
ภาพยนตร์ แบบมีปฏิสัมพันธ์


เป็ นรู ปแบบของซีดรอมประเภทหนึ่ง ที่นาเสนอโดยการ
                     ี
    ปฏิสัมพันธ์ เป็ นห...
Annotated Movie

• นาเสนอด้ วยสื่อหลาย ๆ รู ปแบบบนจอเดียวกันในเวลาเดียวกัน 2 หรือ 4
  ส่ วน ก็ได้
                        ...
Panorama Movie

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

ใช้ Software ชั้นสู งสร้ าง Model จาลองเพือดูรูปร่ าง หรือมุมต่ างๆ แทน
                                        ...
• End.
Upcoming SlideShare
Loading in …5
×

Multimedia Application

2,483 views
2,314 views

Published on

Multimedia Application

Published in: Devices & Hardware
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,483
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Multimedia Application

  1. 1. การประยกต์ ใช้ มลติมีเดีย ุ ั Multimedia Application iv
  2. 2. Internet และสังคมการเรี ยนร้ ู • Internet คือเครือข่ ายคอมพิวเตอร์ ขนาดใหญ่ ทสุดในโลกและเชื่อมโยง ี่ กันเกือบทัวโลก ่ – Network of Networks – เชื่อมต่อโดยอาศัยเทคโนโลยีโทรคมนาคม – Internet เติบโตอย่างรวดเร็ ว – เชื่อมโยงข้อมูลข่าวสารและสื่ อต่างๆ ปริ มาณมหาศาลเข้าด้วยกัน – มีลกษณะเป็ น Multimedia ที่ยงไม่ได้จดการ ั ั ั
  3. 3. บริ การสารสนเทศมัลติมีเดีย(Multimedia Service) • ใช้ Web เป็ นสื่ อกลางในการเข้ าถึงสารสนเทศ – Hyper media – Multimedia • การค้ นคืนสารสนเทศมัลติมีเดีย(Retrieval Service) ่ – มีอยูแล้วเรี ยกใช้งาน • การค้ นหาสารในเทศมัลติมเี ดีย(Search Service) – หาสิ่ งที่ยงไม่มี ั • การติดต่ อสื่ อสารกันด้ วยสื่ อมัลติมีเดีย – E-Mail , Conference
  4. 4. การศึกษาบน Web • Web ถูกประยุกต์ใช้ทางการศึกษาในหลายรู ปแบบ เช่น เครื อข่าย โรงเรี ยน ห้องเรี ยนเสมือน ห้องสมุดเสมือน ห้องสมุดดิจิทล การเรี ยน ั การสอนออนไลน์ เป็ นต้น • Education on Demand : การศึกษาตามความต้องการ ผูเ้ รี ยนคือผู ้ แสวงหา เรี ยนรู ้ เลือกบริ โภคข้อมูลให้ตวเอง ั • การเรี ยนรู ้บน Web เป็ นการศึกษาที่ใช้เทคโนโลยี Asynchronous technology ซึ่งเป็ นการเรี ยนการสอนโดยไม่จากัดเวลาและสถานที่
  5. 5. Asynchronous Learning • “ใครก็ได้ ทีไหนก็ได้ เวลาใดก็ได้ เรื่องอะไรก็ได้ ” ่ – เรี ยนอย่างมีปฏิสมพันธ์(interactive learning) ั – เรี ยนรู ้ร่วมกัน(collaborative learning) – ใช้แหล่งการเรี ยนรู ้ระยะไกล(remote resource)
  6. 6. เทคโนโลยีมัลติมีเดียบน Web • Shockwave : จากค่าย Macromedia ออกแบบ Interactive multimedia สามารถแสดงผลบน Web ได้ เทคโนโลยี shockwave สนับสนุนการแสดงเสี ยง ภาพเคลื่อนไหว วิดิทศน์ ยกตัวอย่างเช่น ั Director และ Flash • Streaming : ช่วยให้มองเห็นและได้ยนข้อมูลมัลติมีเดียบนเว็บ มักถูก ิ นาไปใช้งานกับการชมวิดิทศน์บนเว็บในระยะเวลาสั้นๆ ข้อมูลที่ ั ส่ งผ่านมักถูกเข้ารหัสก่อน ตัวอย่างเช่น QuickTime , RealMedia
  7. 7. การประยกต์ ใช้ สื่อมัลติมีเดียบนเว็บเพือการเรี ยนร้ ู ุ ่ • การประยุกต์ ใช้ ในลักษณะผู้เรียนเป็ นผู้ใช้ (User) • การประยุกต์ ในลักษณะผู้เรียนเป็ นผู้สร้ าง(Producer)
  8. 8. ลักษณะการประยกต์ ใช้ ุ ผู เ้ รียนเป็ นผู ใ้ ช้ ผู เ้ รียนเป็ นผู สร้าง ้ รู ปแบบ ก. รู ปแบบ ข. รู ปแบบ ค. การสอน สอนด้วยสื่ อมัลติมเี ดียปฏิ สอนเกี่ยวกับการสร้าง สอนด้วยเครื่ อสร้างสื่ อ สัมพันธ์และเว็บเพจ ที่มผู ้ ี สื่ อและสร้าวเว็บ และเครื่ องมือสร้างเว็บ สร้างไว้ การเรียน เรียนด้วยการใช้ส่ ื อ เรียนรู เ้ กี่ยวกับการสร้าง เรียนรู ดวยเครื่ องมือการ ้ ้ มัลติมเี ดียปฏิสมพันธ์ ั สื่ อมัลติมเี ดียปฏิสมพันธ์ สร้างสื่ อมัลติมเี ดียปฏิ ั สัมพันธ์
  9. 9. ความร้ ูเบื้องต้ นเกียวกับ Hypertext ่ • ความหมายของไฮเปอร์ เท็กซ์ • ประโยชน์ การใช้ งานของไฮเปอร์ เท็กซ์ • ข้ อเสี ยของไฮเปอร์ เท็กซ์ • รู ปแบบของไฮเปอร์ เท็กซ์ • ส่ วนประกอบของไฮเปอร์ เท็กซ์
  10. 10. ความหมายของ Hypertext • รู ปแบบการนาเสนอที่เป็ น ข้ อความเป็ นหลัก โดยมีการ เชื่อมโยงระหว่ างกัน ทั้งภายใน และภายนอก สื บท่ องไปยัง ส่ วนที่เกียวข้ อง ่ ลักษณะของการเชื่อโยงข้ อมูล เรียกว่ า “ไฮเปอร์ ลงค์ ิ (Hyperlink)”
  11. 11. ประโยชน์ ของการใช้ งาน Hypertext • รู ปแบบการนาเสนอ ให้ ความตืนเต้ น ่ • มีลกษณะของการสร้ างสรรค์ มากกว่ า ั • สามารถเชื่อมโยงไปยังเอกสารอืน ๆ ภายนอกได้ ่ • สามารถสื บท่ องไปยังเนือหา ตามต้ องการได้ ้ • มีความเป็ นพลวัตร • สามารถป้ องกันไม่ ให้ ผู้ใช้ ดูเอกสารบางส่ วนก่ อนทีจะทากิจกรรมที่ ่ กาหนดได้
  12. 12. ประโยชน์ ของการใช้ งาน Hypertext • เข้ าถึงข้ อมูลรายละเอียดได้ อย่ างรวดเร็ว • ผนวกซอฟท์ แวร์ อ่ นๆ เข้ าในการนาเสนอเอกสารได้ ื • เกิดความคงทนในการจดจา มากกว่ าเอกสารสิ่งพิมพ์ • เหมาะสมและสนับสนุนการเรี ยนรู้แบบเอกัตบุคคล
  13. 13. รูปแบบของ Hypertext • แบบไม่ มีโครงสร้ าง(Unstructured Hypertext) • แบบมีโครงสร้ าง(Structured Hypertext) • แบบเนือหาสั มพันธ์ (Hierarchical Hypertext) ้
  14. 14. ส่ วนประกอบของ Hypertext • พอยน์ (Point) – คา,วลี,ประโยค ที่ใช้เป็ นจุดเชื่อมโยงไปยังข้อมูล • โนด (Nodes) – กลุ่มของข้อมูลที่สมพันธ์กน ซึ่ งถูกจัดไว้เป็ นกลุ่มเดียวกัน ั ั • ลิงค์ (Link) – การเชื่อมโยงที่เปรี ยบเสมือนกาวที่เชื่อโยงไฮเปอร์เท็กซ์เข้าด้วยกัน
  15. 15. ส่ วนประกอบของ Hypertext
  16. 16. ความร้ ูเกียวกับ Hypermedia ่ • ความหมายของไฮเปอร์ มีเดีย • ลิงค์ ในระบบไฮเปอร์ มีเดีย • ข้ อดี-ข้ อเสี ย ของลิงค์ • ไฮเปอร์ มีเดีย : มัลติมีเดีย
  17. 17. ความหมายของ Hypermedia HyperText + MultiMedia ‘HyperMedia’
  18. 18. ความหมายของ Hypermedia • รู ปแบบการนาเสนอโดยใช้ หลักการของไฮเปอร์ เท็กซ์ ผ่านระบบ มัลติมเี ดีย ซึ่งสามารถ นาเสนอข้ อมูลพร้ อมกับมีการเชื่อมโยง ทั้งข้ อความ ภาพ กราฟิ ก ภาพเคลือนไหว และเสี ยง ่
  19. 19. Link ใน Hypermedia • ลิงค์ ในระบบไฮเปอร์ มีเดีย คือ กลุ่มของตัวชี้ ทีเ่ ป็ นตัวเชื่อมโยงข้ อมูล จุดทีใช้ เชื่อมโยงนั้นอาจจะเป็ น ข้ อความ, ไดอะแกรม, ภาพวิดิ ่ ทัศน์ , ภาพนิ่ง ก็ได้
  20. 20. หน้ าที่ link ใน Hypermedia • เชื่อมโยงข้ อมูลอ้ างอิงกับข้ อมูลปัจจุบันได้ • เชื่อมโยงคาอธิบายต่ างๆ เข้ ากับข้ อมูล • ช่ วยจัดการรู ปแบบของเนือหาที่สัมพันธ์ กน ้ ั • เชื่อมโยงองค์ ประกอบเพิมเติมได้ ่ • เชื่อมโยงข้ อมูลให้ เป็ นกลุ่มประเภทเดียวกัน
  21. 21. ข้ อดีของ Link • สามารถควบคุมการแสดงข้ อมูลได้ • สามารถข้ ามกระโดดไปยังส่ วนใด ๆ ก็ได้ • ข้ อมูลเป็ นกลุ่มเดียวกัน ทาให้ เกิดความคงทนในการจด จาเนือหา้ • ใช้ ง่ายและสะดวกกว่ าการค้ นหาข้ อมูล • ผู้ใช้ เกิดความพึงพอใจมากกว่ า
  22. 22. ข้ อเสียของ Link • ผู้ใช้ เกิดการหลงทาง • ยากที่จะกลับคืนสู่ ข้อมูลเดิมในบางครั้ง • การเชื่อมโยงข้ อมูลที่ไม่ ดี จะเกิดการวนเป็ นวงกลม
  23. 23. Hypermedia : Multimedia ไฮเปอร์ มเี ดีย มีรากฐานจาก มัลติมีเดีย ดังนั้น เป็ นการนาเสนอ ด้ วย ข้ อความ,กราฟิ ก, ภาพวิดิทัศน์ ,เสี ยง,โปรแกรม คอมพิวเตอร์ และภาพเคลื่อนไหว
  24. 24. Budget Budget Moving Picture Program Computer Sound Animation Pictures Drawing Text Media :
  25. 25. มิติใหม่ ของ Hypermedia ภาพยนต์ • ภาพยนต์ แบบปฏิสัมพันธ์ (Interactive Movies) • ภาพยนต์ มีข้อความประกอบ (Annotated Movies) • ภาพแพนอรามา (Panorama Pictures) ภาพโมเดล 3 มิต(Three Dimension Model Picture) ิ
  26. 26. ภาพยนตร์ แบบมีปฏิสัมพันธ์ เป็ นรู ปแบบของซีดรอมประเภทหนึ่ง ที่นาเสนอโดยการ ี ปฏิสัมพันธ์ เป็ นหลัก • ทั้งบทเรียนและการนาเสนอองค์ ความรู้ ทั่ว ๆ ไป สามารถ เลือกชมภาพยนตร์ บางส่ วนได้
  27. 27. Annotated Movie • นาเสนอด้ วยสื่อหลาย ๆ รู ปแบบบนจอเดียวกันในเวลาเดียวกัน 2 หรือ 4 ส่ วน ก็ได้ Screen Movie of TV Speaker Troubleshooting Still Pictures Keyword and Diagrams of Search Options TV Circuit
  28. 28. Panorama Movie ภาพมุมกว้ างทีอาจมีมุมมองภาพถึง 360o เป็ นภาพทีกวาดไปรอบ ๆ ตัว เมื่อ ่ ่ ลงมาจากทีสูง ๆ ่ 360o
  29. 29. ภาพ Panorama
  30. 30. 3D Model ใช้ Software ชั้นสู งสร้ าง Model จาลองเพือดูรูปร่ าง หรือมุมต่ างๆ แทน ่ การขึนหุ่นจาลองด้ วยวัสดุอน ๆ ซึ่งต้ องใช้ ต้นทุนสู งกว่ า ้ ื่
  31. 31. • End.

×