multimedia application

การประยกตใชมลตมเดยMultimedia Application

iv

Internet และสงคมการเรยนร

• Internet คอเครอขายคอมพวเตอรขนาดใหญทสดในโลกและเชอมโยงกนเกอบทวโลก– Network of Networks

– เชอมตอโดยอาศยเทคโนโลยโทรคมนาคม– Internet เตบโตอยางรวดเรว– เชอมโยงขอมลขาวสารและสอตางๆ ปรมาณมหาศาลเขาดวยกน– มลกษณะเปน Multimedia ทยงไมไดจดการ

บรการสารสนเทศมลตมเดย(Multimedia Service)

• ใช Web เปนสอกลางในการเขาถงสารสนเทศ– Hyper media

– Multimedia

• การคนคนสารสนเทศมลตมเดย(Retrieval Service)

– มอยแลวเรยกใชงาน• การคนหาสารในเทศมลตมเดย(Search Service)

– หาสงทยงไมม• การตดตอสอสารกนดวยสอมลตมเดย

– E-Mail , Conference

การศกษาบน Web

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

• Education on Demand : การศกษาตามความตองการ ผเรยนคอผ แสวงหา เรยนร เลอกบรโภคขอมลใหตวเอง

• การเรยนรบน Web เปนการศกษาทใชเทคโนโลย Asynchronous

technology ซงเปนการเรยนการสอนโดยไมจ ากดเวลาและสถานท

Asynchronous Learning

• “ใครกได ทไหนกได เวลาใดกได เรองอะไรกได”– เรยนอยางมปฏสมพนธ(interactive learning)

– เรยนรรวมกน(collaborative learning)

– ใชแหลงการเรยนรระยะไกล(remote resource)

เทคโนโลยมลตมเดยบน Web

• Shockwave : จากคาย Macromedia ออกแบบ Interactive

multimedia สามารถแสดงผลบน Web ได เทคโนโลย shockwave

สนบสนนการแสดงเสยง ภาพเคลอนไหว วดทศน ยกตวอยางเชน Director และ Flash

• Streaming : ชวยใหมองเหนและไดยนขอมลมลตมเดยบนเวบ มกถกน าไปใชงานกบการชมวดทศนบนเวบในระยะเวลาสนๆ ขอมลทสงผานมกถกเขารหสกอน ตวอยางเชน QuickTime , RealMedia

การประยกตใชสอมลตมเดยบนเวบเพอการเรยนร

• การประยกตใชในลกษณะผเรยนเปนผใช(User)

• การประยกตในลกษณะผเรยนเปนผสราง(Producer)

ลกษณะการประยกตใช

ผเรยนเปนผใช ผเรยนเปนผสราง

รปแบบ ก. รปแบบ ข. รปแบบ ค.

การสอน สอนดวยสอมลตมเดยปฏ

สมพนธและเวบเพจ ทมผ

สรางไว

สอนเกยวกบการสราง

สอและสราวเวบ

สอนดวยเครอสรางสอ

และเครองมอสรางเวบ

การเรยน เรยนดวยการใชสอ

มลตมเดยปฏสมพนธ

เรยนรเกยวกบการสราง

สอมลตมเดยปฏสมพนธ

เรยนรดวยเครองมอการ

สรางสอมลตมเดยปฏ

สมพนธ

ความรเบองตนเกยวกบ Hypertext

• ความหมายของไฮเปอรเทกซ• ประโยชนการใชงานของไฮเปอรเทกซ• ขอเสยของไฮเปอรเทกซ• รปแบบของไฮเปอรเทกซ• สวนประกอบของไฮเปอรเทกซ

ความหมายของ Hypertext

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

ลกษณะของการเชอโยงขอมล เรยกวา “ไฮเปอรลงค (Hyperlink)”

ประโยชนของการใชงาน Hypertext

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

ก าหนดได

ประโยชนของการใชงาน Hypertext

• เขาถงขอมลรายละเอยดไดอยางรวดเรว• ผนวกซอฟทแวรอนๆ เขาในการน าเสนอเอกสารได• เกดความคงทนในการจดจ า มากกวาเอกสารสงพมพ• เหมาะสมและสนบสนนการเรยนรแบบเอกตบคคล

รปแบบของ Hypertext

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

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

• แบบเนอหาสมพนธ(Hierarchical Hypertext)

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

• พอยน (Point)– ค า,วล,ประโยค ทใชเปนจดเชอมโยงไปยงขอมล

• โนด (Nodes)– กลมของขอมลทสมพนธกน ซงถกจดไวเปนกลมเดยวกน

• ลงค (Link)– การเชอมโยงทเปรยบเสมอนกาวทเชอโยงไฮเปอรเทกซเขาดวยกน

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

ความรเกยวกบ Hypermedia

• ความหมายของไฮเปอรมเดย• ลงคในระบบไฮเปอรมเดย• ขอด-ขอเสย ของลงค• ไฮเปอรมเดย : มลตมเดย

ความหมายของ Hypermedia

HyperText MultiMedia+

‘HyperMedia’

ความหมายของ Hypermedia

• รปแบบการน าเสนอโดยใชหลกการของไฮเปอรเทกซผานระบบมลตมเดย

ซงสามารถ น าเสนอขอมลพรอมกบมการเชอมโยง ทงขอความ ภาพ กราฟก ภาพเคลอนไหว และเสยง

Link ใน Hypermedia

• ลงคในระบบไฮเปอรมเดย คอ กลมของตวช ทเปนตวเชอมโยงขอมล

จดทใชเชอมโยงนนอาจจะเปน ขอความ, ไดอะแกรม, ภาพวดทศน , ภาพนง กได

หนาท link ใน Hypermedia

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

ขอดของ Link

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

จ าเนอหา• ใชงายและสะดวกกวาการคนหาขอมล• ผใชเกดความพงพอใจมากกวา

ขอเสยของ Link

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

Hypermedia : Multimedia

ไฮเปอรมเดย มรากฐานจาก มลตมเดย ดงนน เปนการน าเสนอดวย ขอความ,กราฟก, ภาพวดทศน,เสยง,โปรแกรมคอมพวเตอร และภาพเคลอนไหว

Budget

:

Bu

dg

et

Media

Text

Drawing

Pictures

Animation

Sound

Program Computer

Moving Picture

มตใหมของ Hypermedia

ภาพยนต• ภาพยนตแบบปฏสมพนธ (Interactive Movies)• ภาพยนตมขอความประกอบ (Annotated Movies)• ภาพแพนอรามา (Panorama Pictures)ภาพโมเดล 3 มต(Three Dimension Model Picture)

ภาพยนตรแบบมปฏสมพนธ

เปนรปแบบของซดรอมประเภทหนง ทน าเสนอโดยการปฏสมพนธเปนหลก

• ทงบทเรยนและการน าเสนอองคความรทว ๆ ไป สามารถเลอกชมภาพยนตรบางสวนได

Annotated Movie

• น าเสนอดวยสอหลาย ๆ รปแบบบนจอเดยวกนในเวลาเดยวกน 2 หรอ 4 สวน กได

Speaker

Screen

Movie of TVTroubleshooting Still Pictures

Keyword andSearch Options

Diagrams ofTV Circuit

Panorama Movie

ภาพมมกวางทอาจมมมมองภาพถง 360o เปนภาพทกวาดไปรอบ ๆ ตว เมอลงมาจากทสง ๆ

360o

ภาพ Panorama

3D Model

ใช Software ชนสงสราง Model จ าลองเพอดรปราง หรอมมตางๆ แทนการขนหนจ าลองดวยวสดอน ๆ ซงตองใชตนทนสงกวา

• End.