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