แนวคิด หลักการ ทฤษฏีเกี่ยวกับนวัตกรรม เทคโนโลยีสารสนเทศทางการศึกษา และเทคโนโลยีสารสนเทศเพื่อการศึกษา

1. Technology for learning
Dr.Chuanpob iaosanurak
E-mail: chuanpob.i@rbru.ac.th

2. Course description

3. chuanpob.i@rbru.ac.th
•แนะนำตัว
•ชื่อ – นำมสกุล
•รหัส
•หมู่เรียน
•โรงเรียนฝึกสอน

5. ขั้นนำ ขั้นสอน/กิจกรรม ขั้นสรุป
ขั้นสรุป
Inside class Outside class
Test 17 point

6. Gamification = Game + information

7. https://kahoot.it/

9. Computer system

10. ICT

11. แนวคิดพื้นฐานที่ก่อให้เกิดนวัตกรรมทางการศึกษา
• แนวควำมคิดในเรื่องควำมแตกต่ำงระหว่ำงบุคคล (Individual difference)
>>>> โรงเรียนแบบไม่แบ่งชั้น กำรสอนเป็นคณะ บทเรียนสำเร็จรูป ฯลฯ
• แนวควำมคิดในเรื่องของควำมพร้อม (Readiness)
• แนวควำมคิดในเรื่องกำรใช้เวลำในกำรเรียน >>>> มหำวิทยำลัยเปิด ตำรำงสอน
แบบยืดหยุ่น กำรจัดกำรเรียนกำรสอนแบบออนไลน์
• แนวควำมคิดในเรื่องกำรขยำยตัวทำงด้ำนวิชำกำรและกำรเพิ่มจำนวนประชำกร
>>>> กำรสอนทำงไปรษณีย์ โทรทัศน์เพื่อกำรศึกษำ กำรจัดกำรเรียนกำรสอน
ออนไลน์ เป็นต้น

12. Steps of learning innovation process
Problem
Objective
Constraints
Innovation
Experimentation
Dissemination

13. Gamification = Game + information

14. Data and information

15. Week 2 “ICT for education ”

16. ขั้นนำ ขั้นสอน/กิจกรรม ขั้นสรุป
ขั้นสรุป
Inside class Outside class
Test 17 point

29. Human sensory reception

32. YouTube EDU

33. YouTube: Teacher channel

34. YouTube EDU

43. Plickers.com

44. Edpuzzle
•goo.gl/2rNNhb
•Code “taocfub”

49. Week 3

50. AR vs VR

51. AR

52. Advantage of Aurasma application
•Free
•Online and Off-line
•Copyright
•Create AR by yourself

53. Install AURASMA via Mobile Phone

54. Record your Username/Password!!!

55. Install AURASMA via Mobile Phone

56. Install AURASMA via Mobile Phone

57. Install AURASMA via Mobile Phone

58. Mobile camera test

59. Using AURASMA via Mobile Phone

61. Using AURASMA via Mobile Phone

62. Using AURASMA via Mobile Phone

63. Using AURASMA via Mobile Phone

64. Using AURASMA via Mobile Phone

65. Using AURASMA via Mobile Phone

66. Using AURASMA via Mobile Phone

67. Using AURASMA via Mobile Phone

68. ภาพ Trigger ที่ดี
1. มีควำมแตกต่ำงของโทนสีและมีควำมคมชัดที่ดี
2. เป็นภำพที่มีรูปร่ำงสมส่วน และรูปแบบชัดเจน
3. เป็นภำพที่มีรำยละเอียดทั่วทั้งภำพมีจำนวนมำก

69. ภาพ Trigger ที่ไม่เหมาะสม
1. เป็นภำพที่มีรำยละเอียดน้อยเกินไป
2. เป็นภำพที่มืดมำกเกินไป
3. ไม่มีควำมแตกต่ำงของโทนสี
4. เป็นภำพซ้ำซ้อน และภำพลักษณะเหมือนกัน (รูปแบบซ้ำซ้อน ข้อควำมปรำกฏมำกเกินไป)
5. เป็นภำพพล่ำเลือนรำง และภำพไล่ระดับสี
6. วัตถุที่มีลักษณะสะท้อนกลับ เช่น ภำพกระจก

70. ตัวอย่างภาพ Trigger ที่ไม่เหมาะสม

71. Using AURASMA via Mobile Phone

72. Using AURASMA via Mobile Phone

73. Using AURASMA via Mobile Phone

74. Install via Website
(https://www.aurasma.com/)

75. Install via Website
(https://www.aurasma.com/)

76. Install via Website
(https://www.aurasma.com/)

77. หน้าแรก aurasma.com

78. Facebook name: Chuanpob Iao

79. Facebook group name: arrbru

80. Newest and Following

82. http://keepvid.com/sites/download-youtube-
video.html

83. How to download YouTube videos using SS

84. Workshop .05 : การสร้าง AR ในรูปแบบ Video
1. เข้ำเว็บไซต์ www.aurasma.com/
2. Log in
3. Aurasma – Terms of Services ---I accept

85. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
4. หน้ำแรกของเว็บไซต์ Aurasma

86. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
5. Edit your profile

87. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
6. Insert your picture for Trigger (File JPEG + PNG only)
> 500,000 pixel.
7. Open “MY AURAS” and “Create New Aura”

88. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
8. Click to upload Trigger image.

89. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
9. Click “Browse” and “Save”

90. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
10. Click “Next”

91. Workshop .05 : การสร้าง AR ในรูปแบบ Botton

92. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
11. Click to up load overlay (+)

93. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
12. Resize overlay 1

94. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
13. Insert overlay 2,3…….

95. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
14. Add action in overlay 1

96. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
15. Edit actions, click “save”

97. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
16. Edit actions all overlay.

98. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
17. Click “Preview” แล้วใช้ App AURASMA เปิด

99. Workshop .05 : การสร้าง AR ในรูปแบบ Botton
18. Click “Next”

100. Workshop .05 : การสร้าง AR ในรูปแบบ Botton

101. Workshop .05 : การสร้าง AR ในรูปแบบ Botton

102. goo.gl/DzNQjx

103. Workshop 1: การสร้าง AR ในรูปแบบ Video
1. Open “MY AURAS” and “Create New Aura”
2. Click upload trigger image

104. Workshop 1: การสร้าง AR ในรูปแบบ Video
3. Insert your picture for Trigger (related your subject)

105. Workshop 1: การสร้าง AR ในรูปแบบ Video

106. Workshop 1: การสร้าง AR ในรูปแบบ Video

107. Workshop 1: การสร้าง AR ในรูปแบบ Video
4. Searching and save “video” (from YouTube) in your
computer.
5. Click “Next” for edit overlays

108. Workshop 1: การสร้าง AR ในรูปแบบ Video
6. Click to upload overlay

109. Workshop 1: การสร้าง AR ในรูปแบบ Video
7. Select “video” and click “save”

110. Workshop 1: การสร้าง AR ในรูปแบบ Video
8. Click “add actions” and click “save”

111. Workshop 1: การสร้าง AR ในรูปแบบ Video
9. Click “save” and “preview”

112. Workshop 1: การสร้าง AR ในรูปแบบ Video

113. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
1. Open “MY AURAS” and “Create New Aura”
2. Click upload trigger image

114. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
3. Select trigger image and rename.

115. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
4. Click upload button “play”, “stop” , “pause” and “www”.

116. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (play button)

117. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (play button)

118. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (pause button)

119. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (stop button)

120. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (add web links)

121. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (add web links)

122. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
5. Click “add actions” (add web links)

123. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button
6. Upload video

124. Workshop 2: การสร้าง AR ควบคุม Video ด้วย Button

125. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย Picture

126. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
1. Edit trigger

127. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
2. Insert 2 picture

128. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
3. Insert 2 video that relate pervious picture

129. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
4. Picture right hand add action follow this

130. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture

131. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
5. Picture left hand add action follow this

132. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture

133. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture
6. Click take-in “Initially hidden” and take-out “Fade in”

134. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture

135. Channel: chuanpob_iao

136. Workshop 2.5 : การสร้าง AR แสดงผล Video ด้วย
Picture

137. Workshop 3 : การสร้าง AR แบบ 3D
1. Creating New Auras

138. Workshop 3 : การสร้าง AR แบบ 3D
2. Insert Trigger (3D box)

139. Workshop 3 : การสร้าง AR แบบ 3D
3. Add actions

140. Workshop 3 : การสร้าง AR แบบ 3D
4. Preview