บทที่ 2 - research-system.siam.edu...บทที่ 2...

19
บทที2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง 2.1 บทเรียนบนเครือข่าย 2.1.1 ความหมายของบทเรียนบนเครือข่าย Hannum (1998) กล่าวถึงการเรียนการสอนผ่านเครือข่ายว่าเป็นการจัดสภาพการเรียน การสอนผ่านระบบอินเทอร์เน็ตหรืออินทราเน็ต บนพื ้นฐานของหลักและวิธีการออกแบบการเรียน การสอนอย่างมีระบบ Camplese and Camplese (1998) ให้ความหมายของการเรียน การสอนผ่านสื่อบน เครือข่ายว่าเป็นการจัดการเรียนการสอนทั ้งกระบวนการหรือบางส่วน โดยใช้เวิลด์ไวด์เว็บ เป็น สื่อกลางในการถ่ายทอดความรู้แลกเปลี่ยนข่าวสารข้อมูลระหว่างกันเนื่องจากเวิลด์ไวด์เว็บมี ความสามารถในการถ่ายทอดข้อมูลได้หลายประเภทไม่ว่าจะเป็น ข้อความ ภาพนิ ่ง ภาพเคลื่อนไหว และเสียง จึงเหมาะแก่การเป็นสื่อกลาง ในการถ่ายทอดเนื ้อหาการเรียนการสอน กิดานันท์ มลิทอง (2543) กล่าวว่า การเรียนการสอนสื่อบนเครือข่ายเป็นการใช้เครือข่าย ในการเรียนการสอนโดยนําเสนอบทเรียนในลักษณะสื่อหลายมิติของวิชาทั ้งหมดตามหลักสูตรหรือ เพียงใช้เสนอข้อมูลบางอย่างเพื่อประกอบการสอนก็ได้ รวมทั ้งใช้ประโยชน์จากคุณลักษณะต่าง ๆ ของการสื่อสารที่มีอยู ่ในระบบอินเทอร์เน็ต มาใช้ประกอบกันเพื่อให้เกิดประสิทธิภาพสูงสุด ใจทิพย์ ณ สงขลา (2542) ได้ให้ความหมายการเรียนการสอนสื่อบนเครือข่าย หมายถึง การผนวกคุณสมบัติสื่อหลายมิติหรือไฮเปอร์มีเดียเข้ากับคุณสมบัติของเครือข่ายเวิลด์ไวด์เว็บ เพื่อ สร้างสิ ่งแวดล้อมแห่งการเรียนในมิติที่ไม่มีขอบเขตจํากัดด้วยระยะทางและเวลาที่แตกต่างกันของ ผู้เรียน (Learning without Boundary) วิชุดา รัตนเพียร (2542) กล่าวว่าการเรียนการสอนผ่านสื่อบนเครือข่ายเป็นการนําเสนอ โปรแกรมบทเรียนบนเว็บเพจโดยนําเสนอผ่านบริการเวิลด์ไวด์เว็บในเครือข่ายอินเทอร์เน็ต ซึ ่ง ผู้ออกแบบและสร้างโปรแกรมการสอนผ่านสื่อบนเครือข่ายจะต้องคํานึงถึงความสามารถและ บริการที่หลากหลายของอินเทอร์เน็ต และนําคุณสมบัติต่าง ๆ เหล่านั ้นมาใช้เพื่อประโยชน์ในการ เรียนการสอนให้มากที่สุด อาจกล่าวโดยสรุปว่า บทเรียนบนเครือข่ายเป็นการนําเสนอโปรแกรม บทเรียนบนเว็บเพจในลักษณะสื่อหลายมิติหรือไฮเปอร์มีเดีย ข้อความ ภาพนิ่ง ภาพเคลื่อนไหว และ เสียงเป็น สื่อกลางในการถ่ายทอดความรู้แลกเปลี่ยนข่าวสารข้อมูลระหว่างกัน โดยนําเสนอผ่าน บริการเวิล์ดไวด์เว็บในเครือข่ายอินเทอร์เน็ต เพื่อสร้างสิ่งแวดล้อมแห่งการเรียนในมิติที่ไม่มี ขอบเขตจํากัดด้วยระยะทางและเวลาที่แตกต่างกันของผู้เรียน 2.1.2 ประเภทของการจัดการเรียนการสอนบนเครือข่าย

Transcript of บทที่ 2 - research-system.siam.edu...บทที่ 2...

Page 1: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

3

บทท 2

การทบทวนเอกสาร/ วรรณกรรมทเกยวของ

2.1 บทเรยนบนเครอขาย

2.1.1 ความหมายของบทเรยนบนเครอขาย

Hannum (1998) กลาวถงการเรยนการสอนผานเครอขายวาเปนการจดสภาพการเรยน

การสอนผานระบบอนเทอรเนตหรออนทราเนต บนพนฐานของหลกและวธการออกแบบการเรยน

การสอนอยางมระบบ

Camplese and Camplese (1998) ใหความหมายของการเรยน การสอนผานสอบน

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

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

ความสามารถในการถายทอดขอมลไดหลายประเภทไมวาจะเปน ขอความ ภาพนง ภาพเคลอนไหว

และเสยง จงเหมาะแกการเปนสอกลาง ในการถายทอดเนอหาการเรยนการสอน

กดานนท มลทอง (2543) กลาววา การเรยนการสอนสอบนเครอขายเปนการใชเครอขาย

ในการเรยนการสอนโดยนาเสนอบทเรยนในลกษณะสอหลายมตของวชาทงหมดตามหลกสตรหรอ

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

ของการสอสารทมอยในระบบอนเทอรเนต มาใชประกอบกนเพอใหเกดประสทธภาพสงสด

ใจทพย ณ สงขลา (2542) ไดใหความหมายการเรยนการสอนสอบนเครอขาย หมายถง

การผนวกคณสมบตสอหลายมตหรอไฮเปอรมเดยเขากบคณสมบตของเครอขายเวลดไวดเวบ เพอ

สรางสงแวดลอมแหงการเรยนในมตทไมมขอบเขตจากดดวยระยะทางและเวลาทแตกตางกนของ

ผเรยน (Learning without Boundary)

วชดา รตนเพยร (2542) กลาววาการเรยนการสอนผานสอบนเครอขายเปนการนาเสนอ

โปรแกรมบทเรยนบนเวบเพจโดยนาเสนอผานบรการเวลดไวดเวบในเครอขายอนเทอรเนต ซง

ผออกแบบและสรางโปรแกรมการสอนผานสอบนเครอขายจะตองคานงถงความสามารถและ

บรการทหลากหลายของอนเทอรเนต และนาคณสมบตตาง ๆ เหลานนมาใชเพอประโยชนในการ

เรยนการสอนใหมากทสด อาจกลาวโดยสรปวา บทเรยนบนเครอขายเปนการนาเสนอโปรแกรม

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

เสยงเปน สอกลางในการถายทอดความรแลกเปลยนขาวสารขอมลระหวางกน โดยนาเสนอผาน

บรการเวลดไวดเวบในเครอขายอนเทอรเนต เพอสรางสงแวดลอมแหงการเรยนในมตทไมม

ขอบเขตจากดดวยระยะทางและเวลาทแตกตางกนของผเรยน

2.1.2 ประเภทของการจดการเรยนการสอนบนเครอขาย

Page 2: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

4

เนองจากอนเทอรเนตเปนแหลงทรพยากรทมคณสมบตหลากหลายตอการนาไป

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

ในแตละสถาบนหรอในแตละเนอหาหลกสตรกจะมวธการจดการเรยนการสอนบนเครอขายท

แตกตางกนออกไป ซงมนกการศกษาไดกลาวถงการเรยนการสอนบนเครอขายดงน

Parsonไดแบงสอบนเครอขายเปน 3 รปแบบ ดงน (กดานนท มลทอง, 2543)

1. วชาเอกเทศ (Standard-alone course หรอ Web-based course)

เปนวชาทเนอหาและทรพยากรทงหมดจะมการนาเสนอบนเครอขายรวมถงการสอสารกนเกอบ

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

ผเรยนนงเรยนอยในสถาบนการศกษาและสวนมากแลวจะใชในการศกษาทางไกลโดยผเรยนจะ

ลงทะเบยนเรยนและมการโตตอบกบผสอนและผเรยนรวมชนเรยนกบคนอน ๆ ผานทางการสอสาร

บนอนเทอรเนต ดวยวธการนจะทาใหผเรยนในทกสวนของโลกสามารถเรยนรวมกนไดโดยไมม

ขดจากดในเรองสถานทและเวลา การจดใหมชนเรยนโดยการใชเวบในลกษณะการศกษาทางไกล

เรยกวา “ชนเรยนไซเบอร” (Cyber Class) โดยผเรยนไมตองเดนทางไปมหาวทยาลยแตทาการเรยน

ผานทางอนเทอรเนตทงหมดนบตงแตการลงทะเบยนเรยน บนทกเปดเขาไปดรายละเอยดและ

วธการเรยน ศกษาเนอหาจากเวบไซตของอาจารยประจาวชา คนควาเพมเตมจากเวบไซดอน ๆ ทา

กจกรรมสงทางอเมลหรอทางไปรษณย ถาเปนชนงานทไมสามารถ

สงทางอเมลได และตดตอสอสารกบผสอนและผเรยนอนทางอเมลและโทรศพท บนเครอขาย

2. วชาใชสอบนเครอขายเสรม (Web supported course)

เปนสอบนเครอขายรายวชาทมลกษณะเปนการสอสารสองทาง ทมปฏสมพนธระหวางผสอนกบ

ผเรยน ผสอนและผเรยนจะพบกนในสถาบนการศกษา มแหลงทรพยากรทางการศกษาหลาย ๆ

อยางเชน การอานเนอหาทเกยวกบบทเรยนและขอมลเสรมจะอานจากเวบไซตตาง ๆ ทเกยวของกน

โดยการทผสอนกาหนดมาใหหรอผเรยนหาเพมเตม สวนการทางานทสง การทากจกรรม และการ

ตดตอสอสาร จะทากนบนเครอขาย

3. ทรพยากรสอบนเครอขาย (Web Pedagogical resources)

เปนการนาเวบไซตตาง ๆ ทมขอมลเกยวของกบเนอหาวชามาใชเปนสวนหนงของวชานน หรอใช

เปนกจกรรมการเรยนของวชา ทรพยากรเหลานจะอยในรปหลากหลายรปแบบ เชน ขอความ

ภาพกราฟก ภาพเคลอนไหว เสยง การตดตอระหวางผเรยนกบเวบไซตฯลฯ โดยจะดไดจากเวบไซต

ตาง ๆ

ในการวจยครงนผวจยไดใชรปแบบการจดการเรยนการสอนบนเครอขายในลกษณะ

เปน วชาใชสอบนเครอขายเสรม (Web supported course) ซงเปนสอบนเครอขายรายวชาทม

ลกษณะเปนการสอสารสองทาง ทมปฏสมพนธระหวางผสอนกบผเรยน ผเรยนกบผเรยน ผสอน

และผเรยนจะพบกนในสถาบนการศกษา ใชวธสอสารกนผานเวบบอรด (Webboard) และ e-mail

Page 3: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

5

พรอมทงมเนอหาในรายวชาเพอใหผเรยนไดศกษาคนควาหาความร

2.1.3 การจดการเรยนการสอนผานเครอขาย (Web-based Instruction)

การจดการเรยนการสอนผานเครอขาย หมายถงการผนวกคณสมบตไฮเปอรมเดยเขากบ

คณสมบตของเครอขาย เวลดไวดเวบ เพอสรางเสรมสงแวดลอมแหงการเรยนในมตทไมมขอบเขต

จากดดวยระยะทางและเวลาทแตกตางกนของผเรยน (Learning without Boundary) การใช

คณสมบตของไฮเปอรมเดยในการเรยนการสอนผานเครอขายนน หมายถง การสนบสนนศกยภาพ

การเรยนดวยตนเองตามลาพง กลาวคอ ผเรยนสามารถเลอกสรรเนอหาบทเรยนทนาเสนออยใน

รปแบบไฮเปอรมเดย ซงเปนเทคนคการเชอมโยงเนอหาหลก ดวยเนอหาอนทเกยวของรปแบบการ

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

การเชอมโยงดงกลาวจงเปนการเปดโอกาสใหผเรยนสามารถควบคมการเรยนดวยตนเอง โดยเลอก

ลาดบเนอหาบทเรยนตามความตองการ และเรยนตามกาหนดเวลาทเหมาะสมและสะดวกของ

ตนเอง สวนการใชคณสมบตของเครอขายเวลดไวดเวบ หมายความถง การเปดโอกาสใหผเรยน

สามารถปฏสมพนธกบผสอนหรอผเรยนอนเพอการเรยนรโดยไมจาเปนตองอยในเวลาเดยวกน

หรอ ณ สถานทเดยวกน (Human to Human Interaction) เชน ผเรยนนดหมายเวลา และเปดหวขอ

การสนทนาผานโปรแกรมประเภท Synchronous Conferencing System เชน IRC (Internet Relay

Chat) หรอผเรยนสามารถตามหวขอและรวมการสนทนาในเวลาทตนเองสะดวกผานโปรแกรม

ประเภท Asynchronous Conferencing System เชน E-mail Bulletin Board System หรอ Listserv

การปฏสมพนธเชนนเปนไปไดทงลกษณะบคคลตอบคคล (Person to Person) ผเรยนกบกลม

(Person to Group) หรอกลมตอกลม (Group to Group) ในปจจบนมความพยายามประยกตรปแบบ

การเรยนการสอนโดยใชทงทฤษฎการสอนทใชกบการเรยนการสอนผานคอมพวเตอรชวยสอนใน

คอมพวเตอรเดยว (Stand Alone) และการพฒนารปแบบการเรยนการสอนทตอบรบกบคณสมบต

ของเครอขาย เวลดไวดเวบ Gillani และ Relan (1996) มองเหนวาการเรยนการสอนบนเวลดไวดเวบ

(Web-based Instruction) เปนการประยกตใชยทธวธการสอนแบบพทธพสย (Cognitive) ภายใต

สงแวดลอมการเรยนแบบ Collaborative Learning กลาวคอการเรยนการสอนบนเวลด ไวด เวบ

อาศยรปแบบการเรยนการสอนในลกษณะทผเรยนเปนศนยกลางแหงการเรยน (Learner Center)

และการเรยนดวยการปฏสมพนธกบผอน (Learner Interaction) ซงจะไดกลาวถงรายละเอยดของ

รปแบบการเรยนทงรปแบบดงตอไปน การเรยนทผเรยนเปนศนยกลางแหงการเรยนรสามารถ

อธบายใหเหนภาพไดชดเจนได โดยการอภปรายเปรยบการออกแบบการเรยนการสอนสองคาย

หลกคอ Objectivist และ Constructivist Objectivist เปนกลมทเนนการสอนและวธการสอนทม

เปาหมายหลก มวตถประสงคยอยเพอสนบสนนเปาหมายหลก สวน Constructivist ไดแก กลมการ

เรยนทเนนผเรยนเปนหลก วถทางการสอนทงสองโดยสงเขป มดงน Objectivist เปนรปแบบการ

สอนทกาหนดเปาหมายประสงคหลกในการเรยนและกาหนดวตถประสงคยอยทจาเปนในการ

Page 4: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

6

บรรลวตถประสงคหลก และพฒนาการตดสนตาม วตถประสงคหลก และพฒนาเกณฑการตดสน

ตามวตถประสงคนนๆ การเรยนจะมรปแบบขนตอนชดเจนใหผเรยน เมอผานการเรยน แลวผเรยนร

จะไดรบผลการเรยนอะไรบาง การประเมนจงเปนไปในลกษณะการเปรยบเทยบผลในวตถประสงค

ยอยและเปาประสงคหลก Constructivist เปนการเรยนการสอนอกลกษณะหนงทเนนผเรยนเปน

ศนยกลางและการเรยนการสอนมงเนนกระบวนการเรยนรทตอเตมจากความรซงแตกตางกน และ

เนนบทบาทของแรงจงใจจากภายในของผเรยน ผเรยนมทกษะในการตรวจสอบและควบคมการ

เรยนของตนเองผลสมฤทธของการเรยนจะอยทรายบคคลซงไมสามารถใชเพยงเกณฑวดในเชง

ปรมาณ ในการออกแบบการเรยนการสอนฝาย Constructivist มความเหนวาเทคโนโลย

เวลดไวดเวบ สนบสนนการเรยนแบบผเรยนเปนศนยกลางในการเรยน ตวอยางเชน ในการเรยนจาก

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

ประสบการณของผสอน และผเรยนจะเลอกขอมลเนอหาและการเชอมโยงตามประสบการณและ

พนฐานความรเดมทผเรยนมอยเพอการเรยนรของตนเอง

โดยนยนการจดการเรยนการสอนโดยใชสอไฮเปอรมเดยผายเครอขายคอมพวเตอรให

โอกาสผเรยนทจะเลอกเขาศกษาบางเนอหาเพมทตนเองตองการเพอบรรลวตถประสงคการเรยนร

ซงรวมทงการเลอกเรยนเนอหาทไมเพยงกาหนดโดยผออกแบบโปรแกรมคอมพวเตอรเพยงกลม

เดยวเทานนแตสามารถเลอกเนอหาทเชอมโยงขอมลออกสภายนอก (External Link) ไปส

แหลงขอมลอน ๆ ภายใตเนอหาประเภทเดยวกน จากลกษณะการเรยนดงกลาวจะเหนไดวา กลไก

ควบคมการเรยนจะอยทตวผเรยนโดยสมบรณในการเรยนการสอนบนเครอขายเวลดไวดเวบ นน

ผเรยนควรมวฒภาวะทเหมาะสม และมทกษะในการตรวจสอบพทธพสยการเรยนรของตนเอง

(Meta-Cognitive Skills) กลาวคอ มแนวทางการเรยนของตน (Self-Directed) ควบคมและ

ตรวจสอบตนเองได (Self-Monitoring) การเรยนดวยการปฏสมพนธกบผอน รปแบบการเรยนเชนน

อาศยคณสมบตของเครอขายคอมพวเตอรซงผเรยนสามารถปฏสมพนธทางความคดกบผสอนและ

ผเรยนอนในขอบขายการเชอมโยงทางอเลกทรอนกส ซงลดขอจากดเรองความแตกตางของเวลา

และสถานทของผเขารวมกจกรรมการเรยน รปแบบการเรยนโดยใชกระบวนการปฏสมพนธ

ระหวางผเรยนทไดรบการวจยแลว พบวาใหความสมฤทธในการเรยนสงในชนเรยนปกตกไดถก

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

รวมมอ (Collaborative Learning) การเรยนแบบความรวมมอ หมายถง การเรยนโดยการใชกจกรรม

ทผเรยนจานวนสองคนขนไปรวมมอกนสรรหาความหมาย คนควา และพฒนาทกษะการเรยน

รวมกน ซงอาจเปนลกษณะของการเรยนทใชกระบวนการแกปญหา (Problem-based Learning)

เชน การสรางสถานการณจาลองเพอการเรยนดวยโปรแกรมทแพรหลายบนเครอขายอนเทอรเนต

ไดแก MUDs (Multiple User Dialogue, Multiple User Domains) และ MUSEs (Multi User

Simulation Environments) ซงเปนโปรแกรมทจาลองสถานการณคลายของจรง เชน ใน

Page 5: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

7

หองปฏบตการทางวทยาศาสตรใหผใชแกปญหา สวนผใชเองกสามารถสรางสถานการณจาลองขน

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

กจกรรมทจดขนในชนเรยนปกต แตผเรยนทมปฏสมพนธกนผานเครอขายไมไดพบปะกนจรงใน

เวลาหรอ ณ สถานทเดยวกน ซงนกวจยไดศกษาพบความแตกตางของพฤตกรรมกลมทวไป เชน

ผเรยนเตรยมเนอหาเพอการอภปราย ผสอนนาหวขอเรองการสนทนา จดกลมยอยหรอจดคอภปราย

และดแลใหการอภปรายอยในประเดนและบรรลวตถประสงค หรอจนกระทงผเรยนสามารถ

ดาเนนการอภปรายเอง ขอทพงตระหนกในการสรางปฏสมพนธกลมผานเครอขายกคลายเชนการ

ประชมกลมทวไป เชน หวขอและกาหนดการลาดบการจดการเพอกระตนใหเกดพลวตและ

ประสทธภาพของกลมการเรยนการสอนผานเครอขาย ความหมายโดยรวมจงหมายถง การใช

โปรแกรมสอหลายมตทอาศยประโยชนจากคณลกษณะ และทรพยากรของอนเทอรเนตและ

เวลดไวดเวบ มาออกแบบเปนเวบเพอการเรยนการสอน สนบสนนและสงเสรมใหเกดการเรยนร

อยางมความหมายเชอมโยงเปนเครอขายทสามารถเรยนไดทกททกเวลา โดยมลกษณะทผสอนและ

ผเรยนมปฏสมพนธกนโดยผานระบบเครอขายคอมพวเตอรทเชอมโยงซงกนและกนการเรยนการ

สอนผานเครอขายจะตองอาศยคณลกษณะของอนเทอรเนต 3 ประการในการนาไปใชและ

ประโยชนทจะได นนคอ

1. การนาเสนอ (Presentation) ในลกษณะของเวบไซตทประกอบไปดวย ขอความ

กราฟก ซงสามารถนาเสนอไดอยางเหมาะสมในลกษณะของสอคอ

1.1 การนาเสนอแบบสอทางเดยว เชน เปนขอความ

1.2 การนาเสนอแบบสอค เชน ขอความกบภาพกราฟก

1.3 การนาเสนอแบบมลตมเดย คอ ประกอบดวย ขอความ ภาพกราฟก

ภาพเคลอนไหว เสยง และภาพยนตร หรอวดโอ

2. การสอสาร (Communication) การสอสารเปนสงจาเปนทจะตองใชทก

วนในชวต ซงเปนลกษณะส าคญของอนเทอรเนต โดยมการสอสารบนอนเทอรเนตหลายแบบ เชน

2.1 การสอสารทางเดยว โดยดจากเวบเพจ

2.2 การสอสารสองทาง เชน การสงอเมลโตตอบกน การสนทนาผาน

อนเทอรเนต

2.3 การสอสารแบบหนงแหลงไปหลายท เปนการสงขอความจากแหลงเดยว

แพรกระจายไปหลายแหง เชน การอภปรายจากคนเดยวใหคนอน ๆ ไดรบฟงดวย หรอการประชม

ทางคอมพวเตอร

2.4 การสอสารหลายแหลงไปสหลายแหลง เชน การใชกระบวนการกลมใน

การสอสารบนเวบ โดยมคนใชหลายคนและคนรบหลายคนเชนกน

Page 6: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

8

3. การกอเกดปฏสมพนธ (Dynamic Interaction) เปนคณลกษณะสาคญของอนเทอรเนต

และคณลกษณะทสาคญทสดม 3 ลกษณะ คอ

3.1 การสบคน

3.2 การหาวธการเขาสเวบ

3.3 การตอบสนองของมนษยในการใชเวบ

2.1.4 ลกษณะของการสอนผานเครอขาย

Badrul (1998) ไดทาการศกษาวจยและนาเสนอการจดการเรยนการสอนผานเครอขาย

งานวจยไดสรปลกษณะเดนของ Web-based Instruction ไวดงน

1. มลกษณะเปนการเรยนแบบปฏสมพนธระหวางผสอนกบผเรยน และมลกษณะเปน

สอประสม ซงออกแบบใหผเรยนทมวธการเรยนรทแตกตางกนสามารถเรยนรไดจากสอท

หลากหลาย

2. ทาใหผเรยนสามารถเขาถงแหลงการเรยนรไดทกเวลา ทกสถานท ไมมขอจากด

ทางดานระยะทาง

3. ทาใหผเรยนทกคนสามารถเขาถงความรและสารสนเทศทวโลก จากทใดกได

4. การพฒนาเครองมอการเรยนรบนเครอขายสามารถใชภาษาโปรแกรมทเปนมาตรฐาน

คอ ภาษา HTML (Hypertext Markup Language) ซงทาใหเครองคอมพวเตอรทแตกตางกนสามารถ

เขาถงขอมลได

5. เปนสอทผเรยนสามารถเขาถงขอมลไดโดยไมจากดเวลา และเปนสอการสอนทไดรบ

การปรบปรงใหทนสมยตลอดเวลา

6. เครอขายคอมพวเตอร เปนตวกลางทผเรยนและผสอนตดตอสอสารจากท

หนงไปยงอกทหนง ทาใหเกดมมมองและเกดความเขาใจในวฒนธรรม ขนบธรรมเนยนของบคคล

อน ๆ ได

7. เครอขายคอมพวเตอรทาใหเกดความไดเปรยบในดานแหลงการเรยนรซงทาให

สามารถเชอมโยงประสบการณและความชานาญการตาง ๆ ได

8. ผเรยนสามารถทจะควบคมกจกรรมตาง ๆ ภายใตความสนใจของผเรยนเองได

9. ผเรยนไดรบความสะดวก สามารถเรยนรจากระบบโดยไมจาเปนตองเขาชนเรยน

รวมทงผสอนไมตองมตารางสอน เกดความยดหยนในการจดการเรยนการสอน

10. การเรยนรบนเครอขาย มองคประกอบครบถวนทงบทเรยน แบบทดสอบ ผเรยน

สามารถทจะดาเนนกจกรรมการเรยนโดยผเรยนเองตามความสนใจ

11. เปนสอทงายตอการใช และสามารถตดตอสอสารระหวางกนไดสะดวกรวดเรว

12. การออกแบบการเรยนรสนองตอการเรยนรตามสภาพทแทจรง ภายใตโลกแหง

ความเปนจรง ปญหาและสงทเกดขนจะสมพนธและสอดคลองกบความตองการของผเรยน

Page 7: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

9

13. ขอจากดตาง ๆ ไมวาจะเปนความแตกตางทงทางดานเพศ ภาษา หรออนๆ ไมใช

อปสรรคตอการพฒนาองคความรของผเรยน

14. คาใชจายตาง ๆ เมอเปรยบเทยบกบการจดการเรยนการสอนหรอการผลตบทเรยน

อน ๆ แลวเปนสงทคมคาตอการลงทน

15. กจกรรมการเรยนรทสามารถผสมผสานไดโดยการจดการเรยนแบบรวมมอกน

เรยนร ชวยเหลอซงกนและกน และสรางสงคมแหงการเรยนร

16. เปนการเรยนรทมทงรปแบบเปนทางการและไมเปนทางการ

17. เปนการสรางบรรยากาศของชนเรยนทเสมอนจรง ผเรยนทกคนทสนใจสามารถเขา

มาเรยนโดยไมมขอบเขตหรอขอจากด เปนการใชเทคโนโลยสารสนเทศจาลองสถานการณเพอให

ผเรยนสามารถเรยนรในสงทตนตองการ โดยผเรยนไมจาเปนตองอยในชนเรยน กลาวคอ การ

จดการเรยนการสอนบนเครอขายเปนเสมอนการสรางหองเรยนเสมอนซงเปนการรวบรวมบทเรยน

ออนไลน ซงใชเรยนทไหนกได เวลาใดกได ตามความสะดวกของผเรยนบทเรยนมใหเลอกมากมาย

และเชอมโยงไปยงบทเรยนอน ๆ ทไมเกยวเนองกน

2.1.5 องคประกอบของการเรยนรผานเครอขายอนเทอรเนต

การใหบรการการเรยนผานเครอขายอนเทอรเนตมองคประกอบทสาคญ 4 สวนโดยแตละสวน

จะตองไดรบการออกแบบมาเปนอยางด เพราะเมอนามาประกอบเขาดวยกนแลวระบบทงหมด

จะตองทางานประสานกนได

1. เนอหาของบทเรยนสาหรบการเรยนแลวไมวาจะเรยนอยางไรกตามเนอหาถอวาเปน

สงสาคญทสด

2.1.6 ประโยชนของการเรยนการสอนผานเครอขาย ประโยชนของการเรยนการสอน

ผานเครอขาย ทเปนมตใหมของเครองมอและกระบวนการในการเรยนการสอน ไดแก

1. การเรยนการสอนสามารถเขาถงทกหนวยงานทมอนเทอรเนตตดตงอย

2. การเรยนการสอนกระทาไดโดยผเขาเรยนไมตองทงงานประจาเพอมาอบรม

3. ไมตองเสยคาใชจายในการเรยนการสอน เชน คาทพก คาเดนทาง

4. การเรยนการสอนกระทาไดตลอด 24 ชวโมง

5. การจดสอนหรออบรมมลกษณะทผเขาเรยนเปนศนยกลางการเรยนรเกดกบตวผเขา

เรยนโดยตรง

6. การเรยนรเปนไปตามความกาวหนาของผรบการเรยนการสอนเอง

7. สามารถทบทวนบทเรยนและเนอหาไดตลอดเวลา

8. สามารถซกถามหรอเสนอแนะ หรอถามคาถามไดดวยเครองมอบนเวบ

9. สามารถแลกเปลยนขอคดเหนระหวางผเขารบการอบรมไดโดยเครองมอสอสารใน

ระบบอนเทอรเนต ทงไปรษณยอเลกทรอนกส (E-mail) หรอหองสนทนา (Chat Room) หรออน ๆ

Page 8: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

10

10. ไมมพธการมากนก

2.9 การนาเสนอเวบเพจ

การนาเสนอเวบเพจ มหลกการ (Nichols and others, 1995) ดงน

1. เนอหาในการนาเสนอ

การทจะนาเสนอขอมลผานเวบเพจนน ควรจะพจารณาถงขอมลทนาเสนอนนวาเปน

ขอมลทอยในความสนใจหรอเกยวของของผชมหรอไม และการนาเสนอขอมลนนถาหากมาก

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

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

เนอหาโดยทวไปอาจจะอยในโฮมเพจ สวนรายละเอยดตางๆ นน กอยเวบเพจอนภายในเวบไซต

เดยวกน

2.2 รปแบบของการนาเสนอ

การใชโครงสรางเวบเพจทเหมาะสมน นจะทาใหผใชสามารถตดตามเนอหา และ

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

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

หนาทผอานเชอมโยงมา กจะเปนการอธบายรายละเอยดตอจากหนากอนหนานการกระทาเชนน

คลายดงเราเรยบเรยงเนอหาเปนตอนๆ โดยทผใชสามารถเลอกอานรายละเอยดเองได

การใชรปแบบของตวอกษรและกราฟก ในสวนนจะทาใหเวบเพจมความนาสนใจและ

ประทบใจเมอเขามาครงแรก ซงเปนสงททาทายนกออกแบบเปนอยางยง ซงหลกการตอไปนอาจจะ

ชวยใหการออกแบบเวบเพจมความนาสนใจเพมขนจะทา

การใชส การใชสนนไมจากดเพยงแตรปภาพหรอกราฟกเทานน หากแตรวมถงการใชส

ของตวอกษรดวย แตทงนการเลอกใชจะตองเหมาะสมและสอดคลองกบเนอหาดวย

พนทวาง ความสาคญของการทงพนทวางไวในเวบเพจ เพอเปนการผอนคลายกลามเนอ

สายตาของผอาน ถาหากในเวบเพจนนบรรจเนอหามากเกนไป เมอผอานๆ ไปนานๆ จะทาใหเกด

อาการลาทางสายตา จงควรมพนทวางเพอใหไดผอนคลายดวย

ขนาดของตวอกษร ในการออกแบบเวบเพจนน นอกจากภาษา HTML แลวยงม

ซอฟทแวรหรอโปรแกรมสาเรจรปมากมายใหเลอกใช ซงแตละชนดนนสามารถกาหนดรปแบบ

และขนาดของตวอกษรไดหลายแบบ ดงนนในการออกแบบผออกแบบสามารถจงสามารถเลอก

รปแบบและขนาดของตวอกษรไดตามความเหมาะสม เชน สวนทเปนเนอหากใชตวอกษรขนาดเลก

สวนทเปนหวเรองกใชตวอกษรขนาดใหญขนมา และอาจจะมสทแตกตางจากเนอหา ทงนเพอให

ผอานสามารถแยกแยะไดโดยงาย (Nichols and others, 1995)

3. การใชกราฟกทเหมาะสม

Page 9: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

11

ควรใชกราฟกเทาทจาเปนในแตละเวบเพจนนๆ และควรมความสวยงาม อกทงไม

รบกวนเนอหาทตองการนาเสนอ

ควรมขอจากดของจานวนกราฟกในแตละเวบเพจ อาจจะ ใช 1 หรอ 2 ภาพตอเวบเพจก

เพยงพอแลว

ควรจะทาเวบเพจออกมาเปน 2 แบบ แบบทหนงประกอบดวยกราฟก และอกแบบหนง

ไมมกราฟก ซงวธการนจะทาใหผชมสามารถเลอกได เพราะบางครงผชมอาจไมตองดภาพกราฟกก

ได เนองจากใชเวลาในการเขาถงขอมลนานเกนความจาเปน นโคล และคณะ

4. การใชเสยงประกอบ

การใชแฟมเสยงประกอบอาจทาใหเวบเพจมความนาสนใจมากขน อยางไรกตาม ผชม

ทกคนไมจาเปนทตองการฟงเสยงเสมอไป นอกจากน การใชแฟมเสยงยงทาใหความจของขอมลม

ปรมาณขน ทาใหตองใชเวลามากในการเขาถงขอมล ดงนน ถาหากจะเลอกใชแฟมเสยงประกอบ

ควรพจารณาใหถถวนกอนวามความจาเปนหรอไม

5. ความทนสมยของขอมล

การปรบปรงขอมลใหทนตอเหตการณมสวนชวยใหเวบมความนาสนใจและนาตดตาม

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

ยงขน กจะทาใหเวบเพจนนมความนาตดตามมากขนเชนกน การใสวน เวลา ในการเปลยนแปลง

ขอมลกเปนสวนสาคญประการหนงทจะใหผชมทราบวาขอมลในเวบเพจของเรามความทนสมย

6. การประชาสมพนธ

แมวาเราจะออกแบบและสรางเวบเพจอยางดแลวกตาม แตกไมใชเรองงายทใหคนอน

ไดรจกและเขามาชม เมอเวบเพจของเราถกนาสระบบเครอขายแลว ประการแรกควรจะบอกบคคล

ใกลตวใหทราบและชวยกระจายออกไป นอกจากน การประชาสมพนธผานเวบเพจตางๆ ทมอย

แลวกจะทาให

7. จดเดนของการนาเสนอ

การทจะบอกวาเวบใดๆ ดนนเปนเรองทตอบยากพอสมควร ผใชบางคนอาจบอกวาเวบ

ทดนนหมายถงเวบทใหความบนเทง สนกสนาน สวนอกคนอาจจะหมายถงเวบนนเตมไปดวย

เนอหาสาระกเปนได ดงนนการนยามความหมายวาเวบนนดหรอนาสนใจจงเปนเรองของแตละ

บคคล

เวบเพจทดนนจงควรประกอบไปดวยสองสวนดง กลาวคอ ใหทงความบนเทงและให

ทงเนอหาสาระ นอกจากนการออกแบบทดกเปนสวนหนงทจะทาใหเวบนนดดและนาสนใจ บาง

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

เวบอนๆ (Nichols and others, 1995)

Page 10: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

12

2.3 การออกแบบเวบไซต

หนาเวบเปนสงแรกทผใชจะไดเหนขณะทเปดเขาสเวบไซต และยงเปนสงแรกทแสดง

ถงประสทธภาพในการออกแบบเวบไซตอกดวย หนาเวบจงเปนสงสาคญมาก เพราะเปนสอกลาง

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

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

ของเนอหาและอานวยความสะดวกตอการใชงาน (Padoungkiat, 2554)

หลกสาคญในการออกแบบหนาเวบกคอ การใชรปภาพและองคประกอบตางๆ รวมกน

เพอสอความหมาย เกยวกบเนอหาหรอลกษณะสาคญของเวบไซต โดยมเปาหมายสาคญเพอการสอ

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

หลกการตางๆ (Padoungkiat, 2554) ดงน

1. กาหนดเปาหมายของเวบไซต

ขนตอนแรกของการออกแบบเวบไซต คอการกาหนดเปาหมายของเวบไซตใหแนชด

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

การทาเวบไซตมจดมงหมายเพอบรการขอมลของหนวยงานหรอองคกรเทานน แตในความเปนจรง

แลว เวบไซตแตละแหงกจะมเปาหมายของตนเองแตกตางกนออกไป

2. กาหนดกลมผใชเปาหมาย

ผออกแบบเวบไซตจาเปนตองทราบกลมผใชเปาหมายทเขามาใชบรการเวบไซต

เพอทจะไดตอบสนองความตองการของผใชไดอยางชดเจน แตเวบไซตสวนใหญนนจะตอบสนอง

ความตองการเฉพาะกลมเทานน ไมสาหรบทกคน เพราะไมสามารถตอบสนองความตองการของ

คนทหลากหลายไดในเวบไซตเดยว

3. สงทผใชตองการจากเวบ

หลงจากทไดเปาหมายและกลมเปาหมายของเวบไซตแลว ลาดบตอไปคอการออกแบบ

เวบไซตเพอดงดดผใชงานใหไดนานทสด ดวยการสรางสงทนาสนใจเพอดงดดผใชโดยทวไปแลว

สงทผใชคาดหวงจากการเขาชมเวบไซตหนง ไดแก

1. ขอมลและการใชงานทเปนประโยชน

2. ขาวและขอมลทนาสนใจ

3. การตอบสนองตอผใช

4. ความบนเทง

5. ของฟร

Page 11: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

13

4. ขอมลหลกทควรมอยในเวบไซต

เมอทราบถงความตองการทผใชตองการไดรบเมอเขาชมเวบไซตแลว กตองออกแบบ

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

ไปชมเวบไซต

1. ขอมลเกยวกบบรษท

2. รายละเอยดของผลตภณฑ

3. ขาวความคบหนาและขาวจากสอมวลชน

4. คาถามยอดนยม

5. ขอมลในการตดตอ

5. อยาใสภาพกราฟกเคลอนไหวไดมากเกนไป

ในหลายเวบไซตจะเหนไดวามการใสกราฟกภาพเคลอนไหวไดจานวนมาก ทงไฟล

.Flash หรอ .gif เพอดงดดความสนใจหรอเพอเนนสวนตางๆในเวบไซต แตการใชภาพกราฟก

เคลอนไหวมากเกนไป จะทาใหเกดความสบสนตอผใชงานได ดงนนจงควรใชแคพอสมควร เนน

ในสวนทตองการเนนเทานน บางเวบไซตอาจมการใชงาน JavaScript เพอสรางความแปลกใหม

ใหกบเวบไซต แตถาหากนามาใชงานมากเกนไปอาจกอใหเกดความสบสนหรอเปนอปสรรคในการ

ใชงานของผเขาชมได

องคประกอบทดของการออกแบบเวบไซต

1. โครงสรางทชดเจน

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

ออกเปนสวนตางๆ ทสมพนธกนและใหอยในมาตรฐานเดยวกน จะชวยใหนาใชงานและงายตอการ

อานเนอหาของผใช

2. การใชงานทงาย

ลกษณะของเวบทมการใชงานงายจะชวยใหผใชรสกสบายใจตอการอานและสามารถทา

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

สบสนดวยเหตนผออกแบบจงควรกาหนดปมการใชงานทชดเจน เหมาะสม โดยเฉพาะปมควบคม

เสนทางการเขาสเนอหา (Navigation) ไมวาจะเปนเดนหนา ถอยหลง หากเปนเวบไซตทมเวบเพจ

จานวนมาก ควรจะจดทาแผนผงของเวบไซต (Site Map) ทชวยใหผใชทราบวา ตอนนอย ณ จดใด

หรอเครองมอสบคน (Search Engine) ทชวยในการคนหาหนาททตองการ

Page 12: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

14

3. การเชอมโยงทด

ลกษณะไฮเปอรเทกซทใชในการเชอมโยง ควรอยในรปแบบทเปนมาตรฐาน ทวไปและ

ตองระวงเรองของตาแหนงในการเชอมโยง การทจานวนการเชอมโยงมากและกระจดกระจายอย

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

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

กลบมายงหนาแรกของเวบไซตทกาลงใชงานอยดวย ทงนเผอวาผใชเกดหลงทาง และไมทราบวาจะ

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

(Orphan Page) เพราะจะทาใหผใชไมรจะทาอยางไรตอไป

4. ความเหมาะสมในหนาจอ

เนอหาทนาเสนอในแตละหนาจอควรสน กระชบ และทนสมย หลกเลยงการใชหนาจอ

ทมลกษณะการเลอนขนลง (Scrolling) แตถาจาเปนตองม ควรจะใหขอมลทม ความสาคญอย

บรเวณดานบนสดของหนาจอ หลกเลยงการใชกราฟกดานบนของหนาจอ เพราะถงแมจะดสวยงาม

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

เฉพาะทมความสมพนธกบเนอหาเทานน นอกจากนการใชรปภาพเพอเปนพนหลง (Background)

ไมควรเนนสสนทฉดฉาดมากนก เพราะอาจจะไปลดความเดนชดของเนอหาลง ควรใชภาพทมส

ออน ๆ ไมสวางจนเกนไปรวมไปถงการใชเทคนคตางๆ เชน ภาพเคลอนไหว หรอตวอกษรวง

(Marquees) ซงอาจจะเกดการรบกวนการอานได ควรใชเฉพาะทจาเปนจรงๆเทานนตวอกษรทนามา

แสดงบนจอภาพควรเลอกขนาดทอานงาย ไมมสสนและลวดลายมากเกนไป

5. ความรวดเรว

ความรวดเรวเปนสงสาคญประการหนงทสงผลตอการเรยนร ผใชจะเกดอาการเบอ

หนายและหมดความสนใจกบเวบทใชเวลาในการแสดงผลนาน สาเหตสาคญทจะทาใหการ

แสดงผลนานคอการใชภาพกราฟกหรอภาพเคลอนไหว ซงแมวาจะชวยดงดดความสนใจไดด

ฉะนนในการออกแบบจงควรหลกเลยงการใชภาพขนาดใหญ หรอภาพเคลอนไหวทไมจาเปน และ

พยายามใชกราฟกแทนตวอกษรธรรมดาใหนอยทสด โดยไมควรใชมากเกนกวา 2 – 3 บรรทดในแต

ละหนาจอ

2.4 การใชสในการออกแบบเวบไซต

การสรางสสนบนหนาเวบเปนสงทสอความหมายของเวบไซตไดอยางชดเจน การ

เลอกใชสใหเหมาะสม กลมกลน ไมเพยงแตจะสรางความพงพอใจใหกบผใช แตยงสามารถทาให

เหนถงความแตกตางระหวางเวบไซตได สเปนองคประกอบหลกสาหรบการตกแตงเวบ

Page 13: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

15

ระบบสทแสดงบนจอคอมพวเตอร มระบบการแสดงผลผานหลอดลาแสงทเรยกวา

CRT (Cathode ray tube) โดยมลกษณะระบบสแบบบวก อาศยการผสมของของแสงสแดง สเขยว

และสน าเงน หรอระบบส RGB สามารถกาหนดคาสจาก 0 ถง 255 ได จากการรวมสของแมสหลก

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

มองเหนเปนสทถกผสมเปนเนอสเดยวกนแลว จดแตละจดหรอพกเซล (Pixel) เปนสวนประกอบ

ของภาพบนหนาจอคอมพวเตอร โดยจานวนบตทใชในการกาหนดความสามารถของการแสดงส

ตาง ๆ เพอสรางภาพบนจอนนเรยกวา บตเดป (Bit-depth) ในภาษา HTML มการกาหนดสดวย

ระบบเลขฐานสบหก ซงมเครองหมาย (#) อยดานหนาและตามดวยเลขฐานสบหกจานวนอกษรอก

6 หลก โดยแตละไบต (byte)จะมตวอกษรสองตว แบงออกเปน 3 กลม เชน #FF12AC การใช

ตวอกษรแตละไบตนเพอกาหนดระดบความเขมของแมสแตละสของชดส RGB โดย 2 หลกแรก

แสดงถงความเขมของสแดง 2 หลกตอมา แสดงถงความเขมของสเขยว 2 หลกสดทายแสดงถงความ

เขมของสนาเงน

สมอทธพลในเรองของอารมณการสอความหมายทเดนชด กระตนการรบรทางดาน

จตใจมนษย สแตละสใหความรสก อารมณทไมเหมอนกน สบางสใหความรสกสงบ บางสให

ความรสกตนเตนรนแรง สจงเปนปจจยสาคญอยางยงตอการออกแบบเวบไซต ดงนนการเลอกใช

โทนสภายในเวบไซตเปนการแสดงถงความแตกตางของสทแสดงออกทางอารมณ มชวตชวาหรอ

เศราโศก รปแบบของสทสายตาของมนษยมองเหน สามารถแบงออกเปน 3 กลม (สมทธ บญชตมา,

2552) คอ

1. สโทนรอน (Warm Colors) เปนกลมสทแสดงถงความสข ความปลอบโยน

ความอบอน และดงดดใจ สกลมนเปนกลมสทชวยใหหายจากความเฉอยชา มชวตชวามากยงขน

2. สโทนเยน (Cool Colors) แสดงถงความทดสภาพ ออนโยน เรยบรอย เปน

กลมสทมคนชอบมากทสด สามารถโนมนาวในระยะไกลได

3. สโทนกลาง (Neutral Colors) สทเปนกลาง ประกอบดวย สดา สขาว สเทา

และสนาตาล กลมสเหลานคอ สกลางทสามารถนาไปผสมกบสอนๆ เพอใหเกดสกลางขนมา

สงทสาคญตอผออกแบบเวบคอการเลอกใชสสาหรบเวบ นอกจากจะมผลตอการ

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

สามารถสอความหมายของเวบไดอยางชดเจน ความแตกตาง ความสมพนธทเกดขนยอมสงผลให

เวบมความนาเชอถอมากยงขน ชดสแตละชดมความสาคญตอเวบ ถาเลอกใชสไมตรงกบ

วตถประสงคหรอเปาหมายอาจจะทาใหเวบไมนาสนใจ ผใชบรการจะไมกลบมาใชบรการอก

ภายหลง ฉะนนการใชสอยางเหมาะสมเพอสอความหมายของเวบตองเลอกใชสทมความกลมกลน

กน

Page 14: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

16

2.5 เวบไซตทเกยวของ

รปท 2.1 http://www.hellomyweb.com

www.hellomyweb.com เปนเวบไซตทรวบรวมขอมลเกยวกบการทาเวบไซต รวมทงม

การสอนทาเวบไซต เทคนคการเขยนโคดภาษาตางๆ แนะนาโปรแกรมการทาเวบไซต โปรแกรม

การทาภาพกราฟก รวมถงสอนการออกแบบเวบไซต ไวใหผสนใจในการทาเวบไซตเขามาศกษาหา

ขอมลและเทคนคตางๆ

Page 15: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

17

รปท 2.2 http://www.thainextstep.com/

เปนเวบไซตทรวบรวมเทคนคตางๆในการใชงานโปรแกรม Dreamweaver รวมถงการ

ใชงานโปรแกรม Photoshop มประโยชนตอผทสนใจในการออกแบบเวบไซตเพอศกษาขอมลและ

เทคนคตางๆ

Page 16: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

18

รปท 2.3 http://www.siamhtml.com

เปนเวบไซตทรวบรวมขอมลเกยวกบ HTML และรวมถงขอมลและเทคนคตางๆ ในการ

ทาเวบไซต และมการประชาสมพนธขาวสารในเวอรชนตางๆของเบาวเซอรและโปรแกรมท

เกยวกบกบการทาเวบไซต

Page 17: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

19

2.6 งานวจยทเกยวของ

2.6.1 การศกษาผลการใชสอการสอนชด Amazing Word ในการจาคาศพทภาษาองกฤษ

ของนกเรยนชน ประถมศกษาปท6 โรงเรยนเซนตหลยส ฉะเชงเทรา

บงกช บญเจรญ (2553) การวจยครงนมว ตถประสงคเพอพฒนาสอการสอนชด

Amazing Word วชาภาษาองกฤษของนกเรยนชน ประถมศกษาปท 6 โรงเรยนเซนตหลยส

ฉะเชงเทรา และเพอเปรยบเทยบความสามารถในการจาคาศพทระหวางกอนและหลงการใชสอ

Amazing Word โดยการใชแบบทดสอบกอนเรยนและหลงเรยน กลมตวอยางไดแก นกเรยนชน

ประถมศกษาปท 6/3 โรงเรยนเซนตหลยสฉะเชงเทรา ทกาลงเรยนวชาภาษาองกฤษ ในภาคเรยนท 2

ปการศกษา 2553 จานวน 47 คน โดยวธสมอยางงาย (simple random sampling) เครองมอทใชใน

การวจยคอ สอการสอนชด Amazing Word วชาภาษาองกฤษ และแบบทดสอบวดความสามารถใน

การจาคาศพททคณะผวจยสรางขน เนอหาทใชในการวจย ไดแกเนอหาวชาภาษาองกฤษชน

ประถมศกษาปท 6 ภาคเรยนท 2 จานวน 2 เรอง คอเรองผกและผลไมเพอสขภาพ และเรอง สตว

โลกนารกการวเคราะหขอมลเพอศกษาความสามารถในการจาของนกเรยน โดยวเคราะหหาคารอย

ละ หาคาเฉลย (X) และหาคาสวนเบยงเบนมาตรฐาน (S.D.) และการเปรยบเทยบความสามารถใน

การจาคาศพทภาษาองกฤษของนกเรยนกอนและหลงการสอนโดยใช คาทดสอบท (t test) ในการ

วเคราะหขอมล

ผลการศกษาพบวา 1. นกเรยนชน ประถมศกษาปท 6 ทไดรบการสอนโดยการจด

กจกรรมการเรยนรโดยใชสอการสอนชด Amazing Word วชาภาษาองกฤษ มความสามารถในการ

จาคาศพท ภาษาองกฤษโดยมคะแนนความกาวหนาในการจาคาศพทภาษาองกฤษ สงทสดเทากบ

รอยละ 63.3 2. นกเรยนชนประถมศกษาปท 6 ทไดรบการสอนโดยการจดกจกรรมการเรยนรโดยใช

สอการสอนชด Amazing Wordวชาภาษาองกฤษ มความสามารถในการจาคาศพท ภาษาองกฤษ สง

กวาเกณฑมาตรฐานทตงไวอยางมนยสาคญทางสถตทระดบ 0.01

Page 18: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

20

2.6.2 สภาพปญหาการจดการเรยนการสอนรายวชาคณตศาสตรทวไปสานกวชาศกษา

ทวไป มหาวทยาลยศรปทม

พมพพร ฟองหลา (2554) ไดศกษาเรองสภาพปญหาการจดการเรยนการสอนรายวชา

คณตศาสตรทวไปสานกวชาศกษาทวไป มหาวทยาลยศรปทม การศกษาวจยน มวตถประสงค

1. เพอศกษาปญหาและว เคราะหปญหาในการเรยนการสอนรายวชาคณตศาสตรทวไป

2. เพอนาเสนอแนวทางในการพฒนาการจดการเรยนการสอนในรายวชาคณตศาสตรทวไป

กลมเปาหมายเปนนกศกษาทลงทะเบยน IS วชาคณตศาสตรทวไป (MAT101) ในภาคการศกษา

2/2554 จานวน 3 คน และอาจารยผสอนวชาคณตศาสตร จานวน 5 ทาน ใชวธวจยเชงคณภาพ อาศย

การสมภาษณแบบเจาะลก และการสนทนากลมเปนเครองมอ จากนน นาเสนอผลการวเคราะหแบบ

พรรณนาวเคราะห

ผลการศกษา พบวา 1. ปญหาจากตวนกศกษาทพบมากทสดคอ นกศกษาพนฐานไมดไม

มความถนด ไมตงใจเรยน ไมสามารถประยกตความรไปใชในการแกปญหาได ขาดเรยนบอยหรอ

เขาเรยนชา ไมสนใจเรยน ไมชอบวชาคณตศาสตร ไมชอบการคดคานวณ ไมชอบทาแบบฝกหด

ดวยตนเอง สตรมาก เนอหาในรายวชามากและยากเกนไป นาเบอ 2. ปญหาจากการเรยนการสอน

พบมากทสด คอ อาจารยเขมงวดในการทางาน สอนจรงจงทาใหบรรยากาศในการเรยนเครยด ไมใช

สอการสอน สอนเรว สอนไมนาสนใจอธบายไมรเรอง และขอสอบยากเกนไป 3. ผลจากการ

สนทนากลมกบอาจารยในหมวดวชาคณตศาสตร ปญหาทเปนอปสรรคในการเรยนการสอนเกด

จาก ความพรอมในเรองเครองเสยง คอมพวเตอร โปรเจคเตอร สวนปญหาดานการศกษานกศกษา

พนฐาน ไมด เวลาทใชทาการสอนจากด เนอหาในหลกสตรมาก นกศกษามจานวนมากการดแลเอา

ใจใสทาไดไมทวถง จงมนกศกษาตกมาก 4. แนวทางพฒนาควรจดใหมการสอนเสรมสปดาหละ 1

ครง ปรบแกเนอหาในหลกสตรใหสอดคลองกบแตละคณะเพอจะไดนาไปใชไดจรงและตรวจเชค

อปกรณ ในชนเรยน ใหเรยบรอยกอนเปดภาคเรยน

Page 19: บทที่ 2 - research-system.siam.edu...บทที่ 2 การทบทวนเอกสาร/ วรรณกรรมที่เกี่ยวข้อง . 2.1 บทเรียนบนเครือข่าย

21

รปท 2.4 การสรางเวบไซต ดวยโปรแกรม Adobe Dreamweaver

นางสาวธนชญา แขรมย (2557) สาขางานการพฒนาโปรแกรม แผนกวชาคอมพวเตอร

วทยาลยเทคนคบรรมย โดยนาเสนอเรองราวเกยวกบการการสรางเวบไซต ดวยโปรแกรม Adobe

Dreamweaver โดยเรมตงแตแนะนาโปรแกรม การทางานของคาสงตางๆ อยางละเอยดและเขาใจ

งาย