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