แบบฝึกห้ดที่ 3

แบบฝึกหัดที่ 3

 ไฮเปอร์มีเดีย (สื่อหลายมิติ) เป็นการใช้คอมพิวเตอร์นำเสนอข้อมูลหรือเนื้อหาความรู้ต่างๆทั้งในรูปของข้อความ เสียง ภาพนิ่ง ภาพเคลื่อนไหว โดยผู้ใช้สามารถเชื่อมโยงไปมาระหว่างส่วนต่างๆ ของบทเรียนได้อย่างรวดเร็วตามต้องการ ไฮเปอร์มีเดียเป็นการขยายแนวความคิดมาจากไฮเปอร์เทกซ์อันเป็นผลมาจากพัฒนาการของเทคโนโลยีคอมพิวเตอร์ ที่สามารถประสมประสานสื่อหรืออุปกรณ์หลายอย่าง(Multiple media) ให้ทำงานไปด้วยกันซึ่งระบบคอมพิวเตอร์ดังกล่าวโดยทั่วไปนิยมเรียกว่า มัลติมีเดีย (Multimedia) ลักษณะงานของไฮเปอร์มีเดีย
1.1 การ สืบค้น (Browsing) ใช้เป็นเครื่องมือในการค้นหาหรือสืบไปในข้อมูลสารสนเทศหรือบท เรียนต่างๆ โดยผู้ใช้สามารถ สำรวจเลือกเส้นทางวิธีการขั้นตอนการเรียนรู้ตามความพอใจหรือตามแบบการเรียน (Leaning-Style) ของแต่ละคน ทั้งนี้เป็นไป ภายใต้เงื่อนไขที่โปรแกรมหรือบทเรียน ไฮเปอร์มีเดียกำหนดไว้
 1.2 การเชื่อมโยง (Linking) ผู้ใช้สามารถเชื่อมโยงไปยัง แฟ้มข้อมูลต่างๆ ภายในระบบเดียวกัน ตลอดจนการเชื่อมต่อไปยัง เครือข่ายภายนอก เช่นการเชื่อมต่อเข้ากับอินทราเน็ต (Intranet) อินเตอร์เน็ต (Internrt)เป็นต้น
 1.3 สร้างบทเรียน (Authoring) หรือสร้างโปรแกรมการนำเสนอรายงานสารสนเทศต่างๆ ซึ่งถือว่าเป็นโปรแกรมที่มีลักษณะ พิเศษ น่าสนใจเนื่องจากสามารถแสดงให้เห็นทั้งข้อความ รูปภาพ เสียง และการเคลื่อนไหวดังกล่าวมาแล้ว การสร้างบทเรียนแบบ ไฮเปอร์มีเดียโดยทั่วไป ปัจจุบันอาศัยโปรแกรมคอมพิวเตอร์ (Software) สำหรับการสร้างโดยเฉพาะ ซึ่งมีใช้กันอยู่หลายโปรแกรม เช่นHypercard,Hyper Studio,Authoware,Tooolbook,Linkway,Micro Wold, Dreamweaver PowerPoint เป็นต้น สำหรับโปรแกรมที่นิยมใช้ ในประเทศไทย ได้แก่ Authoware,Toolbook Dreamweaver PowerPoint ตัวอย่างข้อมูลประเภทไฮเปอร์มีเดีย ภาพกราฟิก ภาพกราฟิกคือ ภาพที่ผ่านการตกแต่งด้วยโปรแกรมบนเครื่องคอมพิวเตอร์ อาจเป็นภาพที่ถูกวาดขึ้นมาใหม่ทั้งหมด หรือเป็นการนำภาพถ่ายมาทำการรีทัชตัดต่อบนเครื่องคอมพิวเตอร์ก็ได้ โดยใช้โปรแกรมกราฟิกมาเป็นตัวสร้างสรรค์จนได้ภาพที่สมบูรณ์ เช่น โปรแกรม lllustrator , CoreDraw , Paint Shop Priและ Photoshop CS เป็นต้น คุณค่าของงานกราฟิก และ ความสำคัญของงานกราฟิก งานกราฟิกเน้นในการสื่อสารด้วยศิลปะระหว่างผู้สร้าง กับผู้รับ (ผู้ดู ผู้เห็น) ดังนั้น คุณค่าของงานกราฟิกก็จะเกี่ยวข้องกับผลระหว่างผู้สร้างและผู้รับด้วยเช่นกัน คือ
 • เป็นสื่อกลางในการสื่อความหมาย • สร้างระบบการเรียนรู้ • สร้างความเร้าใจ น่าสนใจ ประทับใจ และความเชื่อถือได้ของผลงาน • สร้างความคิดสร้างสรรค์รูปแบบใหม่ โดยการประยุกต์ความคิดจากผลงานเดิม • สร้างอาชีพและรายได้ • ได้แนวคิดที่ดี มองโลกในแง่ดี เห็นความสวยงามของชีวิต จรรโลงความดีงามในจิตใจของ มนุษย์ให้สืบต่อไป จากงานกราฟิกเน้นในการสื่อสารด้วยศิลปะระหว่างผู้สร้าง กับผู้รับ (ผู้ดู ผู้เห็น)ดังนั้นงานกราฟิกจึงมีความสำคัญดังนี้ • ช่วยสรุปความคิด จินตนาการออกมาเป็นข้อมูลที่สื่อสารได้ง่าย • สร้างระบบการถ่ายทอดที่มีความเด่นชัด แปลความหมายได้รวดเร็ว • ช่วยสร้างสรรค์วัตถุประดิษฐ์ใหม่ และมีประโยชน์ต่อวิถีชีวิต ความเป็นอยู่ของ มนุษย์ • สร้างระบบการเรียนรู้ สร้างแนวคิดใหม่ๆ • สร้างค่านิยมทางความคิดที่งดงาม • สร้างความเจริญก้าวหน้าให้ธุรกิจ สังคม ภาพกราฟิกเกิดขึ้นได้อย่างไร ภาพกราฟิกเกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green)และสีน้ำเงิน (Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สี มาผสมกันทำให้เกิดเป็นจุดสีเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ชนิดของรูปภาพที่ปรากฎบนเครื่องคอมพิวเตอร์สามารถแบ่งออกตามลักษณะการจัดเก็บข้อมูลได้ 2 ชนิดด้วยกันคือ รูปภาพแบบบิตแมปและรูปภาพแบบเวคเตอร์
 1. ภาพกราฟิกแบบ Raster (Bitmap) ภาพกราฟิกแบบ Raster หรือเรียกอีกอย่างหนึ่งว่า แบบ Bitmapเป็นภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี ที่เรียกว่า พิกเซล ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้น จะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้น การกำหนดจำนวนพิกเซลจึงควรกำหนดให้เหมาะสมกับงานที่จะสร้าง เช่น งานที่มีความละเอียดน้อย หรือภาพสำหรับเว็บไซต์ ควรกำหนดจำนวนพิกเซล ประมาณ 72 ppi (pixel / inch คือ จำนวนพิกเซลใน 1 ตารางนิ้ว) แต่ถ้าเป็นงานแบบพิมพ์ เช่น นิตยสาร ปกหนังสือ โปสเตอร์ขนาดใหญ่ จะกำหนดประมาณ 300 - 350 ppi เป็นต้น ข้อดีของภาพกราฟิกแบบ Raster คือ สามารถปรับแต่งสี ตกแต่งภาพได้ง่ายและสวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Photoshop, Paint เป็นต้นภาพกราฟิกแบบ Raster ที่ขยายใหญ่ขึ้น จะมองเห็นภาพเป็นจุดสี่เหลี่ยมแฟ้มภาพกราฟิกแบบ Raster(Bitmap) และคุณลักษณะของแฟ้มภาพกราฟิก นามสกุลที่ใช้เก็บแฟ้มภาพกราฟิกแบบ Raster มีหลายนามสกุล เช่น .BMP .DIB .JPG .JPEG .GIF .TIFF .TIF ,PCX .MSP ,PCD .PCT .FPX .IMG .MAC .MSP และ .TGA เป็นต้น ซึ่งลักษณะของแฟ้มภาพจะแตกต่างกันออกไป .JPG, .JPEG, .GIF - ใช้สำหรับรูปภาพทั่วไป งานเว็บเพจ และงานที่มีความจำกัดด้านพื้นที่ โปรแกรมที่ใช้สร้างคือ Photoshop, PaintShopPro, Illustrator เป็นต้น .TIF, .TIFF - เหมาะสำหรับงานด้านนิตยสาร เพราะมีความละเอียดของภาพสูง โปรแกรมที่ใช้สร้างคือPhotoshop เป็นต้น .BMP, .DIB - เป็นไฟล์มาตรฐานของระบบปฏิบัติการวินโดวส์ โปรแกรมที่ใช้สร้างคือ PaintShopPro, Paint .PCX - เป็นไฟล์ดั้งเดิมของโปรแกรมแก้ไขภาพแบบบิตแมป ไม่มีโมเดลเกรย์สเกล ใช้กับภาพทั่วไปโปรแกรมที่ใช้สร้างคือ CorelDraw, Paintbrush, Illustrator เป็นต้น
2.ภาพกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณ ซึ่งภาพจะมีความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพจะไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตยกรรมตกแต่งภายใน และการออกแบบต่าง ๆ เช่น การออกแบบรถยนต์ การออกแบบอาคาร การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบVector คือ โปรแกรม Illustrator, CorrelDraw, 3Ds Max แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์ จะเป็นการแสดงผลภาพแบบ Raster ภาพกราฟิกแบบ Vector ที่ขยายใหญ่ขึ้น ความละเอียดของภาพจะไม่ลดลง แฟ้มภาพกราฟิกแบบ Vector และคุณลักษณะของแฟ้มภาพกราฟิก นามสกุลที่ใช้เก็บแฟ้มภาพกราฟิกแบบ Vector มีหลายนามสกุล เช่น .EPS .WMF .CDR .AI .CGM .DRW .PLT ,DXF .PIC และ .PGL เป็นต้น ซึ่งลักษณะของแฟ้มภาพจะแตกต่างกันออกไป .AI, .EPS - ใช้สำหรับงานที่ต้องการความละเอียดของภาพมาก เช่น การสร้างการ์ตูน การสร้างโลโก้ เป็นต้น - โปรแกรมที่ใช้สร้าง Illustrator .WMF - เป็นไฟล์มาตรฐานของโปรแกรม Microsoft Office - โปรแกรมที่ใช้สร้างคือ CorelDraw
 3. โปรแกรมประยุกต์ที่ใช้ในงานไฮเปอร์มีเดีย โปรแกรมสำหรับสร้างงานไฮเปอร์มีเดีย (Hypermedia Authoring) โปรแกรม Asymetrix Toolbook II เป็นโปรแกรมที่ได้รับความนิยมทั้งในและต่างประเทศ สามารถใช้ภาพ เสียง ตัวอักษร และการเคลื่อนไหวได้อย่างสมบูรณ์ มีโปรแกรมบันทึกและตัดต่อเสียง ให้มาพร้อมกับโปรแกรมหลัก เหมาะสำหรับการสร้างงานแบบไฮเปอร์มีเดีย เช่น บทเรียน คอมพิวเตอร์ช่วยสอน (CAI) หรือการนำเสนอสารสนทเศต่างๆ ตั้งแต่ระดับง่ายๆ ไปจนถึงงานที่ซับซ้อน แนวคิดพื้นฐานของ Toolbook พอสรุปได้ดังนี้ 1. งานของ Toolbook เปรียบเสมือนหนังสือ (Books) ซึ่งหนังสือเล่มหนึ่งๆ ประกอบด้วยหน้าหนังสือหลายๆ หน้า และหน้า หนังสือประกอบไปด้วยพื้นหลัง (Background) และหน้า (Page) หรือพื้นหน้า (Foreground) ซึ่งพื้นหน้าของหน้าหนึ่งๆ มีลักษณะ เหมือนแผ่นพลาสติกโปร่งใส ซ้อนกันหลายๆ แผ่น
4. โปรแกรมสร้างงานไฮเปอร์มีเดีย เช่น ToolBook, Macromedia, Director, Macromedia Authoware อย่างน้อย 1 โปรแกรม ตัวอย่างของโปรแกรม Macromedia Authoware ที่ใช้ในการทดลองใช้ เป็นโปรแกรมที่ได้รับความนิยม และทำงานได้เช่นเดียวกับ Toolbook มีทั้งเวอร์ชั่นสำหรับวินโดส์ และสำหรับแมคอินทอช โปรแกรมนี้ มีคุณสมบัติต่างๆ ในการออกแบบรวมทั้งแจกจ่ายไปยังผู้ใช้ ได้แก่
       1. ใช้เทคนิคการทำงานเชิงวัตถุ (Object Authoring) เช่นเดียวกับ Toolboook ซึ่งผู้ใช้ไม่ต้องกังวลเกี่ยวกับการเขียนโปรแกรม
       2. มีเครื่องมือสำหรับมัลติมีเดีย (Multimedia Tool) อย่างสมบูรณ์ พร้อมสำหรับการสร้างงานที่ประกอบด้วย ข้อความ รูปภาพ เสียง และการเคลื่อนไหว
       3. ความสามารถในการเชื่อมโยง (Link) สามารถเชื่อมโยงเนื้อหาภายใน และติดต่อไปยังทรัพยากรภายนอกระบบ ทั้งการใช้ฐาน ข้อมูล และคอมพิวเตอร์เครือข่าย แนวคิดพื้นฐานของคุณสมบัติของของการใช้วิธีจัดผังลำดับการแสดง (Map Design) กล่าวคือ สิ่งที่จะแสดงหรือนำเสนอ เช่น ภาพ หรือตัวอักษรทั้งหมด จะถูกวางเป็นแผนผังเอาไว้ บนพื้นที่หรือหน้าต่าง (Windows) อันหนึ่งก่อน โดยใช้สัญลักษณ์แทนสิ่งเหล่านั้น แล้ว จึงบรรจุสิ่งที่ต้องการให้แสดงจิงๆ ลงไป แผนผังดังกล่าวประกอบด้วย เส้นลำดับงานหรือโฟลว์ไลน์ (Flowline) และสัญรูป หรือไอคอน (Icon) เป็นหลักในการจัดวาง ขั้นตอนการสร้างงานด้วย Authoware โดยย่อมี ดังนี้ 1. ลากไอคอนอันใดอันหนึ่งตามที่ต้องการ จากแผงไอคอน (Icon Pallette) ซึ่งมีทั้งหมด 15 ไอคอน ไปวางบนโฟลว์ไลน์ 2. เลือก (ดับเบิลคลิก) ที่ไอคอนที่ต้องการใส่ข้อมูลบนโฟลว์ไลน์ จะเกิดหน้าต่างว่างหรือกรอบโต้ตตอบขึ้นมา ทั้งนี้จะเป็นไปตาม ไอคอนนั้นๆ เช่นหากเป็นไอคอนให้ใส่ภาพหรือตัวอักษร (Display Icon) จะเเกิดหน้าต่างว่างและแถบเครื่องมือขึ้น แต่หากเป็นไอคอน สำหรับให้ใส่เสียง (Sound Icon) จะเกิดหน้ากรอบโต้ตอบขึ้น 3.บรรจุข้อมูลหรือสิ่งที่ต้องการนำเสนอลงไปตามชนิดของไอคอน ตัวอักษรหรือกราฟฟิกง่ายๆ อาจสร้างใน Authoware ได้เลย แต่ถ้าหากเป็นข้อความหรือกราฟฟิกที่มีลักษณะพิเศษ รวมถึงรูปภาพ เสียง และวิดีโอ จะต้องนำภาพเข้าจากแฟ้มข้อมูลที่จัดเตรียมไว้ การบรรจุข้อมูลดังกล่าวรวมไปถึงการเลือกรูปแบบการทำงาน การกำหนดค่าตัวแปรและฟังก์ชั่นต่างๆ 4. ปฏิบัติตาม 1-3 สำหรับไอคอนหรือการทำงานอื่นๆ ตามที่ต้องการ 5. ตรวจสอบการทำงาน หรือทดลองใช้ โดยใช้คำสั่งให้ Run ดูได้ทันที ซึ่งสามารถสั่งรันทั้งหมดหรือรันเพียงช่วงใดช่วงหนึ่งก็ได้ ทั้ง Toolbook และ Authoware เป็นโปรแกรมสร้าง ไฮเปอร์มีเดีย ที่มีรายละเอียดค่อนข้างซับซ้อน มีองค์ประกอบต่างๆ ได้ครบ ถ้วนสมบูรณ์ ดังนั้นผู้เริ่มต้นจึงอาจสร้าง ไฮเปอร์มีเดีย โดยใช้องค์ประกอบเพียงบางส่วนง่ายๆ ก่อน เพื่อสามารถสร้างงานได้ในระดับ หนึ่งแล้วจึงค่อยๆ ศึกษารายละเอียดเพิ่มเติมและสร้างงานที่ซับซ้อนขึ้นตามลำดับ การเริ่มต้นสร้างไฮเปอร์มีเดีย โดยพยายามศึกษา องค์ประกอบต่างๆ ให้สามารถใช้งานได้ทุกอย่างแล้วจึงลงมือสร้าง อาจไม่ประสบความสำเร็จ เนื่องจากต้องใช้เวลามากและอาจขาด ประสบการณ์ในการแก้ปัญหา โปรแกรมอื่นๆ นอกจากโปรแกรม Toolbook และ Authoware ที่ได้กล่าวมาแล้ว ยังมีโปรแกรมสำหรับการสร้างงานแบบไฮเปอร์มีเดียอีกหลาย โปรแกรมสำหรับการสร้างงานแบบไฮเปอร์มีเดียอีกหลายโปรแกรมแต่ไม่เป็นที่นิยมในประเทศไทยมากนัก เมื่อเปรียบเทียบกับ Toolbook และ Authoware เช่น Micro World, Hyper Card, Super Link, Hyper Studi