Transcript การเรียนการสอนผ่านเว็บ (Web - Based Instruction :WBI)

LOGO
การเรียนการสอนผ่าน
เว็บ
(Web - Based Instruction :WBI)
เสนอ
อาจารย ์ สุวส
ิ าข ์ เหล่าเกิด
1
LOGO
Click to edit Master text styles
ความหมาย
 การเรียนการสอนผ่านเว็บ ( Web
base Instruction ) หมายถึง การรวม
่
ติ
คุณสมบัตข
ิ องสือหลายมิ
(Hypermedia) กับ คุณลักษณะของ
อินเตอร ์เน็ ตและเวิล ์ดไวด ์เว็บ มา
่
ออกแบบเป็ นเว็บเพือการเรี
ยนการสอน
สนับสนุ นและส่งเสริมให ้เกิดการเรียนรู ้
่
อย่างมีความหมาย เชือมโยงเป็
น
่
่ กเวลา
เครือข่ายทีสามารถเรี
ยนได ้ทุกทีทุ
่ ้เรียนและผู ้สอนมี
โดยมีลก
ั ษณะทีผู
2
LOGO
Click to edit Master text styles
ประเภทของการเรียนการสอนผ่าน
เว็บ
1
รูปแบบการเผยแพร่
2
ื่ สาร
รูปแบบการสอ
3
รูปแบบผสม
4
รูปแบบห้องเรียนเสมือน
3
LOGO
Click to edit Master text styles
1.รู ปแบบการเผยแพร่
แบ่งได้ออกเป็ น 3
ชนิ ด คือ
1.1
รูปแบบห้องสมุด
1.2
ื เรียน
รูปแบบหน ังสอ
1.3
ั ันธ์
รูปแบบการสอนทีม
่ ป
ี ฎิสมพ
4
LOGO
Click to edit Master text styles
่
2.รู ปแบบการสือสาร
(Communication Model)
 การเรียนการสอนผ่านเว็บรู ปแบบ
้ นรู ปแบบทีอาศ
่
นี เป็
ัยคอมพิวเตอร ์
่
่
่
มาเป็ นสือเพื
อการสื
อสาร
ผู เ้ รียน
่
่
อสารก
ับผู เ้ รียนคน
สามารถทีจะสื
่ ผู ส
่
อืนๆ
้ อนหรือก ับผู เ้ ชียวชาญได้
่
่
โดยรู ปแบบการสือสารที
่ แก่
หลากหลายในอินเทอร ์เน็ ต ซึงได้
5
LOGO
Click to edit Master text styles
3.
รู ปแบบผสม (Hybrid Model)
รู ปแบบการเรียนการสอน
้ นการ
ผ่านเว็บรู ปแบบนี เป็
นาเอารู ปแบบ 2 ชนิ ด คือ
รู ปแบบการเผยแพร่กบ
ั รู ปแบบ
่
าไว้
การสือสารมารวมเข้
่
ด้วยกัน เช่น เว็บไซต ์ทีรวม
6
LOGO
Click to edit Master text styles
4. รู ปแบบห้องเรียนเสมือน (Virtual classroom
model)
 เทอรอฟฟ์
ว่าเป็ น
สภาพแวดล้อมการเรียน การ
่ งขึ
้ นภายใต้
้
สอนทีตั
ระบบการ
่
สือสารผ่
านคอมพิวเตอร ์ใน
ลักษณะของการเรียนแบบ
ร่วมมือ นักเรียนและผู ส
้ อนจะ
(Turoff, 1995)
7
LOGO
Click to edit Master text styles
สภาพการเรียนการสอนผ่านเว็บ
การเรียนการสอนผ่านเว็บมี
ลักษณะการจัดสภาพการเรียนการ
่
สอนทีแตกต่
างจากการเรียนการ
้ั ยนปกติ ผู เ้ รียนจะ
สอนในชนเรี
เรียนผ่านจอคอมพิวเตอร ์ที่
่
เชือมโยงก
ับเครือข่าย โดยผู เ้ รียน
่ นสมาชิกเครือข่าย
แต่ละคนทีเป็
8
LOGO
Click to edit Master text styles
สภาพการเรียนการสอนผ่านเว็บ มี
้
ขันตอนดั
งนี ้
1.
ผูเ้ รียนที่
เป็น
ิ อิน
สมาชก
เทอร์เนต
เข้าสูร่ ะบบ
ด้วยการ
บ ันทึกเข้า
Login
2.
พิมพ์ท ี่
อยูข
่ อง
เว็บเพจที่
ต้องการ
เข้าไป
ึ ษา
ศก
9
3.
เมือ
่ เข้าสูเ่ ว็ บ
เพจทีต
่ อ
้ งการ
แล้ว
ึ ษา
ผูเ้ รียนศก
้ หาบทเรียน
เนือ
ทีน
่ าเสนอ
ผ่านทางหน้า
จอคอมพิวเตอร์
LOGO
Click to edit Master text styles
สภาพการเรียนการสอนผ่านเว็บ
4.
5.
่ งบาง
ในบางชว
ตอนของ
บทเรียน ผูเ้ รียน
จะถูกกระตุน
้ ให้
มีปฏิกริ ย
ิ า
้ หา
สนองต่อเนือ
ของบทเรียน
ผูเ้ รียนสามารถ
ึ ษาเนือ
้ หา
ศก
เท่าทีก
่ าหนด
ในเว็บเพจ
หนึง่ ๆ หรืออาจ
เข้าสูเ่ ว็บเพจ
อืน
่ ๆ
10
www.themegallery.com
LOGO
Click to edit Master text styles
่
ยนการ
องค ์ประกอบของการสือสารของการเรี
สอนผ่านเครือข่าย WBI
1.
E-mail
2.
3.
Web board
Chat
11
LOGO
Click to edit Master text styles
่
องค ์ประกอบของการสือสารของการเรี
ยนการ
สอนผ่านเครือข่าย WBI
4.
ICQ
5.
Conference
12
6.
อืน
่ ๆ
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
1.
โฮมเพจ
(Home Page)
2.
3.
เว็บเพจแนะนา
เว็บเพจแสดง
ภาพรวมของ
รายวิชา
(Introduction)
(Course Overview)
13
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
4.
เว็บเพจแสดง
สงิ่ จาเป็นในการ
เรียนรายวิชา
5.
เว็บเพจแสดง
ข้อมูลสาค ัญ
14
6.
เว็บเพจแสดง
บทบาทหน้าที่
และความ
ร ับผิดชอบของผู ้
ทีเ่ กีย
่ วข้อง
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
7.
เว็บเพจกิจกรรม
ทีม
่ อบหมายให้
ทาการบ้าน
8.
เว็บเพจแสดง
กาหนดการเรียน
(Course Schedule)
(Assignment)
9.
เว็บเพจ
ทร ัพยากร
สน ับสนุนการ
เรียน
(Resources)
15
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
10.
เว็บเพจแสดง
ต ัวอย่าง
แบบทดสอบ
11.
เว็บเพจแสดง
ประว ัติ
(Biography)
(Sample Tests)
16
12.
เว็บเพจแบบ
ประเมิน
(Evaluation)
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
13.
เว็บเพจ
แสดง
ั
คาศพท์
14.
15.
เว็บเพ็จการ
อภิปราย
เว็บเพจ
ประกาศ
ข่าว
(Discussion)
(Bulletin Board)
(Glossary)
17
LOGO
Click to edit Master text styles
เว็บไซต ์สาหร ับรายวิชามีองค ์ประกอบที่
เป็ นเว็บเพจ
16.
17.
เว็บเพจคาถาม
คาตอบทีพ
่ บ
บ่อย
เว็บเพจแสดง
คาแนะนาใน
การเรียน
รายวิชา
(FAQ Pages)
18
LOGO
Click to edit Master text styles
องค ์ประกอบของการสอนบนเว็บ
1.
ข้อความ
หลายมิต ิ
2.
ื่ หลาย
สอ
มิต ิ
19
3.
4.
การสอน
โดยใช ้
คอมพิว
่ ย
เตอร์ชว
สอน
การ
ื่ สาร
สอ
ผ่าน
คอมพิว
เตอร์
LOGO
Click to edit Master text styles
หลักการออกแบบบทเรียนบน
เครือข่ายอินเทอร ์เน็ ต
1.
ให้แรงจูงใจแก่ผเู ้ รียน
2.
การบอกให้ผเู ้ รียนทราบว่าเขา
จะได้เรียนรูอ
้ ะไรบ้าง
3.
ื่ มโยงความรูเ้ ก่าก ับความรูใ้ หม่
การเชอ
4.
้ หาใหม่
การนาเสนอเนือ
20
LOGO
Click to edit Master text styles
หลักการออกแบบบทเรียนบนเครือข่าย
อินเทอร ์เน็ ต (ต่อ)
5.
สร้างความกระตือรือร้นของผูเ้ รียน
6.
การให้ขอ
้ เสนอแนะ และข้อมูลย้อนกล ับ
7.
การทดสอบ (Testing)
8.
ให้ขอ
้ มูลทีเ่ กีย
่ วข้องเพิม
่ เติม
่ มเสริม
หรือการซอ
21
LOGO
Click to edit Master text styles
้
ขันตอนในการจั
ดการเรียนการสอน
ผ่านเว็บ




ต ัดสินใจลักษณะในการสอน
บนเว็บ
2. กาหนดวัตถุประสงค ์และ
เป้ าหมายของหลักสู ตรที่
จัดการสอนบนเว็บ
3. ศึกษาคุณลักษณะของ
ผู เ้ รียน
4. ออกแบบโครงสร ้างของเว็บ
โดยการกาหนดโครงสร ้างของ
1.
22
LOGO
Click to edit Master text styles
้
ขันตอนในการจัดการเรี
ยนการสอนผ่าน
เว็บ (ต่อ)
 5.หาความรู ้และทักษะการใช้



่ าเป็ น
โปรแกรมต่าง ๆ ทีจ
้
6.เตรียมเนื อหาในรู
ปการสอน
่
บนเว็บ ซึงครอบคลุ
มเพจ ต่าง
ๆ
7.การออกแบบและพัฒนา
่
กิจกรรมการสอน ทีเหมาะสม
กับการสอนบนเว็บ
8.ออกแบบการประเมินผลการ
เรียนของผู เ้ รียน
23
LOGO
Click to edit Master text styles
้
ขันตอนในการจัดการเรี
ยนการสอนผ่าน
เว็บ (ต่อ)
เตรียมความพร ้อมในด้าน
ปั ญหาเทคนิ ค
10. เตรียมความพร ้อมในด้าน
การเข้าถึงเครือข่ายสาหร ับ
ผู เ้ รียน
่
11. ทดลองใช้งาน เพือหา
ข้อผิดพลาด และปร ับปรุง
่
แก้ไขก่อนทีจะน
าไปใช้จริง
่ จด
12. หลังจากทีได้
ั การสอน
บนเว็บจริงแล้ว ควร
 9.



24
LOGO
Click to edit Master text styles
ลักษณะของบทเรียนบนเครือข่าย
อินเทอร ์เน็ ต (WBI)
การเรียนการสอนผ่าน
เครือข่ายอินเทอร ์เน็ ต มี
ลักษณะการจัดการเรียน ที่
ผู เ้ รียนจะเรียนผ่าน
่ อมต่
่
จอคอมพิวเตอร ์ทีเชื
อกับ
เครือข่ายอินเทอร ์เน็ ต และ
สามารถเข้าสู ่ระบบเครือข่าย
25
LOGO
Click to edit Master text styles
ลักษณะของกิจกรรมการเรียนการสอน
ผ่านเครือข่ายอินเทอร ์เน็ ต
1.
การนาเสนอ
(Presentation)
2.
3.
ื่ สาร
การสอ
การก่อให้เกิด
ั ันธ์
ปฏิสมพ
(Communication)
(Dynamic
Interaction)
26
LOGO
Click to edit Master text styles
ลักษณะของกิจกรรมการเรียนการสอน
ผ่านเครือข่ายอินเทอร ์เน็ ต
1. การนาเสนอ
(Presentation)
1.1
การนาเสนอ
ื่ ทาง
แบบสอ
่
เดียว เชน
เป็นข้อความ
27
LOGO
Click to edit Master text styles
1.2 นาเสนอ
ื่ คู่
แบบสอ
่ ข้อความ
เชน
ภาพกราฟฟิ ก
บางครงจะอยู
ั้
ใ่ น
รูปแบบPDF
ผูเ้ รียนสามารถ
ดาวน์โหลดไฟล์
ได้
28
LOGO
Click to edit Master text styles
1.3 การนาเสนอ
แบบม ัลติมเี ดีย
คือ ประกอบด้วย
ข้อความ ภาพ
กราฟฟิ ก
ภาพเคลือ
่ นไหว
ี งและ
เสย
ภาพยนตร์ หรือ
วีดโี อ (แต่ความเร็ ว
จะไม่เร็ วเท่าก ับ
วีดโี อเทป)
29
LOGO
Click to edit Master text styles
2.
่
การสือสาร
(Communication)
2.1
ื่ สาร
การสอ
ทางเดียว
โดยดูจากเว็บ
เพจ
30
LOGO
Click to edit Master text styles
2.2
่
การสือสารสองทาง
่ การสง
่
เชน
ไปรษณีย ์
อิเล็กทรอนิก
สโ์ ต้ตอบก ัน
31
LOGO
Click to edit Master text styles
3. การก่อให้เกิดปฏิสม
ั พันธ ์ (Dynamic Interaction)
ื ค้น
3.1 การสบ
32
LOGO
Click to edit Master text styles
3.
การก่อให้เกิดปฏิสม
ั พันธ ์ (ต่อ)
3.2 การหาวิธก
ี ารเข้าสูเ่ ว็บ
33
LOGO
Click to edit Master text styles
3. การก่อให้เกิดปฏิสม
ั พันธ ์ (ต่อ)
3.3 การตอบสนองของ
มนุษย์ในการใชเ้ ว็บ
34
LOGO
Click to edit Master text styles
การจัดการเรียนการสอนผ่านเว็บ
1.
่ เสริมให้ผเู ้ รียนและผูส
สง
้ อนสามารถ
ื่ สารก ันได้ตลอดเวลา
ติดต่อสอ
2.
ควรสน ับสนุนให้มก
ี ารพ ัฒนา
ความร่วมมือระหว่างผูเ้ รียน
3.
ควรสน ับสนุนให้ผเู ้ รียนรูจ
้ ัก
แสวงหาความรูด
้ ว้ ยตนเอง
35
LOGO
Click to edit Master text styles
การจัดการเรียนการสอนผ่านเว็บ (ต่อ)
4.
5.
การให้ผลย้อนกล ับแก่ผเู ้ รียน
ควรสน ับสนุนการจ ัดการ
เรียนการสอนทีไ่ ม่มข
ี ด
ี จาก ัด
36
LOGO
Click to edit Master text styles
ประโยชน์การเรียนการสอนผ่านเว็บ
1.
2.
3.
เว็บเปิ ดโอกาส
ให้เกิดการ
ั ันธ์
ปฏิสมพ
ระหว่างผูเ้ รียน
ก ับผูส
้ อนและ
ผูเ้ รียนก ับผูเ้ รียน
เว็ บสามารถ
้ หาใน
นาเสนอเนือ
ื่
รูปแบบของสอ
ประสม
เว็บเป็นระบบเปิ ด
้ ามารถ
ให้ผใู ้ ชส
เข้าถึงข้อมูลได้
ทว่ ั โลก
37
LOGO
Click to edit Master text styles
ประโยชน์การเรียนการสอนผ่านเว็บ
(ต่อ)
4.
5.
6.
เว็บอุดมไปด้วย
ทร ัพยากร เพือ
่
ื ค้น
การสบ
ออนไลน์
เว็บไม่มข
ี อ
้ จาก ัด
ทางสถานทีแ
่ ละ
เวลาของการ
สอนบนเว็บ
เว็บอนุญาตให้
ผูเ้ รียนเป็นผู ้
ควบคุมการเรียน
ตามความถน ัด
ของตนเอง
38
LOGO
Click to edit Master text styles
ประโยชน์การเรียนการสอนผ่านเว็บ
(ต่อ)
7.
เว็บอนุญาติให้
ื่ สารทงั้
ติดต่อสอ
แบบเวลาเดียว
และต่างเวลา
่
เชน
Web Board
39
LOGO
Click to edit Master text styles
ข้อดีของบทเรียนผ่านระบบอินเทอร ์เน็ ต
1.
สามารถเรียนรูไ้ ด้ทก
ุ ทีท
่ ก
ุ เวลา
2.
ไม่จาก ัดเพศและว ัยของผูเ้ รียน
3.
4.
ผูส
้ อนสามารถออกแบบบทเรียน
ควบคุมผูเ้ รียนได้
สามารถใชร้ ป
ู แบบการนาเสนอ
ทีห
่ ลากหลาย (Multimedia)
40
LOGO
Click to edit Master text styles
ข้อดีของบทเรียนผ่านระบบ
อินเทอร ์เน็ ต (ต่อ)
5.สะดวกต่อการปร ับเปลีย
่ นสารสน
เทศให้ท ันสม ัยอยูต
่ ลอดเวลา
6.ทร ัพยากรสารสนเทศใน
WWW มีจานวนมาก
7. เพิม
่ ท ักษะในการใชเ้ ทคโนโลยี
ให้ก ับผูเ้ รียน
41
LOGO
Click to edit Master text styles
ข้อจากัดของบทเรียนผ่านระบบ
อินเทอร ์เน็ ต
1.
2.
3.
ึ ษา
ในการศก
ทางไกล ผูส
้ อน
และผูเ้ รียนอาจ
ไม่ได้พบหน้าก ัน
ผูส
้ อน
จาเป็นต้องใช ้
เวลามากในการ
เตรียมการส อ น
การถามและตอบ
ปัญหาบางครงั้
้ ท ันที
ไม่เกิดขึน
42
LOGO
Click to edit Master text styles
ข้อจากัดของบทเรียนผ่านระบบ
อินเทอร ์เน็ ต(ต่อ)
4.
5.
ผูส
้ อนไม่
สามารถควบคุม
การเรียนได้
ั้ ยน
เหมือนชนเรี
ปกติ
ผูเ้ รียนต้องรูจ
้ ัก
ควบคุมตนเองใน
การเรียน
43
LOGO
Click to edit Master text styles
้
สรุปเนื อหา
ปั จจุบน
ั หลักการและแนวคิดในการจัดการเรียน
การสอนทีไ่ ด ้รับความนิยมมีอยูเ่ ป็ นจานวนมาก
แม ้ว่าความนิยมจะเน ้นไปทางด ้านการยึดผู ้เรียน
เป็ นศูนย์กลาง แต่ก็มไิ ด ้หมายความว่าครูจะสอน
โดยยึดครูเป็ นศูนย์กลางไม่ได ้ ดังทีห
่ ลายคน
เข ้าใจ ความจริงแล ้วครูควรเลือกหลักการและ
วิธก
ี ารทีเ่ หมาะสมกับลักษณะของเนือ
้ หาสาระและ
วัตถุประสงค์ ได ้แก่ หลักการจัดการเรียนการสอน
โดยยึดครูเป็ นศูนย์กลางและการสอนโดยไม่มค
ี รู
เน ้นตัวผู ้เรียน เน ้นประสบการณ์ เน ้นปั ญหา เน ้น
ทักษะกระบวนการ และเน ้นการบูรณาการ ใน
44
LOGO
Click to edit Master text styles
สมาชิกในกลุ่ม
์ อง ชนะพจน์
1. นางสาวหงสท
เลขที่ 8
2. นางสาวศริ วิ รรณ เอกสะพัง
เลขที่ 9
3. นางสาววรรณิสา เดชทะสอน
เลขที่ 11
ิ ป์
4. นางสาวศรนรินทร์ จันทร์ศล
เลขที่ 29
5. นาสาวภิชญา
ไชยสุระ
เลขที่ 39
45
www.themegallery.com
LOGO
46