|
การศึกษาการออกแบบเว็บเพจของโรงเรียนในโครงการ |
|||
|
|
|||
|
บทที่ 4 บทที่ 5 ภาคผนวก
|
บทที่ 2 (ต่อ)
สีบนจอคอมพิวเตอร์
จอคอมพิวเตอร์เป็นสะพานการเชื่อมการสื่อสารระหว่างมนุษย์กับคอมพิวเตอร์ ซึ่งเรียกกันสั้นๆ ว่า Monitor หรือ Cathode Ray Tube (CRT) เป็นหน้าต่างที่ข้อมูลและข่าวสารที่บรรจุอยู่หรือป้อนเข้าไปด้วยสัญญาณไฟฟ้า ถูกเปลี่ยนกลับออกมาเป็นภาพและอักษรผ่านหน้าต่างนี้ให้ผู้ใช้ได้เห็น และจากการเพิ่มขึ้นอย่างรวดเร็วของคอมพิวเตอร์ในปัจจุบัน ทำให้มีการศึกษาถึงผลกระทบในด้านต่างๆ ของคอมพิวเตอร์ และการใช้สีเป็นผลอย่างหนึ่งที่เกี่ยวกับการปฏิบัติงานและคุณภาพของงาน ซึ่งการใช้สีบนจอคอมพิวเตอร์เริ่มปรากฏมากขึ้นตามวิวัฒนาการของเทคโนโลยีคอมพิวเตอร์ในการเพิ่มประสิทธิภาพการใช้สี ทำให้การปฏิสัมพันธ์กัน ระหว่างผู้ใช้กับคอมพิวเตอร์มากขึ้นอีกด้วย (กฤษมันต์ วัฒนาณรงค์, 2535)
การเกิดสีและภาพบนจอคอมพิวเตอร์
จอภาพคอมพิวเตอร์กับจอของเครื่องรับโทรทัศน์มีหลักการในการสร้างสีและภาพบนจอเหมือนกัน โดยที่ลำอิเลคตรอนจะกวาดจอไปทางด้านหลัง เมื่อผ่านจุดเรืองแสง (Phosphor dots) สีแดง (Red), สีเขียว (Green) และสีน้ำเงิน (Blue) : (RGB) สีเหล่านี้จะส่งแสงออกมาสู่ดวงตา การกวาดของลำอิเล็กตรอนจะเริ่มบนขอบภาพด้านซ้ายแล้วกวาดมาทางขวาจนสุดขอบแล้วเริ่มต้นใหม่ ลำอิเล็กตรอนจะมีสัญญาณภาพและสีอยู่ เมื่อถึงส่วนใดของจอภาพที่ควรจะให้เกิดสีหรือจุดของภาพ สัญญาณนั้นก็จะทำให้จุดบนจอภาพเรืองแสงขึ้นและติดต่อกันเป็นรูปร่างของภาพและสีที่ปรากฏ (กฤษมันต์ วัฒนาณรงค์ 2535) และจอภาพคอมพิวเตอร์ที่เราเห็นแสดงสีสันได้สวยงามนั้น ก็มาจากการผสมกันของแม่สี 3 สี ดังกล่าว โดยแต่ละสีจะมีความเข้มได้ 256 ระดับ คือ ตั้งแต่ 0-255 และเมื่อผสมกันทั้ง 3 สี จำนวนสีที่สามารถแสดงได้ก็คือ 256x256x256 หรือประมาณ 16.7 ล้านสี หรือเรียกว่าความคมชัด 24 บิต การแสดงสีของภาพที่ปรากฏจะชัดเจนหรือไม่นั้น ขึ้นอยู่กับความละเอียดของจอภาพ (resolution) และความสามารถของการ์ดแสดงผลจอภาพ (VGA Card) ที่ใช้งานด้วย ถึงแม้ว่าจอคอมพิวเตอร์โดยทั่วไปสามารถแสดงสีได้ถึง 16.7 ล้านสี ซึ่งมากกว่าในอดีตที่แสดงผลได้เพียง 256 สี หรือ 8 บิต แต่ว่าขีดจำกัดของเครื่องรับที่ผู้ชมแต่ละคนอาจจะแตกต่างกัน ดังนั้นเพื่อเป็นการแก้ปัญหาดังกล่าวจึงได้มีการกำหนดชุดสีมาตรฐานขึ้นมาชุดหนึ่งเรียกว่า web-safe หรือ browser-safe เพื่อให้โปรแกรมค้นผ่านทุกตัวสามารถแสดงสีได้เหมือนกันหมด (วงศ์ประชา จันทร์สมวงศ์, 2543) โดยชุดสีดังกล่าวนี้จะมีสีเพียง 216 สีเท่านั้น ถ้าหากมีการใช้สีที่นอกเหนือจากนี้แล้ว โปรแกรมค้นผ่านจะแปลงสีในชุดสี มาตรฐานให้ใกล้เคียงกับสีเดิมมากที่สุด ซึ่งอาจจะทำให้ภาพที่ปรากฏไม่คมชัดเท่ากับต้นฉบับ (กิดานันท์ มลิทอง, 2542) ซึ่งคุณสมบัติเหล่านี้จะมีผลเกี่ยวเนื่องกับการใช้ภาพกราฟิกรูปแบบต่างๆ ดังนั้นผู้ที่จะออกแบบจะต้องทราบถึงขีดจำกัดในเรื่องนี้ด้วย
กราฟิกในเว็บเพจ
แฟ้มรูปภาพหรือกราฟิก หมายถึง ภาพที่ได้จากการสร้าง ดัดแปลง หรือภาพถ่าย ภาพวาดลายเส้น ภาพระบายสี หรือตัวอักษรที่นำมาใช้ในเว็บเพจ สามารถเรียกได้ว่ากราฟิกเช่นกัน ซึ่งการใช้กราฟิกบนเว็บนั้นทำได้ 3 แบบ ดังนี้ (กิดานันท์ มลิทอง, 2542)
1. ภาพแทรก
เป็นภาพที่แสดงบนเว็บ ซึ่งอาจแทรกอยู่ระหว่างบรรทัดข้อความหรือจะเป็นปุ่มนำทางโดยการใช้ภาพแทรกนั้นอาจใช้เพื่อตกแต่งให้สวยงาม ใช้เชื่อมโยงเอกสารในเว็บไซต์เดียวกัน หรือเชื่อมโยงไปยังเว็บไซต์อื่นๆ 2. ภาพเข้าถึงด้วยการเชื่อมโยง ในกรณีที่ต้องการให้ปรากฏภาพที่มีรายละเอียดและขนาดความจุของแฟ้มมาก ซึ่งอาจทำให้การเข้าถึงข้อมูลใช้เวลานาน ดังนั้นอาจจะนำเสนอภาพลักษณะเดียวกันแต่มีรายละเอียดและขนาดภาพน้อยกว่าภาพจริง แล้วสร้างเป็นจุดเชื่อมโยงเมื่อผู้ชมคลิกเพื่อให้ภาพจริงปรากฏขึ้นมา 3. ภาพกราฟิกพื้นหลัง เมื่อต้องการตกแต่งเว็บเพจให้ดูสวยงาม อาจจะใช้กราฟิกเป็นพื้นหลังแทนที่จะเป็นสีพื้นแต่เพียงอย่างเดียว
รูปแบบแฟ้ม
รูปแบบแฟ้มจะเป็นข้อมูลภายในเพื่อบอกคอมพิวเตอร์ว่าแฟ้มนั้นเป็นแฟ้มประเภทใด เช่น แฟ้มข้อความ แฟ้มภาพ หรือแฟ้มเสียง เป็นต้น รูปแบบแฟ้มกราฟิกที่นิยมใช้ในเว็บเพจมีอยู่ 3 ประเภท คือ GIF, JPEG และ PNG ซึ่งโปรแกรมค้นผ่านส่วนใหญ่สามารถอ่านและแสดงรูปแบบแฟ้มภาพเหล่านี้ได้ โดยแต่ละรูปแบบก็มีข้อดีและข้อด้อยแตกต่างกันไป ดังนั้นผู้ที่จะออกแบบหรือสร้างเว็บก็ต้องศึกษาและเข้าใจถึงลักษณะต่างๆ เหล่านี้ด้วย ซึ่งมีรายละเอียดดังนี้ (กิดานันท์ มลิทอง, 2542;วงศ์ประชา จันทร์สมวงศ์, 2543)
รูปแบบแฟ้ม GIF
แฟ้มภาพที่อยู่ในรูปแบบของ GIF (Graphical Image Format) ออกเสียงว่า จิ๊ฟ หรือ กิ๊ฟ เป็นรูปแบบที่ได้รับความนิยมใช้กับเว็บเพจมากที่สุด เพราะมีขนาดเล็กเนื่องจากการบีบอัดข้อมูล โดยใช้เทคนิคที่เรียกว่า Lossless Compression คือเมื่อผ่านการบีบอัดแฟ้มภาพแล้วจะมีการสูญหายของข้อมูลน้อยนั่นคือ ได้ภาพเหมือนต้นฉบับมาก และยังสามารถนำไปสร้างเป็นภาพเคลื่อนไหวได้อีก นอกจากนี้ สามารถทำให้พื้นหลังโปร่งใส (transparent) เพื่อให้ภาพนั้นกลมกลืนกับภาพพื้นหลัง (background) และลักษณะสำคัญอีกประการหนึ่งของแฟ้มรูปแบบ GIF คือ การสอดประสาน (interlace) เป็นการแสดงภาพในขณะที่กำลังรอให้ปรากฏเป็นชั้นๆ โดยที่แต่ละชั้นจะค่อยๆ เพิ่มความชัดของภาพขึ้นมาจนปรากฏทั้งหมด อย่างไรก็ดี รูปแบบแฟ้ม GIF
มีข้อจำกัดคือแสดงสีได้มากที่สุดเพียง 256 สีเท่านั้น ดังนั้นภาพ
รูปแบบแฟ้ม JPEG
รูปแบบแฟ้ม JPEG (ออกเสียงว่า เจ-เพ็ก) ย่อมาจาก Joint Photographics Experts Group ซึ่งเป็นกลุ่มรวมของผู้เชี่ยวชาญภาพถ่าย รูปแบบแฟ้มนี้ใช้เทคนิคการบีบอัดคงสัญญาณหลักที่เรียกว่า lossy compression ซึ่งมีโอกาสมากที่จะได้แฟ้มภาพที่ไม่เหมือนต้นฉบับ และหากบีบอัดมากขึ้น คุณภาพของภาพที่ได้ก็จะต่ำลงไปด้วย อย่างไรก็ดี รูปแบบแฟ้ม JPEG สามารถแสดงสีได้มากถึง 16.7 ล้านสี ทำให้รูปแบบแฟ้ม JPEG เป็นรูปแบบที่นิยมกันมาก โดยเฉพาะเว็บที่ต้องการเน้นภาพในลักษณะที่ให้ความคมชัดสูง นอกจากนี้ ยังสามารถแสดงคุณสมบัติพิเศษทีเรียกว่า Progressive คือภาพจะค่อยๆ ปรากฏ คล้ายกับภาพสอดประสานในรูปแบบแฟ้ม GIF
ภาพที่ 7 ตัวอย่างภาพรูปแบบ JPEG
รูปแบบแฟ้ม PNG
PNG ออกเสียงว่า พิง ย่อมาจาก Portable Network Graphic เป็นรูปแบบที่พัฒนาเพื่อต้องการหลีกเลี่ยงปัญหาเรื่องลิขสิทธ์จากการใช้กราฟิกรูปแบบแฟ้ม GIF ซึ่งรูปแบบแฟ้ม PNG สามารถใช้การบีบอัดเช่นเดียวกับ GIF ซึ่งไม่มีการสูญเสียจข้อมูลใดๆ ในการบีบอัด และสามารถเก็บแฟ้มได้เล็กกว่า GIF ทั้งยังสามารถแสดงสีได้มากกว่า อย่างไรก็ตาม โปรแกรมค้นผ่านที่สนับสนุนรูปแบบแฟ้ม PNG ยังมีข้อจำกัด แต่ในอนาคตอันใกล้รูปแบบแฟ้ม PNG ก็จะเป็นที่นิยมใช้กันมาก
สื่อประสมในเว็บเพจ
การพัฒนาอย่างต่อเนื่องของซอฟต์แวร์ที่ใช้สร้างเว็บเพจ นอกจากจะทำให้ผู้สร้างสามารถบรรจุภาพต่างๆ ลงไปในเว็บเพจแล้ว ยังสามารถบรรจุสื่อประสม (multimedia) ได้อีกด้วย อาทิ แฟ้มเสียง ภาพเคลื่อนไหว ภาพจากวีดิทัศน์ ฯลฯ เป็นต้น ทำให้เว็บเพจมีความสวยงาม น่าสนใจและน่าติดตามมากขึ้น
แฟ้มเสียง (Audio file)
ระบบของแฟ้มเสียงที่ใช้กันโดยทั่วไปมี 3 ชนิด คือ Digitize Audio, Music Files และ Text to Speech (กิตติ ภักดีวัฒนกุล, 2540)
- Digitize Audio
เป็นรูปแบบของแฟ้มเสียงที่ทำงานโดยถูกแปลงจาก Analog ไปเป็น
- Musics Files เป็นรูปแบบของตัวโน้ตดนตรีที่เรียงสลับกัน เพื่อให้เล่นออกมาเป็นเสียงเพลง - Text to Speech เป็นเทคนิคในการแปลงข้อความ (Text file)
แฟ้มวีดิทัศน์ (Video files)
ปัจจุบัน Digital Video เป็นสิ่งที่ทำให้เว็บเพจมีความทันสมัยและแปลกตายิ่งขึ้น โดยทั้งผู้ผลิตฮาร์ดแวร์และซอฟต์แวร์ และผู้ใช้งาน ต่างให้ความสนใจและพัฒนาเทคโนโลยีสาขานี้เป็นอย่างมาก เพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ อย่างไรก็ตาม แฟ้มภาพวีดิทัศน์จะมีขนาดใหญ่มาก ดังนั้นจำเป็นต้องมีการบีบอัดแฟ้มให้มีขนาดเล็กลง โดยผ่านกระบวนการที่เรียกว่า Codec (Compression / Decompression) ซึ่งจะกระทำโดยผ่านซอฟต์แวร์ต่างๆ ดังนี้ CinePak (Compac Video) เป็นวิธีที่นิยมกันมากที่สุด ใช้ในซอฟต์แวร์ที่ชื่อ Quicktime และ Video for Windows (vfw) Indeo คุณภาพรองจาก CinePak แต่เร็วกว่า ใช้ได้ใน Quicktime Version 2.0 และ vfm JPEG นิยมนำทำ Video Capture แล้วใช้ CinePak มาทำ Codec MPEG Codec ได้คุณภาพของวีดิทัศน์สมบูรณ์มาก อย่างไรก็ตาม ยังขาดฮาร์ดแวร์ที่สนับสนุนอยู่มาก
แฟ้มภาพเคลื่อนไหว (Animation files)
การสร้างภาพเคลื่อนไหวที่ดีและง่ายที่สุดในก็คือ ใช้คุณสมบัติของแฟ้มภาพ GIF หลายๆ ภาพมาเก็บไว้ในแฟ้มเดียวกัน เรียกว่า GIF Animation โดยที่เมื่อแฟ้มเหล่านี้ถูกเรียกใช้งานผ่านโปรแกรมค้นผ่านรูปภาพทั้งหมดที่เก็บไว้จะถูกแสดงออกมาตามลำดับที่เราเรียงไว้ ทำให้ได้ภาพเสมือนกับเคลื่อนไหวอยู่ สำหรับการใช้งานแฟ้มข้อมูลประเภทเสียง ภาพวีดิทัศน์และภาพเคลื่อนไหว จำเป็นต้องคำนึงถึงวัตถุประสงค์ของงานด้วย เนื่องจากแต่ละแฟ้มมีขนาดใหญ่ ทำให้การเรียกใช้งานผ่านโปรแกรมค้นผ่านแต่ละครั้งต้องใช้เวลานาน อาจจะทำให้ผู้เข้ามาชมอดทนรอไม่ไหวและออกไปเว็บเพจอื่นๆ แทน
จากข้อมูลและเอกสารที่กล่าวได้มาแล้วข้างต้นถึงประโยชน์ของการใช้อินเทอร์เน็ตเพื่อการศึกษา และโครงการเครือข่ายคอมพิวเตอร์เพื่อโรงเรียนไทย ในการพยายามที่จะสร้างความเท่าเทียมกันทางด้านการศึกษาของชาติ โดยใช้เทคโนโลยีที่อินเทอร์เน็ตเข้ามาช่วยให้บรรลุวัตถุประสงค์ตามที่ตั้งไว้
อย่างไรก็ตาม การนำเทคโนโลยีอินเทอร์เน็ตมาใช้ในการศึกษายังเป็นเรื่องที่ค่อนข้างใหม่ และงานวิจัยในประเทศเกี่ยวกับเรื่องดังกล่าวยังมีน้อยมาก และโดยเฉพาะอย่างยิ่งงานวิจัยเกี่ยวกับการออกแบบเว็บเพจแทบจะไม่ปรากฏเลย ซึ่งการออกแบบเว็บเพจนั้นถือเป็นหัวใจสำคัญที่จะทำให้สารสนเทศของแต่ละโรงเรียนมีความน่าสนใจ และสามารถดึงดูดให้ผู้ใช้ติดตามเนื้อหาสาระตลอดจนความรู้ต่างๆ ที่โรงเรียนต้องการนำเสนอ
จากการสำรวจโดยการสืบค้นข้อมูลจากเว็บไซต์ของโรงเรียนต่างๆ ที่เข้าร่วมในโครงการเครือข่ายคอมพิวเตอร์เพื่อโรงเรียนไทย พบว่าแต่ละโรงเรียนได้ออกแบบโดยอาศัยหลักการและวิธีการที่แตกต่างกันไป ด้วยเหตุนี้ ผู้วิจัยจึงมีความสนใจที่จะศึกษาเกี่ยวกับการออกแบบเว็บเพจของโรงเรียนที่เข้าร่วมโครงการเครือข่ายคอมพิวเตอร์เพื่อโรงเรียนไทย เพื่อนำผลที่ได้รับไปวิเคราะห์และสรุปเพื่อหาแนวทางในการออกแบบเว็บเพจที่สวยงาม น่าสนใจ เข้าถึงรวดเร็ว และมีคุณค่าต่อผู้ที่เข้ามาชม สำหรับโรงเรียนอื่นๆ ที่จะเข้าร่วมโครงการเครือข่ายคอมพิวเตอร์เพื่อโรงเรียนไทยในอนาคต
|
||
|
|
|||
|
ด้วยจิตคารวะ |
|||
|
|
|||
