บทที่ 2 - siam universityresearch-system.siam.edu/images/coop/it_department/the...4 2.1.2...

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

Upload: others

Post on 24-Feb-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

3

บทท 2

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

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

[1]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ผเรยน (Learning without Boundary)

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

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

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

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

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

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

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

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

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

[1]

Page 2: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

เวบไซตตางๆ

Page 3: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

5

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

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

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

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

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

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) ซงจะไดกลาวถงรายละเอยดของ

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

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

Page 4: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 5: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 6: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

8

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

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

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. เปนสอทงายตอการใช และสามารถตดตอสอสารระหวางกนไดสะดวกรวดเรว

Page 7: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

9

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

สงสาคญทสด

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

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

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

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

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

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

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

เรยนโดยตรง

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

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

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

Page 8: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

10

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

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

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

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

2.2 การนาเสนอเวบเพจ1

[2]

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

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

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

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

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

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

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

เดยวกน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[2]

Page 9: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

11

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

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

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

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

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

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

หรอ 2 ภาพตอเวบเพจกเพยงพอแลว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

แลวกจะทาให

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

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

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

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

บคคล

Page 10: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

12

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

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

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

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

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

[3]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[3]

Page 11: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

13

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

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

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

ไปชมเวบไซต

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 12: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

14

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ละหนาจอ

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

[4]

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

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

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

[4]

Page 13: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

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 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

16

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

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

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

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

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

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

Page 15: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

17

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

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

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

เทคนคตางๆ

Page 16: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

18

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

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

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

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

Page 17: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

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 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

20

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

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

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

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

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

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

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

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

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

วเคราะห

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

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

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

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

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

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

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

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

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

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

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

และตรวจเชคอปกรณ ในชนเรยน ใหเรยบรอยกอนเปดภาคเรยน

Page 19: บทที่ 2 - Siam Universityresearch-system.siam.edu/images/coop/IT_Department/The...4 2.1.2 ประเภทของการจ ดการเร ยนการสอนบนเคร

21

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

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

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

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

งาย