Your SlideShare is downloading. ×
0
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Instructional Design for e-Learning
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Instructional Design for e-Learning

6,328

Published on

Instructional Design for e-Learning

Instructional Design for e-Learning

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,328
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
109
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Instructional Design for e-Learning บุญเลิศ อรุณพิบูลย์ NECTEC [email_address] http://elearning.nectec.or.th
    • 2. e - Learning ที่ดี ? <ul><li>ต้องได้รับการออกแบบ และพัฒนา </li></ul><ul><li>มีมาตรฐานอ้างอิง </li></ul><ul><li>เพื่อ Learning Process ของผู้เกี่ยวข้อง ( ผู้สอน ผู้เรียน ติวเตอร์ ...) </li></ul><ul><li>โดยใช้เทคโนโลยีช่วยจัดการ การนำเสนอ การเข้าถึงข้อมูล การมีปฏิสัมพันธ์ การมีส่วนร่วม และการเรียนรู้ </li></ul>
    • 3. ข้อคำนึงในการพัฒนาระบบ e-Learning <ul><li>การระบุตัวบุคคล และอำนาจหน้าที่ ( Authentication &amp; Authorization ) </li></ul><ul><li>การรักษาความลับของข้อมูล ( Confidentiality ) </li></ul><ul><li>การรักษาความถูกต้องของข้อมูล ( Integrity ) </li></ul><ul><li>การป้องกันการปฏิเสธ หรืออ้างความรับผิดชอบ ( Non - repudiation ) </li></ul><ul><li>สิทธิส่วนบุคคล ( Privacy ) </li></ul><ul><li>การออกแบบกระบวนการเรียนรู้และสื่อการเรียนการสอน (Instructional Design) </li></ul>
    • 4. การระบุตัวบุคคล <ul><li>กระบวนการกำหนดลักษณะส่วนบุคคลของผู้ใช้ทั่วไป </li></ul><ul><li>แจ้งชื่อผู้ใช้ และรหัสผ่าน </li></ul><ul><li>เมื่อผู้ใช้ต้องการเข้าระบบ ให้ระบุชื่อผู้ใช้ และรหัสผ่าน </li></ul><ul><li>ถ้าข้อมูลตรงกับแฟ้มของ Server ก็จะได้รับอนุญาตเข้าถึง </li></ul><ul><ul><li>เปรียบเหมือนการแสดงตัวด้วยประจำตัวซึ่งมีรูปติดอยู่ด้วย หรือการล๊อค ซึ่งผู้ที่จะเปิดได้จะต้องมีกุญแจเท่านั้น หรือบัตรเข้าออกอาคาร , เจ้าหน้าที่รักษาความปลอดภัย </li></ul></ul><ul><li>อำนาจหน้าที่ คือ แต่ละบุคคลมีสิทธิใด อย่างไร </li></ul>
    • 5. การรักษาความลับของข้อมูล <ul><li>การเข้ารหัส , การใช้บาร์โค๊ด , การใส่รหัสลับ ( password ) , Firewall </li></ul><ul><li>การรักษาความลับของข้อมูลที่เก็บไว้ หรือส่งผ่านทางเครือข่าย </li></ul><ul><li>ป้องกันไม่ให้ผู้อื่นที่ไม่มีสิทธิ์ลักลอบดูได้ </li></ul><ul><ul><li>เปรียบเหมือนการปิดผนึกซองจดหมาย หรือการใช้ซองจดหมายที่ทึบแสง หรือการเขียนหมึกที่มองไม่เห็น </li></ul></ul><ul><li>มักจะใช้เทคโนโลยีการเข้ารหัสข้อมูล </li></ul>
    • 6. การเข้ารหัส ( Encryption ) <ul><li>ประกอบด้วยฝ่ายผู้รับ และฝ่ายผู้ส่ง </li></ul><ul><li>ตกลงกฎเกณฑ์เดียวกัน ในการเปลี่ยนข้อความต้นฉบับให้เป็นข้อความอ่านไม่รู้เรื่อง ( cipher text ) </li></ul><ul><li>ใช้สมการ หรือสูตรทางคณิตศาสตร์ที่ซับซ้อน </li></ul><ul><li>กฎการเพิ่มค่า 13 </li></ul><ul><li>แฮชฟังก์ชัน ( Hash function ) </li></ul>
    • 7. ตัวอย่างโปรแกรมการเข้ารหัส โดยใช้กฎ 13 1 <ul><li>การเข้ารหัสจะทำโดยการเปลี่ยนตัวอักษร จากตำแหน่งเดิมเป็นตัวอักษรตำแหน่งที่ 13 ของชุดตัวอักษรนั้น เช่น </li></ul>… . … . เช่น เข้ารหัส I LOVE YOU ----&gt; V YBIR LBH HARRY POTTER ---&gt; UNEEL CBGGRE
    • 8. Encode 2nd <ul><li>Pen = Qfo </li></ul><ul><li>Pen = Rgp </li></ul>
    • 9. การรักษาความถูกต้องของข้อมูล <ul><li>การป้องกันไม่ให้ข้อมูลถูกแก้ไข </li></ul><ul><ul><li>เปรียบเหมือนกับการเขียนด้วยหมึกซึ่งถ้าถูกลบแล้วจะก่อให้เกิดรอยลบ หรือ การใช้โฮโลแกรมกำกับบนบัตรเครดิต หรือ ลายน้ำบนธนบัตร </li></ul></ul><ul><li>เป็นการป้องกันการละเมิดลิขสิทธิ์ </li></ul>
    • 10. การป้องกันการปฏิเสธ หรืออ้างความรับผิดชอบ <ul><li>การป้องกันการปฏิเสธว่าไม่ได้มีการส่ง หรือรับข้อมูลจากฝ่ายต่าง ๆ ที่เกี่ยวข้อง </li></ul><ul><li>การป้องกันการอ้างที่เป็นเท็จว่าได้รับ หรือส่งข้อมูล </li></ul>
    • 11. สิทธิส่วนบุคคล <ul><li>การรักษาสิทธิส่วนตัวของข้อมูลส่วนตัว เพื่อปกป้องข้อมูลจากการลอบดูโดยผู้ที่ไม่มีสิทธิ์ในการใช้ข้อมูล </li></ul><ul><li>ข้อมูลที่ส่งมาถูกดัดแปลงโดยผู้อื่นก่อนถึงเราหรือไม่ </li></ul>
    • 12. มาตรฐานเกี่ยวกับ e-Learning
    • 13. มาตรฐานเกี่ยวกับ e-Learning <ul><li>Airline Industry CBT Committee (AICC) </li></ul><ul><ul><li>Focus on standards for airline training e.g. tests, lessons, modules ect. (www.aicc.org) </li></ul></ul><ul><li>EDUCAUSE Institutional Management System Project (IMS) </li></ul><ul><ul><li>Vendor group working to build standards for e-learning based on work of AICC (www.imsglobal.org) </li></ul></ul><ul><li>Advanced Distributed Learning (ADL) </li></ul><ul><ul><li>US Federal government initiative (www.adl.org) </li></ul></ul><ul><ul><li>Development of SCORM </li></ul></ul><ul><li>Allince of Remote Institutiopnal Authoring and Distribution Network for Europe (ARIADNE) </li></ul><ul><ul><li>An industry association focusing on e-learning standards issues (ariadne.unil.ch) </li></ul></ul>
    • 14. มาตรฐานเกี่ยวกับ e-Learning <ul><li>IEEE Learning Technology Standards Committee (IEEE LTSC) </li></ul><ul><ul><li>Accredits the standards for the US that emerge from the other groups (ltsc.ieee.org) </li></ul></ul><ul><li>ISO/IEC JTC1 SC36 (ITLET) </li></ul><ul><ul><li>IT for Learning, Education and Training </li></ul></ul><ul><li>Advanced Learning Infrastructure Consortium (ALIC) </li></ul><ul><ul><li>Japanese Consortium for promotion of e-leaning technology and infrastructure (www.alic.gr.jp) </li></ul></ul><ul><li>e-Learning Consortium Japan (eLC) </li></ul><ul><ul><li>Vendor/User company working to promote e-learning business and technology (www.elc.or.jp) </li></ul></ul>
    • 15. The SCORM <ul><li>A “Reference Model” that: </li></ul><ul><li>Integrates industry specifications from many other organizations </li></ul><ul><ul><li>AICC, IMS, IEEE, ARIADNE, etc. </li></ul></ul><ul><li>Provides a unified learning content model </li></ul><ul><li>Defines a standardized web “run-time” environment </li></ul><ul><li>Takes the first step on the path to defining a true learning architecture </li></ul>
    • 16. 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 &amp; Assets)
    • 17. e-Learning Team <ul><li>Project managers </li></ul><ul><li>Subject matter experts </li></ul><ul><li>Instructional designers </li></ul><ul><li>Graphic artists </li></ul><ul><li>Videographers </li></ul><ul><li>Animators </li></ul><ul><li>Writers </li></ul><ul><li>Sound Editor </li></ul><ul><li>Programmers </li></ul><ul><li>Administrator/Web Master </li></ul><ul><li>Teacher/Instructor </li></ul><ul><li>Mentor/TA </li></ul><ul><li>Student / Learner </li></ul><ul><li>Quality controllers </li></ul>
    • 18. Instructional Design &amp; e-Learning <ul><li>e-Learning is the marriage of technology and education. </li></ul><ul><li>The Instructional designer&apos;s greatest role is that of &amp;quot;bridging&amp;quot; concepts between the two worlds. </li></ul><ul><li>This vital role ensures that a subject matter expert&apos;s (SME) concepts are properly developed by graphic designers and programmers. </li></ul>
    • 19. Instructional design <ul><li>การออกแบบการสอน </li></ul><ul><li>รูปแบบการสอนที่มีลำดับขั้นตอนและหลักการ </li></ul><ul><li>การวางแผนการสอนอย่างมีระบบระเบียบแบบแผน </li></ul><ul><li>การจัดทำแผนการสอน </li></ul><ul><li>การพัฒนาเนื้อหาการสอน การประเมินผล </li></ul><ul><li>การวิเคราะห์เป้าหมาย การพัฒนาเพื่อตอบสนองความต้องการด้านการเรียน การพัฒนาเนื้อหา การทบทวนและปรับปรุง และการประเมินผล </li></ul>
    • 20. ISD = I nstructional S ystem D evelopment Forecasting Planning Executing Gathering Reporting Follow-up Analysis Development Implementation Evaluation Design
    • 21. ADDIE model <ul><li>Analysis </li></ul><ul><ul><li>target group, content, job </li></ul></ul><ul><li>Design </li></ul><ul><ul><li>objectives, strategies, tactics, assessment, motivation </li></ul></ul><ul><li>Development </li></ul><ul><ul><li>materials, tools, tests </li></ul></ul><ul><li>Implementation </li></ul><ul><ul><li>pilot test, tutor training, marketing </li></ul></ul><ul><li>Evaluation </li></ul><ul><ul><li>formative, summative </li></ul></ul>
    • 22. ขั้นการวิเคราะห์ <ul><li>ศึกษา / สำรวจกลุ่มเป้าหมาย </li></ul><ul><li>ศึกษา / สำรวจเนื้อหา </li></ul><ul><li>ศึกษา / สำรวจความพร้อมด้านเทคโนโลยี </li></ul><ul><li>ศึกษา / สำรวจเครื่องมือ </li></ul><ul><li>ศึกษาจากแหล่งข้อมูล </li></ul><ul><li>สอบถาม </li></ul><ul><li>สัมภาษณ์ </li></ul>
    • 23. กลุ่มเป้าหมาย <ul><li>ประเภท </li></ul><ul><li>ความรู้เดิม / ความรู้พื้นฐาน </li></ul><ul><li>รูปแบบวิธีการเรียนรู้ </li></ul><ul><li>เพศ / อายุ </li></ul><ul><li>ข้อจำกัดการเรียนรู้ </li></ul>
    • 24. เนื้อหา <ul><li>แหล่งข้อมูล </li></ul><ul><li>ลักษณะการได้มา </li></ul><ul><li>ความถูกต้องของเนื้อหา </li></ul><ul><li>ลิขสิทธิ์ </li></ul><ul><li>รูปแบบการนำเสนอ </li></ul>
    • 25. เทคโนโลยี <ul><li>ผู้พัฒนา </li></ul><ul><li>ระบบคอมพิวเตอร์ </li></ul><ul><li>ระบบเครือข่าย </li></ul><ul><li>ระบบการผลิต </li></ul><ul><li>ผู้เรียน </li></ul><ul><li>ระบบคอมพิวเตอร์ </li></ul><ul><li>ระบบเครือข่าย </li></ul><ul><li>ระบบการนำเสนอ </li></ul>
    • 26. Web Server/Mail Server/ Database Server <ul><li>Windows Based </li></ul><ul><li>HTML </li></ul><ul><li>XML </li></ul><ul><li>MS Access, MS SQL </li></ul><ul><li>ASP, VB.Net </li></ul><ul><li>Multimedia </li></ul><ul><li>Linux Based </li></ul><ul><li>HTML </li></ul><ul><li>XML </li></ul><ul><li>MySQL </li></ul><ul><li>PHP </li></ul><ul><li>Multimedia </li></ul>
    • 27. Tools <ul><li>OpenSource </li></ul><ul><li>Moodle </li></ul><ul><li>PHPNuke </li></ul><ul><li>PostNuke </li></ul><ul><li>Atutor </li></ul><ul><li>Commercial </li></ul><ul><li>Blackboard </li></ul><ul><li>IBM Sphere </li></ul><ul><li>Authorware </li></ul><ul><li>Macromedia Suits </li></ul>
    • 28. กลุ่มเป้าหมาย <ul><li>เรื่องยาก ที่จะพัฒนาเว็บที่รองรับกลุ่มเป้าหมายได้ทุกระดับ </li></ul><ul><li>การวิจัย / สำรวจ เป็นเรื่องจำเป็น </li></ul><ul><ul><li>http://truehits.net/ </li></ul></ul><ul><ul><li>http://www.cc.gatech.edu/gvu/user_surveys/ </li></ul></ul><ul><ul><li>http://www.survey.net/inet1r.html </li></ul></ul>
    • 29. &nbsp;
    • 30. &nbsp;
    • 31. &nbsp;
    • 32. &nbsp;
    • 33. &nbsp;
    • 34. &nbsp;
    • 35. &nbsp;
    • 36. การออกแบบ <ul><li>กำหนดวัตถุประสงค์เฉพาะ </li></ul><ul><ul><li>อะไรคือสิ่งที่ผู้เรียนต้องการ </li></ul></ul><ul><ul><li>อะไรคือสิ่งที่ต้องการถ่ายทอด </li></ul></ul><ul><li>ออกแบบโครงร่าง </li></ul><ul><li>ออกแบบเว็บ </li></ul>Artistic Technology Social Activities
    • 37. วัตถุประสงค์การเรียนรู้ <ul><li>ด้านพุทธิพิสัย (Cognitive) – ความรู้ </li></ul><ul><ul><li>ความรู้ ความเข้าใจ การนำไปใช้ การวิเคราะห์ การสังเคราะห์ การประเมิน </li></ul></ul><ul><li>ด้านจิตพิสัย (Affective) – อารมย์ ความรู้สึก </li></ul><ul><ul><li>การยอมรับ , ปฏิกิริยาตอบสนอง , การสร้างค่านิยม , การรวบรวม , การปรับตัว </li></ul></ul><ul><li>ด้านทักษะพิสัย (Psychomotor) – การเคลื่อนไหวทางร่างกาย </li></ul>
    • 38. วัตถุประสงค์การเรียนรู้
    • 39. วัตถุประสงค์การเรียนรู้ <ul><li>ด้านพุทธิพิสัย (Cognitive) – ความรู้ </li></ul><ul><ul><li>ผู้เรียนสามารถอธิบายองค์ประกอบของคอมพิวเตอร์ได้ </li></ul></ul><ul><li>ด้านจิตพิสัย (Affective) – อารมย์ ความรู้สึก </li></ul><ul><ul><li>ผู้เรียนเห็นประโยชน์ของการใช้คอมพิวเตอร์ในการทำงาน </li></ul></ul><ul><li>ด้านทักษะพิสัย (Psychomotor) – การเคลื่อนไหวทางร่างกาย </li></ul><ul><ul><li>ผู้เรียนสามารถออกแบบนามบัตรได้ภายใน 1 ชั่วโมง </li></ul></ul>
    • 40. วัตถุประสงค์ กิจกรรมการเรียนรู้ รวบยอดความคิด สร้างความรู้ ตอบโต้ เว็บไซต์นำเสนอความรู้ เว็บไซต์กิจกรรม / ทดสอบ / ประเมิน เว็บไซต์ Interactive &amp; Communication
    • 41. ออกแบบบทเรียน <ul><li>ผู้เรียนมีโอกาสโต้ตอบกับบทเรียนได้ทันที </li></ul><ul><li>ตอบคำถามได้โดยไม่ผิด หรือมีโอกาสแก้ตัว </li></ul><ul><ul><li>ผิดเป็นครู </li></ul></ul><ul><li>แสดงผลการทดสอบทันที </li></ul><ul><li>บทเรียนย่อย </li></ul><ul><li>ผู้เรียนเป็น “พระเอก” </li></ul>
    • 42. บทเรียนสำเร็จรูป อ่านวัตถุประสงค์ ทำกิจกรรม บททบทวน ข้อสอบ เนื้อหาใหม่ เนื้อหาเก่า ขั้นนำ ขั้นสอน ขั้นสอบ
    • 43. กิจกรรม <ul><li>ขั้นนำ </li></ul><ul><ul><li>เร้าผู้เรียน รู้หรือไม่รู้ </li></ul></ul><ul><li>ขั้นสอน </li></ul><ul><ul><li>เสนอความรู้ใหม่ </li></ul></ul><ul><li>ขั้นสอบ </li></ul><ul><ul><li>เป็นการสอบท้ายเนื้อหากิจกรรม วัดว่าผู้เรียนบรรลุวัตถุประสงค์หรือไม่ </li></ul></ul>
    • 44. ขั้นนำ <ul><li>สินค้าออกสำคัญของไทย ได้แก่ ข้าว ยาง ปลา ไม้สัก เพชรพลอย ศิลปกรรม </li></ul><ul><li>สินค้าออกสำคัญของไทย 2 ชนิด ได้แก่ </li></ul>ขั้นลอกเลียน
    • 45. ขั้นนำ <ul><li>รูปแบบการเขียนเศษส่วน 1/3 </li></ul><ul><ul><li>เลข 1 เป็นเลขที่อยู่บนเส้น เรียกว่า เศษ </li></ul></ul><ul><ul><li>เลข 3 เป็นเลขที่อยู่ใต้เส้น เรียกว่า ส่วน </li></ul></ul><ul><li>ถ้าเขียนเศษส่วนเป็น 5/7 </li></ul><ul><ul><li>เลข เป็น เรียกว่า </li></ul></ul><ul><ul><li>เลข เป็น เรียกว่า </li></ul></ul>
    • 46. Develop <ul><li>Setup Server </li></ul><ul><li>Setup LCMS </li></ul><ul><li>Content </li></ul><ul><ul><li>Text </li></ul></ul><ul><ul><li>Graphics </li></ul></ul><ul><ul><li>Multimedia </li></ul></ul>
    • 47. Digital Media <ul><li>Text </li></ul><ul><ul><li>Document </li></ul></ul><ul><ul><li>Web Document </li></ul></ul><ul><ul><li>PDF </li></ul></ul><ul><li>Image </li></ul><ul><ul><li>Metadata </li></ul></ul><ul><ul><li>Watermark </li></ul></ul><ul><li>E-Book </li></ul><ul><ul><li>Text format </li></ul></ul><ul><ul><li>Multimedia format </li></ul></ul><ul><li>Sound </li></ul><ul><li>Video </li></ul><ul><li>Flash </li></ul>
    • 48. File name <ul><li>ภาษาอังกฤษ ผสมตัวเลข </li></ul><ul><li>ใช้เครื่องหมายเฉพาะ – </li></ul><ul><li>ไม่ควรมีช่องว่าง </li></ul><ul><li>ไม่ควรยาวมากเกินไป </li></ul><ul><li>กำหนดรหัสควบคุมแต่ละงานให้เหมาะสม </li></ul>
    • 49. Text <ul><li>Document </li></ul><ul><li>Web </li></ul><ul><li>PDF </li></ul><ul><ul><li>Acrobat 5 : PDF 1.4 format. </li></ul></ul><ul><ul><li>ป้องกันลิขสิทธิ์ด้วย PDF Security System </li></ul></ul><ul><li>เลือกใช้ฟอนต์มาตรฐาน </li></ul><ul><ul><li>ตระกูล New </li></ul></ul><ul><ul><li>Tahoma </li></ul></ul><ul><ul><li>MS Sans Serif, Microsoft Sans Serif, Thonburi </li></ul></ul><ul><li>กำหนด Metadata </li></ul><ul><li>เชื่อมโยงกับเอกสารอื่น ได้ง่าย </li></ul>
    • 50. Server &amp; Client WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape พัฒนาเว็บด้วย HTML Editor, HTML Generator บน Windows Server : Unix/NT upload
    • 51. ภาษาไทย กับการพัฒนา <ul><li>ด้านพัฒนาเว็บ </li></ul><ul><ul><li>HTML Editor, Generator แสดงผลภาษาไทย ? </li></ul></ul><ul><ul><li>HTML Editor, Generator เข้ารหัสภาษาไทย ? </li></ul></ul><ul><li>ด้านเรียกดูเว็บ </li></ul><ul><ul><li>ฟอนต์ ไม่ควรสร้างภาระให้กับผู้ใช้งาน </li></ul></ul><ul><ul><li>แสดงผลอักขระได้ถูกต้อง ทุก ( เกือบทุก ) platform </li></ul></ul>
    • 52. ภาษาไทย กับการพัฒนาเว็บเพจ
    • 53. Acrobat Writer <ul><li>ติดตั้งโปรแกรม Acrobat Writer </li></ul><ul><li>เปิดโปรแกรม MS-Word </li></ul><ul><li>เปิดไฟล์เอกสารที่ต้องการแปลงเป็น PDF </li></ul><ul><li>เลือกเมนูคำสั่ง File, Print </li></ul><ul><li>เลือก Printer เป็น Acrobat PDF คลิกปุ่ม OK </li></ul><ul><li>ปรากฏจอภาพกำหนดชื่อไฟล์ .pdf และโฟลเดอร์ </li></ul>
    • 54. เอกสารเสมือน PDF Format <ul><li>PDF - Portable Document Format </li></ul><ul><li>เอกสารเสมือนจริง </li></ul><ul><li>ทำงานแบบ Cross platform </li></ul><ul><li>ขนาดไฟล์เล็ก </li></ul>
    • 55. การใช้เอกสาร PDF บนเว็บ <ul><li>ควรทำลิงก์ให้ผู้ดูทราบว่าควรติดตั้ง Acrobat Reader ก่อน โดยอาจจะใช้รูปภาพตัวนี้เป็นสื่อ </li></ul><ul><li>สามารถสร้างลิงก์ โดยอาศัยรหัส ดังนี้ </li></ul>&lt;A HREF=”http://www.nectec.or.th/courseware/ d ownload/ar40eng.exe&amp;quot;&gt; &lt;IMG SRC=&amp;quot; http://www.nectec.or.th/courseware/image/getacro.gif&amp;quot; BORDER=&amp;quot;0&amp;quot; ALT=&amp;quot;Get Acrobat Reader”&gt;&lt;A&gt;
    • 56. กำหนดค่า Config # 1 <ul><li>คลิกปุ่ม Properties จากหน้าต่าง Print </li></ul>
    • 57. กำหนดค่า Config # 2 คลิก Edit.. ปรับค่าฟอนต์ ภาษาไทยที่ ใช้ในเอกสาร
    • 58. Security Document เลือก Reconfirm Security for each job แล้วคลิกปุ่ม Edit เพื่อปรับแต่งค่าที่ต้องการ
    • 59. Images <ul><li>จัดหาภาพ หรือสร้างภาพที่เกี่ยวข้องกับเนื้อหา </li></ul><ul><ul><li>สร้างด้วยโปรแกรมกราฟิก เช่น Adobe PhotoShop </li></ul></ul><ul><ul><li>คัดเลือกจาก ClipArt for Web เช่น CD-ROM รวมภาพสำหรับเว็บ </li></ul></ul><ul><li>ภาพที่เลือกใช้ทั้งหมด ต้องเก็บไว้ในโฟลเดอร์ที่สร้างไว้ก่อนแล้ว </li></ul>Copy to….
    • 60. ปัญหาการอ้างอิง Path
    • 61. มาตรฐานรูปแบบการนำเสนอภาพ เปลี่ยนตามข้อกำหนด โดยแยกเป็นโฟลเดอร์เฉพาะ ตามจริง 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 ภาพ สื่อสิ่งพิมพ์ ภาพต้นฉบับ
    • 62. Illustration <ul><li>การเขียนภาพประกอบ ภาพตัวอย่าง </li></ul><ul><li>หัวใจสำคัญของการนำเสนอสื่อ </li></ul><ul><li>สร้างแนวคิด ช่วยจดจำ </li></ul><ul><li>สร้างความสัมพันธ์ระหว่าง element แต่ละชิ้น </li></ul>
    • 63. Elements of Illustration <ul><li>Object </li></ul><ul><ul><li>Attributes </li></ul></ul><ul><ul><ul><li>Color, format, font </li></ul></ul></ul><ul><ul><li>Position </li></ul></ul><ul><ul><ul><li>Position, Distance </li></ul></ul></ul><ul><li>Arrow </li></ul><ul><ul><li>Type, Attribute, Direction </li></ul></ul>
    • 64. Concept of Illustration Time Axis Space Axis
    • 65. Audience <ul><li>กลุ่มขนาดเล็ก </li></ul><ul><li>สื่อนำเสนอควรมีลักษณะที่ให้ความสำคัญกับผู้ฟังมากกว่าเนื้อหา สามารถนำเทคนิค หรือ Effect ต่างๆ ของโปรแกรมสร้างสื่อมาใช้ได้อย่างเต็มที่ </li></ul><ul><li>กลุ่มที่มีลักษณะการโต้ตอบ </li></ul><ul><li>เช่น การนำเสนอทางวิชาการ , การบรรยาย หรือฝึกอบรม สื่อนำเสนอควรให้ความสำคัญกับเนื้อหา และยังสามารถนำเทคนิค หรือ Effect ต่างๆ ของโปรแกรมสร้างสื่อมาใช้ได้อย่างเต็มที่เช่นกัน </li></ul><ul><li>กลุ่มเฉพาะกิจ </li></ul><ul><li>เช่น ผู้บริหาร , นักวิชาการ ให้ความสำคัญกับเนื้อหา และตัวผู้นำเสนอเป็นสำคัญ เนื้อหาควรมุ่งเฉพาะเป้าหมายของการนำเสนอ ไม่เน้น Effect มากนัก </li></ul><ul><li>กลุ่มใหญ่ </li></ul><ul><li>ให้ความสำคัญกับผู้บรรยายมากกว่าเนื้อหาที่นำเสนอ ไม่ควรเน้นที่ Effect แต่ควรให้ความสำคัญกับขนาดตัวอักษร สีตัวอักษร และ Background Color </li></ul>
    • 66. Audience Small Group Interactive Group Specific Group Large Group Focus Audience Content Content &amp; Speaker Speaker Effect Full Full Simple Text/BG Color
    • 67. Content Lifecycle <ul><li>Design/Develop </li></ul><ul><li>Assemble </li></ul><ul><li>Deploy </li></ul><ul><li>Import </li></ul><ul><li>Deliver/Track </li></ul><ul><li>Report </li></ul>
    • 68. ตัวอย่างการปรับแต่ง #1 Design/Develop Assemble Deploy Import Deliver/Track Report
    • 69. Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
    • 70. Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
    • 71. สังคมแห่งภูมิปัญญาและการเรียนรู้ <ul><li>การพัฒนาประเทศไทยให้ก้าวสู่ “สังคมแห่งภูมิปัญญาและการเรียนรู้ จำเป็นต้องอาศัยกลยุทธ ์ ต่างๆ อันได้แก่ e-Government, e-Education, e-Society, e-Commerce, e-Industry ทั้งนี้รัฐบาลจะต้องส่งเสริมบุคลากรของประเทศในทุกด้าน พร้อมๆ กับการพัฒนาโครงสร้างพื้นฐานของประเทศ </li></ul>
    • 72. ตัวอย่างการปรับแต่ง #1 <ul><li>สังคมแห่งภูมิปัญญาและการเรียนรู้ </li></ul><ul><ul><li>e-Government </li></ul></ul><ul><ul><li>e-Education </li></ul></ul><ul><ul><li>e-Society </li></ul></ul><ul><ul><li>e-Commerce </li></ul></ul><ul><ul><li>e-Industry </li></ul></ul><ul><ul><li>พัฒนาบุคลากร </li></ul></ul><ul><ul><li>พัฒนาโครงสร้างพื้นฐาน </li></ul></ul>
    • 73. e-Society สังคมแห่งภูมิปัญญา และการเรียนรู้ e-Education e-Govenment e-Industry e-Commerce Infrastructure HRD
    • 74. Sound Format <ul><li>MP3 </li></ul><ul><li>WMA </li></ul><ul><li>WAV </li></ul><ul><li>OGG </li></ul><ul><li>AU </li></ul><ul><li>RA </li></ul>SWF
    • 75. Sound : PCM <ul><li>.wav </li></ul><ul><li>8-bit or 16-bit sound data </li></ul><ul><li>Mono Preprocessing </li></ul><ul><li>Sample Rate </li></ul><ul><ul><li>5 kHz is barely acceptable for speech. </li></ul></ul><ul><ul><li>11 kHz is the lowest recommended quality for a short segment of music and is one-quarter of the standard CD rate. </li></ul></ul><ul><ul><li>22 kHz is a popular choice for Web playback and is half the standard CD rate. </li></ul></ul><ul><ul><li>44 kHz is the standard CD audio rate </li></ul></ul>
    • 76. Sound : MP3 <ul><li>Bit Rate </li></ul><ul><ul><li>8 Kbps through 160 Kbps CBR (constant bit rate). </li></ul></ul><ul><ul><li>16 Kbps or higher for the best results </li></ul></ul><ul><li>Mono Preprocessing </li></ul><ul><li>Quality </li></ul><ul><ul><li>Fast yields faster compression but lower sound quality. </li></ul></ul><ul><ul><li>Medium yields somewhat slower compression but higher sound quality. </li></ul></ul><ul><ul><li>Best yields the slowest compression and the highest sound quality. </li></ul></ul>
    • 77. Text 2 Sound <ul><li>Microsoft Narrator </li></ul><ul><ul><li>Start, Program, Accessories, Accessibility, Narrator </li></ul></ul><ul><li>Text2Sound </li></ul><ul><li>สาริกา </li></ul><ul><li>IBM HomePage Reader </li></ul>
    • 78. ข้อความ พิมพ์ด้วย NotePad Convert
    • 79. VDO formats <ul><li>.MOV Quicktime, an Apple standard. It is playable on Macintosh and Windows machines. </li></ul><ul><li>.AVI Microsoft standard that is playable on Windows and Macintosh machines. </li></ul><ul><li>.RM Real streaming. They are playable on Windows, MacOS, and Unix computers. </li></ul><ul><li>.ASF Microsoft streaming format, and play on Windows, MacOS, and Solaris. </li></ul><ul><li>.WMA/.WMV Microsoft format used in Microsoft MovieMaker </li></ul><ul><li>.flv Macromedia Flash Video </li></ul>
    • 80. Software Creator <ul><li>Macromedia Flash </li></ul><ul><li>Ulead Video </li></ul><ul><li>Windows Movie Maker </li></ul><ul><li>Pinnacle </li></ul><ul><li>Apple iMovie 2 </li></ul><ul><li>Apple Final Cut Pro 3 </li></ul><ul><li>Adobe Premiere 6.5 </li></ul>
    • 81. Software Player <ul><li>RM RealPlayer </li></ul><ul><li>MOV QuickTime </li></ul><ul><li>AVI, WMV, Windows Media Player </li></ul><ul><li>WMA, MPEG Windows Media Player </li></ul>
    • 82. ความพร้อมของเครื่องมือ <ul><li>Digital camcorder </li></ul><ul><li>Video capture software </li></ul><ul><li>Video capture card or fire wire card </li></ul><ul><ul><li>Matrox </li></ul></ul><ul><ul><li>Dazzle </li></ul></ul><ul><ul><li>Pinnacle </li></ul></ul><ul><li>Video editing software </li></ul><ul><ul><li>MovieMaker – free with Windows XP </li></ul></ul><ul><ul><li>Imovie – free with MacOS </li></ul></ul><ul><ul><li>Pinnacle Studio 8 - $99 </li></ul></ul><ul><ul><li>Adobe Premiere Pro - $699 </li></ul></ul><ul><li>1 GB or more hard drive space </li></ul><ul><li>512 MB RAM </li></ul>
    • 83. เผยแพร่ผ่านอินเทอร์เน็ต <ul><li>&lt;embed src=“ ชื่อไฟล์ &amp;quot; width=“ ความกว้างของ Movie &amp;quot; height=“ ความสูงของ Movie &amp;quot; pluginspage=&amp;quot;http://www.microsoft.com/windows/windowsmedia/download/default.asp&amp;quot;&gt;&lt;/embed&gt; </li></ul>
    • 84. Flash <ul><li>Assets </li></ul><ul><li>Movie File </li></ul><ul><li>Sound </li></ul><ul><li>VDO </li></ul><ul><li>Application </li></ul><ul><li>LO Learning Object </li></ul><ul><li>SCO Sharable Content Object </li></ul>
    • 85. Flash Screen <ul><li>It develops plural effective study methods </li></ul><ul><li>Explanation of important phrase regular reference possibility </li></ul>Presentation window ● It develops the animation which parallels to text contents Learning activity button Control panel <ul><li>Customization of window layout </li></ul><ul><li>Control of sound </li></ul><ul><li>Indication of each window / non- indication </li></ul>Note window
    • 86. SCO Flash <ul><li>Frame template </li></ul><ul><ul><li>Main movie </li></ul></ul><ul><ul><li>Narration script </li></ul></ul><ul><ul><li>Navigation </li></ul></ul>
    • 87. ควบคุม Video <ul><li>นำเข้า Video </li></ul><ul><li>แปลง Video เป็น Symbol แบบ MC </li></ul><ul><li>ตั้งชื่อ Instance ของ Video เช่น mc_video </li></ul><ul><li>สร้างปุ่มควบคุม </li></ul><ul><ul><li>Play </li></ul></ul><ul><ul><ul><li>on ( press ) {mc_video . play () </li></ul></ul></ul><ul><ul><ul><li>} </li></ul></ul></ul><ul><ul><li>Stop </li></ul></ul><ul><ul><ul><li>on ( press ) {mc_video . stop () </li></ul></ul></ul><ul><ul><ul><li>} </li></ul></ul></ul>
    • 88. Macromedia Flash Video ( FLV ) <ul><li>นำเข้า Video </li></ul><ul><li>คลิกเลือก Video จาก Library </li></ul><ul><li>คลิกปุ่มขวา เลือก Properties แล้วคลิกปุ่ม Export </li></ul><ul><li>ตั้งชื่อไฟล์ เลือกฟอร์แมตเป็น flv </li></ul>
    • 89. Presentation เลือกเฟรม 1 แล้วใส่คำสั่ง Stop() สร้างปุ่มถอยกลับ แล้วใส่คำสั่ง on ( press ) { prevFrame () ; } สร้างปุ่มเดินหน้า แล้วใส่คำสั่ง on ( press ) { nextFrame () ; }
    • 90. Movie ซ้อน Movie <ul><li>สร้าง Movie 1 </li></ul><ul><li>สร้าง Movie 2 </li></ul><ul><li>สร้าง Movie 3 </li></ul>สร้าง Movie Main สร้าง Blank MC 3 ชิ้น กำหนด Instance Name เป็น mc01, mc02, mc03 กำหนดตำแหน่งการวางตามต้องการ สร้างเลเยอร์ Action ป้อนคำสั่ง loadMovie (“ movie 1 . swf &amp;quot; , “ mc01 &amp;quot;) ; loadMovie (“ movie 2 . swf &amp;quot; , “ mc02 &amp;quot;) ; loadMovie (“ movie 3 . swf &amp;quot; , “ mc03 &amp;quot;) ;
    • 91. โหลดข้อมูลจาก Text File message1 = ข้อความที่ 1&amp; message2 = ข้อความที่ 2 สร้าง Text Box แบบ Dynamic 2 ชิ้น กำหนดค่า Var เป็น message1 และ message2 ตามลำดับ สร้างเลเยอร์ใหม่ เฟรม 1 กำหนด Action เป็น loadVariablesNum (&amp;quot; 2flash . txt &amp;quot; , &amp;quot;&amp;quot;) ; 2flash.txt
    • 92. MC Text จากข้อมูลภายนอก <ul><li>สร้าง Text File กำหนดตัวแปร และค่าตัวแปร เช่น </li></ul><ul><ul><li>Message= สร้าง Movie ด้วย Flash MX </li></ul></ul><ul><li>สร้าง Movie File </li></ul><ul><li>สร้าง Text Box แบบ Dynamic กำหนดค่า Var ให้ตรงกับที่ระบุใน Text File </li></ul><ul><li>แปลงเป็น Symbol แบบ Movie Clip </li></ul><ul><li>กำหนดค่า Instance Name </li></ul><ul><li>นำ Text MC ที่สร้าง แปลงเป็น Motion ตามต้องการ </li></ul><ul><li>สร้าง Layer ใหม่ กำหนด Action เป็น LoadVariable(“text file”,”instance name”) </li></ul>
    • 93. SCO Flash Template Animation Panel Panel Panel Animation Animation ・・・・・・・・・・・・ Example) approximately material of page 3 - &gt; 16 scenes: 6 minute narration Animation
    • 94. Mentoring process <ul><li>Contact to learner </li></ul><ul><ul><li>Delaying 1 week from a learner’s plan </li></ul></ul><ul><ul><li>No access (log in) to LMS during 3 or more day </li></ul></ul><ul><ul><li>Sending his/her questions </li></ul></ul><ul><li>Reply rules </li></ul><ul><ul><li>Be sure to reply for questions within 1or 2 days </li></ul></ul><ul><li>Collecting the information </li></ul><ul><ul><li>collect any information of learning situations </li></ul></ul>

    ×