Download as PDF, PPTX
แนวทางการพัฒนา e-Learning
- 1. แนวทางพัฒนา E-Learning สําหรับนิสิตสาขาเทคโนโลยีการศึกษา คณะศึกษาศาสตร มหาวิทยาลัยศิลปากรพระราชวังสนามจันทร บุญเลิศ อรุณพิบูลย ศูนยเทคโนโลยีอิเล็กทรอนิกสและคอมพิวเตอรแหงชาติ (NECTEC) boonlert@nectec.or.th http://www.boonlert.net 9 สิงหาคม 2550
- 2. นิยาม E-Learning Moodle Edugator Learning Space Software LearnSquare Blackboard Courseware PDF HTML Content Learning Object PPT Flash Child-centred Constructionism Learning Theory Constructivism … Web-based
- 3. นิยาม E-Learning Moodle Edugator Learning Space Software E-Learning LearnSquare Blackboard Courseware PDF HTML Content Learning Object PPT Flash Child-centred Constructionism Learning Theory Constructivism … Web-based
- 4. E-Learning Content Web Document Flash HTML/XHTML + CSS Learning Movie E-Book Learning Object PDF, Flash Paper Learning Asset 3D-Flip e-Book: Java Technology Desktop Author/Flip Album/FlipFlash E-Presentation Courseware from Authoring Flash Authorware XML PowerPoint Director Streaming Presentation Quiz/Exam/Simulation/Exercise • Microsoft Producer • Macromedia Breeze SCORM Courseware
- 5.
- 6.
- 7.
- 8.
- 9. สิ่งจําเปนสําหรับนิสิต รูจริง รูกวาง Artistic Technology รูลึก Social ประยุกตใชเปน Activities Web Board, IM, Chat, Blog, Wiki
- 10. กลุมเปาหมาย ประเภท Reference Learning Training ความรูเดิม/ความรูพื้นฐาน รูปแบบวิธีการเรียนรู เพศ/อายุ ขอจํากัดการเรียนรู
- 11.
- 13.
- 17. ออกแบบบทเรียน ผูเรียนมีโอกาสโตตอบกับบทเรียนไดทันที ตอบคําถามไดโดยไมผิด หรือมีโอกาสแกตัว ผิดเปนครู แสดงผลการทดสอบทันที บทเรียนยอย ผูเรียนเปน “พระเอก”
- 18. Server & Client upload WindowsXP IE พัฒนาเว็บดวย Windows2000 HTML Editor, IE HTML Generator บน Windows98 Server : Windows Netscape Unix/NT Macintosh
- 19.
- 20. ภาษาไทย กับการพัฒนาเว็บเพจ ดานพัฒนาเว็บ HTML Editor, Generator แสดงผลภาษาไทย ? HTML Editor, Generator เขารหัสภาษาไทย ? ดานเรียกดูเว็บ ฟอนต ไมควรสรางภาระใหกับผูใชงาน แสดงผลอักขระไดถูกตอง ทุก (เกือบทุก) platform
- 21. ภาษาไทย กับการพัฒนาเว็บเพจ iso-8859-1 ·
- 22. Fonts & Encoding Fonts ตระกูล NEW Tahoma, MS Sans Serif, Thonburi <FONT FACE=“Tahoma, MS Sans Serif, Thonburi”>…</FONT> Encoding TIS-620 <meta http-equiv=“content-type” content=“text/html; charset=………..”>
- 23. TIS-620/Windows-874 มาตรฐานอักขระประเทศไทย สํานักงานมาตรฐานอุตสาหกรรม รหัส สมอ. (มอก.620/TIS-620) จดทะเบียนกับ Internet Assigned Numbers Authority (IANA: ผูควบคุมมาตรฐานของเครือขายอินเทอรเน็ต) - 22 กันยายน 2541
- 24. TIS-620/Windows-874 Windows-874 เปน characterset ที่ใชภายใน ระบบปฏิบัติการที่ผลิตโดยบริษท ไมโครซอฟต ั มีสวนขยายเพื่อการแสดงผล เชน bullet, smart quote, dash ฯลฯ TIS-620 เปน character Set ที่จดทะเบียนถูกตอง เปนที่ รับรูกันทั่วโลก ทุกระบบปฏิบติการ (แมแต ั ระบบปฏิบัติการของไมโครซอฟตเอง)
- 25. ลักษณะของหนาเว็บที่เหมาะสม หนาเว็บที่เหมาะสม ไมมีขอกําหนดที่ชัดเจน ควรคํานึงถึง กลุมเปาหมาย (Personal/Business) Screen Area ของจอภาพที่กลุมเปาหมายใช Screen Area ที่เหมาะสมในปจจุบน คือ 1024 × 768 pixels ั Web Area ที่เหมาะสมคือ ความยาวไมเกิน 1000 pixel ความสูงไมมีขอกําหนดตายตัว แตสวน Header ของเว็บไมควร เกินครึ่งหนึ่งของพื้นที่ที่เหลือ
- 26. 1024 pixels 1000 × 100 768 pixels 350 × 200 120 × 450
- 27.
- 28. มาตรฐานรูปแบบการนําเสนอภาพ ภาพ ภาพ ภาพสําหรับ Presentation Database Website Preview ตนฉบับ สื่อสิ่งพิมพ Digital Archive Format JPEG, TIFF TIFF JPEG JPEG JPEG GIF GIF JPG JPG PNG PNG TIF Resolution ++ 350 dpi ++ 350 dpi 72 dpi 72 dpi 72 dpi 72 dpi 72 dpi Size ++ 1840 × ++ 1840 × ++ 1024 × 768 ++ 1024 × 768 ≈ 300 × 250 ≈ 300 × ≈ 100 × 1232 pixels 1232 pixels pixels pixels pixels 250 pixels 100 pixels
- 29. เว็บกราฟก รูปภาพทีแสดงในโหมดปกติ ่ การแสดงผลภาพ การแสดงผลภาพแบบ Interlaced แบบ Progressive
- 30.
- 31. JPEG Quality &Progressive คา Quality ไมควรต่า ํ หรือสูงเกินไป กําหนดรูปแบบการแสดงผล เปนแบบ Progressive ดวย สําหรับภาพที่มีขนาดโต
- 32. JPEG File Format JPEG- 60K JPEG - 19K Max Quality Low Quality
- 33. สรุปการเลือกใชฟอรแมตภาพ ไฟลสกุล GIF (GraphicsInterlace File) • ภาพที่ไมตองการความคมชัดมากนัก สีไมมาก • มีลักษณะพื้นโปรงใส ไฟลสกุล JPG (Joint Photographer’s Experts Group) • ภาพที่ตองการความคมชัดสูง มีสีมาก ไฟลสกุล PNG (Portable Network Graphics) • ภาพที่ตองการความคมชัดสูง มีสีมากทําพื้นโปรงใสได
- 34.
- 35.
- 36. Audience กลุมขนาดเล็ก สื่อนําเสนอควรมีลักษณะที่ใหความสําคัญกับผูฟงมากกวาเนื้อหา สามารถนําเทคนิค หรือ Effect ตางๆ ของโปรแกรมสรางสื่อมาใชไดอยางเต็มที่ กลุมที่มีลักษณะการโตตอบ เชน การนําเสนอทางวิชาการ, การบรรยาย หรือฝกอบรม สื่อนําเสนอควรใหความสําคัญ กับเนื้อหา และยังสามารถนําเทคนิค หรือ Effect ตางๆ ของโปรแกรมสรางสื่อมาใชไดอยาง เต็มที่เชนกัน กลุมเฉพาะกิจ เชน ผูบริหาร, นักวิชาการ ใหความสําคัญกับเนื้อหา และตัวผูนําเสนอเปนสําคัญ เนือหา ้ ควรมุงเฉพาะเปาหมายของการนําเสนอ ไมเนน Effect มากนัก กลุมใหญ ใหความสําคัญกับผูบรรยายมากกวาเนื้อหาที่นาเสนอ ไมควรเนนที่ Effect แตควรให ํ ความสําคัญกับขนาดตัวอักษร สีตัวอักษร และ Background Color
- 37. Audience Interactive Specific Small Group Large Group Group Group Content & Focus Audience Content Speaker Speaker Effect Full Full Simple Text/BG Color
- 38.
- 39. ตัวอยางการปรับแตง #1 Design/Develop Assemble Deploy Import Deliver/Track Report
- 40. Content Lifecycle Design/Develop Report Assemble Deliver/Track Deploy Import
- 41. Content Lifecycle Design/Develop Assemble Report Deploy Deliver/Track Import
- 42. ยุคของสือการเรียนการสอนดวย ่ คอมพิวเตอร CAI WBI E-Learning M-Learning
- 43. ยุคของสือการเรียนการสอนดวย ่ คอมพิวเตอร CAI WBI E-Learning M-Learning
- 44. Sound : PCM .wav 8-bitor 16-bit sound data Mono Preprocessing Sample Rate 5 kHz is barely acceptable for speech. 11 kHz is the lowest recommended quality for a short segment of music and is one-quarter of the standard CD rate. 22 kHz is a popular choice for Web playback and is half the standard CD rate. 44 kHz is the standard CD audio rate
- 45. Sound : MP3 BitRate 8 Kbps through 160 Kbps CBR (constant bit rate). 16 Kbps or higher for the best results Mono Preprocessing Quality Fast yields faster compression but lower sound quality. Medium yields somewhat slower compression but higher sound quality. Best yields the slowest compression and the highest sound quality.
- 46. VDO formats .MOV Quicktime, an Apple standard. It is playable on Macintosh and Windows machines. .AVI Microsoft standard that is playable on Windows and Macintosh machines. .RM Real streaming. They are playable on Windows, MacOS, and Unix computers. .ASF Microsoft streaming format, and play on Windows, MacOS, and Solaris. .WMA/.WMV Microsoft format used in Microsoft MovieMaker .flv Macromedia Flash Video
- 47. Streaming Technology เทคโนโลยีการถายทอดสัญญาณผานเครือขายอินเทอรเน็ต การสงขอมูลผานเครือขาย อินเทอรเน็ตอยางตอเนื่อง คลายการไหลของกระแสน้ํา การสงขอมูลแบบ Realtime ปองกันการละเมิดลิขสิทธิ์ เพราะขอมูลจะถูกลบทันที หลังการแสดงผล สื่อประสมสายธาร
- 48.
- 49. Flash Assets Application Movie File LO Learning Object Sound SCO Sharable Content VDO Object
- 50. SCO Flash Frame template Main movie Narration script Navigation
- 51. SCO Flash Template ・・・・・・・・・・・・ Animation Panel Animation Animation Panel Panel Animation Example) approximately material of page 3 - > 16 scenes: 6 minute narration
- 52. Web Accessibility การสนับสนุนการเขาถึง Accessibility ไมไดเนนเฉพาะผูท่มีความบกพรอง ี ตางๆ เทานั้น แตหมายถึงโอกาสในการเขาถึงของทุก คน (All users) ผานมาตรฐาน WAI http://webxact.watchfire.com/
- 53.
- 54. ปญหาเกี่ยวกับลิขสิทธิ์ PDF Security Image Watermark Copyright,Creative Common http://www.creativecommon.org
- 55.
- 56. Image Watermark ขอมูลแสดงลิขสิทธิ์หรือคุณสมบัติของไฟล แสดงความเปนเจาของ แบงไดเปน Text Embedded Watermark Image Embedded Watermark มีประโยชนอยางสูงสําหรับ Digital Library, Digital Archive, e-Commerce, e-Learning
- 59. Text Embedded Watermark มีลักษณะเปนขอความที่ผนวกกับไฟลภาพ สามารถระบุไดจากโปรแกรม AdobePhotoShop จากคําสั่ง File, File info, Copyright & URL สามารถคนหาไดจากคําสั่ง Search/Find ของ Windows
- 60. Image Embedded Watermark มีลักษณะเปนภาพที่ผนวกกับไฟลภาพ อาจจะเปนภาพโลโกของหนวยงาน,ภาพขอความ ลิขสิทธิ์ สามารถระบุไดจากซอฟตแวรประเภท Watermarking Software
- 61. Watermark Processing Encoding Decoding/Detect ระบบ Detect สามารถกระทําไดกับภาพที่มีการลง Watermark และสั่งพิมพบนกระดาษ โดยนําภาพดังกลาว มาสแกน แลวใช Detecting Watermark Software ตรวจสอบ
- 62. The Watermark EmbeddingProcess
- 63. The Watermark DetectionProcess
- 64. ปญหาของ e-Learning ปญหาการผลิตสือการเรียนการสอนอิเล็กทรอนิกส ่ การใชรวมกัน การปรับใช การเขาถึง
- 65. ปญหาของ e-Learning ปญหาการผลิตสือการเรียนการสอนอิเล็กทรอนิกส ่ การใชรวมกัน การปรับใช การเขาถึง SCORM มาตรฐานของ e-Learning
- 66. SCORM กระทรวงกลาโหม (The Departmentof Defense - DoD) สหรัฐอเมริกา ศึกษาปญหาความไมเขากันของระบบ e-Learning และ เนื้อหาวิชาอิเล็กทรอนิกสหลากแพลตฟอรม ศึกษาขอกําหนดที่มีอยูเดิม IMS - EDUCAUSE Institutional Management System project AICC - Aviation Industry CBT Committee
- 67. ADL: Advanced DistributedLearning ความรวมมือระหวาง DoD กับหนวยงานตางๆ AICC + IEEE + IMS + ADL = SCORM ค.ศ. 1997
- 68. Sequencing Local Service Content Repository Testing/ Assessment SCORM Remote Service Content Selection Content Packages Repositories Content Course Management Launch Delivery Administration Service Service Service SCORM Content (SCOs & Assets) Tracking Browser Learner (Presentation) Service Profiles SCORM Tracking Service Data SCORM API Generalized API Adapter Learning Management System Model
- 69. Content Package Content Aggregation Model Manifest Organization SCOs (XML document) <?xml version="1.0" encoding="UTF 5 -8" standalone="no"?> <metadata> All the physical <schema>ADL SCORM</schema> files needed for 5 5 <schemaversion>1.2 this package </schemaversion> 8 <lom xmlns=”http:// Including the structure with www.imsglobal.org/imsd_rootv1p2"> sequencing behaviors/rules Content </metadata> Package <manifest Metadata identifier=”IRS_IFS_COURSE”> <organizations CD-ROM default=”xp_man0_toc1"> Package Interchange Format
- 70. Asset ทรัพยากรการเรียนที่เล็กที่สุด ภาพนิ่ง ภาพเคลื่อนไหว เสียง เอกสารเว็บ เอกสารอิเล็กทรอนิกสตางๆ
- 71. SCO: Sharable ContentObject กลุมของ Assets มีขนาดเหมาะสมสําหรับ การใชงานใน LMS เนนการใชรวมกัน ในระหวางการเรียน ที่มีวตถุประสงค ั ตางๆ กัน
- 72. Content Aggregation แผนที่/โครงสรางของ Course Module 1 เนือหา ้ Lesson 1 Lesson 2 การกําหนดลําดับในการ Module 2 นําเสนอเนือหา ้ Lesson 1 Part A Part B Lesson 2 Glossary Assessment
- 73. Meta data Data aboutdata คําอธิบายทรัพยากรการเรียน IEEE IMS เพื่อใหมีช่อ/คําอธิบายเดียวกัน ื ประโยชน การขามแพลตฟอรม การสืบคน
- 74. Content Packaging การรวมทรัพยากรการเรียนรูทงหมด พรอมจัด ั้ โครงสรางตามขอกําหนด ควบคุมดวย LMS เปนมาตรฐานการแลกเปลี่ยนทรัพยากรการเรียนรู
- 75.