Learning Log Week 03

สิ่งที่ได้เรียนรู้

ADDIE การออกแบบบทเรียนอย่างมีระบบ

Analyze การวิเคราะห์ วัตถุประสงค์บทเรียน กลุ่มเป้าหมาย สภาพแวดล้อม บริบท
Design การเขียน site structure, story board, interfacedesign
*rapid prototype ออกแบบคร่าวๆ เป็นต้นแบบ ก่อนไปออกแบบจริง
Develop การพัฒนา tools software ต่างๆ
Implement การนำไปทดลองใช้
Evaluate การประเมินผล ด้าน SME: เนื้อหา เว็บ, กลุ่มเป้าหมาย

ADDIE กับการออกแบบ WBI
A วิเคราะห์ วัตถุประสงค์บทเรียน ผู้เรียน พื้นฐาน ผู้เรียน เนื้อหา แหล่งความรู้ สื่อที่เหมาะสม
D (site structure) การกำหนดโครงสร้าง แผนการดำเนินงาน แต่ละหน้า จะมีเนื้อหาเป็นแบบไหน กิจกรรมแบบใด
D (พัฒนา) ระบุเนื้อหา รูปแบบของเนื้อหาที่จะใช้ page design แต่ละหน้าจะมีอะไร
I (การนำไปใช้) ทดลองใช้กับผู้สอน ผู้เรียน เตรียมอุปกรณ์ที่ใช้ในบทเรียนนั้นๆ
E ตรวจสอบความถูกต้อง คุณภาพของบทเรียน ประเมินระหว่างการพัฒนา เพื่อปรับปรุงข้อมูล ประเมินหลัง เพื่อให้ผู้ใช้งานจริงได้
ประเมิน

GAGNE การออกแบบบทเรียนอย่างเป็นขั้นเป็นตอน 9 ขั้นตอน

Gain attention ใช้ภาพสี เสียง แอนิเมชัน เพื่อดึงความสนใจจากผู้เรียน
Inform learner objective แจ้งให้ทราบถึงวัตถุประสงค์ ใช้หน้าแรกในการนำเสนอวัตถุประสงค์
Stimulate recall of prior learning กระตุ้นความรู้เดิม เพื่อเชี่อมโยงความรู้ใหม่ ใช้ถามตอบ real time chatroom post คำถามไว้ให้ตอบ pretest
Present the content นำเสนอเนื้อหา รูปแบบสไลด์ e-document flash movie สรุปเนื้อหาเฉพาะคอนเซปท์ vdo clip CAI
Provide learning guidance ให้คำแนะนำระหว่างกาเรียน โพสต์FAQ Help post คำถามไว้
Elicit performance ตรวจสอบดู จากพฤติกรรม แบบฝึกหัด ควิซ ให้งานกลุ่ม ให้ผู้เรียนส่งงานผ่านcommunication tools
Provide feedback ให้ข้อเสนอแนะผู้เรียน ผู้สอนเสนอแนะประเด็นต่างผ่านทาง communication tool ได้ feedback ว่าถูกหรือผิด
Assess performance ประเมินผล ว่าได้เรียนรู้ตามวัตถุประสงค์ที่ตั้งไว้ไหม บนเว็บตรวจสอบโดยการเช็คว่าผู้เรียนเข้ามาเรียนกี่ครั้ง เสนอความคิดเห็นกี่ครั้ง ทำงานกลุ่ม ส่งเป็นชิ้นงาน
Enhance retention and transfer to the jobเพิ่มเติม ทบทวน และการนำไปใช้ต่อ เชื่อมโยงกับโจทย์ case study สื่อสารผ่าน discussion board เป็นการบ้าน

หลักการในการออกแบบ WBI

เนื้อหา
- กำหนดวัตถุประสงค์
- เลือกใช้สี
- การใช้หัวข้อใหญ่ ย่อย
- ใช้ถ้อยคำ ง่าย สั้น กระชับ
- ใช้สื่อประสมต่างๆ ดึงดูดความสนใจ
- ใช้ตารางเพื่อให้เห็นเป็นรูปธรรม

กิจกรรม
เน้นกิจกรรม
- แบบประสานเวลา chat เสียง
- ไม่ประสานเวลา blog email board
- แบบร่วมมือ ใช้ทั้งสองแบบประสมกัน

Site Structure
Analyze การวิเคราะห์วัตถุประสงค์ของเว็บไซต์ กลุ่มผู้ชม/กลุ่มเป้าหมาย เนื้อหา และศึกษาแหล่งข้อมูลต่างๆ เช่น เลือกใช้สีสะอาดตาสำหรับเว็บไซต์เครื่องสำอาง

Design
1. การเขียนsite structure สำคัญที่สุด กำหนดแผนผัง การจัดวางตำแหน่งwebpageทั้งหมด ช่วยให้ไม่สับสน จัดตามกลุ่มเนื้อหา/ กลุ่มผู้ชม
แนวคิดการเขียน site structure อีกแบบ
Sequence ลำดับไปทีละหน้า ข้อมูลไม่มาก
Hierarchy เป็นลำดับชั้น เหมาะกับที่มีwebpage มากๆ
Combination เหมาะกับเว็บที่ซับซ้อน ผสมทั้งสองแบบเข้าด้วยกัน
2. การเขียน storyboard
3. การออกแบบหน้าเว็บ page design

Page Design การออกแบบหน้าเว็บเพจ
มี 4 องค์ประกอบ
1. Page header ส่วนบนสุด ใส่ชื่อเว็บ หรือผู้ให้การสนับสนุน เป็นส่วนที่ผู้ใช้จะมองมากที่สุด
2. Navigation Bar ส่วนที่เชื่อมโยงไปยัง webpage ต่างของเว็บ
3. Page body ใส่เนื้อหาหลัก มีตัวนำทางย่อยๆ นิยมอยู่ด้านขวา
4. Page footer ใส่ชื่อหน่วยงาน ชื่อทำ banner ผู้ให้การสนับสนุน

หลักการออกแบบ
1. ความเรียบง่าย ให้มีแต่องค์ประกอบหลักๆ
2. ความสม่ำเสมอ แต่ละหน้าไม่มีความแตกต่างกันมากเกินไป
3. การใช้สี โทนร้อน-เย็น ช่วยสร้างความพึงพอใช้ให้ผู้ใช้ มีอิทธิพลในการกระตุ้นอารมณ์ ที่ต่างกัน
เย็น รู้สึกสงบ ความสุภาพ อ่อนโยน
ร้อน ตื่นเต้น รุนแรง ช่วยให้หายจากความเฉื่อยชา
สีโทนกลาง ขาว ดำ เทา น้ำตาล
สียังช่วยสร้างภาพลักษณ์ขององค์กร เช่นจุฬาฯ เลือกใช้ สีชมพูเข้ม เพื่อให้ดูเป็นทางการ

การออกแบบระบบนำทาง ช่วยให้เข้าถึงข้อมูลได้รวดเร็ว และไม่หลงทาง
เครื่องนำทาง ประกอบด้วย
เมนูหลัก ปรากฏอยู่บนเว็บเพจทุกหน้า
เมนูเฉพาะลุ่ม
เครื่องมือเสริม ช่องค้นหน้า แผนที่เว็บ
ระบบนำทางที่ดี
- เข้าถึงง่าย
- สื่อความหมาย
- มีความสม่ำเสมอ มีระบบ
- มีการตอบสนองเมื่อใช้งาน
- จำนวนรายการที่พอเหมาะ
- มีทางเลือกหลากหลาย
- มีลิงค์ให้กลับโฮมเพจเสมอ

สิ่งที่ต้องเตรียมมา/ศึกษาเพิ่มเติม
ศึกษาการออกแบบเว็บเพจ และออกแบบเว็บเควสของตนเอง
เตรียม PPT มาพรีเซนท์ในครั้งหน้า

ข้อเสนอแนะ
วันนี้เรียนเยอะมากเลยค่ะอาจารย์ แล้วก็งงๆด้วยเพราะรู้สึกว่ามันเยอะไปหมด ไม่รู้ว่าในไฟล์ Word ที่เป็นตาราง ADDIE กับ Gagne จริงๆแล้วต้องเขียนอะไร ยังอธิบายไม่ชัดค่ะ
งานWebquest ทำเป็นคู่ก็ดีค่ะอาจารย์ จะได้ช่วยกะนคิด ช่วยกันทำ