สวัสดีค่ะ ในตอนที่ 4 นี้ ข้าพเจ้าขอนำเสนอในส่วนของ "บทเรียนคอมพิวเตอร์ช่วยสอน" ที่ทางผู้วิจัยได้พัฒนาขึ้นมาค่ะ
ผู้วิจัยได้วางแผนทำเป็น storyboard โดยมีการกำหนดรายละเอียดของพื้นหลัง (Background), รูปภาพ (Graphic), ข้อความ (Text), การเคลื่อนไหว (Transition), เสียง (Sound), ดนตรีประกอบ (Music) และการเชื่อมโยง (Link)
ซึ่งข้าพเจ้าขอนำภาพตัวอย่างมาให้ดูนะค่ะ

โดยมีขั้นตอนการพัฒนาดังนี้
ขั้นตอนที่ 1 ขั้นตอนของการเตรียม
(preparation)
เป็นขั้นตอนในการเตรียมพร้อมก่อนที่จะทำการออกแบบบทเรียน
โดยเตรียมพร้อมในเรื่องของความชัดเจนในการกำหนดเป้าหมายและวัตถุประสงค์
(determine goals and objectives) รวบรวมข้อมูล(collect
resources)
เรียนรู้เนื้อหา (learn content) เพื่อให้เกิดการสร้างหรือระดมความคิด
(generate ideas) ขั้นตอนการเตรียมนี้
ถือเป็นขั้นตอนที่สำคัญมากตอนหนึ่งที่ผู้ออกแบบต้องใช้เวลาให้มาก
เพราะการเตรียมพร้อมในส่วนนี้
จะทำให้ขั้นตอนต่อไปในการออกแบบเป็นไปอย่างต่อเนื่องและมีประสิทธิภาพ
ขั้นตอนที่ 2 ขั้นตอนการออกแบบบทเรียน (design
instruction)
เป็นขั้นตอนที่จะกำหนดว่าบทเรียนจะออกมามีลักษณะใด
1. ทอนความคิด (elimination of ideas) ประเมินดูว่า
ข้อความใดที่น่าสนใจ เริ่มจากการคัดเลือกข้อคิดที่ไม่อาจปฏิบัติได้
หรือข้อคิดที่ซํ้าซ้อนกันออกไปและรวบรวมความคิดที่น่าสนใจที่เหลืออยู่นั้นมาพิจารณาอีกครั้ง
2. วิเคราะห์งานและแนวคิด (task and concept analysis)
เป็นการพยายามในการวิเคราะห์ขั้นตอนเนื้อหา
ผู้เรียนจะต้องศึกษาจนทำให้เกิดการเรียนรู้ที่ต้องการ
ส่วนการวิเคราะห์แนวคิด (concept analysis) คือ
ขั้นตอนเนื้อหาซึ่งผู้เรียนจะต้องศึกษาอย่างพินิจพิจารณา
ทั้งนี้เพื่อให้ได้มา
ซึ่งเนื้อหาที่เกี่ยวข้องกับการเรียนและเนื้อหาที่มีความชัดเจนเท่านั้น
การคิดวิเคราะห์เนื้อหาอย่างละเอียด
รวมไปถึงการนำเนื้อหาทั้งหมดที่เกี่ยวข้องมาพิจารณาอย่างละเอียดและตัดเนื้อหาในส่วนที่ไม่เกี่ยวข้อง
หรือที่ทำให้ผู้เรียนสับสนได้ง่ายออกไป
3. ออกแบบบทเรียนขั้นแรก (preliminary lesson description)
หลังจากที่มีการวิเคราะห์งานและแนวคิด
ผู้ออกแบบจะต้องนำงานและแนวคิดทั้งหลายที่ได้มานั้นมาผสมผสานให้กลมกลืนและออกแบบให้เป็นบทเรียนที่มีประสิทธิภาพ
ประกอบไปด้วยการกำหนดประเภทของการเรียนรู้
ประเภทของคอมพิวเตอร์ช่วยสอน
การกำหนดขั้นตอนและทักษะที่จำเป็นการกำหนดปัจจัยหลักที่ต้องคำนึงถึงในการออกแบบคอมพิวเตอร์ช่วยสอนแต่ละประเภทและสุดท้าย
คือ การจัดระบบความคิด เพื่อให้ได้มาซึ่งการออกแบบลำดับ
(sequence)
4. ประเมินและแก้ไขการออกแบบ (evaluation and revision of the design)
การประเมินนั้นเป็นสิ่งที่ต้องทำ อยู่เรื่อย ๆ เป็นระยะ ๆ
ระหว่างการออกแบบโปรแกรมเสร็จแล้วเท่านั้น
ขั้นตอนที่ 3 ขั้นตอนการเขียนผังงาน (flowchart
lesson)
ผังงานคือชุดสัญลักษณ์ต่าง ๆ ซึ่งอธิบายขั้นตอนการทำงานของโปรแกรม
การเขียนผังงานเป็นสิ่งสำคัญทั้งนี้ก็เพราะ
คอมพิวเตอร์ช่วยสอนที่ดีจะต้องมีปฏิสัมพันธ์อย่างสมํ่าเสมอและปฏิสัมพันธ์นี้จะสามารถถ่ายทอดออกมาได้อย่างชัดเจนที่สุด
ในรูปของสัญญลักษณ์ซึ่งแสดงกรอบการตัดสินใจและกรอบเหตุการณ์
การเขียนผังงานจะไม่นำเสนอรายละเอียดหน้าจอเหมือนสร้าง
สตอรี่บอร์ด หากการเขียนผังงานจะนำเสนอลำดับขั้นตอน
โครงสร้างของบทเรียนคอมพิวเตอร์ช่วยสอนผังงานทำหน้าที่เสนอข้อมูลเกี่ยวกับโปรแกรม
ขั้นตอนที่ 4 ขั้นตอนการสร้างสตอรี่บอร์ด (create
storyboard)
การสร้างสตอรี่บอร์ด เป็นขั้นตอนของการเตรียมการนำเสนอข้อความ ภาพ
รวมทั้งสื่อในรูปแบบมัลติมีเดียต่าง ๆ ลงบนกระดาษ
เพื่อให้การนำเสนอข้อความและสื่อในรูปแบบต่าง ๆ เหล่านี้
เป็นไปอย่างเหมาะสมบนหน้าจอคอมพิวเตอร์ต่อไป
ขณะที่ผังงานนำเสนอลำดับและขั้นตอนของการตัดสินใจ
สตอรี่บอร์ดนำเสนอเนื้อหาและลักษณะของการนำเสนอขั้นตอน
การสร้างสตอรี่บอร์ดรวมไปถึงการเขียนสคริปต์
(เนื้อหาข้อความในบทเรียน) ที่ผู้เรียนจะได้เห็นบนหน้าจอ ซึ่งได้แก่
เนื้อหาข้อมูล คำแนะนำ คำชี้แจง ข้อความเรียกความสนใจ ภาพนิ่ง
และภาพเคลื่อนไหว ฯลฯ
ขั้นตอนที่ 5 ขั้นตอนการสร้าง/เขียนโปรแกรม (program
lesson)
เป็นกระบวนการเปลี่ยนสตอรี่บอร์ด ให้กลายเป็นคอมพิวเตอร์ช่วยสอน
ซึ่งอยู่ในขั้นตอนผู้ออกแบบบทเรียนคอมพิวเตอร์ช่วยสอนสร้างข้อมูลทั้งหมดลงในโปรแกรมที่เหมาะสม
หรือที่ตนเองถนัด เช่น Flash, AuthorWare เป็นต้น
ขั้นตอนที่ 6 ขั้นตอนการผลิตเอกสารประกอบบทเรียน (produce
supporting materials)
เอกสารประกอบบทเรียนอาจแบ่งได้เป็น 4 ประเภท คือ
คู่มือการใช้ของผู้เรียน คู่มือการใช้ของผู้สอน
คู่มือสำหรับการแก้ปัญหาเทคนิคต่าง ๆ และเอกสารประกอบเพิ่มเติมทั่วๆ
ไป
ขั้นตอนที่ 7 ขั้นตอนการประเมินและแก้ไขบทเรียน (evaluate
and revise)
บทเรียนและเอกสารประกอบทั้งหมด
ควรจะได้รับการประเมินโดยเฉพาะการประเมินในส่วนของการนำเสนอและการทำงานของบทเรียนขั้นตอนการออกแบบบทเรียน
ทั้งนี้ขั้นตอนดังกล่าวสามารถเพิ่มเติมหรือเปลี่ยนแปลงได้ตามยุคสมัย และตามผู้พัฒนา โดยคำนึงถึงหลักการออกแบบ ซึ่งขอกล่าวถึงในตอนต่อไป สวัสดีค่ะ ^_^
ขอบคุณ ที่ทบทวนให้ ค่ะ
ชอบ flowchart lesson
เรียนเชิญ ชมความงามของอักษร ที่นี่ ค่ะ