งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 1 รายวิชา 204420 คอมพิวเตอร์เพื่อการ เรียนรู้ หน่วยที่ 5 “ แนวคิดและหลักการ ออกแบบ บทเรียนช่วยสอนบนเว็บ.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 1 รายวิชา 204420 คอมพิวเตอร์เพื่อการ เรียนรู้ หน่วยที่ 5 “ แนวคิดและหลักการ ออกแบบ บทเรียนช่วยสอนบนเว็บ."— ใบสำเนางานนำเสนอ:

1 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 1 รายวิชา 204420 คอมพิวเตอร์เพื่อการ เรียนรู้ หน่วยที่ 5 “ แนวคิดและหลักการ ออกแบบ บทเรียนช่วยสอนบนเว็บ ”

2 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 2 5.1 สื่อในระบบการศึกษา ทางไกล 5.2 Web - based Instruction (WBI)

3 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 3 5.1 สื่อในระบบการศึกษา ทางไกล Same Time / Same Place Same Time / Different Place Different Time / Same Place Different Time / Different Place (The 4-Square Map of Groupware Option-Johansen et al.)

4 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 4 5.2.1 ความรู้เบื้องต้น เกี่ยวกับ WBI 5.2.2 ปฏิสัมพันธ์ใน WBI 5.2.3 หลักและเทคนิคการ ออกแบบ WBI 5.2 Web-based Instruction (WBI)

5 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 5 5.2.1 ความรู้เบื้องต้น เกี่ยวกับ WBI 1) ความหมายของ WBI 2) WBI Features 3) ลักษณะการใช้ Web เพื่อการเรียนการสอน ในปัจจุบัน 4) ลักษณะสำคัญของ WBI

6 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 6 The instruction delivered via the Web to a remote audience is called web-based instruction (Relan & Gillani, 1997). 1) ความหมายของ WBI

7 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 7 การสอนบนเว็บเป็น โปรแกรมการเรียนการสอน ในรูปของสื่อหลายมิติ (hypermedia) ที่นำ คุณลักษณะและทรัพยากร ต่าง ๆ ที่มีอยู่ใน Web มาใช้ ประโยชน์ในการจัด สภาพแวดล้อมที่สนับสนุนให้ เกิดการเรียนรู้ (Khan,1997)

8 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 8 Key Features Additional Features 2) WBI Features

9 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 9 - Interactive- cross - cultural - multimedial interaction - open system - multiple expertise - online search - industry supported - device, distance, - learner controlled time independent- online resource - globally accessible- distributed - electronic publishing - uniformity world-wide Key Features

10 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 10 Additional Features - Convenient - Self-contained - Ease of Use - Online Support - Authentic - Course Security - Environmentally friendly - Cost - effective

11 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 11 Additional Features ต่อ - Ease of Coursework Development and Maintenance - Collaborative Learning - Formal and Informal Environments - Online Evaluation - Virtual Cultures

12 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 12 3) ลักษณะการใช้ Web เพื่อการ เรียนการสอนในปัจจุบัน 1. The Web as Source of Information 2. The Web as Electronic Book 3. The Web as Teacher 4. The Web as a Communication Medium between Teacher and Students

13 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 13 4) ลักษณะสำคัญ ของ WBI - Simply developing a Website with links to other webpages does not constitute instruction (Ritchie & Hoffman, 1997).

14 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 14 4) ลักษณะสำคัญ ของ WBI ต่อ - What is unique about WBI is not its rich mix of media features such as text, graphics, sound, animation, and video, nor its linkages to information resources around the world, but the pedagogical dimensions that WBI can be designed to deliver (Reeves, 1997).

15 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 15 คุณลักษณะเฉพาะของบทเรียน ช่วยสอนบนเว็ป (Web-based Instruction-WBI) มิได้อยู่ที่การ นำเสนอคุณลักษณะต่างๆ ของสื่อ เป็นจำนวนมาก เช่น ข้อความ ภาพกราฟิก เสียง ภาพเคลื่อนไหว และภาพทัศน์ หรือแม้แต่การ เชื่อมโยงไปยังแหล่งสารสนเทศ ต่างๆ ทั่วโลก หากแต่เป็นมิติทางการ สอนที่บทเรียนช่วยสอนบนเว็ปได้รับ การออกแบบให้สามารถส่งไปยัง ผู้เรียนได้

16 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 16 5.2.2 ปฏิสัมพันธ์ใน WBI 1) Instructional Interaction - ปฏิสัมพันธ์ระหว่าง ผู้เรียนกับบทเรียน 2) Social Interaction - ผู้สอนกับผู้เรียน ผู้เรียนกับผู้เรียน

17 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 17 WBI with Instruction- only Interaction Mode --A WBI that provides features for instructional interaction including hyperlinks, FAQs, exercises, and email with instructor.

18 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 18 WBI with Social and Instructional Interaction Mode --A WBI that provides features for social interaction and instructional interaction including email, email distribution lists, chatgroups, bulletin boards, hyperlinks, FAQs, and exercises.

19 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 19 5.2.3 หลักและเทคนิคการ ออกแบบ WBI 1) Links 2) HCI

20 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 20 Links ความหมายของ Links Links คือช่องทางที่เชื่อมต่อข้อมูล ระหว่าง page, field ลักษณะของ Links 1. บอกทิศทาง (Directionality: one - way links, two-way links) 2. มีข้อความอธิบาย (Labeling: names, standard icons) 3. ขนาดเหมาะสม 4. ได้รับการจัดกลุ่ม (grouped together) 5. มองเห็นชัดเจน (Visibility)

21 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 21 ข้อแนะนำในการใช้ Links 1. ใช้ลูกศรซ้าย - ขวา หรือบน - ล่าง แสดงการเรียงลำดับของเนื้อหา 2. เมื่อใช้ลูกศรซ้าย - ขวา แสดงความ ต่อเนื่องของเนื้อหาเรื่อง เดียวกันแต่มีหลายหน้า ให้ลบลูกศร ซ้ายของหน้าแรก และ ลูกศรขวาหน้าสุดท้าย 3. หลีกเลี่ยงการ scrolling ในกรณีที่ เนื้อหาไม่จบในหนึ่งหน้า ให้ใช้ หลัก x of y strategy 4. ใช้แผนภาพแสดงให้ทราบว่าผู้เรียน กำลังอยู่ตรงเนื้อหาส่วนไหน

22 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 22 Human-Computer Interface (HCI) Design ความหมายของ HCI - The layer of the software that communicates directly to and interacts with users (Marra, 1996). องค์ประกอบสำคัญของ HCI - all messages to users; - interactions, flow, or navigation between screens or other various parts of the program; - interrelationship between messages within the program; and screen designs.

23 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 23 หลักพื้นฐานของ HCI 1. วิเคราะห์กลุ่มผู้เรียนเพื่อเป็น แนวทางในการพัฒนา HCI 2. พยายามทำให้ Interface มี ลักษณะเรียบง่ายโดยจำกัด ทางเลือกให้ผู้เรียน 3. ออกแบบ Interface ให้ส่งเสริม ผู้เรียนมีความกระตือรือล้น ที่จะทำแต่ละงานให้สำเร็จ 4. ออกแบบ Interface ให้มีระดับ ความยากง่ายสอดคล้องกับ ระดับการเรียนรู้ของผู้เรียน

24 IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 24 กฎพื้นฐานการออกแบบหน้าจอ สำหรับ WBI - choose a style and stick to it - avoid too much text - only use graphics for a purpose - don ’ t have lots of hyperlinks scattered through the text - use meaningful headings and subheadings - complex graphics will take time to load so put a simple text explanation - avoiding using too many fonts (no more than two) - edit text thoroughly


ดาวน์โหลด ppt IS 204420 คอมพิวเตอร์เพื่อการเรียนรู้ c อ. ดร. นฤมล รักษาสุข 1 รายวิชา 204420 คอมพิวเตอร์เพื่อการ เรียนรู้ หน่วยที่ 5 “ แนวคิดและหลักการ ออกแบบ บทเรียนช่วยสอนบนเว็บ.

งานนำเสนอที่คล้ายกัน


Ads by Google