SlideShare a Scribd company logo
1 of 94
Instructional Design for e-Learning บุญเลิศ อรุณพิบูลย์ NECTEC [email_address] http://elearning.nectec.or.th
e - Learning  ที่ดี  ? ,[object Object],[object Object],[object Object],[object Object]
ข้อคำนึงในการพัฒนาระบบ   e-Learning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
การระบุตัวบุคคล  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
การรักษาความลับของข้อมูล  ,[object Object],[object Object],[object Object],[object Object],[object Object]
การเข้ารหัส  ( Encryption ) ,[object Object],[object Object],[object Object],[object Object],[object Object]
ตัวอย่างโปรแกรมการเข้ารหัส โดยใช้กฎ 13 1 ,[object Object],… . … . เช่น  เข้ารหัส  I  LOVE YOU   ---->  V YBIR LBH HARRY POTTER ---> UNEEL CBGGRE
Encode 2nd ,[object Object],[object Object]
การรักษาความถูกต้องของข้อมูล  ,[object Object],[object Object],[object Object]
การป้องกันการปฏิเสธ หรืออ้างความรับผิดชอบ  ,[object Object],[object Object]
สิทธิส่วนบุคคล  ,[object Object],[object Object]
มาตรฐานเกี่ยวกับ  e-Learning
มาตรฐานเกี่ยวกับ  e-Learning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
มาตรฐานเกี่ยวกับ  e-Learning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The SCORM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
API Adapter SCORM API Delivery Service Tracking Service Sequencing Service Content Management Service Learner Profiles Service Testing/ Assessment Service Course Administration Service Local Content Repository Remote Content Repositories SCORM Content Packages Browser (Presentation) Generalized Learning Management System Model Selection Launch SCORM Tracking Data SCORM Content (SCOs & Assets)
e-Learning Team ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Instructional Design & e-Learning ,[object Object],[object Object],[object Object]
Instructional design  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ISD = I nstructional  S ystem  D evelopment Forecasting Planning Executing Gathering Reporting Follow-up Analysis Development Implementation Evaluation Design
ADDIE  model ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ขั้นการวิเคราะห์ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
กลุ่มเป้าหมาย ,[object Object],[object Object],[object Object],[object Object],[object Object]
เนื้อหา ,[object Object],[object Object],[object Object],[object Object],[object Object]
เทคโนโลยี ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Server/Mail Server/ Database Server ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tools ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
กลุ่มเป้าหมาย ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
 
 
 
การออกแบบ ,[object Object],[object Object],[object Object],[object Object],[object Object],Artistic Technology Social Activities
วัตถุประสงค์การเรียนรู้ ,[object Object],[object Object],[object Object],[object Object],[object Object]
วัตถุประสงค์การเรียนรู้
วัตถุประสงค์การเรียนรู้ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
วัตถุประสงค์ กิจกรรมการเรียนรู้ รวบยอดความคิด สร้างความรู้ ตอบโต้ เว็บไซต์นำเสนอความรู้ เว็บไซต์กิจกรรม / ทดสอบ / ประเมิน เว็บไซต์  Interactive & Communication
ออกแบบบทเรียน ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
บทเรียนสำเร็จรูป อ่านวัตถุประสงค์ ทำกิจกรรม บททบทวน ข้อสอบ เนื้อหาใหม่ เนื้อหาเก่า ขั้นนำ ขั้นสอน ขั้นสอบ
กิจกรรม ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ขั้นนำ ,[object Object],[object Object],ขั้นลอกเลียน
ขั้นนำ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Develop ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Digital Media ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
File name ,[object Object],[object Object],[object Object],[object Object],[object Object]
Text ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Server & Client WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape พัฒนาเว็บด้วย HTML Editor, HTML Generator บน Windows Server : Unix/NT upload
ภาษาไทย กับการพัฒนา ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ภาษาไทย กับการพัฒนาเว็บเพจ
Acrobat Writer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
เอกสารเสมือน  PDF Format ,[object Object],[object Object],[object Object],[object Object]
การใช้เอกสาร  PDF  บนเว็บ ,[object Object],[object Object],<A HREF=”http://www.nectec.or.th/courseware/ d ownload/ar40eng.exe&quot;> <IMG SRC=&quot; http://www.nectec.or.th/courseware/image/getacro.gif&quot; BORDER=&quot;0&quot;  ALT=&quot;Get Acrobat Reader”><A>
กำหนดค่า  Config # 1 ,[object Object]
กำหนดค่า  Config # 2 คลิก  Edit.. ปรับค่าฟอนต์ ภาษาไทยที่ ใช้ในเอกสาร
Security Document เลือก  Reconfirm Security for each job แล้วคลิกปุ่ม  Edit  เพื่อปรับแต่งค่าที่ต้องการ
Images ,[object Object],[object Object],[object Object],[object Object],Copy to….
ปัญหาการอ้างอิง  Path
มาตรฐานรูปแบบการนำเสนอภาพ เปลี่ยนตามข้อกำหนด โดยแยกเป็นโฟลเดอร์เฉพาะ ตามจริง File Name preview web database present archive dtp original Folder ActionScript  ของโปรแกรม  Adobe PhotoShop 7.0 Digital Camera, Scanner From    100    100 pixels    300    250 pixels    300    250 pixels Up to  1024    768 pixels Up to  1024    768 pixels Up to  1840    1232 pixels Up to  1840    1232 pixels Size 72 dpi 72 dpi 72 dpi 72 dpi 72 dpi Up to 350 dpi Up to 350 dpi Resolution GIF JPG PNG GIF JPG PNG TIF JPEG JPEG JPEG TIFF JPEG, TIFF Format Preview Website Database Presentation ภาพสำหรับ Digital Archive ภาพ สื่อสิ่งพิมพ์ ภาพต้นฉบับ
Illustration ,[object Object],[object Object],[object Object],[object Object]
Elements of Illustration ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Concept of Illustration Time Axis Space Axis
Audience  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Audience Small Group  Interactive  Group Specific  Group Large Group Focus Audience  Content Content &  Speaker Speaker Effect Full  Full Simple Text/BG Color
Content Lifecycle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ตัวอย่างการปรับแต่ง  #1 Design/Develop Assemble Deploy Import Deliver/Track Report
Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
สังคมแห่งภูมิปัญญาและการเรียนรู้ ,[object Object]
ตัวอย่างการปรับแต่ง  #1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
e-Society สังคมแห่งภูมิปัญญา และการเรียนรู้ e-Education e-Govenment e-Industry e-Commerce Infrastructure HRD
Sound Format ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],SWF
Sound : PCM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sound : MP3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Text 2 Sound ,[object Object],[object Object],[object Object],[object Object],[object Object]
ข้อความ พิมพ์ด้วย  NotePad Convert
VDO formats ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Software Creator ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Software Player ,[object Object],[object Object],[object Object],[object Object]
ความพร้อมของเครื่องมือ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
เผยแพร่ผ่านอินเทอร์เน็ต ,[object Object]
Flash ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flash Screen  ,[object Object],[object Object],Presentation window  ● It develops the animation which parallels to text contents  Learning activity button  Control panel  ,[object Object],[object Object],[object Object],Note window
SCO Flash  ,[object Object],[object Object],[object Object],[object Object]
ควบคุม  Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Macromedia Flash Video  ( FLV ) ,[object Object],[object Object],[object Object],[object Object]
Presentation เลือกเฟรม  1  แล้วใส่คำสั่ง  Stop() สร้างปุ่มถอยกลับ แล้วใส่คำสั่ง on  ( press )  { prevFrame () ; } สร้างปุ่มเดินหน้า แล้วใส่คำสั่ง on  ( press )  { nextFrame () ; }
Movie  ซ้อน  Movie ,[object Object],[object Object],[object Object],สร้าง  Movie Main  สร้าง  Blank MC 3   ชิ้น กำหนด  Instance Name  เป็น  mc01, mc02, mc03 กำหนดตำแหน่งการวางตามต้องการ สร้างเลเยอร์  Action  ป้อนคำสั่ง loadMovie (“ movie 1 . swf &quot; , “ mc01 &quot;) ; loadMovie (“ movie 2 . swf &quot; , “ mc02 &quot;) ; loadMovie (“ movie 3 . swf &quot; , “ mc03 &quot;) ;
โหลดข้อมูลจาก  Text File message1 = ข้อความที่  1& message2 = ข้อความที่  2 สร้าง  Text Box  แบบ  Dynamic 2  ชิ้น กำหนดค่า  Var  เป็น  message1   และ  message2   ตามลำดับ สร้างเลเยอร์ใหม่ เฟรม  1  กำหนด  Action  เป็น  loadVariablesNum (&quot; 2flash . txt &quot; , &quot;&quot;) ; 2flash.txt
MC Text  จากข้อมูลภายนอก ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SCO Flash Template Animation Panel Panel Panel Animation Animation ・・・・・・・・・・・・ Example) approximately material of page 3 - > 16 scenes: 6 minute narration  Animation
Mentoring process ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Similar to Instructional Design for e-Learning

ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานMintra Pudprom
 
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานKaRn Tik Tok
 
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานSoldic Kalayanee
 
Innovation2
Innovation2Innovation2
Innovation2btusek53
 
การจัดการนวัตกรรมทางการศึกษา
การจัดการนวัตกรรมทางการศึกษาการจัดการนวัตกรรมทางการศึกษา
การจัดการนวัตกรรมทางการศึกษาbtusek53
 
สารสนเทศและการสื่อสารบบที่ 2
สารสนเทศและการสื่อสารบบที่ 2สารสนเทศและการสื่อสารบบที่ 2
สารสนเทศและการสื่อสารบบที่ 2parnee
 
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษา
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษาการนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษา
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษาbtusek53
 
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์Witoon Thammatuch-aree
 
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUT
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUTIT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUT
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUTAsst.Prof.Dr.Arnut Ruttanatirakul
 
20140612 elearning
20140612 elearning20140612 elearning
20140612 elearningbundith
 
77การเรียนการสอนบนเว็บ
77การเรียนการสอนบนเว็บ77การเรียนการสอนบนเว็บ
77การเรียนการสอนบนเว็บLUKNONGLUK
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_managementKaruna Limjaroen
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_managementKaruna Limjaroen
 
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซ
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซบทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซ
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซTeetut Tresirichod
 

Similar to Instructional Design for e-Learning (20)

ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
 
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
 
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งานใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
ใบงานที่ 7 เรื่อง โครงงานประเภทการประยุกต์ใช้งาน
 
Innovation2
Innovation2Innovation2
Innovation2
 
การจัดการนวัตกรรมทางการศึกษา
การจัดการนวัตกรรมทางการศึกษาการจัดการนวัตกรรมทางการศึกษา
การจัดการนวัตกรรมทางการศึกษา
 
Innovation2
Innovation2Innovation2
Innovation2
 
สารสนเทศและการสื่อสารบบที่ 2
สารสนเทศและการสื่อสารบบที่ 2สารสนเทศและการสื่อสารบบที่ 2
สารสนเทศและการสื่อสารบบที่ 2
 
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษา
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษาการนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษา
การนำนวัตกรรมมาใช้ในการบริหารจัดการศึกษา
 
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
 
e-Learning : SRRT
e-Learning : SRRTe-Learning : SRRT
e-Learning : SRRT
 
e-Learning
e-Learninge-Learning
e-Learning
 
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUT
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUTIT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUT
IT for edu e-Learning-กรมยุทธฯ 2-4 dec15_DR.ARNUT
 
Cai Design
Cai DesignCai Design
Cai Design
 
20140612 elearning
20140612 elearning20140612 elearning
20140612 elearning
 
77การเรียนการสอนบนเว็บ
77การเรียนการสอนบนเว็บ77การเรียนการสอนบนเว็บ
77การเรียนการสอนบนเว็บ
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Ch3
Ch3Ch3
Ch3
 
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซ
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซบทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซ
บทที่ 7 การสร้างเว็บไซต์อีคอมเมิร์ซ
 

More from Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 

Instructional Design for e-Learning