เทคโนโลยีการเรียนการสอน สำหรับผู้สอนในยุคดิจิทัล Instructional Technology for Teachers in Digital Age

1. Powerpoint Templates
Page 1
Powerpoint Templates
โครงการพัฒนาเสริมสร้างความเข้มแข็งทางวิชาการให้กับนักศึกษา
กิจกรรมที่๑ กิจกรรมอบรมความรู้ด้านคอมพิวเตอร์ให้กับนักศึกษา
ดร.อาณัติ รัตนถิรกุล
คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ
มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ
August 24-25, 2016www.arnut.com

2. Powerpoint Templates
Page 2
Dr.Arnut Ruttanatirakul
www.arnut.com

3. Powerpoint Templates
Page 3
Digital Education Technology

4. Powerpoint Templates
Page 4
Digital Education Technology

5. Powerpoint Templates
Page 5
วิวัฒนาการของเทคโนโลยีสารสนเทศและการสื่อสาร
เพื่อจัดการเรียนการสอนในศตวรรษที่ 21
Mainframe
Client-
Server
Web
SOA
Cloud
IoT
1970s
1980s
1990s
2000s
2010s
2015+
2004: Facebook
2010: Photobucket, Instagram
2006: Twitter
2005: YouTube
2011: LINE
1998: Google
1994: Yahoo, Amazon
1999: Alibaba
2011: Big Data,Hadoop
2006: MOOCs
2003: Moodle

6. Powerpoint Templates
Page 6
วิวัฒนาการของเทคโนโลยีสารสนเทศและการสื่อสาร
เพื่อจัดการเรียนการสอนในศตวรรษที่ 21
Computer-based
Web-based
Social-based
Cloud-based
CAI
CBT
CBL
WBI
WBT
WBL
SBI
SBT
SBL
SaaS
PaaS
IaaS
EaaS
Collaborative Learning
MOOC
Cloud Learning
m-Learning
CD, DVD
Social Learning
e-Learning
Blogs
Website

7. Powerpoint Templates
Page 7
P21's Framework for 21st Century Learning

8. Powerpoint Templates
Page 8
Component of a 21st Century Classroom

9. Powerpoint Templates
Page 9
Education 3.0 > Education 4.0

10. Powerpoint Templates
Page 10
News: 10 อาชีพที่เริ่มมีคนพัฒนา AI และ Chatbot มาทดแทน
Source: https://www.techtalkthai.com/10-jobs-that-ai-and-chatbots-are-now-alternatives/
1. Web Designer / Web
Developer: The Grid
2. นักการตลาดออนไลน์: Persado
3. ผู้ดูแลออฟฟิศ: Betty
4. นักบัญชี: Smacc
5. HR องค์กร: FlatPi
6. นักข่าว: Wordsmith
7. บรรณาธิการ: Bold
8. นักกฎหมาย: Ross
9. แพทย์: Babylon
10.จิตแพทย์: Ellie

11. Powerpoint Templates
Page 11
News: FarmBot: หุ่นยนต์Open Source ปลูกสวนครัวในบ้านอัตโนมัติ
Source: https://www.techtalkthai.com/introduce-farmbot-open-source-robot-for-home-farming/?via=fongmun

12. Powerpoint Templates
Page 12
News: เตรียมพบฟาร ์ม AI ใช ้ผึ้งหุ่นยนต์ทางานแทนธรรมชาติ
Source: http://thumbsup.in.th/2016/07/farm-ai-use-bee-robots/

13. Powerpoint Templates
Page 13
News: หัวเว่ย จับมือ กฟภ. จัดงานประชุมโครงข่ายไฟฟ้ าอัจฉริยะ
ขึ้นที่กรุงเทพฯ
Source: http://www.enterpriseitpro.net/?p=2098

14. Powerpoint Templates
Page 14
News: Google เปิดตัว Google Cast for Education สาหรับ
การแชร ์หน้าจอภายในห้องเรียน
Source: https://www.blognone.com/node/83425

15. Powerpoint Templates
Page 15
เทคโนโลยีอนาคต ที่กาลังมาเยือน
Source: https://www.facebook.com/GARONSKIFILMDOTCOM/videos/1072424529461796/

16. Powerpoint Templates
Page 16
Google Apps
Web 3D
IoT
e-Learning
Moodle
Google Docs
JavaScript
AR
Web Programming
Web Developer
E-Book
CSS
01010101010101010101010101010
Cloud Computing
Instructional Technology
R
เทคโนโลยีการเรียนการสอนยุคดิจิทัล
Facebook
Go
EaaS
MOOCs
YouTube
Matlab
VR
Scala Shell
Instructional Technology for Teachers in Digital Age

17. Powerpoint Templates
Page 17
EaaS
Dropbox
Bangkok WiFi
e-Learning Google Docs
Facebook
Social Network
Storages
Web Programming
Web Developer
Web Desktop
YouTube01010101010101010101010101010
MOOC
เทคโนโลยีการเรียนการสอนยุคดิจิทัล
Smart Classroom
Twitter
GIS
Database
Data Warehouse
Data Mining
BigData
CPD IT Systemse-Learning
CloudLearning
m-Learning CAISocial Learning

18. Powerpoint Templates
Page 18
Top 10 Strategic Technology Trends for 2015
Source - http://www.gartner.com

19. Powerpoint Templates
Page 19
Mobile network coverage and evolving
technologies
Source: http://www.itu.int/en/ITU-D/Statistics/Pages/facts/default.aspx

20. Powerpoint Templates
Page 20
M2M, IoT AND BANDWIDTH
Source: http://www.itu.int/en/ITU-D/Statistics/Pages/facts/default.aspx
The Internet of Things (IoT) is in its early stages

21. Powerpoint Templates
Page 21
M2M, IoT AND BANDWIDTH
Source: http://www.itu.int/en/ITU-D/Statistics/Pages/facts/default.aspx
Internet bandwidth remains unequally distributed across the world

22. Powerpoint Templates
Page 22
www.githut.info
Programming languages

23. Powerpoint Templates
Page 23
Google Trends
https://www.google.co.th/trends/

24. Powerpoint Templates
Page 24
Gartner - Technology Research
www.gartner.com

25. Powerpoint Templates
Page 25
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

26. Powerpoint Templates
Page 26
วิวัฒนาการการเรียนการสอน

27. Powerpoint Templates
Page 27
อดีต
ครู
อาจารย์
นักเรียน
นักศึกษา
สถานประกอบการ
สาขาวิชา
/คณะ/สถาบัน
Tools
Technology
Technique

28. Powerpoint Templates
Page 28
ปัจจุบัน
ครู
อาจารย์
นักเรียน
นักศึกษา
Tools
สถานประกอบการ
Technology
Innovation
สาขาวิชา
คณะ/สถาบัน
Standard
IT Competency
QA
Digital Literacy
IT Skills
Technique
Cloud Computing
Social
Media
Big Data
Internet of Things
Government Policy
Startup Startup Startup Startup Startup Startup

29. Powerpoint Templates
Page 29
มิติทางเทคโนโลยีการสอน 3 ด้าน
 Media หรือ สื่อ ทาหน้าที่ส่งสาร
หรือความรู้ให้แก่ตัวผู้เรียนเป็นหลัก
 Pedagogical หรือ เทคนิควิธีการ
 Management หรือ การจัดการซึ่ง
เป็นการประสานของมิติที่หนึ่ง และ
มิติที่สอง
มิติทางเทคโนโลยีของการสอน
Source : http://www.krismant.com
Technological Dimensions of Instruction

30. Powerpoint Templates
Page 30
มิติทางเทคโนโลยีการสอน 3 ด้าน
เทคนิควิธีการ
(Pedagogical)
การจัดการ
(Management)
สื่อ
(Media)
Active Learning
Problem-based Learning : PBL
Project-based Learning: PjBL
Flipped Classroom
Animation
Collaborative Learning
STEM Education
BrainStorming &
Mind Mapping
DIY (Do it Yourself)
Game and Gamification
Images
Presentation
Augmented Reality
Social Media
Resources
Activities
YouTube
e-Book
MIAP
Document
CIPPA
Infographic
e-Learning MOOCs
Google Apps for Education

31. Powerpoint Templates
Page 31
Technology for Transformational Learning
 Movement and location
controlled interface
 Mobile Learning
 Social Connect Media
 Cloud Computing
 Internet of Things (IoT)
Big Data

32. Powerpoint Templates
Page 32
Clip: สิ่งที่รร.ส่วนใหญ่ไม่ได้สอน

33. Powerpoint Templates
Page 33
การบันทึกการเรียนของนักศึกษาเปลี่ยนไป

34. Powerpoint Templates
Page 34
Note.
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

35. Powerpoint Templates
Page 35
Cloud Computing

36. Powerpoint Templates
Page 36
Cloud Computing

37. Powerpoint Templates
Page 37
Cloud Computing
 รูปแบบการให้บริการเทคโนโลยีสารสนเทศ
o นาเสนอทรัพยากรสารสนเทศสาหรับประมวลผลตั้งแต่โครงสร้างพื้นฐานของ
เทคโนโลยีสารสนเทศไปจนถึงชุดคาสั่งทางานประยุกต์
 ผู้ใช้สามารถเลือกบริการที่ตนเองต้องการ
 จ่ายค่าใช้บริการที่เรียกใช้งานตามการใช้งาน
o เหมือนกับการจ่ายค่าสาธารณูปโภคไม่ว่าจะเป็นค่าไฟฟ้า ค่าน้า และค่าโทรศัพท์
เทคโนโลยีการประมวลผลกลุ่มแบบกลุ่มเมฆ (Cloud Computing)

38. Powerpoint Templates
Page 38
(1) Water
Water
Distribution
Network
(4) Telephone
Telecom
Networks
(3) Gas
(2) Electricity
Power Grid
การบริการสาธารณูปโภคพื้นฐาน

39. Powerpoint Templates
Page 39
Power Grid Inspiration for Computing ?
Deliver ICT services as “computing utilities” to users

40. Powerpoint Templates
Page 40
Type of Cloud Computing
• Software as a Service (SaaS)
• Platform as a Service (PaaS)
• Infrastructure as a Service (IaaS)
• Public Cloud (External Cloud)
• Private Cloud (Internal Cloud)
• Hybrid Cloud
Cloud Deployment Models Cloud Service Models

41. Powerpoint Templates
Page 41
Platform as a Service (PaaS) will become
the new buzz word
Source: http://www.gartner.com/newsroom/id/2658415

42. Powerpoint Templates
Page 42
Cloud Deployment Models
Source: http://www.arnut.com

43. Powerpoint Templates
Page 43
Cloud computing will go mainstream

44. Powerpoint Templates
Page 44
Point to Point Integrations will become
a taboo

45. Powerpoint Templates
Page 45
Infrastructure as a Service
http://www.turnkeylinux.org
TurnKey Linux Bitnami Stack
https://bitnami.com/stacks
OpenStack
http://www.openstack.org
Docker
http://www.docker.com
Source: http://www.arnut.com/bb/node/301

46. Powerpoint Templates
Page 46
Example of Infrastructure as a Service
Hypervisor
 VMWare
 Microsoft Hyper-V
 Citrix XenServer
 KVM
 Parallels
 Oracle VirtualBox
 OpenStack
 OpenNebula
 OpenNode
 Apache CloudStack
 Eucalyptus
 Microsoft Azure
 Proxmox VE
Source: http://www.arnut.com/bb/node/301
 Amazon EC2
 Azure Services Platform
 Google Compute Engine
 HP Cloud
 Rackspace Open Cloud
 ReliaCloud
 TurnKey Linux
 Bitnami Stack
 OpenVZ
 Docker

47. Powerpoint Templates
Page 47
Platform as a Service
http://aws.amazon.com/elasticbeanstalk/
AWS Elastic Beanstalk Google App Engine
https://cloud.google.com/appengine/
Microsoft Azure
http://azure.microsoft.com
OpenShift
https://www.openshift.com
Heroku
https://www.heroku.com
Source: http://www.arnut.com/bb/node/301

48. Powerpoint Templates
Page 48
Example of Platform as a Service
 AWS Elastic Beanstalk
 Google App Engine
 Microsoft Azure
 OpenShift
 Heroku
 Apache Stratos
 AINS eCase
 AppearIQ
 AppScale
 Cloud Foundry
 Salesforce
 IBM Bluemix
 Engine Yard
 Mendix
 Nodejitsu
 OutSystems
 Platform.sh
 WaveMaker
 CloudControl
Source: http://www.arnut.com/bb/node/301

49. Powerpoint Templates
Page 49
Clip : What's New from AWS Elastic Beanstalk
https://www.youtube.com/watch?v=SrwxAScdyT0

50. Powerpoint Templates
Page 50
Software as a Service
https://www.google.com/intx/th/wor
k/apps/business/
Google Apps Microsoft Office 365
http://www.microsoftstore.com/store/
Adobe Creative Cloud
http://www.adobe.com/creativecloud.html
Autodesk 360
http://autodesk360.com
Salesforce
http://saleforce.com

51. Powerpoint Templates
Page 51
Example of Software as a Service
 Google Apps
 Microsoft Office 365
 Adobe Creative Cloud
 Autodesk 360
 HP Cloud Services
 SAP Cloud Solution
 iCloud
 Salesforce
 Meltwater Group
 Etc.

52. Powerpoint Templates
Page 52
Demo: Google Apps

53. Powerpoint Templates
Page 53
Workshop
• การสร ้าง Blog เก็บข้อมูลด้านการเรียนการสอน
• https://www.blogger.com
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

54. Powerpoint Templates
Page 54
Workshop
• ทดสอบสร ้างข้อสอบด้วย Google Form
• การใช้สคริปต์ฟรูบาโร่ (Flubaroo) ตรวจข้อสอบที่สร ้าง
จาก Google form
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

55. Powerpoint Templates
Page 55
Education as a Services : EaaS
EaaS หมายถึง รูปแบบการให้บริการทางการศึกษาผ่านเทคโนโลยีการ
ประมวลผลแบบกลุ่มเมฆ โดยผู้ใช้สามารถเลือกใช้งานได้ทุกที่ ทุกเวลา และ
ทุกอุปกรณ์
Anywhere Anytime Any Device

56. Powerpoint Templates
Page 56
+ Software as a Service
+ Platform as a Service as a Service
+ Infrastructure as a Service as a Service
EducationEaaS =
Cloud ComputingEducation

57. Powerpoint Templates
Page 57
Education as a Service
Source: http://www.arnut.com

58. Powerpoint Templates
Page 58
Education as a Service
Source: http://www.arnut.com

59. Powerpoint Templates
Page 59
Education as a Service
Source: http://www.arnut.com

60. Powerpoint Templates
Page 60
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

61. Powerpoint Templates
Page 61
Data > Big Data

62. Powerpoint Templates
Page 62
Data > Big Data

63. Powerpoint Templates
Page 63
Internet of Things (IoT)
อินเทอร ์เน็ตของสรรพสิ่ง

64. Powerpoint Templates
Page 64
Internet of Things (IoT)
will enable education and education technologies

65. Powerpoint Templates
Page 65
Internet of Things (IoT)
will enable education and education technologies

66. Powerpoint Templates
Page 66
IoT market stakeholders
Source: http://standards.ieee.org/innovate/iot/

67. Powerpoint Templates
Page 67
อินเทอร ์เน็ตของสรรพสิ่ง
(Internet of Things) หรือ ไอโอที (IoT)
Source: https://th.wikipedia.org/wiki/อินเทอร ์เน็ตของสรรพสิ่ง
IoT หมายถึง เครือข่ายของ
วัตถุ อุปกรณ์ พาหนะ สิ่งปลูก
สร้าง และสิ่งของอื่นๆที่มีวงจร
อิ เ ล็ ก ท ร อ นิ ก ส์ซ อ ฟ ต์แ ว ร ์
เซ็นเซอร ์ และการเชื่อมต่อกับ
เครือข่าย ฝังตัวอยู่ และทาให้วัตถุ
เหล่านั้นสามารถเก็บบันทึกและ
แลกเปลี่ยนข้อมูลได้

68. Powerpoint Templates
Page 68
Internet of Things (IoT)
Raspberry Pi
ระบบสมองกลฝังตัว (Embedded Systems)

69. Powerpoint Templates
Page 69
Internet of Things (IoT)

70. Powerpoint Templates
Page 70
Internet of Things (IoT)

71. Powerpoint Templates
Page 71
Internet of Things (IoT)

72. Powerpoint Templates
Page 72
Internet of Things (IoT)
Smart Home

73. Powerpoint Templates
Page 73
Internet of Things (IoT)
Smart Home
Your Knowledge Cloud

74. Powerpoint Templates
Page 74
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

75. Powerpoint Templates
Page 75
MOOCs

76. Powerpoint Templates
Page 76
Open Educational Resources (OER)

77. Powerpoint Templates
Page 77
MOOCs will continue to phase out

78. Powerpoint Templates
Page 78
Source: https://en.wikipedia.org/wiki/Massive_open_online_course
MOOCs and Open Education Timeline

79. Powerpoint Templates
Page 79
MOOCs will continue to phase out

80. Powerpoint Templates
Page 80
MOOCs will continue to phase out
Source: https://www.linkedin.com/pulse/2015-edtech-predictions-kiran-kodithala

81. Powerpoint Templates
Page 81
MOOCs

82. Powerpoint Templates
Page 82
Creative Common : CC

83. Powerpoint Templates
Page 83
Creative Common : CC

84. Powerpoint Templates
Page 84
Creative Common : CC

85. Powerpoint Templates
Page 85
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

86. Powerpoint Templates
Page 86
Apps for Teacher
Blogs Social Media Presentation
Coding
Mind Map
Augmented
Reality
Flowchart
Infographic2 e-Mail
e-Learning
Web 3D
Anywhere Anytime Any device
base on Cloud Computing
Brain
storm
MOOC
Project
Management
Whiteboard
Cloud Storages
Google Apps for Education Microsoft Apps for Education
Web
Polls

87. Powerpoint Templates
Page 87
Apps for Teacher
 Google Apps for Education
 Cloud Storages
 Cloud Computing – Web Desktop
 Cloud Learning
 Online Brainstorming
 Online Whiteboard
 Online Polls
 Online Presentation
 Online Mind Mapping
 Online Flowchart
 Online Coding
 Online Infographic
 Online Augmented Reality
 Web 3D
 Saleforce
 Office 365
 Adobe Creative Cloud
 Autodesk 360
 etc.
Teacher Personal Blogs

88. Powerpoint Templates
Page 88
Cloud Storages

89. Powerpoint Templates
Page 89
Cloud Storages
Cloud Storage เป็นบริการพื้นที่เก็บข้อมูลผ่านเทคโนโลยีการ
ประมวลผลแบบกลุ่มเมฆ
Source: http://sysadmin.in.th/node/268
ในการเลือกใช้งานให้พิจารณา 5 ข้อดังนี้
1. พื้นที่เก็บข้อมูล
2. แอพเสริมสาหรับติดตั้งบน DLMT Devices
3. ระบบ Sync แอคเคาน์เข้ากับเครือข่ายสังคมออนไลน์ เช่น
Facebook, Twitter, Instagram ฯลฯ
4. ความง่ายในการใช้งาน
5. หากต้องการพื้นที่เพิ่มในอนาคต มีค่าบริการอย่างไร

90. Powerpoint Templates
Page 90
ตัวอย่าง Cloud Storages
Source: http://sysadmin.in.th/node/268

91. Powerpoint Templates
Page 91
Cloud Storages Demo

92. Powerpoint Templates
Page 92
Cloud Storages Demo

93. Powerpoint Templates
Page 93
Cloud Storages Demo

94. Powerpoint Templates
Page 94
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

95. Powerpoint Templates
Page 95
Apps for Teacher
Source: http://www.arnut.com/bb/node/554

96. Powerpoint Templates
Page 96
Google Apps for Educations

97. Powerpoint Templates
Page 97
Personal Blogs
www.blogger.com

98. Powerpoint Templates
Page 98
Personal Blogs
www.blogger.com

99. Powerpoint Templates
Page 99
Personal Blogs
www.blogger.com

100. Powerpoint Templates
Page 100
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

101. Powerpoint Templates
Page 101
Google Translate
https://translate.google.co.th

102. Powerpoint Templates
Page 102
Google Docs
https://docs.google.com/document/

103. Powerpoint Templates
Page 103
Google Slides
https://docs.google.com/presentation/

104. Powerpoint Templates
Page 104
Google Sheets
https://docs.google.com/spreadsheets/

105. Powerpoint Templates
Page 105
Google Forms
https://docs.google.com/forms/

106. Powerpoint Templates
Page 106
Google Drawings
https://docs.google.com/drawings/

107. Powerpoint Templates
Page 107
Google Calendar
http://www.google.com/calendar/

108. Powerpoint Templates
Page 108
Google Other Services
http://www.google.co.th/intl/en/about/products/

109. Powerpoint Templates
Page 109
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

110. Powerpoint Templates
Page 110
Online Polls

111. Powerpoint Templates
Page 111
Online Polls
• http://kulachai.participoll.com
• http://www.poll-maker.com
• https://www.easypolls.net
• https://www.surveymonkey.com
• https://doodle.com/poll-maker
• http://www.pollsnack.com

112. Powerpoint Templates
Page 112
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

113. Powerpoint Templates
Page 113
Online Brainstorming

114. Powerpoint Templates
Page 114
Online Whiteboard
• http://www.linoit.com
• https://stormboard.com
• https://bubbl.us
• http://www.groupmap.com

115. Powerpoint Templates
Page 115
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

116. Powerpoint Templates
Page 116
Online Whiteboard

117. Powerpoint Templates
Page 117
Online Whiteboard
• https://awwapp.com
• https://ziteboard.com
• https://realtimeboard.com
• http://www.twiddla.com
• http://vyew.com
• http://whiteboard.megascopes.com
• http://scribblar.com

118. Powerpoint Templates
Page 118
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

119. Powerpoint Templates
Page 119
Online Presentation

120. Powerpoint Templates
Page 120
Online Presentation
 http://www.slideshare.net (fb)
 http://www.snacktools.com (fb / tw/ gg)
 http://www.sliderocket.com (fb / gg)
ตัวอย่างเว็บให้บริการ Online Presentation
 powerpoint online
 Google Presentation

121. Powerpoint Templates
Page 121
Online Presentation
http://www.slideshare.net

122. Powerpoint Templates
Page 122
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

123. Powerpoint Templates
Page 123
Online Mind Mapping

124. Powerpoint Templates
Page 124
Online Mind Mapping
• Online Mind Mapping การสร้างแผนที่ความคิด/แผนผัง
ความคิดผ่านระบบออนไลน์โดยไม่ต้องติดตั้งซอฟต์แวร์ฝั่ง
ผู้ใช้งาน

125. Powerpoint Templates
Page 125
Online Mind Mapping
 https://www.mindmup.com
 https://bubbl.us
 http://mind42.com
 http://wisemapping.com
 https://www.mindmeister.com/
 http://www.arnut.com/mindmap/

126. Powerpoint Templates
Page 126
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

127. Powerpoint Templates
Page 127
Online Flowchart

128. Powerpoint Templates
Page 128
Online Flowchart
• Online Flowchart การสร้างผังระบบงานผ่านระบบออนไลน์
โดยไม่ต้องติดตั้งซอฟต์แวร์ฝั่งผู้ใช้งาน

129. Powerpoint Templates
Page 129
Online Flowchart
 https://www.draw.io
 https://docs.google.com/drawings/
 http://www.spicynodes.org
 http://www.processon.com $
 https://www.lucidchart.com $
 http://creately.com $
 http://www.signavio.com $

130. Powerpoint Templates
Page 130
https://www.draw.io

131. Powerpoint Templates
Page 131
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

132. Powerpoint Templates
Page 132
Online Coding

133. Powerpoint Templates
Page 133
Programming Language

134. Powerpoint Templates
Page 134
Online Coding
• PHP • http://phptester.net
• http://sandbox.onlinephpfunctions.com
• http://www.writephponline.com
• C
• C++
• C#
• JAVA
• Python
• Bash
• Scala
• https://ideone.com
• http://compileonline.com
• https://www.compilejava.net
• http://www.browxy.com
• https://www.jdoodle.com
• http://codingbat.com/java
• http://compileonline.com
• http://rextester.com

135. Powerpoint Templates
Page 135
Online Coding
http://codepad.org

136. Powerpoint Templates
Page 136
Online Coding
https://ideone.com

137. Powerpoint Templates
Page 137
Online Coding
http://www.tutorialspoint.com

138. Powerpoint Templates
Page 138
Online Database
• MySQL
• MongoDB
• https://www.jdoodle.com/online-mysql-terminal
• https://www.jdoodle.com/online-mongodb-
terminal
• http://www.tutorialspoint.com
• http://rextester.com

139. Powerpoint Templates
Page 139
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

140. Powerpoint Templates
Page 140
Online Infographics

141. Powerpoint Templates
Page 141
Source: http://www.slideshare.net/kehamilt/a-brief-history-of-information-graphicsinfographics
Infographics

142. Powerpoint Templates
Page 142

143. Powerpoint Templates
Page 143
Otto Neurath, 1925
Forefather of the pictogram we see today
Source: http://www.slideshare.net/paulvickers/what-is-visual-communication-design-keynote

144. Powerpoint Templates
Page 144
Infographic
 อินโฟกราฟิก (Infographic) ย่อมาจาก
information graphic คือ การแปลงข้อมูลให้เป็ น
ภาพ เพื่อให้เข้าใจได้ง่ายและสื่อสารกับผู้คนด้วยสิ่งที่
จับต้องได้

145. Powerpoint Templates
Page 145
Infographic vs Pictogram
 อินโฟกราฟิก (Infographic) ย่อมาจาก
information graphic คือ การแปลงข้อมูลให้เป็ น
ภาพ เพื่อให้เข้าใจได้ง่ายและสื่อสารกับผู้คนด้วยสิ่งที่
จับต้องได้
Pictogram คือ กราฟิกที่ใช้แทนหรือเสริมคาพูด

146. Powerpoint Templates
Page 146
Infographics: 3 Formats
for Communicating Information
oStatic Infographic
o Interactive Infographic
o Motion Infographic

147. Powerpoint Templates
Page 147

148. Powerpoint Templates
Page 148

149. Powerpoint Templates
Page 149

150. Powerpoint Templates
Page 150
ฟอร ์แมตที่มักใช้เหมือนกัน
ของอินโฟกราฟิ ก
 ชื่อเรื่อง
 เนื้อหา (เรื่องเล่า)
 ที่มาข้อมูล
 เครดิตผู้เผยแพร่/ผู้จัดทา

151. Powerpoint Templates
Page 151
ซอฟต์แวร ์สาหรับสร้าง Infographic
visual.ly
6 เว็บไซต์สาหรับออกแบบ infographic ฟรี
Piktochartinfogr.am Easel.ly
visme.co Canva
Social media login

152. Powerpoint Templates
Page 152
www.piktochart.com
Piktochart - Create Easy Infographics, Reports, Presentations

153. Powerpoint Templates
Page 153
infogr.am
Create and publish beautiful visualizations of your data. Interactive,
responsive and engaging.
เน้นทา Report

154. Powerpoint Templates
Page 154
www.easel.ly
Create and share visual ideas

155. Powerpoint Templates
Page 155
www.visme.co
Create Amazing PRESENTATIONS • INFOGRAPHICS & OTHER ENGAGING CONTENT

156. Powerpoint Templates
Page 156
www.canva.com
Easily create beautiful designs + documents

157. Powerpoint Templates
Page 157
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

158. Powerpoint Templates
Page 158
Online
Augmented Reality

159. Powerpoint Templates
Page 159
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

160. Powerpoint Templates
Page 160
Cloud Learning

161. Powerpoint Templates
Page 161
Cloud Learning
• Cloud Learning เป็นรูปแบบการเรียนการสอน
ผ่านเทคโนโลยีการประมวลผลแบบกลุ่มเมฆ

162. Powerpoint Templates
Page 162
Cloud Learning (Moodle)
https://moodle.com/cloud/

163. Powerpoint Templates
Page 163
Workshop
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….
• ……………………………………………….

164. Powerpoint Templates
Page 164
Free Image, Clipart, Fonts
สาหรับสร ้างสื่อประกอบบทเรียน

165. Powerpoint Templates
Page 165
Free Image and Clipart
www.pexels.com

166. Powerpoint Templates
Page 166
Free Image and Clipart
www.stocksnap.io

167. Powerpoint Templates
Page 167
Free Image and Clipart
www.openclipart.org

168. Powerpoint Templates
Page 168
Free Image and Clipart
http://search.creativecommons.org

169. Powerpoint Templates
Page 169
ฟอนต์ไทย
www.f0nt.com

170. Powerpoint Templates
Page 170
English font
http://www.dafont.com

171. Powerpoint Templates
Page 171
www.colorlovers.com

172. Powerpoint Templates
Page 172
การปรับตัวเข้าสู่การสอนใน
ยุคดิจิทัล

173. Powerpoint Templates
Page 173
การปรับตัวเข้าสู่การสอนในยุคดิจิทัล
ปรับองค์กร
ปรับตนเอง ปรับคนรอบข้าง

174. Powerpoint Templates
Page 174
การปรับตัวเข้าสู่การสอนในยุคดิจิทัล
 มีอีเมลแอคเคาน์อย่างน้อย 2 แอคเคาท์(กาหนดรหัสผ่านที่แตกต่างกัน)
 อีเมลใช้งานในองค์กร
 อีเมลใช้งานส่วนตัว
 เลือกใช้เทคโนโลยีมาประกอบการเรียนการสอน ตามความต้องการของ
ตลาดแรงงาน
 ให้เวลากับเทคโนโลยี
 เรียนรู้เท่าทันสื่อใหม่
 สอนเสริมนักเรียน/นักศึกษาในการวิเคราะห์และสังเคราะห์ข้อมูล
 ฝึกภาษาที่สองและสาม เพิ่มเติม
ปรับตนเอง

175. Powerpoint Templates
Page 175
การปรับตัวเข้าสู่การสอนในยุคดิจิทัล
 ติดตามและเรียนรู้เทคโนโลยีสมัยใหม่
 แลกเปลี่ยน เรียนรู้
 สร ้างกลุ่มเรียนรู้
 ถ่ายโอนความรู้
 ....................................................
ปรับคนรอบข้าง

176. Powerpoint Templates
Page 176
การปรับตัวเข้าสู่การสอนในยุคดิจิทัล
 เลือกเทคโนโลยีการสอนที่เหมาะสมมาใช ้ในองค์กร
 Cloud-based / Non Cloud
 ส่งเสริมบุคลากรในการเรียนรู้เทคโนโลยีการสอน และสื่อ
ใหม่
 เพิ่มเติมแหล่งเรียนรู้ให้บุคลากร
 ......................................................
ปรับองค์กร

177. Powerpoint Templates
Page 177
Cloud Computing
IoT

178. Powerpoint Templates
Page 178
เอกสารประกอบการบรรยาย
Company : ศูนย์การศึกษานอกระบบและการศึกษาตามอัธยาศัย
เขตลาดกระบัง (กศน.เขตลาดกระบัง)
Topic: เทคโนโลยีการเรียนการสอน สาหรับผู้สอนในยุคดิจิทัล (Instructional
Technology for Teachers in Digital Age)
Place: วิทยาลัยอาชีวศึกษาเอกวิทย์บริหารธุรกิจ เขตลาดกระบัง กรุงเทพมหานคร
Date: วันที่ 23-25 สิงหาคม 2559
หมายเหตุ. รูปภาพที่ใช ้ในสไลด์ ใช ้เพื่อการประกอบการบรรยายเท่านั้น ลิขสิทธิ์เป็ นของผู้สร ้าง

179. Powerpoint Templates
Page 180
Powerpoint Templates
โครงการพัฒนาเสริมสร้างความเข้มแข็งทางวิชาการให้กับนักศึกษา
กิจกรรมที่๑ กิจกรรมอบรมความรู้ด้านคอมพิวเตอร์ให้กับนักศึกษา
ดร.อาณัติ รัตนถิรกุล
คณะบริหารธุรกิจและเทคโนโลยีสารสนเทศ
มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ
August 24-25, 2016www.arnut.com