Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Ppt ว็บการสอบ
Similar to Ppt ว็บการสอบ (20)
Ppt ว็บการสอบ
- 2. การจัดการเรียนการสอนโดยการจัดการเรียนการสอนโดย ใช้เครือข่ายอินเทอร์เน็ตใช้เครือข่ายอินเทอร์เน็ต เทคโนโลยีเทคโนโลยี สารสนเทศสารสนเทศ 1 การเรียนการสอนการเรียนการสอน ผ่านเว็บผ่านเว็บ 2 การจัดการเรียนการสอนในการจัดการเรียนการสอนใน ลักษณะลักษณะ e-Learninge-Learning 3 องค์ประกอบขององค์ประกอบของ e-e- LearningLearning 4 ประเภทของประเภทของ e-Learninge-Learning คอร์สแวร์คอร์สแวร์ 5 ระบบบริหารจัดการระบบบริหารจัดการ รายวิชารายวิชา 6 22
- 4. 1.1. การเรียนการสอนผ่านเว็บการเรียนการสอนผ่านเว็บ 2.12.1 ความหมายการเรียนการสอนความหมายการเรียนการสอน ผ่านเว็บผ่านเว็บ ราชบัณฑิตสถานได้บัญญัติคำาศัพท์ราชบัณฑิตสถานได้บัญญัติคำาศัพท์ "Web-Based Instruction""Web-Based Instruction" ไว้ว่าไว้ว่า ""การสอนโดยใช้เว็บเป็นฐานการสอนโดยใช้เว็บเป็นฐาน "" หรือหรือ ""การสอนบนเว็บการสอนบนเว็บ"" เนื่องจากเนื่องจาก คำาว่าคำาว่า ""การสอนบนเว็บการสอนบนเว็บ"" เป็นคำาที่เป็นคำาที่ นิยมใช้กันมากนิยมใช้กันมาก สรรรัชต์ ห่อไพศาลสรรรัชต์ ห่อไพศาล (2544)(2544) กล่าวกล่าว 44
- 6. 2.22.2 ประโยชน์ของการเรียนการประโยชน์ของการเรียนการ สอนผ่านเว็บสอนผ่านเว็บ การเรียนการสอนสามารถเข้าถึงทุกการเรียนการสอนสามารถเข้าถึงทุก หน่วยงานที่มีอินเทอร์เน็ตติดตั้งอยู่หน่วยงานที่มีอินเทอร์เน็ตติดตั้งอยู่ 1 การเรียนการสอนกระทำาได้โดยผู้การเรียนการสอนกระทำาได้โดยผู้ เข้าเรียนไม่ต้องทิ้งงานประจำาเพื่อมาเข้าเรียนไม่ต้องทิ้งงานประจำาเพื่อมา เข้าชั้นเรียนเข้าชั้นเรียน 2 3้องเสียค่าใช้จ่ายในการเรียนการสอน เช่น ค่าที่พัก ค่าเดิน้องเสียค่าใช้จ่ายในการเรียนการสอน เช่น ค่าที่พัก ค่าเดิน 66
- 9. 3.3. การจัดการเรียนการสอนในการจัดการเรียนการสอนใน ลักษณะลักษณะ e-Learninge-Learning ความหมายของความหมายของ e-Learninge-Learning สามารถแบ่งออกเป็นสามารถแบ่งออกเป็น 22 ลักษณะด้วยกัน ได้แก่ลักษณะด้วยกัน ได้แก่ ความหมายโดยทั่วไป และความหมายโดยทั่วไป และ ความหมายเฉพาะเจาะจงความหมายเฉพาะเจาะจง สำาหรับความหมายโดยทั่วสำาหรับความหมายโดยทั่ว ๆ ไปๆ ไป e-Learninge-Learning จะจะ ครอบคลุมความหมายที่ครอบคลุมความหมายที่ กว้างมากกว้างมาก กล่าวคือ จะกล่าวคือ จะ หมายถึง การเรียนในหมายถึง การเรียนใน ความหมายของความหมายของ e-Learninge-Learning 99
- 10. -- e-Learning,e-Learning, คอมพิวเตอร์ช่วยสอนคอมพิวเตอร์ช่วยสอน (CAI)(CAI) และการสอนบนเว็บและการสอนบนเว็บ (WBI)(WBI) ในปัจจุบันมีคาศัพท์ต่าง ๆ ที่เกี่ยวข้องกับการเรียนในปัจจุบันมีคาศัพท์ต่าง ๆ ที่เกี่ยวข้องกับการเรียน จากสื่ออิเล็กทรอนิกส์อยู่มากมาย อาทิเช่นจากสื่ออิเล็กทรอนิกส์อยู่มากมาย อาทิเช่น คอมพิวเตอร์ช่วยสอนคอมพิวเตอร์ช่วยสอน (CAI)(CAI) - e-Learninge-Learning กับกับ CAI (Computer-CAI (Computer- Assisted Instruction)Assisted Instruction) บทเรียนคอมพิวเตอร์ช่วยสอนหรือบทเรียนคอมพิวเตอร์ช่วยสอนหรือ CAICAI ย่อมาจากย่อมาจาก Computer-Assisted InstructionComputer-Assisted Instruction ภาษาไทยภาษาไทย เรียกว่าเรียกว่า ""คอมพิวเตอร์ช่วยสอนคอมพิวเตอร์ช่วยสอน" CAI" CAI - e-Learninge-Learning กับกับ WBIWBI 1010
- 12. ข้อได้เปรียบของข้อได้เปรียบของ e-Learninge-Learning 1) e-1) e- LearningLearning ช่วยให้การช่วยให้การ จัดการจัดการ เรียนการเรียนการ สอนมีสอนมี ประสิทธิภาประสิทธิภา พมากยิ่งพมากยิ่ง 2) e-2) e- LearningLearning ช่วยทำาให้ผู้ช่วยทำาให้ผู้ สอนสามารถสอนสามารถ ตรวจสอบตรวจสอบ ความความ ก้าวหน้าก้าวหน้า พฤติกรรมพฤติกรรม การเรียนของการเรียนของ ผู้เรียนได้ผู้เรียนได้ 3) e-3) e- LearningLearning ช่วยทำาให้ช่วยทำาให้ ผู้เรียนผู้เรียน สามารถสามารถ ควบคุมการควบคุมการ เรียนของเรียนของ ตนเองได้ตนเองได้ 1212
- 13. ลักษณะสำาคัญลักษณะสำาคัญ 1) Anywhere,1) Anywhere, AnytimeAnytime 2) Multimedia2) Multimedia 3) Non–linear3) Non–linear 4) Interaction4) Interaction 5) Intermediate Response5) Intermediate Response ลักษณะสำาคัญของลักษณะสำาคัญของ e-Learning e-e-Learning e- LearningLearning ที่ดีควรประกอบด้วยที่ดีควรประกอบด้วย 1313
- 14. ข้อพึงระวังข้อพึงระวัง 11 ผู้สอนที่นำา e-Learning ไปใช้ใน ลักษณะของสื่อเสริม โดยไม่มีการ ปรับเปลี่ยนวิธีการสอนเลย 22 ผู้สอนจะต้องเปลี่ยนจากบทบาท การเป็นผู้ให้ (impart) เนื้อหาแก่ ผู้เรียนมาเป็น ผู้ช่วยเหลือ (facilitator) 33 การลงทุนในด้านของ e- Learning ต้องคลอบคลุมถึงการ จัดการให้ผู้สอนและผู้เรียน สามารถเข้าถึงเนื้อหา 1414
- 15. แนวคิดเกี่ยวกับแนวคิดเกี่ยวกับ e-Learninge-Learning e-Learninge-Learning เป็นรูปแบบการเรียนที่เกิดเป็นรูปแบบการเรียนที่เกิด ขึ้นเพื่อตอบสนองการเรียนขึ้นเพื่อตอบสนองการเรียน ในลักษณะทางไกลในลักษณะทางไกล (Distance(Distance Learning)Learning) เพื่อลดปัญหาในด้านเพื่อลดปัญหาในด้าน ต้นทุน การเรียนการสอนและการอบรมต้นทุน การเรียนการสอนและการอบรม โดยผู้เรียนจะต้องศึกษาโดยผู้เรียนจะต้องศึกษา เนื้อหาจากเนื้อหาจาก e-Learninge-Learning คอร์สแวร์คอร์สแวร์ (Courseware)(Courseware) ซึงหมายถึงสื่อซึงหมายถึงสื่อ การสอนทางคอมพิวเตอร์ที่ได้รับการ 1515
- 16. ความรู้ ซึ่งแบ่งได้เป็นความรู้ ซึ่งแบ่งได้เป็น 33 ลักษณะลักษณะ ความรู้ความรู้ เน้นข้อความเน้นข้อความ เน้นสื่อประสมเน้นสื่อประสม อย่างง่ายอย่างง่าย เน้นความเป็นเน้นความเป็น มัลติมีเดียมัลติมีเดีย เชิงโต้ตอบเชิงโต้ตอบ 1616
- 17. เนื้อหา ระบบ บริหาร จัดการ โหมด การ ติดต่อ แบบฝึกหัด 4.4. องค์ประกอบขององค์ประกอบของ e-Learninge-Learning 1717
- 18. องค์ประกอบขององค์ประกอบของ e-Learninge-Learning 4.14.1 เนื้อหาเนื้อหา โฮมเพจ หรือเว็บเพจแรกของเว็บไซต หน้าแสดงรายชื่อวิชา เว็บเพจแรกของแต่ละวิชา 1818
- 19. 4.24.2 ระบบบริหารจัดการระบบบริหารจัดการ รายวิชารายวิชา องค์ประกอบที่สำาคัญองค์ประกอบที่สำาคัญมากสำาหรับมากสำาหรับ e-e- LearningLearning ได้แก่ ระบบบริหารจัดการได้แก่ ระบบบริหารจัดการ รายวิชา ซึ่งเป็นเสมือนระบบที่รวบรวมรายวิชา ซึ่งเป็นเสมือนระบบที่รวบรวม เครื่องมือซึ่งออกแบบไว้เพื่อให้ความเครื่องมือซึ่งออกแบบไว้เพื่อให้ความ สะดวกแก่ผู้ใช้ในการจัดการกับการเรียนสะดวกแก่ผู้ใช้ในการจัดการกับการเรียน การสอนออนไลน์นั่นเอง ซึ่งผู้ใช้ในที่นี้การสอนออนไลน์นั่นเอง ซึ่งผู้ใช้ในที่นี้ อาจแบ่งได้เป็นอาจแบ่งได้เป็น 33 กลุ่ม ได้แก่ ผู้สอนกลุ่ม ได้แก่ ผู้สอน (instructors)(instructors)ผู้เรียนผู้เรียน (students)(students) และผู้และผู้ บริหารระบบเครือข่ายบริหารระบบเครือข่าย (network(network administrators)administrators) 1919
- 20. 4.34.3 โหมดการติดต่อสื่อสารโหมดการติดต่อสื่อสาร (Modes of Communication)(Modes of Communication) ไปรษณีย์ อิเล็กทรอนิ กส์ การประชุม ทาง คอมพิวเตอ ร์ เครื่องมือที่ e-Learning ควรจัดหาให้ผู้เรียน 2020
- 21. 4.44.4 แบบฝึกหัดแบบฝึกหัด // แบบทดสอบแบบทดสอบ การจัดให้มีแบบฝึกสำาหรับผู้เรียน การจัดให้มีแบบทดสอบผู้เรียน แบบฝึกหัดแบบฝึกหัด // แบบทดสอบแบบทดสอบ 2121
- 22. 5.5. ประเภทของประเภทของ e-Learninge-Learning คอร์สแวร์คอร์สแวร์ 1.1. กระบวนการในการเรียนการสอนกระบวนการในการเรียนการสอน ถนอมพร เลาหจรัสแสงถนอมพร เลาหจรัสแสง (2545)(2545) ได้ได้ กล่าวเกี่ยวกับการออกแบบการเรียนกล่าวเกี่ยวกับการออกแบบการเรียน การสอนทางคอมพิวเตอร์ว่าคล้ายการสอนทางคอมพิวเตอร์ว่าคล้าย กันกับการออกแบบการเรียนการกันกับการออกแบบการเรียนการ สอนในชั้นเรียนนั่นเอง กล่าวคือ จะสอนในชั้นเรียนนั่นเอง กล่าวคือ จะ ต้องประกอบด้วยขั้นตอนต่าง ๆ ซึ่งต้องประกอบด้วยขั้นตอนต่าง ๆ ซึ่ง คอยช่วยผู้เรียนแต่ละคนให้เกิดการคอยช่วยผู้เรียนแต่ละคนให้เกิดการ เรียนรู้ตามวัตถุประสงค์ที่ได้มีการ 2222
- 23. ประเภทของประเภทของ e-Learninge-Learning คอร์สคอร์ส แวร์แวร์ 2.2. รูปแบบของรูปแบบของ e-Learninge-Learning คอร์สแวร์คอร์สแวร์ e-Learninge-Learning คอร์สแวร์สามารถแบ่งออกคอร์สแวร์สามารถแบ่งออก คร่าว ๆ ได้เป็นคร่าว ๆ ได้เป็น 44 ประเภทประเภท ได้แก่ ประเภทได้แก่ ประเภท เรียงลำาดับการนำาเสนอ แบบฝึกหัด การเรียงลำาดับการนำาเสนอ แบบฝึกหัด การ ทดลองเสมือนจริง และเกม ดังนี้ทดลองเสมือนจริง และเกม ดังนี้ ((ถนอมถนอม พร เลาหจรัสแสงพร เลาหจรัสแสง 2545)2545) การเรียงลำาดับการเรียงลำาดับ การนำาเสนอการนำาเสนอ (Presentation Sequence)(Presentation Sequence) ความหมาย คอร์สแวร์การเรียงลำาดับความหมาย คอร์สแวร์การเรียงลำาดับ การนำาเสนอ หมายถึงคอร์สแวร์ที่ออกแบบการนำาเสนอ หมายถึงคอร์สแวร์ที่ออกแบบ ในลักษณะที่ผู้เรียนศึกษาเนื้อหาโดยการในลักษณะที่ผู้เรียนศึกษาเนื้อหาโดยการ อ่าน ฟัง และสังเกต การบรรยายอ่าน ฟัง และสังเกต การบรรยาย และและ//หรือการสาธิตต่าง ๆ ตามเวลาและหรือการสาธิตต่าง ๆ ตามเวลาและ 2323
- 24. รูปแบบการเรียนที่เหมาะสมรูปแบบการเรียนที่เหมาะสม ผู้เรียนรายบุคคลโต้ตอบกับคอร์สแวร์ผู้เรียนรายบุคคลโต้ตอบกับคอร์สแวร์ เพื่อศึกษาเนื้อหาในแต่ละหัวข้อของเพื่อศึกษาเนื้อหาในแต่ละหัวข้อของ การเรียน โดยผู้เรียนจะได้รับการการเรียน โดยผู้เรียนจะได้รับการ ชี้แจงเกี่ยวกับวัตถุประสงค์ของการชี้แจงเกี่ยวกับวัตถุประสงค์ของการ เรียน รวมทั้งการแนะนำาเกี่ยวกับเรียน รวมทั้งการแนะนำาเกี่ยวกับ เนื้อหาที่จะเรียน ผู้เรียนศึกษาเนื้อหาเนื้อหาที่จะเรียน ผู้เรียนศึกษาเนื้อหา และบทสรุป หลังจากนั้นผู้เรียนและบทสรุป หลังจากนั้นผู้เรียน ทดสอบความรู้ของตนที่ได้ศึกษามาทดสอบความรู้ของตนที่ได้ศึกษามา 2424
- 26. แบบฝึกหัดแบบฝึกหัด (Drill and(Drill and Practice)Practice) คอร์สแวร์แบบฝึกหัดคอร์สแวร์แบบฝึกหัด หมายถึงคอร์สหมายถึงคอร์ส แวร์ที่อนุญาตให้ผู้เรียนฝึกฝนซ้าแล้วแวร์ที่อนุญาตให้ผู้เรียนฝึกฝนซ้าแล้ว ซ้าอีกเพื่อประยุกต์ใช้ความรู้ใดความซ้าอีกเพื่อประยุกต์ใช้ความรู้ใดความ รู้หนึ่ง หรือทักษะใดทักษะหนึ่ง โดยรู้หนึ่ง หรือทักษะใดทักษะหนึ่ง โดย ความรู้และทักษะนั้น ๆ จะเป็นความรู้ความรู้และทักษะนั้น ๆ จะเป็นความรู้ และทักษะขั้นพื้นฐาน เช่น คอร์สแวร์และทักษะขั้นพื้นฐาน เช่น คอร์สแวร์ ฝึกการคำานวณอย่างง่าย โครงสร้างฝึกการคำานวณอย่างง่าย โครงสร้าง ของคอร์สแวร์จะคล้ายกับวงจรแบบของคอร์สแวร์จะคล้ายกับวงจรแบบ ทดสอบทดสอบ (testing cycle)(testing cycle) นั่นเองนั่นเอง กล่าวคือจะเริ่มด้วยการนำาเสนอกล่าวคือจะเริ่มด้วยการนำาเสนอ 2626
- 27. รูปแบบการเรียนที่เหมาะสมรูปแบบการเรียนที่เหมาะสม รูปแบบการเรียนที่เหมาะสมรูปแบบการเรียนที่เหมาะสม คอร์สแวร์คอร์สแวร์ ประเภทแบบฝึกหัดจะเริ่มจากการนำาประเภทแบบฝึกหัดจะเริ่มจากการนำา เข้าสู่บทเรียน ซึ่งรวมถึงการต้อนรับผู้เข้าสู่บทเรียน ซึ่งรวมถึงการต้อนรับผู้ เรียนเข้าสู่เนื้อหา และอธิบายวิธีการเรียนเข้าสู่เนื้อหา และอธิบายวิธีการ ที่ผู้เรียนต้องปฏิบัติ รวมทั้งที่ผู้เรียนต้องปฏิบัติ รวมทั้ง วัตถุประสงค์ของการเรียน หลังจากวัตถุประสงค์ของการเรียน หลังจาก นั้นจะมีการเสนอคำาถาม ผู้เรียนจะนั้นจะมีการเสนอคำาถาม ผู้เรียนจะ คอยตอบคำาถามและได้รับผลป้อนคอยตอบคำาถามและได้รับผลป้อน กลับ หลังจากได้ผลป้อนกลับก็จะมีข้อกลับ หลังจากได้ผลป้อนกลับก็จะมีข้อ2727
- 29. การทดลองเสมือนจริงการทดลองเสมือนจริง (Virtual(Virtual Lab)Lab) ความหมาย การทดลองเสมือนจริงความหมาย การทดลองเสมือนจริง เป็นเป็น คอร์สแวร์ประเภทหนึ่งซึ่งเป็นการนำาคอร์สแวร์ประเภทหนึ่งซึ่งเป็นการนำา เสนอการจำาลองบนหน้าจอเสนอการจำาลองบนหน้าจอ (on-(on- screen simulator)screen simulator) ผู้เรียนสามารถผู้เรียนสามารถ ใช้การทดลองเสมือนจริงในการใช้การทดลองเสมือนจริงในการ ทดสอบสมมติฐานที่ได้ตั้งไว้ รวมทั้งทดสอบสมมติฐานที่ได้ตั้งไว้ รวมทั้ง สังเกตผลที่ได้จากการทดสอบสังเกตผลที่ได้จากการทดสอบ เนื้อหาที่เหมาะสม คอร์สแวร์ในเนื้อหาที่เหมาะสม คอร์สแวร์ใน ลักษณะการทดลองเสมือนจริงลักษณะการทดลองเสมือนจริง 2929
- 30. คำาแนะนำาสำาหรับนักออกแบบคำาแนะนำาสำาหรับนักออกแบบ 1)1)เน้นในสิ่งที่ต้องการสอน ในการเน้นในสิ่งที่ต้องการสอน ในการ ออกแบบคอร์สแวร์ออกแบบคอร์สแวร์ 2)2) ใช้การทดลองเสมือนจริงใช้การทดลองเสมือนจริง ในหลาย ๆ กิจกรรมในหลาย ๆ กิจกรรม คำาแนะนำาคำาแนะนำา 3030
- 31. 6.6. ระบบบริหารจัดการรายวิชาระบบบริหารจัดการรายวิชา 6.16.1 ความหมายของระบบบริหารความหมายของระบบบริหาร จัดการรายวิชาจัดการรายวิชา ระบบบริหารจัดการระบบบริหารจัดการ รายวิชาหมายถึงระบบที่ได้รวบรวมรายวิชาหมายถึงระบบที่ได้รวบรวม เครื่องมือหลาย ๆ ประเภทที่เกี่ยวกับเครื่องมือหลาย ๆ ประเภทที่เกี่ยวกับ กระบวนการเรียนการสอนออนไลน์กระบวนการเรียนการสอนออนไลน์ เข้าไว้ด้วยกัน โดยมีจุดประสงค์เพื่อเข้าไว้ด้วยกัน โดยมีจุดประสงค์เพื่อ ช่วยสนับสนุนผู้ใช้ช่วยสนับสนุนผู้ใช้ 33 กลุ่ม ได้แก่ ผู้กลุ่ม ได้แก่ ผู้ เรียน ผู้สอน และผู้เชี่ยวชาญด้านเรียน ผู้สอน และผู้เชี่ยวชาญด้าน 3131
- 32. 6.26.2ส่วนประกอบหลักของระบบส่วนประกอบหลักของระบบ บริหารจัดการรายวิชาบริหารจัดการรายวิชา 6.2.16.2.1 ส่วนในการใส่เนื้อหาการส่วนในการใส่เนื้อหาการ บรรยายของผู้สอนบรรยายของผู้สอน (Slots for(Slots for lecture note)lecture note) 6.2.26.2.2 กระดานข่าวเพื่อการอภิปรายกระดานข่าวเพื่อการอภิปราย (Asynchronous bulletin board)(Asynchronous bulletin board) 6.2.36.2.3 ห้องสนทนาห้องสนทนา (Synchronous(Synchronous chat)chat) 6.2.46.2.4 การทดสอบออนไลน์การทดสอบออนไลน์ (Online(Online testing)testing) 6.2.56.2.5 อิเล็กทรอนิกส์เมล์อิเล็กทรอนิกส์เมล์ (Electronics(Electronics3232
- 33. 6.36.3 ส่วนประกอบรองของระบบส่วนประกอบรองของระบบ บริหารจัดการรายวิชาบริหารจัดการรายวิชา 6.3.16.3.1 ส่วนประกอบพิเศษอื่นส่วนประกอบพิเศษอื่น (Many other(Many other tools)tools) 6.3.26.3.2 ส่วนจัดการการลงทะเบียนของผู้เรียนส่วนจัดการการลงทะเบียนของผู้เรียน (Manage student enrollment)(Manage student enrollment) 6.3.36.3.3 ส่วนของการเรียกดูและบันทึกคะแนนส่วนของการเรียกดูและบันทึกคะแนน ของผู้เรียนโดยผู้สอนของผู้เรียนโดยผู้สอน (View and record(View and record student score – faculty)student score – faculty) 6.3.46.3.4 ส่วนของการเรียกดูคะแนนของผู้ส่วนของการเรียกดูคะแนนของผู้ เรียนโดยผู้เรียนเรียนโดยผู้เรียน (View student score –(View student score – individual student) 3333
- 34. 7.7. การออกแบบการออกแบบ e-Learninge-Learning คอร์สแวร์คอร์สแวร์ 7.17.1 ความหมายของคอร์สแวร์ความหมายของคอร์สแวร์ ถนอมพร เลาหจรัสแสงถนอมพร เลาหจรัสแสง (2545)(2545) กล่าวถึงกล่าวถึง ความหมายของคอร์สแวร์ไว้ว่า หมายถึงความหมายของคอร์สแวร์ไว้ว่า หมายถึง สื่ออิเล็กทรอนิกส์สื่ออิเล็กทรอนิกส์ ((คอมพิวเตอร์คอมพิวเตอร์)) ซึ่งซึ่ง เป็นการแลกเปลี่ยนรูปแบบการนำาเสนอเป็นการแลกเปลี่ยนรูปแบบการนำาเสนอ บทเรียนจากเอกสารตำาราให้อยู่ในรูปของบทเรียนจากเอกสารตำาราให้อยู่ในรูปของ สื่อการเรียนการสอนทางคอมพิวเตอร์สื่อการเรียนการสอนทางคอมพิวเตอร์ 7.27.2 การออกแบบและพัฒนาการออกแบบและพัฒนา e-Learninge-Learning คอร์สแวร์คอร์สแวร์ รูปแบบการเรียนการสอนที่รูปแบบการเรียนการสอนที่ เหมาะสมได้แก่ รูปแบบการออกแบบการเหมาะสมได้แก่ รูปแบบการออกแบบการ 34
- 35. การออกแบบคอร์สแวร์การออกแบบคอร์สแวร์ e-Learninge-Learning ประกอบด้วยประกอบด้วย 77 ขั้น ดังนี้ขั้น ดังนี้ ขั้นที่ 1 ขั้นเตรียมตัวขั้นที่ 1 ขั้นเตรียมตัว ขั้นที่ขั้นที่ 22 ขั้นเลือกเนื้อหาขั้นเลือกเนื้อหาขั้นที่ขั้นที่ 22 ขั้นเลือกเนื้อหาขั้นเลือกเนื้อหา ที่ที่ 4 :4 : ขั้นออกแบบหลักสูตรขั้นออกแบบหลักสูตรที่ที่ 4 :4 : ขั้นออกแบบหลักสูตรขั้นออกแบบหลักสูตร 3 :3 : ขั้นการวิเคราะห์หลักสูตรขั้นการวิเคราะห์หลักสูตร3 :3 : ขั้นการวิเคราะห์หลักสูตรขั้นการวิเคราะห์หลักสูตร ขั้นที่ขั้นที่ 5 :5 : ขั้นการพัฒนาการเรียนกขั้นการพัฒนาการเรียนกขั้นที่ขั้นที่ 5 :5 : ขั้นการพัฒนาการเรียนกาขั้นการพัฒนาการเรียนกา ขั้นที่ขั้นที่ 6 :6 : ขั้นการประเมินผลขั้นการประเมินผลขั้นที่ขั้นที่ 6 :6 : ขั้นการประเมินผลขั้นการประเมินผล ขั้นที่ขั้นที่ 7 :7 : ขั้นบำารุงรักษาขั้นบำารุงรักษาขั้นที่ขั้นที่ 7 :7 : ขั้นบำารุงรักษาขั้นบำารุงรักษา 35
- 36. 8.8. การออกแบบโครงสร้างการออกแบบโครงสร้าง เว็บไซต์เว็บไซต์ การออกแบบโครงสร้างเว็บไซต์การออกแบบโครงสร้างเว็บไซต์ ผู้ออกแบบผู้ออกแบบ เว็บส่วนใหญ่จะมีรูปแบบการสร้างที่แตกเว็บส่วนใหญ่จะมีรูปแบบการสร้างที่แตก ต่างกัน โดยทั่วไปจะขึ้นอยู่กับความถนัดต่างกัน โดยทั่วไปจะขึ้นอยู่กับความถนัด และความพอใจของตนเป็นหลักและความพอใจของตนเป็นหลัก (Arvanistis, 1997(Arvanistis, 1997 อ้างจาก ถนอมพรอ้างจาก ถนอมพร เลาหจรัสแสงเลาหจรัสแสง 2545)2545) โดยไม่ได้คำานึงถึงโดยไม่ได้คำานึงถึง หลักในการออกแบบที่ถูกต้อง เท่าที่ควรหลักในการออกแบบที่ถูกต้อง เท่าที่ควร ลินช์และฮอร์ตันลินช์และฮอร์ตัน (Lynch and Horton,(Lynch and Horton, 19991999 อ้างจากถนอมพร เลาหจรัสแสงอ้างจากถนอมพร เลาหจรัสแสง 2545)2545) จึงได้เสนอแนวคิดสำาหรับการจึงได้เสนอแนวคิดสำาหรับการ 36
- 37. โครงสร้างของเว็บสรุปออกเป็นโครงสร้างของเว็บสรุปออกเป็น 44 รูปแบบใหญ่ ๆ ได้ดังนี้รูปแบบใหญ่ ๆ ได้ดังนี้ 8.18.1 เว็บที่มีโครงสร้างแบบเรียงลำาดับเว็บที่มีโครงสร้างแบบเรียงลำาดับ (Sequential Structure)(Sequential Structure) 37
- 38. โครงสร้างของเว็บสรุปออกเป็นโครงสร้างของเว็บสรุปออกเป็น 44 รูปแบบใหญ่ ๆ ได้ดังนี้รูปแบบใหญ่ ๆ ได้ดังนี้ 8.28.2 เว็บที่มีโครงสร้างแบบลำาดับขั้นเว็บที่มีโครงสร้างแบบลำาดับขั้น (Hierarchical Structure)(Hierarchical Structure) 38
- 39. โครงสร้างของเว็บสรุปออกเป็นโครงสร้างของเว็บสรุปออกเป็น 44 รูปแบบใหญ่ ๆ ได้ดังนี้รูปแบบใหญ่ ๆ ได้ดังนี้ 8.38.3 เว็บที่มีโครงสร้างแบบตารางเว็บที่มีโครงสร้างแบบตาราง (Grid Structure)(Grid Structure) 39
- 40. โครงสร้างของเว็บสรุปออกเป็นโครงสร้างของเว็บสรุปออกเป็น 44 รูปแบบใหญ่ ๆ ได้ดังนี้รูปแบบใหญ่ ๆ ได้ดังนี้ 8.48.4 เว็บที่มีโครงสร้างแบบใยเว็บที่มีโครงสร้างแบบใย แมงมุมแมงมุม (Web Structure)(Web Structure) 40
- 41. 9.9. การออกแบบส่วนนำาทางการออกแบบส่วนนำาทาง 9.19.1 การนำาทางการนำาทาง (Navigation)(Navigation) 9.29.2 การใช้ไอคอนและเมนูเพื่อการนำาการใช้ไอคอนและเมนูเพื่อการนำา ทางทาง 9.39.3 พฤติกรรมการใช้เว็บกับการพฤติกรรมการใช้เว็บกับการ ออกแบบเว็บไซต์ออกแบบเว็บไซต์ 9.49.4 หลักการในการออกแบบส่วนต่อหลักการในการออกแบบส่วนต่อ ประสานกับผู้ใช้ประสานกับผู้ใช้ 41
- 42. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.110.1 ความหมายของการออกแบบทางความหมายของการออกแบบทาง ทัศนะทัศนะ การออกแบบทางทัศนะการออกแบบทางทัศนะ (Visual Design)(Visual Design) หมายถึง การหมายถึง การ ออกแบบภาพและสีสันบนหน้าจอ ซึ่งออกแบบภาพและสีสันบนหน้าจอ ซึ่ง คำาว่าภาพในที่นี้ไม่จำากัดเฉพาะคำาว่าภาพในที่นี้ไม่จำากัดเฉพาะ ภาพถ่าย ภาพ กราฟิกภาพถ่าย ภาพ กราฟิก 3D3D แอนิเมชันแอนิเมชัน หรือ วีดิทัศน์ เท่านั้นแต่รวมถึงหรือ วีดิทัศน์ เท่านั้นแต่รวมถึง ข้อความ แผนที่ กราฟ ฯลฯ ที่ปรากฏข้อความ แผนที่ กราฟ ฯลฯ ที่ปรากฏ42
- 43. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.210.2 หลักการในการออกแบบทางทัศนะหลักการในการออกแบบทางทัศนะ ถนอมพร เลาหจรัสแสงถนอมพร เลาหจรัสแสง (2545)(2545) กล่าวถึงกล่าวถึง หลักการในการออกแบบทางทัศนะไว้ว่าหลักการในการออกแบบทางทัศนะไว้ว่า การออกแบบทางทัศนะนั้น หลักการที่ดูการออกแบบทางทัศนะนั้น หลักการที่ดู เหมือนจะธรรมดา ๆ แต่มักจะถูกมองข้ามเหมือนจะธรรมดา ๆ แต่มักจะถูกมองข้าม ได้แก่ หลักการในการสร้างสมดุล ผู้ได้แก่ หลักการในการสร้างสมดุล ผู้ ออกแบบต้องพิจารณาให้รอบคอบในด้านออกแบบต้องพิจารณาให้รอบคอบในด้าน ของการสร้างความสมดุลบนเว็บไซต์ของของการสร้างความสมดุลบนเว็บไซต์ของ ตนในตนใน 33 มิติด้วยกัน ได้แก่มิติด้วยกัน ได้แก่ 1)1) มิติของเป้ามิติของเป้า หมายของเว็บไซต์หมายของเว็บไซต์ 2)2) มิติด้านความมิติด้านความ 4343
- 44. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.310.3 ความหมายของความหมายของ Functional AreasFunctional Areas Functional AreasFunctional Areas คือ การแบ่งส่วนคือ การแบ่งส่วน ติดต่อระหว่างโปรแกรมกับผู้ใช้ออกเป็นติดต่อระหว่างโปรแกรมกับผู้ใช้ออกเป็น ส่วน ๆ อย่างชัดเจนตามหน้าที่การทางานส่วน ๆ อย่างชัดเจนตามหน้าที่การทางาน ของมัน เพื่อให้ง่ายต่อการทาความเข้าใจของมัน เพื่อให้ง่ายต่อการทาความเข้าใจ ของผู้ใช้ของผู้ใช้ ((ถนอมพร เลาหจรัสแสงถนอมพร เลาหจรัสแสง 2545)2545) 4444
- 45. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.410.4 การออกแบบการออกแบบ Functional AreasFunctional Areas ถนอมพร เลาหจรัสแสงถนอมพร เลาหจรัสแสง (2545)(2545) ได้เสนอได้เสนอ วิธีการออกแบบวิธีการออกแบบFunctional areaFunctional area ไว้ไว้ ดังนี้ดังนี้ 10.4.110.4.1 ผู้ออกแบบควรออกแบบชื่อหัวข้อผู้ออกแบบควรออกแบบชื่อหัวข้อ บริเวณส่วนบนของหน้าจอบริเวณส่วนบนของหน้าจอ 10.4.210.4.2 การออกแบบการออกแบบ FunctionalFunctional AreasAreas ที่ดีนั้นต้องเน้นในเรื่องของที่ดีนั้นต้องเน้นในเรื่องของ 4545
- 46. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.510.5 การออกแบบเว็บเพจอย่างสมดุลการออกแบบเว็บเพจอย่างสมดุล ในการออกแบบเว็บเพจนั้นต้องคำานึงถึงในการออกแบบเว็บเพจนั้นต้องคำานึงถึง ความสมดุลระหว่างการใช้ความสมดุลระหว่างการใช้ ภาพกราฟิกและข้อความเพื่อให้ผู้ใช้ภาพกราฟิกและข้อความเพื่อให้ผู้ใช้ สามารถเปิดเว็บเพจได้รวดเร็วไม่ต้องสามารถเปิดเว็บเพจได้รวดเร็วไม่ต้อง เสียเวลาในการรอมากเกินไป นอกจากนี้ให้เสียเวลาในการรอมากเกินไป นอกจากนี้ให้ คำานึงอยู่เสมอว่าพื้นที่บนหน้าจอคำานึงอยู่เสมอว่าพื้นที่บนหน้าจอ คอมพิวเตอร์นั้นเล็กกว่าหน้าที่พิมพ์ออกมาผู้คอมพิวเตอร์นั้นเล็กกว่าหน้าที่พิมพ์ออกมาผู้ ออกแบบควรคำานึงว่าผู้เรียนออกแบบควรคำานึงว่าผู้เรียน 4646
- 47. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.610.6 การออกแบบกริดการออกแบบกริด (grid)(grid) ในการในการ ออกแบบเว็บเพจ ความสหมำ่าเสมอออกแบบเว็บเพจ ความสหมำ่าเสมอ เป็นสิ่งสำาคัญ เพราะผู้เรียนสามารถเป็นสิ่งสำาคัญ เพราะผู้เรียนสามารถ คาดเดาว่าจะทำาสิ่งใดได้อย่างคาดเดาว่าจะทำาสิ่งใดได้อย่าง ง่ายดาย การออกแบบกริดเป็นสิ่งง่ายดาย การออกแบบกริดเป็นสิ่ง สำาคัญสาหรับการออกแบบสิ่งพิมพ์ที่ดีสำาคัญสาหรับการออกแบบสิ่งพิมพ์ที่ดี เช่นใด การออกแบบกริดก็สาคัญเช่นใด การออกแบบกริดก็สาคัญ สำาหรับการออกแบบเว็บเพจที่ดีเช่นสำาหรับการออกแบบเว็บเพจที่ดีเช่น นั้น กริดมีลักษณะเป็นเส้นตรงในแนวนั้น กริดมีลักษณะเป็นเส้นตรงในแนว4747
- 48. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.710.7 หลักการสำาหรับการออกแบบกราฟิกหลักการสำาหรับการออกแบบกราฟิก บนเว็บเพจ ในการออกแบบต้องบนเว็บเพจ ในการออกแบบต้อง คำานึงถึงปัจจัยคำานึงถึงปัจจัย 22 ข้อ คือข้อ คือ ((ถนอมพร เลาหถนอมพร เลาห จรัสแสงจรัสแสง 2545) 1.2545) 1. ขนาดของขนาดของ จอคอมพิวเตอร์ที่ใช้ในการแสดงผลซึ่งมีจอคอมพิวเตอร์ที่ใช้ในการแสดงผลซึ่งมี ความละเอียดที่ความละเอียดที่ 800x600 pixels 2)800x600 pixels 2) หากต้องการให้ผู้ใช้พิมพ์หน้าจอลงบนหากต้องการให้ผู้ใช้พิมพ์หน้าจอลงบน กระดาษในการออกแบบต้องให้อยู่ในกระดาษในการออกแบบต้องให้อยู่ใน พื้นที่พื้นที่ 595x842 pixels595x842 pixels ซึ่งพื้นที่ในการซึ่งพื้นที่ในการ 4848
- 49. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.810.8 การออกแบบตัวเพื่อการอ่านที่ชัดเจนการออกแบบตัวเพื่อการอ่านที่ชัดเจน (Readability)(Readability) ข้อควรพิจารณาที่สำาคัญข้อควรพิจารณาที่สำาคัญ ที่สุดในการออกแบบและพัฒนาส่วนต่อที่สุดในการออกแบบและพัฒนาส่วนต่อ ประสานและการออกแบบทางทัศนะ ได้แก่ประสานและการออกแบบทางทัศนะ ได้แก่ ความสามารถในการอ่านเนื้อหาของผู้ความสามารถในการอ่านเนื้อหาของผู้ เรียนเรียน (readability)(readability) เพราะการจัดเนื้อหาเพราะการจัดเนื้อหา บทเรียนให้แก่ผู้เรียนเป็นประเด็นหนึ่ง แต่บทเรียนให้แก่ผู้เรียนเป็นประเด็นหนึ่ง แต่ การชักชวนให้ผู้เรียนอ่านเนื้อหาบทเรียนการชักชวนให้ผู้เรียนอ่านเนื้อหาบทเรียน นั้น ๆ เป็นอีกประเด็นหนึ่ง ดังนั้นจึงเป็นสิ่งนั้น ๆ เป็นอีกประเด็นหนึ่ง ดังนั้นจึงเป็นสิ่ง สำาคัญมากสำาหรับเว็บไซต์เพื่อการเรียนสำาคัญมากสำาหรับเว็บไซต์เพื่อการเรียน 4949
- 50. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.9 เทคนิคในการเพิ่มศักยภาพในการ อ่านของผู้เรียน มีเทคนิคบาง ประการที่มีส่วนช่วยในการเพิ่มศักยภาพใน การอ่านของผู้เรียน เทคนิค เหล่านั้น ได้แก่ (ถนอมพร เลาหจรัสแสง 2545) 10.9.1 ตัวพิมพ์ (Typeface) 10.9.2 ฟอนต์และตัวอักษรใหญ่-เล็ก (Font and Case) 10.9.3 การจัดความ (Justification) 10.9.4 ความยาวของข้อความแต่ละบรรทัด 5050
- 51. 10.10. การออกแบบทางทัศนะการออกแบบทางทัศนะ 10.10 เทคนิคในการจูงใจผู้เรียน นอกจากเทคนิคในการออกแบบเพื่อเพิ่ม ประสิทธิภาพในการอ่านของผู้เรียน ในการออกแบบทางทัศนะยังมีเทคนิคบาง ประการซึ่งอาจช่วยจูงใจผู้เรียนให้ ต้องการเข้ามาเรียนในเว็บไซต์มากขึ้น เทคนิคเหล่านั้นได้แก่ (ถนอมพร เลาหจรัสแสง 2545) 10.10.110.10.1 พื้นที่ว่างพื้นที่ว่าง (Blank Space)(Blank Space) 5151
- 52. เทคนิคในการออกแบบเทคนิคในการออกแบบ ((ต่อต่อ)) 10.10.410.10.4 กราฟิกกราฟิก (Graphic)(Graphic) 10.10.510.10.5 ลำาดับเลขลำาดับเลข (Numbering)(Numbering) 10.10.610.10.6 ตารางตาราง (Table)(Table) 10.10.710.10.7 รูปแบบการมองรูปแบบการมอง (Viewing(Viewing Pattern)Pattern) 10.10.810.10.8 จำานวนส่วนประกอบจำานวนส่วนประกอบ (Number of(Number of Elements)Elements) 10.10.910.10.9 เสียงเสียง (Audio)(Audio) 10.10.1010.10.10 วีดิทัศน์วีดิทัศน์ (Video)(Video) 52
- 53. 11.11. ฮาร์ดแวร์และซอฟต์แวร์ที่ใช้ฮาร์ดแวร์และซอฟต์แวร์ที่ใช้ ในการสร้างบทเรียนในการสร้างบทเรียน ในการสร้างบทเรียนอิเล็กทรอนิกส์ ต้องมีในการสร้างบทเรียนอิเล็กทรอนิกส์ ต้องมี คอมพิวเตอร์ที่มีประสิทธิภาพสูงคอมพิวเตอร์ที่มีประสิทธิภาพสูง เพื่อความสะดวกในการสร้างบทเรียนที่เพื่อความสะดวกในการสร้างบทเรียนที่ ประกอบด้วยข้อความตัวอักษร ภาพประกอบด้วยข้อความตัวอักษร ภาพ ภาพเคลื่อนไหว และงานกราฟิกอื่น ๆภาพเคลื่อนไหว และงานกราฟิกอื่น ๆ นอกจากนี้ยังต้องมีการเชื่อมต่อนอกจากนี้ยังต้องมีการเชื่อมต่อ เครือข่ายอินเทอร์เน็ต ซึ่งจะทำาให้สามารถเครือข่ายอินเทอร์เน็ต ซึ่งจะทำาให้สามารถ ตรวจสอบผลการทางานของตรวจสอบผลการทางานของ บทเรียนที่สร้างขึ้น เพราะบทเรียนที่สร้างบทเรียนที่สร้างขึ้น เพราะบทเรียนที่สร้าง ขึ้นอาจทางานได้ดีเมื่อข้อมูลยังอยู่ขึ้นอาจทางานได้ดีเมื่อข้อมูลยังอยู่ 53
- 54. 11.111.1 ฮาร์ดแวร์ฮาร์ดแวร์ (Hardware)(Hardware) 11.1.111.1.1 ระบบบริหารจัดการระบบบริหารจัดการ ((CourseCourse Management SystemManagement System:: CMSCMS)) 11)) เซอร์ฟเวอร์เซอร์ฟเวอร์ ((ServerServer)) 2)2) คอมพิวเตอร์ปฏิบัติงานคอมพิวเตอร์ปฏิบัติงาน 11.1.211.1.2 คอมพิวเตอร์เครือข่ายคอมพิวเตอร์เครือข่าย ((clientclient networknetwork)) 1)1) คอมพิวเตอร์สาหรับการเรียนการสอนคอมพิวเตอร์สาหรับการเรียนการสอน 2)2) คอมพิวเตอร์สาหรับการสืบค้นข้อมูลนอกคอมพิวเตอร์สาหรับการสืบค้นข้อมูลนอก เวลาเรียนเวลาเรียน 5454
- 55. 11.2 ซอฟต์แวร์ (Software) ในการสร้างบทเรียนบนเครือข่ายที่ผู้วิจัยได้ในการสร้างบทเรียนบนเครือข่ายที่ผู้วิจัยได้ สร้างขึ้นนี้ ได้ใช้ซอฟต์แวร์สร้างขึ้นนี้ ได้ใช้ซอฟต์แวร์ หลายชนิด ซึ่งตอบสนองานแต่ละประเภทหลายชนิด ซึ่งตอบสนองานแต่ละประเภท ดังนี้ดังนี้ 11.2.111.2.1 ซอฟต์แวร์สาหรับสร้างเว็บเพจซอฟต์แวร์สาหรับสร้างเว็บเพจ เช่นเช่น FrontPage, NamoFrontPage, Namo WebEditor, Macromedia DreamweaverWebEditor, Macromedia Dreamweaver เป็นต้นเป็นต้น 11.2.211.2.2 ซอฟต์แวร์สร้างงานกราฟิกซอฟต์แวร์สร้างงานกราฟิก เช่นเช่น Adobe Photoshop, AdobeAdobe Photoshop, Adobe Illustrator, Image Ready , MacromediaIllustrator, Image Ready , Macromedia5555
- 56. LOGO 5757