introduction of multidedia technology

52
Introduction to Multimedia Design พื้นฐานการออกแบบมัลติมีเดียเบื้องต้น

Upload: opas-kaewtai

Post on 03-Jul-2015

990 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Introduction of Multidedia Technology

Introduction to Multimedia Designพื้นฐานการออกแบบมัลติมีเดียเบือ้งต้น

Page 2: Introduction of Multidedia Technology

โอภาส แก้วตา่ย[email protected]

Page 3: Introduction of Multidedia Technology

Description

ศึกษาเก่ียวกับแนวคิด หลักการและการปฏิบตัิการในการนำาเสนอข้อมูลข่าวสารโดยใชส้ื่อประเภทมัลติมีเดีย การบนัทึกเสยีง การประมวลภาพ การทำาภาพเคลื่อนไหว การนำาอุปกรณ์ หรือเครื่องมืออิเลคทรอนิกสต์่างๆ มาประกอบกัน หรือการแลกเปลี่ยนข่าวสารและการนำาเสนอข้อมูล

Page 4: Introduction of Multidedia Technology

การประเมินผล

ระหว่างเรียน 20 %

สอบย่อย 30 %

ปลายภาค 30 %

รายงาน/โปรเจค 20 %

Page 5: Introduction of Multidedia Technology

What is Multimedia???

Page 6: Introduction of Multidedia Technology

Multimedia

Multimedia มาจากคำาว่า Multus ซึ่งเปน็ภาษาลาติน หมายถึง มาก หลากหลาย กับคำาว่า Media ซึ่งมีความหมายเดียวกับ Middle หรือ Center หมายถึง ตัวกลาง สื่อกลาง การสื่อสารข้อมูลผ่านตัวกลาง ดังนั้น Multimedia จึงหมายถึง

Page 7: Introduction of Multidedia Technology

Multimedia

การนำาองคป์ระกอบของสื่อชนิดต่างๆ มารวมเข้าด้วยกัน หรือเรียกว่า ส ื ่อประสม

Page 8: Introduction of Multidedia Technology

Multimedia History

Newspaper: perhaps the first mass communication medium,uses text, graphics, and images.

Motion pictures: conceived of in 1830's in order to observe motion too rapid for perception by the human eye.'The Jazz Singer'

Wireless radio transmission: Guglielmo Marconi, at Pontecchio, Italy, in 1895.

Television: the new medium for the 20th century, established video as a commonly available medium and has since changed the world of mass communications

The connection between computers and ideas about multimedia covers what is actually only a short period:

Page 9: Introduction of Multidedia Technology

Multimedia History

1945 - Vannevar Bush wrote a landmark article describing what amounts to a hypermedia system called Memex.

1960 - Ted Nelson coined the term hypertext.

1967 - Nicholas Negroponte formed the Architecture Machine Group.

1968 - Douglas Engelbart demonstrated the On-Line System (NLS) , another very early hypertext program.

1969 - Nelson and van Dam at Brown University created an early hypertext editor called FRESS.

1976 - The MIT Architecture Machine Group proposed a project entitled Multiple Media | resulted in the Aspen Movie

Map, the first hypermedia videodisk, in 1978.

Page 10: Introduction of Multidedia Technology

Multimedia History

1985 - Negroponte and Wiesner co-founded the MIT Media Lab.

1989 - Tim Berners-Lee proposed the World Wide Web

1990 - Kristina Hooper Woolsey headed the Apple Multimedia Lab.

1991 - MPEG-1 was approved as an international standard for digital video | led to the newer standards, MPEG-2, MPEG-4, and further MPEGs in the 1990s.

1991 - The introduction of PDAs in 1991 began a new period in the use of computers in multimedia.

1992 - JPEG was accepted as the international standard for digital image compression | led to the new JPEG2000 standard.

1992 - The irst MBone audio multicast on the Net was made.

1993 - The University of Illinois National Center for Supercomputing Applications produced NCSA Mosaicthe first full-edged browser.

Page 11: Introduction of Multidedia Technology

Multimedia History

1994 - Jim Clark and Marc Andreessen created the Netscape program.

1995 - The JAVA language was created for platform-independent application development.

1996 - DVD video was introduced; high quality full-length movies were distributed on a single disk.

1998 - XML 1.0 was announced as a W3C Recommendation.

1998 - Hand-held MP3 devices first made inroads into consumerist tastes in the fall of 1998, with the introduction of devices holding 32MB of fash memory.

2000 - WWW size was estimated at over 1 billion pages.

Page 12: Introduction of Multidedia Technology

Multimedia and Hypermedia

A hypertext system: meant to be read nonlinearly, by following links that point to other parts of the document, or to other documents

HyperMedia: not constrained to be text-based, can include other media, e.g., graphics, images, and especially the continuous media - sound and video.

The World Wide Web (WWW) -- the best example of a hypermedia application.

Multimedia means that computer information can be represented through audio, graphics, images, video, and animation in addition to traditional media.

Page 13: Introduction of Multidedia Technology

องค์ประกอบของมลัติมีเดีย

ตัวอักษร (Text)

รูปภาพ (Image) และกราฟฟิก (Graphic)

เสียง (Sound)

วีดีโอ (Video)

แอนเิมชัน่ (Animation)

Page 14: Introduction of Multidedia Technology

ตัวอักษร (Text)

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

http://www.flickr.com/photos/jonathan_chapman1986/4004884667/sizes/o/in/photostream/

Page 15: Introduction of Multidedia Technology

http://www.flickr.com/photos/goodnightjohn/4648843742/sizes/l/in/photostream/

Page 16: Introduction of Multidedia Technology

รูปภาพ (Image) และกราฟฟิก (Graphic)

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

http://www.flickr.com/photos/12656278@N02/5953108559/sizes/l/in/photostream/

Page 17: Introduction of Multidedia Technology

http://www.flickr.com/photos/12656278@N02/5953108559/sizes/l/in/photostream/

Page 18: Introduction of Multidedia Technology

เสียง (Sound)

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

http://www.flickr.com/photos/arselectronica/4517780513/sizes/o/in/photostream/

Page 19: Introduction of Multidedia Technology
Page 20: Introduction of Multidedia Technology

วีดีโอ (Video)

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

http://www.flickr.com/photos/sarahreido/3245498261/sizes/o/in/photostream/

Page 21: Introduction of Multidedia Technology

แอนิเมชั่น (Animation)

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

http://www.flickr.com/photos/monkeyc/112350059/sizes/o/in/photostream/

Page 22: Introduction of Multidedia Technology

แอนิเมชั่น (Animation)

http://vimeo.com/groups/antinorm/videos/26401501

http://eckiller.com/2010/06/my-10-favorite-mechanical-animations-from-wikipedia.html

Page 23: Introduction of Multidedia Technology

คุณสมบัติของมัลติมีเดีย

Multiple Media

Non-Linearity

Interactivity

Digital Representation

Integrity

Page 24: Introduction of Multidedia Technology

Multiple Media

Multiple Media (สื่อผสม) หมายถึง การนำาสือ่ชนิดต่างๆ เช่น ตัวอักษร ภาพ เสียง และวิดีโอ มาผสมกันเพื่อนำาเสนอข้อมูลในรูปแบบมัลติมีเดีย ซึ่งสามารถใช้สื่อหลากหลายรูปแบบเพื่อแทนข้อมูลได้ โดยจะต้องอาศัยฮาร์ดแวร์และซอฟท์แวร์ที่มีประสทิธิภาพสำาหรับสร้างและแสดงผล

Page 25: Introduction of Multidedia Technology

Non-Linearity

Non-Linearity เปน็การนำาเสนอมัลติมีเดียที่ผู้ใช้สามารถควบคมุการนำาเสนอได้ ด้วยการ Jumping หรือ Navigating จากจุดหนึง่ไปยังอีกจุดหนึ่งที่มีการเชือ่มโยงอย่างอิสระที่ไม่ใช่ลำาดับเป็นเส้นตรง โดยสามารถเข้าถึงข้อมูลในตำาแหน่งที่ต้องการได้อย่างรวดเร็วและสามารถเลือกรูปแบบการแสดงผลด้วยการป้อนคำาสั่ง จากนั้นระบบจะทำาหนา้ที่สบืคน้และเข้าถึงข้อมูลอย่างรวดเร็ว

Page 26: Introduction of Multidedia Technology

Interactivity

การโต้ตอบ (Interactivity) คอืการสื่อสารระหว่างผู้ใช้กับมลัติมีเดีย เพื่อควบคมุมัลติมีเดียด้วยการปอ้นคำาสั่งผ่านส่วนติดต่อประสานงานผู้ใช ้(User Interface) ทั้งแบบ command และแบบ Graphic User Interface (GUI) เชน่ ปุม่ เมนู ต่างๆ

Page 27: Introduction of Multidedia Technology

Digital Representation

Digital Representation คือการแทนข้อมูลด้วยรูปแบบดิจิตอล ทำาให้สามารถนำาข้อมูลไปใชง้านและจัดเก็บบนเครื่องคอมพิวเตอร์ได้ นอกจากนีย้ังสามารถเก็บข้อมูลในอุปกรณ์เก็บข้อมูชนิดต่างๆ เชน่ CD-Rom, DVD หรือ Flash Drive ได้

Page 28: Introduction of Multidedia Technology

Integrity

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

Page 29: Introduction of Multidedia Technology

ประโยชน์ของมัลติมเีดีย

ง่ายต่อการใช้งาน

สร้างความรู้สกึ

สร้างเสริมประสบการณ์

เพิ่มความสามารถในการเรียนรู้

คุ้มคา่ต่อการลงทุน

Page 30: Introduction of Multidedia Technology

ง่ายต่อการใช้งาน

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

Page 31: Introduction of Multidedia Technology

สร้างความรู้สึก

มัลติมีเดียสามารถสร้างความรู้สึกให้กับผู้ใช้งานได้ เชน่ การใชเ้สยีงเพลงเพื่อสร้างความรู้สกึต่าง ๆ

Page 32: Introduction of Multidedia Technology

สร้างเสริมประสบการณ์

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

Page 33: Introduction of Multidedia Technology

เพิ่มความสามารถในการเรียนรู้

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

Page 34: Introduction of Multidedia Technology

คุ้มค่าต่อการลงทุน

ลดระยะเวลาและประหยัดคา่ใช้จ่ายในการจ้างผู้เชีย่วชาญมาเผยแพร่ความรู้ และสามารถนำาเอามัลติมีเดียที่จัดทำาเสร็จเรียบร้อยแล้วมาใชง้านซำ้าได้ (Reused)

Page 35: Introduction of Multidedia Technology

การประยุกต์ใช้งาน

ด้านความบนัเทิง

ด้านการศึกษา

ด้านการฝึกอบรม

ด้านการนำาเสนอข้อมูล

ด้านธุรกิจ

ด้านการท่องเที่ยว

ด้านการซื้อขายสินคา้

ด้านการสื่อสาร

ด้านการแพทย์

ด้านการออกแบบทางวิศวกรรม

ด้านการจัดเก็บและสืบค้นข้อมูล

Page 36: Introduction of Multidedia Technology

ปัจจัยที่มีผลกระทบต่อการจดัทำา Multimedia

ความต้องการของผูใ้ช้

การบีบอัดข้อมูล

ประสิทธิภาพในการประมวลผล

มาตรฐาน

ปัจจัยทางด้านการสื่อสารข้อมูลผ่านเครือข่าย

การเผยแพร่

Page 37: Introduction of Multidedia Technology

ความต้องการของผู้ใช้ (Demand from Customer)

ควรคำานึงถึงความต้องการและวัตถุประสงค์ของผูใ้ช้เปน็หลัก

Page 38: Introduction of Multidedia Technology
Page 39: Introduction of Multidedia Technology
Page 40: Introduction of Multidedia Technology
Page 41: Introduction of Multidedia Technology
Page 42: Introduction of Multidedia Technology
Page 43: Introduction of Multidedia Technology
Page 44: Introduction of Multidedia Technology
Page 45: Introduction of Multidedia Technology
Page 46: Introduction of Multidedia Technology

ความต้องการของผู้ใช้ (Demand from Customer)

ควรคำานึงถึงความต้องการและวัตถุประสงค์ของผูใ้ช้เปน็หลัก

http://theoatmeal.com/comics/design_hell

Page 47: Introduction of Multidedia Technology

การบีบอัดข้อมูล (Compression)

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

Page 48: Introduction of Multidedia Technology

ประสิทธิภาพในการประมวลผล (Processing Power)

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

Page 49: Introduction of Multidedia Technology

มาตรฐาน (Standard)

มาตรฐานสำาหรับการนำาเสนอมัลติมีเดียไม่ได้มีการกำาหนดไว้ชดัเจน แต่โดยทั่วไปจะประกอบด้วยองค์ประกอบทางด้านฮาร์ดแวร์และซอฟท์แวร์

ฮาร์ดแวร์ เชน่ สาย พอร์ตสำาหรับเชือ่มต่อ

ซอฟท์แวร์ เชน่ รูปแบบไฟล์ โปรโตคอล มาตรฐานการบีบอัดข้อมูล

Page 50: Introduction of Multidedia Technology

ปัจจัยทางด้านการสื่อสารข้อมลูผ่านเครือข่าย (Network)

แบนด์ว ิท (Bandwidth)

ประสิทธิภาพของการนำาเสนอมลัติมีเดียผ่านเครือข่าย (Network) แบบต่าง ๆ จะขึ้นอยู่กับขนาดแบนด์วิท และความเร็วของอุปกรณ์ รับ – สง่ ข้อมูลของเครือข่ายนัน้ๆ

Page 51: Introduction of Multidedia Technology

การเผยแพร่ (Distribute Mechanism)

ผ่านเครือข่ายแบบต่างๆ เช่น เครือข่ายระยะใกล้ (LAN) หรือ Internet

ผ่านรูปแบบสื่อบนัทึกข้อมูล เชน่ CD, DVD หรือ Memory Card แบบต่างๆ

Page 52: Introduction of Multidedia Technology

อ้างอิง

ทวีศักด์ิ กาญจนสุวรรณ, เทคโนโลยีม ัลต ิม ี เด ีย(Multimedia Technology), สำานกัพิมพ์ เคทีพี : 2552

Ze-Nian Li and Mark S. Drew, “Fundamentals of Multimedia”, Pearson : 2004