+ All Categories
Home > Documents > การเรียนการสอนผ่านเว็บ ( Web - Based Instruction : WBI)

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

Date post: 26-Jan-2016
Category:
Upload: abena
View: 37 times
Download: 1 times
Share this document with a friend
Description:
การเรียนการสอนผ่านเว็บ ( Web - Based Instruction : WBI). เสนอ อาจารย์ สุวิสาข์ เหล่าเกิด. ความหมาย. - PowerPoint PPT Presentation
46
LOGO 1 กกกกกกกกกกกกกก กกกกกกกก (Web - Based Instruction :WBI) กกกก กกกกกกก กกกกกกกก กกกกก กกกก
Transcript

LOGO

1

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

(Web - Based Instruction :WBI)

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

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.

E-mail

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

LOGO

46


Recommended