2. •E-Learning หมายถึง
กระบวนการและการใช้
ประโยชน์จากการเรียนการ
สอนผ่านเว็บ คอมพิวเตอร์
ช่วยสอน ห้องเรียนเสมือน
และการเรียนด้วยเครื่องมือ
อิเล็กทรอนิกส์ต่าง ๆ ทั้งระบบ
Internet, Intranet,
e-Learning 1e-Learning 1

3. e-Learninge-Learning
22•E-Learning หมายถึง
การเรียนรู้ผ่านระบบ
อินเทอร์เน็ต หรือการใช้
ความสามารถของระบบ
อินเทอร์เน็ตเพื่อการเรียน
รู้

4. e-e-
LearningLearning
33
•E-Learning หมายถึง
การบูรณาการทางการ
ศึกษาที่ไม่ยึดติดกับ
เวลา และความ
ก้าวหน้าในการเรียนรู้

5. e-e-
LearningLearning
44
•e-Learning หมายถึง การจัด
กระบวนการเรียนและการใช้
ประโยชน์จากสื่อทาง
อิเล็กทรอนิกส์ โดยเฉพาะ
คอมพิวเตอร์และระบบ
อินเทอร์เน็ต ที่ออกแบบการ
เรียนการสอนอย่างเป็นระบบ
เพื่อให้เกิดการเรียนรู้ได้ทุกที่
โดยไม่ยึดติดกับเวลาและความ

6. CAICAI แตกต่างอย่างไรกับแตกต่างอย่างไรกับ e-e-
LearningLearning
CAICAI แตกต่างอย่างไรกับแตกต่างอย่างไรกับ e-e-
LearningLearning
• OFF LINE • ON LINE
•เรียนคน
เดียว
•หลายคน
พร้อมกัน•ปฏิสัมพันธ์
กับเครื่อง
•ปฏิสัมพันธ์ทั้ง
เครื่องและคน•ติดต่อไม่ได้
ในทันที
•ติดต่อได้
ทันที•ข้อมูลเฉพาะที่
มีให้/ไม่มีการ
•ข้อมูลมีทั่ว
โลก/update

7. คุณลักษณะของคุณลักษณะของ E-E-
LearningLearning
• Distance Education
• Anytime Anywhere Anyplace
• Collaborative Learning
• Non-Linearity
• Dynamic updating
• Easy Accessibility

8. ประโยชน์ของประโยชน์ของ E-E-
LearningLearning• สามารถเรียนรู้ได้ทุกที่ทุกเวลา
• สามารถเรียนรู้ได้ด้วยตนเอง
• กำาหนดความต้องการในการ
เรียนรู้ได้
• ติดต่อสื่อสารระหว่างผู้เรียน/ผู้
สอนได้
• ประหยัดงบประมาณ ราคาถูก
และใช้งานได้ง่าย
• ใช้เป็นสื่อหลัก/สื่อเสริมก็ได้

9. ระบบการจัดการเรียนรู้ระบบการจัดการเรียนรู้ E-E-
LearningLearning
• LMS (Learning Management System)
– เป็นการจัดระบบกระบวนการเรียนการสอนต่างๆ
ในการออนไลน์ ตั้งแต่เนื้อหา การลงทะเบียน
การเก็บข้อมูล การมีปฏิสัมพันธ์ ระหว่างผู้สอนกับ
ผู้เรียนเช่น อีเมล์ กระดานข่าว ห้องสนทนา
เป็นต้น ซึ่งจะมีส่วนของระบบฐานข้อมูล ที่
สนับสนุนการจัดการเนื้อหาวิชา (Content) โดย
จะเอื้ออำานวยความสะดวกให้กับผู้เรียน ผู้สอน ผู้
ผลิตและผู้ดูแลระบบ

10. ระบบการจัดการเนื้อหาระบบการจัดการเนื้อหา E-E-
LearningLearning
• CMS (Content Management System)
– เป็นในส่วนของเนื้อหาวิชาที่เรียน ผู้สอนจะเป็นผู้
จัดทำาขึ้น และนำามาใส่ไว้ในระบบฐานข้อมูลของ
LMS หรือผู้สอนจัดทำาขึ้นเองเป็นอิสระโดยมี
ระบบเหมือนกับ LMS แต่ผู้สอนสามารถจัดการ
บริหาร เพิ่มเติมเนื้อหา ติดตั้งอุปกรณ์เครื่องมือ
บางส่วนได้ด้วยตนเอง อาจกล่าวได้ว่าเป็น
ระบบการจัดการเนื้อหาโดยผู้สอนเพื่อที่ผู้เรียนจะ
ได้นำาไปศึกษาโดยไม่ต้องมีระบบการจัดการเต็ม
รูปแบบเข้ามาช่วย

11. ความแตกต่างระหว่างความแตกต่างระหว่าง
ระบบระบบ LMSLMS• 1. การบริหารจัดการทั้งระบบ
• 2. กระบวนการจัดการสมบูรณ์แบบ องค์ประกอบ
เต็มรูปแบบ
• 3. ดำาเนินการด้วยบุคลากรจำานวนมาก
• 4. ค่าใช้จ่ายการดำาเนินการสูง
• 5. เหมาะสำาหรับองค์กรขนาดใหญ่
• 6. ใช้เป็นสื่อหลักในการเรียนการสอน
• 7. เนื้อหามาจากผู้เชี่ยวชาญหรือผู้ชำานาญการ
• 8. การผลิตยุ่งยากและใช้เวลานาน
• 9. การสร้างเน้นการทำางานกับเครื่องแม่ข่าย
• ** **ความรับผิดชอบอยู่ที่องค์กรหรือหน่วย
งาน

12. ความแตกต่างของระบบความแตกต่างของระบบ
CMSCMS
• 1. การบริหารจัดการเฉพาะเนื้อหา
• 2. กระบวนการจัดการเฉพาะเนื้อหาและองค์
ประกอบบางส่วน
• 3. ดำาเนินการโดยผู้สอน
• 4. ค่าใช้จ่ายการดำาเนินการตำ่า
• 5. เหมาะสำาหรับอาจารย์ที่มีความรู้เฉพาะ
• 6. ใช้เป็นสื่อเสริมในการเรียนการสอน
• 7. เนื้อหาตรงตามความต้องการผู้สอน
• 8. การผลิตง่ายและใช้เวลาน้อย
• 9. การสร้างเน้นการทำางานกับเครื่องลูกข่าย
• *** ความรับผิดชอบอยู่ที่ผู้สร้างหรือผู้สอน

13. คณะทำางานคณะทำางาน E-LearningE-Learning
• 1. ผู้ดูแลระบบ (Administrator) เป็นผู้ที่มีหน้าที่ดูแลระบบ
เครือข่าย การบริหารเครือข่าย
• 2. ผู้ดูแลเว็บ (Webmaster) จะต้องเป็นผู้ดูแลและติดตั้ง
เว็บ
• 3. ผู้ออกแบบและพัฒนาเว็บ (Web designer) เป็นผู้
ออกแบบและสร้างเว็บตามผู้ออกแบบการเรียนการสอน
• 4. ผู้ออกแบบระบบการเรียนการสอน (Instructional
System Developer) เป็นผู้กำาหนดรูปแบบการเรียนการสอน
องค์ประกอบเนื้อหา
• ผู้สอน (Instructor) เป็นผู้เชี่ยวชาญเนื้อหาเฉพาะวิชาที่
ต้องการจะนำามาใช้ในการเรียนการสอน กำาหนดเนื้อหาที่จะ
สอน แบบฝึกหัด ข้อสอบ การวัดผลและประเมินการเรียน

14. การเรียนการการเรียนการ
สอนผ่านเว็บสอนผ่านเว็บ
• CAI on WebCAI on Web
• Online LearningOnline Learning
• WBI : Web-based InstructionWBI : Web-based Instruction
• WBT : Web-Based TrainingWBT : Web-Based Training
• IBI: Internet-BasedIBI: Internet-Based
InstructionInstruction

15. Web-BasedWeb-Based
InstructionInstruction
การใช้ทรัพยากรที่มีอยู่ในการใช้ทรัพยากรที่มีอยู่ใน
ระบบอินเทอร์เน็ต ในการระบบอินเทอร์เน็ต ในการ
ออกแบบเว็บเพื่อการเรียนออกแบบเว็บเพื่อการเรียน
การสอน สนับสนุนและส่งการสอน สนับสนุนและส่ง
เสริมให้เกิดการเรียนรู้อย่างมีเสริมให้เกิดการเรียนรู้อย่างมี
ความหมาย เชื่อมโยงเป็นความหมาย เชื่อมโยงเป็น
เครือข่ายที่สามารถเรียนได้เครือข่ายที่สามารถเรียนได้
ทุกที่ทุกเวลาทุกที่ทุกเวลา

16. การออกแบบการออกแบบ
เว็บไซต์เว็บไซต์• HomepageHomepage หมายถึง หน้าแรกหมายถึง หน้าแรก
ของเว็บไซต์ของเว็บไซต์
• Web pageWeb page หมายถึง เอกสารที่หมายถึง เอกสารที่
สร้างขึ้นในรูปแบบของสร้างขึ้นในรูปแบบของ HTMLHTML
• Web-siteWeb-site หมายถึง เว็บเพจที่มาหมายถึง เว็บเพจที่มา
รวมกันอยู่ในพื้นที่ เดียวกันภายใต้รวมกันอยู่ในพื้นที่ เดียวกันภายใต้
โดเมนเดียวกันโดเมนเดียวกัน

17. http://www.rajabhat.edu
http://edu.rajabhat.edu
http://business.rajabhat.edu
http://www.rajabhat.edu/it/index.html
Domain NameDomain Name
URL : Uniform Resource LocatorURL : Uniform Resource Locator
<< Homepage<< Homepage
การเข้าสู่ระบบอีเลิน
นิ่ง

18. โครงสร้างของเว็บไซต์โครงสร้างของเว็บไซต์

19. การออกแบบที่การออกแบบที่
สับสนสับสน

20. <<<<แบบแบบ
ลึกลึก
^^^^
แบบตื้นแบบตื้น
การออกแบบการออกแบบ
โครงสร้างเว็บโครงสร้างเว็บ

21. การออกแบบเว็บที่การออกแบบเว็บที่
ดีดี

22. รูปแบบของรูปแบบของ
เว็บไซต์เว็บไซต์
แบบต่อแบบต่อ
เนื่องเนื่อง
แบบใยแบบใย
แมงมุมแมงมุม
แบบแบบ
ลำาดับขั้นลำาดับขั้น
แบบแบบ
ตะแกรงตะแกรง

23. พื้นที่พื้นที่
จอภาพจอภาพ
640640 x 480x 480
pixelspixels
10241024 x 768x 768
pixelspixels
•800800 x 600x 600
pixelspixels

24. การจัดองค์การจัดองค์
ประกอบเว็บเพจประกอบเว็บเพจ

25. โปรแกรมเพื่อโปรแกรมเพื่อ
การสร้างเว็บการสร้างเว็บ
•DreamweaverDreamweaver
•FrontpageFrontpage
•NamoNamo ฯลฯฯลฯ
HTHT
MLML

26. ความรู้เบื้องต้นสำาหรับผู้ความรู้เบื้องต้นสำาหรับผู้
สร้างสร้าง e-Learninge-Learning
ความรู้เบื้องต้นสำาหรับผู้ความรู้เบื้องต้นสำาหรับผู้
สร้างสร้าง e-Learninge-Learning
• Computer LiteracyComputer Literacy
• HTMLHTML
• Internet /BrowserInternet /Browser
• e-maile-mail

27. โปรแกรมสำาหรับโปรแกรมสำาหรับ
สร้างเว็บไซต์สร้างเว็บไซต์
• Web ProgrammingWeb Programming
– HTML,DHTMLHTML,DHTML
– Pert, CGI,Pert, CGI,
– JAVA,ASP, PHPJAVA,ASP, PHP
• Web AuthoringWeb Authoring
– FrontpageFrontpage
– DreamweaverDreamweaver
– Namo , Net Object, HomesiteNamo , Net Object, Homesite

28. Web ProgrammingWeb Programming
• Web-ProgrammingWeb-Programming หมายถึงหมายถึง
การสร้างเว็บด้วยโปรแกรมการสร้างเว็บด้วยโปรแกรม
ภาษาสำาหรับการสร้างเว็บภาษาสำาหรับการสร้างเว็บ
ภาษาที่ใช้ในการเขียนภาษาที่ใช้ในการเขียน
โปรแกรมสำาหรับเว็บ ได้แก่โปรแกรมสำาหรับเว็บ ได้แก่
HTML ,Perl, CGI, ASP,HTML ,Perl, CGI, ASP,
PHP,XMLPHP,XML

29. Web AuthoringWeb Authoring
• Web AuthoringWeb Authoring หมายถึง การสร้างเว็บหมายถึง การสร้างเว็บ
ด้วยโปรแกรมสำาเร็จรูปด้วยโปรแกรมสำาเร็จรูป ((Application)Application) ที่ที่
จะแปลงการทำางานจากพื้นที่สร้างเว็บจะแปลงการทำางานจากพื้นที่สร้างเว็บ
ไปเป็นภาษาโปรแกรมไปเป็นภาษาโปรแกรม(Source code)(Source code)
สำาหรับเว็บอีกครั้งหนึ่ง อาทิเช่นสำาหรับเว็บอีกครั้งหนึ่ง อาทิเช่น
Frontpage, Dreamweaver, Namo, Net objFrontpage, Dreamweaver, Namo, Net obj
ectect ฯลฯฯลฯ

30. ขั้นตอนการสร้างและขั้นตอนการสร้างและ
พัฒนาพัฒนา E-LearningE-Learning
ขั้นตอนการสร้างและขั้นตอนการสร้างและ
พัฒนาพัฒนา E-LearningE-Learning
• การวางแผนการวางแผน (Planning)(Planning)
• การออกแบบการออกแบบ (Design)(Design)
• การพัฒนาการพัฒนา (Development)(Development)
• การติดตั้งการติดตั้ง (Publishing)(Publishing)
• การตรวจสอบและดูแลการตรวจสอบและดูแล
(Maintenance)(Maintenance)

31. การวางแผนสร้างและการวางแผนสร้างและ
พัฒนาพัฒนา E-LearningE-Learning
การวางแผนสร้างและการวางแผนสร้างและ
พัฒนาพัฒนา E-LearningE-Learning• หน้าแรกของเว็บไซต์หน้าแรกของเว็บไซต์ HomepageHomepage
• ข้อมูลหน่วยงานข้อมูลหน่วยงาน (Information)(Information)
• โปรแกรมการสร้างและพัฒนาเว็บโปรแกรมการสร้างและพัฒนาเว็บ
– Dreamweaver, PhotoShop, FlashDreamweaver, PhotoShop, Flash etc..etc..
• พื้นที่ติดตั้งเว็บไซต์และองค์ประกอบพื้นที่ติดตั้งเว็บไซต์และองค์ประกอบ
ภายในเว็บภายในเว็บ
– Thai.net , NECTECThai.net , NECTEC
• ผู้รับผิดชอบตรวจสอบและดูแลผู้รับผิดชอบตรวจสอบและดูแล
– WebmasterWebmaster

32. หน่วยงานที่เกี่ยวข้องกับ E-
Learning
หน่วยงานที่เกี่ยวข้องกับ E-
Learning• NECTECNECTEC
– http://www.nectec.or.thhttp://www.nectec.or.th
• CHULAONLINECHULAONLINE
– http://www.chulaonline.comhttp://www.chulaonline.com
• THAI2LearnTHAI2Learn
– http://www.thai2learn.comhttp://www.thai2learn.com
• THAIWBITHAIWBI
– http://www.thaiwbi.comhttp://www.thaiwbi.com
• การเรียนการสอนผ่านเว็บการเรียนการสอนผ่านเว็บ
– http://www26.brinkster.com/it2002/wbi.htmlhttp://www26.brinkster.com/it2002/wbi.html