หลักการออกแบบ Online learning environment

1. e-Learning, Online
Learning and Distance
Learning:
Concept, Model and
Opportunity
ผู้ช่วยศาสตราจารย์ ดร.อิศรา ก้านจักร
Director of Institute of Learning and Teaching Innovation
Khon Kean University, Thailand
issaraka@kku.ac.th
28/04/2017
Online learning

2. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
วันนี้เราเรียนอะไรดี?
วันนี้ต้องเข้าประชุมด่วน?
วันนี้ต้องไปราชการ?
วันนี้ต้องไปอบรมด่วน?
ฉันต้องบอกทุกอย่างเลยรึ?
ฉันต้องเบื่อจังที่ต้องทวนอีกครั้ง?

3. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
วันนี้มีเรียนมั้ยครับ?
วันนี้ผมขอลานะครับ?
อ่านเองได้มั้ยครับ?
อจ.มีไฟล์มั้ยครับ?
ต้องไปซ้อมแข่งทักษะ?
ถามผ่านแชต ได้มั้ยครับ?

4. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
GenZ

5. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

6. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

7. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
24/7

8. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

9. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

10. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o พัฒนาผลการเรียนรู้
Chirawat Na-Ngam, Issara KANJUG.(2016). DEVELOPMENT OF LEARNING MANAGEMENT SYSTEM FOR FLIPPED CLASSROOM
ENVIRONMENT TO ENHANCE KNOWLEDGE TRANSFER IN COMPUTER CLASSROOM.ICIE 2016 India.

11. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o ส่งเสริมการสร้างความรู้และการเรียนรู้เชิงรุก
Kanjug, Issara, Chaijaroen, Sumalee. (2012).The Design of Web-based Learning Environments enhancing Mental Model Construction.
Procedia - Social and Behavioral Sciences. , Volume 46, 2012, Pages 3134-3140
Jiambunsri Chisanu, Chaijaroen Sumalee, Kanjak Issara, Samat Charuni. (2012). Design and Develop of Constructivist Learning
Environment on Learning Management System. Procedia - Social and Behavioral Sciences, Volume 46, 2012, Pages 3426-3430
Items M SD
Focus on knowledge construction, not
reproduction 4.09 0.86
Provide multiple representations of reality
3.90 0.83
Present authentic tasks
3.85 0.76
Provide real-world, case-based learning
environments, rather than pre-determined
instructional sequences
3.79 0.80
Foster reflective practice
3.86 0.78
Support collaborative construction of
knowledge through social negotiation 3.78 0.84
Focus on problem-solving, higher-order
thinking and dept understanding 3.78 0.81

12. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o ส่งเสริมการถ่ายโยงความรู้และความคงทน
Kanjug, Issara, Chaijaroen, Sumalee, and Samat Charuni. (2013). Designing of Web-Based Learning to Enhance Knowledge Construction
for Higher Education in Thailand. WCES 2013 Italy.
Issara Kanjuga, Sumalee CHAIJAROEN.(2015). The Effect of Knowledge Construction Web-Based Learning Environments on Undergraduates’
Learning Outcomes.ICIE 2015 China.

13. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o ส่งเสริมการคิดแก้ปัญหา
Issara Kanjuga, Sumalee CHAIJAROEN.(2015). The Effect of Knowledge Construction Web-Based Learning Environments on Undergraduates’
Learning Outcomes.ICIE 2015 China.

14. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o ส่งเสริมความร่วมมือในการเรียน
Khosit JUMEUSLAP, Issara KANJUG.(2016). Constructivist Learning Environment to Enhance Cloud based Collaborative Learning:
Product Design and Development Phase.ICIE 2016 India.
4.67
4.4
4.48
4.25
4.3
4.35
4.4
4.45
4.5
4.55
4.6
4.65
4.7
IG IO IC

15. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o พัฒนาความเข้าใจเนื้อหาที่มีความซับซอนและยาก
Issara Kanjug1, Prajak Boosdee2, and Niwat Srisawadi.(2016). Learner’s mental model on web-based learning
environment in subject motion for grade 10 students.

16. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
o ส่งเสริมทักษะการเรียนรู้ ICT
Apinan Kinnaree1, Issara Kanjug2 and Anucha Somabut3.(2016). Social Media Interactive Learning Environment (SMILE): Effect on Learners’
Information and Communication Technology Literacy. ICIE 2016 India.
0
20
40
60
80
100
ทักษะการกาหนด
ทักษะการเข้าถึง
ทักษะการประเมิน
ทักษะการจัดการทักษะการบูรณาการ
ทักษะการสร้าง
ทักษะการสื่อสาร
แผนภูมิเปรียบเทียบทักษะการรู้ICT ก่อนและหลังเรียน

17. e-Learning, Online
Learning and Distance
Learning:
Concept, Model and
Opportunity
Why
Online
learning
Save Time
Sharing
Expertise
Share
Skills &
Perspective
Share
Responsibility
Build
Social
Networks
Increases
Efficiency
Promote
Problem
Solving
Share &
Support
Technology
Integration

18. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Technology transform learning and teaching practice

19. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
ทฤษฎีสาหรับการ
ออกแบบ
Online
Learning

20. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Constructivist
Learning
Environment
Representation
Schema
พื้นที่สำหรับเก็บสิ่งแทน
ควำมรู้ที่มนุษย์สร้ำงขึ้น

21. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

22. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Social constructivism: Vygotsky

23. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Collaborative learning
Knowledge-
building
communities
Communities
of learner
(COLs)

24. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Shared cognition
Schema as network
Build overtime
Distributed cognition

25. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
องค์ประกอบของ
Online
Learning

26. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Online Learning
Learning Activity
Learning Resources VDO-based Lesson
Coach or Mentor
Constructivist Learning
Environment

27. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
 Learning Activity
มุ่งเน้นกิจกรรมการเรียนแบบ Active
o Problem base
o Project base
o Collaboration
แบ่งบทเรียนออกเป็นหน่วยการเรียน

28. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
 Learning Resources
มีการออกแบบสารที่ช่วยให้ผู้เรียน
ทาความเข้าใจได้ง่าย
o Text
o Power pint
o Picture
o website

29. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
 VDO Lesson
• ควรทาเป็นคลิปสั้น ไม่เกิน 5-10 นาที
• เน้นการนาเสนอบริบท/สภาพจริง/
กระบวนการ/การสาธิตการใช้เครื่องมือ
• การอธิบายเนื้อหาที่ผู้เรียนมองไม่เห็น
รูปธรรม

30. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
 Coach or Mentor
• การให้ reflect ผู้เรียนเกี่ยวกับคาตอบ
• ติดตามและกระตุ้นให้ผู้เรียนทากิจกรรม
• ประเมินความก้าวหน้าในการเรียน
• ให้ความช่วยเหลือและอานวยความสะดวก
ในการเรียน

31. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
รูปแบบการจัดการ
เรียนรู้สาหรับ
Online
Learning

32. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Face-to-Face
Classroom
Classroom Aids Flipped Classroom
Classroom & Online
Fully Online
E-Learning

33. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Flipped
Learning

34. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Online F2F Online

35. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

36. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Knowledge
Acquisition
Knowledge
Sharing
Knowledge
Transfer
Knowledge
Construction
Learning Process Key Elements Supplementary activity
Instruction
Designing
Framework for
Flipped Learning
(Issara, 2014)

37. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Knowledge
Acquisition
สร้าง
ประสบการณ์
ก่อนเข้าชั้นเรียน
ปัญหา/ภารกิจ
เอกสารและแหล่ง
เรียนรู้

38. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Knowledge
Transfer
การเชื่อมโยง
ประสบการณ์ และ
การให้ปัญหาใหม่
ในชั้นเรียน

39. Knowledge
Construction
ร่วมมือกันปฏิบัติ
ภารกิจ
แลกเปลี่ยนมุมมอง
การโค้ชจากผู้สอน
Knowledge
Reflection
e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity

40. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
แบ่งปันความรู ้หลัง
เรียน

41. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
เครื่องมือสาหรับสร้าง
Online
Learning

42. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
https://e-learning.kku.ac.th/
• เป็น LMS ที่พัฒนาและดูแล
โดยสานักนวัตกรรมการเรียน
การสอน
• มีเครื่องมือสาหรับจัดการชั้น
เรียนที่สะดวก

43. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
https://classroom.google.com
• เป็น LMS ที่ ม.ขอนแก่น ใช้
บริการกับ Google
• เชื่อมกับทรัพยกรของ Google
ทุกอย่าง
• เป็น Cloud service

44. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
MOOC

45. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
Wix
• เป็น cloud-based web
development platform
• users to create HTML5
web sites and mobile sites
through the use of online
drag and drop tools

46. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
สานักนวัตกรรม
การเรียนการสอน

47. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
โปรแกรมอบรม
เชิงปฏิบัติการ
ด้านนวัตกรรม
การเรียน

48. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
พื้นที่สาหรับ
ทางานผลิตสื่อ
iSpace

49. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
พื้นที่สาหรับ
Production
House

50. e-Learning, Online Learning and Distance Learning:
Concept, Model and Opportunity
ขอบคุณ
ครับ