การเรียนการสอนผ่านเว็บ ( web - based instruction : wbi)

LOGO

เสนออาจารย์ ส�วิ สาข์ เหล่�าเกิ ด

กิารเร�ย์นกิารสอนผ่�านเวิ�บ

(Web - Based Instruction :WBI)

1

Click to edit Master text stylesLOGO

ควิามหมาย์ การเร�ยนการสอนผ่�านเว็ บ ( Web base Instruction ) หมายถึ�ง การรว็มคุ�ณสมบ�ติ�ของส��อหลายม�ติ� (Hypermedia) ก�บ คุ�ณล�กษณะ

ของอ�นเติอร!เน ติและเว็�ล!ดไว็ด!เว็ บ มาออกแบบเป็&นเว็ บเพื่��อการเร�ยนการสอน สน�บสน�นและส�งเสร�มให)

เก�ดการเร�ยนร* )อย�างม�คุว็ามหมาย เชื่��อมโยงเป็&นเคุร�อข�ายที่��สามารถึเร�ยนได)ที่�กที่��ที่�กเว็ลา โดยม�

ล�กษณะที่��ผ่*)เร�ยนและผ่*)สอนม� ป็ฏิ�ส�มพื่�นธ์!ก�นโดยผ่�านระบบเคุร�อข�ายคุอมพื่�ว็เติอร!ที่��เชื่��อมโยงถึ�งก�น

2


ประเภทข์องกิารเร�ย์นกิารสอนผ่�านเวิ�บ

3

ร�ปแบบกิารเผ่ย์แพร� 1

ร�ปแบบกิารส"#อสาร2

ร�ปแบบผ่สม3

ร�ปแบบห$องเร�ย์นเสม"อน 4


1.ร�ปแบบกิารเผ่ย์แพร� แบ�งได$ออกิเป&น 3 ชน ด ค"อ

4

ร�ปแบบห$องสม�ด1.1

ร�ปแบบหน(งส"อเร�ย์น1.2

ร�ปแบบกิารสอนท�#ม�ปฎิ ส(มพ(นธ์ 1.3


2.ร�ปแบบกิารส"#อสาร (Communication Model)

กิารเร�ย์นกิารสอนผ่�านเวิ�บร�ปแบบน�+เป&นร�ปแบบท�#อาศั(ย์คอมพ วิเตอรมาเป&นส"#อเพ"#อกิารส"#อสาร ผ่�$เร�ย์นสามารถท�#จะส"#อสารกิ(บผ่�$เร�ย์นคนอ"#นๆ ผ่�$สอนหร"อกิ(บผ่�$เช�#ย์วิชาญได$ โดย์ร�ปแบบกิารส"#อสารท�#หล่ากิหล่าย์ในอ นเทอรเน�ต ซึ่4#งได$แกิ� จดหมาย์ อ เล่�กิทรอน กิส

5


3. ร�ปแบบผ่สม (Hybrid Model)

ร�ปแบบกิารเร�ย์นกิารสอนผ่�านเวิ�บร�ปแบบน�+เป&นกิารน5าเอาร�ปแบบ 2 ชน ด ค"อ ร�ปแบบกิารเผ่ย์แพร�กิ(บร�ปแบบกิารส"#อสารมารวิมเข์$าไวิ$ด$วิย์กิ(น เช�น เวิ�บไซึ่ตท�#รวิมเอาร�ปแบบห$องสม�ดกิ(บร�ปแบบหน(งส"อเร�ย์นไวิ$ด$วิย์กิ(น

6


4. ร�ปแบบห$องเร�ย์นเสม"อน (Virtual classroom model)

เทอรอฟฟ7 (Turoff, 1995) วิ�าเป&นสภาพแวิดล่$อมกิารเร�ย์น กิารสอนท�#ต(+งข์4+นภาย์ใต$ระบบกิารส"#อสารผ่�านคอมพ วิเตอรในล่(กิษณะข์องกิารเร�ย์นแบบร�วิมม"อ น(กิเร�ย์นแล่ะผ่�$สอนจะได$ร(บควิามร�$ใหม�ๆ

7


สภาพกิารเร�ย์นกิารสอนผ่�านเวิ�บ

กิารเร�ย์นกิารสอนผ่�านเวิ�บม�ล่(กิษณะกิารจ(ดสภาพกิารเร�ย์นกิารสอนท�#แตกิต�างจากิกิารเร�ย์นกิารสอนในช(+นเร�ย์น

ปกิต ผ่�$เร�ย์นจะเร�ย์นผ่�านจอคอมพ วิเตอรท�#เช"#อมโย์งกิ(บเคร"อข์�าย์

โดย์ผ่�$เร�ย์นแต�ล่ะคนท�#เป&นสมาช กิเคร"อข์�าย์ อ นเทอรเน�ต

8


สภาพกิารเร�ย์นกิารสอนผ่�านเวิ�บ ม�ข์(+นตอนด(งน�+

9

1. 2. 3.

ผ่�$เร�ย์นท�#เป&นสมาช กิ

อ นเทอรเนตเข์$าส��ระบบด$วิย์กิาร

บ(นท4กิเข์$า Login

พ มพท�#อย์��ข์อง

เวิ�บเพจท�#ต$องกิาร

เข์$าไปศั4กิษา

เม"#อเข์$าส��เวิ�บเพจท�#ต$องกิารแล่$วิ ผ่�$เร�ย์นศั4กิษา

เน"+อหาบทเร�ย์นท�#น5าเสนอ

ผ่�านทางหน$าจอคอมพ วิเตอร


สภาพกิารเร�ย์นกิารสอนผ่�านเวิ�บ

www.themegallery.com10

4. 5.

ในบางช�วิงบางตอนข์องบท

เร�ย์น ผ่�$เร�ย์นจะถ�กิกิระต�$นให$ม�ปฏิ กิ ร ย์าสนอง

ต�อเน"+อหาข์องบทเร�ย์น

ผ่�$เร�ย์นสามารถศั4กิษาเน"+อหาเท�าท�#กิ5าหนดในเวิ�บเพจหน4#งๆ หร"ออาจเข์$าส��เวิ�บเพ

จอ"#นๆ


องคประกิอบข์องกิารส"#อสารข์องกิารเร�ย์นกิารสอนผ่�านเคร"อข์�าย์ WBI

11

1.

E-mail

3.

Chat

2.

Web board


องคประกิอบข์องกิารส"#อสารข์องกิารเร�ย์นกิารสอนผ่�านเคร"อข์�าย์ WBI

12

4.

ICQ

6.

อ"#นๆ

5.

Conference


เวิ�บไซึ่ตส5าหร(บราย์วิ ชาม�องคประกิอบท�#เป&นเวิ�บเพจ

13

1.

โฮมเพจ (Home Page)

3.

เวิ�บเพจแสดงภาพรวิมข์อง ราย์วิ ชา (Course Overview)

2.

เวิ�บเพจแนะน5า (Introduction)



14

4.

เวิ�บเพจแสดงส #งจ5าเป&นในกิารเร�ย์น

ราย์วิ ชา

6.

เวิ�บเพจแสดงบทบาทหน$าท�#แล่ะควิามร(บผ่ ดชอบข์องผ่�$ท�#เกิ�#ย์วิข์$อง

5.

เวิ�บเพจแสดงข์$อม�ล่ส5าค(ญ



15

7.

เวิ�บเพจกิ จกิรรมท�#มอบหมาย์ให$ท5ากิารบ$าน

(Assignment)

9.

เวิ�บเพจทร(พย์ากิร

สน(บสน�นกิารเร�ย์น

(Resources)

8.

เวิ�บเพจแสดงกิ5าหนดกิารเร�ย์น (Course Schedule)



16

10.

เวิ�บเพจแสดงต(วิอย์�างแบบทดสอบ (Sample

Tests)

12.

เวิ�บเพจแบบประเม น (Evaluation)

11.

เวิ�บเพจแสดงประวิ(ต

(Biography)



17

13.

เวิ�บเพจแสดงค5า

ศั(พท (Glossary)

15.

เวิ�บเพจประกิาศัข์�าวิ

(Bulletin Board)

14.

เวิ�บเพ�จกิารอภ ปราย์

(Discussion)



18

16.

เวิ�บเพจค5าถามค5าตอบท�#พบบ�อย์

(FAQ Pages)

17.

เวิ�บเพจแสดงค5าแนะน5าใน

กิารเร�ย์นราย์วิ ชา


องคประกิอบข์องกิารสอนบนเวิ�บ

19

1. 2. 3. 4.

ข์$อควิามหล่าย์ม ต

ส"#อหล่าย์ม ต

กิารสอนโดย์ใช$

คอมพ วิเตอรช�วิย์

สอน

กิารส"#อสารผ่�านคอม

พ วิเตอร


หล่(กิกิารออกิแบบบทเร�ย์นบนเคร"อข์�าย์อ นเทอรเน�ต

20

ให$แรงจ�งใจแกิ�ผ่�$เร�ย์น 1.

กิารบอกิให$ผ่�$เร�ย์นทราบวิ�าเข์าจะได$เร�ย์นร�$อะไรบ$าง

2.

กิารเช"#อมโย์งควิามร�$เกิ�ากิ(บควิามร�$ใหม� 3.

กิารน5าเสนอเน"+อหาใหม� 4.


หล่(กิกิารออกิแบบบทเร�ย์นบนเคร"อข์�าย์อ นเทอรเน�ต (ต�อ)

21

สร$างควิามกิระต"อร"อร$นข์องผ่�$เร�ย์น 5.

กิารให$ข์$อเสนอแนะ แล่ะข์$อม�ล่ย์$อนกิล่(บ6.

กิารทดสอบ (Testing) 7.

ให$ข์$อม�ล่ท�#เกิ�#ย์วิข์$องเพ #มเต ม หร"อกิารซึ่�อมเสร ม

8.


ข์(+นตอนในกิารจ(ดกิารเร�ย์นกิารสอนผ่�านเวิ�บ

1. ต(ดส นใจล่(กิษณะในกิารสอนบนเวิ�บ 2. กิ5าหนดวิ(ตถ�ประสงคแล่ะเป<าหมาย์

ข์องหล่(กิส�ตรท�#จ(ดกิารสอนบนเวิ�บ 3. ศั4กิษาค�ณล่(กิษณะข์องผ่�$เร�ย์น 4. ออกิแบบโครงสร$างข์องเวิ�บ โดย์

กิารกิ5าหนดโครงสร$างข์องเวิ�บคร�าวิๆ กิ�อนท�#จะกิ5าหนดราย์ล่ะเอ�ย์ด

22


ข์(+นตอนในกิารจ(ดกิารเร�ย์นกิารสอนผ่�านเวิ�บ (ต�อ)

5.หาควิามร�$แล่ะท(กิษะกิารใช$โปรแกิรมต�าง ๆ ท�#จ5าเป&น

6.เตร�ย์มเน"+อหาในร�ปกิารสอนบนเวิ�บ ซึ่4#งครอบคล่�มเพจ ต�าง ๆ

7.กิารออกิแบบแล่ะพ(ฒนากิ จกิรรมกิารสอน ท�#เหมาะสมกิ(บกิารสอนบนเวิ�บ

8.ออกิแบบกิารประเม นผ่ล่กิารเร�ย์นข์องผ่�$เร�ย์น

23


ข์(+นตอนในกิารจ(ดกิารเร�ย์นกิารสอนผ่�านเวิ�บ (ต�อ)

9. เตร�ย์มควิามพร$อมในด$านป>ญหาเทคน ค

10. เตร�ย์มควิามพร$อมในด$านกิารเข์$าถ4งเคร"อข์�าย์ส5าหร(บผ่�$เร�ย์น

11. ทดล่องใช$งาน เพ"#อหาข์$อผ่ ดพล่าด แล่ะปร(บปร�งแกิ$ไข์กิ�อนท�#จะน5าไปใช$จร ง

12. หล่(งจากิท�#ได$จ(ดกิารสอนบนเวิ�บจร งแล่$วิ ควิรประเม นผ่ล่กิารจ(ดกิารเร�ย์นกิารสอนเพ"#อให$ได$ข์$อม�ล่ท�#เป&นประโย์ชนต�อไป

24


ล่(กิษณะข์องบทเร�ย์นบนเคร"อข์�าย์อ นเทอรเน�ต (WBI)

กิารเร�ย์นกิารสอนผ่�านเคร"อข์�าย์อ นเทอรเน�ต ม�ล่(กิษณะกิารจ(ดกิาร

เร�ย์น ท�#ผ่�$เร�ย์นจะเร�ย์นผ่�านจอคอมพ วิเตอรท�#เช"#อมต�อกิ(บเคร"อข์�าย์อ นเทอรเน�ต แล่ะสามารถเข์$าส��ระบบเคร"อข์�าย์เพ"#อกิารศั4กิษา

เน"+อหาบทเร�ย์นจากิท�#ใดกิ�ได$25


ล่(กิษณะข์องกิ จกิรรมกิารเร�ย์นกิารสอนผ่�านเคร"อข์�าย์อ นเทอรเน�ต

26

1.

กิารน5าเสนอ

(Presentation)

3.

กิารกิ�อให$เกิ ดปฏิ ส(มพ(นธ์

(Dynamic

Interaction)

2.

กิารส"#อสาร

(Communication)


ล่(กิษณะข์องกิ จกิรรมกิารเร�ย์นกิารสอนผ่�านเคร"อข์�าย์อ นเทอรเน�ต

27

1.1

กิารน5าเสนอแบบส"#อทาง

เด�ย์วิ เช�น เป&นข์$อควิาม

1 .กิารน5าเสนอ (Presentation)


28

เช�น ข์$อควิามภาพกิราฟฟ?กิ บางคร(+งจะอย์��ในร�ปแบบPDF ผ่�$เร�ย์นสามารถดาวินโหล่ดไฟล่ได$

1.2 น5าเสนอแบบส"#อค��


29

ค"อ ประกิอบด$วิย์ข์$อควิาม ภาพกิราฟฟ?กิ ภาพ

เคล่"#อนไหวิ เส�ย์งแล่ะภาพย์นตร หร"อวิ�ด�โอ (แต�ควิามเร�วิจะไม�เร�วิเท�ากิ(บวิ�ด�โอ

เทป)

1.3 กิารน5าเสนอแบบม(ล่ต ม�เด�ย์


2. กิารส"#อสาร (Communication)

30

กิารส"#อสารทางเด�ย์วิ โดย์ด�จากิเวิ�บเพจ

2.1


2.2 กิารส"#อสารสองทาง

31

เช�น กิารส�งไปรษณ�ย์

อ เล่�กิทรอน กิสโต$ตอบกิ(น


3. กิารกิ�อให$เกิ ดปฏิ ส(มพ(นธ์ (Dynamic Interaction)

32

3.1 กิารส"บค$น


3. กิารกิ�อให$เกิ ดปฏิ ส(มพ(นธ์ (ต�อ)

33

3.2 กิารหาวิ ธ์�กิารเข์$าส��เวิ�บ


3. กิารกิ�อให$เกิ ดปฏิ ส(มพ(นธ์ (ต�อ)

34

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


กิารจ(ดกิารเร�ย์นกิารสอนผ่�านเวิ�บ

35

1.

2.

ส�งเสร มให$ผ่�$เร�ย์นแล่ะผ่�$สอนสามารถต ดต�อส"#อสารกิ(นได$ตล่อดเวิล่า

ควิรสน(บสน�นให$ม�กิารพ(ฒนาควิามร�วิมม"อระหวิ�างผ่�$เร�ย์น

3.ควิรสน(บสน�นให$ผ่�$เร�ย์นร�$จ(กิแสวิงหาควิามร�$ด$วิย์ตนเอง


กิารจ(ดกิารเร�ย์นกิารสอนผ่�านเวิ�บ (ต�อ)

36

กิารให$ผ่ล่ย์$อนกิล่(บแกิ�ผ่�$เร�ย์น 4.

5.

ควิรสน(บสน�นกิารจ(ดกิารเร�ย์นกิารสอนท�#ไม�ม�ข์�ดจ5ากิ(ด


ประโย์ชนกิารเร�ย์นกิารสอนผ่�านเวิ�บ

37

1.

เวิ�บเป?ดโอกิาสให$เกิ ดกิาร

ปฏิ ส(มพ(นธ์ระหวิ�างผ่�$เร�ย์นกิ(บผ่�$สอนแล่ะผ่�$เร�ย์น

กิ(บผ่�$เร�ย์น

3.

เวิ�บเป&นระบบเป?ดให$ผ่�$ใช$สามารถเข์$าถ4งข์$อม�ล่ได$ท(#วิโล่กิ

2.

เวิ�บสามารถน5าเสนอเน"+อหาในร�ปแบบข์องส"#อประสม


ประโย์ชนกิารเร�ย์นกิารสอนผ่�านเวิ�บ (ต�อ)

38

4.

เวิ�บอ�ดมไปด$วิย์ทร(พย์ากิร เพ"#อ

กิารส"บค$นออนไล่น

6.

เวิ�บอน�ญาตให$ผ่�$เร�ย์นเป&นผ่�$

ควิบค�มกิารเร�ย์นตามควิามถน(ด

ข์องตนเอง

5.

เวิ�บไม�ม�ข์$อจ5ากิ(ดทางสถานท�#แล่ะ

เวิล่าข์องกิารสอนบนเวิ�บ


ประโย์ชนกิารเร�ย์นกิารสอนผ่�านเวิ�บ (ต�อ)

39

7.

เวิ�บอน�ญาต ให$ต ดต�อส"#อสารท(+งแบบเวิล่าเด�ย์วิ

แล่ะต�างเวิล่า เช�น Web Board


ข์$อด�ข์องบทเร�ย์นผ่�านระบบอ นเทอรเน�ต

40

สามารถเร�ย์นร�$ได$ท�กิท�#ท�กิเวิล่า1.

ไม�จ5ากิ(ดเพศัแล่ะวิ(ย์ข์องผ่�$เร�ย์น2.

ผ่�$สอนสามารถออกิแบบบทเร�ย์นควิบค�มผ่�$เร�ย์นได$

3.

สามารถใช$ร�ปแบบกิารน5าเสนอท�#หล่ากิหล่าย์ (Multimedia)

4.


ข์$อด�ข์องบทเร�ย์นผ่�านระบบอ นเทอรเน�ต (ต�อ)

41

5.สะดวิกิต�อกิารปร(บเปล่�#ย์นสารสน เทศัให$ท(นสม(ย์อย์��ตล่อดเวิล่า

6.ทร(พย์ากิรสารสนเทศัใน WWW ม�จ5านวินมากิ

7. เพ #มท(กิษะในกิารใช$เทคโนโล่ย์�ให$กิ(บผ่�$เร�ย์น


ข์$อจ5ากิ(ดข์องบทเร�ย์นผ่�านระบบอ นเทอรเน�ต

42

1.

ในกิารศั4กิษาทางไกิล่ ผ่�$สอนแล่ะผ่�$เร�ย์นอาจไม�ได$พบหน$ากิ(น

3.

กิารถามแล่ะตอบป>ญหาบางคร(+งไม�เกิ ดข์4+นท(นท�

2.

ผ่�$สอนจ5าเป&นต$องใช$เวิล่ามากิใน

กิารเตร�ย์มกิารส อ น


ข์$อจ5ากิ(ดข์องบทเร�ย์นผ่�านระบบอ นเทอรเน�ต(ต�อ)

43

5.

ผ่�$เร�ย์นต$องร�$จ(กิควิบค�มตนเองใน

กิารเร�ย์น

4.

ผ่�$สอนไม�สามารถควิบค�มกิารเร�ย์นได$เหม"อนช(+นเร�ย์น

ปกิต


สร�ปเน"+อหาป็0จจ�บ�น หล�กการและแนว็คุ�ดในการจ�ดการเร�ยนการสอนที่��ได)ร�บ

คุว็ามน�ยมม�อย*�เป็&นจ2านว็นมาก แม)ว็�าคุว็ามน�ยมจะเน)นไป็ที่างด)านการย�ดผ่*)เร�ยนเป็&นศู*นย!กลาง แติ�ก ม�ได)หมายคุว็ามว็�าคุร*จะสอนโดยย�ดคุร*เป็&นศู*นย!กลางไม�ได) ด�งที่��หลายคุนเข)าใจ คุว็ามจร�งแล)ว็คุร*คุว็รเล�อกหล�กการและว็�ธ์�การที่��เหมาะสมก�บล�กษณะของเน�4อหาสาระและว็�ติถึ�ป็ระสงคุ! ได)แก� หล�กการจ�ดการเร�ยนการสอนโดยย�ดคุร*เป็&นศู*นย!กลางและการสอนโดยไม�ม�คุร* เน)นติ�ว็ผ่*)เร�ยน เน)นป็ระสบการณ! เน)นป็0ญหา เน)นที่�กษะกระบว็นการ และเน)นการบ*รณาการ ในอนาคุติการจ�ดการเร�ยนการสอนม�แนว็โน)มที่��จะย�ดหล�กการสอนโดยไม�ม�คุร*เพื่��มข�4น เน��องจากการจ�ดการศู�กษาจะม��งให)ผ่*)เร�ยนส�มฤที่ธ์�7ผ่ลเป็&นรายบ�คุคุลมากข�4น ซึ้�4งม�คุว็ามเป็&นไป็ได)ส*ง เน��องจากเที่คุโนโลย�ที่างการศู�กษาก)าว็หน)าข�4นติามล2าด�บ

44


ค5าถามท$าย์บท1.คุว็ามหมายของ web based Instruction :

WBT คุ�ออะไร?

2. ให)บอกคุ�ณสมบ�ติ�ของ WBI ม�อะไรบ)าง และให) บอกคุว็ามหมายมาพื่อส�งเขป็ ม� 2 ข)อได)แก�

1) คุ�ณสมบ�ติ�ของเคุร�อข�าย WWW

2) คุ�ณสมบ�ติ�ของส��อหลายม�ติ�ในการเร�ยนการสอนผ่�านเคุร�อข�าย



3. ร*ป็แบบการเผ่ยแพื่ร� สามารถึแบ�งออกได)เป็&นก��ชื่น�ด? อะไรบ)าง?

4.องคุ!ป็ระกอบของการส��อสารของการเร�ยนการ สอนผ่�านเคุร�อข�าย WBI ม�อะไรบ)าง

5. หล�กการออกแบบบที่เร�ยนบนเคุร�อข�าย อ�นเที่อร!เน ติ ม�ก��ข)อ อะไรบ)าง



สมาช กิในกิล่��ม1. นางสาว็หงส!ที่อง ชื่นะพื่จน! เลขที่�� 82. นางสาว็ศู�ร�ว็รรณ เอกสะพื่�ง เลขที่�� 93. นางสาว็ว็รรณ�สา เดชื่ที่ะสอน เลขที่��

114. นางสาว็ศูรนร�นที่ร! จ�นที่ร!ศู�ลป็9 เลขที่��

295. นาสาว็ภิ�ชื่ญา ไชื่ยส�ระ เลขที่��

39

สาขาภิาษาอ�งกฤษ ชื่�4นป็;ที่�� 1www.themegallery.com47

LOGO

48

การเรียนการสอนผ่านเว็บ ( web - based instruction : wbi)

Documents